@charset "UTF-8";
/*
----------
index.css
2016-4-14
----------
*/

	
.content a[href^="http"] {
background:none;
}

/*mainimage*/


#topSlide{
	position:relative;
	top:-1px;
	width:100%;
	padding-bottom:0px;
	margin-bottom:40px;
}

.topSlideImage a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#topSlideInner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

#topSlide ul{}
#topSlide ul li{}

.topSlide ul li img{
	width:100%;
	vertical-align:top;
	line-height:1.0;
}


.bx-controls{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom:-40px;
	z-index: 100;
	text-align:center;
	z-index:100;
	line-height:1.0;
}

.bx-controls .bx-pager{
	display:inline-block;
	/*background-color:#F2F2F2;*/
	padding:10px 18px 2px;
	height:25px;
	overflow:hidden;
	margin:0 auto;
	line-height:1.0;
	font-size:12px;
}

.bx-pager a{
	display:block;
	width:17px;
	height:17px;
	text-indent:-990em;
	overflow:hidden;
	background:url(../images/index/slider_normal.png) no-repeat left top;
	line-height:1.0;
	color:#000;
}

.bx-pager a.active{background:url(../images/index/slider_active.png) no-repeat left top;}

.bx-pager-item{
	display:inline-block;
	margin:0 6px;
}

.bx-controls-direction{
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-480px;
	width:960px;
}

.bx-controls-direction a{
	display:block;
	width:67px;
	height:67px;
	overflow:hidden;
	text-indent:-999em;
	position:absolute;
	bottom:120px;
}

.bx-controls-direction .bx-prev{
	background:url(../images/index/btn_left.png) no-repeat left top;
	left:0px;
}

.bx-controls-direction .bx-next{
	background:url(../images/index/btn_right.png) no-repeat right top;
	right:0px;
}


/*
Main
*/
main{ width:700px}

.top-banner-area-l{ float:left; margin-right:20px; width:220px}
.top-banner-area-l li{}

/*
Blog
*/
.blog-area{ float:left; width:460px;}
.blog-area h1{ padding:0; margin-bottom:-1px}/*公開時調整*/
.blog-index{border-top:none; border-left:none; margin-bottom:16px}
.blog-index td{ padding:12px 2px; border-bottom:1px dotted #999;border-right:none; vertical-align:top}


/*
Side
*/
.side{ width:220px}





@media only screen and (max-width: 960px) {
	.mainimage img{ width:100% }
	
	.blog-area{ float:none; width:100%; clear:both}
	.blog-area h1{ text-align:center; padding-top:20px}
	.blog-area img,
	.blog-index{width:100%}
	.blog-index td{ padding:8px 4px; border-bottom:1px dotted #999; }
	
	.top-banner-area-l,
	.top-banner-area-r,
	.side{  float:none; margin:0 auto;width:100%;}
	
.top-banner-area-l li,
.top-banner-area-r li{ float:left; width:46%; padding:0 2% ; text-align:center}
.top-banner-area-l li a img,
.top-banner-area-r li a img{width:100%}


}

@media only screen and (max-width: 768px) {

.logo-new{ width:100%}/*リダイレクトページのロゴ用*/
	}