@charset "utf-8";
/* CSS Document */



#wrapper{
	/*width: 950px;*/
	margin: 0 auto;
}
/*---------------ヘッダー----------------------------------------
------------------------------------------------------------------*/

#header{
	width: 950px;
	height: 180px;
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat;
	padding-top: 15px;
	position: relative;
}

#headertext{ font-size: 11px; margin-top: -15px;}
h1{
	
	
}
#title{
	width: 559px;
	height: 171px;
	float: left;
}

#count{
	width: 383px;
	height: 95px;
	float: right;
	background: url(../images/countbg.gif) no-repeat;
	margin: 70px 0 0 0 ;
	position: relative;
}

#countparts { padding: 40px 0 0 10px;}
#total{ font-size: 12px; position: absolute; top: 35px; left: 285px;}

#headerbg{
	background: url(../images/head_bg.gif) repeat-x top;
}
#date{ position: absolute; top: 40px; left: 700px;}
#date p{ font-size: 13px; width: 200px;}
#count_right{ position: absolute; top: 12px; right: -14px;}
#count_right2{ position: absolute; top: 32px; right: -14px;}

/*---------------グローバルナビゲーション-------------------------------------*/
#gnaviarea{
	height: 59px;
	background: url(../images/gnavibg.gif) repeat-x;
	}

#gnavi{
	margin: 0 auto;
	width: 950px;
	height: 59px;
	list-style-type: none;
	background: url(../images/gmenu.jpg) no-repeat;
}

#gnavi li{
	float: left;
}

#gnavi a{
	display: block;
	height: 59px;
	text-indent: -9999px;
}

#gnavi1{ width: 166px;}
#gnavi2{ width: 191px;}
#gnavi3{ width: 212px;}
#gnavi4{ width: 190px;}
#gnavi5{ width: 190px;}

#gnavi1 a{ background:url(../images/gmenu.jpg) no-repeat; background-position: 0 0;}
#gnavi2 a{ background:url(../images/gmenu.jpg) no-repeat; background-position: -166px 0;}
#gnavi3 a{ background:url(../images/gmenu.jpg) no-repeat; background-position: -357px 0;}
#gnavi4 a{ background:url(../images/gmenu.jpg) no-repeat; background-position: -569px 0;}
#gnavi5 a{ background:url(../images/gmenu.jpg) no-repeat; background-position: -759px 0;}


li#gnavi1 a:hover, li#gnavi1 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: 0 -59px;}
li#gnavi2 a:hover, li#gnavi2 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -166px -59px;}
li#gnavi3 a:hover, li#gnavi3 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -357px -59px;}
li#gnavi4 a:hover, li#gnavi4 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -569px -59px;}
#gnavi5 a:hover, #gnavi5 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -759px -59px;}

/*#gnavi1 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: 0 -59px;}
#gnavi2 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -166px -59px;}
#gnavi3 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -357px -59px;}
#gnavi4 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -569px -59px;}
#gnavi5 a:active{ background:url(../images/gmenu.jpg) no-repeat; background-position: -759px -59px;}*/





/*---------------コンテンツエリア----------------------------------
-------------------------------------------------------------------------*/
#contentswrap{
	background: url(../images/mainimg_bgf.gif) repeat-x top;
	 
}
#contents{
	padding-top: 20px;
	width: 950px;
	margin: 0 auto;
}
#mainimgbg{
	height: 457px;
	background: url(../images/mainimg_bg.gif);
}
#mainimg{
	margin: 0 auto;
	width: 946px;
	height: 446px;
	background: url(../images/mainimg_bg.gif) repeat-x repeat-y ;
}
#mainimg img{ margin-left: -10px; margin-top: 6px; margin-bottom: 5px;}

/*---------------メインカラム----------------------------------*/

#cont_left{
	padding-top: 5px;
	width: 667px;
	float: left;
}
#upper{
	padding: 10px 0 0 0;
}

#bottom{
	padding: 10px 0 0 0;
}

#best3 {
	padding: 15px 0 0 0;
}

#cont_right{
	width: 278px;
	float: right;
}

/*---------------サイドカラム----------------------------------*/
#cont_right{ margin-left: 5px;}
#cont_right p{ padding: 10px 0 0 2px;}
#chokuhan{ 
	width:260px;
 	height: 436px;
	background: url(../images/tr_0.jpg) no-repeat;
	}
	#chokuhan p{ padding: 225px 0 30px 30px; }
#chokuhan2{ 
	width:260px;
 	height: 436px;
	background: url(../images/tr_1.jpg) no-repeat;
	}
	#chokuhan2 .padding4 { padding: 80px 0 0 20px}
	#chokuhan2 .padding5 { padding: 45px 0 0 22px;}
.padding1 { padding: 101px 0 0 20px}
.padding2 { padding: 70px 0 0 20px;}
.padding3{ padding: 220px 0 0 15px;}


#shindan{ 
	width:260px;
 	height: 429px;
	background: url(../images/shindan_bg.jpg) no-repeat;
	margin-top: 5px;
	}

/*---------------フッター----------------------------------
-------------------------------------------------------------------------*/
#footer{ width: 950px; height: 425px; margin: 0 auto;}
#footer a{ color: #0C8DB4;}
#footer p{ text-align:center; font-size: 13px;}
#maker{ width: 950px; margin: 0 auto; padding-top: 50px;}

#footer_b{ height: 110px;
		   background: url(../images/footerbg.jpg) repeat-x top;
		   margin-top: 60px;
		   }
#fnaviarea { width: 750px; margin: 0 auto; padding: 30px 50px 40px 150px; border-bottom: dotted 2px #0C8DB4;}
#fnavi a{ color: #001E5B;}
#fnavi li{ float: left; padding-right: 25px; list-style-image: url(../images/listimg.gif); font-size:13px;}

#copyright{ height: 25px;
			background:#0688B1;
			color: #FFF;
			font-size: 12px;
		   }
		   #copyright p{ text-align: center;}
		   
		  
		  
/*---------------基本ページ----------------------------------
-------------------------------------------------------------------------*/

#subimgbg{
	height: 110px;
	background: url(../images/mainimg_bg.gif);
}
#subimg{
	margin: 0 auto;
	width: 946px;
	height: 105px;
	background: url(../images/mainimg_bg.gif) repeat-x repeat-y ;
}
#subimg img{ margin-top: 6px; margin-bottom: 5px; }

#sub_cont { width: 630px; padding: 0 5px 0 5px; border: solid 1px #139BC4; margin-left: 3px;}
#check1{ width: 642px; height: 636px; background: url(../images/kihon/pac_bg.jpg) no-repeat; padding-top: 5px;}

#check1 p{ font-size: 14px; width: 555px; margin-left: 31px; margin-top: 8px; line-height: 18px; }

#size{ width: 642px; height: 470px; background:url(../images/kihon/size.jpg) no-repeat;}
#size p{ font-size: 15px; line-height: 22px; width: 270px; padding: 83px 0 0 30px; }
#pointarea{ width: 317px; height: 184px; margin: 40px 0 0 30px;}
#pointarea p{ font-size: 12px; line-height: 20px; width: 198px; padding: 10px 0 0 100px;}
#chouko{ width: 642px; height: 373px; background: url(../images/kihon/kinou.jpg) no-repeat;}
#chouko p{font-size: 15px; line-height: 22px; width: 270px; padding: 83px 0 0 30px;}

#ritecolor{ width: 642px; height: 574px; background: url(../images/kihon/iro.jpg) no-repeat;}
#ritecolor p{font-size: 15px; line-height: 22px; width: 270px; padding: 83px 0 0 30px;}
.sizedown1{ font-size: 11px; line-height: 18px;}

#btnarea{ background:#DAF1F5; width: 604px; height: 153px; margin: 10px 0 0 18px; position: relative;}
#btnarea table{ margin: 5px 0 0 5px;}
#makerbtn{ position: absolute; top: -45px; left: 350px; width: 213px; height: 24px;}
#hirogari{ width: 642px; height: 349px; background: url(../images/kihon/hirogari.jpg) no-repeat; }
#hirogari p{font-size: 15px; line-height: 22px; width: 230px; padding: 83px 0 0 30px;}

/*---------------違いページ----------------------------------
-------------------------------------------------------------------------*/

#graph{ width: 642px; height: 636px; background:url(../images/chigai/graph_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#graph p{ font-size: 14px; width: 555px; margin-left: 31px; margin-top: 8px; line-height: 18px; }

#coment{
	width: 583px;
	padding-top: 360px;}
	
	#coment p{ font-size: 14px; width: 580px; margin-left: 31px; margin-top: 8px; line-height: 20px; }

#makerbtn2{ position: absolute; top: 590px; left: 380px; width: 213px; height: 24px;}
#sub_cont2 { width: 640px; padding: 5px 5px 0 5px; border: solid 1px #139BC4; margin-left: 3px;}
.padding4{ padding-top: 44px;}

#eco{ width: 642px; height: 460px; background:url(../images/chigai/eco_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#eco p{ font-size: 14px; width: 555px; margin-left: 31px; margin-top: 8px; line-height: 20px; }
#coment2{
	width: 583px;
	padding-top: 200px;}
#coment3{
	width: 583px;
	padding-top: 50px;}


#ogbtn{ width: 553px; margin: 15px 0 0 30px;}
#ogbtn2{ width: 553px; margin: 25px 0 0 30px;}
#ogbtn3{ width: 553px; margin: 10px 0 10px 30px;}
#ogbtn4{ width: 553px; margin: 150px 0 0 30px;}

#akarusa{ width: 642px; height: 266px; background:url(../images/chigai/akarusa_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#akarusa p{ font-size: 14px; width: 290px; margin-left: 31px; margin-top: 8px; line-height: 20px; }


#hirogarikata{ width: 642px; height: 340px; background:url(../images/chigai/hirogari_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#hirogarikata p{ font-size: 14px; width: 290px; margin-left: 31px; margin-top: 8px; line-height: 20px; }


#setuyaku{ width: 642px; height: 450px; background:url(../images/chigai/setuyaku_bg.jpg) no-repeat; padding-top: 5px; position: relative; margin-top: 30px;}

#setuyaku p{ font-size: 14px; width: 225px; margin-left: 31px; margin-top: 15px; line-height: 20px; }

/*---------------選ぶページ----------------------------------
-------------------------------------------------------------------------*/


#type{ width: 642px; height: 361px; background:url(../images/erabu/genkan_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#type2{ width: 642px; height: 361px; background:url(../images/erabu/senmen_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#type3{ width: 642px; height: 361px; background:url(../images/erabu/syohi_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

#type4{ width: 642px; height: 361px; background:url(../images/erabu/living_bg.jpg) no-repeat; padding-top: 5px; position: relative;}

/*#type p{ font-size: 14px; width: 370px; margin-left: 250px; margin-top: 60px; line-height: 21px; }*/

.typetext{ font-size: 14px; width: 370px; margin-left: 250px; margin-top: 60px; line-height: 22px; }



#osusumebtn2{ position: absolute; top: 280px; left: 310px; width: 213px; height: 24px;}

#sub_cont3 { width: 640px; padding: 0 5px 0 5px; border: solid 1px #139BC4; margin-left: 3px; margin-bottom: 30px;}


/*---------------診断ページ----------------------------------
-------------------------------------------------------------------------*/
#sub_cont4 { width: 642px; padding: 0 5px 0 5px; border: solid 1px #139BC4; }

#sub_cont4 iframe{ width: 642px; height: 325px; overflow:hidden; border: 0;}

		  
/*---------------比較ページ----------------------------------
-------------------------------------------------------------------------*/

.hikakuread{
	font-size: 14px; 
	line-height: 20px;
	width: 630px;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 10px;
	
}

.yellow{ background: #FF0;}

.ledlist{ 
background-color: #E7F2FD; width: 630px;padding-top: 5px; margin-top: 5px; }

.ledlist table td p{ font-size: 13px; line-height: 22px; padding: 8px;
vertical-align: top;}

.ledlist table { margin: 0 0 15px 0; background: #FFF; }
.ledlist table th { border-left: none;
border-right: #03C solid 1px; border-bottom: #03C solid 1px;}

.borderall{ border: #03C solid 1px;}
.borderr { border-right: #03C solid 1px;}
.bordert { border-right: #03C solid 1px;}
.borderb { border-bottom: #03C solid 1px;}
.ledhyo{ padding:10px;}

/*.ledtext{ font-size: 13px; line-height: 22px; padding: 8px;
vertical-align: top;}*/

.small{ font-size: 9px;}
#sub_cont5 { width: 630px; padding: 0 5px 0 5px; border: solid 1px #139BC4; margin-left: 3px; margin-top: 20px;}

.todetail{ text-align: center; padding-bottom: 10px;}

/*--------------運営者情報ページ----------------------------------
-------------------------------------------------------------------------*/

#uneiinfo{ width: 642px; height: 298px; background:url(../images/uneibg.jpg) no-repeat;}