@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:27px 30px 0 10px;
	_margin:27px 30px 0 5px;
	padding:15px 15px 0 15px;
}

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

#colLeft li a:hover img{
	filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}


/* colCener
-----------------------------------------------------------------*/
#colCener{
	background:url(../images/dotted.gif) repeat-y right;
	float:left;
	width:370px;
	overflow:hidden;
	margin:27px 30px 0 0;
	padding-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:30px;
	overflow:hidden;
	height:100%;
	_height: 1%;
}

#colCener dl.mb0{
	margin-bottom:0;
}

#colCener dl dt{
	background:url(../images/arrow_gray.gif) no-repeat right 50%;
	float:left;
	width:90px;
	_margin-right:-13em;
	font-size:12px;
	line-height:20px;
}

#colCener dl dd{
	background:url(../images/dotted_bottom.gif) repeat-x bottom;
	margin-bottom:5px;
	padding:0 0 5px 100px;
	text-indent:-1em;
	font-size:12px;
	line-height:20px;
}

#colCener dl dd a{
	padding-left:10px;
	text-decoration:none;
}

#colCener dl dd a:hover{
	color:#C70852;
}


/* colRight
-----------------------------------------------------------------*/
#colRight{
	float:left;
	width:210px;
}

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

#colRight ul li a:hover{
	color:#C70852;
}


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

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

#colRight ul.banner li a:hover img,
#colRight ul#bannerArea li a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}


/* bannerArea
-----------------------------*/
#colRight ul#bannerArea{
	background:url(../images/dotted_bottom.gif) repeat-x top;
	margin-bottom:15px;
	padding-top:10px;
}

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


/* 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%;
	padding-left:8px;
	display:block;
	text-decoration:none;
}


/* add MT 2011.08.02
-----------------------------*/

#entryBox{
       margin-bottom:5px;
       padding:4px 0;
       font-size:12px;
       line-height:20px;
       border:1px solid #e1e5e8;
       background:#FFF;
       text-align:left;
}

#entryBoxInner{
       margin:0 4px;
}

#entryBoxMainImg{
       margin:0 0 7px 0;
}

#entryBoxTit{
       margin:0 0 10px 0;
}

#entryBoxUL{
       width:200px;
       margin:0 0 15px 0;
}

#entryBoxUL li{
       display:block;
       background:url(../images/arrow_gray.gif) no-repeat 0 7px
no-repeat;
       padding:0 0 0 10px;
       font-size:12px;
       line-height:1.4;
       margin:0 2px 5px 5px;
}

#entryBoxUL li img{
       position:relative;
       top:-5px;
}

#entryDetailBtn{}

#entryBoxMainImg a:hover img,
#entryBoxTit a:hover img,
#entryDetailBtn a:hover img{
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}


#hackBox{
       margin:0 20px;
}