@charset "utf-8";

body {
	color: #333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

/*---------------------------------------
	共通
---------------------------------------*/
.mt00 {margin-top: 0!important;}
.mt05 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mb00 {margin-bottom: 0!important;}
.mb05 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb18 {margin-bottom: 18px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}

.pt10 {padding-top: 10px!important;}

.left {text-align: left!important;}
.right {text-align: right!important;}
.center {text-align: center!important;}

.w40p { width:40% !important; }
.w60p { width:60% !important; }

/*---------------------------------------
 　ページ全体
---------------------------------------*/
#wrap {
	max-width:640px;
	margin:0 auto;
}

/*---------------------------------------
 　ヘッダー
---------------------------------------*/
header {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def1ff), color-stop(45%,#ffffff));
	background: -webkit-linear-gradient(top, #def1ff 0%,#ffffff 45%);
	background: linear-gradient(to bottom, #def1ff 0%,#ffffff 45%);
}
#headerInner {
	width:90.625%;
	margin:0 auto;
	padding:6.1% 0 5.47%;	
}
header h1 {
	float:left;
	width:51.725%;
	height:auto;
}
header .facebook {
	float:right;
	width:35.174%;
	height:auto;
}

/*---------------------------------------
	グローバルナビゲーション
---------------------------------------*/
#menu {
	padding:5% 0;
	background:#0047a8;
}
#menu ul {
	width:90.625%;
	margin:0 auto;
}
#menu ul  li {
	float:left;
	width:27.55%;
	margin-right:8.620%;
	text-align:center;
}
#menu ul  li:last-child {
	margin-right:0;
}
#menu ul  li a {
	color:#fff;
	font-size:78%;
	text-shadow:1px -1px 0 rgba(0,71,168,0.75);	
}
#menu ul  li a img {
	margin-bottom:13.75%;
}

/*---------------------------------------
	メインコンテンツ
---------------------------------------*/
#main {
	margin: 0 auto;
}

/*---------------------------------------
	フッター
---------------------------------------*/
footer {
	background:url(/sp/common/images/common_bg_001.png) repeat left top;
}

footer nav ul li {
	float:left;
	width:50%;
	height:13.9%;
	font-size:75%;
	border-right:1px solid #447fd0;
	border-bottom:1px solid #447fd0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
footer nav ul li:nth-child(2n) {
	border-right:none;
}
footer nav ul li:nth-child(5n),
footer nav ul li:nth-child(6n) {
	border-bottom:none;
}
footer nav ul li a {
	display:block;
	color:#fff;
	padding:10.25% 7.8125%;
}

.copyright {
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:8px;
	text-align:center;
	background:#002f6f;
}
.copyright span {
	font-family:Verdana, Geneva, sans-serif;
}