@charset "UTF-8";


/* CommonStyle ------------------------------*/

div#contents {
	background: url(../img_index/bg_contents_subpage.gif) left top no-repeat;
}


/* Index Contents - ContentsBody ------------------------------*/

div#contents_index {
	display: block;
	width: 860px;
	margin: 32px 0 0 32px;
	padding: 0;
}

object#FlashID {
	margin: 0 0 20px 0;
	padding: 0;
}

/* depression */
div#depression {
	float: left;
	width: 250px;
	margin: 5px 0 0 0px;
	padding: 0 0 20px 0;
	background: url(../img_index/bg_depression_bottom.jpg) left bottom no-repeat;
	display: inline; /* for IE6 */
}
div#depression h2 {
	width: 250px;
	height: 63px;
	margin: 0;
	padding: 0;
	background: url(../img_index/tit_depression.jpg) left top no-repeat;
	text-indent: -9999px;
}
div.sub_depression {
	margin: 0;
	padding: 8px 20px 0 20px;
	background: url(../img_index/bg_depression_middle.jpg) left top repeat-y;
}
div.sub_depression h3 {
	margin: 0;
	padding: 2px 0 0 14px;
	background: url(../img_common/mark_ring_pink.gif) left center no-repeat;
	font-size: small;
}
div.sub_depression h3 a {
	color: #333;
	text-decoration: none;
}
div.sub_depression ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
}
div.sub_depression li {
	float: left;
	list-style: none;
	white-space:nowrap;
	display: inline;
}
div.sub_depression li.bar_off {
	margin: 3px 0 0 14px;
	padding: 0;
}
div.sub_depression li.bar_on {
	margin: 3px 0 0 3px;
	padding: 0 0 0 3px;
	border-left: #CCC 1px solid;
}
div.border_on {
	clear: both;
	height: 8px;
	margin: 0;
	padding: 0;
	border-bottom: #CCC 1px dotted;
}
div.border_off {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}

/* information */
div#information {
	float: left;
	width: 345px;
	margin: 0 0 0 35px;
	padding: 0;
	display: inline; /* for IE6 */
}
div#information h2 {
	width: 345px;
	margin: 0;
	padding: 0 0 5px 0;
	background: url(../img_index/tit_information.gif) left 15px no-repeat;
	border-bottom: #CCC 1px dotted;
	text-indent: -9999px;
}
div#information_list {
	height: 317px;
	overflow: auto;
	border-bottom: #CCC 1px dotted;
}
div#information dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
}
div#information dt {
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
}
div#information dd {
	margin: 0;
	padding: 0;
}
div#information img {
	border: 0;
}
div#information div.clear {
	padding: 0 0 5px 0;
	border-bottom: #CCC 1px dotted;
}

/* banner */
div#banner {
	float: right;
	width: 190px;
	margin: 17px 0 0 0;
	padding: 0;
	display: inline; /* for IE6 */
}
div#banner ul {
	list-style: none;
}
div#banner li {
	text-indent: -9999px;
}
li#bnr_access a {
	display: block;
	width: 190px;
	height: 100px;
	background: url(../img_index/bnr_access.jpg) left top no-repeat;
}
li#bnr_access a:hover {
	background: url(../img_index/bnr_access.jpg) right top no-repeat;
}
li#bnr_faq a {
	display: block;
	width: 190px;
	height: 95px;
	background: url(../img_index/bnr_faq.jpg) left top no-repeat;
}
li#bnr_faq a:hover {
	background: url(../img_index/bnr_faq.jpg) right top no-repeat;
}
li#bnr_inquiry a {
	display: block;
	width: 190px;
	height: 75px;
	background: url(../img_index/bnr_inquiry.jpg) left top no-repeat;
}
li#bnr_inquiry a:hover {
	background: url(../img_index/bnr_inquiry.jpg) right top no-repeat;
}
a#bnr_monthly {
	margin-top: 10px;
	text-indent: -9999px;
	display: block;
	width: 190px;
	height: 70px;
	background: url(../img_index/bnr_monthly.jpg) left top no-repeat;
}
a#bnr_publication {
	margin-top: 10px;
	text-indent: -9999px;
	display: block;
	width: 190px;
	height: 55px;
	background: url(../img_index/bn_publication.jpg) left top no-repeat;
}
a#bnr_publication:hover {
	background: url(../img_index/bn_publication.jpg) right top no-repeat;
}