@import "base.css";




/*=== ページ内ナビ =============================================================*/

#navi-list{
	width: auto;
	height: auto;
	margin: 10px 0 20px 0;
	}

#navi-list p{
	width: auto;
	height: auto;
	margin: 0 0 5px 20px;
	font-size: 90%
	}

#navi-list ul{
	width: auto;
	height: auto;
	margin: 0;
	}
#navi-list:after{display: block; content: "."; height: 0; visibility: hidden;clear: both;}


#navi-list ul li{
	width: auto;
	height: auto;
	float: left;
	margin: 0 5px 10px 5px;
	padding: 4px 8px;
	border: 1px solid #bfa6a6;
	font-size: 90%;
	font-weight: bold;
	}
	
#navi-list ul li a{
	width: 100%;
	display: block;
	}

#navi-list ul li:hover{
	background: #eeeeee;
	}


/*=== コンテンツベース設定 =============================================================*/

.content-box{
	width: auto;
	height: auto;
	padding: 0 0 10px 0;
	border: 1px solid #bfa6a6;
	clear: both;
	}


.content-box a:link{color: #380e0f; text-decoration: none;}
.content-box a:visited{color: #380e0f; text-decoration: none;}
.content-box a:active{color: #380e0f; text-decoration: none;}
.content-box a:hover{color: #380e0f; text-decoration: underline;}


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

.content-box h2{
	width: auto;
	height: auto;
	margin: 0.5em 0 0.6em 3.8em;
	}

.content-box p{
	width: auto;
	height: auto;
	margin: 0 0 50px 90px;
	font-size: 80%;
	}

.content-box ul{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

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

.content-box ul li{
	width: 140px;
	height: auto;
	float: left;
	margin: 0 0 0 10px;
	text-align: center;
	font-size: 80%;
	border: 1px solid #bfa6a6;
	}

.content-box ul li dl{
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	}

.content-box ul li dl dt{
	width: auto;
	height: auto;
	margin: 0 0 3px 0;
	padding: 2px 0;
	font-weight: bold;
	color: #380e0f;
	background: #411718;
	}

.content-box ul li dl dt a:link{color: #fff;}
.content-box ul li dl dt a:visited{color: #fff; text-decoration: none;}
.content-box ul li dl dt a:active{color: #fff; text-decoration: none;}
.content-box ul li dl dt a:hover{color: #fff5b7; text-decoration: underline;}

.content-box ul li dl dd{
	width: auto;
	height: auto;
	padding: 3px 0 3px 10px;
	border-bottom: 1px dotted #9b2025;
	text-align: left;
	}

.content-box ul li dl .list-images{
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../images/list-img_bgmiddle.jpg) no-repeat center 5px;
	text-align: center;
	}

.content-box ul li dl .list-images span{
	padding: 5px 0 0 0;
	display: block;
	background: url(../images/list-img_bgtop.jpg) no-repeat top center;
	}

.content-box ul li dl .list-images span a{
	display: block;
	padding: 0 0 5px 0;
	background: url(../images/list-img_bgbottom.jpg) no-repeat bottom center;
	}

.content-box ul li dl dd:hover{
	background: #eadcdc;
	}

.content-box ul li dl .list-images:hover{
	background: url(../images/list-img_bgmiddle.jpg) no-repeat center 5px;
	}

.content-box ul li dl .price{
	width: auto;
	height: auto;
	padding: 3px 0 3px 5px;
	border: 0;
	color: #fff;
	background: #886666;
	display: block;
	}

.content-box ul li dl .price:hover{
	background: #886666;
	}


/*=== コンテンツ個別設定 =============================================================*/

#madoneko{
	background: url(../images/list-madoneko_hbg.jpg) no-repeat 0 1em;
	}

#bokashi{
	background: url(../images/list-bokashi_hbg.jpg) no-repeat 0 1em;
	}

#gingerman{
	background: url(../images/list-gingerman_hbg.jpg) no-repeat 0 1em;
	}

#lemaci{
	background: url(../images/list-lemaci_hbg.jpg) no-repeat 0 1em;
	}

#gsm{
	background: url(../images/list-gsm_hbg.jpg) no-repeat 0 1em;
	}

#gsl{
	background: url(../images/list-gsm_hbg.jpg) no-repeat 0 1em;
	}

#russety{
	background: url(../images/list-russety_hbg.jpg) no-repeat 0 1em;
	}

#wrt{
	background: url(../images/list-wrt_hbg.jpg) no-repeat 0 1em;
	}