@charset "utf-8";
*{margin: 0; padding: 0;}


/*========================
body
==========================*/
body{
font-family : Osaka, "ＭＳ Ｐゴシック", "MS UI Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
background: url(img/bc.jpg) #ffffcc;
color:#000;
font-size:13px;
}


/*========================
link
==========================*/
a:link{
text-decoration: none;
}
a:visited{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
a:acitive{
text-decoration: none;
}

/*========================
contents
==========================*/
#contents{
background:url(img/menu/menubc.gif) repeat-y;
background-color: #fff;
margin: 0 auto;
width: 800px;
border:solid 1px #4e9a9a;
}

/*========================
ci
==========================*/
#ci{
clear:both;
width:100%;
height:120px;
margin: 0;
padding: 0;
}

#ci img{
float:left;
}

/*========================
gnavi　グローバルナビ
==========================*/

#gnavi{
background:url(img/navi/gnavi.gif) repeat-y;
width:100%;
height:16px;
margin: 0;
padding: 0;
padding-top:2px;}

#gnavi ul{
float:right;
padding-right:10px;
display: inline;
list-style:inside;
font-size: 100%;
color:#fff;}
	
#gnavi ul li{
display: inline;
list-style: none;}

#gnavi a:link{
color:#fff;
}
#gnavi a:visited{
color:#fff;
}
#gnavi a:hover{
color:#ffff99;
}
#gnavi a:acitive{
color:#ffff99;
}

/*========================
pnavi パンくずナビ
==========================*/

#pnavi{
background-color:#ffffcc;
border-bottom:solid 1px #4e9a9a;
width:100%;
height:16px;
margin: 0;
padding: 0;
padding-top:4px;}
	
#pnavi ul{
float:left;
padding-left:10px;
list-style:inside;
font-size: 90%;
color:#295F5F;}

#pnavi ul li{
display: inline;
list-style: none;}


#pnavi a{
color:#295F5F;
}
#pnavi  a:visited{
color:#295F5F;
}
#pnavi  a:hover{
color:#ff6666;
}
#pnavi  a:acitive{
color:#ff6666;
}


/*========================
menu
==========================*/
#menu{
float:left;
margin:0;
padding: 0;
width: 199px;
}

#menu a{
color:#295F5F;
}
#menu a:visited{
color:#295F5F;
}
#menu a:hover{
color:#ff6666;
}
#menu a:acitive{
color:#ff6666;
}

/*========================
menu 大きいメニュー
==========================*/
#menu-a{
margin: 0;
padding: 0;
width:100%;
margin:0 auto;
}

#menu-a dl{
margin: 0;
padding: 0;
list-style:none;
}

#menu-a dt{
font-size:110%;
text-align: center;
height:27px;
color: #fff;
background:url(img/menu/li-a-02.gif) no-repeat;
}

#menu-a dt p{
padding-top:5px;
}

#menu-a dd{
font-size:90%;
height:22px;
color: #3b7171;
text-align: left;
background:url(img/menu/li-b.gif) no-repeat;
}

#menu-a dd p{
padding-top:4px;
padding-left:5px;
}

#menu-a a:hover{
color:#ffcc66;
}
#menu-a a:acitive{
color:#ffcc66;
}

/*========================
menu serect
==========================*/
.serect01{
margin-top:5px;
}

.serect02{
width:90%;
padding:0px;
margin:2px 0px 0px 10px;
}


/*========================
menu 携帯サイト部分
==========================*/
#menu-mb{
width:180px;
height:150px;
margin:0 auto;
margin-top:60px;
font-size:85%;
text-align:center;
}


/*========================
menu 小さいメニュー
==========================*/
#menu-b{
clear:both;
margin:0 auto;
margin-top:20px;
padding: 0;
padding-bottom:20px;
width:180px;}	

#menu-b ul li{
margin: 0;
padding: 0;
list-style:none;
height:22px;
font-size:100%;
padding-top:10px;
padding-left:5px;
border-bottom: 2px dotted;
border-color:#fff;
}

#menu-b img{
margin:0 auto;
margin-top: 10px;
}

/*========================
多いお悩み
==========================*/
#many{
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding: 0;
height:570px;
width:180px;
background:url(img/menu/many.gif) no-repeat;
}	

#many ul li{
margin: 0;
padding:5px;
list-style:none;
height:50px;
font-size:100%;
border-bottom: 1px solid;
border-color:#ffd670;
}

#many01{
padding-top:14px;
}

#many img{
margin:0;
float:left;
}

#many  a{
color:#ff3366;

}
#many  a:visited{
color:#ff3366;
}
#many  a:hover{
color:#295F5F;
}
#many  a:acitive{
color:#295F5F;}


/*========================
menu 下の階層の小さいメニュー
==========================*/
#menu-a-03{
padding-left:5px;
list-style:none;
font-size:90%;
}

#menu-a-03 a{
color:#003333;
}
#menu-a-03 a:visited{
color:#003333;
}
#menu-a-03 a:hover{
color:#003333;
background-color:#ffff99;
}
#menu-a-03 a:acitive{
color:#003333;
background-color:#ffff99;
}

#menu-a-03 li{
padding-top:5px;
}

#menu-a-02{
padding-left:5px;
list-style:none;
font-size:90%;
padding-top:10px;
padding-bottom:14px;
}

#menu-a-02 li{
padding-top:5px;
}

#menu-a-02 a{
color:#003333;
}
#menu-a-02 a:visited{
color:#003333;
}
#menu-a-02 a:hover{
color:#003333;
background-color:#ffff99;
}
#menu-a-02 a:acitive{
color:#003333;
background-color:#ffff99;
}

/*========================
main
==========================*/
#main{
float:right;
background-color:#fff;
margin:0;
padding:0;
width:600px;}


/*========================
main-contents
==========================*/
#main-contents{
margin:0 auto;
padding:0;
width:550px;
font-size:100%;
color:#333;
line-height:1.6;}

#main-contents p{
padding-top:10px;
}

#main-contents a{
color:#008ACF;
}
#main-contents a:visited{
color:#008ACF;
}
#main-contents a:hover{
color:#008ACF;
background-color:#ffff99;
}
#main-contents a:acitive{
color:#008ACF;
background-color:#ffff99;
}

#main-contents table td{
padding:2px;
}

#main-contents ul{
list-style:inside;
list-style:none;
color:#666;
}

#main-contents ol{
list-style:inside;
color:#666;
}

#main-cosme ol{
margin:0;
padding:0;
list-style:inside;
color:#ff0000;
}

ul.ul-course{
float:left;
list-style:inside;
}

ul.ul-course li{
display: inline;
list-style: none;}

#ol01{
margin-top:6px;}

#ol01 li{
display: inline;
list-style: none;
padding:3px;}

.sub-cosme dt{
margin-top:15px;
font-size:100%;
font-weight:bold;
color:#000;
}

.sub-cosme dd{
font-size:100%;
color:#666;
}


.price-cosme{
font-size:100%;
text-align:right;
font-weight:bold;
color:red;
}


img#img-member{
padding-top:80px;
}

img#img-mailto{
padding:15px 0 15px 0;
}


/*========================
cam-main-contents
==========================*/

div#cam-maincontents img{
margin:0;
padding:0;
float:left;
}

/*========================
ヘッドライン
==========================*/

div#headline01{
background:url(img/head01.jpg) no-repeat;
height:250px;
}

div#headline02{
background:url(img/head02.jpg) no-repeat;
height:250px;
}

div#headline03{
background:url(img/head03.jpg) no-repeat;
height:150px;
}

#lead{
padding:35px 40px 0px 30px;
font-size:140%;
font-weight:bold;
color:#000;
line-height:1.8;
}

/*========================
適応アイコン
==========================*/
#apply{
margin-top:30px;
}

#apply ul{
list-style:inside;
list-style:none;
}

#apply ol{
list-style:inside;
}

#apply img{
float:right;
padding-left:3px;
}

/*========================
メインのdiv
==========================*/
.f-left{
float:left;
overflow: hidden;
}

.f-right{
float:right;
overflow: hidden;
}

.f-center{
margin:0 auto;
overflow: hidden;
}

.clear{
clear:both;
overflow: hidden;
}

.clear5{
clear:both;
padding-top:5px;
overflow: hidden;
}

.clear10{
clear:both;
padding-top:10px;
overflow: hidden;
}

.clear20{
clear:both;
padding-top:20px;
overflow: hidden;
}


.clear20m{
clear:both;
margin-top:20px;
overflow: hidden;
}


.clear30{
clear:both;
margin-top:30px;
overflow: hidden;
}


.clear30p{
clear:both;
padding-top:30px;
overflow: hidden;
}

.clear50p{
clear:both;
padding-top:50px;
overflow: hidden;
}

.clear30-b{
clear:both;
margin-top:20px;
padding-top:5px;
overflow: hidden;
border-top: 1px dotted;
border-color:#ccc;
}

.padding30{
clear:both;
padding-top:30px;
overflow: hidden;
}

.div20{
clear:both;
margin-top:20px;
border-top: 1px dotted;
border-color:#ccc;
font-size:90%;
overflow: hidden;
padding-top:2px;
}

.w20per-r{
float:right;
width:20%;
overflow: hidden;
}

.w20per-r p{
font-size:80%;
color:#99cc33;
line-height:1.2;
text-align:center;
}

.w30per{
float:left;
width:30%;
overflow: hidden;
}

.w30per-r{
float:right;
width:30%;
overflow: hidden;
}

.w25per-r{
float:right;
width:25%;
overflow: hidden;
}



.w45per{
float:left;
width:45%;
overflow: hidden;
}

.w45per-r{
float:right;
width:45%;
overflow: hidden;
}

.w40per-r{
float:right;
width:40%;
overflow: hidden;
}

.w50per{
float:left;
width:50%;
overflow: hidden;
}

.w50per-r{
float:right;
width:50%;
overflow: hidden;
}

.w50per-b{
float:left;
width:48%;
border: 1px solid #ccc;
padding: 0px 0px 5px 0px;
margin-top:15px;
height:200px;
overflow: hidden;
}

.w50per-b p{
font-size:80%;
padding:5px;
color:#555;
}

.w50per-b ul{
font-size:80%;
padding:5px;
padding:30px 0 20px 5px;
}

.w50per-b ul li{
list-style:disc inside;
}

.w50per-b img{
padding:5px;
float:left;
}

.w50per-r-b{
float:right;
width:48%;
border: 1px solid #ccc;
padding: 0px 0px 5px 0px;
margin-top:15px;
height:200px;
overflow: hidden;
}

.w50per-r-b p{
font-size:80%;
padding:5px;
color:#555;
}

.w50per-r-b ul{
font-size:80%;
padding:5px;
padding:30px 0 20px 5px;
}

.w50per-r-b ul li{
list-style:disc inside;
}

.w50per-r-b img{
padding:5px;
float:left;
}

.w60per{
float:left;
width:60%;
overflow: hidden;
}

.w60per-r{
float:right;
width:60%;
overflow: hidden;
}

.w70per{
float:left;
width:70%;
overflow: hidden;
}

.w70per-r{
float:right;
width:70%;
overflow: hidden;
}

.w80per{
float:left;
width:80%;
overflow: hidden;
}

.w100per-b{
float:left;
width:100%;
border: 1px solid #ccc;
padding: 0px 0px 5px 0px;
margin-top:15px;
overflow: hidden;
}

.w100per-b p{
font-size:80%;
padding:5px;
color:#555;
}

.w100per-b ul{
font-size:80%;
padding:5px;
padding:30px 0 20px 5px;
}

.w100per-b ul li{
list-style:disc inside;
}

/*========================
お悩みページ
==========================*/
div#main-trouble-01{
background:url(img/trouble/body.gif) no-repeat;
overflow: hidden;
height:950px;
}

div#main-trouble dt{
color:red;
border-bottom:1px dotted #ccc;
padding-top:20px;
}

div#main-trouble dd{
font-size:89%;
}


/*========================
地図
==========================*/
#clinic-map{
clear:both;
padding-top:40px;
}

/*========================
囲み記事
==========================*/
.column01{
clear:both;
border: 1px dotted #ff6666;
padding:5px;
overflow: hidden;
margin-top:20px;
}

/*========================
ドクターより
==========================*/
#md-comments{
width:100%;
}

#md-comments p{
font-weight:bold;
color:#cc9966;
font-size:140%;
line-height:1.4;
}

/*========================
データ
==========================*/
#data dl{
clear:both;
margin-top:20px;
font-size:100%;
line-height:1.4;
}

#data dl dt{
padding-top:10px;
color:#4e9a9a;
font-weight:bold;
}

.data02 dl{
clear:both;
margin-top:20px;
font-size:100%;
line-height:1.4;
}

.data02 dl dt{
padding-top:10px;
color:#4e9a9a;
font-weight:bold;
}

/*========================
良くある質問
==========================*/
#faq{
clear:both;
margin-top:30px;
overflow: hidden;
}

#faq dl{
padding-top:20px;
line-height:1.4;
}

#faq dl dt{
color:#ff3366;
padding:20px 0px 5px 0px;
font-size:100%;
font-weight:bold;
}


/*========================
このページを見ている方は
==========================*/
#add{
margin-bottom:20px;
border-bottom: 1px dotted;
border-color:#ccc;
font-size:100%;
overflow: hidden;
padding-bottom:10px;
}

#add ul{
padding-top:10px;
}

/*========================
table
==========================*/
.t-dr{
width:100%;
border:0;
cellspacing:0;
cellpadding:0;
}


/*========================
プルダウン
==========================*/

ul.pulldown-menu a {
color: #FFFFFF;
text-decoration: none;
font-size:80%;
}

ul.pulldown-menu a:link,
ul.pulldown-menu a:visited {
background: #9999cc;
}

ul.pulldown-menu a:hover,
ul.pulldown-menu a:active {
background: #ffcc66;
}

ul.pulldown-menu li {
float: left;
position: relative;
margin: 0;
padding: 0;
width: 120px;
height: 20px;
line-height: 2em;
list-style:none;
border-bottom:#fff solid 1px;
}

ul.pulldown-menu li a {
display: block;
text-align: center;
}

/* 下層のメニューを不可視に */
ul.pulldown-menu li ul {
display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul.pulldown-menu li:hover ul {
 display: block;
position: absolute;
z-index: 100;
}

ul.pulldown-menu li ul li {
float: none;
margin: 0;
font-weight: normal;
}


/*========================
文字修飾
==========================*/

/*寄せ*/

.right{
text-align:right;
}

.left{
text-align:left;
}

.center{
text-align:center;
}

/*フォントサイズ*/



.f80per{
font-size:75%;
}


.f80per-6{
padding-top:3px;
font-size:75%;
color:#666;
}

.f80per-gr{
font-size:80%;
color:#99cc33;
line-height:1.2;
}/*趣味*/

.f85per-gray{
font-size:85%;
color:#666666;
}

.f90per-red{
font-size:90%;
color:red;
}

.f90per{
font-size:90%;
}

.f90per-blue{
font-size:90%;
color:#0066ff;
}

.f90per-pink{
font-size:90%;
color:#ff6666;
}



/*色指定*/

.red{
color:red;
}

.blue{
color:#0066ff;
}

.pink{
color:#ff6666;
}

.c555{
color:#555;
}

.gray{
color:#666666;
}

.gr{
color:#99cc00;
}


/*太字*/

.f-bold-90per{
font-size:90%;
font-weight:bold;
}

.f-bold-90per-blue{
font-size:90%;
font-weight:bold;
color:#6699cc;
}

.f-bold-90per-red{
font-size:90%;
font-weight:bold;
color:red;
}


.f-bold{
font-weight:bold;
}

.bold-red{
font-weight:bold;
color:red;
}

.bold-pink{
font-weight:bold;
color:#ff6666;
}

.bold-blue{
font-weight:bold;
color:#6699cc;
}

.bold-or{
font-weight:bold;
color:#ff6600;
}

.bold-gr{
font-weight:bold;
color:#99cc00;
}

.bold-gr-m{
font-weight:bold;
color:#99cc00;
font-size:90%
}


/*下線*/

.b-f9{
border-bottom:1px dotted #ff9900;
}


/*拡大字*/


.bold-big-2-bk{
font-weight:bold;
font-size:200%;
color:#000;
}

.bold-big-3{
font-weight:bold;
font-size:300%;
color:#555;
}

.bold-big-pink{
font-weight:bold;
font-size:120%;
color:#ff6666;
}

.bold-big-gr{
font-weight:bold;
font-size:140%;
color:#99cc00;
}



/*斜体*/

.i-ccc{
color:#ccc;
font-style:italic;
font-size:120%;
}

.i-666{
color:#ccc;
font-style:italic;
font-size:140%;
}

.i-pink{
color:#ff6666;
font-style:italic;
font-size:200%;
}

.i-red{
color:red;
font-style:italic;
font-size:200%;
}

.i-blue{
color:#0066ff;
font-style:italic;
font-size:200%;
}


/*院長が書いています*/

.drp{
clear:both;
text-align:center;
font-size:100%;
margin-top:30px;
}

/*========================
hr /
==========================*/

.hr01{
margin-top:30px;
margin-bottom:10px;
border-style: dotted solid ; 
}

.hr02{
margin-top:10px;
margin-bottom:30px;
border-style: dotted solid ; 
}

/*========================
h1～h6
==========================*/

h1 {
color:#999;
font-size:100%;
font-weight:normal;
text-align:center;
float:none;
}

h2 {
padding:70px 0px 0px 20px;
margin:0;
color:#cc9966;
font-size:240%;
text-align:left;
}

h3 {
clear:both;
margin-top:50px;
font-size:180%;
color:#ff6600;
border-bottom: 1px dotted #ccc;
}

h4 {
clear:both;
margin-top:40px;
font-size:130%;
color:#666;
border-bottom: 1px dotted #ccc;
}

h5 {
clear:both;
margin-top:40px;
color:#666;
font-size:130%;
border-bottom: 1px dotted #ccc;
}

h6 {
clear:both;
margin-top:40px;
color:#666;
font-size:130%;
border-bottom: 1px dotted #ccc;
}




/*========================
footer-link　メイン最下部語句リンク
==========================*/

#footer-link{
clear:both;
background-color:#fff;
margin: 0;
padding: 20px;
text-align: left;
border-top:#ccc 1px solid;}

#footer-link dl dt{
font-size: 100%;
display: inline;
list-style: none;
line-height:1.8;
border-left:solid 1px #ccc;
padding-left:5px;
}

#footer-link dl dd{
font-size: 80%;
display: inline;
list-style: none;
}

#footer-link a{
color:#295F5F;
}
#footer-link a:visited{
color:#295F5F;
}
#footer-link a:hover{
color:#ff6666;
}
#footer-link a:acitive{
color:#ff6666;
}

/*========================
footer　フッター
==========================*/
#footer{
clear:both;
background-color:#4e9a9a;
width:100%;
height:14px;
margin: 0;
padding: 2px 0px 2px 0px;
font-size: 100%;
color:#FFF;
text-align: center;
}

#main-index{
width:100%;
height:304px;
margin: 0;
}

#main-lead{
padding-top:205px;
text-align:center;
color:#fff;
font-size:100%;
}

#index-price{
width:70px;
float:left;
font-size:100%;
text-align:center;
background-color:#ff6666;
margin: 280px 0px 10px 195px;
padding: 2px;
}

#index-price a{
color:#FFF79F;
}
#index-price a:visited{
color:#FFF79F;
}
#index-price a:hover{
color:#FFF;
font-weight:bold;
}
#index-price a:acitive{
color:#FFF;
font-weight:bold;
}

#attention{
background: url(img/index/campaign.gif) no-repeat;
width:100%;
clear:both;
padding-top:10px;
}


#attention p{
margin:10 0 0 20;
padding-top:20px;
font-size:90%;
color:#649595;
}

#news{
padding:0;
margin:0;
margin-top:20px;
clear:both;
}

#divmarquee{
background: url(img/index/campaign.gif) no-repeat;
width:100%;
height:80px;
}

#divmarquee p{
padding:45px 0px 0px 0px;
margin-left:70px;
}

#marquee a:link{
color:#ff6666;
}
#marquee a:visited{
color:#ff6666;
}
#marquee a:hover{
color:#008ACF;
}
#marquee a:acitive{
color:#008ACF;
}

#news iframe{
width:100%;
height:250px;
bordercolor:#333;
border:solid 1px #CCC;
scrolling:auto;
margin:0;
padding:0;
}


#index-concept{
float:right;
background: url(img/index/concept02.jpg) no-repeat;
width:250px;
height:500px;
}

#index-concept p{
padding-top:150px;
}

.index-all{
margin-top:60px;
}
.index-all dl{
margin-top:10px;
}

.index-all dl dt{
margin-top:30px;
color:red;
}

.index-all dl dd{
margin-top:10px;
line-height:1.4;
font-size:90%;
color:#666;
}