@charset "utf-8";

/*=========================================================
	[ recommend.css ]
	date - creation:2013-01-21 // update:2013-02-05
=========================================================*/

/*=========================================================
	index
		1. headding
		2. banner
		3. request
		1. movile
=========================================================*/
/* common setting
---------------------------------------------------------*/
#side{
	color:#666666;
	line-height:1.6;
}
#side a{color:#0AA6F3;}


/* 1. headding
=========================================================*/
#side h4{
	margin:0;
}


/* 2. banner
=========================================================*/
/* partition box
---------------------------------------------------------*/
#side .sideBoxPart{
	position:relative;
	margin-bottom:10px;
	padding-bottom:13px;
	background:transparent url(/format/images/side/sid_area_btm.gif) no-repeat left bottom;
}
#side .sideBoxPartInner{
	padding:13px 10px 0;
	background:transparent url(/format/images/side/sid_area_top.gif) no-repeat left top;
}

.recBnr{
	position:relative;
	margin-top:-10px;
	text-align:center;
}
.recBnr img{margin-top:10px;}
.recBnr a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.tagPr{
	position:absolute;
	overflow:hidden;
	left:250px;
	width:15px;
	height:0;
	padding-top:41px;
	background:url(/format/images/tag_pr.gif) no-repeat 0 0;
}

/* report
---------------------------------------------------------*/
#sideReport p.sideReportTxt{
	padding:0 0 0 65px;
	min-height:65px;
	background:url(/format/images/side/sid_rep_g_01.gif) no-repeat 0 0;
}
#side .reportOff{
	padding:70px 15px 0 0;
	background:url(/format/images/side/sid_rep_g_02.gif) no-repeat 0 0;
	text-align:right;
}
.reportOff .sideReportTxt,
.reportOff .sideRepP,
.reportOff dl{
	display:none;
}

.sideRepP{
	float:right;
	width:90px;
	height:70px;
}
#sideReport dl{
	width:150px;
}
#sideReport dt{
	padding-bottom:5px;
}
#sideReport dd{
	padding-bottom:10px;
	line-height:1.4;
}
#sideReport .sideReportLink{
	margin-top:-2em;
	text-align:right;
}
#sideReport .icoLink{
	padding:1px 0 1px 17px;
}

/* lanking
---------------------------------------------------------*/
#sideTown .f10{
	text-align:right;
}
#sideTownLanking{
	list-style:none;
	min-height:85px;
	padding:0 70px 0 0;
	background:url(/format/images/side/sid_town_g_02.gif) no-repeat 100% 50%;
	line-height:1.6;
}
#sideTownLanking li{
	padding:5px 0 5px 24px;
}
#sideTownLanking li.rank1{background:url(/format/images/side/sid_bg_rank1.gif) no-repeat 0 50%;}
#sideTownLanking li.rank2{background:url(/format/images/side/sid_bg_rank2.gif) no-repeat 0 50%;}
#sideTownLanking li.rank3{background:url(/format/images/side/sid_bg_rank3.gif) no-repeat 0 50%;}
#sideTownLanking li.rank1,#sideTownLanking li.rank2{border-bottom:1px dotted #CDCCCA;}
#sideTownLanking li a{
	padding:1px 0 1px 17px;
	background-repeat:no-repeat;
	background-position:0 .1em;
	background-image:url(/format/images/nav_ico_bl.png);
}

/* useful info
---------------------------------------------------------*/
#sideUseful dt a{
	padding:1px 0 1px 17px;
	background:url(/format/images/nav_ico_bl.png) no-repeat 0 .1em;	
}
#sideUseful dd{
	margin-bottom:10px;
	padding:5px 0 10px;
	background:url(/format/images/side_bd_dt_bl) no-repeat 50% 100%;
}
#sideUseful{
	padding-bottom:5px;
	border-bottom:1px dotted #CDCCCA;
}

/* support
---------------------------------------------------------*/
#sideSupport{}
#sideSupport ul li{
	display:block;
	padding:15px 0;
	height:80px;
	border-bottom:1px dotted #CDCCCA;
}
#sideSupport ul img{
	width:80px;
	margin:0 10px 10px 0;
	float:left;
}
#sideSupport ul a{
	padding:1px 0 1px 17px;
	background:url(/format/images/nav_ico_bl.png) no-repeat 0 .1em;	
}

/* 3. side navigation
=========================================================*/
#rec-schoollife{
	margin:15px 0 25px;
	border:1px solid #639AFF;
	line-height:1.4;
}
#rec-schoollife dt{
	margin:10px 15px 0;}
#rec-schoollife dd{
	margin:0 2px;
	padding:0 15px 10px;
}
#rec-schoollife dt{
	padding-left:12px;
	background-repeat:no-repeat;
	background-position:0 .2em;
	background-image:url(/format/images/nav_ico_bl.png);
}
#rec-schoollife dd{
	border-bottom:1px dotted #CECBCE;
}
#rec-schoollife dd ul{
	padding:5px 0 0 50px;
}
.rec-copy{
	margin:-1px 2px 0;
	padding:10px 5px 5px;
	border-top:1px solid #ffffff;
	text-align:right;
}
.line{
	border-bottom:2px solid #999999;
}

#rec-request{
	margin:25px 0;
	border:1px solid #639AFF;
	line-height:1.4;
	background:#FFFBF7;
	border:1px solid #FF9900;
}
#rec-request .req-btn{text-align:center;
}#rec-request .req-btn img{margin-bottom:3px;}

#rec-request p{
	padding:10px 15px 10px 25px;
}
#rec-request p.note{
	text-indent:-1em;
}

/* 4. movile
=========================================================*/
#movile-top{
	border:1px solid #639AFF;
	text-align:center;
}
#movile-top img{
	margin-bottom:7px;
	vertical-align:top;
}
#movile-top p{
	padding:0 15px 10px;
	font-size:10px;
	text-align:left;
}