@charset "utf-8";
/*
Design by http://www.dreamtemplate.com
*/
body { margin:0; padding:0; width:100%; color:#555555; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0;}
.main { background:#e3d6bb url(images/main_bg.jpg) repeat center center;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo { padding-left:15px; width:auto; float:left;}
h1 { margin:0; padding:32px 0; color:#645e52; font:bold 36px/1.2em "Liberation sans", Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#645e52; text-decoration:none;}
h1 span { color:#cdbd9a; background-color:#a4967f;}
h1 small { padding-left:12px; font:normal 12px/1.2em "Liberation sans", Arial, Helvetica, sans-serif; letter-spacing:normal; color:#5f5a51;}
h2 { font:normal 24px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#595959;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;}
a { color:#645E52; text-decoration:underline;}
p.spec { padding:0 0 16px;}
p.infopost { }
p.infopost a { }
a.rm { color:#cdbd9a; padding:8px 20px; text-decoration:none; font-weight:bold; background-color:#b4a283;}
p.spec a.com { float:right; margin-top:-6px; color:#cdbd9a; padding:5px 20px; text-decoration:none; font-weight:bold; background-color:#b4a283;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { }
.header_resize { margin:0 auto; padding:0;}


/* menu */
.menu_nav { margin:0 auto; padding:36px 0 0; height:37px; float:right;}
.menu_nav ul { list-style:none; padding:0; height:37px; float:left;}
.menu_nav ul li { margin:0; padding:0 0 0 8px; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:8px 20px; color:#5f5a51; text-decoration:none; font-size:13px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#645e52; text-decoration:underline;}

/* content */
.content { padding:0 15px; }
.content_resize { margin:0 auto 32px; padding:16px 0 24px; background-color:#f4eddf;}
.content .mainbar { margin-left:295px; float:left; min-height:1200px;}
.content .mainbar .article { margin:0 0 24px; padding:0 20px 0 24px;}
.content .sidebar { float:left; width:280px; position:absolute;}
.content .sidebar .gadget { margin:0 0 12px; padding:8px 24px 8px 16px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0; width:220px;}
ul.ex_menu li { padding:4px 0;}
ul.sb_menu li a, ul.ex_menu li a { color:#555; text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#b4a283; font-weight:bold; text-decoration:none;}
.content p.pages { margin:0 24px; padding:0 0 24px; font-size:11px; color:#555; text-align:right;}
.content p.pages span, .content p.pages a:hover { padding:8px 12px; color:#fff; background-color:#b4a283; border:1px solid #b4a283;}
.content p.pages a { padding:8px 12px; color:#fff; background-color:#fff; text-decoration:none; color:#9a9a9a; border:1px solid #cbc7ba;}
.content p.pages small { font-size:12px; float:left;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#31394c;}
.fbg_resize { margin:0 auto; width:922px; padding:24px;}
.fbg .c2 a, .fbg .c3 a { margin:0; padding:2px 4px; text-decoration:underline; color:#b4a283;}
.fbg  h2 { color:#e5e1d6; padding-bottom:24px;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:266px;}
.fbg .c2 { padding:0 16px; width:290px;}
.fbg .c3 { padding:0 0 0 16px; width:260px;}

/* footer */
.footer { background-color:#272e3d;}
.footer_resize { margin:0 auto; padding:12px 24px; color:#c0bfbf;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em;}
.footer p.lf a { color:#b4a283;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { float:left; padding:0;}
#formsearch { margin:0; height:36px; padding:6px 0 24px 20px; width:232px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(images/search.gif) no-repeat top left;}
#formsearch input.editbox_search { margin:0; padding:10px 6px 9px; float:left; width:181px; border:none; background:none; font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; color:#333333;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}







img {
   border:0;
   vertical-align:bottom;
}

img.box {
   border:1px;
   vertical-align:bottom;
}


.br5{
height:5px;
}

.br10{
height:10px;
}



.off{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
background-color:#B5AC77;
display:block;
text-align: center;
}

.tdbox{
padding:20px 12px;
font-size:13px;
background-color:#fff;
float:left;
width:207px;
height:330px;
border-right:1px solid #C7CACF;
border-bottom:1px solid #E9EDF3;
}


.tdbox a{
text-decoration:none;
}

.tdbox a:hover{
text-decoration:underline;
}


.fbtext a{
text-decoration:none;
}

.fbtext a:hover{
text-decoration:underline;
}


#chie li a{
text-decoration:none;
}

#chie li a:hover{
text-decoration:underline;
}


.tdbox2{
padding:0 8px;
font-size:13px;
margin-right:10px;
width:110px;
}


.tdbox2 a{
text-decoration:none;
}

.tdbox2 a:hover{
text-decoration:underline;
}



a:hover img
{
filter: alpha(opacity=50);
opacity:0.8;
background: #fff;
}







.price{
	font-size: 17px;
	font-weight: bold;
	color: #CC0000;
padding:3px 0;
}





img.mid{
	vertical-align: 0px;
}


.souryou{
 background: #5D4924;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
	font-weight: bold;
}




.point{
 background: #FFFE99;
 color:#FF0000;
 padding: 0 3px;
 margin-right: 3px;
	font-weight: bold;
}





#pageguide{
	position: relative;
	margin-top: -36px;
	float: right;
	margin-right:15px;
}

#pageguide p{
color:#333333;
font-size:15px;
	font-weight: normal;
	text-align: right;
	margin-bottom: 3px;
}

.page{
	font-size: 15px;
	font-weight: normal;
	
}


.page a:link, .page a:visited {
margin:0px; 
padding:4px;
color:#232222;
background-color:#F4EDDF;
text-decoration: none;
}

.page a:hover {
margin:0px;
padding:4px;
color:#ffffff;
background-color:#232222;
text-decoration: none;
}


.page3 {
font-size: 15px;
margin:0px; 
padding:4px;
color:#ffffff;
font-weight:bold;
background-color:#232222;
}

.pagebold{
font-weight:bold;
}


.fbbox{
	text-align:center;
	float:left;
	width:244px;
	text-align:center;
}


.fbtext{
	float:right;
	width: 482px;
font-size:13px;
}




div#chie ul {
   margin:5px 0 0 5px;
   padding:0;
font-size:13px;
}

div#chie li {
   padding:5px 0 5px 0;
   list-style:none;
font-size:13px;
}

div#chie li a {
   padding-left:25px;
   background:url("../images/arrow.png") 0 1px no-repeat;
font-size:13px;
}




li {
list-style:none;
}

.dsouryou{
 background: #66CC33;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
font-size:100%;
	font-weight: bold;
}




.dpoint{
 background: #FFFE99;
 color:#FF0000;
 padding: 0 3px;
 margin-right: 3px;
font-size:100%;
	font-weight: bold;
}


.dprice{
	font-size: 25px;
	font-weight: bold;
	color: #CC0000;
}


.dtitle{
	font-size: 15px;
	font-weight: bold;
	color: #232222;
}




.sideprice{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}


.doff{
	font-weight: bold;
 background: #B5AC77;
 color:#FFF;
	text-align:center;
padding:0 2px 0 4px;
font-size:18px;
margin-bottom: 5px;
}

#bread{
font-size:13px;
font-weight:bold;
padding: 0 0 20px 15px;
}




#body-part a{
text-decoration:none;
color:#000000;
}

#body-part a:hover{
text-decoration:underline;
color:#9d3200;
}





/*-------右側メイン--------*/
/*-------------------------*/
#rightArea {
	width: 100%;
	width: 670px;
	position: relative;
	margin: auto;
	float: left;
	margin-top: -10px;
	margin-bottom: 40px;
}

/*右側リスト*/
#rightArea .rankArea {
	margin: 0 0 15px 0;
	padding: 0;
	height: 1%;
	display: table;
	width: 100%;
	*width: 99%;
}


#rightArea .rankArea .rankLeft{
	margin: 0;
	width: 49%;
	font-size: 14px;
	color: #ffffff;
	float: left;
}

#rightArea .rankArea .rankRight {
	margin: 0;
	width: 49%;
	font-size: 14px;
	color: #ffffff;
	float: right;
}

#rightArea .rankArea ul.title {
	margin: 5px 0;
	background: #a5cf16;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}

#rightArea .rankArea ul.title li{
	color: #ffffff;
}

#rightArea .rankArea ul.title li.rank{
	width: 20%;
	float: left;
	border-right: 1px solid #FFFFFF;
}
#rightArea .rankArea ul.item {
	margin: 5px 0;
	background: #FFFFFF;
	font-size: 14px;
	color: #666666;
	text-align: center;
	border-bottom: 1px dotted #a5cf16;
}
#rightArea .rankArea ul.item li.rank{
	width: 20%;
	float: left;
	border-right: 1px solid #FFFFFF;
	font-size: 14px;
}

.imgbox{
	border: 1px solid #c7cacf;
	width: 146px;
}
.itembox{
	margin: 0;
	float:right;
	font-size: 13px;
	width: 166px;
}

.store{
	font-size: 12px;
	color: #3b5998;
background-color:#eceef5;
border: 1px solid #cad4e7;
display:block;
padding:2px;
margin-bottom:3px;
}



.review{
 font-weight:bold;
 background: #840020;
 color:#fff;
 border: 0px;
padding:0 2px;
}


.review a{
 color:#fff;
}



#bread a{
text-decoration:none;
}

#bread a:hover{
text-decoration:underline;
}

.footer a:hover{
text-decoration:underline;
}

.footer a{
text-decoration:none;
}


.rankbold {
color:#595959;
font-weight:bold;
}


#rightArea a{
text-decoration:none;
}


#rightArea a:hover{
text-decoration:underline;
}