/*

目次

00.トップページ
01.商品一覧ページ
02.生チョコサンドページ
03.生チョコサンドプレミアムページ
04.バースデーケーキ（写真ケーキ）ページ
05.ロールケーキ（プレーン）ページ
06.ロールケーキ（大納言八女抹茶）ページ
07.ロールケーキ（生チョコロール）ページ
08.初めての方へページ
09.よくある質問ページ
10.お買い物ガイドページ
11.マスコミ掲載実績紹介ページ
12.会社概要ページ
13.プライバシーポリシーページ
14.お問い合わせページ
15.リンク集ページ
16.サイトマップページ
17.店舗情報-見出しページ
18.店舗情報-商品紹介ページ
19.店舗情報-イベント情報ページ
20.店舗情報-アクセスページ

------------------------------------*/

/* 00.トップページ
------------------------------------*/
#top-main{
	font-weight:normal;
	text-align:center;
}
#top-main img{ vertical-align:top; }
#top-voice{
	margin:30px 0 25px;
	width:600px;
	overflow:hidden;
}
#top-voice h2{
	margin:0 0 8px;
}
#top-voice .imgL{ margin-right:0; }
#top-voice #feed-outer{
	width:420px;
	height:125px;
	float:left;
	background:url(images/top/voice-bg.gif) no-repeat left top;
}
#top-voice #feed-outer #feed{
	padding:18px 18px 0 36px;
}
#top-voice #feed-outer #feed ul{
	height:107px;
	overflow:auto;
}
#item-lineup{
	width:610px;
	margin:0 -15px 25px 0;
	overflow:hidden;
}
#item-lineup li{
	width:295px;
	float:left;
	margin:0 10px 15px 0;
	text-align:center;
}
#item-lineup li.wide{ width:600px; }
#item-lineup li img{ vertical-align:top; }
#top-media{
	text-align:center;
}
#top-media img{ vertical-align:top; }


/* 01.商品一覧ページ
------------------------------------*/


/* 02.生チョコサンドページ
------------------------------------*/
#item-sp .box-inner{
	width:320px;
	float:left;
}
.intro-box{
	width:600px;
	overflow:hidden;
}
.intro-box h2{
	margin:0 0 8px;
}
.info-box{
	width:600px;
	margin:0 0 20px;
	overflow:hidden;
}
.info-box h3{
	margin:0 0 5px;
}
.info-box .imgL{
	margin-right:10px;
}
#kodawari{
	margin:20px 0 25px;
	padding:0 0 18px;
	background:url(images/kodawari-bg.jpg) no-repeat left bottom;
}
#kodawari-inner{
	background:url(images/kodawari-bg.jpg) no-repeat left top;
}
#kodawari-inner2{
	min-height:160px;
	height:auto !important;
	height:160px;
	background:url(images/kodawari-bg2.jpg) no-repeat right bottom;
}
#kodawari h2{
	height:63px;
	text-indent:-7123px;
}
#kodawari p{
	margin:0;
	padding:0 30px 0 180px;
}
table.item-cargo-info{
	border:1px solid #D4D0C8;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.item-cargo-info th{
	padding:4px;
	border:1px solid #D4D0C8;
	background:#e2d7ca url(images/table-deco-bg.gif) no-repeat left top;
	font-weight:normal;
	text-align:center;
	white-space: nowrap;
}
table.item-cargo-info td{
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #D4D0C8;
	text-align:left;
}
.item-cargo-text{
	margin:0px;
	padding:0px 0px 20px 0px;
	width:340px;
	float:left;
}
.item-cargo-text .price,.toppage-item-price{
	font-weight:bold;
	font-size:1.4em;
	color:#f00;
}
.item-cargo-text .note{
	color:#bb0000;
	margin:0 0 0 10px;
}

.item-cargo-pic{
	margin:0px 20px 0px 0px;
	width:240px;
	float:left;
}
.item-cargo-pic ul li{
	margin:0 0 10px;
}
.item-cargo-pic ul li img{
	margin:0 3px 0 0;
	vertical-align:middle;
}
.item-zoom{
	margin-bottom:40px;
	text-align:center;
}
.cargo-guide-box{
	border:solid 1px #E5D5C9;
	padding:15px 15px 5px;
}


/* 03.生チョコサンドプレミアムページ
------------------------------------*/
.photo-list{
	width:624px;
	margin:0 -24px 20px 0;
	overflow:hidden;
}
.photo-list li{
	width:184px;
	float:left;
	margin:0 24px 0 0;
	text-align:center;
	line-height:1.4;
}


/* 04.バースデーケーキ（写真ケーキ）ページ
------------------------------------*/
.note-box{
	margin:0 15px;
	padding:10px 15px;
	border:1px dotted #BD050D;
	background-color:#FCF6F6;
}
.note-box p{
	overflow:hidden;
	margin:0 0 1em;
}
.frame-order{
	border:dotted 1px #843f2d;
	padding:20px 30px;
}
.frame-order h3{
	text-align:center;
	margin:0 0 15px;
}
.frame-order h4{
	font-size:1.2em;
	font-weight:bold;
	color:#843f2d;
}




/* 05.ロールケーキ（プレーン）ページ
------------------------------------*/


/* 06.ロールケーキ（大納言八女抹茶）ページ
------------------------------------*/


/* 07.ロールケーキ（生チョコロール）ページ
------------------------------------*/


/* 08.初めての方へページ
------------------------------------*/
#hajimete-greeting{
	margin-bottom:40px;
}
#hajimete-greeting .imgL{ margin-right:0; }
#hajimete-greeting .box-inner{
	width:370px;
	float:right;
}
.hajimete-map{
	width:580px;
	overflow:hidden;
}
.hajimete-map-lt{
	width:300px;
	float:left;
	margin:0 20px 0 0;
}


/* 09.よくある質問ページ
------------------------------------*/
#qa-box h2{ margin-top:20px; }
#qa-box p.anchor{ margin-bottom:0; }
#qa-box dl.answer{
	margin:0 0 0 17px;
	line-height:1.4;
	overflow:hidden;
}
#qa-box dl.answer dt{
	width:40px;
	float:left;
	font-weight:bold;
	color:#BB7755;
	font-size:16px;
}
#qa-box dl.answer dd{
	width:520px;
	float:left;
	padding-top:2px;
}


/* 10.お買い物ガイドページ
------------------------------------*/
.guide-nagare{
	width:538px;
	margin:0 0 15px 42px;
	padding:0 0 20px;
	background:url(images/guide/nagare-arrow.gif) no-repeat 70px bottom;
	overflow:hidden;
}
.lastChild .guide-nagare{
	background:none;
	padding:0;
	margin-bottom:0;
}
#guide-order .imgL{
	margin-right:10px;
}
#guide-order .box-inner{
	float:right;
	width:512px;
}
#guide-order .box-inner ul{
	width:512px;
	overflow:hidden;
}
#guide-order .box-inner ul li{
	width:226px;
	float:left;
	list-style:disc inside;
}
#guide-souryou table th{
	text-align:center;
}
#guide-souryou th,#guide-souryou td{
	padding-left:0;
	padding-right:0;
}
#guide-souryou td p{
	margin:0;
	padding:4px 8px;
}
#guide-souryou table th,#guide-souryou table td{
	width:auto;
}
#guide-souryou table{
	width:578px;
}
#guide-souryou table td{ vertical-align:top; }
#guide-souryou table th.list01{ width:40px; }
#guide-souryou table th.list02{ width:55px; }
#guide-souryou table th.list03{ width:55px; }
#guide-souryou table th.list04{ width:165px; }
#guide-souryou table th.list05{ width:170px; }
#guide-souryou table th.list06{ width:55px; }
#guide-souryou table td span{
	margin-right:15px;
	white-space:nowrap;
	display:block;
	float:left;
}
#guide-souryou table tr.souryou td{
	font-weight:bold;
	color:#f00;
}
#guide-souryou table tr.souryou td p{
	margin:0;
	padding:4px 0;
	text-align:center;
}
#guide-notation dd{
	margin:0 0 10px 1em;
}



/* 11.マスコミ掲載実績紹介ページ
------------------------------------*/
#media-box{
	width:580px;
	margin:0 0 0 20px;
}
.media-pic  {
	float:left;
	margin:0 10px 20px 0;
	width:120px;
}
.media-text {
	float:left;
	margin:0 0 20px;
	width:450px;
}
.media-midashi {
	border-bottom:1px dashed #974A19;
	color:#974A19;
	font-size:1.2em;
	margin:0 0 6px;
	padding:4px;
}


/* 12.会社概要ページ
------------------------------------*/
#gaiyou-prof dl{
	width:360px;
	overflow:hidden;
	margin:0 0 10px;
}
#gaiyou-prof dl dt{
	width:30px;
	margin:0 10px 0 0;
	float:left;
}
#gaiyou-prof dl dd{
	width:308px;
	border-left:2px solid #ccc;
	padding-left:10px;
	float:left;
}
#gaiyou-prof dl dd p{ margin:0 0 10px; }


/* 13.プライバシーポリシーページ
------------------------------------*/


/* 14.お問い合わせページ
------------------------------------*/
ul.calendar{
	width:300px;
	margin:0 0 0 20px;
	overflow:hidden;
}
ul.calendar li{
	float:left;
	margin:0 12px 0 0;
}
#ask-table th{
	width:28%;
}
#ask-table td{
	width:72%;
}
#ask-table input.textbox{
	width:50%;
}
#ask-table textarea{
	width:80%;
}
#ask-table th img,img.hissu2{
	float:right;
	vertical-align:middle;
	margin-top:2px;
}
#ask-table td .example{
	color:#999999;
	padding-left:10px;
}
/* spry */
input.hissu{ background:#ffeeef; }
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
	padding-left:23px;
	background:url(images/icon-error.gif) no-repeat 5px center;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;/*(06)*/
	color: #f00;
	padding-left:5px;
	font-weight:bold;
	padding-left:23px;
	background:url(images/icon-error.gif) no-repeat 5px center;
/*	border: 1px solid #CC3333; */
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #F0F8FF;/*(07)*/
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	/*background-color: #FFF5EE;(08)*/
	background-color: #fbe7da;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;/*(09)*/
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
	padding-left:5px;
}
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/* 15.リンク集ページ
------------------------------------*/
#link-box{
	margin:0 0 0 20px;
}
#link-box dl{
	width:580px;
	overflow:hidden;
	line-height:1.3;
	margin:0 0 10px;
	padding:0 0 9px;
	border-bottom:solid 1px #e5e5e5;
}
#link-box dt{
	width:200px;
	float:left;
	margin:0 20px 0 0;
}
#link-box dt a{
	display:block;
	padding:2px 0 2px 19px;
	background:url(images/arrow2.gif) no-repeat left .2em;
}
#link-box dd{
	width:360px;
	float:left;
}
#link-apply-table th{ width:33%; }
#link-apply-table td{ width:66%; }
#link-apply-table th span{
	width:3em;
	color:#f00;
	float:right;
	text-align:right;
}
#link-apply-table td.buttons{
	width:auto;
	padding:10px 0;
	text-align:center;
}


/* 16.サイトマップページ
------------------------------------*/
#sitemap-box{
	margin:0 0 0 20px;
}
#sitemap-box{
	width:600px;
	margin:0 -20px 0 20px;
	overflow:hidden;
}
#sitemap-box ul.box-inner{
	width:280px;
	float:left;
	margin:0 20px 20px 0;
}
#sitemap-box ul li{
	margin:10px 0;
	line-height:1.3;
}
#sitemap-box ul li a{
	padding:2px 0 2px 19px;
	background:url(images/arrow2.gif) no-repeat left .2em;
}
#sitemap-box ul li ul{
	margin-left:20px;
}


/* 17.店舗情報-見出しページ
------------------------------------*/


/* 18.店舗情報-商品紹介ページ
------------------------------------*/


/* 19.店舗情報-イベント情報ページ
------------------------------------*/


/* 20.店舗情報-アクセスページ
------------------------------------*/