@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


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


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




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


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#485555;
	text-decoration:none;
}
a:visited{
	color:#485555;
	text-decoration:none;
}
a:hover{
	color:#788D8D;
	text-decoration:none;
}
a:active{
	color:#788D8D;
	text-decoration:none;
}




/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , sans-serif;
	color:#485555;
}

#container{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
}

/* 右レイアウト、左レイアウト */

#main-area{
	width:672px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	float:right;
}

#submenu-area{
	width:204px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
/* ------------------------------------------------------------ */
/* 音声ブラウザ用 */
/* ------------------------------------------------------------ */

.skip {
	position:absolute;
	left:-3000px;
	width:1px;
	background-color:#FFFFFF;
	color:#000000;
	line-height:0.1;
	font-size:0.1%;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	background:url(../img/common/boder-top.gif) repeat-x top;
}

#header-contents{
	width:900px;
	min-height:64px;
	_height:64px;
	margin:0 auto;
	padding:0 0 15px 0;
	clear:both;
}

#logo-area{
	width:250px;
	height:64px;
	margin:25px 0 0 0;
	padding:0;
	float:left;
}

#utility1-area{
	width:444px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

#utility2-area{
	width:635px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

#utility2-area-tourokui{
	width:635px;
	height:auto;
	margin:0;
	padding:35px 0 0 0;
	float:right;
}

/*------検索--------------------------------------------------*/
#utility1-contents{
	width:431px;
	height:auto;
	margin:0;
	padding:9px 4px 7px 9px;
	background:#485555;
	clear:both;
	font-size:92%;
	color:#FFFFFF;
}

#utility1-contents-bottom{
	width:444px;
	height:4px;
	margin:0;
	padding:0;
	background:url(../img/common/s_f-s_bgimg-bottom.gif) no-repeat;
	font-size:1px;
	clear:both;
}

#utility1-contents ul li{
	float:left;
}

#serach-box{
	width:auto;
	height:20px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
}

#utility1-contents #serach-box ul li{
	width:auto;
	height:auto;
	float:left;
	padding:0 5px 0 0;
	margin:0;
}	

#utility1-contents #serach-box ul li.serach{
	width:auto;
	height:20px;
	float:left;
	padding:1px 0 0 0;
	_padding:2px 0 0 0;
	margin:0;
}

*+html #utility1-contents #serach-box ul li.serach{
	width:auto;
	height:20px;
	float:left;
	padding:2px 0 0 0;
	margin:0;
}	

/*------文字サイズ--------------------------------------------------*/	
.letter_size {
	width:auto;
	height:20px;
	margin:0;
	padding:0;
	float:right;
}

.no_js ul {
	padding:0px;
}

.no_js li {
	width:auto;
	height:20px;
	float:left;
	padding:0 5px 0 0;
	margin:0;
}

.no_js ul li img {
	padding:0px;
	display:block;
}

#fontNavi img {
	display:inline;
	padding-left:2px;
}


/*------ロゴ・電話番号・住所--------------------------------------------------*/


#identity{
	width:250px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
}

#sub-identity{
	width:auto;
	height:auto;
	margin:10px 0 0 0px;
	padding:0;
	float:left;
}

.sub-identity-box{
	width:110px;
	min-height:30px;
	_height:30px;
	margin:0 5px 0 0;
	padding:5px 0 0px 0;
	float:left;
	border:1px solid #CCCCCC;
	line-height:1.1;
	text-align:center;
	font-size:92%;
}

.sub-identity-box a:link ,
.sub-identity-box a:visited{
	color:#485555;
	text-decoration:none;
}

.sub-identity-box a:hover ,
.sub-identity-box a:active{
	color:#788D8D;
	text-decoration:underline;
}

#header-contents .header-utility{
	width:240px;
	height:auto;
	margin:0;
	padding:0 0 0 5px;
	float:right;
}

.mark{
	width:35px;
	height:39px;
	margin:0;
	padding:0;
	float:left;
}

.phone{
	width:168px;
	height:18px;
	margin:0;
	padding:0;
	float:right;
}

.address{
	width:240px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	clear:both;
}

/* ------------------------------------------------------------ */
/* グローバルメニュー */
/* ------------------------------------------------------------ */
#globalmenu{
	width:900px;
	height:60px;
	margin:0 auto;
	padding:0;
}

#globalmenu li{
	float:left;
	width:180px;
	text-align:center;
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------ */
/* パン屑リスト */
/* ------------------------------------------------------------ */

#footmark{
	margin:0;
	padding:11px 0 20px 0;
	font-size:77%;
}

#footmark span{
	margin:0;
	padding:0 5px 0 5px;
}
/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	clear:both;
}
/* ------------------------------------------------------------ */
/* サイドメニュー (ホーム)*/
/* ------------------------------------------------------------ */

#submenu-area .submenu-home{
	margin:0 0 10px 0;
}

.submenu-home li{
	width:auto;
	height:26px;
	margin:0;
	padding:20px 0 14px 0;
	border-bottom:1px solid #DDDDDD;
}

.submenu-home li.top-list{
	width:auto;
	height:26px;
	margin:0;
	padding:0 0 14px 0;
	border-bottom:1px solid #DDDDDD;
}

/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area .submenu{
	margin:0 0 10px 0;
}

.submenu-title{
	width:204px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:1px solid #CCCCCC;
}

#submenu-area .submenu li a:link,
#submenu-area .submenu li a:visited{
	display:block;
	color:#1E7E64;
	text-decoration:none;
}

#submenu-area .submenu li a:hover,
#submenu-area .submenu li a:active{
	display:block;
	color:#FFFFFF;
	background:url(../img/common/menu_hover_back_main.jpg) no-repeat #1E7E64;
	text-decoration:none;
}

.submenu li a{
	padding:18px 5px 0 15px;
}

.submenu li{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border-bottom:1px dashed #DDDDDD;
}

li.borde-none-main{
	width:189px;
	height:auto;
	border:none;
	padding:18px 0 0 15px;
	color:#1E7E64;
	background:#F0F0F0;
}

li.borde-none-main a{
	padding:0;
	
}

#submenu-area .submenu li.borde-none-main a:link,
#submenu-area .submenu li.borde-none-main a:visited{
	display:block;
	color:#1E7E64;
	text-decoration:none;
}

#submenu-area .submenu li.borde-none-main a:hover,
#submenu-area .submenu li.borde-none-main a:active{
	display:block;
	color:#72AE9E;
	background:none;
	text-decoration:none;
}
/* ------------------------------------------------------------ */
/* 追加メニュー */
/* ------------------------------------------------------------ */
#submenu-area .submenu ul.add-menu li a:link,
#submenu-area .submenu ul.add-menu li a:visited{
	width:170px;
	height:auto;
	padding:2px 9px 1px 25px;
	display:block;
	color:#1E7E64;
	text-decoration:none;
}

#submenu-area .submenu ul.add-menu li a:hover,
#submenu-area .submenu ul.add-menu li a:active{
	width:170px;
	height:auto;
	padding:2px 9px 1px 25px;
	display:block;
	color:#FFFFFF;
	background:url(../img/common/menu_hover_back_add.jpg) no-repeat #1E7E64;
	text-decoration:none;
}

#submenu-area .submenu ul.add-menu li.borde-none-add{
	width:170px;
	min-height:20px;
	_height:20px;
	border:none;
	padding:2px 9px 0 25px;
	color:#FFFFFF;
	background:url(../img/common/menu_hover_back_add.jpg) no-repeat #1E7E64;
}

#submenu-area .submenu ul.add-menu{
	width:204px;
	height:auto;	
	padding:0px 0 10px 0;
	margin:0;
	border:none;
	color:#1E7E64;
}

#submenu-area .submenu ul.add-menu li{
	border-bottom:none;
}

/* ------------------------------------------------------------ */
/* 案内 */
/* ------------------------------------------------------------ */
#submenu-area .notice-area{
	width:204px;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
}

#submenu-area .notice-area a:link ,
#submenu-area .notice-area a:visited{
	color:#A62806;
	text-decoration:underline;
}

#submenu-area .notice-area a:hover ,
#submenu-area .notice-area a:active{
	color:#D2736A;
	text-decoration:underline;
}

#submenu-area .notice-area a:hover img ,
#submenu-area .notice-area a:active img{
	filter		: alpha(opacity=70);
	opacity		: 0.7;
	-moz-opacity	: 0.7;
}

.notice-top{
	width:204px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../img/common/notice_bgimg-top.jpg) no-repeat;
}

.notice-inside{
	width:204px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	background:url(../img/common/notice_bgimg-inside.jpg) repeat-y;
}

.notice-inside-text{
	width:184px;
	height:auto;
	margin:0;
	padding:0 10px;
}

.notice-inside-title{
	width:184px;
	height:auto;
	margin:0 0 20px 0;
	padding:4px 0 5px 0;
	border-bottom:1px solid #DDDDDD;
	text-align:center;
	font-size:122%;
}

.notice-inside-s-title{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	color:#1E7E64;
}

.notice-inside-text-sectin {
	width:auto;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
}

.notice-inside-text li.arrow{
	width:9px;
	height:5px;
	margin:0 auto;
	padding:5px 0;
}

.notice-range{
	width:204px;
	height:10px;
	margin:0 0 20px 0;
	padding:0;
	background:url(../img/common/notice_bgimg-range.jpg) no-repeat;
}

.notice-bottom{
	width:204px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../img/common/notice_bgimg-bottom.jpg) no-repeat;
}


/* ------------------------------------------------------------ */
/* ページトップ */
/* ------------------------------------------------------------ */
.pagetop{
	width:672px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	font-size:77%;
}

.pagetop ul{
	margin:0;
	padding:0;
	float:right;
}

.pagetop li{
	height:100%;
	margin:0;
	padding:0 0 0 10px;
	background:url(../img/common/pagetop_arrow.gif) no-repeat 0 7px;
	_float:right;/*IE6用*/
}
	

/* ------------------------------------------------------------ */
/* フッターメニュー */
/* ------------------------------------------------------------ */
#footer-menu{
	width:auto;
	height:auto;
	margin:0;
	padding:80px 0 20px 0;
	text-align:center;
	font-size:77%;
	clear:both;
}

#footer-menu span{
	margin:0;
	padding:0 5px 0 5px;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
#footer-area{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	clear:both;
	border-top:1px solid #DADDDD;
}

#footer-contents{
	width:900px;
	height:auto;
	padding:20px 0 20px 0;
	margin:0 auto;
	clear:both;
}

.logo_mark{
	width:41px;
	height:40px;
	padding:0;
	margin:0;
	float:left;
}

.footer-address{
	width:600px;
	height:30px;
	padding:0;
	margin:0 0 0 50px;
	}

.hospital-name{
	width:191px;
	height:17px;
	padding:0;
	margin:0;
}
	
.footer-address p{
	width:auto;
	height:auto;
	padding:5px 0 0 0;
	margin:0;
	font-size:77%;
}


/* ------------------------------------------------------------ */
/* コピーライト */
/* ------------------------------------------------------------ */
#copyright-area{
	width:auto;
	height:auto;
	padding:0;
	margin:0 0 20px 0;
	background:url(../img/common/boder_footer.gif) repeat-x top;
	text-align:center;
	font-size:77%;
	font-family:Arial;
}

#copyright-area p{
	width:900px;
	height:auto;
	padding:10px 0 60px 0;
	margin:0 auto;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
.dotto_top{
	border-top:1px dotted #CCC;
}

.dotto_bottom{
	border-bottom:1px dotted #CCC;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 12px;
}

img {
	display:block;
}

.left {
	float: left;
	
}

.right {
	float: right;
}

p{
	margin:0;
	padding:0;
}

b{
	color:#0D382D;
}

img.center{
	margin:0 auto;
}