@charset 'UTF-8';



/* ========================================
OUTLINE
	小田原籠清ECサイト トップページ

CONTENTS
	00：BASE
	10：WIREFRAME
	11：HEADER
	12：FOOTER
	20：MAIN AREA
	90：汎用class
	99：汎用CLEARFIX
======================================== */



/* 00：BASE
======================================== */

body {
	padding-bottom: 10px;
	background-color: #d9dbdf;
	color: #505050;
	}

a {
	color: #002666;
	text-decoration: none;
	}

a:hover,
a:focus,
a:active {
	color: #1c5fcf;
	}



/* 10：WIREFRAME
======================================== */

div#wrapper {
	width: 800px;
	margin: 0 auto;
	font-size: 0.93em;
	overflow:hidden;
	}

div#container {
	width: 798px;
	padding: 0 1px;
	border-bottom: 1px solid #b7b7b7;
	background: url(../../images/bg_container.gif) repeat-y left top #fff;
	}



/* 11：HEADER
======================================== */

div#header {
	height: 94px;
	background: url(../../images/bg_header.gif) repeat-x left top;
	}

div#header img#siteId {
	display: block;
	margin: 20px 0 24px 15px;
	}

div#header table {
	width: 798px;
}

div#header table td#logo{
	width:300px;
	

	}

div#header table td{
	vertical-align: top;
	}

div#header table ul {
	margin: 17px 0 -4px auto;
	float:right;
	}

div#header table ul#hdNav {
	clear:both;
	width:435px;
	top:38px;
	right:0px;
	}

div#header table ul li {
	float: left;
	font-size: 0.1em;
	display:inline;
	}

div#header table ul li a {
	display: block;
	font-size: 0.1em;
	}

div#header table ul li a:hover img,
div#header table ul li a:focus img,
div#header table ul li a:active img {
	visibility: hidden;
	}
	
	
div#header table li#hdTop a {
	width: 45px;
	height: 15px;
	margin-right:10px;
	margin-top:3px;
	background: url(../../images/btn_top_ov.gif);
	}	
	
div#header table li#hdAbout a {
	width: 64px;
	height: 15px;
	margin-right:10px;
	margin-top:3px;
	background: url(../../images/btn_aboutus_ov.gif);
	}	

div#header table li#hdMypage a {
	width: 85px;
	height: 23px;
	margin-right:10px;
	background: url(../../images/btn_mypage_ov.gif);
	}

div#header table li#hdReg a {
	width: 85px;
	height: 23px;
	margin-right:10px;
	background: url(../../images/btn_member_ov.gif);
	}
	
div#header table li#hdCart a {
	width: 128px;
	height: 23px;
	margin-right:10px;
	background: url(../../images/btn_cart_ov.gif);
	}
	

div#header table li#hdPostage a {
	width: 149px;
	height: 15px;
	margin-right:10px;
	background: url(../../images/btn_payment_ov.gif);
	}

div#header table li#hdFlow a {
	width: 87px;
	height: 15px;
	margin-right:10px;
	background: url(../../images/btn_order_ov.gif);
	}

div#header table li#hdDeal a {
	width: 168px;
	height: 15px;
	margin-right:10px;
	background: url(../../images/btn_deal_ov.gif);
	}




/* 12：FOOTER
======================================== */

div#footer table {
	width: 798px;
	margin-top: 8px;
	}

div#footer table td {
	vertical-align: top;
	}

div#footer table ul {
	font-size: 0.1em;
	}

div#footer table ul li {
	float: left;
	margin-right: 25px;
	}

div#footer table ul li a {
	height: 11px;
	display: block;
	font-size: 0.1em;
	}

div#footer table ul li a:hover img,
div#footer table ul li a:focus img,
div#footer table ul li a:active img {
	visibility: hidden;
	}

div#footer table ul li#ftOfficial a {
	width: 113px;
	background: url(../../images/ft_btn_officialweb_ov.gif);
	}

div#footer table ul li#ftPrivacy a {
	width: 116px;
	background: url(../../images/ft_btn_privacy_ov.gif);
	}

div#footer table img.copyright {
	float: right;
	}



/* 20：MAIN AREA
======================================== */

table#mainArea {
	width: 798px;
	
	}

table#mainArea td {
	vertical-align: top;
	}

table#mainArea td h2 img {
	display: block;
	}



/* 21：MAIN AREA - LEFT
======================================== */

/* ----- バナーお正月特別1101----- */

table#mainArea td.lcol div#top_img{
	width:597px;
	padding:7px 0 0 7px;
		}

table#mainArea td.lcol table.sgt{
	width:587px;
	margin-left:8px;
	border:0px;
	}
	
table#mainArea td.lcol table.sgt td.titl{
	padding:7px 0 0px 0;
	}	
	
table#mainArea td.lcol table.sgt td{
	text-align:center;
	
	}	
table#mainArea td.lcol table.sgt td.img{
	padding:7px 2px 10px 3px;
	text-align:center;
	background-color:#eaeaea;
	}
	
/* ----- ランキング----- */
table#mainArea td.lcol table.m_rank{
	width:587px;
	margin-left:8px;
	border:0px;
	}
	
table#mainArea td.lcol table.m_rank td.titl{
	padding:2px 0 0px 0;
	}	
	
table#mainArea td.lcol table.m_rank td{
	text-align:center;
	
	}	
table#mainArea td.lcol table.m_rank td.img{
	padding:7px 2px 0px 3px;
	text-align:center;
	background-color:#eaeaea;
	}

table#mainArea td.lcol table.m_rank td.tx{
	padding:5px 2px 5px 5px;
	text-align:left;
	background-color:#eaeaea;
		font-weight:bold;
	
	}
	
	

/* ----- お正月注意点----- */

table#mainArea td.lcol table.sgt_caution01{
	width:586px;
	margin:0px 0 7px 9px;
	border:0px;
	}
table#mainArea td.lcol table.sgt_caution01 td.btn_img{
	padding:0px 0px 5px 0;
	}
	
table#mainArea td.lcol table.sgt_caution01 td.text_bg{
	background-image:url(../../images/sgt_caution_bg.gif);
	background-repeat: repeat-x;
	text-align:center;
	font-size:15px;
	color:#a01;
	font-weight:bold;
	
	}	
	
table#mainArea td.lcol table.sgt_caution01 td.text_box{
	background-color:#eaeaea;
	padding:10px;
	}	

table#mainArea td.lcol table.sgt_caution01 td.text_box dl {
	font-size:13px;
	}

table#mainArea td.lcol table.sgt_caution01 td.text_box dl dt {
	color:#a01;
	font-weight:bold;
		}
	
table#mainArea td.lcol table.sgt_caution01 td.text_box dl dd {
	margin-bottom: 0.5em;
	margin-top: -1.35em;
	padding-left: 9.3em;
	}



table#mainArea td.lcol table.sgt_caution td.text_bg2{
	background-image:url(../../images/sgt_osirase_01.jpg);
	background-repeat:no-repeat;
	height:45px;
	
	}	
	
table#mainArea td.lcol table.sgt_caution td.text_box2{
	background-image:url(../../images/sgt_osirase_02.jpg);
	background-repeat:no-repeat;
	height:201px;
	padding:10px;
	font-size:15px;
	}	


table#mainArea td.lcol table.sgt_caution td.text_bg3{
	background-image:url(../../images/sgt_osirase2_01.jpg);
	background-repeat:no-repeat;
	height:45px;
	
	}	
	
table#mainArea td.lcol table.sgt_caution td.text_box3{
	background-image:url(../../images/sgt_osirase2_02.jpg);
	background-repeat:no-repeat;
	height:118px;
	padding:10px;
	font-size:15px;
	}	





/* ----- お正月注意点----- */

table#mainArea td.lcol table.sgt_caution{
	width:587px;
	margin:7px 0 10px 8px;
	border:0px;
	}
table#mainArea td.lcol table.sgt_caution td.btn_img{
	padding:0px 0px 5px 0;
	}
	
table#mainArea td.lcol table.sgt_caution td.text_bg{
	background-image:url(../../images/sgt_caution_bg.gif);
	background-repeat: repeat-x;
	text-align:center;
	font-size:14px;
	color:#a01;
	font-weight:bold;
	padding-top:7px;
	}	
	
table#mainArea td.lcol table.sgt_caution td.text_box{
	background-color:#eaeaea;
	padding:10px;
	}	

table#mainArea td.lcol table.sgt_caution td.text_box dl {
	font-size:13px;
	}

table#mainArea td.lcol table.sgt_caution td.text_box dl dt {
	color:#a01;
	font-weight:bold;
		}
	
table#mainArea td.lcol table.sgt_caution td.text_box dl dd {
	margin-bottom: 0.5em;
	margin-top: -1.35em;
	padding-left: 9.3em;
	}




/* ----- 通常banner----- */
table#mainArea td.lcol table.prod{
	width:587px;
	margin-left:8px;
	margin-top:8px;
	border:0px;
	}

table#mainArea td.lcol table.prod td.pr_img{
	padding:0px 11px 5px 0;
	}	

table#mainArea td.lcol table.prod td.pr_com dl {
	font-size:13px;
	}

table#mainArea td.lcol table.prod td.pr_com dl dt {
		}
	
table#mainArea td.lcol table.prod td.pr_com dl dd {
	margin-bottom: 0.5em;
	margin-top: -1.35em;
	padding-left: 5.5em;
	padding-right:1.5em;
	}


/* ----- 注文ボタン----- */
table#mainArea td.lcol table.pr_order{
	width:587px;
	margin:10px 0 30px 10px;
	border:0px;
	}

table#mainArea td.lcol table.prod td.pr_btn{
	padding:5px 12px 10px 0;
	}	




/* 22：MAIN AREA - RIGHTs
======================================== */
table#mainArea td.rcol table{
	width: 190px;
}
table#mainArea td.rcol table td.bn_img{
	height:253px;
	padding-bottom:7px;
}
	
table#mainArea td.rcol table td.ranking_bn{
	padding:0px 0 7px 0;
}
	
table#mainArea td.rcol table#menu {
	width:190px;
	margin-top:10px;

}
		
table#mainArea td.rcol table#menu tr{
	height:40px;
	background-image:url(../../images/li_bg02.gif);
	background-repeat: repeat-x;

}

table#mainArea td.rcol table#menu td.menu_img{
	width:35px;
	height:40px;
	padding-left:5px;
	vertical-align:middle;
	background-image: url(../../images/li_bg01.gif);
	background-repeat: no-repeat;	
}


table#mainArea td.rcol table#menu td.menu_text{
	width:140px;
	height:40px;
	padding-left:5px;
	padding-right:2px;
	font-size:14px;
	vertical-align:middle;
}


/* 正月画像 */
table#mainArea td.rcol table#sub_im {
	width:190px;
	margin-top:10px;
}

		
table#mainArea td.rcol table#sub_im tr{



}


table#mainArea td.rcol table#sub_im tr h4{
	background-image:
	url(../../images/sub_midashi.gif);
	background-repeat:no-repeat;
	height:26px;
	margin-bottom:5px;
	padding-left:10px;
	padding-top:2px;
	font-size:13px;
	font-weight:bold;
	color:#009;

}

table#mainArea td.rcol table#sub_im td.im{
	padding:5px 0 0 0px; 


}

.sub_text{
	color:#039;
}


/* ----- 店舗紹介----- */
table#mainArea td.lcol table.pr_produce{
	width:587px;
	margin:0 0 30px 10px;
	border:0px;
	}

table#mainArea td.lcol table.pr_produce .tenposp{
	padding:5px 0 3px 0;
}




/* 90：汎用class
======================================== */

/* ----- 文字サイズ ----- */

.fsSmall {
	font-size: 0.84em;
	}

.fsLarge {
	font-size: 1.16em;
	}

.fsLargeR {
	font-size: 1.5em;
	font-weight:bold;
	color:#903;
	border-bottom:solid 1px;
	border-color:#b7b7b7;
	padding-bottom:2px;
	}
.fsNomal{
  	font-weight:bold;
	color:#903;
}



/* ----- 要素ブロック化 ----- */

.block {
	display: block;
	}



/* 99：汎用CLEARFIX
======================================== */

.clearfix {
	zoom: 100%;
	}

.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: ".";
	}