@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
    background:url(../images/background.png) repeat left top;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,osaka;
    font-size: 16px;
    margin: 0;
    padding: 0;
	}
/* input, textarea {
    background: none repeat scroll 0 0 #023F73;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: center;} */

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* layout */

.wrapper {
	max-width: 968px;
	margin: auto;
	padding: 0px 66px;
}

#footer {
	clear: both;
}

/* リンク
----------------------------------------------------*/
a {
	color:#002c69;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
.cf:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.imgR {
	float: right;
	margin: 0 0 10px 20px;
}

.imgL {
	float: left;
	margin: 0 20px 10px 0;
}
.floatR{
	float: right;
}
.floatL{
	float: left;
}

.center {
	text-align: center;
}

.alignR{
	text-align: right;
}
.alignL{
	text-align: left;
}

#main .txt_inner{
	padding:0 15px;
	text-align:left;
}

/*----------------------------------------------------
	#margin（マージン）
----------------------------------------------------*/

.mb5 { margin-bottom: 5px; !important}
.mb8 { margin-bottom: 8px; !important}
.mb10 { margin-bottom: 10px; !important}
.mb15 { margin-bottom: 15px; !important}
.mb20 { margin-bottom: 20px; !important}
.mb30 { margin-bottom: 30px; !important}
.mb40 { margin-bottom: 40px; !important}
.mb50 { margin-bottom: 50px; !important}
.mb60 { margin-bottom: 60px; !important}
.mb70 { margin-bottom: 70px; !important}
.mb90 { margin-bottom: 90px; !important}


.mt5 { margin-top: 5px; !important}
.mt10 { margin-top: 10px; !important}
.mt15 { margin-top: 15px; !important}
.mt20 { margin-top: 20px; !important}
.mt25 { margin-top: 25px; !important}
.mt30 { margin-top: 30px; !important}
.mt40 { margin-top: 40px; !important}
.mt45 { margin-top: 45px; !important}
.mt50 { margin-top: 50px; !important}
.mt100 { margin-top: 100px; !important}

.mr5 { margin-right: 5px; !important}
.mr6 { margin-right: 6px; !important}
.mr20 { margin-right: 20px; !important}
.ml20{ margin-left: 20px; !important}
.ml1em { margin-left: 1em; !important}
.ml125 { margin-left: 125px; !important}

/*----------------------------------------------------
	#padding（padding）
----------------------------------------------------*/

.pb5 { padding-bottom: 5px; !important}
.pb10 { padding-bottom: 10px; !important}
.pb15 { padding-bottom: 15px; !important}
.pb20 { padding-bottom: 20px; !important}
.pb30 { padding-bottom: 30px; !important}
.pb40 { padding-bottom: 40px; !important}
.pb50 { padding-bottom: 50px; !important}
.pb60 { padding-bottom: 60px; !important}
.pb70 { padding-bottom: 70px; !important}


.pt5 { padding-top: 5px; !important}
.pt10 { padding-top: 10px; !important}
.pt15 { padding-top: 15px; !important}
.pt20 { padding-top: 20px; !important}
.pt30 { padding-top: 30px; !important}
.pt40 { padding-top: 40px; !important}
.pt50 { padding-top: 50px; !important}

.pr6 { padding-right: 6px; !important}
.pr10 { padding-right: 10px; !important}
/*----------------------------------------------------
	#font-size
----------------------------------------------------*/
.big{
	font-size:1.15em;	
}
.small{
font-size:90%;
}
*+html .small
{  font-size:86%;
}
.bold{
	font-weight:bold !important;	
	letter-spacing : 2px;
}

/* ======================================

	CommonElements

======================================= */

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/

#header{
	background: url(../images/header_bg_x.png) repeat-x left top;
	margin:0 auto;
	height:139px;
}

#header #mainNav {
	background: url(../images/header_back.png) no-repeat center top;
	margin:0 auto;
	height:139px;
	width:1100px;
}

#header #mainNav {
	position: relative;
}

#header h1{
	position:absolute;
	top:20px;
	left:105px;
	
}

#header li a {
    background: none no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
    width: 95px;
}

#header li a.about{
	position:absolute;
	top:15px;
	left:360px;
	background: url(../images/header_button1.png) no-repeat;
}

#header li a.facility{
	position:absolute;
	top:15px;
	left:540px;
	background: url(../images/header_button2.png) no-repeat;
}

#header li a.cancer{
	position:absolute;
	top:15px;
	left:720px;
	background: url(../images/header_button3.png) no-repeat ;
}

#header li a.disease{
	position:absolute;
	top:15px;
	left:898px;
	background: url(../images/header_button4.png) no-repeat;
}

#header nav ul {
	display: inline;
	float: left;
}

#header nav ul li {
	display: inline;
	float: left;
}

#header #mainNav nav ul li a:hover {
	opacity:0.5;
}

#header #mainNav nav ul li a {
	transition:0.6s;
}

/* #header nav ul li:nth-child(1) {
	padding-left:103px!important;
} */


/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/

#contents {
	width: 1100px;
	margin:0px auto ;
	text-align:left;
	position:relative;
}


/*----------------------------------------------------
	サイド
----------------------------------------------------*/

#side_column{
	float:left;
	width:228px;
	margin:15px 0 10px;
}

#side_column .sidenavi {
	background: url(../images/bg_side_column.png) no-repeat;
	width:188px;
	height:533px; 
	padding: 10px 20px;
	text-align:center;
	margin-bottom:10px;
}

#side_column .sidenavi h3{
	margin:15px 0 6px;
}

#side_column .sidenavi ul li{
	margin-bottom:6px;
	font-size:70%;
}

li.date_detail{
	text-align:left;
}

li.date_detail dl dt,dd{
	margin-bottom:6px;
}

li.date_detail dl dt{
	font-size:108%;
	
}

#side_column .sidenavi ul li dt.radius{
	background-color: #55b855;
  color: #ffffff;
  margin: 0 auto 8px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 190px;
	border-radius: 3px;
}

.green{
	color:#368f36;
	font-weight:bold;
}

#side_colomn .side_bnr{
	width:228px;
	float:left;
}

#side_column .sidenavi ul li a:hover img{
	opacity:0.6;
}

#side_column .sidenavi ul li a{
	transition:0.5s;
}

#side_column .sidenavi ul li a img{
	transition:0.5s;
}

#side_column .side_bnr a:hover img{
	opacity:0.6;
}

#side_column .side_bnr a{
	transition:0.5s;
}

#side_column .side_bnr a img{
	transition:0.5s;
}

/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/

#main{
	float:right;
	font-size:78%;
	line-height:1.6em;
	width:708px;
	position:relative;
}

.top_inner{
	position:relative;
	height:867px;
}

#main .main_inner{
	position:absolute;
	top:-30px;
}

#main #slider {
    height: 308px;
    margin: 0 auto;
    position: relative;
    width: 708px;
    z-index: 1;
}

#main #slider #mainvis_01,#mainvis_02,#mainvis_03{
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		z-index: 7;
		width: 708px;
		height: 308px;
}

#mainvis_02,#mainvis_03{
	display:none;
}

#main .bnr_area{
	margin-top:20px;
	width:708px;
	height:78px;
}

#main .info_area{
	background: url(../images/bg_info.png) no-repeat left top;
	width:683px;
	height:83px;
	padding:50px 5px 5px 20px;
	margin-top:20px;
	overflow:hidden;
}

#main .info_area .info_inner{
	height:80px;
	overflow:auto;
	width:100%;
}

#main .topic_area{
	background: url(../images/bg_topics.png) no-repeat left top;
	width:673px;
	height:263px;
	padding:50px 15px 10px 20px;
	margin-top:20px;
	overflow:hidden;
}	

#main .topic_area .topic_inner{
	overflow:auto;
	width:100%;
	height:258px;
} 

#main .topic_area dl dt{
	border-bottom: dotted 1px #333333;
	padding-bottom:3px;
	margin-bottom:0;
	margin-bottom:10px;
	zoom:1;
}

#main .topic_area dl dd{
	zoom:1;
}

#main .topic_area p{
	margin-left:5px;
	margin-bottom:8px;
}

#main .topic_area p span{
	font-weight:bold;	
}

#main .topic_area p.red{
	color:#ff0000;
}

.bg_top{
	position:absolute;
	top:-20px;
	padding-top:17px;
	background: url(../images/bg_box_top.png) no-repeat left top;	
}

#main .bg_mid{
	background: url(../images/bg_box_mid.png) repeat-y left top;
	width:648px;
	padding:5px 30px;	
}

#main .bg_btm{
	height:34px;
	background: url(../images/bg_box_btm.png) no-repeat left top;
	font-size:1px;
	line-height:1px;
}


/*----------------------------------------------------
	メタボチェック
----------------------------------------------------*/

#main .title{
	margin-top:10px;
	text-align:center;
}
	
.metabo_inner{
	height:643px;
	position:relative;
}

#main .bg_metabo{
	background: url(../images/bg_metabo.png) no-repeat left center;
	height:653px;
	width:648px;
	padding:10px 30px;
	position:absolute;
	top:-30px;
}

#main .bg_mtb_check {
	background: url(../images/bg_metabo_contents.png) no-repeat left center;
	width:622px;
	height:363px;
	text-align:center;
	margin:20px auto;
	padding-top:120px;
}

.bg_mtb_check ul.btn_2line .btnL{
	float:left;
	margin-left:130px;
}

.bg_mtb_check ul.btn_2line .btnR{
	float:right;
	margin-right:130px;
}


/*----------------------------------------------------
	病院について
----------------------------------------------------*/

#main .philosophy{
	text-align:left;
	margin:20px auto;
	width:640px;
}

#main .philosophy .txt_philo{
	float:left;
	width:380px;
	text-align:left;
	padding-left:5px;
}

#main .philosophy .img_philo{
	float:right;
	padding-right:5px;
}

#main .history{
	text-align:center;
	margin:20px auto;
	width:640px;
}

#main .greeting{
	text-align:left;
	margin:0 auto;
	width:640px;
}

#main .greeting .gr_above{
	width:640px;
	margin-bottom:10px;
}

#main .greeting .txt_gr{
	float:right;
	width:400px;
	text-align:left;
	padding-right:5px;
	margin-bottom:20px;
}

#main .greeting .txt_gr02{
	float:right;
	width:400px;
	text-align:left;
	padding-right:5px;
	padding-top:10px;
	line-height:1.9em;
	margin-bottom:20px;
}

#main .greeting .img_gr{
	width:210px;
	float:left;
	padding:0 10px;
}


/*----------------------------------------------------
	がん診療
----------------------------------------------------*/

#main .cancer_area{
	text-align:left;
	margin:20px auto 15px;
	width:640px;
}

#main .cancer_area .txt_can{
	float:left;
	width:380px;
	text-align:left;
	padding-left:5px;
}

#main .cancer_area .img_can{
	float:right;
	padding-right:5px;
}

.cancer_imgarea{
	text-align:center;
}

.cancer_imgarea ul li{
	margin-bottom:7px;
}


/*----------------------------------------------------
	脳
----------------------------------------------------*/

#main .brain_area{
	text-align:left;
	margin:20px auto 15px;
	width:640px;
}

#main .brain_area .txt_brain{
	padding:0 5px;
}

#main .brain_area .box_brain{
	margin-bottom:8px;
}


/*----------------------------------------------------
	施設紹介
----------------------------------------------------*/

/* .facility_inner{
	height:1313px;
	position:relative;
}

#main .bg_facility{
	background: url(../images/bg_facility.png) no-repeat left center;
	height:1323px;
	width:648px;
	padding:10px 30px;
	position:absolute;
	top:-30px;
} */

#main .facility_area{
	text-align:center;
	margin-top:20px;
}

#main .facility_area #f_lv1{
	background: url(../images/img_facility_lv1.png) no-repeat;
	width:630px;
	height:510px;
	margin:0 auto 30px;
}

#main .facility_area #f_lv2{
	background: url(../images/img_facility_lv2.png) no-repeat;
	width:630px;
	height:550px;
	margin:0 auto 20px;
}

/*----------------------------------------------------
	アクセス
----------------------------------------------------*/

#main .access_area{
	text-align:center;
	margin-top:20px;
}

#main .access_area .txt_can{
	float:left;
	width:380px;
	text-align:left;
	padding-left:15px;
}

#main .map_small{
	width:620px;
	margin:0 auto;
}

#main .map_small img{
	width:127px;
	float:left;
}

#main .map_small p.map_address{
	float:left;
	padding:0 10px;
}

#main .access_area .img_can{
	float:right;
	padding-right:15px;
}

#main .access_icarea{
	text-align:left;
	width:640px;
	margin-top:20px;
}

#main .icbtnArea{
	float:left;
	width:630px;
	padding-left:15px;
	margin-bottom:10px;
}

#main .icbtnArea li a{
	text-align:center;
	margin-top:15px;
	float:left;
	display:block;
	width:298px;
	height:50px;
	padding-right:15px;
}

#main ul.icbtnArea li a:hover img{
	opacity:0.6;	
}

#main ul.icbtnArea li a img{
	transition:0.5s;	
}

#main .busBtn a:hover img{
	opacity:0.6;	
}

#main .busBtn a img{
	transition:0.5s;	
}

#main .access_img ul li{
	margin-bottom:10px
}

/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/

#main .contact_area{
	text-align:center;
	margin-top:20px;
}

table.form_table {
  background-color: #FFFFFF;
  border-collapse: collapse;
  border: 1px solid #aad5a2;
  empty-cells: show;
  margin: 10px auto;
  width: 95%;
}

.form_table th {
  background-color: #f0fbee;
  background-position: left top;
	border: 1px solid #aad5a2;
  color: #222222;
  padding: 4px 15px;
  text-align: left;
	vertical-align:middle;
  width: 35%;
	font-weight:normal;
}

.form_table th span {
	color:#ff0000;
}

.form_table input, textarea {
	background:#FFFFFF;
	text-align:left;
	border: 1px solid #bebebe;
}

.form_table td {
  border: 1px solid #aad5a2;
  padding: 4px 15px;
  text-align:left;
}

.form_btnArea input{
	margin-right:40px;
	margin-top:10px;
}

.form_btnArea input:nth-child(2){
	margin-right:0;
}

/*----------------------------------------------------
	リクルート
----------------------------------------------------*/

.recruit_inner{
	height:703px;
	position:relative;
}

#main .bg_recruit{
	background: url(../images/bg_recruit.png) no-repeat left center;
	height:703px;
	width:648px;
	padding:10px 30px;
	position:absolute;
	top:-30px;
}



/*----------------------------------------------------
	フッター
----------------------------------------------------*/

#footer {
	background: url(../images/footer_back_x.png) repeat-x center bottom;
	margin-top:30px;
	height:110px;
}

#footer .footer_inner{
	background: url(../images/footer_back.png) no-repeat center bottom;
	width:1100px;
	height: 110px;
	margin:0 auto;
	position:relative;
}

.footer_inner p .footer_logo {
	float:left;
	margin:20px 0 0 102px;
	width:154px;
	height:36px;
	display:block;
}

#footer .footer_inner p .page_top {
	float: right;
	margin: 7px 103px 0 0;
	height: 22px;
	width: 75px;
	display:block;
}

#footer ul {
	display: inline;
	position:absolute;
	top:52px;
	right:96px;	
}

#footer ul li {
	display: inline;
	float: left;
}

#footer li a {
    background: none no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    overflow: hidden;
    text-decoration: none;
}

#footer .copyright{
	float:right;
	padding:27px 38px 0 0;
}


/*----------------------------------------------------
	HOME ボタン
----------------------------------------------------*/

.btn_home{
  font-size: 78%;
  line-height: 1.6em;
	position:absolute;
	top:-35px;
	left:335px;
}

.btn_home a{
	text-decoration:none;
	color:#000000;
	display:block;
}

.btn_home a:hover{
	text-decoration: underline;
}