@charset "utf-8";

/*/////////////////////////////////////////

>>design.css

Description: design.

Create Date: 2009/06/25

Copyright (C) Hygahiga All Rights Reserved.

/////////////////////////////////////////*/

/*========================================/

LastUpdate: 2009/../..

=========================================*/

/*
-------------------------------------------
###########################################
ランキング　製品詳細ページ
###########################################
-------------------------------------------
*/


/*
-------------------------------------------
###########################################
main
###########################################
-------------------------------------------
*/

/* content
=========================================*/

#main #content{
background:url(/img/ch_bg_repeat.gif) repeat-y;
}

#main #content-bg-bottom{
padding: 0 0 40px 0;
background:url(/img/ch_bg_bottom.gif) no-repeat bottom left ;
}



/* page
.........................................*/

#main #content #content-head{
background:url(/img/ch_bg_top.jpg)  no-repeat top left ;
}

#main #content #content-head h2{
padding: 30px 10px 10px 60px;
}
#main #content #content-head p{
padding: 0 40px 20px 60px;
color:#999999;
}


#main #content #page-content p span.subtitle-out{
color:#d98c8c;
font-size:14px;
font-weight: bold;
line-height:28px;
}

#main #content #page-content p span.subtitle-in{
color:#a93871;
font-size:14px;
font-weight: bold;
line-height:28px;
}
#main #content #page-content p span.subtitle-b{
color:#9f8c54;
font-size:14px;
font-weight: bold;
line-height:28px;
}



/*
-------------------------------------------
###########################################
外側から美肌
###########################################
-------------------------------------------
*/

#main #content #item-detail{
width: 600px;
margin: 0 0 20px 70px;
background:url(/img/itemdetal_bg_top.jpg) no-repeat top left #eed7d0;
}
#main #content #item-detail #id-bg-bottom{
padding: 0 0 15px 15px;
background:url(/img/itemdetal_bg_bottom.gif) no-repeat bottom left;
}

#main #content #item-detail table{
width: 330px;
margin:  90px 0 30px 0;
float:left;
border-collapse: collapse;
}
#main #content #item-detail table tr th, #main #content #item-detail table tr td{
padding: 7px 0 5px 0;
border-bottom: 1px dotted #ffffff;
}

#main #content #item-detail table tr th{
width: 70px;
background-color: #e7c6c0;
color:#FFFFFF;
font-weight: normal;
text-align:center;
}

#main #content #item-detail table tr td{
padding: 0 0 0 10px;
color:#666666;
}
#main #content #item-detail table tr td a{
font-weight: normal;
color:#666666;
}
#main #content #item-detail table tr td.item-name a{
font-size:14px;
font-weight:bold;
color:#000000;
}

#main #content #item-detail p.id-btn, #main #content #item-detail-in p.id-btn{
width: 200px;
padding: 230px 30px 0 0;
float:right;
}

#main #content #item-detail #report, #main #content #item-detail-in #report{
margin: 20px 0 20px 0;
background: url(/img/report_bg.gif) repeat-y top left;
clear: both;
}
#main #content #item-detail #report #report-bg-bottom, #main #content #item-detail-in #report #report-bg-bottom{
padding: 0 0 20px 0;
background: url(/img/report_bottom.gif) no-repeat bottom left;
}

#main #content #item-detail #report .report-content, #main #content #item-detail-in #report .report-content{
padding: 0 10px 20px 10px;
}
#main #content #item-detail #report .report-content p, #main #content #item-detail-in #report .report-content p{
padding: 10px 30px 0 20px;
color:#666666;
}

#main #content #item-detail #report .report-content p strong, #main #content #item-detail-in #report .report-content p strong{
color:#bc9c72;
}

#main #content #item-detail #report .report-content p.center, #main #content #item-detail-in #report .report-content p.center{
padding: 10px 0 10px 0;
clear: both;
}


/*
-------------------------------------------
###########################################
内側から美肌
###########################################
-------------------------------------------
*/

#main #content #item-detail-in{
width: 600px;
margin: 0 0 20px 70px;
background:url(/img/plc_bg_top.jpg) no-repeat top left #e8d2e0;
}
#main #content #item-detail-in #id-bg-bottom{
padding: 0 0 15px 15px;
background:url(/img/itemdetal02_bg_bottom.gif) no-repeat bottom left;
}

#main #content #item-detail-in table{
width: 330px;
margin:  90px 0 0 0;
float:left;
border-collapse: collapse;
}
#main #content #item-detail-in table tr th, #main #content #item-detail-in table tr td{
padding: 7px 0 5px 0;
border-bottom: 1px dotted #ffffff;
}

#main #content #item-detail-in table tr th{
width: 70px;
background-color: #d8b5cb;
color:#FFFFFF;
font-weight: normal;
text-align:center;
}

#main #content #item-detail-in table tr td{
padding: 0 0 0 10px;
color:#666666;
}
#main #content #item-detail-in table tr td a{
font-weight: normal;
color:#666666;
}
#main #content #item-detail-in table tr td.item-name a{
font-size:14px;
font-weight:bold;
color:#000000;
}

/*
-------------------------------------------
###########################################
美顔器で美肌
###########################################
-------------------------------------------
*/

#main #content #page-content p.blog{
color:#9f8c54;
line-height:20px;
}

#main #content #item-detail-bigan{
width: 600px;
margin: 0 0 20px 70px;
background:url(/img/ts_detial_bg_top.jpg) no-repeat top left #d8c9d8;
}
#main #content #item-detail-bigan #id-bg-bottom{
padding: 0 0 15px 15px;
background:url(/img/ts_detial_bg.gif) no-repeat bottom left;
}

#main #content #item-detail-bigan table{
width: 330px;
margin:  90px 0 20px 0;
float:left;
border-collapse: collapse;
}
#main #content #item-detail-bigan table tr th, #main #content #item-detail-bigan table tr td{
padding: 7px 0 5px 0;
border-bottom: 1px dotted #ffffff;
}

#main #content #item-detail-bigan table tr th{
width: 70px;
background-color: #c2adc2;
color:#FFFFFF;
font-weight: normal;
text-align:center;
}

#main #content #item-detail-bigan table tr td{
padding: 0 0 0 10px;
color:#666666;
}
#main #content #item-detail-bigan table tr td a{
font-weight: normal;
color:#666666;
}
#main #content #item-detail-bigan table tr td.item-name a{
font-size:14px;
font-weight:bold;
color:#000000;
}

#main #content #item-detail-bigan p.id-btn{
width: 200px;
padding: 230px 30px 0 0;
float:right;
}

#main #content #item-detail-bigan #report{
margin: 20px 0 20px 0;
background: url(/img/report_b_bg.gif) repeat-y top left;
clear: both;
}
#main #content #item-detail-bigan #report #report-bg-bottom{
padding: 0 0 20px 0;
background: url(/img/report_bottom.gif) no-repeat bottom left;
}

#main #content #item-detail-bigan #report .report-content{
padding: 0 10px 20px 10px;
}
#main #content #item-detail-bigan #report .report-content p{
padding: 10px 30px 0 20px;
color:#666666;
}

#main #content #item-detail-bigan #report .report-content p strong{
color:#bc9c72;
}

#main #content #item-detail-bigan #report .report-content p.center{
padding: 10px 0 10px 0;
clear: both;
}


/*
-------------------------------------------
###########################################
施術で美肌
###########################################
-------------------------------------------
*/

#main #content #item-detail-menu{
width: 640px;
margin: 0 0 40px 50px;
background:url(/img/af_detial_bg.gif) repeat-y top left;
}
#main #content #item-detail-menu #id-bg-bottom{
padding: 0 0 15px 0;
background:url(../img/menudetal_bg_bottom.gif) no-repeat bottom left;
}
#main #content #item-detail-menu #menu-data{
background:url(/img/menudetial_bg_top.jpg) no-repeat top left;
}


#main #content #item-detail-menu #menu-data p.type{
padding: 100px 0 0 60px;
color:#78789d;
}

#main #content #item-detail-menu #menu-data h3{
padding: 5px 0 10px 60px;
font-size:18px;
}
#main #content #item-detail-menu #menu-data p{
padding: 0 0 0 60px;
color:#666666;
}

#main #content #item-detail-menu #menu-data p.price{
margin: 10px 0 0 0;
}
#main #content #item-detail-menu #menu-data p.price span{
color:#FF9999;
}

#main #content #item-detail-menu #menu-data p strong{
font-size:16px;
font-weight: bold;
}
#main #content #item-detail-menu #menu-text{
padding: 0 0 20px 0;
clear:both;
color:#666666;
}
#main #content #item-detail-menu #menu-text p{
padding: 0 40px 0 0;
}
#main #content #item-detail-menu #menu-text h4{
padding: 10px 0 10px 5px;
font-size: 14px;
color: #baaba5;
}

#main #content #item-detail-menu #report .report-content{
padding: 0 0 20px 0;
background:url(/img/d_com_bg.gif) repeat-y top left;
}
#main #content #item-detail-menu #report #report-bg-bottom{
padding: 0 0 20px 0;
background: url(/img/menu_r_bg_btm.jpg) no-repeat bottom left;
}

#main #content #item-detail-menu #report .report-content h5{
padding: 10px 0 10px 60px;
}
#main #content #item-detail-menu #report .report-content p{
padding: 0 0 20px 60px;
}
#main #content #item-detail-menu #report .report-content p.d-intro{
padding: 15px 60px 0 0;
color:#957d75;
}

#main #content #item-detail-menu #report .report-content .clinic-pro{
/*width:600px;*/
margin: 0 0 0 20px;
padding: 10px 0 0 0;
clear:both;
}
#main #content #item-detail-menu #report .report-content .clinic-pro h4{
margin: 0 0 0 65px;
padding: 5px 0 5px 35px;
background:url(/img/cln_ico.gif) no-repeat left;
font-size:14px;
}
#main #content #item-detail-menu #report .report-content .clinic-pro h4 a:link { color: #ce6f3c; text-decoration: underline; font-weight:bold;}
#main #content #item-detail-menu #report .report-content .clinic-pro h4 a:visited { color: #ce6f3c; text-decoration: underline; font-weight:bold;}
#main #content #item-detail-menu #report .report-content .clinic-pro h4 a:hover { color:#999999; text-decoration: none; font-weight:bold;}
#main #content #item-detail-menu #report .report-content .clinic-pro h4 a:active { color: #999999; text-decoration: none; font-weight:bold;}

#main #content #item-detail-menu #report .report-content .clinic-pro strong{
color:#999999;
background: none;
}

#main #content #page-content #clinic-list{
margin: 0 0 40px 15px;
width: 600px;
background:url(/img/cli_tbl_bg.jpg) no-repeat bottom right;
border-collapse: collapse;
}

#main #content #page-content #clinic-list tr th{
text-align:center;
color:#ffffff;
border-left: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}

#main #content #page-content #clinic-list tr th.l-th{
border-left: none;
}

#main #content #page-content #clinic-list tr th span{
padding:5px;
margin: 3px;
background:#c2c2d7;
display:block;
}

#main #content #page-content #clinic-list tr td{
padding:5px 0px 5px 5px;
color:#666666;
border-left: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}

#main #content #page-content #clinic-list tr td.area{
width: 75px;
padding: 5px 3px 5px 0;
border-left: none;
color:#9494b8;
font-size: 10px;
font-weight: bold;
text-align: center;
}


/* kuchikomi
.........................................*/

#main #content #kuchikomi{
width: 600px;
margin: 0 0 20px 70px;
background:url(/img/kuchikomi_bg.jpg) repeat-y top left;
}

#main #content #kuchikomi-top{
padding: 0 0 30px 0;
background:url(/img/kuchikomi_top_bg.jpg) no-repeat top left;
}
#main #content #kuchikomi-top p{
padding: 45px 0 0 200px;
}

#main #content #kuchikomi-top p a{
color:#CC3399;
}

#main #content #kuchikomi #kuchikomi-bg-bottom{
padding: 0 0 30px 0;
background:url(/img/kuchikomi_bg_bottom.jpg) no-repeat bottom left #f4f1f5;
}
#main #content #kuchikomi .kuchikomi-content{
margin: 0 15px 20px 15px;
padding: 10px 15px 10px 10px;
background-color:#FFFFFF;
}

#main #content #kuchikomi .kuchikomi-content p.k-text{
padding: 10px 10px 5px 0;
}
#main #content #kuchikomi .kuchikomi-content p.k-text strong{
line-height: 28px;
color:#600060;
}

#main #content #kuchikomi .kuchikomi-content p.k-name{
padding: 5px 10px 0 10px;
border-top: 1px dotted #EAEAEA;
color:#663399;
}