@charset "UTF-8";

/*========トップ=========*/

/*BLOGTOPICS*/

.top h3{
	width:700px;
	height:54px;
	text-indent:-9999px;
	background:url(../image/title.jpg) no-repeat ;
	margin-bottom:10px;
}
.top .box-newstopics {
	width:385px;
	float:left;
	margin-bottom:15px;
}
.top .box-newstopics .box{
	margin-bottom:10px;
}
.top .box-newstopics .image{
	width:40px;
	margin-right:8px;
	float:left;
}
.top .box-newstopics .image img{
	border-right:1px solid #666;
}
.top .box-newstopics p.date{
	font-size:0.8em;
	color:#CC0000;
	margin-bottom:5px;
}
.top .box-newstopics h4 {
	font-size:1.0em;
	font-weight:normal;
	color:#666;
}
.top .box-newstopics h4 a {
	color:#999;
	text-decoration: none;
}
.top .box-newstopics h4 a:hover {
	color:#CC0000;
	text-decoration: underline;
}
.top .box-newstopics .line-center {
	padding:5px 0 8px 0;
}


.top .box-pickup {
	width:300px;
	float:right;
}
.top .box-pickup h4 {
	width:300px;
	height:27px;
	background:url(/image/title_pickup.jpg) no-repeat ;
	text-indent:-9999px;
}
.top .box-pickup h5 {
	font-size:1.0em;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:5px;
}
.top .box-pickup h5 a {
	color:#CC0000;
	text-decoration: none;
}
.top .box-pickup h5 a:hover {
	color:#CC0000;
	text-decoration: underline;
}
.top .box-pickup .box{
	border:1px solid #333;
	padding:15px;
}


.top .box-pickup .box .photo {
	width:200px;
	margin:auto;
	margin-bottom:5px;
}
.top .box-pickup .box .photo img{
	padding:5px;
	border:1px solid #222;
}

.top .box-pickup .line-right {
	padding:8px 0 8px 0;
}
.top .box-pickup p.detail{
	font-size:0.8em;
	text-align:right;
}
.top .box-pickup p.detail a {
	color:#999;
	text-decoration: none;
}
.top .box-pickup p.detail a:hover {
	color:#CC0000;
	text-decoration: underline;
}
.top .box-pickup .btn{
	width:119px;
	margin:auto;
}


.top p.more{
	font-size:1.0em;
	text-align:right;
}
.top p.more a {
	color:#CC0000;
	text-decoration: underline;
}
.top p.more a:hover {
	color:#CC0000;
	text-decoration: underline;
}

/*komaki banner*/
.top .box-newstopics .komaki-banner{
	width:385px;
	height:110px;
	text-indent:-9999px;
	background:url(../image/bnr_center_komaki.jpg) no-repeat left bottom;
	padding-top:20px;
}
.top .box-newstopics .komaki-banner a{
	width:385px;
	height:110px;
	display:block;
	text-decoration: none;
}
.top .box-newstopics .komaki-banner a:hover{
	background:url(../image/bnr_center_komaki_over.jpg) no-repeat ;
}