@charset "utf-8";

@media only screen and (min-width: 768px), print {

/* ****************************************************

layout.css

1: layout common setting
2: header
3: footer
4: main
5: sideNav
99: extra

***************************************************** */

/*1: layout common setting
=========================================*/
/* container */




body{
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
 color:#333333;
 font-size:14px;
 line-height:2.2;
 letter-spacing:0.3em;
 background:#3d77ec;
}
p{
	margin-bottom:1.4em;
}
ul{
	margin-bottom:2em;
}
ol{
	margin-bottom:2em;
}
dl{
	margin-bottom:2em;
}



/*2: header
=========================================*/

#topAnc{
	display:block;
	height:55px;
	width:100%;
}

#globalHeader{
	height:55px;
	width:100%;
	min-width:1000px;
	position:fixed;
	left:0px;
	top:0px;
	background:#FFFFFF;
	line-height:1.8;
/* box-shadow */
box-shadow:rgba(36, 36, 36, 0.178431) 0px 4px 6px 0px;
-webkit-box-shadow:rgba(36, 36, 36, 0.178431) 0px 4px 6px 0px;
-moz-box-shadow:rgba(36, 36, 36, 0.178431) 0px 4px 6px 0px;
z-index:7000;
}
#globalHeader p{
	margin:0px;
}
#globalHeader .head{
	width:100%;
	min-width:1000px;
	margin:0 auto;
}
#globalHeader .head .logoBlock{
	float:left;
	display:table;
}
#globalHeader .head .logoBlock > p{
	display:table-cell;
	height:55px;
	text-align:left;
	vertical-align:middle;
	border-right:1px solid #dadada;
}
#globalHeader .head .gnaviBlock{
	float:right;
}
#globalHeader .head .gnaviBlock > div{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	height:55px;
}
#globalHeader .head #menu{
	background:#055fe6;
	text-align:center;
	width:118px;
}
#globalHeader .head #menu a{
	display:table-cell;
	width:118px;
	height:55px;
	vertical-align:middle;
	text-align:center;
}
#globalHeader #headTelBox{
	font-size:28px;
	padding-right:10px;
	padding-left:50px;
	background:url(../images/com_tel01.png) no-repeat 14px 50%;
	letter-spacing:0.05em;
}
#globalHeader #headTelBox a{
	pointer-events: none;
	color:#055fe6 !important;
}
#globalHeader .head .logoBlock #logo{
	padding-left:5px;
}
#globalHeader .head .logoBlock #logo2{
	border-right:none;
}
#globalHeader #lead {
	border-right:none;
	position:fixed;
	top:-9999px;
	font-size:0;
	line-height:0;
	left:-9999px;
}
#globalHeader #lead strong{
	display:block;
	font-weight:normal !important;
	font-size:11px;
	line-height:1.5;
}

#content01{
	background:rgba(34, 122, 230,0.9) !important;
	letter-spacing:0.2em;
}
#content01.content01-on{
	z-index:9999 !important;
}
#content01 #gnaviMenu{
	text-align:center;
	font-size:48px;
	color:#fff;
	padding-top:30px;
	margin-bottom:40px;
}
#content01 .naviWrap{
	width:1000px;
	margin:0 auto;
}
#content01 #gnavBox a{
	color:#fff;
	font-size:15px;
}
#content01 #gnavBox li{
	float:left;
	width:166px;
	text-align:center;
	display:block;
}
#content01 #gnavBox li dl{
	position:relative;
}
#content01 #gnavBox li dl:after{
	content:"";
	background:url(../images/com_ic01.png) no-repeat;
	width:14px;
	height:19px;
	position:absolute;
	top:20px;
	right:60px;
  -webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity:0;
}
#content01 #gnavBox li:hover dl:after{
	top:0px;
	right:0px;
	opacity:1;
	-webkit-transition-delay:0.4s;
	transition-delay:0.4s;
}
#content01 #gnavBox li dl:before{
	content:"";
	background:url(../images/com_ic01.png) no-repeat;
	width:14px;
	height:19px;
	position:absolute;
	top:70px;
	left:50px;
  -webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity:0;
}
#content01 #gnavBox li:hover dl:before{
	top:50px;
	left:0px;
	opacity:1;
-webkit-transition-delay:0.4s;
	transition-delay:0.4s;
}
#content01 #gnavBox li dd{
	margin-top:10px;
}

.sideBnBox {
	text-align:center;
}
.sideBnBox ul{
	display:inline-block;
}
.sideBnBox li{
	display:inline-block;
	margin-left:25px;
	margin-right:25px;
}
.closeRight{
	position:fixed;
	right:50px;
	top:50px;
	background:url(../images/com_ic02.png);
	width:40px;
	height:40px;
	cursor:pointer;
}






/*3: footer
=========================================*/

#globalFooter{
	background:#ededed;
	padding-top:60px;
	min-width:1000px;
	letter-spacing:0.1em;
}
#navFootBlock{
	padding-bottom:69px;
	background:url(../images/com_bg01.png) no-repeat center bottom;
}
#globalFooter #navFootBox{
	width:1000px;
	margin:0 auto;
	text-align:center;
}
#globalFooter #navFootBox nav{
	text-align:center;
}
#globalFooter #navFootBox a{
	color:#055fe6;
	font-size:12px;
}
#globalFooter #navFootBox ul{
	display:inline-block;
	margin:0 auto;
}
#globalFooter #navFootBox li{
	float:left;
	width:130px;
	text-align:center;
	display:block;
}
#globalFooter #navFootBox li dl{
	position:relative;
}
#globalFooter #navFootBox li dl:after{
	content:"";
	background:url(../images/com_ic01.png) no-repeat;
	width:14px;
	height:19px;
	position:absolute;
	top:20px;
	right:60px;
  -webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity:0;
}
#globalFooter #navFootBox li:hover dl:after{
	top:0px;
	right:22px;
	opacity:1;
	-webkit-transition-delay:0.4s;
	transition-delay:0.4s;
}
#globalFooter #navFootBox li dl:before{
	content:"";
	background:url(../images/com_ic01.png) no-repeat;
	width:14px;
	height:19px;
	position:absolute;
	top:30px;
	left:50px;
  -webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity:0;
}
#globalFooter #navFootBox li:hover dl:before{
	top:22px;
	left:25px;
	opacity:1;
-webkit-transition-delay:0.4s;
	transition-delay:0.4s;
}
#globalFooter #navFootBox li dd{
	margin-top:10px;
}


#copy{
	color:#fff;
	text-align:center;
	font-size:11px;
	padding-top:11px;
	padding-bottom:10px;
	margin-bottom:0px;
	background:#3d77ec;
	mn-width:1000px;
	z-index:8005;
	position:relative;
}




/*4: main
=========================================*/

#globalContents{
	background:#ffffff;
	min-width:1000px;
}



/*5: aside
=========================================*/



/*99: extra
=========================================*/

#pageTop{
position:fixed;
height:0px;
bottom:0px;
left:0px;
width:100%;
min-width:1000px;
z-index:8000;
}
#pageTop p{
	margin:0 auto;
	width:1000px;
	text-align:right;
}
#pageTop p a{
	display:inline-block;
	width:92px;
	height:144px;
	background:url(../images/com_bt01.png) no-repeat left top;
	margin-top:-102px;
	
}
#pageTop a span{
	display:none;
}



/*=================================

	clearfix

=================================*/
#globalHeader .head:after,
#content01 #gnavBox ul:after,
#globalFooter #navFootBox ul:after {
	content: "";
	display: block;
	clear: both;
}

}