@charset "utf-8";
* {
	padding: 0;
	margin: 0;
}

body {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #373582;
	background-color: #FFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 14px;
	line-height: 21px;
}

img {
	margin: 0px;
	padding: 0px;
    border-style:none;
}

a img {
　　border-style: none;
}

h1 {
	display: block;
	margin-bottom: 39px;
	margin-left: 39px;
	position: absolute;
	left: 0px;
	top: 220px;
}

h2 {
	margin-top: 20px;
	margin-bottom: 15px;
	float: left;
	margin-left: 39px;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 4px;
}

#logo {
	margin-top: 20px;
	margin-bottom: 15px;
	float: left;
	margin-left: 39px;
}

#banner_tel {
	float: right;
	margin-top: 28px;
	margin-right: 39px;
}

#headlines {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 17px;
	font-size: 10px;
	color: #FFF;
	background-color: #373582;
	width: 847px;
	padding-left: 19px;
	padding-bottom: 2px;
	font-weight: bold;
}

.clear {
	clear: both;
	display: block;
	height: 0px;
}

#container {
	width: 900px; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	background-repeat: repeat;
	position: relative;
	height: auto;
	background-image: url(../images/bg.gif);
}

#footer {
	height: 50px;
	text-align: center;
	padding-top: 14px;
	width: 866px;
	margin-left: 17px;
	background-color: #00003E;
	color: #FFF;
	clear: both;
	font-size: 12px;
}

#footer a:link {
	color: #FFF;
	text-decoration: underline;
}

#footer a:visited {
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover {
	color: #C03;
	text-decoration: underline;
}

#footer a:active {
	color: #FFF;
	text-decoration: underline;
}

#bottom {
	height: 30px;
	text-align: center;
	padding-top: 14px;
	width: 866px;
	margin-left: 17px;
	background-color: #00003E;
	clear: both;
	color: #007DFB;
	font-size: 10px;
}


/*MENU
------------------------------------------------------------------------*/

#globalNav {
	top: 135px;
	left: 16px;
	width: 830px;
	height: 50px;
	list-style-type: none;
	margin-left: 19px;
	position: absolute;
	background-color: #FFFFFF;
	background-image: url(../images/menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#globalNav li {
	float: left;
}

#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:50px;
	padding-top: 50px;
	background-image: url(../images/menu.jpg);
	color: #FFFFFF;
}

#nav01 {
	width: 81px;
}

#nav02 {
	width: 95px;
}

#nav03 {
	width: 119px;
}

#nav04 {
	width: 91px;
}

#nav05 {
	width: 116px;
}

#nav06 {
	width: 127px;
}

#nav07 {
	width: 120px;
}

#nav08 {
	width: 81px;
}

/*  GLOBAL NAVI
---------------------------------------------*/
	
/* 通常 */
#index #nav01 a { background-position:  0     0; }
#index #nav02 a { background-position: -81px  0; }
#index #nav03 a { background-position: -176px 0; }
#index #nav04 a { background-position: -295px 0; }
#index #nav05 a { background-position: -386px 0; }
#index #nav06 a { background-position: -502px 0; }
#index #nav07 a { background-position: -629px 0; }
#index #nav08 a { background-position: -749px 0; }
	
/* 現在位置 */
#index #nav01 a.stay { background-position:  0     -50px; }
#index #nav02 a.stay { background-position: -81px  -50px; }
#index #nav03 a.stay { background-position: -176px -50px; }
#index #nav04 a.stay { background-position: -295px -50px; }
#index #nav05 a.stay { background-position: -386px -50px; }
#index #nav06 a.stay { background-position: -502px -50px; }
#index #nav07 a.stay { background-position: -629px -50px; }
#index #nav08 a.stay { background-position: -749px -50px; }

/* オンマウス */
#index #nav01 a:hover { background-position:  0     -50px; }
#index #nav02 a:hover { background-position: -81px  -50px; }
#index #nav03 a:hover { background-position: -176px -50px; }
#index #nav04 a:hover { background-position: -295px -50px; }
#index #nav05 a:hover { background-position: -386px -50px; }
#index #nav06 a:hover { background-position: -502px -50px; }
#index #nav07 a:hover { background-position: -629px -50px; }
#index #nav08 a:hover { background-position: -749px -50px; }


/*COMMON
------------------------------------------------------------------------*/
#index {
	width: 900px;
	background-repeat: repeat-y;
	background-image: url(../images/bg_shadow.gif);
	background-color: #FFFFFF;
}

#index #pagetop {
	margin-bottom: 54px;
}


#line_title {
	margin-bottom: 15px;
}

.boxLine {
	padding-bottom: 20px;
}

#index #topicpath {
	margin-left: 40px;
	margin-bottom: 0px;
	border-bottom-color: #373582;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 12px;
	text-align: left;
	clear: left;
	position: absolute;
	top: 180px;
	left: 0px;
	width: 814px;
}


/*  COLUMN
---------------------------------------------*/

#index .column {
	margin-left: 40px;
	width: 800px;
	margin-bottom: 80px;
}

#access .column {
	margin-left: 40px;
	margin-right: 20px;
	width: 825px;
	margin-bottom: 100px;
}

#inquiry .column {
	margin-bottom: 341px;
	margin-left: 40px;
	margin-right: 20px;
	width: 825px;
}

#guidance .column {
	margin-left: 55px;
	width: 790px;
	margin-bottom: 80px;
}

#doctor .column {
	margin-left: 55px;
	width: 790px;
	margin-bottom: 80px;
}

#treatment .column {
	margin-left: 55px;
	width: 790px;
	margin-bottom: 80px;
}

#case .column {
	margin-left: 55px;
	width: 790px;
	margin-bottom: 80px;
}

/*  h1
---------------------------------------------*/

#treatment h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
}

#access h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
}

#inquiry h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}

#guidance h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}

#link h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}

#doctor h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}

#treatment h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}

#case h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}

#event h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 373582;
	width: 825px;
}



/*  TITLE
---------------------------------------------*/

#inquiry .title,#access .title {
	width: 820px;
	margin-bottom: 20px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #383582;
}

.column .title {
	width: 615px;
	margin-bottom: 20px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #383582;
}

#event .title,#case .title,#treatment .title,#guidance .title,#doctor .title {
	width: 790px;
	margin-bottom: 20px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #383582;
}

.column .topic {
	width: 604px;
	margin-left: 12px;
}

#access .column .topic {
	width: 800px;
	margin-left: 11px;
}

#doctor .column .topic {
	width: 770px;
	margin-left: 12px;
}

#treatment .column .topic {
	width: 760px;
	margin-left: 12px;
}

#case .column .topic {
	width: 760px;
	margin-left: 12px;
}

#event .column .topic {
	width: 800px;
	margin-left: 12px;
}


/*  DOCTOR
---------------------------------------------*/



/* =======================================================================
    TOP
======================================================================= */


#index .text {
	margin-top: 10px; 
	margin-bottom: 20px;
}

#index #lead {
	margin-top: 60px;
	display: block;
}


#index .system {
	background-image: url(../images/line_dot.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom: 9px;
}

#index .system .systemL {
	float: left;
	margin-right: 10px;
}

#index .system .systemC {
	float: left;
	width: 365px;
}

#index .system .systemR {
	float: right;
}

#container #mainContent #gotoTop {
	margin-left: 573px;
	margin-bottom: 40px;
}

#index .system .systemC img {
	margin-bottom: 10px;
}

/* =======================================================================
    ACCESS
======================================================================= */	

h2 {
	margin-top: 20px;
	margin-bottom: 15px;
}

#access #map {
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #363581;
}

#access #address {
	float: left;
	width: 299px;
}

#access #nathan {
	float: right;
	width: 331px;
	background-image: url(../images/access_nathan.jpg);
	height: 182px;
}

.column .topic #notes {
	font-size: 10px;
	color: #777;
	margin-top: 20px;
	margin-bottom: 20px;
}
.column .topic .lead {
	width: 553px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373582;
	margin-bottom: 10px;
}
.column .topic ul {
	list-style-position: inside;
	list-style-type: disc;
	margin-top: 20px;
	margin-bottom: 20px;
}
#bottom p {
	color: #FFF;
}

#underconstruction {
	text-align: center;
	font-size: 14px;
	margin-bottom: 250px;
	margin-top: 250px;
}
#inquiry #container #mainContent #index {
	height: 850px;
}
#access #container #mainContent #index .column .topic #address {
	margin-top: 20px;
}
#access #container #mainContent #index .column .topic #kmc {
	margin-bottom: 15px;
}
#event .topic .news {
	margin-top: 20px;
	margin-bottom: 0px;
	width: 795px;
}
.topic .news #topic_title {
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #373582;
	padding-bottom: 7px;
}
.txt14p_blue_b {
	font-size: 14px;
	font-weight: bold;
}
.txt14p_org_b {
	font-size: 14px;
	color: #C03;
}

.txt16p_org_b {
	font-size: 16px;
	color: #C03;
}
#event #lead {
	margin-bottom: 50px;
	margin-top: 0px;
}
#event .topic_date {
	margin-top: 7px;
	margin-bottom: 10px;
	background-color: #C8EDFF;
	text-indent: 2px;
}

#top #lead {
	margin-bottom: 50px;
	margin-top: 0px;
}
#top .topic_date {
	margin-top: 7px;
	margin-bottom: 10px;
	background-color: #C8EDFF;
	text-indent: 2px;
}
#top .news {
	width: 553px;
	margin-bottom: 0px;
}
#news {
	background-color: #FFF;
	background-image: none;
	text-align: left;
	line-height: 2em;
	font-size: 12px;
}
#top .column .topic ul {
	list-style-position: inside;
	list-style-type: decimal;
}
.txt12 {
	font-size: 12px;
	font-weight: normal;
}
#access #kmc {
	margin-top: 40px;
	margin-bottom: 10px;
}

#top #container #index .column .topic .caption {
	float: left;
	width: 200px;
	margin-bottom: 20px;
	margin-top: 40px;
}

#header {
	height: 360px;
}

#top #header {
	height: 450px;
}

#doctor #header {
	height: 380px;
}

#doctor #container #index .column .topic h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

#doctor #container #index .column .topic #references {
	font-size: 10px;
	color: #666;
}

#treatment .caption_txt {
	float: left;
	width: 500px;
	height: 130px;
	margin-bottom: 10px;
}
#treatment h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 0px;
}
#footer ul li {
	list-style-type: none;
	display: inline;
}
#index .column .topic ul li {
	margin-bottom: 15px;
	font-weight: bold;
	list-style-type: none;
}
#index .column .topic ul li p {
	font-size: 12px;
	font-weight: normal;
}
a:link {
	color: #007DFB;
	text-decoration: underline;
}
a:visited {
	color: #007DFB;
	text-decoration: underline;
}
a:hover {
	color: #C03;
	text-decoration: underline;
}
a:active {
	color: #007DFB;
}
#index #feature li {
	font-size: 16px;
	font-weight: bold;
}
#index #feature li p {
	font-size: 14px;
	font-weight: normal;
}
.big {
	font-size: 30px;
	font-weight: bold;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	color: #007DFB;
}
.underline {
	text-decoration: underline;
	margin-bottom: 5px;
	color: #C03;
}

#contents {
	float: left;
	width: 660px;
	margin-top: 4px;
}

#sideMenu {
	float: right;
	width: 160px;
	text-align: center;
	margin-right: 36px;
	padding: 10px;
	border: 1px solid #373582;
	margin-bottom: 4px;
}

#sideMenu2 {
	float: right;
	width: 189px;
	text-align: center;
	margin-right: 34px;
	padding: 0px;
	background-image: url(../images/side_2.jpg);
	font-size: 12px;
}

#sideMenu3 {
	float: right;
	width: 189px;
	text-align: center;
	margin-right: 34px;
	padding: 0px;
	background-image: url(../images/side_2_b.jpg);
}

.sideTitle {
	width: 150px;
	text-align: left;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #373483;
	background-repeat: no-repeat;
	background-position: 3px -1px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #373483;
}
#sideMenu2 .sideText {
	font-size: 12px;
}
#topicPath {
	position: absolute;
	left: 40px;
	top: 185px;
	font-size: 10px;
	color: #373483;
	width: 825px;
}
.qr {
	border: 1px solid #000;
}
.topicPath {
	font-size: 10px;
	position: absolute;
	left: 55px;
	top: 190px;
	width: 483px;
}

/* =======================================================================
    LINK
======================================================================= */

#link .topic ul li {
	list-style-type: none;
}

#link .topic ul li .indent {
	text-indent: 20;
	display: inline;
}

#link #linkList dl dt {
	float: left;
	width: 350px;
}

#linkList {
	width: 790px;
	margin-bottom: 40px;
	margin-left: 55px;
}

/* =======================================================================
    DOCTOR
======================================================================= */
#doctor .column .topic {
	width: 770px;
	margin-left: 12px;
}

#doctor .column .topic dl {
	font-size: 10px;
	color: #666;
}

#doctor dl dt {
	float: left;
	width: 20px;
	display: block;
	height: 40px;
}
#treatment #container #index #contents {
	float: left;
	width: 660px;
	margin-top: 4px;
}
#treatment #container #index #sideMenu2 {
	float: right;
}
#treatment #QandA {
	margin-left: 0px;
}
#treatment #bannerQA {
	border: 1px dotted #373582;
	padding: 12px;
}
#case h3 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}
#case .illust {
	float: left;
}
#case .question {
	font-size: 20px;
	font-weight: bold;
	color: #C00;
	margin-bottom: 10px;
	margin-top: 8px;
}
#case .answer {
	font-size: 20px;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	color: #007DFB;
}
hr {
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #373482;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}
#case .textArea {
	float: left;
	width: 510px;
}
#case .imageArea {
	float: left;
	margin-left: 50px;
}
#case .shikkan {
	margin-bottom: 0px;
}
#case .subTitle {
	margin-bottom: 15px;
}