@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

#wrapper{
	background:url(../../images/footer_bg.gif) repeat-x left bottom #fff;
	text-align:left;
}
#wrapper_inner{
	width:800px;
}





/*-----------------------------
	#header
------------------------------*/

#header{
	clear:both;
	width:800px;
	height:86px;
	padding-bottom:40px;
	background:url(../../images/header_bg.gif) repeat-x left top;
}
#header h1{
	float:left;
}
#header ul{
	float:right;
	width:480px;
}
#header ul li{
	float:left;
}




/*-----------------------------
	#contents
------------------------------*/

#contents{
	width:760px;
	padding:0 20px;
}




/*-----------------------------
	#main
------------------------------*/

#main{
	padding-bottom:40px;
	
}


/* mainimage */
#main .mainimage{
	clear:both;
	width:760px;
	height:230px;
	padding-bottom:30px;
}
#main .mainimage li{
	float:left;
}


/* main_bottom */

.main_bottom{
	clear:both;
	padding-bottom:50px;
}



/* topics */
#main .topics{
	width:600px;
	float:left;
	background:url(../../images/topics_bg.jpg) no-repeat left 24px #fff;
}
#main .topics .topics_box{
	width:600px;
	background:url(../../images/topics_line2.gif) no-repeat center 10px;
}
/* topics 一段分 */
#main .topics .topics_box .line{
	clear:both;
	width:600px;
	background:url(../../images/topics_line1.gif) no-repeat center bottom;
}
/* topics 一件分 */
#main .topics .topics_box .box{
	padding:10px 10px 15px;
	width:280px;
	float:left;
}
#main .topics .topics_box .box .photo{
	float:left;
	padding-right:8px;
}
#main .topics .topics_box .box .note{
	width:180px;
	float:right;
}
#main .topics .topics_box .box .note .title{
	color:#333399;
	font-weight:bold;
	padding-bottom:3px;
	line-height:1.2;
}
#main .topics .topics_box .box .note .title a{
	color:#333399;
	text-decoration:none;
}
#main .topics .topics_box .box .note .title a:hover{
	color:#333399;
	text-decoration:underline;
}
#main .topics .topics_box .box .note .date{
	font-size:85%;
	color:#333;
	line-height:1.2;
}
#main .topics .topics_box .box .note .memo{
	font-size:85%;
	color:#666;
	line-height:1.2;
}





/* right_col */
#main .right_col{
	float:right;
	width:140px;
}

/* hikari */
#main .right_col .hikari{
	width:140px;
	text-align:center;
	clear:both;
	background:url(../../images/hikari_bg.gif) repeat-x left top #34349B;
	padding-bottom:7px;
}
#main .right_col .hikari h3{
	padding-bottom:10px;
}
#main .right_col .hikari p{
	padding-bottom:5px;
}


/* banner */
#main .right_col .banner{
	clear:both;
	padding-top:12px;
}
#main .right_col .banner p{
	padding-bottom:3px;
}
#main .right_col .banner p.kojin{
	padding-top:4px;
}




/* shinkan */
.shinkan{
	clear:both;
	padding-bottom:25px;
}


/* online */
.online{
	clear:both;
	width:760px;
	position:relative;
}
.online .read{
	position:absolute;
	top:4px;
	left:200px;
	color:#fff;
}
.online h4{
	padding-bottom:10px;
}
.online .free{
	float:left;
	width:391px;
}
.online ul{
	width:360px;
	float:right;
}
.online ul li{
	padding:0;
	margin:0;
	line-height:0;
}









/*-----------------------------
	#footer
------------------------------*/

#footer{
	height:23px;
	
}
#footer p.copy{
	padding-top:5px;
	float:left;
	color:#333;
	font-size:85%;
}
#footer p.honsya{
	padding-top:7px;
	float:right;
}