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

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

坂部医院
┣基本設定
┣共通箇所
┣ヘッダー
┣メインボックス
┣メインコンテンツ
┣フッター
┣メインコンテンツー
┗

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



/*▼基本設定━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━━─*/

* {
	margin: 0;
	padding: 0;
}

body {
	font: 13px/22px "メイリオ","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, serif;
	color: #333333;
	background: url(../img/background_bg.gif) repeat-y center top;
}

html{
	height: 100%;
}

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

hr {
	display: none;
	clear: both;
}

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

table {
	font-size: inherit;
	font: 100%;
}

li{
	list-style-type: none;
}

.for_top{
	margin: 20px 15px 10px auto;
	height: 20px;
	width: 110px;
}


img, div {
	behavior: url(iepngfix.htc);
	}




/*▼ヘッダー━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/

#com_head_box{
	background: url(../img/com_head_bg.gif) repeat-x;
	height: 143px;
	width: 100%;
}

#com_head_box_in{
	height: 143px;
	width: 914px;
	margin: 0px auto;
}

#com_head_box_right{
	text-align: right;
	float: right;
	height: auto;
	width: 520px;
}

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

#com_head_box_left{
	float: left;
	height: auto;
	width: 389px;
	padding: 15px 0px 0px;
}

/*▼メインボックス━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/

#main_box{
	background: url(../img/main_pic_bg.jpg) no-repeat center top;
	width: 100%;
	height:auto;
}

#main_box_in{
	background: url(../img/main_pic_box_t.gif) no-repeat 0px 10px;
	height: auto;
	width: 918px;
	margin: 0px auto 0px;
}

#main_box_in_move{
	margin: 0px auto;
	padding: 15px 0px 0px;
	height: auto;
	width: 905px;
}




#main_box_in_ather{
	background: url(../img/main_box_in_ather_bg.jpg) no-repeat center top;
	width: 100%;
	height:auto;
}


#main_box_in_ather_in{
	background: url(../img/main_pic_box_t.gif) no-repeat 0px 10px;
	height: auto;
	width: 918px;
	margin: 0px auto 0px;
}


#main_box_in_ather_in_box{
	margin: 0px auto;
	padding: 20px 0px 0px;
	height: auto;
	width: 898px;
}





#com_navi_box{
	background: url(../img/com_navi_bg.gif) no-repeat center 25px;
	height: 120px;
	width: 100%;
}

#com_navi_box_in{
	height: 116px;
	width: 918px;
	margin: 0px auto 0px;
	background: url(../img/main_pic_box_b.gif) no-repeat center top;
}


/*▼メニューボックス━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/

#com_navi_box_in ul{
	margin: 0px 0px 0px 43px;
	height: auto;
	width: 840px;
}

#com_navi_box_in li{
	float: left;
	height: 97px;
	width: 203px;
	padding-right: 7px;
}

#com_navi_box_in li a{
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 203px;
}



#navi_clinic_btm a{
	background: url(../img/navi_clinic_btm.png) no-repeat;
}

#navi_guide_btm a{
	background: url(../img/navi_guide_btm.png) no-repeat;
}

#navi_outtpatiemt_btm a{
	background: url(../img/navi_outtpatiemt_btm.png) no-repeat;
}

#navi_infomation_btm a{
	background: url(../img/navi_infomation_btm.png) no-repeat;
}




#navi_clinic_btm a:hover{
	background: url(../img/navi_clinic_btm_a.png) no-repeat;
}

#navi_guide_btm a:hover{
	background: url(../img/navi_guide_btm_a.png) no-repeat;
}

#navi_outtpatiemt_btm a:hover{
	background: url(../img/navi_outtpatiemt_btm_a.png) no-repeat;
}

#navi_infomation_btm a:hover{
	background: url(../img/navi_infomation_btm_a.png) no-repeat;
}




/*▼メインコンテンツー━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/


#com_contents_box{
	height: auto;
	width: 100%;
	background: url(../img/com_contents_bg.gif) repeat-y center top;
}


#com_contents_box_in{
	margin: 0px auto;
	height: auto;
	width: 856px;
	background: url(../img/com_right_bg.gif) repeat-y right top;
	padding-bottom: 20px;
}

#com_left_contents{
	height: auto;
	width: 643px;
	float: left;
	padding: 20px 0px 0px;
}

#com_right_contents{
	height: auto;
	width: 193px;
	float: right;
	padding: 20px 0px 0px;
	background: #FFFFFF;
}


#com_right_contents_box{

	padding: 0px 0px 20px;
	height: auto;
	width: 193px;
}

.com_right_contents_box_main{
	background: #dcffdc;
	padding: 0px;
	height: auto;
	width: 193px;
	margin: 0px 0px 15px;
}

.com_right_contents_box_main_in{
	padding: 3px 0px;
	height: auto;
	width: 183px;
	margin: 0px auto;
}

.com_right_contents_box_main_in .text{
	padding: 10px 0px 0px;
}

.com_right_contents_box_main .bg{
	background: #1cb03f;
	padding: 5px 0px;
	height: auto;
	width: 193px;
	text-align: center;
}

#com_right_qr_box{
	background: url(../img/com_right_qr_bg.gif) no-repeat center bottom;
	height: auto;
	width: 193px;
}

#com_right_qr_box_in{
	margin: 0px auto;
	padding: 8px 0px;
	height: auto;
	width: 175px;
	text-align: center;
}

#com_right_qr_box_in .text{
	font-size: 11px;
	line-height: 14px;
	padding: 10px 0px;
	text-align: left;
}


/*▼トップページ━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/

#top_main_box{
	background: url(../img/top_main_bg.jpg) no-repeat right bottom;
	height: auto;
	width: 643px;
}

#top_main_box .text{
	padding: 25px 0px 0px 15px;
}



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

#top_info_box .main_bar{
	padding: 0px 0px 15px;
	height: auto;
	width: 643px;
}

#top_info_box .sub_bar{
	padding: 0px 0px 15px;
	height: auto;
	width: 643px;
}

#top_info_box .text{
	padding: 0px 0px 15px;
	height: auto;
	width: 643px;
}

#top_news_box{
	padding: 25px 0px 10px;
	height: auto;
	width: 643px;
}

#top_news_box_in{
	height: auto;
	width: 643px;
	padding: 20px 0px 0px;
}

#top_news_box_in .left_box{
	float: left;
	height: auto;
	width: 380px;
}


#top_news_box_in .right_box{
	float: right;
	height: auto;
	width: 260px;
}

#acsess_list{
	border-left: 2px solid #60b659;
	padding: 5px 0px 5px 5px;
}

#acsess_list li{
	padding: 5px 0px;
}

.acsess_b{
	font-size: 23px;
}

#top_acsess_mapfan_box{
	background: #dcffb3;
	padding: 10px 0px;
	text-align: center;
	margin: 10px 0px 0px;
}

#top_shintyaku_box{
	padding: 25px 0px 10px;
	height: auto;
	width: 643px;
}



#top_shintyaku_box ul{
	padding: 15px 0px 10px;
}

#top_shintyaku_box li{
	background: url(../img/top_news_kome.jpg) no-repeat 0px 9px;
	padding: 5px 0px;
}

#top_shintyaku_box li span{
	padding-left: 15px;
}




/*▼フッターー━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/

#com_footer_box{
	height: auto;
	width: 100%;
	background: url(../img/com_footer_bg.gif) repeat-x;
}

#com_footer_box_in{
	margin: 0px auto;
	padding: 10px 0px 20px;
	height: auto;
	width: 914px;
}

#com_footer_box_left{
	float: left;
	height: auto;
	width: 281px;
}

#com_footer_box_right{
	float: right;
	height: auto;
	width: 380px;
}

#com_footer_box_right p{
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}




/*▼コンセプトー━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/

#clinic_staff_box{

}

.clinic_staff_box_in{
	height: auto;
	width: 643px;
	padding: 20px 0px 15px;	
}

.clinic_staff_box_in .left_box{
	float: left;
	height: auto;
	width: 240px;
	text-align: center;
}

.clinic_staff_box_in .right_box{
	float: right;
	height: auto;
	width: 400px;
}

.clinic_academic_bar{
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	background: url(../img/com_bg01.gif) repeat;
	height: auto;
	width: 643px;
	padding: 3px 0px 3px 10px;
}

.clinic_academic_text{
	padding: 10px 0px 15px 10px;
	font-size: 12px;
}


#clinic_rekishi_box{
	padding: 15px 0px 0px;
	height: auto;
	width: 643px;
}

#clinic_rekishi_box_in{
	background: url(../img/clinic_rekishi_bg.jpg) no-repeat right top;
	height: auto;
	width: 643px;
	margin: 10px 0px 0px;
}

#clinic_rekishi_box_in .text{
	padding: 20px 0px 60px;
}




/*▼コンセプトー━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/


#gide_info_box{
	height: auto;
	width: 643px;
}

#gide_info_boxin{
	height: 522px;
	width: 643px;
	background: url(../img/gide_info_bg.jpg) no-repeat;	
}

.gide_info_boxin_write{
	margin: 30px auto 10px;
	padding: 0px;
	height: 200px;
	width: 275px;
}

.gide_info_boxin_write p{
	font-size: 12px;
	line-height: 17px;
	padding: 15px 0px 0px;
}


#outtpatiemt_link_box{
	height: auto;
	width: 643px;
}

#outtpatiemt_link_box_in{
	background: url(../img/gide_link_bg.jpg) no-repeat center bottom;
	height: 464px;
	width: 643px;
}

#outtpatiemt_link_box_table{
	height: auto;
	width: 600px;
	margin: 10px auto 0px;
}

.outtpatiemt_link_list li{
	background: url(../img/gide_link_kome.gif) no-repeat 0px 8px;
	padding: 5px 0px 5px 19px;
}



/*▼特殊外来・予防接種━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/



#guide_gairai_box{
	padding: 0px 0px 28px;
}

#guide_gairai_box .text{
	padding: 10px 0px 0px;
}



#guide_wakuchin_box_in table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#guide_wakuchin_box_in table th{
	background: url(../img/outtpatiemt_table_bar.gif) repeat-x;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 10px 0px;
}

#guide_wakuchin_box_in table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 3px 4px 8px;
}

.guide_wakuchin_box_in_bg{
	background: #dcffdc;
}

#guide_wakuchin_box_in{
	padding: 25px 0px 0px;
}

#outtpatiemt_shindan_box{
	background: url(../img/outtpatiemt_shindan_bg.jpg) no-repeat;
	height: 491px;
	width: 643px;
}

#outtpatiemt_shindan_box .text{
	padding: 170px 0px 0px 15px;
}




/*▼お知らせ━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─*/


.infomation_write_box{
	margin: 25px 0px 10px;
	height: auto;
	width: 643px;
}

.infomation_write_box .title{
	background: url(../img/infomation_write_bar.gif) no-repeat;
	height: 36px;
	width: 643px;
	margin: 0px 0px 20px;
	font-weight: normal;
}

.infomation_write_box .title span{
	line-height: 34px;
	padding-left: 15px;
}



/*--------------------------------------------------------------
	●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;}

.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;
}

.font15-20 {
	FONT-SIZE: 15px;
	LINE-HEIGHT: 20px;
}

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

.red{
	color: #FF0000;
}

.center{
	background: center;
}

.indent_1{
	padding-left: 1em;
}