@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/


ul#headNavi li:nth-child(5) a,
ul#headNavi li:nth-child(6) a{
	pointer-events: none;
	opacity:0.3;
}



.out {
	pointer-events:none;
	opacity: 0.4;
}
/*.out {
	pointer-events:none;
	position: relative;
	z-index: 1;
}
.out img {
	pointer-events:none;
	opacity: 0.4;
}
.out:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	top:0;
	left:0;
	z-index: -1;
}*/

body {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic",  Osaka, sans-serif;
	/*font-family: "Meiryo","メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Arial,Helvetica,"MS PGothic","MS Pゴシック",Osaka,sans-serif;*/
	font-size:12px; 
	line-height:1.8; 
	min-width: 960px;
	margin:0 auto;
	background-color: #fff;
	color: #333; 
	/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

img {
	max-width: 100%;
}

div#headerWrap{
	width:100%;
	height: 80px;
	background-color: rgba(255,255,255,0.5);
	position:relative;
}


div#headerWrap:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	width:100%;
	height:1px;
	background:#00A0E9;
	
}

div#header{
	max-width:960px;
	margin:0 auto;
	height:80px;
	padding:0 10px;
	position: relative;
	/*	margin-left: 12.5%;*/   /*後で考える*/
}

div#header h1 {
    position: absolute;
    left: 10px;
    top: 13px;
}

ul#headNavi{
	position: absolute;
	right:0;
	top: 12px;
	
}

ul#headNavi li {
	float:left;
	/*margin-right:20px;*/
}

/*ul#headNavi li:nth-child(4),*/
/*
ul#headNavi li:nth-child(5),
ul#headNavi li:nth-child(6){
	opacity: 0.5;
	pointer-events: none;
}
*/

ul#headNavi li:last-child{
	margin-right:0;
}


/*追加*/
ul#headNavi{
	top: 20px;
}
ul#headNavi li a{
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	background: #00a0e9;
	border: 1px solid #00a0e9;
	padding: 10px;
	transition: 0.5s ease-in-out;
}
ul#headNavi li a.cr,
ul#headNavi li a:hover{
	background: #fff;
	color: #00a0e9;
}
/*追加*/



div#gNaviWrap{
	width:100%;
	background:url(../images/common/bg.jpg) top left repeat-x;
}
ul#gNavi{
	max-width: 960px;
	margin:0 auto;
	font-size:0;
	line-height:0;
}

div#contentsWrap{
	max-width: 1080px;
	margin: 0 auto;
	padding:40px 10px;
}

div#footerWrap{
	width:100%;
	border-top:1px solid #00A0E9;
	/*background:url(../images/common/foot_bg.jpg) top left repeat-x;*/
}
div#footer{
	max-width:960px;
	margin:0 auto;
	padding: 15px 20px 15px;
	position: relative;
}

div#footer p{
	font-size:12px;
	clear: both;
}

div#footer .lo_fl{
	/*float: left;*/
}
div#footer .lo_fl span{
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: -10px;
	margin-bottom: 10px;
	text-align: center;
}
div#footer .lo_fl span:last-child{
	margin-right: 0;
}
div#footer .lo_fl span a {
	display: block;
	background: #00a0e9;
	color: #fff;
	width: 80px;
	/*padding: 2px 0;*/
	font-size: 20px;
	line-height: 40px;
}
div#footer .lo_fr{
	position: absolute;
	bottom:-37px;;
	right: 0;
	/*float: right;*/
	font-size: 12px;
	/*margin-top: -16px;*/
	padding: 6px;
	/*border: 1px solid #00A0E9;
	background-color: #00A0E9;*/
}

div#footer .lo_fr a{
	color: #FFF;
}

div#footer .lo_fr a:hover{
	text-decoration: none;
}
div#footer .clbt{
	clear: both;
}

h2{
	text-align:center;
	margin-bottom:50px;
}

.copy {
	background:#00A0E9;
	color: #fff;
	padding:8px 10px;
	text-align: center;
}