/*========== ▼共通▼ =========*/
body {
	background: #fff;
}

body, button, input, select, textarea {
	font: 100%/1.5 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif;
	color: #333;
}

a:link, a:visited {color: #1f5899;}
a:hover, a:active {color: #3380e5;}

/* 休診日カレンダー　休診日の色を示す■ */
.pksq {color: #ffcce5;font-size: 125%;}




/*========== ▼wireframe▼ =========*/

#container {
	margin: 0 auto;
	padding-top: 10px;
	width: 940px;
}

#header {
/*		margin-bottom: 1em;	*/
}

	#headerlogo_wrap {
		float: left;
		width: 340px;
	}
		#headerlogo_wrap p {
			font-size: 75%;
			}

	#headerinfo_wrap {
		float: right;
	}

		#subnav {
		text-align: right;
		margin-bottom: 60px;
		}
		
		#mainnav {
		width: 100%;
		}
		
		#catnav {
		clear: both;
		width: 100%;
		}

#mainbox {
	margin-bottom: 3em;
	width: 700px;
	float: left;
}


#rightbox {
	width: 200px;
	float: right;
}

#rightbox section {
	margin-left: 0.5em;
	margin-bottom: 2em;
}

#footnavwrap {
	clear: both;
	width: 100%;
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
}

#footer {
	padding: 5px 0;
	font-size: 80%;
	text-align: center;
	background-color:  #eee;
	border-top: 1px solid #ddd;
}

#footer #address {font-style: normal;}

#footer #copyright {font-style: normal;}

/*========== ▼navigation▼ =========*/

#subnav ul {
}
#subnav ul li {
	float: left;
	padding-left: 15px;
	margin-left: 20px;
	background: url(../image/share/sub_nav_bk.gif) no-repeat left;
	}

/* remove the list style */

#mainnav_drp {
	margin:0;
	padding:0;
	width: 100%;
	list-style:none;
	background-color: #eee;
	min-height: 33px;
}	

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#mainnav_drp li {
	float: left;
	display: block;
	background: #eee;
	position: relative;
	z-index: 500;
	margin: 0 1px 0 0;
}

/* this is the parent menu */
#mainnav_drp li a {
	display:block; 
	padding:5px 10px 0 10px;
	height:28px;
	text-decoration:none;
	color:#000;
}

#mainnav_drp li a:hover {
	color:#fff;
/*	background-color: #308cfb;*/
	background-color: #666;
}
#mainnav_drp li.now a:hover {
	background-color: #63b5ff;
}

/* you can make a different style for default selected value */
#mainnav_drp a.selected {
	color:#f00;
}

/* submenu, it's hidden by default */
#mainnav_drp ul {
	position:absolute;
	left:0; 
	display:none; 
	margin:0 0 0 -1px;
	padding:0; 
	list-style:none;
}

#mainnav_drp ul li {
	width:240px;
	float:left;
	border-top:1px solid #fff;
/*	background-color: #ccc;	*/
	background-color: #666;
	opacity: 0.9;
}
#mainnav_drp ul li a {
	color: #aaa;
}
#mainnav_drp ul li a:hover {
	color: #fff;
}

/* display block will make the link fill the whole area of LI */
#mainnav_drp ul a {
	display:block;  
	height:15px;
	padding:5px 5px 0 10px;
	height: 28px;
	color:#fff;
}

#mainnav_drp ul a:hover {
	text-decoration:underline;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #mainnav_drp ul {
	margin:0 0 0 -2px;
}

#mainnav .now, #mainnav .now a{
	background-color: #63b5ff;
	color: #fff;
}



#catnav ul {
	width: 100%;
	min-height: 32px;
	background-color: #63b5ff;
/*	background-color: #666;*/
}
#catnav li  {
	float: left;
	padding: 5px 5px 0 5px;
	color: #333;
}
#catnav li a {
	text-decoration: none;
	color: #333;
}
#catnav li a:hover {
	color: #fff;
	text-decoration: underline;
}
#catnav li.now a {
	color: #fff;
}


#footnav {
	margin: 0 auto;
	padding: 10px 5px 10px;
	width: 940px;

}

#footnav ul {margin-left: 1.5em;}
#footnav ul li {font-size: 80%;}

/*========== ▼midashi▼ =========*/

#toplead {
	font-size: 1.25em;
}

.pagemidasi {
	margin: 0.5em 0 1.5em;
	color: #124db3;
	font-size: 1.4em;
	border-bottom: 3px solid #eee;
}
	
	
.midasi2 {
	margin: 2em 0 1em;
	padding: 5px 0 0 10px;
	background: url(../image/share/h2_bk.gif) no-repeat;
	color: #fff;
	height: 40px;
}


.midasi3 {
	margin: 1.5em 0;
	padding-left: 24px;
	color: #999;
	border-bottom: 1px dotted #308cfb;
	background: url(../image/share/h3_bk.jpg) no-repeat top left;
}


.midasiright {	/* h3 右サイドメニュー */
	margin-bottom: 1em;
	margin-left: -0.5em;	/* section にかけたmargin-left:0.5emの無効化 */
	padding-left: 5px;
	font-weight: normal;
	color: #999;
	border-top: 2px solid #ccc;
	border-bottom: 1px dashed #ccc;
}

.midasi4sita {	/* h4 フッターナビゲーションのジャンル(子無） */
	padding-left: 18px;
	color: #308cfb;
	background: url(../image/share/left_nav_sita_bk.gif) no-repeat left center;
	font-weight: normal;
	font-size: 90%;

}

.midasi4 {	/* h4 フッターナビゲーションのジャンル(子有） */
	margin-bottom: 0.25em;
	padding-left: 18px;
	color: #308cfb;
	background: url(../image/share/left_nav_bk.gif) no-repeat left center;
	font-weight: normal;
	font-size: 90%;
}
.midasi4sita a, .midasi4 a {text-decoration: none;color: #308cfb;}
.midasi4sita a:hover, .midasi4 a:hover {text-decoration: underline;color: #308cfb;}


/*========== ▼table,list,dl▼ =========*/

.dl01 dt {
	float: left;
	width: 4em;
}



.dl02 dt {	/* 右サイド診療時間 */
}
.dl02 dd {
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}


.dl03 dt {	/* 期間限定夏季診療時間実施期間（診療時間のご案内） */
	float: left;
	width: 8em;
}

.tbl01 td, .tbl01 th {	/* フォーム、医院案内、スタッフ紹介で使用 */
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-bottom: 1px dotted #999;
}
.tbl01 th.midasi1 {
	background-color: #eee;
}
.tbl01 td.txtright {text-align: right;}	/*スタッフ紹介院長略歴で使用*/
.tbl01 td.pl2 {padding-left: 2em;}	/*スタッフ紹介院長略歴で使用*/

table.tbl02 {	/* 治療費用の囲みで使用 */
	width: 100%;
	background-color: transparent;
}
	.tbl02 td {
		padding: 3px 10px;
	}
	.tbl02 td.w150 {
		width: 150px;
		text-align: right;
	}
	.tbl02 td.uline-dot {
		border-bottom: 1px dotted #aaa;
	}

table.tbl03 {	/* 診療時間で使用 */
	width: 100%;
	text-align: center;
}
table.tbl03 td, table.tbl03 th {
	border: 1px solid #124db3;
	padding: 5px;
	font-weight: normal;
	vertical-align: middle;
}
table.tbl03 th.days {background-color: #308cfb;color: #fff;}
table.tbl03 th.days2 {background-color: #f56262;color: #fff;}
table.tbl03 th.times {background-color: #eee;}

a.transparent01:hover {	/* 右サイドバナー透過 */
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;

}

/* リスク */
ol.note {
	margin-left: 1.5em;
}
ol.note li {margin-bottom: 0.5em;}


/*========== ▼固有パーツ▼ =========*/

/* ///////// HOME　ブログ記事へのバナー ///////// */
a.home-blog-bann {
	clear: both;
	display: block;
	width: 680px;
	height: 90px;
	margin: 2em auto 0;
	padding-left: 2em;
	text-decoration: none;
	font-size: 1.3em;
	color: #444;
	line-height: 90px;
	background: url(../image/index/blog_link_bk.jpg) no-repeat top center;
}
a.home-blog-bann:hover, a.home-blog-bann:active {
	background: url(../image/index/blog_link_bk_on.jpg) no-repeat top center;
	}


/* ///////// まずは初診相談へ　初診申込フォームへのリンク ///////// */
a.shosin-link-bann {
	clear: both;
	display: block;
	width: 680px;
	height: 90px;
	margin: 2em auto 0;
	padding-left: 1em;
	text-decoration: none;
	font-size: 1.2em;
	color: #444;
	line-height: 90px;
	background: url(../image/first/shosin/shosin_link_bk.jpg) no-repeat top center;
}
a.shosin-link-bann:hover, a.shosin-link-bann:active {
	background: url(../image/first/shosin/shosin_link_bk_on.jpg) no-repeat top center;
	}


/* ///////// 症例ページへのリンク ///////// */
a.case-link-bann {
	clear: both;
	display: block;
	width: 500px;
	height: 60px;
	text-align: center;
	margin: 0.5em auto 1em;
	text-decoration: none;
	font-size: 1.5em;
	color: #444;
	line-height: 60px;
	background: url(../image/chiryo/case/case_link_bk_off.jpg) no-repeat top center;
}
a.case-link-bann:hover, a.case-link-bann:active {
	background: url(../image/chiryo/case/case_link_bk_on.jpg) no-repeat top center;
	}

/* ///////// 幼児の歯みがき教室　実践写真 ///////// */

a.print_brush_lesson {
	display: block;
	padding-top: 50px;
	width: 300px;
	height: 110px;
	background: #fff url(../image/pre_infant/print_bann.gif) no-repeat top center;
	text-decoration: none;
	font-size: 21px;
	color: #333;
}
a.print_brush_lesson:hover, a.print_brush_lesson:active {
	background: #fff url(../image/pre_infant/print_bann_on.gif) no-repeat top center;
}

.midasi_brush {
	clear: both;
	margin: 1em 0;
	padding-top: 0.5em;
	color: #666;
	font-size: 18px;
	line-height: 41px;
	border-top: 3px dotted #ccc;
}
.midasi_brushno {
	display: block;
	float: left;
	width: 40px;
	height: 41px;
	margin-right: 10px;
	text-align: center;
	background: url(../image/pre_infant/midasi_brushi_bk.gif) no-repeat left top;
}
.brushph {
	float: left;
	margin-right: 1em;
	width: 187px;
	height: 120px;
	background: url(../image/pre_infant/howto_bk.gif) no-repeat left top;
	padding: 6px 0;
	text-align: right;
}
.brushph img {
	margin-right: 6px;
}


/* ///////// 装置や用具の解説 ///////// */

.yougo_wrap {
	margin: 1em;
	padding: 5px;
	border-radius: 4px;  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
	background-color: #e5e5e5;
	
}
.yougo_ttl {
	margin-bottom: 0;
	padding-left: 36px;
	background: url(../image/chiryo/souti/soutittl_bg.gif) no-repeat left top; 
	line-height: 40px;
	border: 1px solid #999;
}
	
.yougo_ttl.active {
	background: url(../image/chiryo/souti/soutittl_bg.gif) no-repeat left bottom; 
}
.yougo_container {
	margin: 0 1px 1px;
	padding: 1em;
	background-color: #fff;
}
.yougo_container p.clr {margin:0;height: 1px;overflow: hidden;clear: both;}


/* ///////// 求人募集 ///////// */

#recruitcatch {
	width: 680px;
	height:140px;
	margin: 2em auto;
	background: url(../image/inage/recruit/recruitcatchbk.gif) no-repeat center;
}
#recruitcatch p {margin-left: 1.5em;padding-top: 1.5em;}

#recruit-dl {
	margin: 0 1em;
	padding: 1em 0 0;
}
#recruit-dl dt {
	padding-left: 10px;
	border-left: 5px solid #308cfb;
	font-weight: bold;
}
#recruit-dl dd {
	margin: 0 0 1em 3em;
}

a.recruit-link-bann {
	clear: both;
	display: block;
	width: 680px;
	height: 90px;
	text-align: center;
	margin: 2em auto 0;
	text-decoration: none;
	font-size: 1.5em;
	color: #444;
	line-height: 90px;
	background: url(../image/inage/recruit/recruit_link_bk.jpg) no-repeat top center;
}
a.recruit-link-bann:hover, a.recruit-link-bann:active {
	background: url(../image/inage/recruit/recruit_link_bk_on.jpg) no-repeat top center;
	}

/* ///////// スタッフ紹介　業績　左揃え・右揃え混在リスト　用 ///////// */
/*--　丸印付きリスト,数字付リスト　--*/

ul.li-works, ol.li-works-no {
	margin-left: 1.5em;
	margiin-bottom: 1.5em;
	}
ul.li-works li {
	list-style-type: disc;
}
ol.li-works-no li {
	list-style-type: inherit;
}

ul.li-works ul li.works-comm, ol.li-works-no ul li.works-com {
	margin-bottom: 0.75em;
	list-style-type: none;
	text-align: right;
}
	


/* ///////// 各種フォーム小ウィンドウ用 ///////// */

#formbody {background-color: #eee;}
#formcontainer {margin: 10px auto;width: 680px;background-color: #fff;border: 1px solid #999;}
#formcontainer_wrap {margin: 20px;}


.w25em {width: 25em;}
.w5em {width: 5em;}
.w2em {width: 2em;}


/*初診相談送信完了　閉じるボタンに使用*/
button#close {
	appearance: none;
	border: 0;
	border-radius: 5px;
	background: #f00;
	color: #fff;
	padding: 8px 16px;
	font-size: 16px;
}
button#close:hover {
	background: #f33;
}


/*========== ▼汎用パーツ▼ =========*/

/* ///////// 画像など角丸囲み ///////// */
.kakomi-maru1 {
	padding: 2px;
	border: 1px solid #aaa;
	border-radius: 4px;  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
}

.kakomi-maru2 {
	padding: 5px 10px;
	background: #fff url(../image/share/midasi-maru2_bk.jpg) repeat-x top left;
	border: 1px solid #ccc;
	border-radius: 4px;  
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用*/
	-moz-border-radius: 4px;	/* Firefox用 */
/*	
	background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 85%);
	background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 85%);
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 85%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 85%);
	background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 85%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, rgb(230,230,230)),
		color-stop(0.85, rgb(255,255,255))
	);
*/ 
}

.kakomi-maru3 {
	padding: 1em;
	margin-bottom: 1em;
	background: #fff url(../image/inage/recruit/bk_grd.png) repeat-y top left;
	border-radius: 4px;  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
}

.kakomi-bg1 {background-color: #eed;}
.kakomi-bg2 {background-color: #ddd;}



/* ///////// リストスタイル ///////// */


/*--　丸印付きリスト　--*/
ul.li-disk {
	margin-left: 1.5em;
	margin-bottom: 1em;
	list-style-type: disc;
	}
ul.li-disk li {
	margin-bottom: 0.5em;
	line-heigh: 1em;
}

/*-- 数字付きリスト --*/
ol.li-inherit li {
	margin-left:1.5em;
	margin-bottom: 0.5em;
	list-style-type: inherit;
}


/* ///////// 文字色・サイズ ///////// */

.f200 {font-size: 200%;}
.f150 {font-size: 150%;}
.f125 {font-size: 125%;}
.f115 {font-size: 115%;}
.f100 {font-size: 100%;}
.f95 {font-size: 95%;}
.f90 {font-size: 90%;}
.f80 {font-size: 80%;}

.fwh {color: #fff;}
.fred {color: #ff3333;}
.fblue {color: #308cfb;}
.fgreen {color: #8cfb30;}


/* ///////// 行揃え・float ///////// */

.fltright{float: right;}
.fltleft {float: left;}
.clr {clear: both;height: 0;overflow: hidden;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.txtcenter {text-align: center;}


/* ///////// 余白など ///////// */

.mt1 {margin-top: 1em;}
.mt2 {margin-top: 2em;}
.mt5 {margin-top: 5em;}
.mb0 {margin-bottom: 0;}
.mb05 {margin-bottom: 0.5em;}
.mb1 {margin-bottom: 1em;}
.ml05 {margin-left: 0.5em;}
.ml2 {margin-left: 2em;}
.mr05 {margin-right: 0.5em;}
.mr1 {margin-right: 1em;}
.mlr1 {margin: 0 1em;}
.pall1 {padding: 1em;}
.pl2 {padding-left: 2em;}

/* ///////// 背景色 ///////// */

/* #footernav　の空改行で使用 */
.bkgr {background-color: #f9f9f9;}
.bkbk {background-color: #000;}

.bkbeige {background-color: #fefcf0;}