@charset "utf-8";

/*All Media CSS -Templates-*/

/*Float clear*/
.clear{
	clear:both;
	float:none;
}


/***********************************
Link Setting
************************************/

a:link,
a:visited,
a:active{
	color: #36F;
	outline:none;
	text-decoration: none;
}

a:hover{
	color: #F30;
	text-decoration: underline;
	outline:none;
}


/***********************************
html&body
************************************/

html{
	overflow-y:scroll;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 26px;
	>font-size: 15px;
	>line-height: 26px;
	color: #666666;
}

*html body{
	font-size: 15px;
	line-height: 26px;
}

/*スマホの文字サイズ自動変更無効*/
html,body{
  -webkit-text-size-adjust: 100%;
}


/***********************************
main container
************************************/

#mainContainer{
}

#mainContainer .inBox{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

/***********************************
header
************************************/

header{	
}

header .headerWrap{
	width: 100%;
	position: fixed;
	z-index: 9998;
}

header .inBox{
	position: relative;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

/*セカンドページ用*/
.snd header .headerWrap{
	background-color: #004989;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #0084b9;
}

header .blue-area {
	background-color: #004989;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #0084b9;
        position: absolute;
        top: 0;
        height: 110px;
        width: 100%;
}


/***********************************
article
************************************/

article.content{	
}

article .articleWrap{
}

/***********************************
footer
************************************/

footer{	
}

footer .footerWrap{
	color: #FFF;
	background-color: #004989;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #0084b9;
}

footer .inBox{
	overflow: hidden;
	position: relative;
}


/*PC CSS -Templates-*/
@media print, screen and (min-width:769px){
/***********************************
main container
************************************/

.pc{
	display: block;
}

.sp{
	display: none;
}


#mainContainer{
}


/***********************************
header
************************************/

header{
}

header .inBox{
	width: 100%;
	height: 110px;
}

header h1{
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 306px;
	padding-left: 15px;
	padding-top: 48px;
}

header #navMenu #menu{
	float: right;
	margin-top: 66px;
	color: #FFF;
}

header #navMenu #menu li{
	line-height: 14px;	
	font-size: 14px;
	display: block;
}

header #navMenu #menu li a{
	color: #FFF;
}

header #navMenu #menu li.btnFaceBook{
	position: absolute;
	right: 180px;
	top: 4px;
}

header #navMenu #menu li.contact{
	position: absolute;
	right: 15px;
	top: 0px;
}

header #navMenu #menu li.contact a:link,
header #navMenu #menu li.contact a:visited,
header #navMenu #menu li.contact a:active{
	height: 40px;
	width: 150px;
	display: block;
	line-height: 40px;
	background-color: #157db2;
	text-align: center;
	color: #FFF;
}

header #navMenu #menu li.contact a:hover{
	background-color: #21A0E4;
}

header #navMenu #menu li.b01,
header #navMenu #menu li.b02,
header #navMenu #menu li.b03,
header #navMenu #menu li.b04,
header #navMenu #menu li.b05{
	float: left;
	white-space: nowrap;
	padding-right: 15px;
	padding-left: 15px;
}

header #navMenu #menu li.b01,
header #navMenu #menu li.b02,
header #navMenu #menu li.b03,
header #navMenu #menu li.b04{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

header #navMenu #menu li.b01 .tp{
	display: block;
	background-image: url(../images/iconArrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 7px;
	cursor:pointer;
}


/***********************************
article
************************************/

article.content{	
}

/*セカンドページ用*/
.snd article .articleWrap{
	padding-top: 116px;
	padding-bottom: 80px;
}


/***********************************
footer
************************************/

footer{
}

footer .inBox{
	overflow: hidden;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}

footer ul{
	overflow: hidden;
	position: relative;
	float: left;
	height: 125px;
}

footer ul.cf01,
footer ul.cf02{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-top: 20px;
}

footer ul.cf01{
	width: 422px;
	padding-right: 40px;
	padding-left: 40px;
}

footer ul.cf01 a{
	color: #FFF;
}

footer ul.cf01 li{
	display: block;
	float: left;
	padding-right: 30px;
	line-height: 26px;
}

footer ul.cf01 li span{
	display: block;
	padding-left: 20px;
}

footer ul.cf01 li.b01{
}

footer ul.cf01 li.b02 p{
	display: block;
	margin-bottom: 26px;
}

footer ul.cf01 li.b03{
	padding-right: 0px;
}

footer ul.cf01 li.b03 p{
	display: block;
	margin-bottom: 26px;
}

footer ul.cf01 li p,
footer ul.cf01 li span{
	display: block;
	width: 100%;
}

footer ul.cf02{
	text-align: center;
	width: 160px;
	padding-right: 40px;
	padding-left: 40px;
}

footer ul.cf02 .b01{
	padding-bottom: 15px;
}

footer ul.cf02 .b01 a:link,
footer ul.cf02 .b01 a:visited,
footer ul.cf02 .b01 a:active{
	height: 40px;
	width: 150px;
	display: block;
	line-height: 40px;
	background-color: #157db2;
	text-align: center;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
}

footer ul.cf02 .b01 a:hover{
	background-color: #21A0E4;
}

footer ul.cf02 .b02{
	padding-bottom: 10px;
}

footer ul.cf02 li.b03 p a{
	color: #FFF;
}

footer ul.cf02 li.b03 p{
	margin-left:auto;
	margin-right: auto;
	line-height: 26px;
}

footer ul.cf03{
	width: 200px;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
}

footer ul.cf03 .b01{
	padding-bottom: 25px;
}

footer ul.cf03 .b02{
	color: #FFF;
}

}

/*SmartPhone CSS -Templates-*/
@media print, screen and (max-width:769px){
/***********************************
main container
************************************/

.pc{
	display: none;
}

.sp{
	display: block;
}

#mainContainer{
}

#mainContainer img{
	width: 100%;
}

#mainContainer .inBox{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}


/***********************************
header
************************************/

header{
}

header .inBox{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	position: relative;
}

header h1{
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 230px;
}

/***********************************
article
************************************/

article.content{	
}

/*セカンドページ用*/
.snd article .articleWrap{
	padding-top: 80px;
	padding-bottom: 40px;
}


/***********************************
footer
************************************/

footer{
}

footer .inBox{
	overflow: hidden;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}

footer ul.cf01{
	margin-bottom: 15px;
}

footer ul.cf01 a:link,
footer ul.cf01 a:visited,
footer ul.cf01 a:active{
	color: #004989;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
	margin-bottom: 1px;
}

footer ul.cf01 a:hover{
	background-color: #004989;
	color: #E6F3FF;
}

footer ul.cf01 li{
	display: block;
}

footer ul.cf01 li p{
	background-color: #E6F3FF;
}

footer ul.cf01 li span{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6F3FF;
}

footer ul.cf01 li span a:link,
footer ul.cf01 li span a:visited,
footer ul.cf01 li span a:active{
	color: #E6F3FF;
}

footer ul.cf01 li span.sb04{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

footer ul.cf01 li.b02 p{
	display: block;
}

footer ul.cf01 li.b03{
	padding-right: 0px;
}

footer ul.cf01 li.b03 p{
	display: block;
}

footer ul.cf01 li p,
footer ul.cf01 li span{
	display: block;
	width: 100%;
}

footer ul.cf02{
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
}

footer ul.cf02 .b01{
	padding-bottom: 15px;
}

footer ul.cf02 .b01 a:link,
footer ul.cf02 .b01 a:visited,
footer ul.cf02 .b01 a:active{
	height: 40px;
	display: block;
	line-height: 40px;
	background-color: #157db2;
	text-align: center;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
}

footer ul.cf02 .b03 a:hover{
	background-color: #21A0E4;
}

footer ul.cf02 #btnFaceBook{
	width: 10%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
footer ul.cf01{
	margin-bottom: 15px;
}

footer ul.cf02 li.b03 a:link,
footer ul.cf02 li.b03 a:visited,
footer ul.cf02 li.b03 a:active{
	color: #E6F3FF;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
	margin-bottom: 1px;
}

footer ul.cf02 li.b03 a:hover{
	background-color: #004989;
	color: #E6F3FF;
}

footer ul.cf02 li.b03 {
	display: block;
}

footer ul.cf03{
	text-align: center;
	padding-top: 10px;
}

footer ul.cf03 .b01{
	padding-bottom: 15px;
	width: 40%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

footer ul.cf03 .b02{
	color: #FFF;
	font-size: 12px;
}


}