@charset "utf-8";

/* HANABUSA INDEX.CSS  */


/*---------------------------------------
*	
*	00.INDEX_GLOBAL_COMMON
*	01.PROMO_AREA
*	02.CONTENTS
*	03.LEFT
*		03-** / LEFT COMMON
*		03-01 / KNOWLEDGE_AREA
*		03-02 / CONSULT_AREA
*		03-03 / CLINIC_AREA
*		03-04 / TOPICS_AREA
*	04.RIGHT
*	05.SUB_FOOTER
*
*--------------------------------------*/



/**--------------------------------------
	00.INDEX_GLOBAL_COMMON
---------------------------------------**/

/**--------------------------------------
	01.PROMO_AREA
---------------------------------------**/

div#promo
{
	margin: 0 0 12px 0;
	width: 900px;
	height: 250px;
	background: no-repeat #FFFFFF;
	overflow: hidden;
}

div#promo img
{
	margin: 35px 0 0 430px;
	width: 451px;
	height: 200px;
	vertical-align: bottom;
}

p#promoText
{
	padding: 2px 0 0 30px;
	width: 870px;
	height: 20px;
	background: url(../images/promo_text_bg.gif) no-repeat;
	vertical-align: bottom;
	overflow: hidden;
	font-size: 77%;
}


/**--------------------------------------
	02.CONTENTS
---------------------------------------**/

div#contents
{
	margin: 0 0 14px 0;
	width: 900px;
}

div#targetBunner p a:hover img,
div#right ul li a:hover img
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}	


/**--------------------------------------
	03.LEFT
---------------------------------------**/

div#left
{
	float: left;
	margin: 12px 0 50px 0;
	padding: 0 11px 11px 11px;
	width: 638px;
	background: #EAE5E0;
}


/**--------------------------------------
	03-00 / LEFT COMMON
---------------------------------------**/

div#knowledgeBox,
div#consultBox
{
	margin: 0 0 15px 0;
	width: 314px;
}

div#knowledgeBox h3,
div#consultBox h3
{
	width: 314px;
	height: 97px;
}

div#knowledgeBox ul,
div#consultBox ul
{
	width: 314px;
}

div#knowledgeBox ul li,
div#consultBox ul li
{
	width: 314px;
	height: 35px;
}

div#knowledgeBox ul li img,
div#consultBox ul li img
{
	vertical-align: bottom;
}

div#knowledgeBox p,
div#consultBox p
{
	margin: 14px 20px 18px 0;
	text-align: right;
}


/**--------------------------------------
	03-01 / KNOWLEDGE_AREA
---------------------------------------**/

div#knowledgeBox
{
	float: left;
	background: url(../images/index_hbox_bk.jpg) no-repeat left bottom;
}


/**--------------------------------------
	03-02 / CONSULT_AREA
---------------------------------------**/

div#consultBox
{
	float: right;
	background: url(../images/index_hbox_bk.jpg) no-repeat left bottom;
}


/**--------------------------------------
	03-02 / CONSULT_AREA
---------------------------------------**/

div#clinicBox
{
	clear: both;
	margin: 0 0 10px 0;
	height: 340px;
	background: url(../images/index_rbox_bk.jpg) no-repeat left bottom;
	line-height: 0;
}

div#clinicCtrl
{
	width: 638px;
	height: 48px;
	background: url(../images/index_clinic_h3_bk.jpg) no-repeat;
}

div#clinicCtrl h3
{
	float: left;
	padding: 17px 0 0 20px;
	width: 149px;
	height: 15px;
}

div#clinicCtrl ul
{
	float: right;
	margin: 11px 0 0 0;
	padding: 0 12px 0 0;
}

div#clinicCtrl ul li
{
	display: block;
	float: left;
}

div#clinicCtrl ul li.home
{
	margin-right: 7px;
}

/* クリニック選択シーン用 ここから */
.clSec00,
.clSec01
{
	position: relative;
	width: 638px;
	height: 288px;
	
}




div#mapMain
{
	position: relative;
	width: 638px;
	height: 288px;
	overflow: hidden;
}

#clSec
{
	width: 600px;
	padding: 15px 19px 23px 19px;
}


div#clSec div
{
	padding-right: 10px;
	width: 190px;
	float: left;
}

div#clSec div p
{
	margin-bottom: 10px;
}

div#clSec div.cl_san
{
}

div#clSec div.cl_tar
{
}




/*後に削除 START*/

div#clSec00
{
	width: 600px;
	padding: 15px 19px 23px 19px;
}

div#clSec00 div
{
	width: 190px;
}

div#clSec00 div.cl_san
{
	float: left;
	width: 293px;
}

div#clSec00 div.cl_tar
{
	float: left;
	padding: 0 0 0 14px;
	width: 293px;
}



div#clSec00 div p
{
	margin: 0 0 15px 0;
}

div#clSec00 div dl
{
	width: 180px;
	margin: 0 0 0 5px;
}

div#clSec00 div dl dt
{
	width: 180px;
	height: 39px;
}

div#clSec00 div dl dd
{
	padding: 0;
	width: 180px;
	background: url(../images/index_clinic_sbox_devider.gif) no-repeat left bottom;
	
	font-size: 88%;
}

div.clSec01
{
	width: 600px;
	padding: 15px 19px 23px 19px;
}

div.clSec01 p.clinicPic
{
	float: left;
	margin: 2px 0 15px 0;
}

div.clSec01 p.clinicPic img
{
	display: block;
	padding: 5px;
	background: url(../images/index_clinic_pic_bk.gif) repeat;
}

div.clSec01 p.clinicDetail
{
	float: left;
	padding: 0 0 0 14px;
}

div.clinicInnerBox
{
	width: 600px;
	height: 114px;
}

div.clSec01 p.clinicSchedule
{
	clear: left;
	float: left;
	margin: 0 9px 0 0;
	width: 428px;
	height: 111px;
	overflow: hidden;
}

div.clSec01 ul
{
	float: left;
	width: 163px;
}

div.clSec01 ul li
{
	margin: 0 0 4px 0;
	width: 163px;
	height: 34px;
}
/*後に削除 END*/
/* クリニック選択シーン用 ここまで */


/**--------------------------------------
	03-04 / TOPICS_AREA
---------------------------------------**/

div#topicsBox
{
	clear: both;
	background: url(../images/index_rbox_bk.jpg) no-repeat left bottom;
}

div#topicsCtrl
{
	width: 638px;
	height: 48px;
	background: url(../images/index_clinic_h3_bk.jpg) no-repeat;
}

div#topicsCtrl h3
{
	float: left;
	padding: 17px 0 0 20px;
	width: 149px;
	height: 15px;
}

div#topicsCtrl ul
{
	float: right;
	margin: 15px 0 0 0;
	padding: 0 12px 0 0;
	width: 161px;
}

div#topicsCtrl ul li.tpList
{
	display: block;
	float: left;
}

div#topicsCtrl ul li.tpRss
{
	display: block;
	float: right;
}

dl#topicsArea,
dl#newsArea
{
	width: 600px;
	color: #666666;
}

dl#topicsArea
{
	margin: 0 19px 10px 19px;
	padding: 15px 0 10px 0;
	background: url(../images/index_topics_devider.jpg) no-repeat left bottom;
}

dl#topicsArea dt
{
	display: block;
	margin: 0 0 18px 0;
	padding: 0 0 0 80px;
	height: 21px;
	background: url(../images/index_ico_topics.jpg) no-repeat;
}

dl#topicsArea dd.tpImage
{
	float: left;
}

dl#topicsArea dd.tpImage img
{
	padding: 5px;
	width: 90px;
	height: 103px;
	background: url(../images/news_pic_bk.jpg) repeat;
}

dl#topicsArea dd.tpDate
{
	margin: 0 0 0 115px;
	padding: 0 0 0 15px;
	background: url(../images/index_topics_vec.jpg) no-repeat 0 8px;
}

dl#topicsArea dd.tpBody
{
	margin: 10px 0 0 115px;
	width: 480px;
	line-height: 180%;
}

dl#newsArea
{
	clear: both;
	padding: 0 19px 23px 19px;
}

dl#newsArea dt
{
	clear: left;
	float: left;
	padding: 2px 0 0 7.5em;
	min-height: 21px;
	background: url(../images/index_ico_news01.jpg) no-repeat 0 1px;
}

dl#newsArea dd
{
	margin: 0 0 10px 0;
	padding: 2px 0 13px 14em;
	background: url(../images/index_topics_devider.jpg) no-repeat left bottom;
}

/**--------------------------------------
	04.RIGHT
---------------------------------------**/

div#right
{
	float: right;
	margin: 8px 0 50px;
	width : 220px;
}

div#right div#targetBunner
{
	margin-bottom: 21px;
}

div#right div#targetBunner p
{
	margin-bottom: 9px;
}

div#right ul
{
	margin-bottom: 29px;
}

div#right ul li
{
	margin-bottom: 10px;
}

div#right dl
{
	padding-bottom: 5px;
	width: 220px;
}

div#right dl#indexCoulmns
{
	margin-bottom: 28px;
	background: url(../images/index_right_g_bg.jpg) bottom;
}

div#right dl#indexDl
{
	background: url(../images/index_right_r_bg.jpg) bottom;
}

/*090313_ADD*/
div#right dl#indexDl dd
{
	margin: 0 0 0 5px;
	padding: 5px 0 0 35px;
	width: 175px;
	height: 30px;
	background: url(../images/index_dl_bk01.gif) no-repeat;
}

div#right dl dt
{
	height: 40px;
	overflow: hidden;
}

div#right dl#indexDl dt
{
	height: 41px;
}

div#right dl dd
{
	padding: 0 5px;
	width: 210px;
}

.h35 { height: 35px; }

.h36 { height: 36px; }

.h38 { height: 38px; }

.h41 { height: 41px; }

.h35,
.h36,
.h38,
.h41
{
	overflow: hidden;
}

/**--------------------------------------
	05.SUB_FOOTER
---------------------------------------**/

div#subFooter p.jisMark
{
	float: left;
	width: 183px;
	height: 46px;
}

div#subFooter p.sbCopy
{
	float: left;
	padding: 5px 0 0 15px;
	font-size: 85%;
	color: #666666;
}

div#subFooter p.bk2Top
{
	float: right;
	margin: 20px 0 0 0;
	padding: 0 10px 0 0;
}