@charset "utf-8";



/*▼共通部分==========================================*/

/*--------------------------
　　全体的なCSS
----------------------------*/

/*タグ*/
*{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	line-height: 1.4em;
	letter-spacing: 0.08em;
	text-indent: 0;
	text-decoration: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #362e2b;
}

img{
	vertical-align: text-bottom;
}


/*リンク設定*/
a{
}

a:link{
	color: #ff6600;
	text-decoration: underline;
}

a:visited{
	color: #ff6600;
	text-decoration: underline;
}

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

a:active{
	background: #ffff66;
	color: #ffffff;
	text-decoration: underline;
}



/*基本枠*/
body{
	background: #f2f2f2;
}

#wrapper{
	width: 850px;
	margin: 0 auto;
}

#content_body{
	width: 820px;
	padding: 0 15px 25px;
	background: url(images/body_flamerepeat.gif) repeat-y;
}



/*汎用的な部品*/
.float_right{
	float: right;
}
.float_left{
	float: left;
}


/*Clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


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

#head{
	width: 820px;
	height: 103px;
	padding: 0 15px 20px;
	background: url(images/body_flametop.gif) left bottom no-repeat;
}
#head img#logo{
	width: 317px;
	height: 103px;
	margin-right: 10px;
	float: left;
}
#head h1{
	float: right;
	width: 493px;
	height: 20px;
	text-align: right;
	letter-spacing: 0;
	line-height: 20px;
	font-size: 2px;
	font-weight: normal;
}
#head h1 a{
	letter-spacing: 0;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #362e2b;
}
#head h1 a:link{
	letter-spacing: 0;
	line-height: 20px;
	font-weight: normal;
	color: #362e2b;
}
#head h1 a:visited{
	letter-spacing: 0;
	line-height: 20px;
	font-weight: normal;
	color: #362e2b;
}
#head h1 a:hover{
	letter-spacing: 0;
	line-height: 20px;
	font-weight: normal;
	color: #362e2b;
}
#head h1 a:active{
	letter-spacing: 0;
	line-height: 20px;
	font-weight: normal;
	color: #362e2b;
}

#head address{
	float: right;
	display: block;
	width: 490px;
	height: 83px;
	line-height: 83px;
	text-align: right;
}

#head address img{
	margin-top: 20px;
}



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

#foot{
	clear: both;
	width: 820px;
	padding: 15px 15px 0px;
	background: url(images/body_flamebottom.gif) left top no-repeat;
	text-align: center;
}

#foot ul{
	font-size: 0.7em;
}

#foot ul li{
	display: inline;
}

#foot address{
	width: 820px;
	margin-top: 15px;
	padding: 3px 0;
	background: #362e2b;
	text-align: center;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 10px;
	color: #ffffff;
}


/*リンク設定 -通常メニュー- */
#foot ul li a{
	display: inline;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: bold;
	color: #362e2b;
}

#foot ul li a:link{
	text-decoration: underline;
	font-weight: bold;
	color: #362e2b;
}

#foot ul li a:visited{
	text-decoration: underline;
	font-weight: bold;
	color: #362e2b;
}

#foot ul li a:hover{
	color: #ff0033;
	font-weight: bold;
	text-decoration: underline;
}

#foot ul li a:active{
	background: #ffff66;
	color: #ffffff;
	text-decoration: underline;
}

/*リンク設定 -サブメニュー- */
#foot ul li ul li a{
	display: inline;
	text-decoration: underline;
	font-size: 0.8em;
	font-weight: normal;
	color: #362e2b;
}

#foot ul li ul li a:link{
	text-decoration: underline;
	font-weight: normal;
	color: #362e2b;
}

#foot ul li ul li a:visited{
	text-decoration: underline;
	font-weight: normal;
	color: #362e2b;
}

#foot ul li ul li a:hover{
	color: #ff0000;
	font-weight: normal;
	text-decoration: underline;
}

#foot ul li ul li a:active{
	background: #ff3300;
	color: #ffffff;
	text-decoration: underline;
}



/*--------------------------
　　サイドメニュー
----------------------------*/

#side_menu{
	width: 250px;
	float: left;
}

#side_menu h2{
	width: 250px;
	height: 30px;
	background: url(images/sidemenu_head.gif) left top no-repeat;
	text-indent: -99999px;
	font-size: 3px;
}

#side_menu_qr{
	width: 224px;
	margin: 15px auto;
	text-align: center;
}

#side_menu_banner_01{
	width: 224px;
	margin: 15px auto;
	text-align: center;
}

ul#menu{
	width: 224px;
	margin: 15px auto 0;
}

li.menu_list{
	margin-bottom: 20px;
	list-style-type: none;
}

li.menu_list ul{
	margin-left: 1em;
}

li.menu_list ul li{
	margin-bottom: 0.5em;
	padding-left: 16px;
	background: url(images/sidemenu_listmark.gif) left center no-repeat;
	list-style-type: none;
}

li.menu_list_s{
	margin-bottom: 20px;
	list-style-type: none;
}

li.menu_list_s ul{
	margin-left: 1em;
}

li.menu_list_s ul li{
	margin-bottom: 0.5em;
	padding-left: 16px;
	background: url(images/sidemenu_listmark.gif) left center no-repeat;
	list-style-type: none;
}


a.side_menu_bt{
	display: block;
	overflow: hidden;
	width: 224px;
	height: 32px;
	text-indent: -99999px;
	font-size: 3px
}


a.side_menu_bt_s{
	display: block;
	overflow: hidden;
	width: 224px;
	height: 25px;
	text-indent: -99999px;
	font-size: 3px
}

#side_menu_bt_top{
	background: url(images/sidemenu_bt_top00.gif) left top  no-repeat;
}
#side_menu_bt_medical{
	background: url(images/sidemenu_bt_medical00.gif) left top no-repeat;
}
#side_menu_bt_item{
	background: url(images/sidemenu_bt_item00.gif) left top no-repeat;
}
#side_menu_bt_staff{
	background: url(images/sidemenu_bt_staff00.gif) left top no-repeat;
}
#side_menu_bt_blog{
	background: url(images/sidemenu_bt_blog00.gif) left top no-repeat;
}
#side_menu_bt_taku{
	background: url(images/sidemenu_bt_taku01.gif) left top no-repeat;
}

.menu_list ul li a{
	text-decoration: underline;
	color: #362e2b;
}

.menu_list ul li a:link{
	text-decoration: underline;
	font-weight: bold;
	color: #362e2b;
}

.menu_list ul li a:visited{
	text-decoration: underline;
	font-weight: bold;
	color: #362e2b;
}

.menu_list ul li a:hover{
	color: #ff0033;
	font-weight: bold;
	text-decoration: underline;
}

.menu_list ul li a:active{
	background: #ffff66;
	color: #ffffff;
	text-decoration: underline;
}


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

#main_contents{
	width: 569px;
	padding-left: 1px;
	float: left;
}

#topic_path{
	width: 539px;
	height: 30px;
	margin-bottom: 15px;
	padding: 0 15px;
	background: #59493f;
	line-height: 30px;
	font-size: 10pt;
	color: #ff9900;
}

#contents_head{

}

/*====================================共通部分終わり▲*/






/*▼トップページ======================================*/


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

#index_access{
	width: 530px;
	margin: 0 auto 20px;
	padding-top: 15px;
	background: url(images/index_access_flametop.gif) left top no-repeat;
}

#index_access h2{
	width: 291px;
	height: 36px;
	padding: 0 15px 15px 15px;
	background: url(images/index_access_title.gif) 15px 0px no-repeat;
	text-indent: -99999px;
	font-size: 3px;
}
#index_access h3{
	width: 255px;
	height: 20px;
	padding: 0 0 15px 20px;
	line-height: 1.6em;
}
#index_access p#index_access_text{
	width: 291px;
	padding: 0 0 15px 20px;
	line-height: 1.6em;
}

#index_access img#index_access_map{
	width:191px;
	height: 160px;
	padding-right: 15px;
}

#index_access_maplink{
	clear: both;
	width: 500px;
	padding: 5px 15px 15px;
	background: url(images/index_access_flamebottom.gif) left bottom no-repeat;
	text-align: right;
}


/*--------------------------
　　トピックス
----------------------------*/
#index_topics{
	width: 530px;
	margin: 0 auto 20px;
}

#index_topics h2{
	width: 510px;
	height: 20px;
	padding: 5px 10px;
	background: #cccccc;
	line-height: 20px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 1.2em;
	font-weight: bold;
}

#index_topics ul li{
	display: inline;
}

#index_topics p{
	width: 510px;
	padding: 5px 10px;
	line-height: 1.5em;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 0.9em;
}



/*--------------------------
　　医院情報
----------------------------*/
#index_information{
	width: 530px;
	margin: 0 auto 20px;
}
#index_information img{
	width: 255px;
	padding: 0 15px;
}

#index_information h2{
	width: 530px;
	height: 30px;
	margin: 0 auto 20px;
	background: url(images/index_info_title.gif) left top no-repeat;
	text-indent: -99999px;
	font-size: 3px;
}

#index_information h3{
	width: 230px;
	margin: 0 0 1em 10px;
	padding-left: 2px;
	border-bottom: 1px dotted;
	font-weight: bold;
}

#index_information dl{
	width: 210px;
	margin-left: 30px;
}
#index_information dl dt{
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-weight: bold;
}
#index_information dl dd{
	margin-bottom: 0.5em;
	padding: 0 0 0.5em 1.5em;
	border-bottom: 1px dotted;
}
#index_information dl dd a{
	font-size: 0.75em;
}
#index_information dl dd td{
	padding: 2px;
	border-right: 1px solid #993300;
	border-bottom: 1px solid #993300;
	font-size: 0.75em;
}
#index_information dl dd th{
	padding: 2px;
	background: #FFFFCC;
	/*background: #993300;*/
	border-right: 1px solid #993300;
	border-bottom: 1px solid #993300;
	font-size: 0.75em;
}



/*================================トップページ終わり▲*/








/*▼診療について======================================*/

/*--------------------------
　　共通項目
----------------------------*/

.medical_contentbox{
	width: 530px;
	margin: 0 auto 20px;
	padding-bottom: 20px;
	background: url(images/contentboxfoot.gif) center bottom no-repeat;
}

.medical_contentbox h3{
	width: 510px;
	height: 20px;
	margin-bottom: 20px;
	padding: 5px 10px 5px 0;
	background: url(images/titlebar.gif) left top no-repeat;
	text-indent: 35px;
}

.medical_contentbox h3 a{
	line-height: 20px;
	text-indent: 35px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 1.2em;
	font-weight: bold;
	color: #362e2b;
}

.medical_contentbox .textbox{
	width: 450px;
	margin: 0 auto 10px;
	font-size: 11pt;
}

.medical_contentbox .imgbox{
	width: 450px;
	margin: 0 auto 15px;
}

.medical_contentbox h4{
	width: 450px;
	margin: 15px auto 10px;
	padding: 3px;
	text-indent: 5px;
	background: #cccccc;
	font-weight: bold;
}
.medical_contentbox h5{
	width: 450px;
	margin: 10px auto 0;
	padding: 3px 0;
	font-weight: bold;
}


.medical_contentbox .upto_top{
	width: 450px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: right;
}

.medical_contentbox .upto_top a{
	font-size: 11px;
}

.medical_contentbox table#history_table{
	width: 450px;
	margin: 0 auto 10px;
	background: #59493f;
}
.medical_contentbox table#history_table th{
	width: 130px;
	padding: 5px;
	background: #d1c0a5;
	text-align: left;
	font-weight: bold;
	color: #333333;
}
.medical_contentbox table#history_table td{
	padding: 5px;
	background: #ffffff;
	text-align: left;
}
.medical_contentbox table#history_table td.years{
	padding: 5px;
	background: #ffffff;
	text-align: right;
}

#staff_list{
	position: relative;
	width: 450px;
	height: 330px;
	margin: 0 auto 10px;
	background: url(images/staff_list_bg.gif) center center no-repeat;
	font-size: 11pt;
}

#staff_list ul{
	position: absolute;
	top: 165px;
	left: 225px;
	margin-top: -100px;
	margin-left: -200px;
	height: 200px;
	width: 400px;
}

#staff_list ul li{
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	list-style-type: none;
}

/*================================診療について終わり▲*/



/*▼多久診療所のご案内================================*/

/*--------------------------
　　医院情報
----------------------------*/
#taku_information{
	width: 530px;
	margin: 0 auto 20px;
	background: url(images/taku_info_bg.gif) 260px bottom no-repeat;
}

#taku_information_map{
	width: 530px;
	margin: 0 auto 20px;
}

#taku_information img{
	width: 255px;
	padding: 0 15px;
}

#taku_information h2{
	width: 530px;
	height: 30px;
	margin: 0 auto 20px;
	background: url(images/index_info_title.gif) left top no-repeat;
	text-indent: -99999px;
	font-size: 3px;
}

#taku_information_map h2{
	width: 530px;
	height: 30px;
	margin: 0 auto 20px;
	background: url(images/index_info_title.gif) left top no-repeat;
	text-indent: -99999px;
	font-size: 3px;
}

#taku_information h3,
#taku_information_map h3{
	width: 465px;
	margin: 0 0 1em 10px;
	padding-left: 2px;
	border-bottom: 1px dotted;
	font-weight: bold;
}

#taku_information dl,{
	width: 465px;
	margin-left: 30px;
}

#taku_information_map p{
	width: 465px;
	margin-left: 30px;
	text-align: center;
}

#taku_information dl dt{
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-weight: bold;
}
#taku_information dl dd{
	margin-bottom: 0.5em;
	padding: 0 0 0.5em 1.5em;
	border-bottom: 1px dotted;
}
#taku_information dl dd a{
	font-size: 0.75em;
}

/*==========================多久診療所のご案内終わり▲*/