@charset "Shift-JIS";

/* -----------------------------------------------------------------

 汎用
 
------------------------------------------------------------------ */

/* マージン */
.mgb5  { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb25 { margin-bottom: 25px; }
.mgb30 { margin-bottom: 30px; }
.mgb35 { margin-bottom: 35px; }
.mgb40 { margin-bottom: 40px; }
.mgb45 { margin-bottom: 45px; }
.mgb50 { margin-bottom: 50px; }
.mgb100 { margin-bottom: 100px; }
.mgb120 { margin-bottom: 120px; }

.mgr5 { margin-right: 5px; }
.mgr25 { margin-right: 25px; }
.mgr35 { margin-right: 35px; }
.mgr50 { margin-right: 50px; }

.mgl10 { margin-left: 10px; }
.mgl20 { margin-left: 20px; }
.mgl30 { margin-left: 30px; }

.pdt10 { padding-top: 10px; }

/* float */
.fl { float: left; }
.fr { float: right; }

/* align */
.textL { text-align: left; }
.textC { text-align: center; }
.textR { text-align: right; }

.ftNarrow { letter-spacing: -0.1em; }

/* a */
a{ color: #0067b6; }
a:hover{ text-decoration: none; }
a.blink:hover img {-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80); border:none;}


/* -----------------------------------------------------------------

 ヘッダ
 
------------------------------------------------------------------ */

#Header{
	height: 80px;
	min-width: 955px;
}

	#Header .inner{
		position: relative;
		width: 955px;
		margin: 0 auto;
	}

	#Header .logo{
		padding-top: 10px;
	}


/* -----------------------------------------------------------------

 コンテンツ
 
------------------------------------------------------------------ */

#Content{
	width: 955px;
	padding-bottom: 30px;
	margin: 0 auto;
}


/*横バナー*/
.bannerBox{
	margin: 0 0 30px 20px;
}

/*トップへ戻るボタン*/
.pageTopBtn{
	text-align: right;
	padding-right: 20px;
	margin-bottom: 50px;
}


/* -----------------------------------------------------------------

 フッタ

------------------------------------------------------------------ */

#Footer{
	height: 102px;
	background: url(../images/common/footer/bg.jpg) top center no-repeat;
}

	#Footer .inner{
		width: 955px;
		margin: 0 auto;
	}

	#Footer .info{
		padding: 15px 0 0 8px;
		line-height: 1.8;
	}


/* -----------------------------------------------------------------

 フッタナビ

------------------------------------------------------------------ */

#FooterNavi{
	background: url(../images/common/footer/dot.gif);
}
	
	#FooterNavi .inner{
		width: 904px;
		height: 40px;
		margin: 0 auto;
		font-size: 11px;
		line-height: 40px;
	}
	
	#FooterNavi .link{
		float: left;
		width: 500px;
	}
	
	#FooterNavi .copyright{
		float: right;
		width: 390px;
		text-align: right;
	}









/* -----------------------------------------------------------------

 スマホ用フッタナビ

------------------------------------------------------------------ */

#FooterSp {

}

#FooterSp .inner{
	margin: 0 auto;
}

#FooterSp .info{
	text-align: center;
	padding-bottom: 10px;
	line-height: 1.8;
}

/* --------------------------------------------------------
#footer_wrap
-------------------------------------------------------- */
#footer_wrap { clear:both; position:relative; width:100%; border-top:2px solid #919191; background:#f0f0f0; padding:10px 0;}

/* --------------------------------------------------------
#footer
-------------------------------------------------------- */
#footer { width:980px; margin:0 auto;}
#footer:after {content: ""; display: block; clear: both;}
#footer {zoom:1;}

#footer #menu { font-size:85%; margin-bottom:10px; }
#footer #menu:after { content: ""; display: block; clear: both; }
#footer #menu { zoom:1; }

#footer #menu li{ display:block; float:left; padding:0px 20px; border-left:1px solid #919191; }
#footer #menu li:first-child{ padding-left:0; border-left:0; }

#footer #menu li a { margin:0px; color:#868686; white-space:nowrap; }

@media screen and (max-width: 768px) { /* 768px以下の記述 */
	#footer_wrap { padding-bottom:0px;}
	#footer { width:auto; padding:0px; }
	#footer #menu { font-size:85%; margin-bottom:10px; text-align:center; }
	#footer #menu li{ display:inline-block; padding:0px; margin:5px 0; border-left:1px solid #919191; width:49%; }
	#footer #menu li a { display:block; padding:5px 0;}
	#footer #menu li:nth-child(3) { padding-left:0; border-left:0; }
}

/*copylight
----------------------------------------------------*/
@media screen and (max-width: 768px) { /* 768px以下の記述 */
	#copyright { float:none; padding:5px; text-align:center; background:#dcdcdc; font-size:77%;}
}