@import "./top.css";
@import "./blog.css";

/* ==========================================================
+ cmn.css
========================================================== */

/* ----------------------
+ common
----------------------- */

/* universal ///////////////////////////// */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* html, body //////////////////////////// */

html, body {
	height: 100%;
}

body,td {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/back.gif) center repeat-y #f2f3f4;
}

div:after { /* clearfix */
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.001px;
}

img {
	border: none;
}

a {
	outline: none;
}

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 1px;
	line-height: 0px;
}


/* ----------------------
+ link
----------------------- */

a:link, a:visited {
	color: #4170ad;
}

a:hover {
	text-decoration: underline;
}


/* ----------------------
+ font
----------------------- */

.f1 { /* オレンジ */
	color: #ff9900;
}


/* ----------------------
+ h
----------------------- */

h1 {
	font-weight: normal;
	float: left;
	text-indent: -9999px;
}
h1 a {
	margin: 7px 0 0 10px;
	width: 267px;
	height: 73px;
	display: block;
	float: left;
	background: url(../img/title.gif);
}

h2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 18px;
}

h3 {
	margin: 0 0 5px 4px;

}


/* ----------------------
+ layout
----------------------- */

#wrapper {
	width: 850px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

#header {
	padding-bottom: 5px;
	clear: both;
}

#container {
	clear: both;
	background-image: url(../img/bg.gif);
	width: 850px;
	background-position: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	background-repeat: repeat-y;
}

#main {
	float: right;
	width: 620px;
	height: auto;
	margin-top: 5px;
}

#main h2{
	clear: both;
	float: left;
	margin-left: 20px;
}


#sub {
	float: left;
	width: 210px;
	height: auto;
	padding-top: 7px;
	text-align: center;
}

#footer {
	clear: both;
	padding: 14px 0 5px;;
	background: url(../img/footer.gif) top no-repeat;
	color: #666;
}


/* ----------------------
+ header
----------------------- */

/* navi ////////////////////////////////// */

#navi {
	margin: 5px 5px 2px;
	float: right;
}

#navi li {
	float: left;
	width: auto;
	list-style: none;
	background: url(../img/navi.gif) 0 5px no-repeat;
	text-align: right;
	padding-left: 13px;
	margin-left: 14px;
}

#navi a {
	color: #666;
	text-decoration: none;
}

#topic_path a{
	text-decoration: none;
}


/* header //////////////////////////////// */

#header_sub {
	width: 850px;
	clear: both;
	background: url(../img/header.gif) repeat-x;
	height: 88px;
}

#header_tel {
	float: right;
	margin-top: 5px;
}


/* menu ////////////////////////////////// */

#menu {
	width: 850px;
	margin-top: 7px;

}

#menu li {
	float: left;
	list-style: none;
}
#menu li a {
	height: 54px;
	display: block;
	text-indent: -9999px;
}

/* ロールオーバー用 */

#menu li#menu01 a {
	width: 142px;
	background: url(../img/menu01.gif) 0 0 no-repeat;
}
#menu li#menu02 a {
	width: 141px;
	background: url(../img/menu02.gif) 0 0 no-repeat;
}
#menu li#menu03 a {
	width: 142px;
	background: url(../img/menu03.gif) 0 0 no-repeat;
}
#menu li#menu04 a {
	width: 141px;
	background: url(../img/menu04.gif) 0 0 no-repeat;
}
#menu li#menu05 a {
	width: 141px;
	background: url(../img/menu05.gif) 0 0 no-repeat;
}
#menu li#menu06 a {
	width: 143px;
	background: url(../img/menu06.gif) 0 0 no-repeat;
}

#menu li#menu01 a:hover,
#menu li#menu02 a:hover,
#menu li#menu03 a:hover,
#menu li#menu04 a:hover,
#menu li#menu05 a:hover,
#menu li#menu06 a:hover {
	background-position: 0 -54px;
}

.greeting #menu li#menu02 a,
.clinic #menu li#menu03 a,
.guide #menu li#menu04 a,
.study2 #menu li#menu05 a,
.recruit #menu li#menu06 a,
.common #menu li#menu06 a {
	background-position: 0 -54px;
	cursor: default;
}

/* topic_path //////////////////////////// */

#topic_path p {
	margin: 0 0 7px 8px;
}


/* ----------------------
+ main
----------------------- */

.main_text {
	line-height: 22px;
	clear: both;
	float: left;
	margin-left: 35px;
	width: 520px;
	padding-bottom: 15px;
}

.main_text_10 {
	line-height: 22px;
	clear: both;
	float: left;
	margin-right: 10px;
	margin-left: 18px;
	width: 580px;
	padding-bottom: 15px;
}

.main_text_b_30 {
	line-height: 22px;
	clear: both;
	float: left;
	margin-right: 30px;
	margin-left: 40px;
	width: 520px;
	padding-bottom: 30px;
}

.main_text p {
	margin-bottom: 10px;
}


.page-title{
	background-image: url(../img/page-title-long.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 47px;
	width: 560px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 43px;
	text-align: left;
	padding-left: 25px;
}

.title-bg-white {
	background-image: url(../img/title_bg_white_long.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	height: 20px;
	padding-top: 14px;
	margin-bottom: 15px;
	font-size: 1.3em;
	line-height: 22px;
	clear: both;
	float: left;
	width: 560px;
	padding-bottom: 15px;
	padding-left: 25px;
	margin-left: 23px;
}

.img-right {
	line-height: 22px;
	clear: both;
	float: left;
	margin-right: 30px;
	margin-left: 40px;
	width: 520px;
	text-align: right;
}

.img-center {
	background-position: center;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 40px;
}



.text-right {
	line-height: 22px;
	clear: both;
	width: 520px;
	text-align: right;
	margin-bottom: -10px;
}



/* ----------------------
+ history
----------------------- */

.history {
	width:550px;
	height:100px;
	}
.historytb th {
	padding:7px 0;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	color:#336699;
	}
.historytb td {
	padding:7px 0 7px 20px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	text-align: left;
	}



/* ----------------------
+ doctor-list
----------------------- */

.doctortb-list{
	margin-top:15px;
	widtg:300px;
	border: 1px solid #FFFFFF;
	margin-bottom: 30px;
	}
	
.doctor-name-area{
	clear: both;
	height: 25px;
	width: 520px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	padding-top: 15px;
}
	
.doctor-square{
	font-size: 18px;
	color: #336699;
}

.doctor-name{
	font-size: 16px;
}

.doctortd-left{
	width: 60px;
	color:#336699;
	text-align: left;
	padding-left: 7px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.doctortd-right{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* ----------------------
+ syourei
----------------------- */

.syoureitb {
	margin-top:5px;
	widtg:550px;
	}

.syoureitb th {
	padding:7px 0;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #336699;
	}
	
.syoureitb th.nobd,.syoureitb td.nobd {
	border-right:none;
	}
.syoureitb td {
	padding:7px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	border-right:1px dotted #CCCCCC;
	text-align:center;
	}


/* ----------------------
+ result2
----------------------- */

.gyousekitb {
	margin-top:15px;
}
.gyousekitb th {
	padding:7px 0;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #336699;
	}
.gyousekitb th.nobd,.gyousekitb td.nobd {
	border-right:none;
	}
.gyousekitb td {
	padding:3px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	border-right:1px dotted #CCCCCC;
	text-align: left;
	}

/* ----------------------
+ result3
----------------------- */

.societytb {
	width:570px;
	margin-left: 8px;
	margin-bottom: 15px;
	}
	
.societytb th {
	font-weight:bold;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #336699;
	text-indent: 15px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	}

.societytb td {
	padding:10px;
	vertical-align:top;
	text-align: left;
}

.societytb-list {
	padding:10px;
}

.societytb-list-title {
	font-weight: bold;
	height: 14px;
	width: 510px;
	margin-bottom: 8px;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #336699;
	margin-top: 10px;
	margin-left: 5px;
}

.societytb-list-title-2 {
	font-weight: bold;
	height: 35px;
	width: 510px;
	margin-bottom: 8px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #336699;
	margin-top: 10px;
	margin-left: 5px;
}


.societytb-list td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}

.societytb-list-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.societytb-list-left {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}


/* ----------------------
+ training
----------------------- */

.recruit .main_text li{
	list-style-position: inside;
	list-style-type: disc;
}




/* ----------------------
+ guide
----------------------- */

.guide .main_text h5{
	font-size: 14px;
	line-height: 36px;
	background-image: url(../img/title_bg_green.gif);
	height: 35px;
	width: 520px;
	text-indent: 35px;
	color: #1B59A5;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	margin-top: 12px;
}

.treatment-list{
	font-size: 14px;
}

/* ----------------------
+ hoken
----------------------- */
.insurancetb{
	width: 510px;
	float: right;
	border: 1px solid #666666;
}


.insurancetb td{
	text-align: left;
	width: 170px;
	text-indent: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/link_icon.gif);
	background-repeat: no-repeat;
	background-position: 9px 9px;
	background-color: #FFFFFF;
}

.hokentb1,.hokentb2 {
	margin-top:15px;
	widtg:550px;
	margin-bottom: 20px;
	}
	
.hokentb1 th {
	padding:7px 0;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	text-align:center;
	font-weight:bold;
	color:#336699;
	background-color:#F3F3F3;
	}
.hokentb1 td {
	padding:7px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	border-right:1px dotted #CCCCCC;
	text-align:left;
	}
.hokentb1 th.nobd,.hokentb1 td.nobd {
	border-right:none;
	}

.hokentb2 th {
	padding:7px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	text-align:left;
	font-weight:bold;
	color:#336699;
	background-color:#F3F3F3;
	}
.hokentb2 td {
	padding:7px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	border-right:1px dotted #CCCCCC;
	text-align:left;
	}
.hokentb2 td.topbd,.hokentb2 th.topbd {
	border-top:1px solid #CCCCCC;
	}
.hokentb2 td.topbdnobd {
	border-top:1px solid #CCCCCC;
	border-right:none;
	}
.hokentb2 th.nobd,.hokentb2 td.nobd {
	border-right:none;
	}

.hokentb-title{
	font-weight: bold;
	padding-top: 20px;
}


/* ----------------------
+ sub
----------------------- */

#sub a {
	color: #666;
}

/* sub_menu ////////////////////////////// */

#sub_menu {
	width: 201px;
	text-align: left;
	margin-bottom: 20px;
	margin-left: 15px;
}

.submenu_head {
	background: url(../img/sub_menu01.gif) top center no-repeat;
	height: 13px;
	line-height: 1px;
	font-size: 1px;
}

.submenu_body {
	background: url(../img/sub_menu02.gif) repeat-y;
	padding: 0 11px 0 10px;
	height: auto;
}

.submenu_body ul {
	border-top: #3671a1 dashed 1px;
	padding-top: 3px;
}

.submenu_body li {
	height: 45px;
	background: url(../img/sub_menu_li01.gif) 5px 10px no-repeat #80c5ed;
	color: #ffffff;
	list-style: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.submenu_body .submenu_li {
	text-align: left;
	display: block;
	margin-left: 32px;
	height: 0px;
	padding-top: 12px;
}

.submenu_body li a {
	width: auto;
	height: 45px;
	background: url(../img/sub_menu_li02.gif) 3px 10px no-repeat #ffffff;
	display: block;
	color: #333;
	text-decoration: none;
}

.submenu_body li a:hover {
	background: transparent;
	text-decoration: none;
	display: block;
	color: #ffffff;
}




.submenu_body_s {
	background: url(../img/sub_menu02.gif) repeat-y;
	height: auto;
	padding-top: 0;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 15px;
}

.submenu_body_s ul {
	padding-top: 0px;
}

.submenu_body_s li {
	height: 40px;
	color: #ffffff;
	list-style: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-color: #6699CC;
	background-image: url(../img/sub_menu_li04.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.submenu_body_s .submenu_li_s{
	text-align: left;
	display: block;
	margin-left: 30px;
	height: 0px;
	padding-top: 12px;
}

.submenu_body_s li a {
	width: auto;
	height: 40px;
	display: block;
	color: #333;
	background-color: #ffffff;
	background-image: url(../img/sub_menu_li05.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
}

.submenu_body_s li a:hover {
	background: transparent;
	text-decoration: none;
	display: block;
	color: #ffffff;
}



.submenu_foot {
	background: url(../img/sub_menu01.gif) bottom center no-repeat;
	height: 16px;
	font-size: 1px;
}

/* sub_link ////////////////////////////// */

.sub_link {
	margin-bottom: 20px;
	margin-left: 5px;
}

.sub_link p {
	margin-bottom: 5px;
}


/* ----------------------
+ footer
----------------------- */

#footer .footer_privacy {
	float: left;
	padding: 0 8px;
}

#footer .footer_copyright {
	float: right;
	padding: 0 8px;
}

/* ----------------------
+ etc
----------------------- */

.pagetop {
	font-size:10px;
	color:#999999;
	text-align:right;
	margin-top:10px;
	clear: both;
	float: left;
	width: 580px;
	margin-bottom: 10px;
}

/* ----------------------
+ news-page
----------------------- */
.news-header{
	font-size: 13px;
	border-left: 4px #4170ad solid;
	color: #4170ad;
}

.news-content{
	margin-bottom: 25px;
	margin-top: 10px;
	margin-left: 10px;
}

/* ----------------------
+ congenital
----------------------- */

#congenital{
	clear: both;
	width: 850px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#cong-title{
	clear: both;
	float: left;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.cong-text-area{
	width: 700px;
	clear: both;
	float: left;
	padding-top: 15px;
	padding-right: 75px;
	padding-bottom: 15px;
	padding-left: 75px;
	font-size: 14px;
	line-height: 160%;
}

.cong-text-area p{
	padding-bottom: 10px;
}

.cong-area-left-img{
	float: left;
	padding-bottom: 20px;
	padding-right: 25px;
}

.cong-area-right-img{
	float: right;
	padding-bottom: 20px;
	padding-left: 25px;
}

.cong-area-cnter-img{
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 700px;
}

.cong-subtitle{
	padding-top: 14px;
	padding-left: 25px;
	font-size: 1.3em;
	line-height: 22px;
	font-weight: normal;
	clear: both;
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 45px;
	width: 755px;
	background-image: url(../img/title_bg_white_740.gif);
	background-repeat: no-repeat;
	height: 20px;
	background-position: left center;
	padding-bottom: 15px;
	
}

.cong-title-blue {
	font-size: 18px;
	line-height: 43px;
	font-weight: bold;
	clear: both;
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 35px;
	width: 755px;
	background-image: url(../img/page-title-780.gif);
	background-repeat: no-repeat;
	height: 47px;
	background-position: left center;
	padding-left: 25px;
	color: #FFFFFF;
}

.blue_txt {
	font-weight: bold;
	color: #0033CC;
}

.large_text {
	font-size: 17px;
}

.under_bar {
	font-weight: bold;
	text-decoration: underline;
}

.congenital-index {
	background-image: url(../guide/treatment/congenital/img/index_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 780px;
	height: 402px;
	margin-right: 35px;
	margin-left: 35px;
	padding-top: 400px;
}

.c_index_title01 {
	font-size: 18px;
	font-weight: bold;
	padding-left: 50px;
	line-height: 170%;
	color: #333333;
	margin-top: 15px;
}

.c_index_title02 {
	font-size: 15px;
	font-weight: normal;
	padding-left: 70px;
	line-height: 170%;
}

.congenital-index a{
	color: #000066;
}

.navi03 img {
	padding-right: 40px;
}

.navi03 {
	text-align: right;
	clear: both;
}

.navi03_2 img {
	height: 16px;
	padding-right: 40px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.navi03_2 {
	text-align: right;
	clear: both;
}

.img-right2 {
	line-height: 22px;
	width: 670px;
	text-align: right;
	padding-right: 110px;
	padding-left: 70px;
}
/* --------------------------
+ 02_serious add2010.04.12
--------------------------- */
.ser-p {
	line-height: 16px;
}
#tab-01 {
	border: 3px double #CCC;
	width: 60%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-top: 0px;
}
#tab-01 td {
	text-align: left;
}
#tab-02 {
	border: 3px double #CCC;
	width: 90%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-left: 5px;
	margin-top: 0px;
}
#tab-02 td {
	text-align: left;
}
#tab-02 .td-a {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}

