@charset "UTF-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		common
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
body {
	margin: 0;
	font: 100%/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-weight: 400;
	letter-spacing: 0.01em;
	background: #06B4EA;
	background-image: url(../img_sp/back_3.gif);
	color: #FFF;
	}
	
::-moz-selection { background: #FFF226; color: #000; }
::selection { background: #FFF226; }

a { color: #A3AEB4; outline: 0; text-decoration: none; }
a:visited 	{ color: #A3AEB4; }
a:hover 		{ color: #DAE000; }
a:focus 		{ color: #A3AEB4; }
a:active 	{ color: #DAE000; }

ul,ol,p { list-style: none;/*黒丸を消す*/ margin: 0; padding: 0; }
img, object, embed, video { max-width: 100%; }
.ie6 img { width: 100%; } /* width100%をIE6で対応  */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		memo
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*

FONT - 12px
	line-height: 175px;
	font-size: 12px;
	letter-spacing: 0.00rem;

FONT - 14px
	line-height: 170px;
	font-size: 14px;
	letter-spacing: 0.00rem;

NAVY
#005293

GRAY
#414549

BLUE
#0084c6
*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		box
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.inner {
	float: none;
	clear: none;
	width: 90.625%;
	height: auto;
	padding: 0 4.6875%;
	}
.gray {
	background-color: #303030;
	background-image: url(../img_sp/back_3.gif);
	}
.blue {
	background-color: #0084C6;
	background-image: url(../img_sp/back_4.png);
	}

/*　ページ全体ボックス : スライド対策　*/
#page-wrap {
	position: absolute;
	z-index: 10;
	width: 100%;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		color
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.yellow {
	color: #FFF226;
	}
.orange {
	color: #EA5504;
	}
.ao {
	color: #06B4EA;
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		header
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 44px;
	background-color: #0065A3;
	opacity: 0.92;
	}
#he_L {
	float: left;
	margin-left: 4.6875%;
	}
#he_R {
	float: right;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		image
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#image {
	width: 100%;
	height: auto;
	background-color: #FFF;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		menu
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#menu {
	padding-top: 10px;
	padding-bottom: 23px;
	}
#menu div {
	height: 48px;
	line-height: 48px;
	margin-top: 13px;
	padding-left: 16px;
	border: solid 1px #FFF;
	background-image: url(../img_sp/menu_icon.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size:11.5px 20px;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 0.1rem;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		link
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#link {
	line-height: 60px;
	padding-bottom: 19px;
	background-color: #0084C6;
	color: #D3EDFB;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.03rem;
	}
.link_icon {
	float: left;
	height: auto;
	line-height: 20px;
	background-color: #0065A3;
	color: #D3EDFB;
	font-size: 9px;
	text-align: center;
	letter-spacing: 0.02rem;
	}
.link_icon img {
	margin-bottom: 1.5px;
	}
#link_1 { width: 30.344828%; margin-right: 4.137931%; }
#link_2 { width: 65.517241%; }
#link_3 { width: 30.344828%; margin-top: 4.137931%; margin-right: 4.137931%; }
#link_4 { width: 30.344828%; margin-top: 4.137931%; margin-right: 4.137931%; }
#link_5 { width: 30.344828%; margin-top: 4.137931%; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		footer
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#footer {
	width: 100%;
	height: 25px;
	padding-top: 42px;
	background-color: #0065A3;
	background-image: url(../img_sp/footer_button.png);
	background-position: 50% 13px;
	background-repeat: no-repeat;
	background-size: 25px 13.5px;
	color: #D3EDFB;
	font-size: 8px;
	text-align: center;
	}
	
	
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		slider
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#slider {
	display: none;
	} 
#sl_header {
	display: table-cell;
	height: 44px;
	vertical-align: middle;
	}
#sl_close {
	margin-left: 147px;
	}
#slider ul {
	margin: 13px 0;
	}
#slider ul li p {
	padding-left: 13px;
	}
#slider ul li a {
	display:block;
	letter-spacing: 0.05rem;
	/*border-bottom:2px solid #2D2D2D;*/
	padding:13px 0;
	color: #B2C0C8;
	font-size:13px;
	}
.sl_gray {
	background-image: url(../img_sp/sl_icon_1.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}
.sl_ao {
	background-image: url(../img_sp/sl_icon_2.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}