@charset "UTF-8";

/*
======== table of content. =================================

summary:基本設定・ワイヤーフレームCSS定義

- colLeft
- colCener
- colRight

============================================================
*/


/* promo
-----------------------------------------------------------------*/
#promo{
	background:url(../images/promo_shadow.gif) no-repeat bottom;
	width:930px;
	height:299px;
	margin-bottom:27px;
	padding-bottom:7px;
}


/* colLeft
-----------------------------------------------------------------*/
#colLeft{
	background:url(../images/colLeft_base.gif) repeat-y;
	float:left;
	width:210px;
	overflow:hidden;
	margin:0 30px 0 10px;
	_margin:0 30px 0 5px;
	padding:15px 15px 0 15px;
}

#colLeft li{
	margin-bottom:15px;
}


/* colCener
-----------------------------------------------------------------*/
#colCener{
	float:left;
	width:370px;
	overflow:hidden;
	margin-right:30px;
}

#colCener h2{
	width:370px;
	height:30px;
	margin-bottom:15px;
	position:relative;
}

#colCener h2 span{
	display:block;
	width:83px;
	height:15px;
	position:absolute;
	left: 279px;
	top: 7px;
}

#colCener dl{
	width:370px;
	margin-bottom:50px;
	_height: 1%;
}

#colCener dl dt{
	float:left;
	width:7em;
	_margin-right:-13em;
	font-size:12px;
	line-height:20px;
}

#colCener dl dd{
	background:url(../images/arrow_gray.gif) no-repeat 7em 6px;
	margin-bottom:10px;
	padding-left:8em;
	font-size:12px;
	line-height:20px;
}


/* colRight
-----------------------------------------------------------------*/
#colRight{
	float:left;
	width:210px;
	padding-left:30px;
	border-left:2px solid #000000;
}

#colRight h2{
	margin-bottom:15px;
}


/* banner
-----------------------------*/
#colRight ul#banner{
	margin-bottom:20px;
}

#colRight ul#banner li{
	margin-bottom:5px;
}


/* bannerArea
-----------------------------*/
#colRight ul#bannerArea{
	margin-bottom:16px;
}


/* service
-----------------------------*/
#colRight ul#service{
	margin-bottom:5px;
}

#colRight ul#service li{
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:12px;
	line-height:20px;
	border-bottom:1px dotted #cccccc;
}

#colRight ul#service li.end{
	border-bottom:none;
}

#colRight ul#service li a{
	background:url(../images/arrow_red.gif) no-repeat left 50%;
	margin-left:8px;
	padding-left:8px;
	display:block;
	text-decoration:none;
}