@charset "UTF-8";
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　基本設定
----------------------------------------------------------------------------------------*/
*{margin: 0px;padding: 0px;}
img{border: 0px;vertical-align:top;}
body {
 font-size: 10pt;
 line-height: 12pt;
 font-weight: normal;
 text-decoration: none;
	color: #333333;
}

li{ list-style-type: none;}						

a:link {
 color: #67ad28;
 text-decoration:underline;
}
a:visited {
 color: #67ad28;
 text-decoration:underline;
}
a:hover {
 color: #84dd33;
 text-decoration:none;
}
a:active {
 color: #67ad28;
 text-decoration:underline;
}
.bold{ font-weight:bold;}
.font-red{color:red;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　文字設定
----------------------------------------------------------------------------------------*/
.fontsize8_linehi12 {
	font-size: 8pt;
	line-height: 12pt;
}
.fontsize10_linehi14 {
	font-size: 10pt;
	line-height: 14pt;
}
.fontsize12_linehi18 {
	font-size: 12pt;
	line-height: 18pt;
}
h1, h2, h3, h4, h5, h6{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10pt;
	line-height: 12pt;
}

/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　全体
----------------------------------------------------------------------------------------*/
#outline{
   width:760px;
   margin:auto;
   text-align: left;
   background: url(images/background.gif) ;
}

.both{clear:both;height:1px;}
.both20{clear:both;height:20px;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　  　header
----------------------------------------------------------------------------------------*/
#header{  
 width:760px;
 height:110px;
 background: url(images/header_bg.gif) ;
 margin-left:auto;
 margin-right:auto;
}
#header h1{margin-left:15px; font-weight:normal;}
#header_left{
 width:425px;
 float:left;
 margin-top:2px;
 margin-left:12px;
 margin-right:63px;
 display:inline;
 color:#585869;
}
#logo{
 height:64px;
 margin-top:6px;
}
#logo_text{
 margin-top:20px;
 font-size:20pt;
}
#header_text{
 padding-top:8px;
 width:220px;

 text-align:right;
 float:left;
}
/*----------------------------------------------------------------------------------------
                                       ナビゲーション設定
----------------------------------------------------------------------------------------*/
#navigation{ width:162px;margin-left:9px;margin-right:18px;float:left;display:inline;}
#navi {margin-bottom:7px;}
#navi li{ text-indent: -999em;margin-bottom:2px;}
#navi a{
 height: 33px;
 display: block;
 text-decoration: none;
}
#navi #navi_01 {width: 162px; background: url(images/navi_01_on.gif) left top no-repeat;}
#navi #navi_02 {width: 162px; background: url(images/navi_02_on.gif) left top no-repeat;}
#navi #navi_03 {width: 162px; background: url(images/navi_03_on.gif) left top no-repeat;}
#navi #navi_04 {width: 162px; background: url(images/navi_04_on.gif) left top no-repeat;}
#navi #navi_05 {width: 162px; background: url(images/navi_05_on.gif) left top no-repeat;}
#navi #navi_06 {width: 162px; background: url(images/navi_06_on.gif) left top no-repeat;}
#navi #navi_07 {width: 162px; background: url(images/navi_07_on.gif) left top no-repeat;}
#navi #navi_08 {width: 162px; background: url(images/navi_08_on.gif) left top no-repeat;}
#navi #navi_09 {width: 162px; background: url(images/navi_09_on.gif) left top no-repeat;}
#navi #navi_10 {width: 162px; background: url(images/navi_10_on.gif) left top no-repeat;}
#navi #navi_11 {width: 162px; background: url(images/navi_11_on.gif) left top no-repeat;}
#navi #navi_12 {width: 162px; background: url(images/navi_12_on.gif) left top no-repeat;}

#navi #navi_01 a{width: 162px; background: url(images/navi_01.gif) left top no-repeat;}
#navi #navi_02 a{width: 162px; background: url(images/navi_02.gif) left top no-repeat;}
#navi #navi_03 a{width: 162px; background: url(images/navi_03.gif) left top no-repeat;}
#navi #navi_04 a{width: 162px; background: url(images/navi_04.gif) left top no-repeat;}
#navi #navi_05 a{width: 162px; background: url(images/navi_05.gif) left top no-repeat;}
#navi #navi_06 a{width: 162px; background: url(images/navi_06.gif) left top no-repeat;}
#navi #navi_07 a{width: 162px; background: url(images/navi_07.gif) left top no-repeat;}
#navi #navi_08 a{width: 162px; background: url(images/navi_08.gif) left top no-repeat;}
#navi #navi_08 a{width: 162px; background: url(images/navi_08.gif) left top no-repeat;}
#navi #navi_09 a{width: 162px; background: url(images/navi_09.gif) left top no-repeat;}
#navi #navi_10 a{width: 162px; background: url(images/navi_10.gif) left top no-repeat;}
#navi #navi_11 a{width: 162px; background: url(images/navi_11.gif) left top no-repeat;}
#navi #navi_12 a{width: 162px; background: url(images/navi_12.gif) left top no-repeat;}

#navi #navi_01 a:hover{width: 162px; background: url(images/navi_01_on.gif) left top no-repeat;}
#navi #navi_02 a:hover{width: 162px; background: url(images/navi_02_on.gif) left top no-repeat;}
#navi #navi_03 a:hover{width: 162px; background: url(images/navi_03_on.gif) left top no-repeat;}
#navi #navi_04 a:hover{width: 162px; background: url(images/navi_04_on.gif) left top no-repeat;}
#navi #navi_05 a:hover{width: 162px; background: url(images/navi_05_on.gif) left top no-repeat;}
#navi #navi_06 a:hover{width: 162px; background: url(images/navi_06_on.gif) left top no-repeat;}
#navi #navi_07 a:hover{width: 162px; background: url(images/navi_07_on.gif) left top no-repeat;}
#navi #navi_08 a:hover{width: 162px; background: url(images/navi_08_on.gif) left top no-repeat;}
#navi #navi_09 a:hover{width: 162px; background: url(images/navi_09_on.gif) left top no-repeat;}
#navi #navi_10 a:hover{width: 162px; background: url(images/navi_10_on.gif) left top no-repeat;}
#navi #navi_11 a:hover{width: 162px; background: url(images/navi_11_on.gif) left top no-repeat;}
#navi #navi_12 a:hover{width: 162px; background: url(images/navi_12_on.gif) left top no-repeat;}

/*------------------------------
ナビゲーション（マイページ部分）
------------------------------*/
.mypage {
 width:162px;
 margin-bottom:5px;
 background: url(images/mypage_bg.gif) repeat-y;
}
..mypage a:link {
 color: #FFFFFF;
 text-decoration:none;
}
.mypage a:visited {
 color: #FFFFFF;
 text-decoration:none;
}
.mypage a:hover {
 color: #f68913;
 text-decoration:underline;
}
.mypage a:active {
 color: #FFFFFF;
 text-decoration:none;
}
.mypage_text {
 padding:5px 5px 5px 15px;
}
.mypage_link {
 padding: 3px 0px 0px 15px;
 font-weight:bold;
	color:#333366;
}
.mypage_bottom{
 height:10px;
 background: url(images/mypage_bottom.gif) ;
}
#mapage_title01{ height:20px;background: url(images/mypage_01.gif) no-repeat;}
#mapage_title02{ height:24px;background: url(images/mypage_02.gif) no-repeat;}
#mapage_title03{ height:24px;background: url(images/mypage_03.gif) no-repeat;}
#mapage_title04{ height:24px;background: url(images/mypage_04.gif) no-repeat;}
#mapage_title05{ height:24px;background: url(images/mypage_05.gif) no-repeat;}
#mapage_title06{ height:24px;background: url(images/mypage_01.gif) no-repeat;}
#mapage_title07{ height:24px;background: url(images/mypage_02.gif) no-repeat;}
#mapage_title08{ height:24px;background: url(images/mypage_03.gif) no-repeat;}
#mapage_title09{ height:24px;background: url(images/mypage_04.gif) no-repeat;}
#mapage_title10{ height:24px;background: url(images/mypage_05.gif) no-repeat;}

#mc_logo{margin-top:10px;margin-bottom:10px;text-align:center;}

#qr_outline{
 width:162px;
 margin-bottom:2px;
 background: url(images/mypage_bg.gif) repeat-y;
}
#qr_top{height:8px;background: url(images/qr_top.gif) no-repeat;}
#qr{margin-top:5px;margin-bottom:5px;text-align:center;}
#qr_bottom{ height:10px; background: url(images/mypage_bottom.gif) ;}
#qr_text { padding:5px 5px 5px 10px;}

/*----------------------------------------------------------------------------------------
                                    メインコンテンツ設定
----------------------------------------------------------------------------------------*/
#page_body{width:760px;margin:auto;margin-top:10px;}

#contents{width:550px;float:left}
#main_visual{
 width:760px;
 height:170px;
 margin-left:auto;
 margin-right:auto;
 background:url(images/main_img.jpg) no-repeat;
}
.main_text{
 padding:135px 12px 0px 45px;
 font-size:14pt;
 font-weight:bold;
 color:#d37955;
 vertical-align:bottom;
 text-align:left;
}
/*------------------------------
        whats new my page
------------------------------*/
#contents_01{width:550px;}
#contents_01_2{width:550px;}
#what_new_01{width:270px;float:left;margin-right:8px;}
#what_new_01_2{width:270px;float:left;}
#what_new_01_3{width:270px;float:left;margin-right:10px;}
#what_new_02{width:550px;}

.new_top{
 height:28px;
 margin-bottom:5px;
 text-indent: -999em;
 background:url(images/whats_new.gif) left top no-repeat;
}
.new_top_02{
 height:26px;
 margin-bottom:5px;
 text-indent: -999em;
 background:url(images/whats_new_02.gif) left top no-repeat;
}
.new_text{ margin-left:10px;}
.new_line{
 height:3px;
 margin: 2px 0px 2px 0px;
 background:url(images/new_line.gif) left top no-repeat;
 clear:both;
}
.mypage_con_link{ text-align:right;margin-right:10px;}

#maypage_main{
 width:550px;
}
.mypage_contents{
 width:270px;
 background:url(images/mypage_con_bg.gif) repeat-y;
 margin-bottom:5px;
 float:left;
}
.mypage_contents_left{
 margin-right:8px;
}
.mypage_midashi{
 height:20px;
 font-weight:bold;
	color:#FFFFFF;
 background:url(images/mypage_con_top.gif) no-repeat;;
 padding: 3px 0px 0px 25px;
}
.mypage_con_bottom{
 height:4px;
 background: url(images/mypage_con_bottom.gif) ;
}
/*------------------------------
           医院紹介
------------------------------*/
#contents_02{ width:550px; margin-bottom:8px;}
#contents_02 p{margin-bottom:10px;}
#syokai_top{
 height:28px;
 margin-bottom:10px;
 background: url(images/syokai.gif) ;
 text-indent:-999em
}
#syokai_text{
 width:294px;
 padding:5px 10px 5px 10px;
 float:left;
}
#syokai_text2{
 width:530px;
 padding:5px 10px 5px 10px;
}
#syokai_photo {
 width:236px;
 background: url(images/photo_bg.gif) repeat-y;
 text-align:center;
 float:left;
}
#syokai_photo_top{height:8px;background: url(images/photo_top.gif);}
#syokai_photo_bottom{height:8px;background: url(images/photo_bottom.gif);}

/*------------------------------
           information
------------------------------*/
#contents_03{width:550px; margin-top:20px;}
#form{
 width:550px;
 float:left
}
#information_top{height:5px;}
#mail_top{height:28px;background: url(images/mail.gif);text-indent:-999em}
#mobile_top{height:28px;background: url(images/mobile.gif);text-indent:-999em;}

.form_text{padding:5px 10px 5px 10px;}
.form_radio{padding:0px 10px 0px 10px;float:right;}
.form_textfield{padding:0px 15px 0px 10px;margin-bottom:10px;float:right;}
.input_01{width:180px;}
.input_02{
 width:40px;
 border: 1px solid #f68913;
 color:#f68913;
 font-weight:bold;
 background-color: #FFFFFF;
}

#form_bottom{height:6px;}

#info{
 width:270px;
 background: url(images/gairyaku_bg.gif) repeat-y;
 float:left;
}
#info_title{height:28px;background: url(images/gairyaku.gif);text-indent:-999em;}
#info_top{height:12px;}
#info_bottom{height:4px;background: url(images/gairyaku_bottom.gif);margin-top:5px;}
.info_text{width:250px;padding:5px 10px 5px 10px;}

.info_line{
 height:1px;
 background: url(images/gairyaku_line.gif);
 margin:1px 0px 1px 0px;
 clear:both;
}
/*----------------------------------------------------------------------------------------
                                         footer
----------------------------------------------------------------------------------------*/
#footer{
 width:760px;
 text-align:center; 
 margin-top:35px;
	margin-left:auto;
 margin-right:auto;
 clear:both;
}
#footer_line{
 width:760px;
 height:5px;
 background: url(images/footer_line.gif) center no-repeat;
 clear:both;
}
#footer_link{
 width:760px;
 margin-top:10px;
 padding-bottom:10px;
	color:#f6a155;
 clear:both;
}
#footer_link_in{width:420px;margin:auto;}
#footer_copyright{
 width:760px;
 height:21px;
 font-size:8pt;
 line-height:16pt;
	padding-top:0px;
 color:#FFFFFF;
 background: url(images/footer_img2.gif) center no-repeat;
}
#footer a:link {
 color: #f6a155;
 text-decoration:underline;
}
#footer a:visited {
 color: #f6a155;
 text-decoration:underline;
}
#footer a:hover {
 color: #d16403;
 text-decoration:none;
}
#footer a:active {
 color: #f6a155;
 text-decoration:underline;
}