@charset "utf-8";
/*-------------------------------------------------
  基本設定
  作成者：
  作成日：
  最終更新日：
  --------------------------------------------------*/

/*トップページ用
--------------------------------------------------*/
h1#logo {
}
/*---- メインビジュアル ----*/
#mainvisual {
	width:980px;
	padding:0 0 30px;
}
#mainvisual img{
	width:100% !important;
}
#maincontainer {
}
.maincontents{
	width:980px;
	margin:0 auto 50px;
}

#top-left-conts{
	width:210px;
	float:left;
	margin-right:17px;
}
#top-center-conts{
	width:526px;
	float:left;
}
#top-right-conts{
	width:198px;
	float:right;
}
/*---- 新着情報 ----*/
#news-box{
	background-image:url(../imgs/top/bg_news.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#news-box dl{
	padding-bottom:50px;
	background-image:url(../imgs/top/bg_news_btm.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#news-box dt{
	color:#666;
	width:166px;
	margin-left:16px;
	padding-top:12px;
	font-size:80%;
}
#news-box dd{
	background-image:url(../imgs/common/li_dotted.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:166px;
	margin-left:16px;
	padding-bottom:13px;
}
#news-box dd a:link{
	color:#0F3A50;
	text-decoration:none;
}
#news-box dd a:hover{
	text-decoration:underline;
}
#news-box dd a:visited{}


#news-more{
	position:relative;
	top:-38px;
	left:72px;
}

/*----- インフォメーション -----*/
.info-box{
	background-image:url(../imgs/top/bg_news.gif);
	background-position:top left;
	background-repeat:repeat-y;
	border-top:5px solid #D0CEC4;
	margin-bottom:20px;
}
.info-box div{
	background-image:url(../imgs/top/bg_news_btm.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:10px 13px 20px;
}



/*---- センターコンテンツ ----*/
.top-cont-btm{
	clear:both;
	background:url(../imgs/top/bg_center_btm.gif) no-repeat bottom left;
	padding-bottom:55px;
	margin-bottom:20px;
}
.top-cont-mdl{
	background:url(../imgs/top/bg_center_mdl.gif) repeat-y left;
}
.top-conts-top{
	background:url(../imgs/top/bg_center_top.gif) no-repeat left top;
	padding:15px 32px 0 22px;
}

.top-img-l,
.top-img-l2{
	float: left;
	width:200px;
	height:150px;
	overflow: hidden;
}
.top-img-l a:hover img,
.top-img-l2 a:hover img{
	filter: alpha(opacity=100); /* IE7以下用 */
	-ms-filter: “alpha(opacity=100)”; /* IE8用 */
	opacity:1; /* Firefox 1.5以上, Opera, Safari用 */
}


.event-r{
	width:252px;
	float:right;
}
.event-r h2{
	background:url(../imgs/top/bg_line.gif) no-repeat bottom;
	padding-bottom:13px;
	padding-top:6px;
}
.event-r p{
	margin-top:10px;
}

.event-detail{
	color:#0D3950;
	font-size:90%;
	background:url(../imgs/top/bg_line.gif) no-repeat bottom;
	padding-bottom:10px;
}



/* ==========================================
スマホ用
========================================== */
@media screen and (max-width: 767px) {
	#mainvisual {
		width:auto;
		padding:0 10px 35px;
	}
	.maincontents{
		width:auto;
		margin:0 5px;
	}

	#top-left-conts{
		width:auto;
		float:none;
		margin-right:0px;
	}
	#top-center-conts{
		width:auto;
		float:none;
	}
	#top-right-conts{
		width:auto;
		float:none;
	}
	#top-right-conts{
		width:auto;
		float:none;
	}
	/*---- 新着情報 ----*/
	#top-left-conts h2{
		border-top: 5px solid #D0CEC4;
		border-left: 5px solid #D0CEC4;
		border-right: 5px solid #D0CEC4;
		background: #FFF;
	}
	#top-left-conts h2:after{
		content: '新着情報';
		display: block;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;
		background:url(../imgs/top/bg_line.gif) repeat-x bottom;
		padding-bottom:13px;
		padding-top:6px;
		margin-top: 10px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 18px;
	}
	#top-left-conts h2 img{
		display: none;
	}
	#news-box{
		background-image:none;
		padding-bottom: 12px;
		background-image:url(../imgs/top/bg_news_btm.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		-webkit-background-size: 100% 12px ;
		background-size: 100% 12px ;
	}
	#news-box dl{
		border-left: 5px solid #D0CEC4;
		border-right: 5px solid #D0CEC4;
		background: #FFF;
		background-image:none;
		padding-bottom: 40px;
	}
	#news-box dt{
		width:auto;
		margin-right:16px;
		font-size:80%;
	}
	#news-box dd{
		width:auto;
		margin-right:16px;
	}


	#news-more{
		position:relative;
		width: 53px;
		top:-38px;
		left:50%;
		margin-left: -26px;
	}

	/*----- インフォメーション -----*/
	.info-box{
		border-top:5px solid #D0CEC4;
		margin-right:0px;
		margin-bottom:20px;
		padding-bottom: 12px;
		background-image:url(../imgs/top/bg_news_btm.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		-webkit-background-size: 100% 12px ;
		background-size: 100% 12px ;
	}
	.info-box div{
		border-left: 5px solid #D0CEC4;
		border-right: 5px solid #D0CEC4;
		background: #FFF;
		background-image:none;
		padding:10px 13px 10px;
	}



	/*---- センターコンテンツ ----*/
	.top-cont-btm{
		clear:both;
		background:none;
		margin-bottom:20px;
		padding-bottom: 12px;
		background-image:url(../imgs/top/bg_news_btm.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		-webkit-background-size: 100% 12px ;
		background-size: 100% 12px ;
	}
	.top-cont-mdl{
		background:none;
		border-top:5px solid #D0CEC4;
		border-left: 5px solid #D0CEC4;
		border-right: 5px solid #D0CEC4;
		background: #FFF;
		padding-bottom: 10px;
	}
	.top-conts-top{
		background:none;
		padding:15px;
	}

	.top-img-l,
	.top-img-l2{
		margin: auto;
		float: none;
		margin-bottom: 20px;
	}
	.top-img-l img,
	.top-img-l2 img{
		display: block;
	}
	.top-img-l a:hover img,
	.top-img-l2 a:hover img{
	}

	.event-r{
		width:auto;
		float:none;
	}
	.event-r h2{
		background:url(../imgs/top/bg_line.gif) repeat-x bottom;
		padding-bottom:13px;
		padding-top:6px;
	}
	.event-r h2 img{
		max-width: 100%;
		height: auto;
		display: block;
	}
	.event-r p{
	}

	.event-detail{
		background:url(../imgs/top/bg_line.gif) repeat-x bottom;
	}



}