@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,dd,ul,ol,li{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

ul,ol {
	list-style: none;
	}

em {
	font-weight: 700;
	font-style: normal;
	}

th {
	text-align: left;
	}

img {
	border: none;
	line-height: 0;
	}

body {
	font: 12px/1em Meiryo,メイリオ,Arial,helvetica,"MS Pゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 1.5;
	color: #555;
	background-image: url(image/background.png);
	background-color: #ffffee;
	}

a {
	color: #006AB5;
	}

input ,select {
	font: 12px/1em Meiryo,メイリオ,Arial,helvetica,"MS Pゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	}

.fix:after {
	content: '';
	display: block;
	clear: both;
	}
	
.fix {
	zoom: 1;
	}

/* フレーム部分 */

/* ヘッダ部分 */

#header{
    height: 205px;
}
#index #header{
    height: 500px;
}

#navigation_top {
	width: 900px;
	margin: 0 auto;
	text-align: right;
	padding: 20px 0 10px;
	}

#navigation_top li {
	display: inline;
	margin: 0 0 0 16px;
	}

#navigation_top li img {
	vertical-align: middle;
	}

#navigation {
	background: url(image/nav_background.png) 0 0 repeat-x;
	height: 44px;
	}

#navigation_menu {
	width: 625px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	}

#navigation_menu li {
	display: inline;
	float: left;
	line-height: 0%;
	}

#main_image {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -50%;
	background: #eeeedd;
	width: 100%;
	}

#main_picture{
	width: 900px;
	margin: 0 auto;
	text-align: right;
	line-height: 0%;
	height: 400px;
	}

#indexImg {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -50%;
	background: #faf5ee;
	width: 100%;
	}


#formatMain {
	width: 900px;
	margin: 0 auto;
	text-align: right;
	}

#bar{
	position: relative;
	width: 296px;
	margin: 0 auto;
	top: -100px;
	left: -312px;
	z-index: 100;
	line-height: 0%;
	font-size: 1%;
	zoom: 1;
}
* html #bar{
	position:relative;
	width:296px;
	top:-102px;
	left:-312px;
    z-index:100;
    margin:0 auto -120px auto;
}

#bar span {
	margin: 100px 0px;
	line-height:0;
	display:block;
}

#logo {
	position:relative;
	width:296px;
	margin:0 auto;
	top:-105px;
	left:-312px;
    z-index:100;
}
* html #logo{
	position:relative;
	width:296px;
	top:-105px;
	left:-312px;
    z-index:100;
    margin:0 auto -240px auto;
}

/*メイン*/

#main_box {
	width: 920px;
	margin: 20px auto;
	background: url(image/main_box_r2_c1.png) 0 0px repeat-y;
	}

#outline {
	background: url(image/main_box_r1_c1.png) 0 0 no-repeat;
	}

#contents {
	background: url(image/main_box_r3_c1.png) 0 100% no-repeat;
	padding: 30px 0 20px 30px;
	}

.contet_box {
	width: 260px;
	float: left;
	margin: 0 32px 0 0;
	}

.contet_box h2{
	margin: 0 0 10px;
	}

#idxPickList {
	margin: 25px 0 0;
	}
#idxPickList li {
	vertical-align:bottom;
	line-height:0px;
	font-size:0px;
	zoom:1;
	}

#idxInfoList {
	margin: 20px 0 20px;
	height: 50px;
	overflow-y: scroll;
	}
	
#idxInfoList dd {
	padding: 2px 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #aaa;
	}

#idxMenuList dd {
	margin: 5px 0 20px;
	}

#content {
	width: 590px;
	float: right;
	padding: 0 20px 0;
	}

#sideContent {
	width: 260px;
	float: right;
	}

#sideContent h3 {
	margin: 0 0 20px;
	}

#sideContent #idxMenuList ,
#sideContent #idxPickList {margin:0 0 40px;}

/*フッター部分*/

#footer {
	background: url(image/footer_background.png) 0 0 repeat-x #faf5ee;
	padding: 20px 0 30px;
	}

#footer_list {
	width: 920px;
	margin: 0 auto 30px;
	}

#footer_list li {
	padding: 0 8px 0 0;
	margin: 0 8px 16px 0;
	border-right: 1px solid #a29180;
	float: left;
	letter-spacing: 0;
	white-space: nowrap;
	}

#footer_list li.break {
	clear:both;
	}

#footer_list li a {
	font-size: 10px;
	color: #824150;
	text-decoration: none;
	}

#footer address {
	font-size: smaller;
	font-style: normal;
	background-color: #9F3B42;
	color: #ffffff;
	padding: 5px 100px;
	text-align: center;
	}

/*メニュー用*/

#madeleine {margin:20px 0 0;
clear:both;

}

#madeleine li {
	width:568px;
	height:100%;
	float:left;
	margin:0 20px 10px 0;
	background: url(../images/mad-list-m.png) 0 0 repeat-y;}
	
#madeleine .under {background: url(../images/mad-list-t.png) 0 0 no-repeat;}
#madeleine .inner {
	padding:10px 1px 321px 10px;
	background: url(../images/mad-list-b.png) 0 100% no-repeat;
	height:220px;}

#madeleine .inner .itemPhoto {
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	background: url(../images/cake-amount.png) 0 0 no-repeat;}
#madeleine .inner .itemPhoto {float:left;}
#madeleine .inner h3 {padding:20px 0 0;}
#madeleine .inner span {
	display:block;
	padding:10px 10px 0 0;
	background: url(../images/cake-list-bg.png) 0 100% repeat-x;
	text-align:right;}
#madeleine .inner p {
	margin:0;
	padding:10px 0 0;
	clear:left;}









#cakeList {margin:20px 0 0;
clear:both;

}

#cakeList li {
	width:274px;
	float:left;
	margin:0 20px 20px 0;
	background: url(../images/cake-list-m.png) 0 0 repeat-y;}
	
#cakeList .under {background: url(../images/cake-list-t.png) 0 0 no-repeat;}
#cakeList .inner {
	padding:10px 1px 10px 10px;
	background: url(../images/cake-list-b.png) 0 100% no-repeat;
	height:220px;}

#cakeList .inner .itemPhoto {
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	background: url(../images/cake-amount.png) 0 0 no-repeat;}
#cakeList .inner .itemPhoto {float:left;}
#cakeList .inner h3 {padding:20px 0 0; color:#d53569; font-size:12px;} 
#cakeList .inner span {
	display:block;
	padding:10px 10px 0 0;
	background: url(../images/cake-list-bg.png) 0 100% repeat-x;
	text-align:right;}
#cakeList .inner p {
	margin:0;
	padding:10px 0 0;
	clear:left;}


.shopDC {
	width:574px;
	margin-bottom: 20px;
	background: url(../images/round-m.png) 0 0 repeat-y;}
.shopDCUnder {background: url(../images/round-t.png) 0 0 no-repeat;}
.shopDCInr {
	background: url(../images/round-b.png) 0 100% no-repeat;
	padding:20px 1px;}
.shopDCInr h3 {padding:0 0 10px 0;}
.shopDCInr .shopMain {
	text-align:center;
	clear:both;
    margin:0;}

.shopDCInr p {
    padding:0 5px;
}
.shopDCInr h4 {
    padding:10px 0;
}
.shopDCInr .shopBox{
    padding:0 15px 15px 15px;
}

.shopDCInr #shopSubPhoto{
    float:left;
    padding:0 15px 5px 0;
}
.shopDCInr #shopMapBox{
    clear:both;
	padding:0 15px;
}
#shopInfo {
	background:#DECDB9;
	padding:10px;
    margin:0;
	color:#4c3519;
}
#shopInfo dt{
    float:left;
    padding:0 10px 10px 0;
}
#shopInfo dd{
    float:left;
    line-height:1.2em;
    padding:0 0 10px 0;
}
#shopInfo dd h5{
    padding:10px 0;
}

/*
.col1s {
	margin:10px 0 10px 15px;
}
.col2s {
	width:268px;
	float:left;
	margin:10px 0 10px 10px;
	display:inline;}
.col3s {
	width:187px;
	float:left;
	margin:10px 0 10px 3px;
	display:inline;}

#shopInfo {
	background:#eca9bb;
	padding:10px;
	margin:0 20px 0 2px;
	color:#fff;}
#shopInfo h4 {
	padding:10px 0 2px;
	margin:0 0 5px;
	border-bottom:1px dotted #da4c79;}
*/









.shopListInfo {
	margin:10px 15px 20px;
	zoom:1;}
.shopListInfo:after ,
.shopInfoD:after {
	content:'';
	clear:left;
	display:block;}
.shopImgPhoto {
	float:left;
	display:inline;}
.shopImgPhoto img {
	background: url(../images/shoplist-img-bg.png) 0 0 no-repeat #fff;
	padding:7px 5px 5px 7px;}
.shopInfoD {
	margin:0 0 0 165px;
	zoom:1;}
.shopInfoD dl {
	width:100px;
	float:left;
	margin:0;}
.shopInfoD dt {
	font-size:13px;
	color:#d53569;}
.shopInfoD dd {margin:2px 0;}
.shopInfoD .shopListAdd {
	float:left;
	width:260px;
	font-size:11px;}

.onlineIntro {
	margin:20px 0;
	text-align:center;}
.onlineList {
	padding:30px 0 50px ;
	margin:0 auto;
	width:502px;
	background: url(../images/online-hr.png) 0 100% no-repeat;}
.onlineList .itemImg {
	width:160px;
	float:left;}
.onlineList .itemImg:after {content:'';clear:left;display:inline;}
.onlineList .itemImg li {
	float:left;
	display:inline;}
.onlineList .itemImg img {
	padding:3px 3px 3px 3px;
	background: url(../images/online-subbg.png) 0 0 no-repeat;}
.onlineList .itemImg .main {
	padding:2px 3px 3px 3px;
	background-image: url(../images/online-mainbg.png);
	margin:0 8px 8px 0;
	clear:left;}

.onlineList .itemDetail {margin:0 0 0 170px;}
.onlineList .itemDetail h4 {
	padding:0 0 8px;
	color:#d53569;
	font-size:13px;}
.onlineList .itemDetail dt {
	width:70px;
	float:left;}
.onlineList .itemDetail dd {
	margin:0 0 0 70px;}
.onlineList .itemDetail select {font-size:12px;}
.onlineList .itemDetail .attention {
	padding:0 0 0 12px;
	background: url(../images/online-icon.png) 0 5px no-repeat;}
.onlineList .itemBtn {text-align:right;}

.orderList {padding:0 10px;}
.aboutList {
	padding:0 10px;
	margin:10px 0 40px;}
.orderList dt ,
.aboutList dt {
	width:150px;
	float:left;
	font-weight:bold;}
.orderList dd ,
.aboutList dd {
	padding:0 0 5px 150px;
	margin:0 0 10px;
	border-bottom:1px dotted #aaa;}

.error {
	color:#f00;
	display:block;}

.contactFrom em {color:#f00;}
.shopDCInr .formAttention {
	padding:0 10px;
	color:#ff5b67;}
#contactBtn {padding:0 10px;}

#cartTable {
	width:520px;
	margin:0 auto;
	border:1px solid #ea9ab4;
	border-collapse:collapse;  
	border-spacing:0;}
#cartTable th ,
#cartTable td {
	padding:5px;
	border:1px solid #ea9ab4;}
.shopDCInr .cartBtn {
	text-align:right;
	padding:0 30px;}


#contactBtn{
    text-align:center;
}

#r_nav{
	height:50px;
	margin-bottom: 35px;
}

#r_nav ul{ 
margin:15px 0 0 25px;
}

#r_nav ul li{
float:left;
margin-right:15px;
}

dd.alowarea{
float:right;
border:none;
}
/*2013 追加修正分*/
.orderTable table{
	border-collapse: collapse;
}
.orderTable table td{
    border: 1px solid #999999;
    padding: 1px;
    text-align: center;
    width: 60px;
	line-height: 1.8em;
}
.marginB20{
	margin-bottom: 20px;
}
.sFont{
	margin-top: -1px;
	padding: 0 !important;
	font-size: 9px;
	color: #7e0b0b;
}
/* IE8向け */

html>/**/body .orderTable div.ie8Center{
	margin: 0 auto;
	width: 250px;

}
.orderTab{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}