@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: #333333;
}

li{ list-style-type: none;}						

a:link {
 color: #0074FF;
 text-decoration:underline;
}
a:visited {
 color: #0074FF;
 text-decoration:underline;
}
a:hover {
 color: #1F4F88;
 text-decoration:none;
}
a:active {
 color: #1F4F88;
 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: 14pt;
	font-weight:normal;
}

/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　全体
----------------------------------------------------------------------------------------*/
#outline{
   width:770px;
   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:105px;
 background: url(images/header_bg.gif) ;
 margin-left:auto;
 margin-right:auto;
}
#header h1{margin-left:19px;}
#header_left{
 width:410px;
 float:left;
 margin-top:5px;
 margin-left:19px;
 margin-right:90px;
 display:inline;
 color:#333766;
}
#logo{
 height:55px;
}
#logo_text{
 margin-top:20px;
 font-size:20pt;
}
#header_text{
 line-height:14px;
 padding-top:6px;
 width:215px;
 text-align:right;
 float:left;
}
/*----------------------------------------------------------------------------------------
                                       ナビゲーション設定
----------------------------------------------------------------------------------------*/
#navigation{ width:162px;margin-left:9px;margin-right:18px;float:left;display:inline;}
#navi {margin-bottom:20px;}
#navi li{ text-indent: -999em;margin-bottom:2px;}
#navi a{
 height: 40px;
 display: block;
 text-decoration: none;
}
#navi #navi_01 {width: 160px; background: url(images/navi_01_on.gif) left top no-repeat;}
#navi #navi_02 {width: 160px; background: url(images/navi_02_on.gif) left top no-repeat;}
#navi #navi_03 {width: 160px; background: url(images/navi_03_on.gif) left top no-repeat;}
#navi #navi_04 {width: 160px; background: url(images/navi_04_on.gif) left top no-repeat;}
#navi #navi_05 {width: 160px; background: url(images/navi_05_on.gif) left top no-repeat;}
#navi #navi_06 {width: 160px; background: url(images/navi_06_on.gif) left top no-repeat;}
#navi #navi_07 {width: 160px; background: url(images/navi_07_on.gif) left top no-repeat;}
#navi #navi_08 {width: 160px; background: url(images/navi_08_on.gif) left top no-repeat;}
#navi #navi_09 {width: 160px; background: url(images/navi_09_on.gif) left top no-repeat;}
#navi #navi_10 {width: 160px; background: url(images/navi_10_on.gif) left top no-repeat;}
#navi #navi_11 {width: 160px; background: url(images/navi_11_on.gif) left top no-repeat;}
#navi #navi_12 {width: 160px; background: url(images/navi_12_on.gif) left top no-repeat;}

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

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

/*------------------------------
ナビゲーション（マイページ部分）
------------------------------*/
.mypage {
 width:160px;
 margin-bottom:2px;
 background: url(images/mypage_bg.gif) repeat-y;
}
.mypage_text {
 padding:5px 5px 5px 10px;
}
.mypage_link {
 padding: 5px 0px 0px 10px;
 font-weight:bold;
}
.mypage_bottom{
 height:8px;
 background: url(images/mypage_bottom.gif) ;
}
#mapage_title01{ height:25px;background: url(images/mypage_01.gif) no-repeat;}
#mapage_title02{ height:25px;background: url(images/mypage_02.gif) no-repeat;}
#mapage_title03{ height:25px;background: url(images/mypage_03.gif) no-repeat;}
#mapage_title04{ height:25px;background: url(images/mypage_04.gif) no-repeat;}
#mapage_title05{ height:25px;background: url(images/mypage_05.gif) no-repeat;}
#mapage_title06{ height:25px;background: url(images/mypage_01.gif) no-repeat;}
#mapage_title07{ height:25px;background: url(images/mypage_02.gif) no-repeat;}
#mapage_title08{ height:25px;background: url(images/mypage_03.gif) no-repeat;}
#mapage_title09{ height:25px;background: url(images/mypage_04.gif) no-repeat;}
#mapage_title10{ height:25px;background: url(images/mypage_05.gif) no-repeat;}

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

#qr_outline{
 width:160px;
 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:8px; background: url(images/mypage_bottom.gif) ;}
#qr_text { padding:5px 5px 5px 10px;}

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

#contents{width:550;float:left}
#main_visual{
 width:760px;
 height:190px;
 margin-left:auto;
 margin-right:auto;
 background:url(images/main_img.jpg) no-repeat;
}
.main_text{
 padding:165px 15px 0px 20px;
 font-size:12pt;
 font-weight:bold;
 color:#3340CC;
 vertical-align:bottom;
 text-align:right;
}
/*------------------------------
        whats new my page
------------------------------*/
#contents_01{width:550px;}
#contents_01_2{width:550px;}
#what_new_01{width:270px;float:left;margin-right:9px;}
#what_new_01_2{width:270px;float:left;}
#what_new_01_3{width:270px;float:left;margin-right:9px;}
#what_new_02{width:550px;}

.new_top{
 height:30px;
 margin-bottom:5px;
 text-indent: -999em;
 background:url(images/whats_new.gif) left top no-repeat;
}
.new_top_02{
 height:30px;
 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:25px;
 font-weight:bold;
 background:url(images/mypage_con_top.gif) no-repeat;;
 padding: 5px 0px 0px 10px;
}
.mypage_con_bottom{
 height:4px;
 background: url(images/mypage_con_bottom.gif) ;
}
/*------------------------------
           医院紹介
------------------------------*/
#contents_02{ width:550px; margin-bottom:10px;}
#contents_02 p{margin-bottom:10px;}
#syokai_top{
 height:30px;
 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;
 background: url(images/info_bg.gif) repeat-y;
 float:left
}
#information_top{height:5px;background: url(images/mail_top.gif);}
#mail_top{height:30px;background: url(images/mail.gif);text-indent:-999em}
#mobile_top{height:30px;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 #666666;
 color:#FFFFFF;
 font-weight:bold;
 background-color: #3678ff;
}

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

#info{
 width:270px;
 background: url(images/gairyaku_bg.gif) repeat-y;
 float:left;
}
#info_title{height:35px;background: url(images/gairyaku.gif);text-indent:-999em;}
#info_top{height:12px;background: url(images/gairyaku_top.gif);margin-bottom:5px;}
#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-left:auto;
 margin-right:auto;
 margin-top:17px;
 clear:both;
}
#footer_line{
 width:760px;
 height:1px;
 background: url(images/footer_line.gif) center no-repeat;
 clear:both;
}
#footer_link{
 width:760px;
 background: url(images/footer_img.gif) center bottom no-repeat;
 padding-top:10px;
 padding-bottom:10px;
}
#footer_link_in{width:500px;margin:auto;}
#footer_copyright{
 width:760px;
 height:30px;
 font-size:8pt;
 line-height:22pt;
 color:#FFFFFF;
 background: url(images/footer_img2.gif) center no-repeat;
}