@charset "utf-8";
/*-----------------------------------------------------------------
	1.header
-------------------------------------------------------------------*/

div#header{
	width: 910px;
	padding: 0px 25px 7px 25px;
}

* html div#header{
	width: 910px;
	padding: 0px 25px 7px 25px;
}

div#header p{
	padding:10px 0px;
}

div#header div.column2B ul li{
	display: block;
	float: right;
}
div#header div.column2B{
	float: right;
	text-align: right;
	padding-top:5px;
}
div#header div.column2B ul li{ margin-right: 10px; }
div#header div.column2B ul li.srcbox{ padding-top:5px;}
div#header div.column2B ul li.lastChild{ margin-right: 0;}



/*-----------------------------------------------------------------
	2.footer
-------------------------------------------------------------------*/
div#footer{
	clear: both;
	width: 100%;
	padding-top: 8px;
	background-image: url(../images/bg_footer_top.png);
	background-repeat: repeat-x;
	background-position: top;
}
div#footer div#footerWrap{
	padding-top: 7px;
	padding-bottom: 10px;
	background-color: #a1dcf3;
	text-align: center;
}
div#footer div.footerInner{
	width: 920px;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: left;
}

div#footer div.footerInner ul{ 
    margin-bottom: 5px;
}
div#footer div.footerInner ul li{
	display: block;
	float: left;
	font-size: 11px;
}

div#footer div.footerInner ul li.lastChild{ margin-right: 0; }

div#footer div.footerInner p{
	clear: both;
	margin-bottom: 5px;
	text-align: left; 
	font-size:11px; 
	color:#666666;
}

div#footer div.footerInner .copyright{ text-align: right; margin-top:15px; }
div#footer div.footerInner a:link{ color:#666666; }
div#footer div.footerInner a:visited{ color:#666666;}
div#footer div.footerInner .seo_search p{
    font-size:11px;
	margin:0;
	padding:0;
}

/*-----------------------------------------------------------------
	3.gnavi
-------------------------------------------------------------------*/
div#gnavi{
	clear: both;
	width: 100%;
}
div#gnavi ul li{
	line-height: 0;
	font-size: 0;
}
div#gnavi ul li a{ display: block; }
div#gnavi ul li.mainMenu{
	display: block;
	float: left;
}

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

	4.contetns

-------------------------------------------------------------------*/
/*----------------------------------------------- コンテンツ囲い　*/
div#wall{
	clear: both;
	padding: 0 10px;
}
/* \*/
* html div#wall{
	clear: both;
	width: 960px;
	padding: 0 0 0 10px;
}
/**/
div#mainContents{
	float: left;
	width: 680px;
	padding-bottom: 50px;
}
div#localContents{
	float: right;
	width: 226px;
	padding-bottom: 50px;
}
/* キービジュアル　*/
div#keyVisual{
	clear: both;
	width: 100%;
	margin-bottom: 7px;	
}
/*　パンくずナビ　*/
ul.topicsPass{
	margin-left: 20px;
	margin-bottom: 5px;
}
ul.topicsPass li{
	display: inline;
	margin-right: 2px;
}
ul.topicsPass li span{ margin-left: 2px; }

/* ページトップ　*/
div.goPageTop{
	clear: both;
	text-align: right;
}
div.goPageTop p{
	line-height: 0;
	font-size: 0;
} 

/*----------------------------------------------- メインコンテンツ　*/
/*　格納コンテンツ　*/
div#mainContents .storage,
div#mainContents .storage div.wrapFirst{ background-repeat: no-repeat; }
div#mainContents .storage{
	clear: both;
	width: 100%;
	background-image: url(../images/bg_storage_t.png);
	background-position: left top;
	padding-top: 7px;
}
div#mainContents .storage div.wrapFirst{
	background-image: url(../images/bg_storage_b.png);
	background-position: left bottom;
	padding-bottom: 7px;
}
div#mainContents .storage div.wrapSecond{
	background-image: url(../images/bg_storage_m.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
}

div#mainContents .storage div.wrapFirst .error h3{ padding-top:23px;}
div#mainContents .storage div.wrapFirst .error ul{ padding-bottom: 61px;}

/*----------------------------------------------- ローカルコンテンツ　*/

div#localContents div.recommend h3,
div#localContents ul.banner li{
	line-height: 0;
	font-size: 0;
}

div#localContents div.recommend,
div#localContents div.recommend div.wrapFirst{ background-repeat: no-repeat; }
div#localContents div.recommend{
	width: 100%;
	padding-top: 8px;
	margin-bottom:15px;
	background-image: url(../images/bg_lc_recommend_top.png);
	background-position: left top;
}
div#localContents div.recommend div.wrapFirst{
	padding-bottom: 5px;
	background-image: url(../images/bg_lc_recommend_bottom.png);
	background-position: left bottom;
}
div#localContents div.recommend div.wrapSecond{
	padding-top: 2px;
	background-image: url(../images/bg_lc_recommend.png);
	background-repeat: repeat-y;
	text-align: center;
}
div#localContents div.recommend h3{
	padding:7px 0px
}
div#localContents div.recommend ul{
	margin-bottom:15px;
}
div#localContents div.recommend li{
	margin-bottom:5px;
}
/*----------------------------------------------- Topics　*/
div#mainContents div#topicsAndPress.storage{ margin-bottom: 20px; }
div#mainContents div#topicsAndPress.storage div.wrapSecond{ padding: 3px 30px 3px 27px; }
div#topicsAndPress.storage div.title h2,
div#topicsAndPress.storage div.title p,
div#topicsAndPress.storage dl dt{
	line-height: 0;
	font-size: 0;
}

div#topicsAndPress.storage dl{ clear: both; }
div#topicsAndPress.storage dl dt,
div#topicsAndPress.storage dl dd{
	display: block;
	float: left;	
	padding-bottom: 5px;
}
div#topicsAndPress.storage dl dt{ width: 90px; }
div#topicsAndPress.storage dl dt img{ vertical-align: top; }
div#topicsAndPress.storage dl dd{
	padding-top: 3px;
        font-size: 90%;
        width: 520px;
}
div#topicsAndPress.storage dl dd a{ text-decoration: none; }
div#topicsAndPress.storage dl dd a:hover{ text-decoration: underline; }
div#topicsAndPress.storage dl dd a:active{ text-decoration: underline; }

/*----------------------------------------------- ブランド紹介　*/
div#mainContents div#brand.storage{ margin-bottom: 10px; }
div#mainContents div#brand.storage div.wrapSecond{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:12px;
}
div#mainContents div#brand table.brand{
	width:300px;
	margin:0px 12px 12px 0px;
	border:dotted 1px #3c5b9c;}
div#mainContents div#brand table.brand th{ width:130px;}
div#mainContents div#brand table.brand td.subtitle{ padding:10px 5px 0px 5px;}
div#mainContents div#brand table.brand td.text{ padding:0px 5px 10px 5px; height:70px;}
div#mainContents div#brand table.brand h3{ text-align:center;}



/*----------------------------------------------- 簡単検索　*/
div#localContents div#search.storage{ margin-bottom: 10px; }
div#localContents div#search.storage div.title h2,
div#localContents div#search.storage div.title p,
div#localContents div#search.storage h3,
div#localContents div#search.storage dl dt,
div#localContents div#search.storage dl ul li.btn{
	line-height: 0;
	font-size: 0;
}

div#localContents div#search.storage form{
	width: 180px;
	padding-bottom: 3px;
	margin:0 auto;
}
div#localContents div#search.storage dl dt,
div#localContents div#search.storage dl dd{
	display: block;
}
div#localContents div#search.storage dl dt{
	padding: 7px;
}
div#localContents div#search.storage dl dd{ width: 180px; }
div#localContents div#search.storage dl dd ul li.btn{ padding-top: 3px; }
/* セレクト　背景　*/
div#search.storage div.sctble_mat,
div#search.storage div.sBox,
div.sctble_mat.nooptgroup div.body {
	width:180px;
}

/* \*/
* html #pref_noopt1_mat div.sctble_mat,
* html #pref_noopt1_mat.sBox,
* html #pref_noopt1_mat div.sctble_mat.nooptgroup div.body,
* html #pref_noopt2_mat div.sctble_mat,
* html #pref_noopt2_mat.sBox,
* html #pref_noopt2_mat div.sctble_mat.nooptgroup div.body,
* html #pref_noopt3_mat div.sctble_mat,
* html #pref_noopt3_mat.sBox,
* html #pref_noopt3_mat div.sctble_mat.nooptgroup div.body{ width: 180px; }
/**/
/*　送信button　*/
div#localContents div#search.storage input.input_btn{
	border: none;
	height: 18px;
}

div#localContents div#search.storage input#serchBtn{
	width: 115px;
	background-image: url(../../images/search_btn.png);
	background-repeat: no-repeat;
}


/*---------------------------------------------------------------------------- clearfix**/

div#header:after,
div#header div.column2A ul:after,
div#footer div.footerInner ul:after,
div#mainContents .storage div.wrapSecond:after,
div#gnavi ul:after,
div#localContents div.recommend div.wrapSecond:after,
div#wall:after,
div#mainContents div.formFields dl:after,
div#mainContents ul.submitButton:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#header,
div#header div.column2A ul,
div#footer div.footerInner ul,
div#mainContents .storage div.wrapSecond,
div#gnavi ul,
div#localContents div.recommend div.wrapSecond,
div#wall,
div#mainContents div.formFields dl,
div#mainContents ul.submitButton{ display:inline-block; }

/*\*/

* html div#header,
* html div#header div.column2A ul,
* html div#footer div.footerInner ul,
* html div#mainContents .storage div.wrapSecond,
* html div#gnavi ul,
* html div#localContents div.recommend div.wrapSecond,
* html div#wall,
* html div#mainContents div.formFields dl,
* html div#mainContents ul.submitButton{ height:1%; }

div#header,
div#header div.column2A ul,
div#footer div.footerInner ul,
div#mainContents .storage div.wrapSecond,
div#gnavi ul,
div#localContents div.recommend div.wrapSecond,
div#wall,
div#mainContents div.formFields dl,
div#mainContents ul.submitButton{ display:block; }

/**/
.caution {
	color: #F00;
}


#contetnsWall #smt{padding-top:10px;}


