@charset "shift_jis";
/* ****************************************************
Since : 2008-08-12
Last Modified: 2008-10-06
***************************************************** */

/* ****************************************************
1. Common Settings
2. Main
3. Contents

99. Extra
***************************************************** */

/* 1. Common Settings
=========================================*/

body#top {
	background: #FFFFFF;
}

body#top #contents h2 {
	position: relative;
	margin-bottom: 13px;
}
body#top #contents h2 .attention {
	position: absolute;
	top: 2px;
	left: 148px;
}

body#top #contents h3 {
	margin: 1px 1px 0;
	background: #888888;
	color: #ffffff;
	text-align: center;
}

/* 2. Main
=========================================*/

/* mainContainer */
body#top #mainContainer {
	background: url(../../images/index_bg001.jpg) 0 0 repeat-x;
	text-align: center;
}

/* mainContents */
body#top #mainContents {
	width: 960px;
	margin: 0 auto;
	background: none;
	text-align: left;
}

/* contents */
body#top #contents {
	width: 960px;
	padding-bottom: 20px;
}
body#top #contents .section {
	width: 960px;
}

/* Column 
-----------------------------------------*/
/* Col2 */
body#top #contents .col2 {
	width: 960px;
	margin-top: 20px;
}
body#top #contents .col2 .first-col {
	float: left;
	width: 460px;
}
body#top #contents .col2 .second-col {
	float: right;
	width: 460px;
}



/* 3: Contents
=========================================*/

/* InfoBox 
-----------------------------------------*/
body#top #contents div.InfoBox {
	background: url(../../images/index_bg002.gif) 0 0 no-repeat;
	padding: 16px 15px;
}


/* newsBox 
-----------------------------------------*/
body#top #contents #newsBox {
	position: relative;
}
body#top #contents #newsBox ul {
	position: absolute;
	top: 15px;
	right: 0;
}
* html body#top #contents #newsBox ul { /* for IE6 */
	right: -12px;
}
body#top #contents #newsBox ul li {
	float: left;
	margin: 0 12px 0 0;
	font-size: 80%;
}

/* newsList */
body#top #contents #newsList {
	padding-top: 5px;
}
* html body#top #contents #newsList {	/* for IE6 */
	zoom: 1;
}
body#top #contents #newsList dl {
	background:  url(../images/com_bg007.gif) 0 100% repeat-x;
}
body#top #contents #newsList dl.lastChild {
	background: none;
}
body#top #contents #newsList dl.lastChild dd {
	padding-bottom: 0;
}
body#top #contents #newsList dl dt {
	margin: 5px 0 0 6px;
	font-weight: bold;
}
body#top #contents #newsList dl dd {
	margin-left: 6px;
	padding-bottom: 13px;
}


/* information 
-----------------------------------------*/
body#top #contents #information {
	position: relative;
}
body#top #contents #information ul {
	position: absolute;
	top: 15px;
	right: 0;
}
* html body#top #contents #information ul { /* for IE6 */
	right: -12px;
}
body#top #contents #information ul li {
	float: left;
	margin: 0 12px 0 0;
	font-size: 80%;
}

/* infoList */
body#top #contents #infoList {
	padding-top: 5px;
}
* html body#top #contents #infoList {	/* for IE6 */
	zoom: 1;
}
body#top #contents #infoList dl {
	background:  url(../images/com_bg007.gif) 0 100% repeat-x;
}
body#top #contents #infoList dl.lastChild {
	background: none;
}
body#top #contents #infoList dl.lastChild dd {
	padding-bottom: 0;
}
body#top #contents #infoList dl dt {
	margin: 5px 0 0 6px;
	font-weight: bold;
}
body#top #contents #infoList dl dd {
	margin-left: 6px;
	padding-bottom: 13px;
}


/* generalInfoBox 
-----------------------------------------*/

/* generalInfo */
body#top #contents .generalInfo {
	padding-top: 10px;
}
body#top #contents .col2 .generalInfo .first-col {
	float: left;
	width: 210px;
}
body#top #contents .col2 .generalInfo .second-col {
	float: right;
	width: 210px;
}

/* medicalInfoBox 
-----------------------------------------*/
body#top #contents #medicalInfoBox {
	margin-top: 30px;
}

/* medicalInfo */
body#top #contents #medicalInfo {
	padding-top: 10px;
}
body#top #contents .col2 #medicalInfo .first-col {
	float: left;
	width: 210px;
}
body#top #contents .col2 #medicalInfo .second-col {
	float: right;
	width: 210px;
}

/* plug-in 
-----------------------------------------*/

body#top #contents .plug-in {
	width: 940px;
	background: url(../../images/index_bg003.gif) 0 0 repeat-y;
}
* html body#top #contents .plug-in { /* for IE6 */
	width: 960px;
}
body#top #contents .plug-in .colLeft {
	float: left;
	width: 420px;
}
body#top #contents .plug-in .colRight {
	float: right;
	width: 459px;
}
body#top #contents .plug-in dl dt.banner {
	margin: 0 11px 0 0;
}
body#top #contents .plug-in dl dd {
	margin: 0 0 0 171px;
	padding: 5px 0 0 0;
	line-height: 1;
}




/* 99. Extra
=========================================*/
/* Clearfix */
body#top #contents #medicalInfo dl:after,
body#top #contents .plug-in:after,
body#top #contents .generalInfo:after,
body#top #contents #bannerArea ul:after,
body#top #contents #newsList ul:after,
body#top #contents .col2:after,
body#top #contents div.InfoBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body#top #contents #medicalInfo dl,
body#top #contents .plug-in,
body#top #contents .generalInfo,
body#top #contents #bannerArea ul,
body#top #contents #newsList ul,
body#top #contents .col2,
body#top #contents div.InfoBox {
	display: inline-block;
	min-height:1%;
}