@charset "UTF-8";

/*---------------------------------------------------------------
-----------------------------------------------------------------
TOP CSS
The date     : 2009.09.30
Last up date : 2009.09.30

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

/*==================================================================
//
//  --  content style
//
================================================================== */

/*content*/
#content{
	width:auto;
	min-width:950px;
	background-color:white;
	text-align:center;
	padding:10px 0 0 0;
}
/*location*/
.location{
	width:950px;
	background:url(../bentouboyz/images/location_bg.gif) 0 0 repeat-y;
	margin:0 0 17px 0;
	position:relative;
}
.location .locationbar{
	width:932px;
	display:block;
	padding:5px 0 5px 13px;
	text-align:left;
	color:#826E3C;
}
.location .locationbar a{
	color:#826E3C;
}

/*backnumber*/
.backnumberframe{
	width:858px;
	margin:0 auto;
	background:url(../bentouboyz/images/backnumber_repeat.gif) 0 0 repeat-y;
}
.backnumber{
	width:858px;
	padding:0 0 0 0;
	background:url(../bentouboyz/images/backnumber_bg.gif) 0 0 no-repeat;
}
.backnumber .backnumbertitle{
	margin:0 0 0 22px;
}
.backnumber  .backnumberlist{
	padding:22px 0 0 27px;
	width:834px;	
	list-style:none;
	overflow:hidden;
	text-align:center;
}
.backnumber .backnumberlist ul{
	padding:0 0 15px 0;
	width:858px;	
	list-style:none;
	overflow:hidden;
}
.backnumber .backnumberlist ul li{
	margin:0 33px 0 0;
	float:left;
	width:106px;
	text-align:left;
	padding:0 0 0 0;
}
.backnumber .backnumberlist ul li img{
	border:solid 3px #FFFFFF;
}
.backnumber .backnumberlist ul li .name{
	display:block;
	width:100px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin:5px 0;
}
.backnumber .backnumberlist .backnumberlink{
	margin:0 0 20px 0;
}
.backnumberBframe{
	width:660px;
	margin:0 auto;
	padding:18px 0;
}
.backnumberB{
	width:660px;
	padding:0 0 17px 0;
	background:url(../bentouboyz/images/backnumber_repeat.gif) 0 0 repeat-y;
}
.backnumberBtitle{
	width:660px;
	text-align:center;
	font-size:20px;
	color:#FFFFFF;
	margin:0 0 15px 0;
}
.backnumberBtitle strong{ font-size:20px;}
.backnumberBtitle a{
	color:#FFFFFF;
}
.backnumberBdetail{
	width:630px;
	margin:0 auto;
}
.backnumberBdetail img{
	float:left;
	border:solid 3px #FFFFFF;
}
.backnumberBtxt{
	width:407px;
	float:left;
	text-align:center;
}
.backnumberBtxt p{
	width:387px;
	font-size:12px;
	color:#FFFFFF;
	margin:0 auto;
	line-height:1.8em;
}
.backnumberBtxt p span{
	font-weight:bold;
}

/*main*/
.arttitle{
	display:block;
	color:#FFFFFF;
	margin:15px 0;
	font-size:24px;
}
h1 .arttitle{
	font-size:24px;
}
#mainframe{
	width:100%;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}
#mainlast{
	width:100%;
	margin:0 auto 0 auto;
	padding:0 0 74px 0;
	background:url(../bentouboyz/images/bglast.jpg) 50% 100% no-repeat;
	background-color:#FFFFFF;
}
#main{
	width:100%;
	margin:0 auto 0 auto;
	padding:46px 0 0 0;
	background:url(../bentouboyz/images/bg.jpg) 50% 0 repeat-y;
	background-color:#FFFFFF;
	text-align:center;
	font-size:14px;
}
#main img.mainimg{
	margin:10px 0 0 0;
}
#frametop{
	width:876px;
}
#top{
	width:876px;
	margin:0 auto 0 auto;
	background:url(../bentouboyz/images/bgtop.jpg) 0 0 no-repeat;
}
#top .bentou{
	width:700px;
	margin:0 auto 0 auto;
	padding:69px 0 0 0;
	line-height:1.8em;
	text-align:center;
}
#top .bentou h2{
	font-size:24px;
	color:#FFFFFF;
	margin:15px 0 15px 0;
}
#top .bentou p{
	font-size:14px;
	color:#FFFFFF;
	line-height:1.8em;
	margin:0 0 0 0;
}
#top .bentouimg{
	margin:20px auto 0 auto;
	width:680px;
	padding:10px;
	background-color:#FFFFFF;
	position:relative;

}
#top .bentouimg img{
	margin:0 0 0 0;
}
.bookmark{
	margin:15px 0 15px 0;
}
#framemiddle{
	width:876px;
	height:100%;
	margin:0 auto 0 auto;
	background:url(../bentouboyz/images/bgmiddle.jpg) 0 0 repeat-y;
}
#framebottom{
	width:876px;
	min-height:609px;
	margin:0 auto 0 auto;
	background:url(../bentouboyz/images/bgbottom.jpg) 0 100% no-repeat;
}
#framebottom .frame{
	width:701px;
	margin:0 auto 0 auto;
	padding:31px 0 0 0;
}
#framebottom .frame .left{
	width:253px;
	float:left;
}
#framebottom .frame .left .menu{
	background:url(../bentouboyz/images/menu_bottom_bar.gif) 0 0 repeat-y;
	padding:0 0 2px 0;
}
#framebottom .frame .left .menu ul{
	width:220px;
	margin:0 auto;
	list-style:none;
}
#framebottom .frame .left .menu ul li{
	width:200px;
	padding:10px 10px 10px 10px;
	border-bottom:solid 1px #B4B4B4;
	font-size:12px;
	color:#323232;
	text-align:left;
}
#framebottom .frame .left .infoframe{
	width:253px;
	background:url(../bentouboyz/images/menu_bottom_bar.gif) 0 0 repeat-y;
}
#framebottom .frame .left .infoframe .info{
	width:253px;
	padding:17px 0 29px 0;
	background:url(../bentouboyz/images/menu_bottom.gif) 0 100% no-repeat;
}
.info .title{
	float:left;
}
.info .price{
	float:left;
	width:65px;
	height:67px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../bentouboyz/images/info_saifu.gif) 0 0 no-repeat;
	text-align:center;
}
.info .time{
	float:left;
	width:50px;
	height:67px;
	color:#FF0000;
	font-weight:bold;
	background:url(../bentouboyz/images/info_tokei.gif) 0 0 no-repeat;
	margin:0 0 0 14px;
	text-align:center;
}
.info  .price span{
display:block;
margin:30px 0 0 0;
}
.info  .time span{
display:block;
margin:26px 0 0 0;
}
#framebottom .frame .center{
	width:116px;
	float:left;
	margin:0 0 0 25px;
}
#framebottom .frame .center .bentouimg{
	width:110px;
	padding:3px;
	margin:0 0 10px 0;
	background-color:#FFFFFF;
	position:relative;
}
#framebottom .frame .center p{
	width:110px;
	display:block;
	margin:0 0 12px 0;
	color:#FFFFFF;
	text-align:left;
	word-break: break-all;
}
#framebottom .frame .right{
	width:307px;
	float:left;
}
#framebottom .frame .right .arr{
	width:32px;
	overflow:hidden;
	float:left;
}
#framebottom .frame .right .detail{
	width:274px;
	float:left;
	font-size:12px;
	color:#000000;
	text-align:left;
}
#framebottom .frame .right .detail .txt p{
	width:233px;
	line-height:1.8em;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
}
#framebottom .frame .right .detail .txt .txtimg{
	margin:10px 0 10px 21px;
}
#framebottom .frame .right .detail .txt{
	width:274px;
	background-color:#FFFFFF;
}
#framebottom .frame .right .caption{
	width:120px;
	margin:5px 0 0 21px;
	display:block;
	font-size:10px;
	font-color:#000000;
}

/*mainnav*/
.mainnav{
	width:398px;
	margin:10px auto 0 auto;
	padding:0 0 22px 0;
}
.mainnav ul{
	width:398px;
	list-style:none;
}
.mainnav ul li{
	float:left;
	text-align:left;
	height:40px;
}
.mainnav ul li.prev{
	width:146px;
}
.mainnav ul li.top{
	width:150px;
}
.mainnav ul li.next{
	width:102px;
}
.mainnavB{
	width:321px;
	margin:10px auto 0 auto;
	padding:0 0 75px 0;
}
.mainnavB ul{
	width:321px;
	list-style:none;
}
.mainnavB ul li{
	float:left;
	text-align:left;
}
.mainnavB ul li.prev{
	width:211px;
}
.mainnavB ul li.next{
	width:110px;
}
.arttitle{
	
}

/*content-nav*/
.content-nav{
	width:398px;
	text-align:left;
	padding:30px 0 40px 0;
	margin:0 auto 0 auto;
	position:relative;
}
.lnav{
display:block;
float:left;
}
.snav{
display:block;
float:left;
margin:3px 5px 0 0;
}

.link_page{
	padding:0 10px 0 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFF000;
	text-decoration: underline;
}
.current_page{
	padding:0 10px 0 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
.lnavb{
	display:block;
	width:109px;
	height:39px;
	float:left;
}
.lnavp{
	display:block;
	width:109px;
	height:39px;
	float:right;
}
.link_before{
	display:block;
	width:109px;
	height:39px;
	padding:0 0 0 5px;
	background:url(../bentouboyz/images/mainnavB_prev.gif) 0 0 no-repeat;
}
.link_next{
	display:block;
	width:109px;
	height:39px;
	background:url(../bentouboyz/images/mainnavB_next.gif) 0 0 no-repeat;
}