@charset "utf-8";

/*/////////////////////////
■共通
/////////////////////////*/

*{ 
    margin:0;padding:0; 
} 

html{
height:100%;
}

html>body{
height:auto;
}

body{
    margin:0px;
    padding:0px;
	text-align:center;
    background-color:#F5F5F5;
	color:#666666;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "ＭＳ Ｐゴシック", "メイリオ", Meiryo , Verdana, Geneva, Arial,sans-serif;
	background-image: url(../images/bk.gif);
	background-repeat:repeat;
height:100%;
}

#container{
width:855px;
text-align:center;
margin: 0px auto 0px auto;
height:100%;
background-repeat:repeat-x;
height:100%;
}

#header{
width:850px;
margin: 0px auto 0px auto;
padding-top:0px;
text-align:center;
height:80px;
position:relative;
clear: both;
}

#header .logo{
margin-top: 20px;
float: left;
position:relative;
}

#header div {
	float: right;
	margin-top: 5px;
	text-align: right;
	clear: right;
	position:relative;
}
#header #navi_sub{
margin:3px 0px 0px 0px;
padding:0px;

}


#header #navi_sub a{
padding-left:5px;
}

#header h1{
	font-size: 75%;
	line-height:17px;
font-weight:normal;
color:#999999;
}

#header img.btn {
	margin-left: 0px;
}


#content{
float:left;
width:850px;
margin: 0px auto 0px auto;
background-color:#FFFFFF;
clear: both;
}

#flashcontent{
float:left;
padding:15px 15px 0px 15px;
clear: both;
}

#navi{
width:850px;
margin: 0px auto 0px auto;
}

#navi li{
display:inline;
}

#navi ul{
margin:0px;
padding:0px;
}



#menu{
margin-top:15px;
}

#menu li{display:inline;}

#footer{
border-top:solid 1px;
border-color:#E1E1E1;
padding: 0px 0px 30px 0px;
margin: 0px 15px 0px 15px;
padding-top:10px;
width:820px;
clear: both;
text-align:right;
}

#footer p.tit{
color:#999999;
margin:5px 0px 0px 0px;
}

#footer p.copy{
color:#999999;
margin-top:0px;
}

#footer ul{
margin:0px;
}


body,
h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre{
	margin:0;
	padding:0;
}

p{
	margin-top:3px;
	padding:0;
}

img{
border:0px;
}

.tit_normal{
margin-top:30px;
}

/*/////////////////////////
■フォント
/////////////////////////*/
a:focus{
	outline:none;
}

a {
/*\*/
	overflow: hidden;
/**/
}

a:link{color:#140000;text-decoration:underline;}
a:visited{color:#140000;text-decoration:underline;}
a:hover{color:#140000;text-decoration:none;}


a.patern1:link{color:#666666;text-decoration:underline;}
a.patern1:visited{color:#666666;text-decoration:underline;}
a.patern1:hover{color:#666666;text-decoration:none;}

a.normal_co2:link{color:#999999;text-decoration:none;}
a.normal_co2:visited{color:#999999;text-decoration:none;}
a.normal_co2:hover{color:#999999;text-decoration:underline;}

a.normal_border:link{color:#666666;text-decoration:underline;}
a.normal_border:visited{color:#666666;text-decoration:underline;}
a.normal_border:hover{color:#666666;text-decoration:none}


a.under_construction:link{color:#CCCCCC;text-decoration:none;}
a.under_construction:visited{color:#CCCCCC;text-decoration:none;}
a.under_construction:hover{color:#CCCCCC;text-decoration:underline;}



/*////////////////////////////////////////////////////////////default//12*/


body, p, li, b, dt, dl,h3,h4,h5,h6,caption,h2,table
{
font-size:90%;
line-height:22px;
}

b{font-size:83.3%%;}

/* Except IE */
html>body, p, li, b, dt, dl,h3,h4,h5,h6,caption,h2
{
font-size:90%;
	line-height:22px;
}


/*////////////////////////////////////////////////////////////////////11*/

#treatrmentbox_top ul.colum3 p,.navigator,.navigator_concept
{
	font-size: 75%;
	line-height:18px;
}

.font_s{
	font-size: 75%;
	line-height:17px;
}

/*////////////////////////////////////////////////////////////////////12*/


#columbox_gra1 .columbox_gra1_content h4{
  font-size: 90%;
  line-height:17px;
}

.font_n{
  font-size: 90%;
  line-height:17px;
}


/*/////////////////////////////////////////////////////////////////////14*/

.font_l{
	font-size: 105%;
	font-weight:bold;
}


h1,#contet_detail2 h2,#process_box .process_box_content .leftbox h3,.copy_normal
{
	font-size: 105%;
	font-weight:bold;
}


#index_colum3_gra h2,#contet_detail h2
{
color:#28517D
}

#treatrmentbox_top h3,#treatrmentbox_sub h3,.co_660000{
color:#660000;
}

#detail_layout .layout_box h3{
color:#57697B;
}

.font_blue1{
color:#28517D;
}

.font_blue2{
color:#32649B;
}

.font_glay1{
color:#8798A9;
}

.font_glay2{
color:#57697B;
}

.underconstruction{
color:#CCCCCC;
}

.under_construction{
color:#CCCCCC;
}
.color_660000{
color:#660000;
}

.color_140000{
color:#140000;
}


/*///////////////////////////////////////////
//■トップページ
////////////////////////////////////////////*/



#contet_detail_top{
width:850px;
padding-top: 20px;
float: left;
clear:both;
height:auto;
background-color:#FFFFFF;
}


#contet_detail_top .leftbox{
width:580px;
float: left;
text-align:left;
padding:0px 0px 30px 15px;
}

#contet_detail_top .leftbox h2{
margin:0px 0px 0px 0px;
}


#contet_detail_top .leftbox .treat_copy{
padding:10px 0px 0px 15px;
}


#treatrmentbox_top h3{
padding-left:18px;
background-image: url(../images/mark.jpg);
background-repeat:no-repeat;
}


#treatrmentbox_top{width:565px;background: url(../../images/treatment_bk.jpg) no-repeat 0 100%; zoom: 1; clear:both;margin-top:20px;float:left;}

#treatrmentbox_top ul.colum3{margin:10px 0px 0px 5px;float: left;}

#treatrmentbox_top li.colum1{display:inline;width:152px; float: left;margin-left:10px;padding-bottom:20px;}
#treatrmentbox_top li.colum2{display:inline;width:152px;float: left;margin-left:40px;padding-bottom:20px;}
#treatrmentbox_top li.colum3{display:inline;width:152px;float: left;margin-left:40px;padding-bottom:20px;}

#contet_detail_top .rightbox{
width:240px;float:right;height:auto;padding:0px 15px 30px 0px;
}


/*///////////////////////////////////////////
//■サブページ
////////////////////////////////////////////*/


#contet_detail_sub{
clear: both;
width:850px;
padding-top: 7px;
float: left;
clear:both;
height:auto;
background-color:#FFFFFF;
}


#contet_detail_sub .leftbox{
float: left;
text-align:left;
padding:0px 0px 30px 15px;
}

#contet_detail_sub .leftbox h2{
margin:35px 0px 0px 50px;
}



#contet_detail_sub .rightbox{
text-align:left;
width:645px;float:right;height:auto;padding:0px 30px 30px 0px;
}



.copy_normal{
background: url(../images/copy_normal.jpg);
background-repeat:no-repeat;
height:33px;
color:#140000;
background-position:top left;
margin:20px 0px 5px 0px ;
padding:5px 0px 0px 10px;
}


.bor_bo_das1{
 border-bottom: 1px dotted #cccccc;
}

.navigator{
text-align:right;
margin:0px;
padding:0px;
}

/*よくある質問Ｑ＆Ａ*/

p.question{
	background-image: url(../images/i_q.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-left: 5px;
	font-weight:bold;
	margin-top:20px;
	width:600px;
}

p.answer{
	background-image: url(../images/i_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
		margin-left: 5px;
	padding-bottom: 20px;
	margin-top: 20px;
		width:600px;
}

/*採用情報*/

.recruit_copy{
padding:30px 0px 0px 20px;
}

#recruit_table{
 width:645px;
 margin-top:25px;
}

#recruit_table .left_td{
width:80px;
padding:20px;
background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}

#recruit_table .right_td{
padding:20px;
background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
}


/*院長紹介*/
.doctor{
margin:25px 0px 0px 0px;
}

.director_box{
padding-top:20px;

}

.director_box ul{
padding:10px 0px 0px 10px;
}


.director_box li{
list-style: none;
}


/*サイトマップ*/



#sitemap_box {

}

#sitemap_box .sitemap_left{
width:200px;
float: left;
text-align:left;
margin:30px 0px 0px 100px;
}

#sitemap_box .sitemap_right{
text-align:left;
width:270px;float:right;height:auto;padding:30px 30px 0px 0px;
}

#sitemap_box h2 {
margin:20px 0px 0px 0px;
	font-weight: bold;
	padding-left:18px;
background-image: url(../images/mark.jpg) ;
background-repeat:no-repeat;
}

#sitemap_box ul {
text-align: left;
	margin: 0px 0px 0px 3px;
	padding: 0px;
}


#sitemap_box ul li {
	margin: 0px 0px 0px 3px;
	padding: 5px 0px 0px 15px;
	background: url(../images/sitemap_line.gif) no-repeat left top;
	list-style: none;
}

#sitemap_box ul li.last {
	background: url(../images/sitemap_line_last.gif) no-repeat left top;
}




#sitemap_box ul li ul.third {
	margin: 10px 0px 0px 5px;
	padding: 0px;
}


#sitemap_box ul li ul.third li {
	margin-top: 5px;
	padding: 0px;
	background: url(none);
	list-style: none;
}


/*リンク集*/

.links_navi{
 width:645px;
 margin-top:25px;
}


#links_table{
 width:645px;
 margin-top:25px;
}

#links_table .left_tit{
padding:10px;
width:150px;
background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}

#links_table .middle_tit{
width:50px;
padding:10px;
background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}

#links_table .right_tit{
padding:10px;
background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
}



#links_table .left_td{
padding:10px;
width:150px;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}

#links_table .middle_td{
width:50px;
padding:10px;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}

#links_table .right_td{
padding:10px;
border-bottom: 1px dotted #cccccc;
}


/*アクセス&診療時間*/

.copy_ac{
 margin:30px 0px 0px 7px;
}

.map{
margin-top:30px;
}

.address_detail{
 margin:20px 0px 0px 7px;
}


.copy_time{
margin:25px 0px 0px 0px;
}

#time_table{
margin-top:25px;
}

#time_table td{
	padding:0.2em 0.75em;
	border-right:#FFF 1px solid;
}
#time_table tr.week{
	background-color:#E2E1CD;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}
#time_table tr.am{
	background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}
#time_table tr.pm{

	background-color:#EFEEE2;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}

/*コンセプト*/
.concept_test{
margin-top:20px;
}

#contet_detail_sub .rightbox_concept{
text-align:left;
width:672px;float:right;height:auto;padding:0px 0px 0px 0px;
}


.navigator_concept{
text-align:right;
margin:0px;
padding-right:30px;
}

/*治療について*/
.treatment_copy{
margin:30px 0px 0px 7px;
}

#treatrmentbox_sub{width:635px;background: url(../images/treatment_sub_bk.jpg) no-repeat 0 100%; zoom: 1; clear:both;margin-top:25px;float:left;position:relative;}

#treatrmentbox_sub ul.colum3{margin:10px 0px 0px 5px;}

#treatrmentbox_sub li.colum1{display:inline;width:190px; position: relative; float: left;margin-left:10px;padding-bottom:20px;}
#treatrmentbox_sub li.colum2{display:inline;width:190px; position: relative; float: left;margin-left:20px;padding-bottom:20px;}
#treatrmentbox_sub li.colum3{display:inline;width:190px; position: relative; float: left;margin-left:20px;padding-bottom:20px;}

#treatrmentbox_sub h3{
padding-left:18px;
background-image: url(../images/mark.jpg);
background-repeat:no-repeat;
}

.treatment_howto{
padding:25px 0px 0px 0px;
}

/*治療について(サブページ)*/

.treatment_subtit{
margin-top:30px;
margin-bottom:15px;
padding-left:0px;
}

#step{
width:635px;
padding-top:20px;
clear:both;
}


#step_box{
width:635px;
padding-top:20px;
clear:both;
}

#step_box .step_leftbox{
width:480px;
float: left;
padding-left:15px;
}



#step_box .step_rightbox{
width:130px;float:right;height:auto;
}




.step1{
	background-image: url(../images/i1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-left: 5px;
	font-weight:bold;
	margin-top:20px;
}

.step2{
	background-image: url(../images/i2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-left: 5px;
	font-weight:bold;
	margin-top:20px;
}

.step3{
	background-image: url(../images/i3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-left: 5px;
	font-weight:bold;
	margin-top:20px;
}

.step4{
	background-image: url(../images/i4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-left: 5px;
	font-weight:bold;
	margin-top:20px;
}


#right  .list123{
	margin: 15px 0px 0px 5px;
	padding: 0px;
}

.list123 .li01{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../images/i1.jpg) no-repeat left top;
	list-style: none;
}

.list123 .li02{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../images/i2.jpg) no-repeat left top;
	list-style: none;
}

.list123 .li03{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../images/i3.jpg) no-repeat left top;
	list-style: none;
}

.list123 .li04{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../images/i4.jpg) no-repeat left top;
	list-style: none;
}

.list123 .li05{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../images/i5.jpg) no-repeat left top;
	list-style: none;
}