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


/*----------------------------------------------------
	page.css
----------------------------------------------------*/


/*本文エリア
----------------------------------------------------*/
#PageArea{
width:100%;
margin:0;

}
#PageArea .ALink{
	width:389px;
margin:40px auto 0px auto;
}

#PageArea .Pagetlt{
width:100%;
margin:0;
background-color:#00a5e3;
}

#PageArea .Pagetlt .WFix{
width:1010px;
text-align:left;	
margin:10px auto 10px auto;
clear:both;
}

#PageArea .Pagetlt .WFix h2{
	font-size:280%;
	color:#FFFFFF;
	text-align:left;
	line-height:100%;
	display:inline;
	float:left;
	}

#PageArea .Pagetlt .WFix .Vol_tl{
	margin:20px 0 0 0;
	float:right;
	}
	
#PageArea .Pagetlt .WFix .Vol_tl .Social{
margin:20px 0 0 0;
padding:0;
float:left;	
	}
#PageArea .Pagetlt .WFix .Vol_tl .Midashi{
float:right;	
padding:0 0 0 30px;
	}
			
	
#PageArea .Main{
width:900px;
text-align:left;	
margin:30px auto 0px auto;
clear:both;
}

#PageArea .Main p{
width:100%;
font-size:108%;
line-height:180%;
text-align:left;	
margin:0px auto 0px auto;
clear:both;f
background-color:#FFF;
}


#PageArea .Main p.catch{
font-size:108%;
line-height:180%;
text-align:left;
font-weight:bold;
margin:10px 0 0 0;
padding:0 0 20px 0 ;
background-color:#FFF;
}

/*About EH
----------------------------------------------------*/
#PageArea .Main img.cut01{
width:1010px;
text-align:left;	
margin:0;
padding:0 0 20px 0;
clear:both;
}


/*USERS VOICE
----------------------------------------------------*/

#PageArea .Main .Coment_text{
	
font-size:108%;
line-height:180%;
text-align:left;	
margin:0px;
clear:both;
}

#PageArea .Main .Coment_name{
	margin:10px 0px 0px 0px;
	clear:both;
}

#PageArea .Main .Coment{
	width:900px;
	padding:0;
	margin:10px 0px 0px 0px;
	clear:both;
	background-color:#FFF;
	border-bottom:1px dotted #999;
}

#PageArea .Main .Coment p{
	width:880px;
	padding:0px 0px 20px 0px;
}



#PageArea .Main .Review_left{
	float:left;
	width:520px;
}

#PageArea .Main .Review_right{
	float:right;
	width:433px;
	padding:0 0 0 50px;
}

#PageArea .Main .Review_text{
	width:1010px;
	padding:0 0 0 0;
	margin:20px 0px 0px 0px;
	clear:both;
}

#PageArea .Main .Review_left dl,
#PageArea .Main .Review_text dl{
	text-align:left;
}


#PageArea .Main .Review_text .m_left{
	float:left;
	width:600px;
}

#PageArea .Main .Review_text .m_right{
	float:right;
	width:700px;
	padding:0 0 0 40px;
}

#PageArea .Main .Review_text .m_right_m{
	float:right;
	width:570px;
	padding:0 0 0 40px;
}


#PageArea .Main .Review_left dl dt,
#PageArea .Main .Review_text dl dt{
	text-align:left;
	background:url(../../img/review/q_line.gif);
	background-repeat:no-repeat;
	padding:0 0 0 90px;
	font-size:116%;
	font-weight:bold;
}

#PageArea .Main .Review_left dl dd,
#PageArea .Main .Review_text dl dd{
	text-align:left;	
	margin:20px 0px 30px 0px;
	font-size:100%;
line-height:180%;
}



#PageArea .Main .Review_text .img_left{
	float:left;
}


#PageArea .Main .Review_text .img_right{
	float:right;
}

#PageArea .Main .Review_profile{
	margin:20px 0px 0px 0px;
	background-image:url(../../img/review/mount_profile.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:434px;	
}

#PageArea .Main .Review_profile .p_name{
	margin:10px 0px 0px 0px;
	width:390px;
	text-align:right;	
	font-size:116%;
    line-height:0%;	
}

#PageArea .Main .Review_profile p{
	margin:0px 0px 0px 43px;
	width:400px;
	font-size:100%;
    line-height:180%;	
}

#PageArea .Main .Review_profile p img{
	padding:10px 10px 0 0;
}


#PageArea .Main .Review_profile .img_buy{
	margin:10px 0px 0px 23px;
	padding:0px 0px 20px 0px;
}




/*USERS VOICE INDEX
----------------------------------------------------*/
#VolIndexArea{
width:100%;
margin:30px 0 0 0;
padding:0px 0px 30px 0px;
background-color:#e7e7e7;

}

#VolIndexArea .Main{
width:1114px;
margin:0px auto 0px auto;
}

#VolIndexArea h2{
font-size:185%;
margin:30px 0 0 50px;
color:#000;
}

#VolIndexArea h2 .sub{
font-size:70%;
padding:0px 0px 0px 60px;
}


#VolIndexArea .Main .Tips{
width:1114px;
margin:20px auto 0px auto;
}


#VolIndexArea .Main .Tips .Koma{
display:inline-block;
background-color:#FFF;
width:225px;
height:310px;
margin:0 0 0 0px;
padding:0;
float:left;
}

#VolIndexArea .Main .Tips .Koma .Koma_vol{
font-size:12px;
font-weight:bold;
margin:10px 0 0 15px;
}

#VolIndexArea .Main .Tips .Koma .Koma_tl{
font-size:13px;
font-weight:bold;
margin:10px 0 0 15px;
width:200px;
line-height:150%;
}


#VolIndexArea .Main .Tips .Koma .Koma_name{
font-size:12px;
margin:10px 0 0 15px;
width:200px;
line-height:140%;
}


#VolIndexArea .Main .Tips_top{
padding:0px;


}

#VolIndexArea .Main .Tips_top .Koma{
display:inline-block;
background-color:#FFF;
width:225px;
height:310px;
margin:0 0 0 0px;
padding:0;
float:left;
}

#VolIndexArea .Main .Tips_top .Koma .Koma_vol{
font-size:12px;
font-weight:bold;
margin:10px 0 0 15px;
}

#VolIndexArea .Main .Tips_top .Koma .Koma_tl{
font-size:13px;
font-weight:bold;
margin:10px 0 0 15px;
width:200px;
line-height:150%;
}


#VolIndexArea .Main .Tips_top .Koma .Koma_name{
font-size:12px;
margin:10px 0 0 15px;
width:200px;
line-height:140%;
}




/*FAQ タブ
----------------------------------------------------*/
#PageArea .TabMenu{
width:1010px;
text-align:center;	
margin:0px auto 0px auto;
padding:0px 0px 30px 0px;
clear:both;
}

#PageArea .TabMenu img{	
padding:0px 13px 0px 13px;
}


#PageArea .Main p.answer{
width:100%;
font-size:108%;
line-height:180%;
text-align:left;	
margin:0 0 0 20px;
padding:0px 0px 20px 0px;
clear:both;
}


/*ニュース・トピックス
----------------------------------------------------*/

#PageArea .Main ul.news_all{
	float:left;
	width:483px;
	margin:0;
}

#PageArea .Main ul.news_all li{
	width:1010px;
	list-style:none;
	border-bottom:#666666 dotted 1px;
	padding:10px;
}


/*使用方法
----------------------------------------------------*/

#PageArea .Main .Usage_left{
	float:left;
	width:483px;
	margin:0;
}

#PageArea .Main .Usage_right{
	float:right;
	width:490px;
	padding:0 0 0 0px;
	margin:0;
}

/*医師が開発したEARHOOK
----------------------------------------------------*/

#PageArea .Main .MdFirst{
	width:100%;
	background-image:url(../../img/earhook/icon_first.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 0 50px 0px;
}


#PageArea .Main .Story_left{
	float:left;
	width:420px;
	margin:0;
}

#PageArea .Main .Story_right{
	float:right;
	width:550px;
	padding:0 0 0 0px;
	margin:0;
}



#PageArea .Main .Tech_left{
	float:left;
	width:540px;
}

#PageArea .Main .Tech_right{
	float:right;
	width:433px;
	padding:0 0 0 0px;
}


#PageArea .Main table.Doctor{
	width:100%;
	margin:0;
}
#PageArea .Main table.Doctor td{
	width:37%;
	margin:0;
	padding:0 0 0 15px;
	vertical-align:top;
}

#PageArea .Main table.Doctor td.edge{
	width:26%;
	margin:0;
	vertical-align:top;
}

#PageArea .Main dl.doctor{
text-align:left;	
clear:both;
margin:0;	
}


#PageArea .Main dl.doctor dt{
font-size:116%;
font-weight:bold;
line-height:180%;
text-align:left;	
padding:0px 0px 10px 0px;
}

#PageArea .Main dl.doctor dd{
font-size:100%;
line-height:180%;
text-align:left;
margin:0;	
padding:0px 0px 40px 0px;
}


#PageArea .Main .Tubo{
width:500px;
font-size:108%;
line-height:180%;
text-align:left;
margin:20px 0px 0px 0px;
padding:20px;
border:solid #ebeaea 7px;
}


/*TABLE EARHOOKのテクノロジー
----------------------------------------------------*/
#PageArea .Main table.tech{
font-size:108%;
text-align:left;	
margin:20px 0 0 20px;
padding:0px 0px 20px 0px;
clear:both;
}

#PageArea .Main table.tech th{
	font-size:108%;
text-align:left;	
font-weight:bold;
padding:3px 20px;
background-image:url(../../img/common/icon_circle_ash.png);
background-position:left;
background-repeat:no-repeat;
}

#PageArea .Main table.tech td{
text-align:left;	
font-weight:normal;
padding:3px 16px;
}


#PageArea .Main table.tubo{
width:500px;
text-align:left;	
margin:0;
padding:0px 0px 10px 0px;
clear:both;
}

#PageArea .Main table.tubo th{
text-align:left;
width:70px;	
padding:10px;
vertical-align:middle;
}

#PageArea .Main table.tubo td{
text-align:left;	
width:430px;	
font-weight:normal;
vertical-align:middle;
padding:10px 0 0 0;
}



/*TABLE クリニック一覧
----------------------------------------------------*/
#PageArea .Main table.clinick{
width:100%;
font-size:108%;
text-align:left;	
margin:20px auto 0px auto;
clear:both;
border-top:solid #999 3px;
}

#PageArea .Main table.clinick th{
text-align:center;
font-weight:normal;
padding:16px 6px;
border-left:dotted #999 1px;
border-bottom:solid #999 3px;
background-color:#f1f1f1;
}

#PageArea .Main table.clinick th.cname{
text-align:center;
font-weight:normal;
padding:16px 6px;
border-left:none;
border-bottom:solid #999 3px;
}

#PageArea .Main table.clinick td{
text-align:left;
font-weight:normal;
padding:16px 6px;
border-left:dotted #999 1px;
border-bottom:solid #999 2px;
}

#PageArea .Main table.clinick td.cname{
text-align:left;
font-weight:normal;
padding:16px 6px;
width:25%;
font-size:116%;
font-weight:bold;
border-left:none;
border-bottom:solid #999 2px;
}


/*TABLE 会社概要
----------------------------------------------------*/
#PageArea .Main table.company{
width:100%;
font-size:108%;
text-align:left;	
margin:20px auto 0px auto;
clear:both;
border-top:solid #999 3px;
border-bottom:solid #999 3px;
}

#PageArea .Main table.company th{
width:25%;
text-align:left;
font-weight:normal;
padding:16px 26px;
background-color:#f1f1f1;
border-right:dotted #999 1px;
border-bottom:solid #999 1px;
}

#PageArea .Main table.company td{
text-align:left;
font-weight:normal;
padding:16px 6px;
border-bottom:solid #999 1px;
}



#PageArea .Main .circle{
text-align:left;
font-weight:normal;
font-size:14px;
color:#b7c0ce;
padding:0px 3px 0px 0px;

}


/*TABLE ショッピング
----------------------------------------------------*/
#PageArea .Main table.order{
width:100%;
font-size:108%;
text-align:left;	
margin:20px auto 0px auto;
clear:both;
border-top:solid #999 3px;
border-bottom:solid #999 3px;
}

#PageArea .Main table.order th{
text-align:center;
font-weight:normal;
padding:16px 26px;
background-color:#f1f1f1;
border-right:dotted #999 1px;
border-bottom:solid #999 1px;
}

#PageArea .Main table.order th.edge{
text-align:center;
font-weight:normal;
padding:16px 26px;
background-color:#f1f1f1;
border-right:none;
border-bottom:solid #999 1px;
}

#PageArea .Main table.order th.sum{
font-size:124%;
font-weight:bold;
text-align:right;
padding:16px 26px;
background-color:#f1f1f1;
border-right:dotted #999 1px;
border-bottom:solid #999 1px;
}

#PageArea .Main table.order td{
text-align:left;
font-weight:normal;
padding:16px 6px;
border-right:dotted #999 1px;
border-bottom:solid #999 1px;
}

#PageArea .Main table.order td.photo{
text-align:center;
font-weight:normal;
padding:16px 6px;
border-right:dotted #999 1px;
border-bottom:solid #999 1px;
}

#PageArea .Main table.order td.num{
text-align:right;
font-weight:normal;
padding:16px 6px;
border-right:dotted #999 1px;
border-bottom:solid #999 1px;
}

#PageArea .Main table.order td.edge{
text-align:right;
font-weight:normal;
padding:16px 6px;
border-right:none;
border-bottom:solid #999 1px;
}


#PageArea .Main table.order td.sum{
text-align:right;
font-size:124%;
font-weight:bold;
padding:16px 6px;
border-right:none;
border-bottom:solid #999 1px;
}


/*商品詳細
----------------------------------------------------*/

.prod_detail .Jimg{
width:400px;
height:500px;
}

.prod_detail .ColorIcon{
width:400px;
text-align:center;
margin:10px auto 0px auto;
}


.prod_detail .ColorIcon img{
padding:0 5px;
    cursor:pointer;


}