@charset "utf-8";

* { margin:0; padding:0;}

a { color:#1639a7; text-decoration:none;}

a:hover,a:active{ color:#1639a7; border-bottom:1px solid #1639a7;}

img { border:0px;}

.clear { clear:both;}

h1{ text-indent: -9999px}

/*
===== :: BODY ==========================================
*/

body {
   margin:0;
   padding:0;	
   font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','Verdana', 'ＭＳ Ｐゴシック', sans-serif;
   font-size: 0.8em;
   font-style: normal;
   line-height: 160%;
   color: #666666;
   text-align:center;
   background-image: url(../img/header/header_bg.gif);
   background-repeat: repeat-x;
}

/*
===== :: HEADER ==========================================
*/
#Header{width: 940px; margin-right: auto; margin-left:auto; height:73px; margin-bottom:0px;}


#headerCom {background-color:#F6F6F6; border-bottom:1px solid #BFBFBF; margin-top:1px; margin-bottom:30px;}
#headerCom p { text-align:left; padding-left:160px; font-size: 0.7em;}

#HeaderLeft{ float:left;}

#HeaderLeft a:hover{ border-bottom:0px;}

#HeaderRight{ float:right; width:572px;}

#HeaderRight ul {list-style: none;text-indent: -9999px;padding: 0;margin: 0;line-height:12px;}

#HeaderRight li {float:left;display: inline;}

#HeaderRight a {display: block;}

#HeaderRight a:focus { outline: 0 !important; } 

#HeaderRight li#HL01 a {width: 78px;height: 31px;background-position: left top;background-image: url(../img/btn_01.gif);}

#HeaderRight li#HL01 a:hover {background-position: left bottom; border-bottom:0px;}

#HeaderRight li#HL02 a {width: 77px;height: 31px;background-position: left top;background-image: url(../img/btn_02.gif);}

#HeaderRight li#HL02 a:hover {background-position: left bottom; border-bottom:0px;}

#HeaderRight li#HL03 a {width: 77px;height: 31px;background-position: left top;background-image: url(../img/btn_03.gif);}

#HeaderRight li#HL03 a:hover {background-position: left bottom; border-bottom:0px;}

#HeaderRight li#HL04 a {width: 77px;height: 31px;background-position: left top;background-image: url(../img/btn_04.gif);}

#HeaderRight li#HL04 a:hover {background-position: left bottom; border-bottom:0px;}

#HeaderRight li#HL05 a {width: 77px;height: 31px;background-position: left top;background-image: url(../img/btn_05.gif);}

#HeaderRight li#HL05 a:hover {background-position: left bottom; border-bottom:0px;}

#HeaderRight li#HL06 a {width: 78px;height: 31px;background-position: left top;background-image: url(../img/btn_06.gif); margin-right:2px;}

#HeaderRight li#HL06 a:hover {background-position: left bottom; border-bottom:0px;}

#HeaderRight li#HL07 a {width: 102px;height: 31px;background-position: left top;background-image: url(../img/btn_clip.gif);}

#HeaderRight li#HL07 a:hover {background-position: left bottom; border-bottom:0px;}


/*
===== :: CONTENTS ==========================================
*/


#contents {text-align:center; margin-top:8px; margin-left:auto; margin-right:auto; width:1000px;}

/*#contents-left {float:left; text-align:left; width:630px; height:600px;}*/
#contents-left {float:left; text-align:left; width:630px;}
#contents-right {float:right;width:350px;}


/*
===== :: FOOTER ==========================================
*/
 
#footer{
   text-align:left;

/*  
   height:168px; 
   background-image:url(../img/footer/footer01.gif);
   background-repeat:no-repeat;
   background-position:94% 0%;
*/
   border-bottom:3px solid #A59E8D;
   font-family: Verdana;
}
#footer p{text-align:left; margin-left:4px; width:74%; padding:2px;}

#flink{padding-top:4px; padding-bottom:4px;margin-bottom:8px;}
#flink ul {margin:0; padding:0; text-align:left;}
#flink li {display:inline; list-style-type:none; margin:0;}


/*
===== :: COMPARE TABNAVI ==========================================
*/

.compare{border: 1px solid #BFBFBF; margin-bottom:12px; }
.compare dl {padding:2px 2px 0px 2px;background-color: #FFFFFF;}
.compare dt {
   width: 120px;
   height: 34px;
   font-weight: bold;
   line-height: 34px;
   text-indent: 18px;
   white-space: normal;
   position: relative;
}
.compare dd { margin: -34px 0px 0px; padding: 5px 0px 5px 140px;}
.compare dd.linea {background-color: #FFFFFF;}
.compare dd.lineb {background-color: #F7F8F3;}

.compare ul {display: inline;}
.compare li {display: inline; line-height: 20px;}
.compare li a { margin-right: 8px; min-width: 1px; white-space: nowrap;}

.com-orange{color:#cc6633;}

.compsubnavi2 {
   text-align:center;
   margin-top:0px;
   border-top: 1px dashed #999999;
   margin-left:1px;
   margin-right:1px;
   margin-bottom:0px;
   padding-left:6px;
   padding-top:10px;
   padding-bottom:9px;
   background-color:#EBEBE3;
}

.compsubnavi2 .input {border:1 solid; color: #000000;}


/*
===== :: COMPARE NEW SITE LIST ==========================================
*/


.clitem1{
   border-top:1px solid #BFBFBF;
   border-left:1px solid #BFBFBF;
   border-right:1px solid #BFBFBF;
   padding:2px 1px 1px 1px;
}

.clitem1 h4{
    height:20px;
    background-image:url(../img/menu_bk.gif);
    background-repeat:repeat-x;
    background-position:0% 4%;
    font: 12px Verdana;
    font-weight:bold;
    text-align:left;
    padding-top:2px;
    padding-left:10px;
}


.clitem2{
text-align:center;
border-top:1px solid #999966;
border-left:1px solid #BFBFBF;
border-right:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
padding:2px 1px 1px 1px;
margin-bottom:8px;
}

.clitem3{
height:160px;
width:101px;
float:left;

}
.subcomp{
float:left;
width:120px;
height:140px;
}

.subcomp p{
margin-left:12px;
background-image:url(../img/newsitebg.jpg);
background-repeat:no-repeat;
height:101px;
width:101px;
font-size: 0.8em;
font-style: normal;
line-height: 110%;
color: #666666;
text-align:left;

}
.subcomp img{margin-left:8px; margin-top:8px;border: 1px solid #ffffff;}

.subcomp a { color:#1639a7; text-decoration:none;}

.subcomp a:hover,a:active{ color:#1639a7; border-bottom:0px solid #1639a7;}

/*
.subcompp{
margin-left:12px;
background-image:url(../img/newsitebg.jpg);
background-repeat:no-repeat;
height:101px;
width:101px;
float:left;
border:1px solid #009999;
}

.subcompp img{margin-left:2px; margin-top:9px;}
*/


/*
===== :: COMPARE LOGIN ==========================================
*/

.loginbox{
   width:346px;
   border-top:1px solid #BFBFBF;
   border-left:1px solid #BFBFBF;
   border-right:1px solid #BFBFBF;
   border-bottom:1px solid #BFBFBF;
   padding:2px 1px 1px 1px;
   margin-bottom:4px;
}

.loginsubbox{
   height:100px;
   background-image:url(../img/login_bk.jpg);
   background-repeat:repeat-x;
   background-position:0% 20%;
}

.loginhp{
   height:20px;
   font: 12px Verdana;
   font-weight:bold;
   text-align:left;
   padding-top:2px;
   padding-left:10px;
}
.loginphoto{
   float:left;
   margin-left:4px;
   margin-right:12px;
   border:1px solid #D8D8D8;
}
.left{text-align:left;}
.regist{text-align:left;}


.regist a {
	display: block;
	width: 170px;
	height: 26px;
	text-indent: -10000px;
	overflow: hidden;
	background-image: url(../img/btn_regist_170.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.regist a:hover {
	background-position: 0px -26px;
	border-bottom:0px;
}


/*
===== :: COMPARE LOGIN ==========================================
*/



.critem1{
   width:346px;
   border-top:1px solid #BFBFBF;
   border-left:1px solid #BFBFBF;
   border-right:1px solid #BFBFBF;
   padding:2px 1px 1px 1px;
}
.critem1 h4{
   height:20px;
   background-image:url(../img/menu_bk.gif);
   background-repeat:repeat-x;
   background-position:0% 4%;
   font: 12px Verdana;
   font-weight:bold;
   text-align:left;
   padding-top:2px;
   padding-left:10px;
}
.critem2{
   width:346px;
   text-align:left;
   border-top:1px solid #999966;
   border-left:1px solid #BFBFBF;
   border-right:1px solid #BFBFBF;
   border-bottom:1px solid #BFBFBF;
   padding:2px 1px 1px 1px;
   margin-bottom:4px;

}
.qrimg{float:left;}
.qrbr{ clear:both;}

.critem2 li{text-align:left; list-style-position:inside; padding-left:4px;}
.critem2 dt{color:#D45417; font-weight:bold; padding-left:4px;}
.critem2 dd{padding-left:20px;}


.subhcboxp {
margin-top:8px;
margin-left:4px;
margin-right:4px;
margin-bottom:4px;
border:1px solid #EBEBE3;
background-color:#F7F8F3;
}


.subhcp{
/*background-image:url(../img/sitebg.jpg);*/
background-image:url(../img/newsitebg.jpg);

background-repeat:no-repeat;
height:120px;
width:120px;
float:left;
}
.subhcp img{
margin-left:9px;
margin-top: 8px;
border: 1px solid #ffffff;
}
.subhcp a:hover,a:active{border-bottom:0px;}


.olbox{
text-align:center;
}
.olbox ol {
float:left;
padding-left:4px;
marker-offset:4px;
color:#D45417;
font-weight:bold;
}


.txt01{
margin: 4px 0px 16px 0px;
padding-left:4px;
padding-right:4px;
}
.txt01 ul{ margin-bottom:8px;}
.txt01 li{text-align:left; list-style-position:inside; padding-left:4px;}

.txt02{
margin: 4px 0px 16px 0px;
padding-left:4px;
padding-right:4px;
}
.txt02 dt{
font-weight:bold;
}

.txt02 dd{
margin-left:20px;
padding-left:20px;
}

/*
===== :: COMPARE LOGIN ==========================================
*/
.ad{margin-bottom:6px;}
.adtb{margin-top:3px; margin-bottom:3px; border:0px;}

.ad a:hover, .ad a:active{ border:0px;}
.adtb a:hover, .adtb a:active{ border:0px;}
/*
===== :: INQUIRE ==========================================
*/

.i-div{
margin-top:10px;
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}


.i-frameset{
border:1px solid #BFBFBF;
padding:1px;
}


.i-dl{
background-color:#E8E8DF;
}

.i-dt{
display:block;
float:left;
clear:left;
padding-left:4px;
padding-top:6px;
}

.i-dd1{
margin-left:130px;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px solid #FFFFFF;

}
.i-dd2{
margin-left:130px;
padding-top:3px;
padding-bottom:3px;
}
.i-dd3{
padding-top:3px;
padding-bottom:3px;
text-align:center;
}
.i-pp{
margin-top:4px;
margin-bottom:4px;
padding-left:20px;
padding-top:6px;
padding-bottom:6px;
border-left:1px groove #dbe2e8;
}
.broad{width:80%}
.broadr{width:90%}

/*
===== :: DETAIL ==========================================
*/

.d01{
margin-top:20px;
padding-top:10px;
float:left;
width:650px;
}

.d01 h2{
text-align:left;
}
.d01 h5{
text-align:left;
}
.d01 h6{
padding-bottom:4px;
margin-bottom:8px;
text-align:left;
background-image: url(../img/line_dot.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
.d01 p{
text-align:left;
}
.d01 .value{

	margin-top: 2px;
	padding: 4px;
	font-size: 85%;
	background-color: #f4f4f4;
	background-image: url(../img/bg_rate_general.gif);

}

.d01 .point{
	color: #ee0000;
	font-size: 115%;
	font-weight: bold;
}

.d01 .com1{
margin-top:10px;
padding-left:4px;
}




.detp1{
background-image:url(../img/sitebg_large.jpg);
background-repeat:no-repeat;
height:340px;
width:340px;
float:left;
}

.detp1 img{
margin-left:1px;
margin-top:13px;
border: 1px solid #ffffff;
}
.detp1 a:hover,.detp1 a:active{ border-bottom:0px;}


.d02{
	margin-top: 2px;
}

.d02 h4{
text-align:left;
background-image: url(../img/line_dot.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom:4px;
margin-bottom:8px;
}

.d02 .opvalue{
	padding: 4px;
	font-size: 85%;
	background-color: #f4f4f4;
	background-image: url(../img/bg_rate_general.gif);
	margin-bottom:30px;
}

.d03{

}

.d03 h4{
text-align:left;
background-image: url(../img/line_dot.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom:4px;
margin-bottom:8px;
}
.d03 .covalue{
	padding: 4px;
	font-size: 85%;
	background-color: #f4f4f4;
	background-image: url(../img/bg_rate_general.gif);
	margin-bottom:30px;
}

.detlist{/*border: 1px solid #BFBFBF;*/ margin-bottom:12px; }
.detlist dl {padding:2px 2px 0px 2px;background-color: #FFFFFF;}
.detlist dt {
   width: 120px;
   height: 34px;
   font-weight: bold;
   line-height: 34px;
   text-indent: 18px;
   white-space: normal;
/*   position: relative;*/
}
.detlist dd { margin: 0px; padding: 5px 0px 5px 140px;}

/*.detlist dd.linea {background-color: #FFFFFF;}
.detlist dd.lineb {background-color: #F7F8F3;}
*/
.detlist ul {display: inline;}
.detlist li {display: inline; line-height: 20px;}
.detlist li a { margin-right: 8px; min-width: 1px; white-space: nowrap;}

.option5{}

.option5 dl{
display:block;
float:left;
clear:left;
width:100px;
margin:0 10px 4px 0;
padding:0px;
border:1px solid #ff0000;
text-align:right;
}
.option5 dd{
margin:0 0 8px;
}

/*
===== :: SEARCH ==========================================
*/
.searchp1{
/*background-image:url(../img/sitebg.jpg);*/
background-image:url(../img/newsitebg.jpg);

background-repeat:no-repeat;
height:120px;
width:120px;
float:left;
}
.searchp1 img{
margin-left:8px;
margin-top:8px;
border: 1px solid #ffffff;
}




/* ==============================================================
 * SEARCH
============================================================== */
/* ===== float解除 ===== */

.clearfix:after {

	content: "."; 

	display: block;

	height: 0; 

	clear: both; 

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



/* ==============[ column-main ]============== */
/* ==========[ list-result ]========== */
ul.list-result {

/*	width: 630px;*/

/*border: solid 1px #ff0000;*/

}
ul.list-result li {
	margin-top: 8px;
	display: block;
	padding: 5px 0px;
	border: solid 1px #d0d0d0;
	background-image: url(../img/bg_list_general.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* ===== ttlinfo ===== */
ul.list-result li .ttlinfo {
	/*width: 728px;*/
        width: 630px;
	background-image: url(../img/line_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul.list-result li .ttlinfo .lstcheck {
	float: left;
	width: 13px;
	margin-left: 4px;
	text-align: center;
	border: solid 4px #dddddd;
}
*html ul.list-result li .ttlinfo .lstcheck {
	float: left;
	width: 25px;
	margin: 0px;
	text-align: right;
	border: 0px;
}
ul.list-result li .ttlinfo .lstcheck input {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 13px;
	height: 13px;
}
*html ul.list-result li .ttlinfo .lstcheck input {
	margin: 0px;
	padding: 0px;
	width: 21px;
	height: 21px;
	border: solid 4px #dddddd;
}
ul.list-result li .ttlinfo .mname {
	float: left;
	width: 400px;
	padding: 2px 0px 6px 8px;
}
ul.list-result li .ttlinfo .mname strong {
	font-size: 115%;
}
ul.list-result li .ttlinfo .mname .area-catg {
	color: #665544;
	font-size: 85%;
}
ul.list-result li .ttlinfo .mname-ex {
	float: right;
	padding: 3px 8px 6px 0px;
	width: 200px;
	font-size: 85%;
	text-align: right;
}
ul.list-result li .ttlinfo .line {
	color: #cccccc;
}
ul.list-result li .ttlinfo .mname-ex .count {
	color: #880000;
}
ul.list-result li .ttlinfo .mname-ex .count .num {
	font-size: 130%;
	font-weight: bold;
}
ul.list-result li .ttlinfo .mname-ex .count a {
	color: #880000;
	text-decoration: underline;
}
ul.list-result li .ttlinfo .mname-ex .count a:hover {
	color: #cc3333;
	text-decoration: underline;
}
ul.list-result li .ttlinfo .mname-ex .date {
	color: #666666;
}
ul.list-result li .ttlinfo .mname-ex .date .num {
	color: #666666;
	font-size: 115%;
}
/* ===== photo ===== */
ul.list-result li .photo {


background-image:url(../img/newsitebg.jpg);
background-repeat:no-repeat;
height:120px;
width:120px;
float:left;

}

ul.list-result li .photo img {
margin-left:8px;
margin-top:8px;
border: 1px solid #ffffff;
}

ul.list-result li .photo a img {
	border: solid 2px #ffffff;
}
ul.list-result li .photo a:hover img {
	border: solid 2px #ffee44;
}
/* ===== info ===== */
ul.list-result li .info {
	float: right;
	width: 500px;
	padding: 8px 0px 4px 0px;
}
/* fromshop */
ul.list-result li .info .fromshop {
	margin: 0px 7px 3px 0px;
	line-height: 1.4;
/*	background-color: #ffefe7;*/
	background-image: url(../img/line_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul.list-result li .info .fromshop h5 {
	padding: 1px 0px 2px 18px;
	color: #dd3333;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	background-image: url(../img/lev_owner.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul.list-result li .info .fromshop p {
	padding: 2px 5px 4px 19px;
	color: #662222;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	background-image: url(../img/lev_owner.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
ul.list-result li .info .fromshop p a {
	color: #662222;
	text-decoration: none;
}
ul.list-result li .info .fromshop p a:hover {
	text-decoration: underline;
}
ul.list-result li .info .fromshop p .owner {
	font-size: 85%;
	font-weight: normal;
}
/* pickup */
ul.list-result li .info .pickup {
	padding: 2px 5px 3px 18px;
	line-height: 1.4;
	background-image: url(../img/icon_comment.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
ul.list-result li .info .pickup a {
	color: #444444;
	text-decoration: none;
}
ul.list-result li .info .pickup a:hover {
	text-decoration: underline;
}
ul.list-result li .info .pickup .comment {
	font-weight: bold;
}
ul.list-result li .info .pickup .reviewer {
	color: #665544;
	font-size: 85%;
}
ul.list-result li .info .pickup .reviewer a {
	color: #665544;
}



/* rating */
ul.list-result li .exinfo .rating {
	float: left;
	width: 488px;
}
ul.list-result li .exinfo .rating .point {
	color: #ee0000;
	font-size: 115%;
	font-weight: bold;
}
ul.list-result li .exinfo .rating p {
	padding: 1px 2px 0px 2px;
}
ul.list-result li .exinfo .rating img {
	margin-right: 4px;
}
ul.list-result li .exinfo .rate {
	margin-top: 2px;
	padding: 4px;
	font-size: 85%;
	background-color: #f4f4f4;
	background-image: url(../img/bg_rate_general.gif);
}
ul.list-result li .exinfo .rate strong {
	font-size: 115%;
	font-weight: bold;
	color: #665544;
}
ul.list-result li .exinfo .rate .line {
	color: #aaaaaa;
}
ul.list-result li .exinfo .rate .situation {
	color: #888888;
}
ul.list-result li .exinfo .rate .situation img {
	margin: 0px 1px 0px 5px;
}


.pam{
text-align:left;

}
.wphatena1{margin-right: 8px;}
.wphatena2{border: 0; margin: 0; padding: 0; vertical-align: middle;}

/*
===== :: クチコミレビュー ===============================================*/
#review{ width: 629px; margin: 0 0 25px 0}

#review .comment{ clear: both; width: 595px; margin: 0 0 15px 0; padding: 10px 10px 25px 15px; background-color:#f7f7f7}
#review .comment .txt{ margin: 0 0 7px 0}
#review .comment .rate{ float: right; clear: both; font-size: 10px}
#review .comment .rate span{ color:#FF6633; font-weight: bold}
#review p.write a{ color:#1d2088}
#review p.write a:hover{ text-decoration: underline}