@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;
 word-break:break-all;
 /*background:#edf7fe;背景色変更*/
}
li{ list-style-type: none;}

a:link {
 color: #66b966;/*リンク色変更*/
 text-decoration:underline;
}
a:visited {
 color: #66b966;/*リンク色変更*/
 text-decoration:underline;
}
a:hover {
 color: #66b966;/*リンク色変更*/
 text-decoration:none;
}
a:active {
 color: #66b966;/*リンク色変更*/
 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:766px;/*コンテンツ部分全体幅変更*/
 margin:auto;
 text-align: left;
 background: url(images/background.gif) repeat-y ;
}

.both{clear:both;height:1px;}
.both20{clear:both;height:20px;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　  　header
----------------------------------------------------------------------------------------*/
#header{  
 width:760px;
 height:136px;/*高さ変更*/
 background: url(images/header_bg.gif) ;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0px;/*数値変更*/
}
#header h1{margin-left:10px; color:#333333;}/*header_catch部分*/
#header_left{
 width:425px;
 float:left;
 margin-top:10px;
 margin-left:19px;
 margin-right:83px;
 display:inline;
 /*color:#6883B9;色変更*/
}
#logo{
 height:64px;
}
#logo_text{
 margin-top:20px;
 font-size:20pt;
}
#header_text{
 padding-top:10px;
 width:200px;
 text-align:right;
 float:left;
}

/*----------------------------------------------------------------------------------------
                                       ナビゲーション設定
----------------------------------------------------------------------------------------*/
#navigation{
 width:176px;
 margin-left:6px;/*左側余白数値変更*/
 margin-right:13px;/*右側余白数値変更*/
 float:left;
 display:inline;
 }
#navi {margin-bottom:20px;}
#navi li{ text-indent: -999em;}
#navi a{
 height: 40px;/*画像高さ数値変更*/
 display: block;
 text-decoration: none;
}
#navi #navi_01 {width: 176px; background: url(images/navi_01_on.gif) left top no-repeat;}
#navi #navi_02 {width: 176px; background: url(images/navi_02_on.gif) left top no-repeat;}
#navi #navi_03 {width: 176px; background: url(images/navi_03_on.gif) left top no-repeat;}
#navi #navi_04 {width: 176px; background: url(images/navi_04_on.gif) left top no-repeat;}
#navi #navi_05 {width: 176px; background: url(images/navi_05_on.gif) left top no-repeat;}
#navi #navi_06 {width: 176px; background: url(images/navi_06_on.gif) left top no-repeat;}
#navi #navi_07 {width: 176px; background: url(images/navi_07_on.gif) left top no-repeat;}
#navi #navi_08 {width: 176px; background: url(images/navi_08_on.gif) left top no-repeat;}
#navi #navi_09 {width: 176px; background: url(images/navi_09_on.gif) left top no-repeat;}
#navi #navi_10 {width: 176px; background: url(images/navi_10_on.gif) left top no-repeat;}
#navi #navi_11 {width: 176px; background: url(images/navi_11_on.gif) left top no-repeat;}

#navi #navi_12 {width: 176px; background: url(images/navi_12_on.gif) left top no-repeat;}

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

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

/*------------------------------
ナビゲーション（マイページ部分）
------------------------------*/
.mypage {
 width:176px;
 margin-bottom:5px;/*余白高さ変更*/
 background: url(images/mypage_bg.gif) repeat-y;
}
.mypage_text {
 padding:5px 5px 0px 13px;/*テキスト部分余白数値変更*/
}
.mypage_link {
 padding: 6px 0px 0px 13px;/*タイトル部分余白数値変更*/
 font-weight:bold;
}
.mypage_bottom{
 height:9px;/*テーブル下高さ変更*/
 background: url(images/mypage_bottom.gif) ;
}
#mapage_title01{ height:22px;background: url(images/mypage_01.gif) no-repeat;}
#mapage_title02{ height:22px;background: url(images/mypage_02.gif) no-repeat;}
#mapage_title03{ height:22px;background: url(images/mypage_03.gif) no-repeat;}
#mapage_title04{ height:22px;background: url(images/mypage_04.gif) no-repeat;}
#mapage_title05{ height:22px;background: url(images/mypage_05.gif) no-repeat;}
#mapage_title06{ height:22px;background: url(images/mypage_01.gif) no-repeat;}
#mapage_title07{ height:22px;background: url(images/mypage_02.gif) no-repeat;}
#mapage_title08{ height:22px;background: url(images/mypage_03.gif) no-repeat;}
#mapage_title09{ height:22px;background: url(images/mypage_04.gif) no-repeat;}
#mapage_title10{ height:22px;background: url(images/mypage_05.gif) no-repeat;}

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

#qr_outline{
 width:176px;
 margin-bottom:5px;/*余白高さ変更*/
 background: url(images/qr_bg.gif) repeat-y;
}
#qr_top{
 height:15px;/*高さ変更*/
 background: url(images/qr_top.gif) no-repeat;
 }
#qr{
 margin-top:5px;
 margin-bottom:5px;
 text-align:center;
 }
#qr_bottom{
 height:9px;/*テーブル下高さ変更*/
 background: url(images/qr_bottom.gif) ;
 }
#qr_text { 
padding:5px 10px 0px 15px;/*テキスト部分余白数値変更*/
}
/*----------------------------------------------------------------------------------------
                                    メインコンテンツ設定
----------------------------------------------------------------------------------------*/
#page_body{width:760px;margin:auto;}

#contents{width:552px;float:left;}
#main_visual{
 width:551px;
 height:181px;/*高さ変更*/
 background:url(images/main_img.jpg) no-repeat;
 margin-bottom:20px;
}
.main_text{
 padding:160px 0px 0px 20px;/*テキスト部分位置数値変更*/
 font-size:12pt;
 font-weight:bold;
 color:#FFFFFF;/*文字色変更*/
 vertical-align:bottom;
}
/*------------------------------
        whats new my page
------------------------------*/
#contents_01{width:552px;}
#contents_01_2{width:552px;}
#what_new_01_2{width:270px;float:left;margin-left:10px;}
#what_new_01_3{width:270px;float:left;}
#what_new_02{width:552px;}
.new_text{ margin-left:10px;}

#what_new_01{
 width:270px;
 float:left;
 margin-right:10px;/*余白数値変更*/
 }
.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_line{
 height:3px;
 margin: 2px 0px 2px 0px;
 background:url(images/new_line.gif) left top no-repeat;
 clear:both;
}


#mypage_main{
 width:272px;/*幅変更*/
 float:left;
}
.mypage_contents{
 width:272px;/*幅変更*/
 background:url(images/mypage_con_bg.gif) repeat-y;
 margin-bottom:5px;
}
.mypage_midashi{
 height:30px;/*高さ変更*/
 font-weight:bold;
 background:url(images/mypage_con_top.gif) no-repeat;
 padding: 5px 0px 0px 10px;
}
.mypage_con_bottom{
 width:272px;/*幅変更*/
 height:5px;/*テーブル下高さ変更*/
 background: url(images/mypage_con_bottom.gif) no-repeat ;
}

.mypage_con_link{/*詳しくはこちら*/
 width:262px;
 text-align:right;
 margin:10px 0 0 0;/*余白数値変更*/
 }
.mypage_con_link a{/*詳しくはこちら　矢印*/
 padding-left:16px;
 background:url(images/mypage_con_link.gif) 0 1px no-repeat;
 }

/*------------------------------
           医院紹介
------------------------------*/
#contents_02{ width:552px; }
#contents_02 p{margin-bottom:10px;}
#syokai_top{
 height:30px;/*高さ変更*/
 margin-bottom:10px;
 background: url(images/syokai.gif) no-repeat ;
 text-indent:-999em
}
#syokai_text{
 width:286px;/*幅変更*/
 padding:5px 10px 5px 10px;
 float:left;
}
#syokai_text2{
 width:530px;/*幅変更*/
 padding:5px 10px 5px 10px;
}
#syokai_photo {
 width:222px;/*幅変更*/
 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:552px; margin-top:20px;margin-bottom:20px;}
#form{
 width:271px;/*幅変更*/
 margin-right:10px;/*余白数値変更*/
 background: url(images/info_bg.gif) repeat-y;
 float:left
}
#information_top{
 height:7px;/*高さ変更*/
 background: url(images/mail_top.gif);
 }
#mail_top{
 height:24px;/*高さ変更*/
 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{letter-spacing:0.2em; padding:0px 10px 0px 10px;}
.form_textfield{padding:0px 10px 0px 10px;margin-bottom:10px;}
.input_01{width:180px;}
.input_02{
 width:40px;
 border: 1px solid #000000;/*ボタン枠色変更*/
 color:#FFFFFF;
 font-weight:bold;
 background-color: #ff9e94;/*ボタン色変更*/
}

#form_bottom{
 height:11px;/*高さ変更*/
 background: url(images/info_bottom.gif);
 }


#info{
 width:271px;
 background: url(images/gairyaku_bg.gif) repeat-y;
 float:left;
}
#info_title{
 height:25px;/*高さ変更*/
 background: url(images/gairyaku.gif);
 text-indent:-999em;
 }
#info_top{
 height:6px;/*高さ変更*/
 background: url(images/gairyaku_top.gif);
 margin-bottom:0px;}
#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;
 clear:both;
}
#footer_line{
 width:760px;
 height:5px;
 /*background: url(images/footer_line.gif) center no-repeat;*/
 clear:both;
}
#footer_link{
 width:760px;
 background: url(images/footer_img.gif) center top no-repeat;
 padding:15px 0;/*余白数値変更*/
}
#footer_link_in{
 width:700px;
 text-align:center;
 }
#footer_copyright{
 width:760px;
 font-size:8pt;
 color:#FFFFFF;
 background: url(images/footer_img2.gif) center;
 padding:8px 0 0 0;
}