@charset "utf-8";

/*sidenavi-----------------------------------------------*/
#main #section #sidenavi{
background:#F8F0E4 url(../img/information/sub_bottom.jpg) bottom left no-repeat;
width:180px;
padding:16px 10px 16px 10px;
float:left;
}

#main #section #sidenavi div.sidettl{
padding-bottom:12px;
width:180px;
background:url(../img/information/subline.gif) right bottom no-repeat;
}

#main #section #sidenavi dl{
width:160px;
margin-left:20px;
background:url(../img/information/subline.gif) right bottom no-repeat;
}

#main #section #sidenavi ul{
width: 160px;
margin: 0 0 20px 20px;
background: url(../img/information/subline.gif) right bottom no-repeat;
}
#main #section #sidenavi ul#backnumber_first{
	margin-bottom: 0;
}
#main #section #sidenavi ul ul {
width: auto;
margin: 0 ;
padding:3px 0 0;
background:none;
}

#main #section #sidenavi dl dt{
padding:7px 0 7px 11px;
margin-left:5px;
font-size:11px;
color:#2B0F08;
background:url(../img/information/ic01.jpg) no-repeat left center;
}

#main #section #sidenavi li{
padding:7px 0 7px 11px;
margin-left:5px;
font-size:11px;
color:#2B0F08;
list-style-image: url(../img/information/ic01.jpg);
background:url(../img/information/subline.gif) no-repeat right bottom;
}
#main #section #sidenavi li li{
padding:5px 0 5px 11px;
margin-left:0px;
font-size:11px;
color:#2B0F08;
list-style-image: url(../img/information/ic01.jpg);
background:none;
}



/*content-----------------------------------------------*/
#main #section #content{
float:right;
width:660px;
margin:15px 0 0 40px;
padding:0;
font-size:12px;
}

#main #section #content h2{
margin:0 0 40px 0;
}

#main #section #content dl.c_box{
width:660px;
clear:both;
}

#main #section #content dl.c_box dt{
width:650px;
padding:7px 0 0 10px;
height:23px;
background:url(../img/newitem/title_bg.gif) repeat-x left top;
margin-bottom:25px;
}

#main #section #content dl.c_box dt .text_ttl{
font-weight:bold;
font-size:14px;
margin-left:10px;
}

#main #section #content dl.c_box dd{
padding: 0 0 30px 0;
}

#main #section #content ul.item{
width:660px;
}

#main #section #content ul.item li{
width:187px;
height:417px;
padding: 35px 0 0 24px;
margin:0 0 0 0;
background: url(../img/newitem/bg_item_new.gif) no-repeat left top;
float: left;
}

#main #section #content ul.item li.btnclmn {
position: relative;
height:470px;
background: url(../img/newitem/bg_item_btnclmn.gif) no-repeat left top;
}

#main #section #content ul.item li.mr10{
margin-right:10px;
}

#main #section #content ul.item li p.photo{
width:155px;
height:294px;
border:#CCC 1px solid;
padding:3px;
}
#main #section #content ul.item li .text{
margin: 8px 0;
width:165px;
}
#main #section #content ul.item li .btn{
	text-align: center;
	position: absolute;
	left: 24px;
	bottom: 35px;
	width: 163px;
}

#main #section #content ul.item li p.number{
background: url(../img/newitem/ic_brown.gif) no-repeat left 5px;
color:#996600;
font-weight:bold;
padding: 0 0 0 12px;
margin:5px 0 0 40px;
}

#main #section #content #page_top{
	width:650px;
	text-align: right;
	margin: 10px 0 30px 0;
	clear:both;
}

/*item01-03-----------------------------------------------*/
#main #section #content h3{
width:650px;
padding:7px 0 0 10px;
height:23px;
background:url(../img/newitem/title_bg.gif) repeat-x left top;
margin-bottom:25px;
font-weight:bold;
font-size:14px;
clear:both;
}

/*point*/
#main #section #content div.point{
width:254px;
float:right;
}

#main #section #content div.point p.comment{
padding:17px 0 24px 0;
background: url(../img/newitem/bg_point.gif) no-repeat left bottom;
height:1.6;
}

#main #section #content div.point dl{
width:245px;
background: #DFD3C1;
margin:20px 0 0 0;
}

#main #section #content div.point dt{
width:140px;
background:url(../img/newitem/ic.gif) no-repeat 5px 5px;
font-weight: bold;
padding: 5px 0 5px 20px;
float: left;
}

#main #section #content div.point dd{
padding: 5px 5px 5px 130px;
text-align: right;
font-size:10px;
}

#main #section #content div.point p.item{
width:245px;
font-size:10px;
line-height:1.3;
clear:both;
margin: 4px 0 0 0;
}

#main #section #content div.point ul{
padding: 0 0 14px 0;
margin:7px 0 0 0;
clear:both;
}

#main #section #content div.point ul li{
font-size:10px;
width: 116px;
float:left;
line-height:10px;
padding: 0 0 5px 0;
}
#main #section #content div.point ul li p{
font-size: 9px;
}

/*detail*/
#main #section #content div.detail{
width:396px;
}

#main #section #content div.detail h4{
margin:20px 0 9px 0;
}

#main #section #content div.detail p.photo{
width:353px;
height:353px;
padding: 28px 0 0 28px;
background: url(../img/newitem/bg_item_detail.gif) no-repeat left top;
}

#main #section #content div.detail p.photo img{
border: #DFD3C1 1px solid;
padding:3px;
}

#main #section #content div.detail ul#thum li{
	float:left;
	display:inline;
	padding: 0 5px 0 0;
	cursor:pointer;
}
#main #section #content div.detail ul#thum li img{
	border:#999999 1px solid;
}
#main #section #content div.detail ul#thum li .active{
	border:1px solid #333333;
}
#main #section #content div.detail ul#thum li .on{
	border:1px solid  #FFCC33;
}

#main #section #content ul.page{
clear:both;
padding:20px 0 0 250px;
}

#main #section #content ul.page li{
float:left;
padding:0 10px 0 0;
font-weight: bold;
}
#main #section #content #btmnavi {
margin: 0 0 40px 0;
padding: 0;
text-align: center;
}
#main #section #content #btn_shop {
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}



/*rollover achtive---------------------------------------------*/
#header_wrapper #header ul#g_navi li#gbtn05{
background:url(../img/common/g_btn05_on.gif) no-repeat left top;
}

#header_wrapper #header ul#g_navi li#gbtn05 img{
visibility:hidden;
}