@charset "UTF-8";
/* CSS Document */

/*common
***************************************/
#contArea{
	float:left;
	width:740px;
	margin:0 0 0 20px;
	text-align:left;
	overflow:hidden;
	_zoom:1;
}


/* //////// */

#sidenavArea{
	float:right;
	width:210px;
}
#sidenavArea #sidenav{
	margin:25px 0;
	border:solid 3px #13378B;
	background:#FFF8E3 url(../_img/sidenav_top.gif) top center no-repeat;
}
#sidenav ul{
	list-style:none;
	padding:35px 10px 0;
	text-align:left;
}
#sidenav ul li{
	margin:0 0 10px;
	padding:3px 0 5px 32px;
	font-weight:bold;
	font-size:100%;
}

#sidenav ul li a{color:#13378B; padding:2px 4px;}
#sidenav ul li a:hover{background:#FF0; padding:2px 4px;}
#sidenav ul li a.on{background:#13378B; color:#EBAF58; padding:2px 4px; text-decoration:none;}

#sidenav ul li.home{
	background:url(../_img/sidenav_home.gif) left top no-repeat;
}
#sidenav ul li.choice{
	background:url(../_img/sidenav_choice.gif) left top no-repeat;
}
#sidenav ul li.list{
	background:url(../_img/sidenav_list.gif) left top no-repeat;
}
#sidenav ul li.qa{
	background:url(../_img/sidenav_qa.gif) left top no-repeat;
}
#sidenav ul li.column{
	background:url(../_img/sidenav_column.gif) left top no-repeat;
}

#sidenav ul li ul.sublist{
	margin:10px 0 0;
	padding:0;
	display:block;
}
#sidenav ul li ul.sublist li{
	background:url(../_img/ico_arrow3.png) no-repeat left 4px;
	padding:0 0 0 12px;
	margin:0;
	font-size:90%;
	color:#333;
	font-weight:normal;
}
#sidenav ul li ul.sublist li a{
	color:#333;
}
#sidenav ul li ul.sublist li a.now{
	background:#FF6;
	text-decoration:none;
}

/* //////// */

#siderankingArea{
	border:3px solid #13378B;
	background:#FFF url(../_img/side_ranking.gif) center 10px no-repeat;
	padding:18px 10px 10px;
	margin-bottom:20px;
}
#siderankingArea p.rankingttl{
	color:#13378B;
	font-size:110%;
	font-weight:bold;
	line-height:1.3;
}
#siderankingArea p.rankingtxt{
	border-top:dotted #13378B 2px;
	border-bottom:dotted #13378B 2px;
	margin:20px 0;
	padding:10px;
	font-size:85%;
	text-align:left;
	line-height:1.4;
}

#siderankingArea ol li{
	margin:10px 0 15px;
	list-style:none;
	text-align:left;
}
#siderankingArea ol li dl dt{
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	padding:2px 0 5px 36px;
}

#siderankingArea ol li dl dt.rank1{
	background:url(../_img/ico_rank1.gif) no-repeat left top;
}
#siderankingArea ol li dl dt.rank2{
	background:url(../_img/ico_rank2.gif) no-repeat left top;
}

#siderankingArea ol li dl dt.rank3{
	background:url(../_img/ico_rank3.gif) no-repeat left top;
}

#siderankingArea ol li dl dt.rank4{
	background:url(../_img/ico_rank4.gif) no-repeat left top;
}
#siderankingArea ol li dl dd{
	margin-bottom:5px;
	font-size:85%;
}
#siderankingArea ol li dl dd a.moreinfo{
	margin-right:3px;
}



/*choice 
***************************************/
#choiceArea{
	margin:30px 0;
}
#choiceArea h3{
	color:#13378B;
	font-size:200%;
	font-weight:bold;
}
#choiceArea h3 img{
	margin:0 10px 0;
}
#choiceArea p.indent{
	margin-left:20px;
}

#choiceArea ul.pointArea{
	margin:10px 0;
	overflow:hidden;
	_zoom:1;
}
#choiceArea ul.pointArea li{
	width:45%;
	margin:10px 15px;
	float:left;
	display:inline-block;
}
#choiceArea ul.pointArea li dl dt{
	border-bottom:dotted 2px #EB8F32;
	background:url(../_img/choice/ico_point.png) no-repeat top left;
	padding:5px 0 5px 32px;
	color:#EB8F32;
	font-size:130%;
}
#choiceArea ul.pointArea li dl dd{
	color:#333;
	margin:10px 0 0 10px;
}

/* //////// */

#choiceArea .box1{
	background:#FFF url(../_img/choice/bg_box1.gif) right top no-repeat;
	padding:30px 30px 10px;
	margin:0 0 30px;
}

/* //////// */
#choiceArea ul.caseArea{
	margin:10px 0;
}
#choiceArea ul.caseArea li{
	width:100%;
	margin:10px 0 20px;
}
#choiceArea ul.caseArea li dl dt{
	border-bottom:dotted 2px #009999;
	background:url(../_img/choice/ico_case.png) no-repeat top left;
	padding:5px 0 5px 32px;
	color:#009999;
	font-size:130%;
}
#choiceArea ul.caseArea li dl dd{
	color:#333;
	margin:10px 0 0 10px;
}


/*list 
***************************************/
#listArea{
	margin:20px 0;
}
#listArea ul{
	overflow:hidden;
	_zomm:1;
	list-style:none;
}
#listArea ul li{
	border:3px solid #E3E3E3;
	background:#fff;
	width:44%;
	margin:10px 12px 6px 0;
	padding:15px 12px 0;
	float:left;
	position:relative;
}
#listArea ul li p.mark{
	position:absolute;
	top:173px;
	left: 260px;
	padding:0 0 5px;
}
#listArea ul li dl dt{
	background:url(../_img/ico_arrow2.png) no-repeat left 8px;
	padding:0 0 0 15px;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px;
}
#listArea ul li dl dd{
	margin:10px 2px 0;
	font-size:90%;
	line-height:1.6;
}
#listArea ul li dl dd a img.cap{
	border:solid 1px #E3E3E3;
}

#listArea ul li dl dd table{
	background:#ccc;
	font-size:95%;
	margin:10px 0;
}

#listArea ul li dl dd table tr th{
	background:#666;
	color:#FFF;
	padding: 5px;
	width:41%;
}
#listArea ul li dl dd table tr td{
	background:#FFF;
	padding: 5px;
}

#listArea ul li dl dd a.moreinfo{
	margin-right:2px;
}


/*listabout 
***************************************/
#listaboutArea{
	margin:20px 0;
}
#listaboutArea .siteinfo{
	border:3px solid #E3E3E3;
	background:#fff;
	margin:10px;
	padding:25px 25px 5px;
	overflow:hidden;
	_zoom:1;
}

#listaboutArea .siteinfo h3{
	margin: 0 0 20px;
	font-size:140%;
}

#listaboutArea .siteinfo p.siteimg{
	margin:0 30px 0 0;
	width:315px;
	display:block;
	float:left;
	text-align:center;
}

#listaboutArea .siteinfo table{
	width:45%;
	background:#ccc;
	font-size:85%;
	margin:0 0 20px;
}

#listaboutArea .siteinfo table tr th{
	background:#666;
	color:#FFF;
	padding: 2px;
	width:40%;
}
#listaboutArea .siteinfo table tr td{
	background:#FFF;
	padding: 5px;
}

#listaboutArea .siteinfo p.features{
	font-size:130%;
	font-weight:bold;
	color:#EB8F32;
	margin-bottom:10px;
	background:url(../_img/choice/ico_point.png) no-repeat left top;
	padding:8px 0 0 34px;
}

#listaboutArea .siteinfo .bt_goto{
	text-align:center;
	margin:20px auto ;
	display:block;
}

#listaboutArea .siteinfo ul.kuchikomi{
	margin:30px 0 0;
}
#listaboutArea .siteinfo ul.kuchikomi li{
	background:url(../_img/list/ico_kuchikomi.png) no-repeat left center;
	padding:4px 0 10px 72px;
	margin:10px 0 0;
	border-bottom:dotted 3px #e3e3e3;
}

#listaboutArea .bt_back{
	float:right;
	padding-right:10px;
}
#listaboutArea a img.cap{
	border:solid 1px #E3E3E3;
	margin:0 40px 0 0;
	padding:0;
}

/*qaArea
***************************************/
#qaArea{
	margin:20px 0;
}

#qaArea table{
	background:#ccc;
}
#qaArea table th{
	background:#13378B;
	color:#FFF;
	text-align:left;
	padding:10px 15px;
	font-weight:normal;
}

#qaArea table th.topth{
	background:#EBAF58;
	color:#13378B;
	text-align:center;
	padding:6px 15px;
	font-weight:bold;
}
#qaArea table td{
	background:#FFF;
	padding:20px;
	text-align:left;
	line-height:1.8;
	width:60%;
}

/*columnArea
***************************************/
#columnArea{
	margin:20px 0;
}

#columnArea ul{
	padding:0;
}

#columnArea ul li{
	margin:0;
	background:url(../_img/column/bg_article.png) no-repeat left top;
	height:62px;
	font-size:150%;
	color:#13378B;
	padding:12px 15px 5px 90px;
	font-weight:bold;
}

#columnArea ul li a{
	display:block;  
	color:#13378B;
	text-decoration:none;
}

#columnArea ul li a:hover{
	background:url(../_img/column/bg_article_o.png) no-repeat right top;
	padding-bottom:10px;
	color:#09C;
	display:block;
	height:62px;
}

#columnArea h3{
	background:url(../_img/column/bg_h3.png) no-repeat left top;
	color:#FFF;
	height:62px;
	padding:22px 15px 5px 90px;
	font-weight:bold;
	font-size:150%;
}
#columnArea p{
	margin-left:10px;
}

#columnArea h4{
	font-size:130%;
	color:#13378B;
	font-weight:bold;
	margin:0 5px 10px;
}