@charset "utf-8";
/* CSS Document */


/*
==INDEX=====================================================================

■中井医院
┣基本設定
┣共通箇所
┣ナビゲーション
┣
┗

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


/*----------------------------------------
■基本設定
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/22px "メイリオ";
	color: #333333;
	background: url(../img/com_background.jpg) no-repeat center top;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}


li{
	list-style-type: none;
}

img {
	border:none;
	vertical-align: bottom;/*イメージのbottomの余白を消す*/
	outline:none;
}

.for_top{
	margin: 10px 0px 10px auto;
	height: auto;
	width: 120px;
	font-weight: bold;
	background: url(../img/top_fortop_kome.gif) no-repeat 0px 8px;
	text-align: right;
}


/*----------------------------------------
■共通
----------------------------------------*/

#warpper{
	margin: 0px auto;
	height: auto;
	width: 880px;
}

#warpper h1{
	text-align: right;
	height: auto;
	width: 100%;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 7px 0px 0px;
}

#header_box{
	position: relative;
	height: auto;
	width: 880px;
	margin-bottom: 150px;
}

#footer_box{
	background: url(../img/com_footer_bg.gif) no-repeat center center;
	height: 234px;
	width: 100%;
}

#footer_box_in{
	height: auto;
	width: 880px;
	margin: 0px auto;
	padding-top: 135px;
}

#footer_box_in p{
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}


/*----------------------------------------
■共通 >> メニュー
----------------------------------------*/

#menu_box{
	height: 50px;
	width: 574px;
	position: absolute;
	left: 205px;
	top: 70px;
	background: url(../img/menu_box.gif) no-repeat;
}

#menu_box_in{
	margin: 0px auto;
	height: auto;
	width: 574px;
	padding-top: 1px;
}

#menu_box li{
	float: left;
}

#menu_box li a{
	display: block;
	text-indent: -9999px;
}


#guide_btm a{
	height: 48px;
	width: 128px;
	background: url(../img/guide_btm.gif) no-repeat;
}

#maternity_btm a{
	height: 48px;
	width: 176px;
	background: url(../img/maternity_btm.gif) no-repeat;
}

#about_btm a{
	height: 48px;
	width: 139px;
	background: url(../img/about_btm.gif) no-repeat;
}

#information_btm a{
	height: 48px;
	width: 120px;
	background: url(../img/information_btm.gif) no-repeat;
}



#guide_btm a:hover{
	background: url(../img/guide_btm_a.gif) no-repeat;
}

#maternity_btm a:hover{
	background: url(../img/maternity_btm_a.gif) no-repeat;
}

#about_btm a:hover{
	background: url(../img/about_btm_a.gif) no-repeat;
}

#information_btm a:hover{
	background: url(../img/information_btm_a.gif) no-repeat;
}


#menu_home_box{
	height: 95px;
	width: 99px;
	position: absolute;
	left: 780px;
	top: 5px;
	right: 0px;
	bottom: 0px;
}


/*----------------------------------------
■共通 >> メインコンテンツ
----------------------------------------*/


#main_contents{
	background: url(../img/com_maincontents_bg.gif) repeat-y;
	height: auto;
	width: 880px;
}

#main_contents_left{
	float: left;
	height: auto;
	width: 243px;
}

#main_contents_right{
	float: right;
	height: auto;
	width: 617px;
}

#contents_left_menu{
	background: #FFFFFF;
	padding: 0px 0px 8px;
	height: auto;
	width: 243px;
}

#contents_left_qr{
	background: url(../img/top_left_mobile_bg.gif) no-repeat left bottom;
	height: auto;
	width: 243px;
	margin: 8px 0px 0px;
}

#contents_left_qr h3{
	font-size: 16px;
	text-align: center;
	padding: 5px 0px 10px;
}

#contents_left_qr .box_in{
	margin: 0px auto;
	padding: 10px 0px;
	height: auto;
	width: 220px;
}

#contents_left_qr .box_in .text{
	font: 11px/14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/*----------------------------------------
■トップページ >> メインコンテンツ
----------------------------------------*/

#top_oshirasebox{
	background: #feebe4 no-repeat;
	padding: 10px;
	border: 1px solid #e0e0e0;
	margin-bottom: 20px;
}

#top_mainbox_box{
	height: 304px;
	width: 617px;
	background: url(../img/top_mainbox_bg.jpg) no-repeat;
	margin: 0px 0px 20px;
}

#top_mainbox_box h3{
	font-size: 15px;
}

#top_mainbox_box .box_in{
	padding: 96px 0px 0px 12px;
	height: auto;
	width: 410px;
}


#top_shinryou_bar{
	background: url(../img/top_shinryou_bar.gif) no-repeat;
	height: 32px;
	width: 617px;
	text-indent: -9999px;
}

#top_shinryou_box{
	background: url(../img/top_shinryou_bg.jpg) no-repeat;
	height: 210px;
	width: 617px;
	margin: 0px 0px 10px;
}

#top_shinryou_box_in{
	margin: 0px auto;
	padding: 25px 0px 0px;
	height: auto;
	width: 577px;
}

#top_shinryou_box_in table{
	height: auto;
	width: 577px;
}

#top_shinryou_box_in table th{
	background: url(../img/top_shinryou_th_bg.gif) repeat;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 0px;
}

#top_shinryou_box_in table td{
	padding: 5px 3px;
}


#top_shinryou_box_in table .line01{
	border-right: 1px solid #e2e1e1;
	border-bottom: 1px solid #e2e1e1;
}

#top_shinryou_box_in table .line02{
	border-bottom: 1px solid #e2e1e1;
}

#top_shinryou_box_in table .line03{
	border-right: 1px solid #e2e1e1;
}

#top_info_box{
	height: auto;
	width: 617px;
	padding: 0px 0px 10px;
}

#top_info_box .main_bar{
	background: url(../img/top_info_bar.gif) no-repeat;
	height: 40px;
	width: 617px;
	text-indent: -9999px;
}

#top_info_box ul{
	margin: 0px auto;
	padding: 15px 0px;
	height: auto;
	width: 585px;
}

#top_info_box li{
	background: url(../img/com_kome.gif) no-repeat 0px 6px;
	padding-left: 10px;
}



#top_acsess_box{
	height: auto;
	width: 617px;
	padding: 0px 0px 10px;
}


#top_acsess_box .main_bar{
	background: url(../img/top_acsess_bar.gif) no-repeat;
	height: 40px;
	width: 617px;
	text-indent: -9999px;
}

#top_acsess_box .box_in{
	height: auto;
	width: 617px;
	background: url(../img/top_acsess_bg.jpg) no-repeat;
}

#top_acsess_box .box_in .write{
	padding: 400px 0px 0px 10px;
	height: auto;
	width: 600px;
}


#top_acsess_box table td{
	padding: 8px 0px;
}

#top_acsess_box table .line02{
	border-bottom: 1px solid #e2e1e1;
}

#top_mapfan_box{
	background: #ffead6;
	height: auto;
	width: 400px;
}

#top_mapfan_box table{
	margin: 0px auto;
	padding: 10px 0px;
	height: auto;
	width: 380px;
}


/*--------------------------------------------------------------
	各タイトル　>>
----------------------------------------------------------------*/

#guide_title{
	background: url(../img/guide_title.jpg) no-repeat;
	text-indent: -9999px;
	height: 142px;
	width: 880px;
	padding: 0px 0px 20px;
}

#maternity_title{
	background: url(../img/maternity_title.jpg) no-repeat;
	text-indent: -9999px;
	height: 142px;
	width: 880px;
	padding: 0px 0px 20px;
}

#about_title{
	background: url(../img/about_title.jpg) no-repeat;
	text-indent: -9999px;
	height: 142px;
	width: 880px;
	padding: 0px 0px 20px;
}

#information_title{
	background: url(../img/information_title.jpg) no-repeat;
	text-indent: -9999px;
	height: 142px;
	width: 880px;
	padding: 0px 0px 20px;
}



/*--------------------------------------------------------------
	医院案内　>>
----------------------------------------------------------------*/

#guide_info_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/guide_info_bar.gif) no-repeat;
}

#guide_info_box{
	height: auto;
	width: 617px;
	padding: 15px 0px 0px;
}

#guide_info_box .left_box{
	height: auto;
	width: 174px;
	float: left;
}

#guide_info_box .right_box{
	height: auto;
	width: 425px;
	float: right;
}

#guide_info_box .right_box h3{
	background: url(../img/guide_info_ryakureki.gif) no-repeat;
	height: 26px;
	width: 425px;
	text-indent: -9999px;
}

#guide_info_box .table_bg{
	background: #f1e0e6;
}

#guide_info_box .right_box table{
	margin: 10px 0px 0px;
}

#guide_info_box .right_box td{
	text-indent: 8px;
	padding: 4px 0px;
}



#guide_shinryou_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/guide_shinryou_bar.gif) no-repeat;
	padding: 0px;
	margin: 15px 0px 0px;
}

#guide_shinryou_box{
	height: 392px;
	width: 617px;
	padding: 10px 0px 0px;
	background: url(../img/guide_shinryou_bg.jpg) no-repeat right top;
}

#guide_shinryou_box .list{
	height: auto;
	width: 425px;
	padding: 0px 0px 0px 8px;
}

#guide_shinryou_box .list li{
	background: url(../img/com_kome.gif) no-repeat 0px 8px;
	padding: 2px 0px 2px 15px;
}


#guide_shinryou_wakuchin_box{
	height: 340px;
	width: 617px;
	background: url(../img/guide_shinryou_wakuchin_bg.jpg) no-repeat right top;
}

#guide_shinryou_wakuchin_box_in{
	padding: 110px 0px 0px 20px;
	height: auto;
	width: 500px;
}

#guide_shinryou_gan_box{
	height: 478px;
	width: 617px;
	background: url(../img/guide_shinryou_gan_bg.jpg) no-repeat;
}

#guide_shinryou_gan_box_in{
	height: auto;
	width: 500px;
	padding: 160px 0px 0px 15px;
}

#guide_shinryou_gan_box_in .title{
	font-size: 18px;
	line-height: 25px;
	padding: 15px 0px 0px;
	font-weight: normal;
}


#guide_innai_box{
	height: auto;
	width: 617px;
}

#guide_innai_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/guide_innai_bar.gif) no-repeat;
}

.guide_innai_pic{
	height: auto;
	width: 298px;
	padding: 10px 0px;
}

.guide_innai_pic h3{
	line-height: 28px;
	color: #FFFFFF;
	background: #fb5894;
	text-indent: 10px;
	height: auto;
	width: 298px;
	font-size: 13px;
	margin: 8px 0px;
}



/*--------------------------------------------------------------
	マタニティー　>>
----------------------------------------------------------------*/

#maternity_main_box{
	height: 251px;
	width: 617px;
	padding: 15px 0px 0px;
	background: url(../img/maternity_main_bg.jpg) no-repeat;
}

#maternity_main_box .box_in{
	padding: 155px 0px 0px 30px;
	height: auto;
	width: 440px;
}

#maternity_class_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/maternity_class_bar.gif) no-repeat;
}

#maternity_class_box{
	height: auto;
	width: 617px;
	padding: 15px 0px 0px;
}


#maternity_class_box .left_box{
	heighst: auto;
	width: 356px;
	float: left;
}

#maternity_class_box .left_box .tel{
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0px 0px;
}

#maternity_class_box .right_box{
	height: auto;
	width: 224px;
	float: right;
}

#maternity_bonyuu_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/maternity_bonyuu_bar.gif) no-repeat;
	padding: 15px 0px 0px;
}

#maternity_bonyuu_box{
	height: 482px;
	width: 617px;
	background: url(../img/maternity_bonyuu_bg.jpg) no-repeat;
}

#maternity_bonyuu_box_in{
	padding: 240px 0px 0px 20px;
	height: auto;
	width: 520px;
}

/*--------------------------------------------------------------
お産にあたって
----------------------------------------------------------------*/

#about_info_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/about_info_bar.gif) no-repeat;
}

#about_info_box{
	height: auto;
	width: 617px;
	background: url(../img/about_info_bg.jpg) no-repeat right top;
}

#about_info_box_in{
	background: url(../img/about_info_pic.jpg) no-repeat 0px 20px;
	height: auto;
	width: 617px;
	padding: 15px 0px 0px;
}

#about_info_box_in p{
	padding: 40px 0px 70px 290px;
}


#about_syokuji_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/about_syokuji_bar.gif) no-repeat;
}

#about_syokuji_box{
	height: auto;
	width: 617px;
	padding: 20px 0px 0px;
}

#about_syokuji_box .left_box{
	float: left;
	height: auto;
	width: 224px;
}

#about_syokuji_box .right_box{
	float: right;
	height: auto;
	width: 340px;
}

#about_syokuji_box_list{
	background: url(../img/about_syokuji_kome.gif) no-repeat 0px 0px;
	padding: 0px 0px 0px 8px;
	font-size: 14px;
	font-weight: bold;
	margin: 8px 0px 0px;
}

#about_syokuji_menu{
	font-size: 14px;
	color: #FFFFFF;
	background: #fb5894;
	text-align: center;
	padding: 4px 0px;
	height: auto;
	width: 100%;
}

.pink{
	color: #fb5894;
}

#about_syokuji_box .right_box dl{
	padding: 15px 0px 0px;
}

#about_syokuji_box .right_box dt{
	font-size: 14px;
	padding: 0px 0px 4px;
}

#about_syokuji_box .right_box dd{
	padding: 0px 0px 6px;
}


#about_okosama_bar{
	height: 40px;
	width: 617px;
	text-indent: -9999px;
	background: url(../img/about_okosama_bar.gif) no-repeat;
}

#about_okosama_box{
	background: url(../img/about_okosama_bg.jpg) no-repeat;
	height: auto;
	width: 617px;
}

#about_okosama_box .text{
	padding: 200px 0px 20px 17px;
}

#about_okosama_tel_box{
	height: auto;
	width: 270px;
	border-top: 1px solid #CCCCCC;
	background: url(../img/about_okosama_tel.gif) no-repeat left bottom;
	margin: 0px 0px 0px 17px;
}

#about_okosama_tel_box p{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 16px 0px;
	height: auto;
	width: 100%;
}

.info_box h3{
	height: 40px;
	width: 617px;
	background: url(../img/news_bar.gif) no-repeat;
}

.info_box h3 span{
	line-height: 40px;
	padding: 0px 0px 0px 25px;
	font-size: 14px;
}

.info_box_in{
	padding: 15px 0px 20px;
}


/*--------------------------------------------------------------
	●CLEARFIX
----------------------------------------------------------------*/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */






/*--------------------------------------------------------------
	●リンク
--------------------------------------------------------------*/

/*

a:link {
color: #000000;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

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

*/


/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}


.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}



/*--------------------------------------------------------------
	●フォント関連
--------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font13-22 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}
.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #FF0000;
}

.center{
	background: center;
}

.indent{
	text-indent: 5px;
}