@charset "utf-8";

/*---------------------------------------------------------------
【1-1】基本設定
---------------------------------------------------------------*/

body {
	width: 100%;
	background-color: #EEE8D8;
}


#wrapper {
	width: 100%;
}


a:link {
	color: #336699;
}

a:visited {
	color: #336699;
}

a:hover {
	color: #FF9900;
}

a:active {
	color: #FF9900;
}



/*---------------------------------------------------------------
【2-1】ヘッダ部分
---------------------------------------------------------------*/


#seo_header {
	width: 100%;
	min-width: 970px;
	background-color: #37291C;
}


#seo_header h1 {
	width: 890px;
	margin: 0 auto;
	padding: 5px;
	color: #FFFFFF;
	font-weight: normal;
}


#main {
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
}


#seo_header div.header_bg {
	height: 5px;
	background: url(../images/header_bg.gif) repeat-y;
}


#header {
	height: 80px;
	background-color: #ffffff;
}


#header div.logo_left {
	float: left;
	padding: 12px 0 0 40px;
}


#header div.logo_right {
	float: right;
}


/*---------------------------------------------------------------
【3-1】グローバルメニュー
---------------------------------------------------------------*/

#g_navi {
	height: 38px;
	margin: 0 auto;
	background: url(../images/menu_global.jpg) no-repeat;
}


#g_navi li {
	display: inline;
	list-style-type: none;
}

#g_navi li a {
	display: block;
	float: left;
	height: 38px;
	overflow: hidden;
	text-indent: -9877em;
	text-decoration: none;
}


#g_navi li.index a {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat 0px 0px;
}


#g_navi li.index a:hover {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat 0px -38px;
}


#g_navi li.feature a {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -150px 0px;
}


#g_navi li.feature a:hover {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -150px -38px;
}


#g_navi li.product a {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -300px 0px;
}


#g_navi li.product a:hover {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -300px -38px;
}


#g_navi li.price a {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -450px 0px;
}


#g_navi li.price a:hover {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -450px -38px;
}


#g_navi li.faq a {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -600px 0px;
}


#g_navi li.faq a:hover {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -600px -38px;
}


#g_navi li.contact a {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -750px 0px;
}


#g_navi li.contact a:hover {
	width: 150px;
	background: url(../images/menu_global.jpg) no-repeat -750px -38px;
}



/*---------------------------------------------------------------
【3-2】パン屑リスト
---------------------------------------------------------------*/

#breadthumb {
	width: 875px;
	padding: 15px 10px 5px 15px;
	font-size: 110%;
	text-align: left;
}



/*---------------------------------------------------------------
【4-1】メインコンテンツエリア
---------------------------------------------------------------*/

div.main_contents {
	padding: 5px 25px 10px;
}


div.main_contents_m20 {
	padding: 5px 20px 10px;
}

div.main_contents_m0 {
	padding: 5px 0 10px 0;
}

p.text_box {
	line-height: 1.6em;
	margin: 0 auto 1em;
	text-align: left;
}


.font_big {
	font-size: 110%;
}


.font_red {
	color: #FF0000;
}


.font_orange {
	color: #FB6D2E;
}


.font_bold {
	font-weight: bold;
}


.font_small {
	font-size: 80%;
}


.font_right {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.font_left {
	text-align: left !important;
}


/* コンテンツエリア2等分 */
div.main_contentsL {
	float: left;
	width: 426px;
}


div.main_contentsR {
	float: right;
	width: 426px;
}


/* 黄土色背景の部分　*/

div.ocher_contents {
	width: 838px;
	line-height: 1.8em;
	margin: 0 auto 0 20px;
	padding: 10px;
	border: 1px solid #B58B01;
	background-color: #FFFAE6;
	font-size: 110%;
	text-align: left;
}


div.ocher_contents img {
	margin-bottom: 10px;
}


/* 黄土色背景の部分(2等分)　*/

div.ocher_contents_box {
	line-height: 1.8em;
	padding: 10px;
	border: 1px solid #B58B01;
	background-color: #FFFAE6;
	text-align: left;
}


div.ocher_contents_box img{
	margin-bottom: 4px;
}


/* 特徴ページの下層リンク */

div.feature_links {
	width: 460px;
	margin: 20px auto 5px;
	font-size: 115%;
	text-align: center;
}

p.feature_links_previous {
	width: 220px;
	float: left;
	text-align: right;
	padding-right: 8px;
}

img.feature_links_previous {
	margin-right: 6px;
}

p.feature_links_center,
p.feature_links_center_patient,
p.feature_links_center_staff {
	padding-top: 2px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 0 12px 0 12px;
}

p.feature_links_next {
	width: 220px;
	float: right;
	text-align: left;
	padding-left: 8px;
}

img.feature_links_next {
	padding-left: 5px;
}


/*---------------------------------------------------------------
【5-1】資料請求、お問い合わせへのリンク（共通部分）
---------------------------------------------------------------*/

#contact {
	height: 181px;
	padding: 10px 15px;
	background: url(../images/contact_bg.jpg) no-repeat 10px;
}


h3.common_contact {
	float: left;
	width: 693px;
	height: 30px;
	overflow: hidden;
	margin: 15px auto 5px 5px;
	background: url(../images/contact_title.gif) no-repeat;
	text-indent: -9999px;
}


h3.long_common_contact {
	margin: 75px auto 5px 5px;
}


p.text_box_contact {
	float: left;
	width: 700px;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 5px 10px;
	text-align: left;
}


dl.common_contact_tel,
dl.common_contact_mail  {
	float: left;
	text-align: left;
}


dl.common_contact_mail dd {
	display: inline;
	list-style-type: none;
}


dl.common_contact_mail dd a {
	display: block;
	float: left;
	height: 48px;
	overflow: hidden;
	text-indent: -9877em;
	text-decoration: none;
}


dl.common_contact_mail dd a {
	width: 435px;
	background: url(../images/contact_btn.jpg) no-repeat 0px 0px;
}


dl.common_contact_mail dd a:hover {
	width: 435px;
	background: url(../images/contact_btn.jpg) no-repeat 0px -48px;
}




/*---------------------------------------------------------------
【6-1】フッター部分
---------------------------------------------------------------*/

#footer {
	width: 100%;
	min-width: 970px;
	height: 135px;
	background-color: #37291C;
	color: #ffffff;
}


div.fotter_area {
	width: 900px;
	margin: 0 auto;
}


#footer div.header_bg {
	height: 6px;
	background: url(../images/header_bg.gif) repeat-y;
}



#footer div.footer_link,
#footer div.copyright {
	float: left;
	width: 400px;
	padding: 15px 10px;
	text-align: left;
}


#footer div.footer_link {
	height: 58px;
}


#footer div.footer_link li {
	display: inline;
	list-style-type: none;
	padding-left: 6px;
	border-left: 1px solid #ffffff;
}


#footer div.footer_link li.firstchild {
	padding-left: 0;
	border: none;
}


#footer a {
	color: #ffffff;
	text-decoration: none;
}


#footer a:hover {
	color: #FF9900;
}


#footer div.adress,
#footer div.footer_top_link {
	float: right;
	padding: 5px 10px;
	text-align: right;
}


#footer div.footer_top_link {
	width: 400px;
	font-size: 110%;
}


#footer div.adress {
	width: 400px;
	line-height: 1.5em;
}