@charset "utf-8";

/*--------------------------------------------------------------------------------------------

初期設定

--------------------------------------------------------------------------------------------*/
body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,embed,object { margin: 0; padding: 0; vertical-align: baseline; }

img { border: 0; vertical-align: middle;}

input,textarea { font-size: 100%;}

.fleft { float: left;}
.fright { float: right;}

a { text-decoration: none;}
a:link { color: #3389B6; text-decoration: none;}
a:hover { text-decoration: underline; color:#186993;}

.clear { clear: both;}

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

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p img { vertical-align: middle;}
a img { vertical-align: middle;}

.center { text-align: center;}
.txtright { text-align: right;}


address { font-style: normal;}

body { background:#fff4e0 url(../../imgs/bg_wrap.gif) center repeat-y; margin: 0; padding: 0; font-size: 80%; width: 100%; color: #767676; text-align: center;}


h1 { font-size: 100%;}
h2 { font-size: 100%; clear: both; margin-top: 0.5em; margin-bottom: 0.5em;}
h3 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h4 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h5 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}





/*--------------------------------------------------------------------------------------------

背景設定

--------------------------------------------------------------------------------------------*/
#wrap { width: 850px; margin-left: auto; margin-right: auto;}



/*--------------------------------------------------------------------------------------------

ヘッダー

--------------------------------------------------------------------------------------------*/
#header { width: 850px; height: 117px; background: url(../../imgs/bg_header.gif) no-repeat; position: relative; text-align: left;}
#header #logo2 { width: 327px; height: 64px; background: url(../../imgs/logo2.gif) no-repeat; position: absolute; top: 0; left: 142px;}
#header #logo2 h1 { width: 327px; height: 64px; display: block; text-indent: -9999px;}
#header #logo2 h1 a { width: 327px; height: 64px; display: block;}

#header #logo2 strong { width: 327px; height: 64px; display: block; text-indent: -9999px;}
#header #logo2 strong a { width: 327px; height: 64px; display: block;}

#header #logo { background: url(../../imgs/logo.gif) no-repeat; width: 130px; height:117px; margin-left: 10px;}
#header #logo a { display: block; width: 130px; height:117px; text-indent: -9999px;}



/*--------------------------------------------------------------------------------------------

フォントチェンジャー

--------------------------------------------------------------------------------------------*/
#header #fontchanger { width: 193px; height: 33px; position: absolute; top: 0; left: 654px;}

#fstitle { background: url(../../imgs/fschange_title.gif) no-repeat; width: 77px; height: 33px; float: left;}

#fontchanger li { height: 33px; float: left; list-style: none;}
#fontchanger li a { height: 33px; display: block; text-indent: -9999px;}
#fsstandard a { background: url(../../imgs/fschange_std.gif) no-repeat; width:36px;}
#fslarge a { background: url(../../imgs/fschange_large.gif) no-repeat; width:36px;}
#fsexlarge a { background: url(../../imgs/fschange_exlarge.gif) no-repeat; width:44px;}


/*--------------------------------------------------------------------------------------------

グローバルナビゲーション

--------------------------------------------------------------------------------------------*/

#header #gnavi { position: absolute; top: 64px; left: 186px; width: 664px; height: 49px;}
#header #gnavi li { float: left; height: 49px; list-style: none;}
#header #gnavi li a { height: 49px; display: block; text-indent: -9999px;}

#header #gnavi #gnavHome a { width: 94px; background: url(../../imgs/gnav_home.gif) no-repeat;}
#header #gnavi #gnavAbout a { width: 133px; background: url(../../imgs/gnav_about.gif) no-repeat;}
#header #gnavi #gnavRec a { width: 119px; background: url(../../imgs/gnav_rec.gif) no-repeat;}
#header #gnavi #gnavHospital a { width: 121px; background: url(../../imgs/gnav_hospital.gif) no-repeat;}
#header #gnavi #gnavQanda a { width: 78px; background: url(../../imgs/gnav_qanda.gif) no-repeat;}
#header #gnavi #gnavInquiry a { width: 119px; background: url(../../imgs/gnav_inquiry.gif) no-repeat;}

#header #gnavi #gnavHome a:hover { width: 94px; background: url(../../imgs/gnav_home_hv.gif) no-repeat;}
#header #gnavi #gnavAbout a:hover { width: 133px; background: url(../../imgs/gnav_about_hv.gif) no-repeat;}
#header #gnavi #gnavRec a:hover { width: 119px; background: url(../../imgs/gnav_rec_hv.gif) no-repeat;}
#header #gnavi #gnavHospital a:hover { width: 121px; background: url(../../imgs/gnav_hospital_hv.gif) no-repeat;}
#header #gnavi #gnavQanda a:hover { width: 78px; background: url(../../imgs/gnav_qanda_hv.gif) no-repeat;}
#header #gnavi #gnavInquiry a:hover { width: 119px; background: url(../../imgs/gnav_inquiry_hv.gif) no-repeat;}

#header #gnavi #gnavHome.on a { width: 94px; background: url(../../imgs/gnav_home_on.gif) no-repeat;}
#header #gnavi #gnavAbout.on a { width: 133px; background: url(../../imgs/gnav_about_on.gif) no-repeat;}
#header #gnavi #gnavRec.on a { width: 119px; background: url(../../imgs/gnav_rec_on.gif) no-repeat;}
#header #gnavi #gnavHospital.on a { width: 121px; background: url(../../imgs/gnav_hospital_on.gif) no-repeat;}
#header #gnavi #gnavQanda.on a { width: 78px; background: url(../../imgs/gnav_qanda_on.gif) no-repeat;}
#header #gnavi #gnavInquiry.on a { width: 119px; background: url(../../imgs/gnav_inquiry_on.gif) no-repeat;}



/*--------------------------------------------------------------------------------------------

本文格納

--------------------------------------------------------------------------------------------*/
#container { width: 820px; margin-left: auto; margin-right: auto; text-align: left;}


#leftarea { width: 576px; float: left;}
#rightarea { width: 227px; float: right;}

#bnrlist { list-style: none; background-color: #FFFFFF;}
#bnrlist li { margin-top: 1px; margin-bottom: 2px;}






/*--------------------------------------------------------------------------------------------

フッタ

--------------------------------------------------------------------------------------------*/
#footer { height: 51px; clear: both; width: 850px; background: url(../../imgs/bg_footer.gif) repeat-x; text-align: left; margin-top: 20px;}

#footer #pagetop a { width: 142px; height: 27px; background: url(../../imgs/btn_pagetop.gif); display: block; text-indent: -9999px; float: right; margin-right: 15px;}

#footer p { padding-top: 20px; padding-left: 20px; color: #FFACAE;}
#footer p a { color: #FFFFFF;}

#footerlogo { text-align: left; padding: 15px;}
#footerlogo #logo3 { display: block; clear: both; width: 249px; height: 15px; background: url(../../imgs/logo3.gif) no-repeat;}
#footerlogo #logo3 a { width: 249px; height: 15px; display: block; text-indent: -9999px;}





/*--------------------------------------------------------------------------------------------

マージン

--------------------------------------------------------------------------------------------*/
.mgl05px { margin-left: 5px;}
.mgl10px { margin-left: 10px;}
.mgl15px { margin-left: 15px;}
.mgl20px { margin-left: 20px;}
.mgl25px { margin-left: 25px;}

.mgr05px { margin-right: 5px;}
.mgr10px { margin-right: 10px;}
.mgr15px { margin-right: 15px;}
.mgr20px { margin-right: 20px;}
.mgr25px { margin-right: 25px;}