@charset "shift-JIS";
/*
	Site Name:
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================
	1: BASELAYOUT
	2: TOP CONTENTS
	3: LEFTNAVI
	4: RIGHTNAVI
	5: FOOTER
	6: NEWS_LIST,INFO
	7: ALL CONTENTS
	8: CLEARFIX
==========================================================
*/
/*
===== 1: HEADER ====================================
内容：レイアウトボックス*/


#header {
	width:970px;
	margin:0px auto 5px auto;
	clear:both;
	padding-top:8px;

}

#header h1 {
	padding-top:5px;
	font-size:10px;
	color:#FFF;
	float:left;
	width:500px;
}

#header div.sub {
	float:right;
	color:#FFF;
	width:450px;
	font-size:10px;	

}

#header div.sub td {
	color:#FFF;
	font-size:12px;	

}

#header div.sub span {
	color:#FFF;
	font-size:10px;	

}
p.logo {
	padding-top:15px;
	float:left;
	width:420px;
	clear:left;
}


ul#menu {
	margin-top:10px;
	list-style-type:none;
	float:right;
	margin-right:25px;
	padding-top:15px;
}

ul#menu li{
	float:left;
}


/*
===== 2: WRAPPER ====================================
内容：レイアウトボックス*/

#wrap {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

/*
===== 3: LEFT ====================================
内容：レイアウトボックス*/


#left {
	width:240px;
	float:left;
	margin-right:10px;
	height:auto;
}

#left .box_center {
	border:#f0eee1 1px solid; 
	padding:5px;
	text-align:center;
	
}


#left #box_cate {
	border:#f0eee1 1px solid;
	padding:5px;
	margin-top:15px;
	overflow:hidden;
}

#left #box_cate img.title{
	margin-top:10px;
}

#left .box_menu {
	overflow:hidden;
	padding-bottom:3px;
	border-bottom:#b2b2b2 1px dotted;
	clear:both;
	width:218px;
	margin:3px auto 0 auto;
}

#left .box_menu img.photo{
	float:left;
	border:#e3e3e3 1px solid;
	padding:1px;
	margin-right:10px;
}	

#left .box_menu p{
	float:left;
	width:150px;
	line-height:1.4em;
}


#left .box_menu a:link {
	color:#ba9700;
	font-weight:bold;
}
#left .box_menu a:visited {
	color:#ba9700;
	font-weight:bold;
}


#left .box_all {
	width:100%;
	margin-top:30px;
}
	
/*レフトカテゴリh2設定 */

#left h2.c_gift {
	background:url(../common/left_c_gift.gif) no-repeat bottom;
	padding:8px 0px 0px 30px;
	font-weight:bold;
	color:#FFF;
	height:28px;
	font-size:13px;
	margin:0 0 5px 0;
}

#left h2.c_wagasi {
	clear:both;
	background:url(../common/left_c_wagasi.gif) no-repeat bottom;
	padding:8px 0px 0px 30px;
	font-weight:bold;
	color:#FFF;
	height:28px;
	font-size:13px;
	margin:15px 0 5px 0;
}

#left h2.c_cake {
	background:url(../common/left_c_cake.gif) no-repeat bottom;
	padding:8px 0px 0px 30px;
	font-weight:bold;
	color:#000;
	height:24px;
	font-size:13px;
	margin:15px 0 5px 0;
}


.M_section {
	border:#f0eee1 1px solid;
	margin:10px 0px 0px 0px;
	text-align:center;
	padding-bottom:5px;
}

p.M_title {
	background-color:#333;
	color:#FFF;
	font-size:14px;
	padding:3px 5px;
	margin-bottom:10px;
	text-align:left;
	
}


/*
===== 4: CONTENTS ====================================
内容：レイアウトボックス*/


#content {
	width:688px;
	float:right;
}

#content h2 {
	font-size:12px;
	color:#666;
	padding-left:6px;
	line-height:2em;
}

#content h3 {
	padding:10px;
	font-weight:bold;
}

/*
===== 5: TOPCONTENT ====================================
内容：レイアウトボックス*/

div.main {

width:685px;
	padding:auto;
	margin-bottom:10px;
	height:315px;
}

/*ランキング */
#rank {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
}

#rank h2 {
	background:url(../images/top3.gif) no-repeat left;
	text-align:right;
	height:30px;
	padding-top:15px;
}

#rank p {
	float:left;
	font-size:11px;
	line-height:1.4em;
}

#rank a:link {
	font-weight:bold;
	font-size:12px;
}

#rank p.number img{
	float:left;
	border:none;
	padding-right:5px;

}

#rank .rank1-2 {
	float:left;
	margin-right:20px;
	width:214px;
}


*html #rank .rank1-2 {
	float:left;
	margin-right:12px;
	width:214px;
}

#rank .rank3 {
	float:left;
	width:214px;
}

#rank .rank1-2 img{
	border:#f0eee1 1px solid;
	padding:1px;
	margin-bottom:5px;
}

#rank .rank3 img{
	border:#f0eee1 1px solid;
	padding:1px;
	margin-bottom:5px;	
}

/*バナー */

div.bnr_l {
	float:left;
	margin-right:8px;
	margin-top:10px;
}

div.bnr_r {
	float:right;
	margin-top:10px;	
}

*html div.bnr_l {
	float:left;
	margin-right:8px;
	margin-top:20px;
}
	
*html div.bnr_r {
	float:right;
	margin-top:20px;	
}

/*商品一覧 */

#list {
	clear:none;
	margin-top:15px;
	font-size:10px;
}
#list p.left{
	margin-right:5px;
	width:133px;
	float:left;
	margin-bottom:10px;
}

#list p.right{
	width:133px;
	float:left;
	margin-bottom:10px;	
}


/*
===== 6: INFORMATION ==========================================
*/

#info {
	clear:both;
	margin:40px 0 10px 0;
	width:928px;
	background-color:#F8F1E7;
/*	border:#ebe5d0 solid 1px;	*/
	overflow:hidden;
	padding:0px 0 10px 20px;
	font-size:12px;
	line-height:1.4em;
}

#info img{
	margin-bottom:5px;
}

#info .box_l {
	width:440px;
	float:left;
	margin-right:25px;
	margin-top:10px;
}
#info .box_r {
	margin-top:10px;	
	width:440px;
	float:left;
}


#info p{
	padding:0px 10px;
}


table.guide th{
	background-color:#F8F1E7;
	color:#333;
	text-align:left;
	font-weight:bold;
	padding:10px;
	border-bottom:#999 1px solid;
}

table.guide td{
	text-align:left;
	padding:10px;
	border-bottom:#999 1px solid;	
}

.s_title {
	background-color:#666; color:#FFF; font-size:16px; font-weight:bold;
	margin-bottom:10px;
}
/*
===== 7: FOOTER ==========================================
*/

div.pagetop {
	width:950px;
	text-align:right;
	margin:5px auto 0 auto;
	clear:both;
}

*html div.pagetop {
	width:950px;
	text-align:right;
	margin:0px auto 0 auto;
	clear:both;
}

#footer {
	margin:auto;
	width:100%;
	background-color:#000;
	overflow:hidden;
	border-bottom:#a48f00 solid 5px;
	padding:15px;
}


#footer .foot a:link{
	color:#FFFFFF;
	text-decoration:underline;
}


#footer .foot {
	width:950px;
	margin:auto;
	color:#FFF;
	text-align:center;
}

#footer .foot p {
	float:left;

}






/*
===== CONTENTS ==========================================
*/

.contentsbox {
	width:100%;
	line-height:1.5em;
	font-size:15px;
	overflow:hidden;
	margin-top:15px;
	clear:both;
	
}

.contentsbox h4{
	color:#680500;
	font-size:18px;
	font-weight:bold;
	padding:5px;
	
}

.contentsbox p{
	margin-top:5px;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;		*/
	padding:5px;
}

.contentsbox img.leftm{
	margin-left:10px;
	float:right;
}

.contentsbox img.rightm{
	margin-right:10px;
	float:left;
}


p.size-1 {
	font-size:13px;
	line-height:1.4em;
}




.genzairyo {
	width:100%;
	margin-top:15px;
	clear:both;
	text-align:right;
	background:url(../images/genzairyo.gif) no-repeat left top;
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:#CCC 3px solid;
	padding-bottom:15px;
	height:150px;
}

.genzairyo table{
	width:630px;
	float:right;
	border:none;
	margin-top:8px;
	border-top:#eee6cf 1px solid;
	border-left:#eee6cf 1px solid;		
	
}


.genzairyo td{
	padding:5px;
	border-right:#eee6cf 1px solid;
	border-bottom:#eee6cf 1px solid; 
	text-align:left;	
}

.genzairyo th{
	background-color:#eee6cf;
	color:#78645b;
	font-weight:bold;
}


.ichiran {
	width:100%;
	margin-top:30px;
	clear:both;
	text-align:right;
	background:url(../images/ichiran.gif) no-repeat left top;
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:#CCC 3px solid;
	padding-bottom:15px;
	height:200px;
}

.ichiran table{
	width:630px;
	float:right;
	border:none;
	margin-top:8px;
	border-top:#eee6cf 1px solid;
	border-left:#eee6cf 1px solid;		
	
}


.ichiran td{
	padding:5px;
	border-right:#eee6cf 1px solid;
	border-bottom:#eee6cf 1px solid; 
	text-align:left;	
}

.ichiran th{
	background-color:#eee6cf;
	color:#78645b;
	font-weight:bold;
}

div.comment {
	font-size:16px;
	line-height:1.5em;
	padding-left:10px;

}

#chumon {
	width:100%;
	margin-top:15px;
	clear:both;
	overflow:hidden;
}




	div#itemOrderSet {
		overflow:hidden;
		text-align:left;
	}
	div#itemOrderSet p.pic {
		float:left;
		width:300px;
		padding:0;
	}
	
	div#itemOrderSet p.pic img{
		margin-bottom:10px;
	}
	
	
	div#itemOrderSet div.dataArea {
		float:right;
		color:#000000;
	}
	div#itemOrderSet h4 {
	font-size:23px;
	font-weight:bold;
	color:#FFF;
	padding:5px 10px;
	background-color:#333;
	margin-bottom:10px;
	border-bottom:#ab8a00 3px solid;
	}
	
	div#itemOrderSet p {
	font-size:14px;
	line-height:1.4em;
	padding:5px;
	}

div#itemOrderSet p.data img.icn {
		margin:0 10px;
		vertical-align:middle;
	}
	div#itemOrderSet div.typeSet {
		width:380px;
		margin:15px 0 0 0;
		overflow:hidden;
		border-bottom:#999 1px dotted;
	}
	

	div#itemOrderSet div.contentPriceSet {
		float:left;
		width:190px;
		font-weight:bold;
	}
	
/*	div#itemOrderSet p.kosuu{
	font-size:18px;
	font-weight:bold;
	color:#C30;
	}*/
	
	 p.kosuu{
	font-size:18px;
	font-weight:bold;
	color:#C30;
	}	
	div#itemOrderSet p.content {
		padding:5px 0 0 0;
		font-size:135%;
	}
	div#itemOrderSet p.price {
		font-size:150%;
	}
	div#itemOrderSet p.price span.fs12 {
		font-size:11px;
		font-weight:normal;
	}
	div#itemOrderSet div.orderArea {
		float:right;
		width:180px;
	}
	div#itemOrderSet p.num {
		padding:0 0 8px 0;
	}
	
p.red {
	color:#F00;
}

p.red a:link {
	color:#F00;
}

p.red a:visited {
	color:#F00;
}


#slist {
	width:95%;
	margin:10px auto;
}



#news td.woong {
	font-size:12px;
        line-height:1.6em;
	margin:20px;
}

#news {
	clear:both;
	padding-top:20px;
	margin:5px auto;
       line-height:1.6em;
}

table.soryo td{
	padding:2px;
}

table.soryo th{
	text-align:center;
	padding:2px 0;
	color:#333 !important;
}

table.soryo td.right{
	text-align:right;
}


table.companyT {
	margin:10px auto;
	width:100%;
	font-size:14px;
}

table.companyT td{
	border-bottom:#666 1px dotted;
	padding:5px;	
}

table.companyT th{
	border-bottom:#666 1px dotted;
	padding-right:15px;
	text-align:left;
	padding:5px;
	width:130px;
}
	
table.companyT th.tit{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	border-bottom:#666 1px solid;
	width:100%;
}

table.companyT th.tit2{
	background-color:#CCC;
	color:#000;
	font-weight:bold;
	padding:5px;
	border-bottom:#666 1px solid;
	width:100%;
}





/*
===== 8: CLEARFIX ==========================================
*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/*MacIE hide start\*/
* html #name {
margin: 0 -3px;
}
/*MacIE hide end*/