@charset "utf-8";
/* -------------------------
新須磨病院(WordPress用、トップページ[index.php]専用)css
---------------------------- */

/* -------------------------
共通リセット
---------------------------- */
body,div,dl,form,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;  /* センタリングFirefox対策 */
}

body {
	background: #ffffff;
	line-height: 1.5;
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	color: #666666;
}

p {
	margin: 0 0 1em;
	padding: 0;
}

img {
	border: 0;
}



/* -------------------------
共通リンク色
---------------------------- */
a {color: #399FFF;}
a:link {color: #399FFF;}
a:visited {color: #399FFF;}
a:hover {color: #1659B4;}
a:active {color: #399FFF;}


/* -------------------------
wrapper(全体)
----------------------------*/
div#wrapper	{
	width: 860px;
	margin: 0 auto;
	background-image: url(../img/bg02.gif);
	background-repeat: repeat-y;
}


/* -------------------------
ヘッダー
---------------------------- */
div#header {
	width: 860px;
}

div#header h1 {
	float: left;
	width: 300px;
/*	height: 45px;   ffトップページ調整 */
	padding: 10px 0 10px 15px;
}

div#head_right {
	float: right;
	width: 480px;  /* 幅領域495、ロゴとの間50 */
	margin-top: 10px;
	padding-right: 15px;
	text-align: right;
}


/* -----------
ナビゲーション メニュー (旧)
---------------------------- */
#pagemenu {
	clear: both;
	width: 850px;  /* 幅領域860 */
	height: 50px;
	margin: 0 0 0 5px; /* 左グラデ */
}

ul#pagemenu,
ul#pagemenu li {
	float: left;  /* 幅850のナビimg配置 */
}

ul#pagemenu {
	width: 850px;
	height: 50px;
	padding-left: 8px;
	background-image: url(img/navi.png);
	background-repeat: no-repeat;
	list-style: none;
}

ul#pagemenu li a {
	display: block;
	width: 139px; /* 指定箇所 */
	height: 50px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}


/* -------------------------
トップページ用 コンテンツ／メイン
---------------------------- */
div#topcontents {
	clear: both;  /* ナビfloatの解除 */
	width: 850px;  /* 幅領域860 */
	padding-left: 5px;
	margin: 0px;
}


/* -----トップ写真----- */
div#topimage {
	width: 850px;  /* 幅領域850 */
	padding: 10px 0 0;
}

div#topphoto_left {
	float: left;
	width: 630px;  /* 幅領域630 メイン写真 */
}


/* -----3カラム(左)+(右)----- */
div#topmain {
	clear: both;  /* 前述のfloat解除 */
	width: 850px;  /* 幅領域850 3カラム */
}

div#arealeft {
	float: left;
	width: 600px;  /* 幅領域600 交通案内等(左)+What's New(右) */
}

div#topleft {
	float: left;
	width: 215px;  /* 幅領域215 交通案内等 */
	padding-bottom: 30px;
	background-image: url(img/bg03.png);
	background-repeat: repeat-y;
}

div.infoleft {
	width: 186px;  /* 幅領域215 */
	margin: 20px 14px 0;  /* 交通案内等一つずつのエリア */
	padding-bottom: 2px;  /* pの1emあり、 左右paddingはmg14で調整 */
	background-color: #ffffff;
	border: solid #cccccc 1px;
	line-height: 1.2;
	font-size: 10pt;
}


div#topcenter {
	float: right;
	width: 360px;  /* 幅領域360 What's New */
	margin-top: 25px;
}


div#topright {
	float: right;
	width: 195px;  /* 幅領域250 画像195 バナーなど(右) */
	margin-top: 25px;
	padding-right: 15px;
}

/* Information */
.side_ttlbar	{
	margin-bottom: 0;
	font-size: 10pt;
	font-weight: bold;
	}

div.bar ul	{
	width: 184px;
	margin: 8px 5px 40px;
	padding: 0;
	}

div.bar li	{
	list-style-type: none;
	margin-left: 3px;
	margin-bottom: 4px;
	padding-left: 13px;
	background-image: url(img/mark01.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 10pt;
	}

div.bar li a	{
	text-decoration: none;
	}



/* -------------------------
全ページ用
---------------------------- */
.clear {
	clear: both;
}

.waku01 {
	margin-bottom: 15px;
	padding: 10px;
	border: dotted 3px #3399cc;  /* 水色 未使用 */
}



/* -----共通リスト(list011～)----- */
/* list011～マーク画像 list021～マーク list031～数字あり list041～マークなし */

.list021 {
	list-style: disc outside;  /* マークあり■(ul黒丸disc 黒四角square) */
	margin: 0;
	padding: 0;
	margin-left: 1.5em;  /* 1.2em先頭揃え */
	margin-bottom: 1em;  /* トップページ */
}

/* -----定義リスト通常(list051～)----- */
/* list051入院DPCのQ&A */



/* -----定義リスト横並び表(list061～)----- */

.list062 dl {
	float: left;
	width: 355px; 
	margin-left: 5px;  /* What's New 定義リスト横並び */
	font-size: 10pt;
}
.list062 dt {
	float: left;
	clear: both;
	width: 80px;  /* 幅領域360 */
	margin-right: 5px;
}
.list062 dd {
	float: left;  /* 定義リスト横並び 後述にclearでfloat解除する */
	width: 260px;
	margin: 0 0 5px 0;  /* 共通リセットでdlのみ0指定済み */
	padding: 0;
	list-style: none;
}



/* -----共通スタイル----- */
.fs01 {
	font-size: 80%;
}

.fs02 {
	font-size: 10pt;
}

.fs03 {
	font-size: 8pt;  /* index */
}

.fs04 {
	font-size: 10pt;
	color: #ff3333;  /* news01 #ffcc00黄 #ff9900橙  #cc6600茶 */
	font-weight: bold;
}


.fs06 {
	letter-spacing: -0.1em;  /* 幅狭 snavi */
}

.fs07 {
	font-family: monospace;  /* 未使用 等幅フォント 沿革 */
	line-height: 2;
}

.fs08 {
	font-weight: normal;
}


.fs11 {
	text-align: right;
}

.fs12 {
	font-size: 10pt;  /* ▲トップへ */
	text-align: right;
}

.fs13 {
	float: right;  /* imgの右寄せ */
	margin-left: 10px;
}


/* -----余白----- */
.mg01 {
	margin-bottom: 0;
}

.mg02 {
	margin-bottom: 0.5em;
}

.mg03 {
	margin-bottom: 1em;
}

.mg04 {
	margin-bottom: 1.5em;
}

.mg05 {
	margin-bottom: 2em;
}

.mg06 {
	margin-bottom: 2.5em;
}

.mg07 {
	margin-bottom: 3em;
}

.mg11 {
	margin-left: 1em;  /* 左余白 */
}

.mg12 {
	margin-left: 0.5em;  /* 左余白 service05 */
}

.mg13 {
	margin-left: 1.7em;  /* 左余白 sitemapのサブ */
}

.mg14 {
	padding-left: 13px;  /* 左余白 トップ左エリア 白背景のpadding */
	padding-right: 10px;
}


/* -----Top page改修に伴い作成したcss----- */
.mg00 {
	margin: 0px;
	padding: 0px;
}
.mg00b {
	padding-left: 13px;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 1em;
}
.mg00c {
	padding-left: 13px;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
.mg00d {
	margin-top: 12px;
	margin-bottom: 8px;
}
.mg_cent {
	margin: 0px;
	padding-top: 0.5em;
	text-align: center;
}
div.leftBox {
	width: 188px;
	background-color: #ffffff;
	margin-top: 20px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
	padding: 0px;
}
div.leftBox div.bgLine {
	width: 186px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	font-size: 10pt;
}
div.leftBoxBnr {
	width: 188px;
	margin-top: 20px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
	padding: 0px;
}
/* グローバルナビゲーションCSS　-----------------------------*/
#Gnavi {
	width: 850px;
	height: 40px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	vertical-align: top;
}
#Gnavi ul#GnBox {
	width: 850px;
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#Gnavi ul li {
	text-decoration: none;
	display: block;
	height: 40px;
	float: left;
}
/* \*//*/
#Gnavi ul li a {
	text-decoration: none;
	display: block;
	text-indent: -9999px;
}
/**/
/* \*/
#Gnavi ul li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
/**/
#Gnavi li#NV01 ,#Gnavi li#NV01 a {
	display: block;
	height: 40px;
	width: 139px;
	text-decoration:none;
	background-image: url(../img/nv01.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV01 a:hover {
	background-image: url(../img/nv01_on.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV02 ,#Gnavi li#NV02 a {
	display: block;
	height: 40px;
	width: 143px;
	text-decoration:none;
	background-image: url(../img/nv02.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV02 a:hover {
	background-image: url(../img/nv02_on.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV03 ,#Gnavi li#NV03 a {
	display: block;
	height: 40px;
	width: 143px;
	text-decoration:none;
	background-image: url(../img/nv03.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV03 a:hover {
	background-image: url(../img/nv03_on.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV04 ,#Gnavi li#NV04 a {
	display: block;
	height: 40px;
	width: 143px;
	text-decoration:none;
	background-image: url(../img/nv04.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV04 a:hover {
	background-image: url(../img/nv04_on.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV05 ,#Gnavi li#NV05 a {
	display: block;
	height: 40px;
	width: 143px;
	text-decoration:none;
	background-image: url(../img/nv05.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV05 a:hover {
	background-image: url(../img/nv05_on.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV06 ,#Gnavi li#NV06 a {
	display: block;
	height: 40px;
	width: 139px;
	text-decoration:none;
	background-image: url(../img/nv06.gif);
	background-repeat: no-repeat;
}
#Gnavi li#NV06 a:hover {
	background-image: url(../img/nv06_on.gif);
	background-repeat: no-repeat;
}

/* -----検索ボックス用css----- */
input.searchBox {
	padding: 0px;
	margin: 0px;
}

/* -----フッターのテキストナビ修正版----- */
#footer02 {
	clear: both;
	width: 850px;
	background-color: #E6E6E6;
	margin-top: 5px;
	display: block;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer02 #Fmenu {
	text-align: center;
	display: block;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer02 #Fmenu ul#FmenuLi {
	vertical-align: top;
	list-style: none;
	clear: both;
	width: 700px;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer02 #Fmenu ul#FmenuLi li {
	float: left;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
}

#footTxt {
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 850px;
	display: block;
	clear: both;
	background-color: #FFF;
	margin: 0px;
}