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

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {-webkit-text-size-adjust: none}

body {
	line-height: 1.0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}


img {
	border: 0;
	vertical-align: text-bottom;
}

h2{
	width:100%;
	text-align:center;
	background-image: url(../img/com_tel_bar_bg.gif);
	background-repeat: repeat-x;	
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

ul{
	padding:0px;
	margin:0px;
}

li{
	list-style-type: none;	
}

p{
	padding:0px;
	margin:0px;
	font-size: 13px;
	color: #333333;	
	line-height:18px;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

h3{
	width:100%;
	text-align:left;
	background-image: url(../img/staff_h3_bg.gif);
	background-repeat: repeat-x;
	margin:15px 0px 10px;
}


/*---------  HEADER  ---------*/

#header_logo{
	text-align:center;
	padding:5px 0px 8px;
}


/*---------  NAVI  ---------*/

#com_navi_box{
	width:100%;
	padding:10px 0px 15px;
	background-color: #fdf0f5;
	background-image: url(../img/com_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#com_navi_box_in{
	margin:0px 12px;
}

#com_navi_box_in .box_in01{
	width:33.3%;
	float:left;
	text-align:center;
}

.navi_text{
	padding:5px 0px 10px;
	margin:0px;
	font-size: 11px;
	color: #333333;	
	line-height:15px;	
}


/*---------  FOOTER  ---------*/

#footer_box{
	width:100%;
	text-align:center;
	height:40px;
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	margin:20px 0px 0px;
}

#footer_box p{
	padding:9px 0px 0px;
	font-size: 12px;
	line-height: 13px;
	color: #FFFFFF;	
}


/*---------  TOPページ  ---------*/

#top_info_box{
	width:290px;
	margin:0px auto;
}

#top_info_box .left{
	width:130px;
	float:left;
	margin:0px;
}

#top_info_box .right{
	width:142px;
	float:right;
	margin:0px 0px 0px 10px;
}

#top_info_box .right p{
	font-size: 12px;
	color: #333333;	
	line-height:13px;
}


/*---------  初診の方へ  ---------*/

#contents_box{
	width:100%;
}

#first_box{
	width:100%;
	padding:0px 0px 30px;
	background-image: url(../img/first_main_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 125px;	
}

#first_box li{
	background-image: url(../img/ather_icon_clover.png);
	background-repeat: no-repeat;
	background-position: left top;	
	padding:0px 0px 0px 25px;
	margin:20px 15px 0px 10px;
	font-size: 13px;
	color: #333333;	
	line-height:18px;
}

#info_sinryo_table{
	width:95%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin:10px auto 5px;
}

#info_sinryo_table th,
#info_sinryo_table td{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
}

#info_sinryo_table th{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../img/ather_table_bg.gif);
	background-repeat: repeat;
}

#info_sinryo_table td{
	font-size: 11px;
	color: #7e4e16;	
}

#first_box .text{
	font-size: 11px;
	color: #333333;	
	margin:0px 0px 0px 15px;
}

#ather_btn_box{
	margin:0px 15px;
}


/*---------  院長・スタッフ紹介  ---------*/
#staff_box{
	width:100%;
}

#staff_greeting_box{
	width:100%;
	background-image: url(../img/staff_h3_01_bg.jpg);
	background-repeat: repeat;	
}

#staff_greeting_box .box_in01{
	margin:0px;
	padding:20px 15px 0px;
	background-image: url(../img/staff_h3_01_flower01.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#staff_greeting_box .box_in02{
	margin:0px 0px 30px;
	padding:20px 15px 25px;
	background-image: url(../img/staff_h3_01_flower02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

#staff_greeting_box p{
	line-height:22px;
}

#staff_prof_box{
	background-image: url(../img/staff_h3_02_img.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}

#staff_prof_box .name{
	font-size: 14px;
	line-height: 20px;
	color: #7e4e16;
	background-image: url(../img/ather_icon_clover.png);
	padding:0px 0px 0px 25px;
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 15px;
}

#staff_prof_box .keireki{
	font-size: 13px;
	line-height: 22px;
	color: #333333;
	padding:0px;
	background-repeat: no-repeat;
	background-position: left top;
	margin:20px 0px 30px 15px;
}

.fc_ff8a00{
	color:#ff8a00;
}


/*---------  自費診療  ---------*/

#expense_box{
	width:100%;
}

#expense_box .text{
	line-height:22px;
	font-size: 13px;
	color: #333333;
	margin:10px 15px 15px;
}

#expense_obi_box{
	width:100%;
	height:53px;
	background-image: url(../img/expense_h3_01_obi.gif);
	background-repeat: repeat-x;
	text-align:center;
	font-size: 13px;
	line-height: 20px;
	color: #7e4e16;
	font-weight: bold;
	padding:13px 0px 0px;
}

#expense_list_box{
	background-image: url(../img/expense_h3_01_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
	padding:0px 0px 15px 0px;
}

#expense_list_box li{
	background-image: url(../img/expense_h3_01_li.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 3px 25px;
	margin:18px 40px 0px 10px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;	
}

button.css3button {
	width:95%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #ffffff;
	padding: 1px 10px;
	margin:0px auto 0px;
	background: -moz-linear-gradient(
		top,
		#f5ad3a 0%,
		#f5a43a 50%,
		#f39018 50%,
		#f8841e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f5ad3a),
		color-stop(0.50, #f5a43a),
		color-stop(0.50, #f39018),
		to(#f8841e));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #ff9900;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
}

#accordion_box{
	width:95%;
}

#accordion_box .box_in{
	margin:0px 15px 0px 5px;
	text-align:left;
}

#accordion_box .box_in ul{
	margin:0px;
	padding:0px 10px;
}

#accordion_box .box_in ul li{
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	background-image: url(../img/ather_icon_clover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 25px;
	margin:15px 0px 10px;
}

.accordion_head {
	cursor:pointer;
	margin:10px 0px 0px;
}

#expense_ryokin_box{
	background-image: url(../img/expense_h3_02_table_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;	
	padding:0px 8px;
	margin:0px 0px 30px;
}

#expense_ryokin_box .box_in{
	padding:15px 0px;
}

#expense_ryokin_box table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#expense_ryokin_box table th{
	background-image: url(../img/expense_h3_02_th_bg.gif);
	background-repeat: repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	padding:8px 10px;
}

#expense_ryokin_box table td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: 10px;
	color: #333333;
	padding:8px;
	text-align:center;
	background-color: #FFFFFF;
}


/*---------  小児歯科  ---------*/

#child_box{
	width:100%;
	margin:0px 0px 30px 0px;
}

#child_list_box01 li{
	background-image: url(../img/expense_h3_01_li.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 3px 25px;
	margin:18px 10px 0px 10px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;	
}

#child_h3_01_box{
	padding:15px 110px 15px 15px;
	background-color: #ffffc2;
	background-image: url(../img/child_h3_01_img.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin:20px 0px 0px 0px;
}

#child_list_box02 li{
	background-image: url(../img/child_h3_02_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 3px 25px;
	margin:18px 10px 0px 10px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
}

.fc_7e4e16{
	color:#7e4e16;
}

#accordion_box02{
	width:100%;
	background-image: url(../img/child_h3_02_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
	padding:0px 0px 20px 0px;
}

#accordion_box02 .box_in{
	margin:0px 10px 0px 10px;
	text-align:left;
}

#accordion_box02 .box_in ul{
	margin:0px;
	padding:0px 10px;
}

#accordion_box02 .box_in ul li{
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	background-image: url(../img/ather_icon_clover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 25px;
	margin:15px 0px 10px;
}

#child_box .comment {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: 2px #ff9900 solid;     /* 枠線の装飾 */
	background-color: #fcfbf9;   /* 背景色 */
	padding:9px;
	font-size: 14px;
	color: #7e4e16;
	line-height:20px;
} 

#expense_box .comment {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: 2px #ff9900 solid;     /* 枠線の装飾 */
	background-color: #fcfbf9;   /* 背景色 */
	padding:9px;
	font-size: 14px;
	color: #7e4e16;
	line-height:20px;
} 

/*---------  院内設備  ---------*/

#setsubi_box{
	width:100%;
	margin:0px 0px 30px 0px;
}

#setsubi_box .title{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #7e4e16;
	background-image: url(../img/ather_icon_clover.png);
	background-repeat: no-repeat;
	background-position: left top;	
	padding:0px 0px 0px 25px;
	margin:20px 15px 0px;
}

#setsubi_box .text{
	margin:0px 15px;
	font-size: 13px;
	line-height: 22px;
	color: #333333;
}
.accordion_box{
	padding:0px 10px 0px;
	text-align:left;
	margin:0px 0px 20px 0px;
}


/*---------  交通案内  ---------*/

#access_box{
	width:100%;
	margin:0px 0px 30px 0px;
}

#access_map_box{
	width:90%;
	margin:20px auto;
	border: 3px solid #999999;
}
#access_info_box{
	width:100%;
	background-image: url(../img/access_h3_01_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:0px;
	padding:5px 0px;
}

#access_info_box .box_in{
	margin:0px 0px 0px 15px;
}

#access_info_box li{
	background-image: url(../img/ather_icon_clover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 25px;
	margin:15px 0px 10px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
}

#access_info_box li .title{
	font-size: 14px;
	line-height: 30px;
	color: #7e4e16;
}

#access_sinryo_box{
	width:100%;
	margin:10px auto 5px;
	padding:10px 0px;
	background-image: url(../img/access_h3_02_table_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#access_sinryo_table{
	width:95%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin:10px auto 5px;
}

#access_sinryo_table th,
#access_sinryo_table td{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
}

#access_sinryo_table th{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../img/access_h3_01_th_bg.gif);
	background-repeat: repeat;
	
}

#access_sinryo_table td{
	font-size: 11px;
	color: #c22752;
	background-color: #FFFFFF;
}

#access_box .text{
	margin:0px 15px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}

/* ブログ */
.blog_bg {
	width: 100%;
	background: url(../img/blog_bg.gif) repeat-x;
	height: 149px;
	padding: 7px 0;
	margin-top: 0.5em;
}

.blog {
	width: 95%;
	background: url(../img/blog_bg2.gif) repeat-x;
	height: 149px;
	margin: 0 auto;
}
.blog h2  {
	color: #7e4e16 !important;
	font-size: 16px !important;
	text-align:left !important;
	margin:0 0 0 0 !important;
	background: none !important; 
	padding: 0.5em 0 0.5em 0;
	background: none !important;
}

.clover {
	margin: -100px 14px 0;
}


/*------- フォント -------*/
.font_12_white {
	font-size: 18px;
	line-height: 140%;
	color: #FFFFFF;
}


/*---------  Padding ＆ Margin  ---------*/

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

.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}