@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	line-height: 1.0;
	-webkit-text-size-adjust: none;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
img {
	border: 0;
	vertical-align: bottom;
}
ul, ol {
	list-style: none;
}
table {
	/*border-spacing: 0;*/
	empty-cells: show;
	border-collapse:collapse;
}
/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.clearfix:after{
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
}

.clr {
	clear:both;
}



/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */
body {
	margin:0 auto;
	padding:0;
	font-size:16px;
	line-height:1.8;
	color:#333333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust: none;
}

a:link {text-decoration:none;}
a:visited {}
a:hover {text-decoration:none;}
a:active {}

img {
     max-width: 100%;
     height: auto;
     }
	 
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
	 
	 
.attention{color:#F00;}

.white{ color:#FFFFFF;}
.center{ text-align:center;}

.ind{
	text-indent:-1em;
	padding-left:1em;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/
#header.global {
	padding:0 0 10px;
	background:#e00011;
}

#header.global .inner{
	width:960px;
	margin:0 auto;
	padding:14px 0 10px;
}

#header.global .inner h1,
#header.global .inner p{
	float:left;
	padding: 0 0 0 10px;
	/*margin:0 !important;*/
}

/*----------------------------------------------------
 main
----------------------------------------------------*/
#section.main {
	width:960px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0;
	margin:0 auto;
}

#section.main .info{
	border:1px solid #ccc;
	margin:0 0 10px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:20px auto 10px;
	padding:20px;
}

#section.main .info h1{
	font-size:24px;
	margin:0 0 20px 0;
	
	
}



#section.main .bannerSet{
	width:100%;
	margin:0 auto;
-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}


#section.main .banner{
	float:left;
	width:298px;
	border-bottom:1px solid #ccc;
	padding:0px 0 0;

	margin:10px 10px 10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	
	
}

#section.main .banner .bnr{
	height:200px;
	overflow:hidden;
}

#section.main .banner2 .bnr{
	height:220px;
	overflow:hidden;
	
}


#section.main .banner .bnr img{
	
}

#section.main .banner ul{
	display:table;
	table-layout:fixed;
	border-collapse: separate;
	border-spacing:1px 0;
	width:100%;
	margin:0 0 10px 0;
	padding: 0;
}
#section.main .banner ul li{
	display:table-cell;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
	vertical-align:top;
}

.twitter{
	margin:0 0 0 0;
	padding:8px 0 0 0;
}

.facebook{
	margin:0;
	padding:0;
}

.line{
	display:none;
	visibility:hidden;
	width:42px;
	margin:0 0 0 0;
	padding:4px 0 0 0;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
#footer.global {
	clear:both;
	padding: 10px 0 10px;
	background: #e00011;
	color: #fff;
}

#footer.global p.copyright {
	margin: 0;
	text-align: center;
}


@media only screen and (max-width: 768px) {
	
	
	
	#header.global .inner{
	width:100%;
	margin:0 auto;
	padding:14px 0 5px;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	
	
	#section.main {
	width:100%;

}


#section.main .info{
	width:96%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	
	#section.main .banner{
		float:none;
		width:96%;
		
	border-bottom:1px solid #ccc;
	padding:0 0 10px;

	margin:10px auto 20px;	
		

	}
	
	
	
	#section.main .banner .bnr{
	height:auto;
	overflow:visible;
}
	
	
	
	.line{
	display:block;
	visibility:visible;
	width:42px;
	margin:0 0 0 0;
	padding:4px 0 0 0;
}

	
	
	
	
	
	
}