@charset "UTF-8";
@import "base.css";
@import "fonts.css";


/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.4;
}
html>/**/body { font-size: 10px; font-size /*\**/: 62.5%\9; } /* Except IE & Add IE8 */

/**
 * Nudge down to get to 10px equivalent for these form elements
 */ 
select,input,button,textarea {
	font: 100% Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.4;
}



/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 130%;
}

dt img,dd img,li img { vertical-align: bottom; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.f-left { float:left;}
.f-right { float:right;}

a   {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

*:first-child+html p {letter-spacing:0;} 

/*----------------------------------------
■基本リンク
----------------------------------------*/
a:link    {color:#ed7e8e; text-decoration:none;}
a:visited {color:#ed7e8e; text-decoration:none;}
a:hover   {color:#ed7e8e; text-decoration:underline;}
a:active  {outline:none;}


/*----------------------------------------
■サブページテキスト幅
----------------------------------------*/
p.text{ line-height:1.8; letter-spacing:0.1em;}
.text_area { width:630px; height:auto; margin:0 auto; overflow:hidden;}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {background: none;}
body {color: #000000; background:#FFF; position:relative;}


/* マージン設定 */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb120 {margin-bottom:120px !important;}

.mr6 {margin-right:6px !important;}
.mr5 {margin-right:5px !important;}
.mr20 {margin-right:20px !important;}
.mr29 {margin-right:29px !important;}
.mr60 {margin-right:60px !important;}

.ml8 {margin-left:8px !important;}
.right {text-align:right;}

#wrapper_cover  {width:auto; min-width:950px; height:auto; padding:0; margin:auto 0; text-align:center;}
#wrapper{width:100%; height:auto;  padding:0; margin:0 auto; text-align:left;}
	

#main {
	width:950px;
	margin:0 auto 100px;
	overflow:hidden;
	padding:30px 0 0;
}



/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#outer_header {
	width:100%;
	height:125px;
	border-bottom:#f2b0ba 50px solid;
}

#header {
	width:950px;
	height:175px;
	margin:0 auto;
	position:relative;
}

#logo {
	width:282px;
	height:61px;
	position:absolute;
	top:28px;
	left:0;
}

#header_lang {
	width:155px;
	height:23px;
	position:absolute;
	top:11px;
	right:0;
}



#header01 { width:190px; height:35px; position:absolute; top:5px; right:0;}
#header02 { width:280px; height:51px; position:absolute; top:53px; right:0;}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	width:950px;
	height:60px;
	list-style:none;
	position:absolute;
	top:120px;
	left:0;
	background:url(../images/navi_bg.png) no-repeat center top;
	z-index:100;
}


#navi li {
	float:left;
	text-align:center;
}


/*==========================================================================*/
/*                                Main Image                                */
/*==========================================================================*/
#outer_topImage {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#outer_footer {
	width:100%;
	height:140px;
	border-top:10px #f7c1c9 solid;
}

#footer {
	width:950px;
	height:140px;
	margin:0 auto;
	position:relative;
	text-align:left;
	color:#4d4c4c;
}

#footer01 {
	width:395px;
	height:auto;
	position:absolute;
	top:25px;
	left:0;
}

#footer02 {
	width:250px;
	height:auto;
	position:absolute;
	top:40px;
	right:0;
}

#footer02 a:link    {color:#000000; text-decoration:none;}
#footer02 a:visited {color:#000000; text-decoration:none;}
#footer02 a:hover   {color:#000000; text-decoration:underline;}
#footer02 a:active  {outline:none;}


#footer02 li{ background:url(../images/footer_icon01.png) no-repeat 8px 5px; padding:0 0 8px 18px;}

#copy {
	width:100%;
	height:47px;
	background:#f8f8f8;
	text-align:center;
	display:table;
}

#copy p { font-size:11px; color:#4d4c4c;text-align:center; display:table-cell; vertical-align:middle;}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.pink { color:#f38897;}
.red { color:#f38897;}

.font11 { font-size:11px;}
.font14 { font-size:14px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}

.bold { font-weight:bold;}


#pankuzu {
	width:100%;
	height:29px;
	padding-top:5px;
	border-bottom:#ed7e8e 1px dotted;
	margin-bottom:20px;
}

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 7px 5px; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(../images/pankuzu_home.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(../images/pankuzu_arrow.png) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #ed7e8e;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #ed7e8e;
}

.common-table {
	margin:0 auto;
	border-top:#dddddd 1px solid;
	border-left:#dddddd 1px solid;
}
.common-table th {
	padding:8px;
	text-align:center;
	font-weight:bold;
	color:#fb918b;
	background:#fbeaea;
	border-bottom:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
}
.common-table td {
	padding:8px 8px 8px 15px;
	border-bottom:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
}



.w-p18 {width:18% !important;}


.w-p10 {width:10% !important;}
.w-p15 {width:15% !important;}
.w-p20 {width:20% !important;}
.w-p25 {width:25% !important;}
.w-p30 {width:30% !important;}
.w-p35 {width:35% !important;}
.w-p40 {width:40% !important;}
.w-p45 {width:45% !important;}
.w-p50 {width:50% !important;}
.w-p55 {width:55% !important;}
.w-p60 {width:60% !important;}
.w-p65 {width:65% !important;}
.w-p70 {width:70% !important;}
.w-p75 {width:75% !important;}
.w-p80 {width:80% !important;}
.w-p85 {width:85% !important;}


/* 見出し
------------------------------------------------------------------------*/

#outer_h2 {
	width:100%;
	height:159px;
	background:url(../images/h2_bg.jpg) repeat-x 0 0;
}


#outer_h2 h2 {
	width:900px;
	height:99px;
	margin:0 auto;
	padding:60px 0 0 50px;
	color:#ed7e8e;
	font-size:30px !important;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	background:url(../images/h2_detail_bg.jpg) no-repeat center top;
}


#outer_h2_02 {
	width:100%;
	height:259px;
	padding-top:3px;
	background:url(../images/h2_bg2.jpg) repeat-x 0 0;
}


#h2_about {
	width:900px;
	height:140px;
	margin:0 auto;
	padding:110px 0 0 50px;
	background:url(../images/h2_greeting_bg.jpg) no-repeat center top;
}


#h2_outpatient {
	width:900px;
	height:140px;
	margin:0 auto;
	padding:110px 0 0 50px;
	background:url(../images/h2_greeting_bg.jpg) no-repeat center top;
}


#h2_hospitalization {
	width:900px;
	height:140px;
	margin:0 auto;
	padding:110px 0 0 50px;
	background:url(../images/h2_greeting_bg.jpg) no-repeat center top;
}


#h2_access {
	width:900px;
	height:140px;
	margin:0 auto;
	padding:110px 0 0 50px;
	background:url(../images/h2_greeting_bg.jpg) no-repeat center top;
}

.h3_ttl {
	height:auto;
	padding:8px 0 5px 30px;
	margin:0 0 30px;
	background:url(../images/h3_bg.jpg) no-repeat center left;
	font-size:18px; font-weight:bold; letter-spacing:0.1em;
}


.h3_ttl_03 {
	height:auto;
	padding:3px 0 3px 12px;
	margin:0 0 20px;
	border-left:#ed7e8e 3px solid;
	font-size:21px;
	letter-spacing:0.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#ed7e8e;
}


.h4_ttl {
	margin:0 auto 10px;
	font-size:16px;
	letter-spacing:0.1em;
	color:#f38897;
	line-height:16px;
}


h4.title_h4-2 {
	margin:0 0 10px 25px;
	font-size:16px;
	letter-spacing:0.1em;
	color:#f38897;
	line-height:1.2em;
	text-indent:-25px;
}



h5.title_h5 {
	color:#666;
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 5px;
}	



/* list */
#main ul {
	list-style:disc;
	padding:0 0 0 5px;
	margin:0 0 30px 5px;
}

#main li {
	list-style:disc;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}



/* index
------------------------------------------------------------------------*/
/* top image */
.div01{
	height: 400px;
	background-color: #FFF;
}



#block_topContent {
	width:950px;
	overflow:hidden;
	margin:0 auto 50px;
}


#block_topContent li {
	width:230px;
	margin:0 10px 0 0;
	float:left;
	padding:0;
}



#block_topContent li.rightEdge {
	width:230px;
	margin:0 !important;
	float:left;
	padding:0;
}


#block_topContent li h3 {
	color:#ed7e8e;
}


#block_topContent li p {
	margin:0 0 10px;
	text-align:center;
}