﻿@charset "utf-8";


/* Element Setting
--------------------------------------------------------------------------------------------------------------------------------------*/

/* hX
-------------------------------------------------------------------*/

/* h2 */
h2 {
	margin-bottom:20px;
	padding-bottom:4px;
	background:url(../img/common/bg_h2_01_btm.gif) no-repeat left bottom;
	font-size:145%;
	font-weight:bold;
	color:#FFF;
}
h2 span {
	display:block;
	padding:5px 15px;
	background:url(../img/common/bg_h2_01_top.gif) no-repeat #2C4295;
}

.col2-1 .left_area h2,
.col1-2 .right_area h2 {
	background:url(../img/common/bg_h2_02_btm.gif) no-repeat left bottom;
}
.col2-1 .left_area h2 span,
.col1-2 .right_area h2 span {
	background:url(../img/common/bg_h2_02_top.gif) no-repeat #2C4295;
}
.col2-1 .right_area h2,
.col1-2 .left_area h2 {
	background:url(../img/common/bg_h2_03_btm.gif) no-repeat left bottom;
}
.col2-1 .right_area h2 span,
.col1-2 .left_area h2 span {
	background:url(../img/common/bg_h2_03_top.gif) no-repeat #2C4295;
}

.one_col h2 {
	background:url(../img/common/bg_h2_04_btm.gif) no-repeat left bottom;
}
.one_col h2 span {
	background:url(../img/common/bg_h2_04_top.gif) no-repeat #2C4295;
}




/* h3 */
h3 {
	margin:0 3px 20px 2px;
	padding:1px;
	border:#CDCDCD 1px solid;
	font-size:130%;
	font-weight:bold;
	color:#304596;
}
h3 span {
	display:block;
	padding:5px 15px;
	border-top:#304596 3px solid;
	background:url(../img/common/bg_h3.gif) no-repeat right bottom #FFF;
}
/* h4 */
h4 {
	margin:0 6px 20px 4px;
	padding:10px 0;
	background:url(../img/common/bg_texture_01_01.gif) repeat;
	font-size:115%;
	font-weight:bold;
	color:#304596;
}
h4 span {
	display:block;
	padding:0 10px;
	border-left:#304596 5px solid;
	line-height:1;
}
/* h5 */
h5 {
	margin:0 9px 20px 6px;
	padding:5px 20px;
	border-bottom:#304596 1px solid;
	background:url(../img/common/bg_h5.gif) no-repeat left center;
	font-weight:bold;
	color:#304596;
}

/* table
-------------------------------------------------------------------*/
.tableA {
	width:100%;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
}
.tableA th,
.tableA td {
	padding:5px 8px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
.tableA th {
	font-weight:bold;
	text-align:center;
}
.thA {
	background:#2F4495;
	color:#FFF;
}
.thB {
	background:#EEEEEE;
	color:#2F4495;
}


/* ul
-------------------------------------------------------------------*/
.ulA li {
	margin-bottom:5px;
	padding-left:17px;
	background:url(../img/common/ico_list_01_01.gif) no-repeat left 5px;
}
.ulA li ul li {
	padding-left:15px;
	background:url(../img/common/ico_list_02_01.gif) no-repeat left 5px;
}
.ulA li ul li ul li {
	padding-left:14px;
	background:url(../img/common/ico_list_03_01.gif) no-repeat left 7px;
}
.ulA li ul li ul li ul li {
	padding-left:13px;
	background:url(../img/common/ico_list_04_01.gif) no-repeat left 7px;
}


/* ol
-------------------------------------------------------------------*/
ol.olStyleA li {
	list-style-type:upper-roman;
}
ol.olStyleA li ol li {
	list-style-type:decimal;
}

ol.olStyleB li {
	line-height:2;
}




/* dl
-------------------------------------------------------------------*/
.dlA {
	border:#CCC 1px solid;
	padding:15px;
	/*font-size:115%;*/
}
.dlA dt {
	/*margin-bottom:1px;
	padding:10px 0;
	border-bottom:#304596 1px solid;
	background:url(../img/common/bg_texture_01_01.gif) repeat;*/
	margin-bottom:10px;
	font-weight:bold;
	color:#304596;
}
.dlA dt span {
	/*display:block;
	padding:0 10px;
	border-left:#304596 5px solid;
	line-height:1;*/
}
.dlA dd {
}



/* Parts Setting
--------------------------------------------------------------------------------------------------------------------------------------*/


/* scale
-------------------------------------------------------------------*/

.scale {
	width:100%;
	height:auto;
}


/* indent
-------------------------------------------------------------------*/

/* 1カラム */
.one_col {
	padding:0 10px;
}


/* contents内用 */
.indentA {
	padding:0 9px 0 6px;
}


/* テキスト用 */
.txt_indent {
	padding-left:1.2em;
	text-indent:-1.2em;
}


/* attention
-------------------------------------------------------------------*/

/* txt */
.attentionA {
	color:#DD0000;
}

.attentionB {
	color:#2F4495;
}

/* box */
.attentionBoxA {
	padding:15px;
	background:url(../img/common/bg_texture_02_01.gif) repeat;
}





/* column
-------------------------------------------------------------------*/

/* 1-1-1 */
.col1-1-1 .left_area,
.col1-1-1 .center_area,
.col1-1-1 .right_area {
	float:left;
	width:220px;
	margin-right:10px;
}
.col1-1-1 .right_area {
	margin-right:0;
}

.one_col .col1-1-1 .left_area,
.one_col .col1-1-1 .center_area,
.one_col .col1-1-1 .right_area {
	float:left;
	width:300px;
	margin-right:15px;
}
.one_col .col1-1-1 .right_area {
	margin-right:0;
}

/* 1-1 */
.col1-1 .left_area {
	float:left;
	width:335px;
}
.col1-1 .right_area {
	float:right;
	width:335px;
}

.one_col .col1-1 .left_area {
	float:left;
	width:460px;
}
.one_col .col1-1 .right_area {
	float:right;
	width:460px;
}

/* 1-2 */
.col1-2 .left_area {
	float:left;
	width:265px;
}
.col1-2 .right_area {
	float:right;
	width:410px;
}

.one_col .col1-2 .left_area {
	float:left;
	width:300px;
}
.one_col .col1-2 .right_area {
	float:right;
	width:615px;
}


/* 2-1 */
.col2-1 .left_area {
	float:left;
	width:410px;
}
.col2-1 .right_area {
	float:right;
	width:265px;
}

.one_col .col2-1 .left_area {
	float:left;
	width:615px;
}
.one_col .col2-1 .right_area {
	float:right;
	width:300px;
}


/* 3-1 */
.one_col .col3-1 .left_area {
	float:left;
	width:710px;
}
.one_col .col3-1 .right_area {
	float:right;
	width:230px;
}
.one_col .col1-3 .left_area {
	float:left;
	width:230px;
}
.one_col .col1-3 .right_area {
	float:right;
	width:710px;
}


/* layout
-------------------------------------------------------------------*/

/* テキスト回り込みレイアウト */
/* 1-2 */
.layout1-2 .left_area {
	float:left;
	margin:0 20px 10px 0;
}


/* 2-1 */
.layout2-1 .right_area {
	float:right;
	margin:0 0 10px 10px;
}



/* width
-------------------------------------------------------------------*/


/**/
.w10p {
	width:10%;
}
.w15p {
	width:15%;
}
.w16p {
	width:16%;
}
.w_30p {
	width:30%;
}
.w_75p {
	width:75%;
}


/**/

.w82 {
	width:82px !important;
}
.w115 {
	width:115px !important;
}
.w125 {
	width:125px !important;
}
.w150 {
	width:150px !important;
}
.w170 {
	width:170px !important;
}
.w190 {
	width:190px !important;
}
.w200 {
	width:200px !important;
}
.w230 {
	width:230px !important;
}
.w255 {
	width:255px !important;
}
.w380 {
	width:380px !important;
}
.w400 {
	width:400px !important;
}
.w470 {
	width:470px !important;
}
.w520 {
	width:520px !important;
}
.w560 {
	width:560px !important;
}
.w780 {
	width:780px !important;
}


/**/


.w_auto {
	width:auto !important;
}




/* list
-------------------------------------------------------------------*/

/* 扉ページバナー */
.index_bnr li {
	float:left;
	margin:0 20px 20px 0;
}
.index_bnr li.even {
	margin-right:0;
}


/* 診療科詳細ページ内 ページ切り替えボタン */
.pageChange li {
	float:left;
}


/* 通常リンクリスト */
.link_list li {
	padding-left:20px;
	background:url(../img/common/ico_arrow_01_01.gif) no-repeat left 5px;
}




/* faq
-------------------------------------------------------------------*/

/* よくあるご質問 */
.faqWrap {
	padding:10px;
	border:#2F4495 1px solid;
}
.faqWrap dl {
	background:url(../img/common/bg_dot_02_01.gif) repeat-y 165px top;
}
.faqWrap dl dt {
	float:left;
}
.faqWrap dl dd {
	float:right;
	width:480px;
}
.faqWrap dl dd ul li {
	margin-bottom:5px;
	padding-left:35px;
	background:url(../img/common/ico_q.gif) no-repeat left top;
}



/* contact
-------------------------------------------------------------------*/
/* お問い合わせ */
ul.contact li {
	display:inline;
	float:left;
	width:315px;
	margin:0 3px 10px 3px;
}
ul.contact li dl dt {
	float:left;
	width:70px;
	color:#2F4495;
	font-weight:bold;
}
ul.contact li dl dd {
	float:right;
	width:245px;
	word-break:break-all;
}


/* dlLayout
-------------------------------------------------------------------*/

/* 定義リスト内でのレイアウトパターン */
.dlLayout .left_area {
	float:left;
	width:450px;
}
.dlLayout .right_area {
	float:right;
	width:180px;
}



/* tableLayout
-------------------------------------------------------------------*/

/* topics内で使用 */
.tableLayout01 {
	padding:10px 5px;
}
.tableLayout01 .left_area {
	float:left;
	width:350px !important;
}
.tableLayout01 .right_area {
	float:right;
	width:50px !important;
}



/* title
-------------------------------------------------------------------*/


.tit_h3Design {
	margin-bottom:20px;
	padding:1px;
	border:#CDCDCD 1px solid;
	font-size:130%;
	font-weight:bold;
	color:#304596;
}
.tit_h3Design span {
	display:block;
	padding:5px 15px;
	border-top:#304596 3px solid;
	background:url(../img/common/bg_h3.gif) no-repeat right bottom;
}



