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

li{ list-style-type: none;}

a:link {
 color: #94AA48;
 text-decoration:underline;
}
/*
a:visited {
 color: #0074FF;
 text-decoration:underline;
}
*/
a:hover {
 color: #1F4F88;
 text-decoration:none;
}
a:active {
 color: #1F4F88;
 text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　文字設定
----------------------------------------------------------------------------------------*/
.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: 14pt;
 font-weight:normal;
}
.bold{ font-weight:bold;}
.font-red{color:red;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　全体
----------------------------------------------------------------------------------------*/
#outline{
 width:768px;
 margin:0px auto 0px auto;
 text-align: left;
 background: url(images/background.gif) ;
}

.both{clear:both;height:1px;}
.both20{clear:both;height:20px;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　  　header
----------------------------------------------------------------------------------------*/
#header{  
 width:758px;
 height:100px;
 background: url(images/header_bg.gif) ; 
 margin:0px 5px;
}
#header h1{margin-left:10px;color:#333;}
#header_left{
 width:425px;
 float:left;
 margin-top:8px;
 margin-left:5px;
 margin-right:5px;
 color:#6883B9;
}
#logo{
margin:0px 0px 0px 0px;
}
#logo_text{
 margin:35px 0px 0px 20px;
 font-size:20pt;
 color:#30BABF;
}
#header_text{
 padding-top:12px;
 width:180px;
 margin:0px 10px 0px 0px;
color:#FFF;
 text-align:right;
 float:right;
}

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

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

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

/*------------------------------
ナビゲーション（マイページ部分）
------------------------------*/
.mypage {
margin:0px 7px 10px 7px;
width:166px;

background: url(images/mypage_bg.gif) top repeat-y;

}


.mypage_text{
 padding:5px 5px 0px 10px;
}
.mypage .mypage_text {
 padding:5px 5px 0px 15px;
 color:#333;
 /*
 background: url(images/mypage_bg.gif) top repeat-y;
 */
}
.mypage_link {
 padding: 5px 0px 0px 10px;
 font-weight:bold;
 color:#333366;
}

.mypage_bottom{
 height:5px;
 background: url(images/mypage_bottom.gif) ;
}

#mapage_title01,#mapage_title02,#mapage_title03,#mapage_title04,#mapage_title05,#mapage_title06,#mapage_title07,#mapage_title08,#mapage_title09,#mapage_title10{
padding:6px 0px 0px 15px;background: url(images/mypage_01.gif) no-repeat; height:26px;}
.mypage a{
color:#30BABF;
}

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

#qr_outline{
 width:166px;
 margin-bottom:2px;
 margin:10px 7px;
 background:url(images/qr_outline.gif) repeat-y;
 
}

#qr_top{height:5px;background: url(images/qr_top.gif) no-repeat;}

#qr{margin-top:5px;margin-bottom:5px;text-align:center;}

#qr_bottom{ height:5px; background: url(images/qr_bottom.gif) ;}

#qr_text {
 padding:5px 5px 40px 10px; color:#333;}

/*----------------------------------------------------------------------------------------
                                    メインコンテンツ設定
----------------------------------------------------------------------------------------*/
#page_body{width:762px;margin:auto;
}#main_flash{
	width:760px;
	height:180px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
#contents{width:550px;float:left;}
#main_visual{
 width:550px;
 height:214px;
 background:url(images/main_img.jpg) no-repeat;
 margin-bottom:20px;
 margin:10px 15px;
}
.main_text{
 margin:0px 20px 0px 0px !important;
 margin:173px 20px 0px 0px;
 padding:173px 0px 0px 0px !important;
 padding:0px;
 font-size:12pt;
 font-weight:bold;
 color:#327607;
 text-align:right;
 vertical-align:bottom;
}
/*------------------------------
        whats new my page
------------------------------*/
#contents_01{width:550px;margin:0px 15px;}
#contents_01_2{width:550px;margin-left:15px;}
#what_new_01{width:270px;float:left;margin-right:10px;}
#what_new_01_2{width:270px;float:left;margin-left:10px;}
#what_new_01_3{width:270px;float:left;}
#what_new_02{width:550px;}

.new_top{
 height:26px;
 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{width:260px;text-align:right;margin-right:10px;}
.mypage_con_link a{
color:#94AA48;
}
#mypage_main{
 width:270px;
 float:left;
}
.mypage_contents{

 width:270px;
 background:url(images/mypageback.gif) repeat-y;


 margin-bottom:20px;
}
.mypage_midashi{
 font-weight:bold;
 background:url(images/mypage_con_top.gif) no-repeat;
 padding:9px 0px 10px 0px;
 margin:0px 0px 0px 0px;
 text-indent:15px;
 color:#30BABF;
 font-size:14px;
}
.mypage_con_bottom{
 width:270px;
 height:4px;

 background: url(images/mypage_con_bottom.gif) no-repeat ;

}
/*------------------------------
           医院紹介
------------------------------*/
#contents_02{ width:550px;margin:0px 15px; }
#contents_02 p{margin-bottom:10px;}
#syokai_top{
 height:24px;
 margin-bottom:10px;
 background: url(images/syokai.gif) ;
 text-indent:-999em
}
#syokai_text{
 width:284px;
 padding:0px 10px 5px 20px;
 float:left;
 margin:30px 0 0 0px;
}
#syokai_text2{
 width:530px;
 padding:5px 10px 5px 10px;

}
#syokai_photo {
 width:235px;
 background: url(images/photo_bg.gif) repeat-y;
 text-align:center;
 float:left;
 padding:0px 0px;
}

#syokai_photo_top{
height:8px;
background:url(images/photo_top.gif) top no-repeat;
}

#syokai_photo_bottom{
height:8px;
background:url(images/photo_bottom.gif) top no-repeat;
}

#syokai_photo img{
vertical-align:top;
padding:0px;
margin:0px 7px 0px 8px;

}


/*------------------------------
           information
------------------------------*/
#contents_03{width:550px;width:550px;margin:0px 15px;
padding:0 0 20px 0;}
#form{
 width:270px;
 margin-right:9px;
 background: url(images/info_bg.gif) repeat-y;
 float:left
}
#form input{
font-size:14px !important;
font-size:12px;
}
#information_top{height:11px;background: url(images/mail_top.gif);}
#mail_top{height:28px;background: url(images/mail.gif) no-repeat;text-indent:-999em;margin:0px 0px 0px 9px;}
#mobile_top{height:28px;background: url(images/mobile.gif) no-repeat;text-indent:-999em;margin:0px 0px 0px 9px;}

.form_text{padding:5px 10px 5px 10px; color:#333;}
.form_radio{padding:0px 10px 0px 10px;}
.form_textfield{padding:0px 10px 0px 10px;margin-bottom:10px;}
.input_01{width:180px;}
.input_02{
 cursor:pointer;
 font-weight:bold;
 background:#278B8F;
 border:none;
 color:#FFF;
 padding:3px 0px 0px 0px;
}

#form_bottom{height:6px;background: url(images/info_bottom.gif);}

#info{
 width:270px;
 float:left;
 background:url(images/infoback.gif) repeat-y;
}
.info_text{
margin:10px 20px;
}
#info_title{height:27px;background: url(images/gairyaku.gif);text-indent:-999em;
margin:0px 0px 0px 0px;}

#info_top{height:6px;background: url(images/info_top.gif);margin-bottom:5px;}
#info_bottom{height:4px;background: url(images/info_bottom.gif);margin-top:5px;}

#info .info_text{width:250px; margin:0px;padding:10px 10px 10px 10px;background: url(images/info_bg.gif) repeat-y;color:#333;}
/*
.info_line{
 height:1px;
 background: url(images/gairyaku_line.gif);
 margin:1px 0px 1px 0px;
 clear:both;
}
*/
/*----------------------------------------------------------------------------------------
                                         footer
----------------------------------------------------------------------------------------*/
#footer{
 width:768px;
 text-align:center; 
 margin:0px 0px;
 clear:both;
 background:url(images/footer_bg.gif) bottom no-repeat;
 padding:0px 0px 5px 0px;
}
#footer_line{
 width:758px;
 height:2px;
 clear:both;
 background:url(images/footer_line.gif) no-repeat;
}
#footer_link{
 width:758px;
 /*
 background: url(images/footer_img.gif) repeat-y;
 */
 padding:10px 0px;
 color:#FFF;
}
#footer_link a{
color:#94AA48;
}
#footer_link_in{
width:480px !important;
width:420px;
margin:auto;
color:#94AA48;
}
#footer_copyright{
 width:758px;
 height:17px;
 font-size:10px;
 padding:2px 0px 0px 0px;
 color:#FFF;
 margin:0px 5px;
 background: url(images/footer_img.gif) no-repeat;
}
