@charset "utf-8";

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

>>index.css

Description: layout.

Create Date: 2009/06/26

Copyright (C) Hygahiga All Rights Reserved.

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

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

LastUpdate: 2009/../..

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

/*
-------------------------------------------
###########################################
＠Hygahiga
###########################################
-------------------------------------------
*/
body{
color: #000000;
}

/* all page
=========================================*/

.clear{
clear: both;
}
.left{
float: left;
padding: 0 10px 0 0;
}
.right{
float:right;
padding: 0 0 0 10px;
}
.clear{
clear: both;
}


/*
-------------------------------------------
###########################################
wrap 背景
###########################################
-------------------------------------------
*/

#wrap-ind-top{
background:url(../img/bg_top_01.jpg) repeat-x top ;
text-align:left;
}

#wrap-ind-repeat{
width:1100px;
margin: 0 auto;
background:url(../img/bg_repeat02.jpg) repeat-y center;
}
#wrap-ind{
width:900px;
padding: 0 100px ;
margin: 0 auto;
background:url(../img/ind_bg_top_02.jpg) no-repeat top center;
}


/*
-------------------------------------------
###########################################
ind-head
###########################################
-------------------------------------------
*/

#ind-head{
width:900px;
height:496px;
background:url(../img/ind_header_bg.jpg) no-repeat top left ;
text-align:left;
}

/* g-nav
=========================================*/

#ind-head #g-nav{
height:53px;
}
#ind-head #g-nav ul{
width:900px;
}

#ind-head #g-nav ul li{
float: left;
}

/* hd-nav
=========================================*/

#ind-head #hd-nav{
padding: 7px 0 0 0;
width:720px;
height:53px;
float:right;
/*background-color:#999999;*/
}

#ind-head #hd-nav h1{
width:200px;
color:#FFFFFF;
font-weight: normal;
font-size:10px;
float:left;
}

#ind-head #hd-nav p{
width:400px;
padding: 0 10px 0 0;
color:#FFFFFF;
text-align:right;
float:right;
}
#ind-head #hd-nav p.site-desc{
height: 25px;
}

/* logo
=========================================*/

#ind-head #logo{
width:150px;
height:60px;
float:left;
/*background-color:#999999;*/
}


/* FV
=========================================*/

#ind-head #hd-left{
width:670px;
float:left;
}

#ind-head #hd-catch{
width:405px;
height:205px;
padding: 37px 0 0 0;
float:right;
}
#ind-head #hd-catch .sec01 h3{
margin: 0 0 10px 0;
}

#ind-head #hd-doctor .doc01{
width: 180px;
padding: 0 0 0 20px;
float:left;
}

#ind-head #hd-doctor h3{
margin: 0 0 10px 0;
}

#ind-head #hd-doctor a{
color:#FFFFFF;
line-height:14px;
}

#ind-head #hd-catch .sec01{
padding: 0 0 0 20px;
height: 250px;
color:#FFFFFF;
}

#ind-head #hd-feature{
width:260px;
height:195px;
padding: 240px 0 0 0;
float:left;
}
#ind-head #hd-feature h3{
}
#ind-head #hd-feature h3 a{
padding:85px 0 0 0;
display:block;
color:#600060;
}
#ind-head #hd-feature p{
width: 145px;
height: 50px;
padding: 5px 0 0 0;
color:#000000;
font-size:10px;
}

#ind-head #hd-feature p img{
vertical-align: middle;
}


#ind-head #hd-right{
padding: 30px 0 0 0;
width:210px;
float:right;
}

#ind-head #hd-right h3 {
margin: 0 0 10px 0;
}

#ind-head #hd-right h3 a{
padding: 80px 0 0 140px;
display:block;
}

#ind-head #hd-right p{
width: 180px;
height: 65px;
color:#FFFFFF;
font-size:10px;
}
#ind-head #hd-right ul li{
padding: 0 0 0 20px;
height:28px;
}
#ind-head #hd-right ul li a{
color:#FFFFFF;
}

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

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

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

/* ind-rank
=========================================*/

#main #content #ind-rank{
padding: 10px 0 0 20px;
/*background:url(../img/indrank_bg.jpg) no-repeat top left ;*/
}

#main #content #ind-rank h3, #main #content #ind-rank h4{
padding: 0 0 0 10px;
}

#main #content #ind-rank p.maker{
padding: 0 0 0 10px;
font-size:10px;
}

#main #content #ind-rank p.desc{
padding: 0 5px 0 10px;
color:#999999;
}

#main #content #ind-rank .no1{
width: 215px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}

#main #content #ind-rank .no2{
width: 170px;
padding: 10px 10px 10px 35px;
border-bottom: 1px dotted #CCCCCC;
}
#main #content #ind-rank .no3{
width: 170px;
padding: 10px 10px 10px 35px;
}

#main #content #ind-rank .outside{
/*margin: 0 10px 0 0;*/
padding: 0 0 0 15px;
width:230px;
float:left;
}
#main #content #ind-rank .outside h3,#main #content #ind-rank .outside h4{
color:#ba3d12;
}

#main #content #ind-rank .outside a{
color:#ba3d12;
}

#main #content #ind-rank .outside .no1{
background-color:#FAECE7;
}
#main #content #ind-rank .outside .no2{
background:url(../img/indrank_outside_no2.jpg) no-repeat  7px ;
background-color:#FAECE7;
}
#main #content #ind-rank .outside .no3{
background:url(../img/indrank_outside_no3.jpg) no-repeat  7px ;
background-color:#FAECE7;
}

#main #content #ind-rank .inside{
/*margin: 0 15px 0 0;
padding: 0 0 0 10px;*/
width:230px;
float:left;
}
#main #content #ind-rank .inside h3,#main #content #ind-rank .inside h4{
color:#a93871;
}
#main #content #ind-rank .inside a{
color:#a93871;
}
#main #content #ind-rank .inside .no1{
background-color:#F3E4EC;
}
#main #content #ind-rank .inside .no2{
background:url(../img/indrank_inside_no2.jpg) no-repeat 7px ;
background-color:#F3E4EC;
}
#main #content #ind-rank .inside .no3{
background:url(../img/indrank_inside_no3.jpg) no-repeat 7px ;
background-color:#F3E4EC;
}

#main #content #ind-rank .clinic{
/*padding: 0 0 0 15px;*/
width:210px;
float:left;
}
#main #content #ind-rank .clinic h3,#main #content #ind-rank .clinic h4{
color:#3f3f78;
}
#main #content #ind-rank .clinic a{
color:#3f3f78;
}
#main #content #ind-rank .clinic .no1{
background-color:#DADAE7;
}
#main #content #ind-rank .clinic .no2{
background:url(../img/indrank_clinic_no2.jpg) no-repeat 7px ;
background-color:#DADAE7;
}
#main #content #ind-rank .clinic .no3{
background:url(../img/indrank_clinic_no3.jpg) no-repeat 7px ;
background-color:#DADAE7;
}

/* feature
=========================================*/

#main #content #feature{
padding: 0 0 0 35px;
width:675px;
}

#main #content #feature #topics{
width:350px;
float:left;
}
#main #content #feature #column{
width:325px;
float:right;
}


/* ch-main
=========================================*/

#main #content #ch-main{
padding: 0 20px 0 35px;
}

#main #content #ch-main h4{
margin: 10px 0 5px 0;
color:#600060;
font-size:14px;
}

#main #content #ch-main p{
margin: 0 0 15px 0;
color:#999999;
}

/* tips
.........................................*/

#main #content #ch-main #tips{
width:395px;
height: 390px;
padding: 40px 0 0 20px;
background:url(../img/ch_tips_bg.jpg) no-repeat top left ;
float:left;
}
#main #content #ch-main #tips h3 a{
width: 60px;
padding: 60px 0 0 230px;
display: block;
}
#main #content #ch-main #tips p{
width:260px;
}
#main #content #ch-main #tips ul{
background:url(../img/ch_tips_no.gif) no-repeat top left ;
}
#main #content #ch-main #tips ul li{
padding: 0 0 10px 20px;
}

/* cycle
.........................................*/

#main #content #ch-main #cycle{
width:220px;
height: 390px;
padding: 40px 20px 0 20px;
background:url(../img/ch_cycle_bg.jpg) no-repeat top left ;
float:right;
}
#main #content #ch-main #cycle h3 a{
width: 60px;
padding: 60px 0 0 160px;
display: block;
}
#main #content #ch-main #cycle dl dt{
padding: 0 0 5px 20px;
background:url(../img/arw_pink.gif) no-repeat top left ;
}
#main #content #ch-main #cycle dl dd{
margin: 0 0 10px 0;
font-size:10px;
}

/* life
.........................................*/


#main #content #ch-main #life{
height: 865px;
padding: 0 20px 0 20px;
background:url(../img/ch_life_bg.jpg) no-repeat top left ;
}

#main #content #ch-main #life h3 a{
width: 60px;
padding: 70px 0 0 570px;
display: block;
}

#main #content #ch-main #life #daily {
padding: 20px 0 20px 20px;
}

#main #content #ch-main #life #daily p{
width: 170px;
height: 75px;
padding: 0 20px 0 10px;
background:url(../img/day_bg.jpg) no-repeat top left;
display:block;
font-size:10px;
float:left;
}
#main #content #ch-main #life #daily p a{
margin: 0 0 5px 0;
padding: 7px 0 5px 5px;
color:#660066;
font-size:14px;
display:block;
text-decoration:none;
}

#main #content #ch-main #life #special {
padding: 0 0 20px 20px;
}
#main #content #ch-main #life #special  p{
width: 170px;
height: 75px;
padding: 0 20px 0 10px;
background:url(../img/sp_bg.jpg) no-repeat top left;
display:block;
font-size:10px;
float:left;
}
#main #content #ch-main #life #special  p a{
margin: 0 0 5px 0;
padding: 7px 0 5px 5px;
color:#996600;
font-size:14px;
display:block;
text-decoration:none;
}

#main #content #ch-main #life #mental {
padding: 0 0 0 20px;
}

#main #content #ch-main #life #mental p{
width: 170px;
height: 75px;
padding: 0 20px 0 10px;
background:url(../img/mt_bg.jpg) no-repeat top left;
display:block;
font-size:10px;
float:left;
}
#main #content #ch-main #life #mental p a{
margin: 0 0 5px 0;
padding: 7px 0 5px 5px;
color:#336633;
font-size:14px;
display:block;
text-decoration:none;
}
/* ch-sub
=========================================*/

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

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

#main #content #ch-sub h4{
margin: 10px 0 5px 0;
color:#600060;
font-size:14px;
}

#main #content #ch-sub p{
margin: 0 0 15px 0;
color:#999999;
}

#main #content #ch-sub p.doc-intro{
color:#333333;
}
#main #content #ch-sub p.doc-intro a{
color:#ab3c75;
font-weight: normal;
}

#main #content #ch-sub hr{
margin: 10px 50px 10px 60px;
}

/* seibun
.........................................*/

#main #content #ch-sub #seibun{
width: 660px;
padding: 40px 0 0 60px;
background:url(../img/ch_seibun_bg.jpg) no-repeat top left ;
}

#main #content #ch-sub #seibun h3 a{
width: 60px;
padding: 50px 0 0 390px;
display: block;
}
#main #content #ch-sub #seibun p{
width: 400px;
}

#main #content #ch-sub #seibun .ind-seibun-main{
width: 310px;
padding: 0 0 0 90px;
background:url(../img/ch_seibun_pl_bg.jpg) no-repeat top left ;
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}

#main #content #ch-sub #seibun .ind-seibun-main p{
width: 300px;
padding: 10px 0 0 0;
}

#main #content #ch-sub #seibun .ind-seibun-main h5 a{
width: 60px;
padding: 55px 0 0 180px;
display: block;
}

#main #content #ch-sub #seibun .ind-seibun-sub01{
width: 180px;
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
border-right: 1px dotted #CCCCCC;
float:left;
}

#main #content #ch-sub #seibun .ind-seibun-sub02{
width: 180px;
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
float:left;
}

#main #content #ch-sub #seibun .ind-seibun-sub01 p, #main #content #ch-sub #seibun .ind-seibun-sub02 p{
padding: 10px 0 0 0;
width:180px;
}

/* nayami
.........................................*/

#main #content #ch-sub #nayami{
width: 660px;
padding: 10px 0 0 60px;
background:url(../img/ch_nayami_bg.jpg) no-repeat top left ;
}

#main #content #ch-sub #nayami h3 a{
width: 60px;
padding: 80px 0 0 430px;
display: block;
}

#main #content #ch-sub #nayami p{
width: 400px;
}
#main #content #ch-sub #nayami #ind-nayami tr td{
width:125px;
height: 105px;
vertical-align: top;
}
#main #content #ch-sub #nayami #ind-nayami tr td p{
width: 90px;
margin:0;
padding: 10px 0 0 15px;
font-size:10px;
line-height: 14px;
}

#main #content #ch-sub #nayami #ind-nayami tr td a{
padding: 10px 0 3px 30px;
display: block;
}

#main #content #ch-sub #nayami #ind-nayami tr td.bg-pink{
background:url(../img/ch_nayami_td_bg01.jpg) no-repeat top left ;
}
#main #content #ch-sub #nayami #ind-nayami tr td.bg-pink p{
color:#ab3c75;
}
#main #content #ch-sub #nayami #ind-nayami tr td.bg-purple{
background:url(../img/ch_nayami_td_bg02.jpg) no-repeat top left ;
}
#main #content #ch-sub #nayami #ind-nayami tr td.bg-purple p{
color:#5c335c;
}

/* qa
.........................................*/

#main #content #ch-sub #qa{
width: 640px;
padding: 10px 20px 0 60px;
background:url(../img/ch_qa_bg.gif) no-repeat top left ;
}

#main #content #ch-sub #qa h3 a{
width: 60px;
padding: 30px 0 0 500px;
display: block;
}