@charset "Shift-JIS";

/* top only */
*{
	margin:0px;
	padding:0px;
}
.waku {
	width:825px;
	height:331px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/*---------- ローテーションバナー　ここから ----------*/
#rotation-banner .left {
	float: left;
	width: 620px;
	height: 331px;
	
}
#rotation-banner .main-screen {
	position: relative;
	overflow: hidden;
	width: 621px;
	height: 330px;
}
#rotation-banner .main-screen .topic {
	float: left;
	width: 621px;
	position: absolute;
	top: 0px;
}
#rotation-banner .right {
	float: right;
	width: 204px;
	height: 331px;
	background-color: #FFFFFF;
}

#rotation-banner .sub-screen .logo {
	text-align: center;
	margin-top: 59px;
	margin-bottom: 24px;
}
#rotation-banner .sub-screen .navigation {
	margin-left:45px;
	list-style:none;
}
#rotation-banner .sub-screen .navigation li {
margin-bottom: 9px;
}
#rotation-banner .sub-screen .navigation li a{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#rotation-banner .sub-screen .navigation li a,
#rotation-banner .sub-screen .navigation li a:link,
#rotation-banner .sub-screen .navigation li a:visited  {
	color: #666666;
}


#rotation-banner .sub-screen .navigation li a:hover, 
#rotation-banner .sub-screen .navigation li a:active {
	color: #3582AE;
}
#rotation-banner .sub-screen .navigation li .active {
	color: #3582AE!important;
}

.clear:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*---------- ローテーションバナーCSS　ここまで ----------*/
.index img {
	border:none;

}
	.h_img{
		text-align:center;
		padding:20px 0px 0px 0px;
	}
	
	.h_img h1{
		padding:0px;
		margin:0px;
	}
.top_bnr_l {
	width:276px;
	margin-top:12px;
	float:left;
	margin-bottom:18px;
}
.top_bnr_r {
	width:276px;
	margin-top:12px;
	float:right;
	margin-bottom:18px;
}
.top_btn {
	width:276px;
	height:172px;
	background-repeat:no-repeat;
	background-position:left;
	background-position:top;
}
.top_btn h2 {
	font-size:12px;
	padding-top:8px;
	margin-left:10px;
}
.next {
	text-align:right;
	margin-right:5px;
	margin-top:10px;
}

#list img {
		width:80px;
		margin:10px 0px 0px 5px;
		float:left;
	}

	#list p {
		width:165px;
		padding:0px 0px 0px 0px;
		margin:10px 10px 0px 0px;
		float:right;
	}

	#list .red {
		color:#FF0000;
		font-weight:bold;
	}
		
	#list .left {
	width:270px;
	height:125px;
	float:left;
	border:1px solid #F5F5F5;
	background-color:#FAFAFA;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
	
	#list .right {
	width:270px;
	height:125px;
	float:right;
	border:1px solid #F5F5F5;
	background-color:#FAFAFA;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}

	#list h4 {
		margin:0px 0px 0px 0px;		
	}
.topics {
	clear:both;
	margin-bottom:30px;
}
.topics .cont{
	float:left;
	width:340px;
}
.topics .photo_tpic {
	float:right;
	width:230px;
	text-align:center;
	padding-top:18px;
}
.title{
clear:both;
margin-top:20px;
}
/**TOP四つのバナー**/
.jig a {
	display:block;
	width:276px;
	height:172px;
	background-image:url(img/jig_bnr.jpg);
	background-repeat:no-repeat;
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	}
.jig a:hover {
	background-image:url(img/jig_bnr_on.jpg);
	border:none;
	color:#CCCCCC;
}
.tanpatu a {
	display:block;
	width:276px;
	height:172px;
	background-image:url(img/tanpatu_bnr.jpg);
	background-repeat:no-repeat;
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	}
.tanpatu  a:hover {
	background-image:url(img/tanpatu_bnr_on.jpg);
	border:none;
	color:#CCCCCC;
}
.hozen a {
	display:block;
	width:276px;
	height:172px;
	background-image:url(img/hozen_bnr.jpg);
	background-repeat:no-repeat;
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	}
.hozen  a:hover {
	background-image:url(img/hozen_bnr_on.jpg);
	border:none;
	color:#CCCCCC;
}
.custom a {
	display:block;
	width:276px;
	height:172px;
	background-image:url(img/custom_bnr.jpg);
	background-repeat:no-repeat;
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	}
.custom  a:hover {
	background-image:url(img/custom_bnr_on.jpg);
	border:none;
	color:#CCCCCC;
}