@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;
	}

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: 49px;
	background: url(../../images/bg_header.gif) repeat-x left top;
	}

div#header img#siteId {
	display: block;
	margin: 4px 0 0 6px;
	}

div#header table {
	width: 798px;
	}

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

div#header table ul {
	width: 252px;
	height: 48px;
	margin: 1px 6px 0 auto;
	padding-left: 6px;
	border-left: 1px solid #6c6c6c;
	}

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

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#hdReg a {
	width: 129px;
	height: 15px;
	background: url(../../images/hd_btn_regist_ov.gif);
	}

div#header table li#hdMypage a {
	width: 123px;
	height: 15px;
	background: url(../../images/hd_btn_mypage_ov.gif);
	}

div#header table li#hdPostage a {
	width: 106px;
	height: 9px;
	margin: 3px 0 0 3px;
	background: url(../../images/hd_btn_postage_ov.gif);
	}

div#header table li#hdFlow a {
	width: 71px;
	height: 9px;
	margin: 3px 0 0 33px;
	background: url(../../images/hd_btn_flow_ov.gif);
	}

div#header table li#hdDeal a {
	width: 119px;
	height: 9px;
	margin: 5px 0 0 3px;
	background: url(../../images/hd_btn_deal_ov.gif);
	}

div#header table li#hdCart a {
	width: 94px;
	height: 12px;
	margin: 4px 0 0 20px;
	background: url(../../images/hd_btn_cart_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
======================================== */

/* ----- バナー・ボタン ----- */

table#mainArea td.lcol ul {
	margin-left: 22px;
	padding-bottom: 10px;
	_font-size: 0.1em;
	}

table#mainArea td.lcol ul li {
	float: left;
	width: 250px;
	margin-top: 10px;
	}

table#mainArea td.lcol ul li.complex {
	margin-top: 0;
	}

table#mainArea td.lcol ul li img {
	display: block;
	}

table#mainArea td.lcol ul li.large {
	clear: both;
	width: 489px;
	margin-right: 11px;
	}
	
table#mainArea td.lcol ul li.yearend {
	float: left;
	width: 157px;
	margin-right: 11px;
	}


table#mainArea td.lcol div.sysmenu {
	overflow: hidden;
	width: 490px;
	margin-left: 22px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e2e8f1;
	}

table#mainArea td.lcol div.sysmenu ul {
	width: 500px;
	margin-left: 0;
	}

li.specialBnr {
	margin: 0.8em -83px 0 0;
	}

	

/* ----- お正月用のご注文 ----- */

table#mainArea td.lcol div.newyearOrder {
	width: 485px;
	margin: 20px 0 0 22px;
	padding: 2px 2px 10px;
	background-color: #eaeaea;
	}

table#mainArea td.lcol div.newyearOrder dl {
	margin: 8px 0 0 10px;
	}

table#mainArea td.lcol div.newyearOrder dl dd {
	margin-bottom: 0.5em;
	padding-left: 1em;
	}

table#mainArea td.lcol div.newyearOrder ul {
	margin-left: 10px;
	padding-bottom: 0;
	}

table#mainArea td.lcol div.newyearOrder ul li {
	float: none;
	width: auto;
	margin: 0 0 0.3em 0;
	}

table#mainArea td.lcol div.newyearOrder ul li.warning {
	color: #a01;
	}


/* ----- お知らせ ----- */

table#mainArea td.lcol div.price {
	width: 489px;
	margin: 10px 0 22px 22px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #005bac;
	}

table#mainArea td.lcol div.price h3 {
	padding: 3px;
	background-color: #eee;
	color: #c00;
	font-weight: bold;
	text-align: center;
	}

table#mainArea td.lcol div.price p {
	padding: 10px;
	}

table#mainArea td.lcol div.warning02 {
	width: 489px;
	margin: 10px 0 22px 22px;
	color: #a01;
	font-weight: bold;
	}

table#mainArea td.lcol div.txt01 {
	width: 489px;
	margin: 10px 0 22px 22px;
	font-weight: bold;
	}



/* 22：MAIN AREA - RIGHT
======================================== */

table#mainArea td.rcol ul {
	width: 246px;
	margin: 14px 9px 0;
	}

table#mainArea td.rcol ul li {
	padding-bottom: 12px;
	zoom: 100%;
	}

table#mainArea td.rcol ul li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: ".";
	}

table#mainArea td.rcol ul li a.thumb {
	float: left;
	width: 35px;
	height: 35px;
	margin: 2px 0 0 11px;
	}

table#mainArea td.rcol ul li p {
	float: right;
	width: 190px;
	padding-left: 6px;
	color: #666;
	line-height: 1.1;
	}

table#mainArea td.rcol ul li p a {
	display: block;
	margin-left: -6px;
	padding-left: 6px;
	padding-bottom: 2px;
	background: url(../../images/arw_red.gif) no-repeat 0em 0.4em;
	font-weight: bold;
	}

table#mainArea td.rcol ul li.sepa {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e2e8f1;
	}



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

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

.fsSmall {
	font-size: 0.84em;
	}

.fsLarge {
	font-size: 1.16em;
	}


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

.block {
	display: block;
	}



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

.clearfix {
	zoom: 100%;
	}

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