@charset "euc-jp";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　共通レイアウト設定　★

■１．初期設定のリセット
■２．初期設定（タグ設定）
■３．共通仕様
　●３-１　ラッパー
　●３-２　ヘッダー
　●３-３　ナビゲーション（横型）
　●３-４　コンテンツ・ラッパー
　●３-５　コンテンツ、左右コンテンツ
　●３-６　ナビゲーション（縦型）
　●３-７　ページトップ
　●３-８　フッター

■４．対複数設定
　●４-１．フロート・クリアーボックス
　●４-２．見出し
　●４-３．テキスト
　●４-４．マージン・パディング調整
　●４-５．ボックス
　●４-６．テーブル
　●４-７．ボーダー

■５．定型パーツ
　●５-１．noscriptメッセージ
　●５-２．ページネーション
　●５-３．ページ内リンク/サブメニュー
　●５-４．パンくずメニュー

■６．その他パーツ

■７．印刷ページ共通設定


★　CSSの記述順　★
→表示形式等
	・display
	・list-style
	・position
	・float
	・clear

→ボックスモデル
	・width
	・height
	・margin
	・padding
	・border
	・background
	
→フォント設定
	・color
	・font
	
→テキスト設定に関してはボックスモデルと併記
	・text-decoration
	・text-align
	・text-indent
	
	・vertical-align

→その他は末尾、コメント等を併記
	・other text
	
→以下プロパティに関しては未記述
	・content


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．初期設定のリセット
タグに設定されている初期値を解除
※この設定は任意
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote{
	margin:0px;
	padding:0px;
}
ul,li{
	list-style:none;
}
table{
	border:0;
}
img{
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．初期設定（タグ設定）
タグに値を設定/タグ自体に設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	margin:0px;
	padding:0px;
	background:#ffffff;
}

/*◆フォント設定*/
body{
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
	font-size:12px;
	text-align:center;
	line-height:1.4;
	word-spacing:0;
	letter-spacing:0;
}
input,textarea,select{/*その他form設定→form.css*/
	color:#666666;
}
/*赤字class（対複数設定）*/
.red{
	color:#cc3333;
}

/*◆リンク設定*/
a,
a:link,
a:visited{
	color:#2E8B57;
	text-decoration:underline;
	outline:none;
}
a:hover,
a:active,
a:focus{
	color:#FF6600;
	text-decoration:none;
}

/*◆h1*//*※seo用に使用すること,seoのフォントサイズは固定にする*/
h1{
	margin:0 auto;
	background:#2E8B57;
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	line-height:15px;
}
h1 span{
	display:block;
	width:980px;
	margin:0 auto;
}


/*◆段落中の画像*/
p img{
	vertical-align:middle;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．共通仕様
　※ここでの設定は、ＩＤ・ＣＬＡＳＳは固定名
　※設定する値は任意
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-１．ラッパー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#wrapper{}
#container{
	background:url(../common_img/container_bg.jpg) repeat-x top;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-２．ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#header{
	position:relative;
	width:980px;
	height:100px;
	margin:0 auto;
	background:#ffffff;
}

/*◆ロゴ*/
#header h2{
	position:absolute;
	top:20px;
	left:16px;
}

/*◆お問い合わせ*/
#headInfo{
	width:490px;
	height:50px;
	margin:0 0 0 auto;
	padding:7px 11px 18px 0;
}
#headInfo dt{
	float:right;
	width:220px;
}
#headInfo dd{
	float:left;
	width:270px;
}

/*◆メニュー*/
#headNav{
	height:20px;
	margin:0 0 0 auto;
	padding-right:11px;
}
#headNav li{
	float:right;
	height:20px;
}
#headNav .li01{width:70px;}
#headNav .li02{width:110px;}
#headNav .li03{width:70px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-３．ナビゲーション（横型）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆グローバル************/
#gnav{
	width:980px;
	margin:0 auto;
	background:#ffffff;
}
#gnav ul{
	width:956px;
	height:50px;
	margin:0 auto;
	padding:4px;
	background:url(../common_img/gnav_bg.jpg);
}
#gnav li{
	float:left;
	height:50px;
}
#gnav01{width:162px;}
#gnav02{width:159px;}
#gnav03{width:159px;}
#gnav04{width:157px;}
#gnav05{width:158px;}
#gnav06{width:161px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-４．コンテンツ・ラッパー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#main{
	width:980px;
	margin:0 auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-５．コンテンツ・カラム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆メインコンテンツ*/
#content{
	float:right;
	width:720px;
}

#side{
	float:left;
	width:226px;
	padding-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-６．ナビゲーション（縦型）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆検診************/
#sideCheckup{
	margin:0 auto 10px;
}

/*◆手術************/
#sideOpe{
	margin:0 auto 10px;
}

/*◆症例************/
#sideCase{
	margin:0 auto 10px;
	padding:2px;
	border:1px solid #DCDCDD;
	background:#F5F5F5;
}
#sideCase dl{
	padding:3px 2px 1px;
	border:1px solid #EBEBEB;
	background:#ffffff;
}
#sideCase dt,
#sideCase dd{
	padding-bottom:2px;
}

/*◆バナー************/
.sideBnr{}
.sideBnr li{
	padding-bottom:10px;
}

/*◆Information************/
#sideInfo{
	margin:0 auto 10px;
	padding:2px 2px 0;
	border:1px solid #DCDCDD;
	background:#F5F5F5;
}
#sideInfo dt{
	padding-bottom:3px;
}
#sideInfo dd dd{
	padding:3px 5px 10px;
	color:#666666;
	font-size:10px;
	text-align:left;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-７．ページトップ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.page-up{
	margin:0 auto;
	padding-bottom:20px;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-８．フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆フッターラッパー************/
#footer{}

/*◆フッターメニュー******/
#footNav{
	width:980px;
	margin:0 auto;
	padding:40px 0 3px;
}
#footNav ul{}
#footNav li{
	display:inline;
	padding:0 11px;
	border-right:1px solid #ABABAB;
	font-size:14px;
	line-height:24px;
}
#footNav li.first_child{
	border-left:1px solid #ABABAB;
}
#footNav li a,
#footNav li a:link,
#footNav li a:visited{
	color:#333333;
	text-decoration:none;
	white-space:nowrap;
}
#footNav li a:hover,
#footNav li a:active,
#footNav li a:focus{
	color:#2E8B57;
	text-decoration:underline;
}


/*◆連絡先・お問い合わせ******/
#footInfo{
	padding:18px 0 30px;
	background:url(../common_img/footInfo_bg.png) repeat-x top;
}
#footInfo dl{
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:right;
}
#footInfo .li01{
	position:absolute;
	top:0;
	left:0;
}
#footInfo .li02{
	float:right;
}

/*◆バナー******/
#footBnr{
	width:960px;
	margin:0 auto;
	font-size:10px;
}
#footBnr a,
#footBnr a:link,
#footBnr a:visited{
	color:#999999;
	text-decoration:none;
	white-space:nowrap;
}
#footBnr a:hover,
#footBnr a:active,
#footBnr a:focus{
	color:#2E8B57;
	text-decoration:underline;
}
/*フラッシュ・PDF等、プラグインバナーリンク*/
#footBnr dl{
	float:left;
	text-align:left;
}
#footBnr dt{
	float:left;
	width:112px;
}
#footBnr dd{
	padding:0 0 0 122px;
}

/*オールインターネットのテキストリンク*/
#footBnr #ai{
	padding-bottom:50px;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．対複数設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-１．フロート・クリアーボックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.clear {clear:both;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-２．見出し
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ページタイトル*/
#title{
	padding-bottom:20px;
}

/*◆各見出し*/
.titStyl01{
	padding-bottom:10px;
	color:#2E8D57;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.titStyl02{
	overflow:hidden;
	zoom:1;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.titStyl02 span{
	display:inline-block;
	padding:0 0 10px 14px;
	background:url(../common_img/marker01.gif) no-repeat 0 3px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-３．テキスト
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆赤字
.red{}→■２．初期設定（タグ設定）に記述*/

/* ◆基本テキスト*/
.txtStyl01{
	padding:0 0 1.8em;
	text-align:left;
	line-height:1.8;
}
.txtStyl02{
	padding:0 0 3em;
	text-align:left;
	line-height:1.8;
}

/*◇改行禁止*/
.nobr{
	white-space:nowrap;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-４．マージン・パディング調整
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.mgnB20{
	margin-bottom:20px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-５．ボックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆フロートボックス*/
.fbox01l{
	float:left;
	padding:0 30px 20px 0;
}
.fbox01r{
	float:right;
	padding:0 0 20px 20px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-６．テーブル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-７．ボーダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５．定型パーツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●５-１．noscriptメッセージ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#nscrpt{
	display:block;
	margin:0 auto;
	padding:30px 0;
	color:#ff0000;
	font-weight:bold;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●５-２．ページネーション
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.pagenation{
	width:100%;
	margin:0 auto 15px;
	border-bottom:1px dotted #cccccc;
}
.pagenation .prev{
	float:left;
	padding:0 0 10px;
}
.pagenation .next{
	float:right;
	padding:0 0 10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●５-３．ページ内リンク/サブメニュー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.link_nav{
	margin:0 auto 20px;
	padding:5px 0;
	border:1px solid #EAEAEA;
	background:#F4F4F4;
	font-size:12px;
	text-align:left;
	line-height:20px;
}
.link_nav2{
	margin:0 auto 20px;
	font-size:12px;
	text-align:left;
	line-height:20px;
}
.link_nav li{
	display:inline;
	padding:0 10px;
}
.link_nav2 li{
	display:inline;
	padding:0 20px 0 0;
}
.link_nav a,
.link_nav a:link,
.link_nav a:visited,
.link_nav2 a,
.link_nav2 a:link,
.link_nav2 a:visited{
	padding-left:12px;
	background: url(../common_img/link_marker01_off.gif) no-repeat center left;
	text-decoration:none;
	white-space:nowrap;
}
.link_nav a:hover,
.link_nav a:active,
.link_nav a:focus,
.link_nav2 a:hover,
.link_nav2 a:active,
.link_nav2 a:focus{
	background: url(../common_img/link_marker01_on.gif) no-repeat center left;
	text-decoration:underline;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６．その他パーツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆個人情報保護方針
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.ppBox{
	margin:0 auto 20px;
	text-align:left;
}
.ppTxt{
	padding:0 10px 20px;
	text-align:left;
}
.ppList{
	margin:0 10px;
	padding:15px 20px;
	border:1px solid #cccccc;
	background:#eeeeee;
}
.ppList p{}
.ppList ol{
	padding-top:20px;
}
.ppList li{
	list-style:none;
	margin:0 auto;
	padding:2px 0 2px 14px;
	background:url(../common_img/marker03.gif) no-repeat 0 5px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆フォームテーブル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.frmTable01{
	width:720px;
	margin:0 auto 15px;
	border-collapse:separate;
	border-spacing:2px;
	background:#E0E0E1;
	text-align:left;
}
.frmTable01 th{
	width:200px;
	padding:8px 10px;
	border:1px solid #cccccc;
	background:#C4F2C9;
	font-weight:normal;
	text-align:center;
	text-align:left;
}
.frmTable01 td{
	padding:8px 15px;
	border:1px solid #cccccc;
	background:#F5F5F5;
}

/*◇必須・任意アイコン*/
.frmTable01 th div{
	position:relative;
}
.frmTable01 th label{
	display:block;
	padding-left:40px;
}
.frmTable01 th div img{
	vertical-align:middle;
}
.frmTable01 th span{
	width:27px;
	height:14px;
	padding:2px 0;
	position:absolute;
	left:0;
}

/*◇例テキスト*/
.frmExmpl{
	display:inline-block;
	padding:0 0.5em;
}

/*◇td内input上下マージン調整*/
.frmTable01 .frmMgn01{
	padding:8px 0;
}
.frmTable01 .frmMgn02{
	padding-bottom:8px;
}
.frmTable01 .frmMgn03{
	padding-top:8px;
}

/*◇td内リスト*/
.frmTable01 td ul li{
	display:inline;
}
.frmTable01 td ul li.last_child{
	display:block;
	padding:8px 0 0;
}
.frmTable01 td ul li input{
	margin-right:3px;
}

.frmTable01 td .inline-block{
	display:inline-block;
	padding-right:1em;
	white-space:nowrap;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆治療費テーブル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.costTable{
	margin:0 auto 10px;
	padding:2px;
	border:1px solid #DCDCDD;
	background:#F5F5F5;
	text-align:center;
}
.costTable table{
	width:714px;
	border-collapse:separate;
	background:#ffffff;
	font-size:12px;
}
.costTable .col01{width:260px;}
.costTable .col02,
.costTable .col03{width:227px;}
.costTable .col04{}
.costTable th{
	padding:8px 10px;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #dddddd;
	background:url(../common_img/bg_pattern03.gif);
}
.costTable thead th{
	padding:4px 10px;
	border-left:1px solid #dddddd;
	background:url(../common_img/bg_pattern02.gif);
}
.costTable td{
	padding:8px 10px;
	border:1px solid #dddddd;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
.costTable .last_child td{
	border-bottom:none;
}
.costTable .last_child th{
	border-bottom:none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆施術スケジュール（フロー）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.flowList{
	width:720px;
	margin:0 auto;
	text-align:left;
}

/*◇記事枠*/
.flowList li{
	background:url(../common_img/flow_arrow.gif) no-repeat left bottom;
}
.flowList li.last_child{
	background:url(../common_img/flow_arrow.gif) no-repeat left top;
}
/*見出し*/
.flowList h5{
	margin:0 auto 10px 4px;
	padding:4px 10px;
	background:url(../common_img/bg_pattern02.gif);
	font-size:14px;
	font-weight:bold;
}
.flowList h5 span{
	padding-left:10px;
	font-size:12px;
	font-weight:normal;
}
.flowList h6{
	margin-left:20px;
	padding:0 0 0 14px;
	background:url(../common_img/marker01.gif) no-repeat 0 2px;
	color:#2E8D57;
	font-size:14px;
	font-weight:normal;
}
/*写真*/
.flowList .photo{
	float:right;
	padding:0 0 20px 20px;
}
/*本文*/
.flowList .txt01{
	overflow:hidden;zoom:1;/*回り込みさせない*/
	padding:10px 0 20px 20px;
	line-height:1.8;
}
.flowList .txt02{
	overflow:hidden;zoom:1;/*回り込みさせない*/
	padding:0 0 20px 20px;
	font-size:12px;
	line-height:1.8;
}
/*リスト*/
.flowList ul{
	overflow:hidden;zoom:1;/*回り込みさせない*/
	margin-left:25px;
	padding:10px 0 20px 20px;
	font-size:12px;
}
.flowList ul li{
	list-style:outside disc;
	background:none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■７．印刷ページ共通設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#PRINT{
	padding:10px 0 0;
	background:#ffffff;
}

/*◆プリントスタイル*/
@media print{

#PRINT{
	background:none;
	background-color:#ffffff;
	color:#333333;
}
#PRINT form{display:none;}

}