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

h1{margin:0;
	padding:0;}

#main{}

#main_img{width:900px;
	height:490px;}

#mainbn01{width:425px;
	height:220px;
	margin-left:20px;
	margin-top:20px;
	float:left;}
	
#mainbn02{width:425px;
	height:220px;
	margin-left:10px;
	margin-top:20px;
	float:left;}
	
#mainbn03{width:425px;
	height:220px;
	margin-left:20px;
	margin-top:10px;
	float:left;}
	
#mainbn04{width:425px;
	height:220px;
	margin-left:10px;
	margin-top:10px;
	float:left;}

.remove{width:750px;
	height:80px;
	margin:0 auto;
	padding-bottom:15px;
	text-align:center;
	line-height:20px;
	border:rgba(0,0,0,1.00) solid 1px;}

.remove p{margin:10px 0;
	font-size:16px;
	font-weight:bold;}

.remove a{color:rgba(0,100,255,1.00);}

.remove a:hover{color:rgba(255,79,0,1.00);}

.splink1{width: 500px;
	margin: 0 auto 10px;}
	
.splink1:hover{opacity: 0.7;}

#main_l{float:left;
	width:570px;
	height:1000px;
	margin:15px 10px;}

#topics{height:950px;
	overflow-y:scroll;
	overflow-x:hidden;}

.l_bar{width:570px;
	height:30px;
	background-image:url(../img/topic_bar.jpg);}

.l_bar2{width:100%;
	height:30px;
	line-height: 30px;
	font-size: 20px;
	color: rgba(255,255,255,1.00);
	background:rgba(51,79,209,1.00);
	background-size: 100% 100%;}

.topics01{clear:both;
	padding:20px;
	border-bottom:solid 1px rgba(85,85,85,1.00);}

.topics01 a:hover{color:rgba(0,100,255,1.00);}

/*  */
.topics_date{width:90px;
	line-height:20px;
	text-indent:10px;
	background:rgba(0,215,44,1.00);
	color:rgba(255,255,255,1.00);
	border-radius:3px;
	float:left;}
	
.topics_name{line-height:20px;
	padding-left:15px;
	font-size:14px;
	color:rgba(255,79,0,1.00);
	float:left;}

.topics_title{clear:both;
	width:100%;
	padding:15px 0;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	border-bottom:rgba(85,85,85,1.00) dashed 1px;}
	
.topics_data{width:100%;
	line-height:20px;
	padding:15px 0;}
	
/*  */
	
.tp_img{width:100px;
	border:#999 1px solid;
	float:left;}
	
.tp_img02{width:100px;
	height:90px;
	border:#999 1px solid;
	float:left;}
	
.tp_text{
	float:left;
	padding-left:25px;
	font-size:14px;
	font-weight:bold;
	line-height:18px;}

.tp_text p{margin-top:0;}

.date{clear:both;
	text-align:right;}
	
.date2{clear:both;
	line-height:16px;
	text-align:right;
	margin:0;}
	
.tp_text a{color:#333;}

.tp_text a:hover{color:#00F;}

#main_r{float:left;
	width:300px;
	height:650px;
	margin:15px 10px 15px 0;}

.r_cont01{width:300px;
	height:200px;
	margin-bottom:10px;}

.r_bar{width:300px;
	height:30px;
	background-image:url(../img/whatsnew_bar.jpg);}
	
.r_bar02{width:300px;
	height:30px;
	background-image:url(../img/kanren_bar.jpg);}
	
.r_bar03{width:300px;
	height:30px;
	background-image:url(../img/kanren_bar02.gif);
		margin-top:10px;}

.news01{width:240px;
	margin:15px;
	border-bottom:dashed 1px #333;
	line-height:150%;}

.link_banner01{width:300px;
	height:82px;
	margin-top:10px;}
	
.link_banner02{width:300px;
	line-height:18px;
	font-size:10px;
	margin-bottom:10px;}

.link_banner02 img{width:300px;}

.link_banner02 img:hover{opacity:0.7;}

.copyright{clear:both;
	font-size:10px;
	-webkit-transform: scale(0.8);
    -webkit-transform-origin:0 0;
		font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
	padding-bottom:5px;	
	color:#555555;}
	
.copyright2 nobr{clear:both;
	font-size:8px;
	-webkit-transform: scale(0.8);
    -webkit-transform-origin:0 0;
	display:inline-block;
		font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
	color:#555555;}
	
.link_banner02 img{width:300px;
	border:#808080 solid 1px;}

#main_link{clear:both;
	width:880px;
	margin:10px auto 30px;
	overflow:hidden;}

.main_link_title01{width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:#878787;
	color:#FFFFFF;}
	
.main_link_left{width:100%;
	margin:0 auto;}
	
.main_link_right{width:215px;
	float:left;
	margin-left:5px;}

.main_link_link01{width:215px;
	margin-right:5px;
	float:left;}
	
.main_link_link01 img{width:100%;}

.fs8{font-size:8px;
	line-height:8px;
	padding:0}

.link_caution{width: 600px;
	margin: 0 auto;}

.link_caution:hover{opacity: 0.7;}


.link_caution a{display: block;
	font-size: 18px;
	font-weight: bold;
	color: rgba(255,255,255,1.00);}