@charset "Shift_JIS";


/* /////////////////////////////////////////////////////////
 global
///////////////////////////////////////////////////////// */

.clear {
	clear: both;
}

/* clearfix
----------------------------------------------- */
/* floatしたboxが親boxからはみ出すのを回避 */
#content .primary #gNav:after,
#content .primary .section dl:after,
.clearfix:after {
	height: 0;
	visibility: hidden;
	content:".";
	display: block;
	clear: both;
}
#content .primary #gNav,
#content .primary .section dl,
.clearfix {
	display: inline-table;
	min-height: 1px; /* IE 7 */
}
/* Hides from IE - mac \*/
* html #content .primary #gNav,
* html #content .primary .section dl,
* html .clearfix {
	height: 1%;
}
#content .primary #gNav,
#content .primary .section dl,
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* /////////////////////////////////////////////////////////
 header
///////////////////////////////////////////////////////// */

#hNav {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0;
	padding: 0;
}

/* /////////////////////////////////////////////////////////
 container
///////////////////////////////////////////////////////// */
#container #content {
	padding: 0;
	background: url(cssimg/bg820_for2column.jpg) 0 0 repeat-y;
}
#content .section {
	padding: 0;
}
#content .section .section {
	padding: 0;
}

/* content .primary
--------------------------------------------------------- */
#content .primary {
	float: left;
	width: 550px;
}
#content .primary .vImg {
	padding: 0 0 20px 15px;
	background: url(cssimg/bg550_bottom_forHead.jpg) 0 100% no-repeat;
}
#content .primary #gNav {
	margin: 0 15px 10px 15px;
	padding: 0;
}
#content .primary #gNav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#content .primary .section {
	padding-top: 24px;
	padding-bottom: 5px;
	background: url(cssimg/bg550_separate.jpg) 0 0 no-repeat;
}
#content .primary .top {
	padding-top: 0;
	background: none;
}
#content .primary .section .indexHead {
	position: relative;
	margin: 0;
}
#content .primary .section .indexHead h2 {
	margin: 0 0 0 30px;
	padding: 0;
}
#content .primary .section .indexHead p {
	position: absolute;
	top: 0;
	right: 30px;
}
#content .primary .section dl {
	position: relative;
	margin: 0 30px;
	padding: 7px 0;
	border-bottom: 1px solid #e5e5e5;
}
#content .primary .section dt {
	float: left;
	display: inline;
	margin: 0;
	padding-left: 13px;
	width: 107px;
	line-height: 1.5;
	color: #039;
	background: url(cssimg/point_red.gif) 0 50% no-repeat;
}
#content .primary .section dd {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 370px;
}

/* content .secondary
--------------------------------------------------------- */
#content .secondary {
	float: left;
	width: 270px;
}
#content .secondary .section {
	margin: 0 15px 10px 5px;
}
#content .secondary .bnBox {
	margin: 0 15px 0 5px;
	border-bottom: 1px solid #e5e5e5;
}
#content .secondary .bnBox .yoha5B {
	margin: 0 0 5px 0;
}
#content .secondary .bnBox .yoha5TB {
	margin: 5px 0;
}
#content .secondary .yoha10TB {
	margin: 10px 0;
}
#content .secondary .indexHead {
	margin: 20px 0 0;
}
#content .secondary .section dl {
	position: relative;
	margin: 0 10px;
	padding: 7px 0;
	border-bottom: 1px solid #e5e5e5;
}
#content .secondary .section dt {
	margin: 0;
	padding-left: 13px;
	color: #039;
	background: url(cssimg/point_green.gif) 0 50% no-repeat;
}
#content .secondary .section dd {
	margin: 0;
	padding: 0;
}


/* /////////////////////////////////////////////////////////
 footer
///////////////////////////////////////////////////////// */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 10px 10px 30px;
	background: url(cssimg/footer_bg_for2column.jpg) 0 0 no-repeat;
}