@charset "shift_jis";

/* 共通CSS */

/*---------------------------------------------
 初期化
---------------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  /* フォント指定しないと、Operaは明朝系になる */
  font-family: Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
  font-size: small;
  color: #333333;
  background: #F7F7F7 url(../../images/bk.jpg) no-repeat;
  line-height: 130%;
  overflow-x: hidden;
}

textarea {
  /* font-size: 90%; */
  /* letter-spacing: .025em; */
  font-family: "メイリオ", Meiryo, "MS UI Gothic", "ヒラギノ角ゴ Pro W3", sans-serif;
}

/* -- 以降、簡単なもの-- */
/* fieldsetは、IEは無害だがFirefoxやOperaでは余白が生まれる */
h1, h2, h3, h4, h5, h6, form, fieldset, dl, dt, dd { margin: 0; padding: 0; }

/* リンク付き画像のために */
img { border-style: none; }

/* Firefoxで点線が出る */
/*a { outline: 0; }*/



/*---------------------------------------------
 共通CSS
---------------------------------------------*/
a {
	color: #2D4654;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #FD7D43;
}

/* floatクリアー */
.clearBoth {
	clear: both;
}

/* pタグ：padding0,margin0 */
p.p0 {
	padding: 0px;
	margin: 0px;
}
/* pタグ：padding10 0,margin0 */
p.pStyle1 {
	padding: 10px 0px;
	margin: 0px;
}


/* centerling */
.centerling {
	text-align: center;
}

/* 右寄せ */
.righting {
	text-align: right;
}

/*============= テキストスタイル =============*/
.txtStyle01 {	/* オレンジ */
	color: #FD7D43;
}

.txtStyle02 {	/* 水色：通常 */
	color: #428EC7;
}
.txtStyle02B {	/* 水色：大き目 */
	color: #428EC7;
	font-size: 1.2em;
}

.txtStyleNormal	{	/* デフォルトカラー */
  color: #333333;
}
.txtStyleBig	{	/* デフォルトカラーの大きめ */
  color: #333333;
	font-size: 1.2em;
}

.txtStyleSmall {	/* テキストやや小さめ */
	font-size: 1em;
	font-weight: normal;
}


/*============= 行間調整 =============*/
.lineH01 {
	line-height: 160%;
}


/*============= 調整 =============*/
.paddingBottom {
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.fontWeightNormal {
	font-weight: normal;
}

/*---------------------------------------------
 h1：ページタイトル
---------------------------------------------*/
/* normal style */
h1#titleH1 {
	background: #3383BE url(../../images/pagetitle_bk.png) no-repeat;
	width: 613px;	/* total:623px */
	min-height: 16px;	/* total:30px */
	padding: 8px 0px 6px 10px;
	font-size: 1.3em;
	margin-bottom: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
* html h1#titleH1 {	/* ===== IE6 hack ===== */
	height: 16px;	/* total:30px */
}


/* [Story Contents] style */
div#h1Area {
	background: #3383BE url(../../images/pagetitle_bk.png) no-repeat;
	width: 613px;	/* total:623px */
	min-height: 16px;	/* total:30px */
	padding: 8px 0px 6px 10px;
	margin-bottom: 16px;
	overflow: hidden;
}
* html div#h1Area {	/* ===== IE6 hack ===== */
	height: 16px;	/* total:30px */
	overflow: visible;
}
div#h1Area h1 {
	width: 400px;	/* h2＋p＝613px */
	float: left;
	padding: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
}
div#h1Area h1.type01 {
	width: 613px;	/* total:613px */
	padding: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
}

div#h1Area h1 span {
	color: #418DC6;
	background: #ffffff;
	padding: 3px;
}
div#h1Area p {
	width: 210px;	/* h2＋p＝613px */
	float: right;
	padding: 0px 3px 0px 0px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}



/*---------------------------------------------
 h2：サブタイトル
---------------------------------------------*/
/* style 01 */
h2.h2subTit01 {
	width: 299px;	/* total:301px */
	border: solid 1px #cccccc;
	padding: 0px;
	background: #e1e1e1 url(../../images/subtitle01.png) no-repeat;
	font-size: 1.1em;
	color: #428EC7;
	font-weight: bold;
}
h2.h2subTit01 a {
	width: 279px;	/* total:299px */
	display: block;
	padding: 8px 0px 7px 20px;
	color: #428EC7;
	text-decoration: none;
}
h2.h2subTit01 a:hover {
	color: #FD7D43;
}


/* style 02 */
h2.h2subTit02 {
	background: #e2e2e2 url(../../images/subtitle02.png) no-repeat;
	width: 601px;	/* total:623px */
	border: solid 1px #cccccc;
	font-size: 1.1em;
	color: #428EC7;
	padding: 6px 0px 5px 20px;
	margin: 0px 0px 10px 0px;
	clear:both;
}


/* style 03　／　style 04 */
div.h2subTit03,
div.h2subTit04 {
	clear: both;
	width: 621px;	/* total:623px */
	background: #e1e1e1 url(../../images/subtitle03.png) no-repeat;
	border: solid 1px #cccccc;
	overflow: hidden;
}
div.h2subTit04 {
	margin-bottom: 10px;
}

div.h2subTit03 h2 {
	width: 400px;	/* h2＋p＝621px */
	float: left;
	padding: 0px;
	font-size: 1.1em;
	color: #428EC7;
	font-weight: bold;
}
div.h2subTit04 h2 {
	width: 621px;	/* total:621px */
	padding: 0px;
	font-size: 1.1em;
	color: #428EC7;
	font-weight: bold;
}

div.h2subTit03 h2 span,
div.h2subTit04 h2 span {
	color: #FFFFFF;
	background: #418DC6;
	padding: 3px;
}
div.h2subTit03 h2 a,
div.h2subTit04 h2 a {
	display: block;
	padding: 6px 0px 5px 6px;
	color: #428EC7;
	text-decoration: none;
}
div.h2subTit03 h2 a:hover,
div.h2subTit04 h2 a:hover {
	color: #FD7D43;
}
div.h2subTit03 h2 a.new {
	background:url(../img/new.gif) no-repeat right 5px;
	width: 410px;
}


div.h2subTit03 p {
	width: 161px;
	float: right;
	padding: 4px 30px 0px 0px;
	margin: 0px;
	color: #2F4957;
	font-weight: bold;
	text-align: right;
}

/* story_movie */

h2.h2subTit05 {
	background: url(../../story/images/subtitle05.jpg) no-repeat;
	width: 794px;	/* total:809px */
	height:35px;
	line-height:35px;
	font-size: 1.4em;
	color: #314B5A;
	padding: 0 0 0 15px;
	margin: 20px 0 10px 15px;
	clear:both;
}
h2.h2subTit05#short {
	background: url(../../story/images/subtitle05_520.jpg) no-repeat;
	width: 520px;	/* total:535px */
	height:35px;
	line-height:35px;
	font-size: 1.4em;
	color: #314B5A;
	padding: 0 0 0 15px;
	margin: 20px 0 10px 15px;
	clear:both;
}

/* h2:h1 normal style */
h2.titleH1Style {
	background: #3383BE url(../../images/pagetitle_bk.png) no-repeat;
	width: 613px;	/* total:623px */
	min-height: 16px;	/* total:30px */
	padding: 8px 0px 6px 10px;
	font-size: 1.3em;
	margin-bottom: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
* html h2.titleH1Style {	/* ===== IE6 hack ===== */
	height: 16px;	/* total:30px */
}


/*---------------------------------------------
 h3：項目
---------------------------------------------*/
/* style 01 */
h3.h3sub01 {
	font-size: 1.1em;
	color: #428EC7;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	background: url(../../images/point04.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 16px;
}

/* style 02 */
h3.h3sub02 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 12px 25px;
	padding: 0px;
}

/*---------------------------------------------
 イメージ＋テキスト
---------------------------------------------*/
.txtRimgL,
.txtLimgR {
/*	width: 623px; */	/* total:623px */
	margin: 0px 0px 12px 0px;
	padding: 0px;
	line-height: 150%;
	
	/* float自動クリア処理 */
	min-height: 0;
	display: inline-table;
}

.txtRimgL:after,	/* float自動クリア処理 */
.txtLimgR:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* \*/ 
* html .txtRimgL,		/* float自動クリア処理 */
* html .txtLimgR {
	height:0;
} 
.txtRimgL,				/* float自動クリア処理 */
.txtLimgR {
	display: block;
} 
/* */ 


/* 右テキスト＋左画像 */
.txtRimgL {
}
.txtRimgL img {
	float: left;
	padding: 0px 20px 0px 0px;
}

/* 左テキスト＋右画像 */
.txtLimgR {
}
.txtLimgR img {
	float: right;
	padding: 0px 0px 0px 20px;
}




/*---------------------------------------------
 文章表示スタイル
---------------------------------------------*/
.txt01 {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height: 150%;
}


/*---------------------------------------------
 レフトナビ：ローカルナビ
---------------------------------------------*/
div#localnavi {
	background: #C6BDA4;
	width: 180px;	/* total:195px */
	padding: 8px 7px 8px 8px;
	margin-bottom: 12px;
}

div#localnavi p.tit {
	width: 180px;	/* total:180px */
	height: 35px;	/* total:35px */
	padding: 0px;
	margin: 0px;
	background: url(../../images/localnav_titl_bk.png) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}
div#localnavi p.tit a {
	width: 172px;	/* total:180px */
	height: 27px;	/* total:35px */
	padding: 8px 0px 0px 8px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

div#localnavi ul {
	width: 180px;	/* total:180px */
	padding: 0px;
	margin: 3px 0px 0px 0px;
	background: #ffffff;
}
div#localnavi ul li {
	padding: 0px;
	margin: 0px;
	border-bottom: dotted 1px #cccccc;
	list-style: none;
}
div#localnavi ul li a {
	width: 162px;	/* total:180px */
	padding: 10px 0px 10px 18px;
	margin: 0px;
	display: block;
	background: url(../../images/arrow01.gif) no-repeat 4px 13px;
}

div#localnavi ul li#menu01 a:hover,
div#localnavi ul li#menu02 a:hover,
div#localnavi ul li#menu03 a:hover,
div#localnavi ul li#menu04 a:hover,
div#localnavi ul li#menu05 a:hover,
div#localnavi ul li#menu06 a:hover,
div#localnavi ul li#menu07 a:hover,
div#localnavi ul li#menu08 a:hover,
div#localnavi ul li#menu09 a:hover,
div#localnavi ul li#menu10 a:hover,
div#localnavi ul li#menu11 a:hover,
div#localnavi ul li#menu12 a:hover,
div#localnavi ul li#menu13 a:hover,

div#localnavi ul li#menu01.navicurrent a,
div#localnavi ul li#menu02.navicurrent a,
div#localnavi ul li#menu03.navicurrent a,
div#localnavi ul li#menu04.navicurrent a,
div#localnavi ul li#menu05.navicurrent a,
div#localnavi ul li#menu06.navicurrent a,
div#localnavi ul li#menu07.navicurrent a,
div#localnavi ul li#menu08.navicurrent a,
div#localnavi ul li#menu09.navicurrent a,
div#localnavi ul li#menu10.navicurrent a,
div#localnavi ul li#menu11.navicurrent a,
div#localnavi ul li#menu12.navicurrent a,
div#localnavi ul li#menu13.navicurrent a,
div#localnavi ul li#menu14.navicurrent a,
div#localnavi ul li#menu15.navicurrent a,
div#localnavi ul li#menu16.navicurrent a,
div#localnavi ul li#menu17.navicurrent a {
	background: url(../../images/arrow01_over.gif) no-repeat 4px 13px;
	text-decoration: none;
	color: #FD7D43;
}


/*============= 治療費シミュレーション =============*/



div#lnavSim {
	background: url(../../images/lnav_sim.png) no-repeat;
	width: 195px;
	height: 86px;
	text-indent: -9999em;
	margin-bottom: 150px;
}


div#lnavSim li {
	list-style: none;
}

div#lnavSim a {
	display: block;
	width: 195px;
	height: 86px;
}


/*---------------------------------------------
 テーブル　ノーマル
---------------------------------------------*/

table.normal{
	margin: 5px;


}

table.normal th {
	margin: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
table.normal th a{
	font-size: 0.9em;
	margin: 5px;
}


table.normal td {
	text-align: center;

}




/*---------------------------------------------
 ページの先頭へ
---------------------------------------------*/
div.toPageTop {
/*	float: right;*/
	clear: both;
	width: 850px;	/* total:850px */
	height: 13px;
	
	position: relative;
	bottom: 0px;
	
}
div.toPageTopCnt {
	background: url(../../images/topagetop.gif) no-repeat right;
}
html>body div.toPageTopCnt {	/* ===== IE6以外に適用 ===== */
	position: relative;
}

div.toPageTop a {
	background: url(../../images/topagetop.gif) no-repeat bottom right;
	float: right;
	display: block;
	width: 97px;
	height: 13px;
	text-indent: -9999em;
	
	position: relative;
}

div.toPageTopCnt a {
	display: block;
	width: 97px;
	height: 13px;
	text-indent: -9999em;
	position: relative;
}


div.toPageTopCnt {
	margin-bottom: 20px;
}
div.toPageTopCnt a {
	top: 0px;
	left: 525px;
}



/*---------------------------------------------
 →リンク（「つづきをみる」等）
---------------------------------------------*/
/* 右寄せバージョン */
.link01R {			/* float自動クリア処理 */
	min-height: 0;
	display: inline-table;
}
.link01R:after {
	content: ".";
	display: block;
	height: 0;
	clear: right;
	visibility: hidden;
}
/* \*/ 
* html .link01R {height:0;} 
.link01R{display: block;} 
/* */ 

.link01R p {
	padding: 4px 0px 0px 16px;
	margin: 0px;
	background: url(../../images/arrow02.png) no-repeat 0px 7px;
	float: right;
}



/* 左寄せバージョン */
.link01L {
	padding: 4px 0px 0px 16px;
	margin: 0px;
	background: url(../../images/arrow02.png) no-repeat 0px 7px;
}