@charset "utf-8";


/* ======================================================================== *//*
* Common
*//* ======================================================================== */

*{
	margin : 0;
	padding: 0;
}

html {
	height      :100%;
	overflow    :auto;
	margin      :0;
	padding     :0;
}

body {
	height      :100%;
	margin      :0;
	padding     :0;
	background  :#fff;
	color		:#555;
	font-size: 13px;
	font-family:
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,"MS P Gothic","ＭＳ Ｐゴシック",
		sans-serif;
	text-align: center;
	line-height: 150%;
	background: #fff;
}
	
a:link{ color: #00358A; text-decoration:none; outline:none; }
a:visited { color:#4F637A;  text-decoration:none; outline:none; }

a:focus,
a:active ,
a:hover { color: #bd274c; text-decoration:underline; }

img { border:none; }

li {
	list-style:none;
}

br.clear{
	clear:both;
}

small{
	line-height: 125%;
}


/* ======================================================================== *//*
* Clear Fix
*//* ======================================================================== */

div.clearfix {
    zoom:1;/*for IE 5.5-7*/
}

div.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* ======================================================================== *//*
* Layout
*//* ======================================================================== */

#wrap {
	width: 920px;
	margin: 0 auto;
	text-align:left;
}

#main{
}



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

#header{
}

#header h1.logo{
	margin: 11px 0 2px;
}

#header h1 span{
	font-size: 18px;
	font-weight: bold;
	color:#933;
	border: 1px solid #960;
	padding: 2px 10PX;
	position: relative;
	top : -10px;
}

#header #gnavi ul li{
	float:left;
	list-style:none;
	margin: 0 0 15px 4px;
}
#header #gnavi ul li.first{
	margin: 0 0 15px 0;
}


#header #gnavi ul li a{
	display : block;
	background: url(../images/menu_def.png) no-repeat;
	text-decoration:none;
	width:128px;
	height:26px;
	line-height:26px;
	color:#7c603e;
	font-weight: normal;
	text-align: center;
	}

#header #gnavi ul li.current a{
	background: url(../images/menu_current.png) no-repeat;
	color:#fff;
}

#header #gnavi ul li a:hover{
	color:#fff;
	background: url(../images/menu_current.png) no-repeat;
}

/* ======================================================================== *//*
* pankuzu
*//* ======================================================================== */

p#pankuzu {
	background : #222;
	margin: 15px 0;
	padding: 3px 0 3px 10px;
}


/* ======================================================================== *//*
* Main
*//* ======================================================================== */

.keyVisual {
	width:920px;
	height195px;
	margin-bottom: 22px;
}

.pankuzu {
	margin:5px 0;
	font-size:10px;
}
.pankuzu a{
	text-decoration:underline;
}


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

.topContent{
	padding-bottom: 20px;
	border-bottom: #ccc dashed 1px;
}




#contents{
	width: 700px;
	float: left;
}


#contents h2{
	font-size: 18px;
	color: #83645e;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#contents h3{
	font-size: 16px;
	color: #83645e;
	font-weight: normal;
	margin: 15px 0 15px 0;
	border-left: 4px solid #83645e;
	padding-left: 10px;
}

#contents .section{
	margin: 15px 0;
}

/* 2ブロック */
#contents div.block2Left{
	float:left;
	width:49%;
}

#contents div.block2Right{
	float:right;
	width:49%;
}


table.grid {
	border-collapse	:collapse;
	width			:100%;
	clear			:both;
	border			:2px solid #EEE;
	}
	table.grid th {
		text-align		:left;
		white-space     :normal;
		vertical-align	:top;
		padding			:0.5em;
		border			:1px solid #FFF;
		background		:#E6E6E6 url(../images/tbody_tr_bg.png) right bottom;
		font-weight     :normal;
		}
	table.grid thead th {
		background		:#E6E6E6 url(../images/thead_tr_bg.png) repeat-x 0 50%;
		}
	table.grid tbody th {
		}
	table.grid td {
		vertical-align	:top;
		padding			:0.5em;
		border			:1px solid #FFF;
		background		:#F6F6F6 url(../images/tbody_td_bg.png) right bottom;
		}
	table.grid td.nowrap {
		white-space: nowrap;
		}


/* ======================================================================== *//*
* Right Side Bar
*//* ======================================================================== */
#rightSide{
	float: right;
	width: 200px;
	
}
#rightSide .block{
	width:200px;
	background: url(../images/right_block_up.png) top no-repeat;
	margin: 0 0 10px 0;
}

#rightSide .blockIn{
	background: url(../images/right_block_bottom.png) bottom no-repeat;
	padding: 15px 10px;
}

#rightSide h2{
	font-size:14px;
	font-weight:normal;
	margin:0.5em 0;
}

#rightSide h3{
	font-size:14px;
	font-weight:bold;
	color:#035fb2;
	margin:20px 0 10px 0;
}


#rightSide ul li{
	list-style:none;
	padding: 0.1em 0 0.1em 20px;
	background: url(../images/list_arrow.png) left no-repeat;
}

p.border {
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 5px;
	font-size: 12px;
}

span.sinryo{
	font-size: 10px;
}

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

p.anchor {
	text-align:right;
	margin: 0.5em 0;
	font-size: 10px;
}
p.anchor span{
	background: url(../images/anchor_arrow.png) left no-repeat;
	padding: 0 0 0 17px;
}

p.pageback {
	text-align:left;
	margin: 0.5em 0;
	font-size: 10px;
	float:left;
	width:50%;
}
p.pageback span{
	background: url(../images/anchor_back.png) left no-repeat;
	padding: 0 0 0 12px;
}

#footer{
	padding: 10px 0;
	margin: 0 auto;
}

#footer div.section{
	float:left;
	width: 220px;
	text-align:left;
}

#footer h3, #footer ul{
	margin: 0.5em 0 0.5em 0;
}

#footer li{
	padding: 0.25em 0 0.25em 15px;
	background: url(../images/list_arrow.png) left no-repeat;
	line-height: 100%;
	font-size: 11px;
}

#footer address {
	float:center;
	font-style:normal;
	font-size:85%;
	margin: 1em 0;
	text-align: center;
	border-top: #ccc dashed 1px;
}

div.block3 {
	margin: 20px 0 20px;
}


div.block3column{
	float: left;
	width: 218px;
	border: 1px solid #ccc;
	margin-left: 20px;
	min-height: 200px;
}

div.block3columnFirst{
	float: left;
	width: 218px;
	border: 1px solid #ccc;
	margin-left: 0px;
	min-height: 200px;
}

div.block3column p, div.block3columnFirst p{
	margin: 3px;
}

div.block3column h2, div.block3columnFirst h2{
	margin: 0.5em 3px;
	font-size: 16px;
}


div.block3column h2 a, div.block3columnFirst h2 a{
	color: #83645e;
}


a.mapLink{
	background: url(../images/map.png) no-repeat;
	padding-left: 20px;
	min-height: 16px;
}
	
/* ======================================================================== *//*
* Top Page
*//* ======================================================================== */
.topIin{
	float: left;
	width: 310px;
}
.topMain{
	width: 370px;
	float: right;
}

/* ======================================================================== *//*
* Doctor
*//* ======================================================================== */

.doctorContent{
}
.doctorPara{
	float: left;
	width: 430px;
}
.doctorVisual{
	width: 250px;
	float: right;
}

/* ======================================================================== *//*
* About
*//* ======================================================================== */

.listUp li{
	margin-left: 3em;
	list-style: disc; 
}
.block{
	border: 1px solid #ccc;
	padding: 1em;
}

div.imgRight{
	float: right;
	border: 1px solid #ccc;
}
div.imgRight img{
	margin: 3px;
}

div.feeItems{
	width:435px;
	float:left
}

h4{
	margin: 0.5em 0;
	color: #83645e;
}

.sentece{
	margin-left: 2em; 
}

/* ======================================================================== *//*
* Step
*//* ======================================================================== */


.stepBlock{
	border: 1px solid #ccc;
	padding: 1em;
}
.stepBlock ol li{
	list-style: decimal;
	margin-left: 2em; 
}

p.arrow{
	text-align: center;
}
