@charset "UTF-8";

html{
	overflow-y: scroll;
}

img{
	border:0px;
}
@media screen and (max-width:1080px){
img{
	max-width:100%;
}
}

body{
	margin:0px;
	font-family:meiryo, 'メイリオ', verdana, helvetica, georgia, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kakugothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

.clearfix:after{
	display:block;
	content:"";
	clear:both;
}

a{
	text-decoration:none;
}
a:hover{
	color:#2175c8;
	text-decoration:underline;
}

/*-----------------------------------------------*/
/* header                                        */
/*-----------------------------------------------*/
#gl-header{
	position:relative;
	padding-top:5px;
	color:#555555;
	width:100%;
}
@media screen and (max-width:780px){
#gl-header{
	border-style:solid;
	border-width:3px 0px 1px 0px;
	border-color:#3070b8 #ffffff #efefff #ffffff;
}
}

#gl-header .header-wrap{
	position:relative;
	margin:0px auto 0px auto;
	width:1080px;
}

#gl-header .header-wrap #hlogo{
	margin-top:-10px;
}
@media screen and (max-width:780px){
#gl-header .header-wrap #hlogo{
	margin-top:0px;
}
}

@media screen and (max-width:1080px){
#gl-header .header-wrap{
	width:98%;
}
#gl-header .header-wrap #hlogo img{
	width:90%;
}
}
@media screen and (max-width:780px){
#gl-header .header-wrap #hlogo img{
	width:80%;
}
}
@media screen and (max-width:640px){
#gl-header .header-wrap #hlogo img{
	width:70%;
}
}

#gl-header .header-wrap .since{
	color:#999999;
	font-size:16px;
	line-height:20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #999999 #ffffff;
}
@media screen and (max-width:780px){
#gl-header .header-wrap .since{
	display:none;
}
}

#gl-header .header-wrap h1{
	font-size:20px;
	font-weight:normal;
	line-height:10px;
	text-align:center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width:1080px){
#gl-header .header-wrap h1{
	font-size:16px;
	text-align:left;
}
}
@media screen and (max-width:960px){
#gl-header .header-wrap h1{
	font-size:14px;
}
}
@media screen and (max-width:780px){
#gl-header .header-wrap h1{
	line-height:20px;
	width:80%;
}
}
@media screen and (max-width:640px){
#gl-header .header-wrap h1{
	font-size:12px;
	width:70%;
}
}

#gl-header .header-wrap ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%;
}
#gl-header .header-wrap ul li{
	position:relative;
	float:left;
}
#gl-header .header-wrap ul li.sns{
	position:relative;
	float:right;
	margin-left:10px;
}
@media screen and (max-width:780px){
#gl-header .header-wrap ul li.sns{
	display:none;
}
}

#gl-header .header-wrap #spmenu{
	position:absolute;
	display:none;
	top:0px;
	right:0px;
}
@media screen and (max-width:780px){
#gl-header .header-wrap #spmenu{
	display:inline-block;
}
}
@media screen and (max-width:640px){
#gl-header .header-wrap #spmenu img{
	width:90%;
}
}


#gl-header .header-wrap ul li:nth-child(1){
	margin-right:30px;
}
@media screen and (max-width:1080px){
#gl-header .header-wrap ul li:nth-child(1){
	margin-right:0px;
}
}

/*------*/
/* navi */
/*------*/
#gl-header #gl-navi{
	position:relative;
	background:#e6e6e6;
	width:100%;
	height:40px;
}
@media screen and (max-width:780px){
#gl-header #gl-navi{
	display:none;
}
}

#gl-header #gl-navi .navi-wrap{
	position:relative;
	margin:0px auto 0px auto;
	width:1080px;
}
@media screen and (max-width:1080px){
#gl-header #gl-navi .navi-wrap{
	width:96%;
}
}

#gl-header #gl-navi .navi-wrap ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}
#gl-header #gl-navi .navi-wrap ul li{
	display:inline-block;
	margin-top:10px;
	padding:0px 20px 0px 20px;
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#ffffff #aaaaaa #ffffff #ffffff;
}
@media screen and (max-width:1080px){
#gl-header #gl-navi .navi-wrap ul li{
	padding:0px 15px 0px 15px;
	font-size:14px;
}
}
@media screen and (max-width:960px){
#gl-header #gl-navi .navi-wrap ul li{
	font-size:12px;
}
}

#gl-header #gl-navi .navi-wrap ul li a{
	display:block;
	color:#555555;
}
#gl-header #gl-navi .navi-wrap ul li a:hover{
	color:#999999;
	text-decoration:none;
}
#gl-header #gl-navi .navi-wrap ul li:last-child{
	border-width:0px;
}

/*-------------*/
/* navi for sp */
/*-------------*/
#gl-header #sp-navi{
	position:absolute;
	background:#e6e6e6;
	display:none;
	top:70px;
	right:0px;
	width:70%;
	z-index:100;
}
@media screen and (min-width:780px){
#gl-header #sp-navi{
	display:none;
}
}
@media screen and (max-width:480px){
#gl-header #sp-navi{
	width:90%;
}
}
#gl-header #sp-navi ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%;
	background:#e6e6e6;
}
#gl-header #sp-navi ul li{
	position:relative;
	float:left;
	width:100%;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:14px;
	line-height:40px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #3070b8 #ffffff;
	background:#e6e6e6;
}
@media screen and (max-width:480px){
#gl-header #sp-navi ul li{
	padding-left:5px;
	font-size:12px;
	background:#e6e6e6;
	}
}

#gl-header #sp-navi ul li img{
	width:18px;
	height:auto;
}
#gl-header #sp-navi ul li a{
	display:block;
	color:#555555;
}
#gl-header #sp-navi ul li a:hover{
	color:#999999;
	text-decoration:none;
}
#gl-header #sp-navi ul li:first-child{
	border-style:solid;
	border-width:1px 0px 1px 0px;
	border-color:#3070b8 #ffffff #3070b8 #ffffff;
}

/*-------------------------------------------*/
/* text title                                */
/*-------------------------------------------*/
.gl-txt-title{
	position:relative;
	margin:20px auto 0px auto;
	padding-bottom:10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	font-weight:bold;
	width:1080px;
}
@media screen and (max-width:1080px){
.gl-txt-title{
	width:98%;
}
}
@media screen and (max-width:640px){
.gl-txt-title{
	font-size:14px;
}
}

/*-----------------------------------------------*/
/* guide                                         */
/*-----------------------------------------------*/
#gl-guide-wrap{
	position:relative;
	margin:50px auto 0px auto;
	width:1080px;
}
@media screen and (max-width:1080px){
#gl-guide-wrap{
	width:96%;
}
}
@media screen and (max-width:640px){
#gl-guide-wrap{
	margin-top:20px;
}
}

#gl-guide-wrap ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}
#gl-guide-wrap ul li{
	display:inline-block;
	margin-right:20px;
}
#gl-guide-wrap ul li:last-child{
	margin-right:0px;
}
@media screen and (max-width:640px){
#gl-guide-wrap ul li{
	margin-right:10px;
	margin-top:10px;
}
#gl-guide-wrap ul li:last-child{
	margin-right:10px;
}
}

#gl-guide-wrap .dis-guide-button{
	display:block;
	background-color:rgba(48, 112, 184, 0.4);
	padding-top:5px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#ffffff;
	width:240px;
	height:36px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-ms-border-radius:16px;
	-o-border-radius:16px;
	border-radius:16px;
}

#gl-guide-wrap .guide-button a{
	display:block;
	background:#3070b8;
	padding-top:5px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#ffffff;
	width:240px;
	height:36px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-ms-border-radius:16px;
	-o-border-radius:16px;
	border-radius:16px;
}

@media screen and (max-width:1080px){
#gl-guide-wrap .dis-guide-button,
#gl-guide-wrap .guide-button a{
	width:200px;
}
}
@media screen and (max-width:780px){
#gl-guide-wrap .dis-guide-button,
#gl-guide-wrap .guide-button a{
	width:180px;
}
}
@media screen and (max-width:640px){
#gl-guide-wrap .dis-guide-button,
#gl-guide-wrap .guide-button a{
	width:160px;
}
}
#gl-guide-wrap .guide-button a:hover{
	text-decoration:none;
}

/*-----------------------------------------------*/
/* bread crumb                                   */
/*-----------------------------------------------*/
#breadcrumb{
	position:relative;
	margin:60px auto 0px auto;
	width:1080px;
}
@media screen and (max-width:1080px){
#breadcrumb{
	width:90%;
}
}
@media screen and (max-width:640px){
#breadcrumb{
	margin-top:20px;
}
}

#breadcrumb ul{
	float:left;
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style-type:none;
	width:100%;
}
#breadcrumb ul li{
	position:relative;
	float:left;
	margin-right:5px;
	font-size:12px;
	line-height:20px;
}
#breadcrumb ul li:last-child{
	margin-right:0px;
}
#breadcrumb ul li a{
	display:inline-block;
	color:#555555;
}
#breadcrumb ul li a:hover{
	color:#999999;
}
#breadcrumb ul li + li:before {
    margin-right:5px;
    content:">";
}

/*-----------------------------------------------*/
/* footer                                        */
/*-----------------------------------------------*/
#gl-footer{
	position:relative;
	background:#e6e6e6;
	color:#555555;
	width:100%;
}

#gl-footer .footer-wrap{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
	width:1080px;
}
@media screen and (max-width:1080px){
#gl-footer .footer-wrap{
	width:90%;
}
}
@media screen and (max-width:640px){
#gl-footer .footer-wrap{
	padding:0px 0px 20px 0px;
}
}

#gl-footer .footer-wrap ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#gl-footer .footer-wrap ul li{
	float:left;
	font-size:12px;
	line-height:24px;
	width:252px;
}
#gl-footer .footer-wrap ul li:nth-child(-n+3){
	margin-right:24px;
}
@media screen and (max-width:1080px){
#gl-footer .footer-wrap ul{
	position:relative;
	margin:0px auto 0px auto;
	width:100%;
}
#gl-footer .footer-wrap ul li{
	width:46%;
}
#gl-footer .footer-wrap ul li:nth-child(-n+3){
	margin-right:0px;
}
#gl-footer .footer-wrap ul li:nth-child(odd){
	margin-right:8%;
}
}
@media screen and (max-width:640px){
#gl-footer .footer-wrap ul li{
	width:100%;
}
#gl-footer .footer-wrap ul li:nth-child(1){
	margin-right:0%;
}
}

#gl-footer .footer-wrap ul li a{
	display:block;
	color:#555555;
}
#gl-footer .footer-wrap ul li a:hover{
	color:#999999;
}

#gl-footer .footer-wrap .category{
	margin-top:20px;
	width:100%;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #3070b8 #ffffff;
}

#gl-footer .copyright-wrap{
	position:relative;
	margin:0px auto 0px auto;
	padding:20px 0px 10px 0px;
	width:1080px;
}
@media screen and (max-width:1080px){
#gl-footer .copyright-wrap{
	width:96%;
}
}
#gl-footer .copyright-wrap .company-wrap{
	float:left;
	font-size:12px;
}
#gl-footer .copyright-wrap .copy-wrap{
	float:right;
	font-size:10px;
}
@media screen and (max-width:640px){
#gl-footer .copyright-wrap .company-wrap{
	text-align:center;
	width:100%;
}
#gl-footer .copyright-wrap .copy-wrap{
	margin-top:10px;
	text-align:center;
	width:100%;
}
}

/*-----------------------------------------------*/
/* page top                                      */
/*-----------------------------------------------*/
#pagetop{
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:9999;
}
@media screen and (max-width:640px){
#pagetop{
	right:0px;
}
}

/*-----------------------------------------------*/
/* others                                        */
/*-----------------------------------------------*/
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
@media screen and (max-width:640px){
.mt30{
	margin-top:20px;
}
.mt40{
	margin-top:20px;
}
.mt50{
	margin-top:20px;
}
.mt60{
	margin-top:20px;
}
}