@charset "utf-8";
/* 初期設定 */

* {
	margin: 0;
	padding: 0;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	border:none;
    margin:0;
	padding:0;
}
ul {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6,td,th,p,ul,li,dt,dd {
	font-size: 100%;
	font-weight:normal;
	line-height: 160%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",verdana, sans-serif;
}
header, footer, nav, section, article, figure, aside {
display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
	border:0;
}
th,td {
	vertical-align: top;
	text-align: left;
	font-weight:normal;
}

a:link{
color:#745A3F;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a:active{
text-decoration:none;
}

body{
	color:#745A3F;
	background-color: #FFF;
	background:url(../img/gl_body_back.jpg) left top repeat;
}
#wrapper{
	width:100%;
	overflow: hidden;
}
#wrapper img{
	display:block;
	padding:0;
	margin:0;
}

/* ------header------ */
header{
	position: relative;
	width: 96%;
	max-width:1180px;
	height:104px;
	margin:0 auto;
	padding:2% 0;
}
@media screen and (max-width: 768px) {
	header{
	height:70px;
}
}

.gl_header_logo{
	position:absolute;
	width:73%;
	top:6%;
	left:0;
	display:block;
}
.gl_header_logo_sp{
	display:none;
}
.gl_header_contact{
	position:absolute;
	width:24.5%;
	top:7%;
	left:75.4%;
	display:block;
}

@media screen and (max-width: 640px) {
.gl_header_logo{
	display:none;
}
.gl_header_logo_sp{
	display:block;
	position:absolute;
	width:15%;
	top:7%;
	left:2%;
}
.gl_header_contact{
	display:none;
}
}


/* 固定ナビメニュー */
.gl_header_menu_btn{
	display:none;
}
#gl_sp_nav_menu li{
	display:none;
}
@media screen and (max-width: 640px) {
#gl_sp_header header{
	width:100%;
	height:150px;
	background:url(../img/gl_header_txt_sp.png) left top no-repeat;
	background-size:100% auto;
}
#gl_sp_header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	display:block;
	z-index:10;
}
.gl_header_menu_btn{
	display:block;
	position:absolute;
	width:20%;
	top:24%;
	right:2%;
	z-index:100;
}
#gl_sp_nav_menu{
	width:100%;
	position:absolute;
	top:40%;
	left:0;
	display:none;
}
#gl_sp_nav_menu li{
	display: block;
	background-color:#FEFCE5;
	width:100%;
	text-align:center;
	padding:3% 0;
	color:#745A3F;
	border-bottom:1px dashed #999;
	font-size:140%;
	z-index:999;
}
#gl_sp_nav_menu li a:link{
	color:#745A3F;
	text-decoration:none;
	display: block;
}
#gl_sp_nav_menu li a:visited{
	color:#745A3F;
}
#gl_sp_nav_menu li a:hover{
	background-color:#FDF9C4;
}
}



/* gl_main_box */
#gl_main_box{
	width:96%;
	max-width:1180px;
	margin:0 auto;
}
@media screen and (max-width: 640px) {
	#gl_main_box{
	margin:24% auto 0 auto;
}
}



/* ------nav------ */
nav{
	display:block;
	float:left;
	width:18.6%;
}
nav li{
	line-height:0;
}

/* gl_menu */
#gl_menu{
	width:100%;
	max-width:220px;
	padding:0 0 15.6% 0;
}
#gl_menu li{
	display:block;
}
@media screen and (max-width: 640px) {
nav{
	display:none;
}
}

/* access */
.gl_access_box{
	width:100%;
	max-width:220px;
	background: url(../img/gl_access_back.png) left top repeat-y;
	background-size:100% auto;
}
.gl_access_txt{
	padding:2% 0 0 6%;
	width:87%;
	font-size:85%;
}
@media screen and (max-width: 768px) {
	.gl_access_txt{
		line-height:130%;
		font-size:70%;
}
}
.gl_access_map iframe{
	padding:6% 0 0 6%;
	width:87%;
	height:100%;
	margin-left:6px\9;/*ie8以下*/
}
@media screen and (max-width: 640px) {
.gl_access_box{
	width:100%;
	max-width:670px;
	background: url(../img/gl_access_back_sp.png) left top repeat-y;
	background-size:100% auto;
}
.gl_access_txt{
	font-size:100%;
}
.gl_access_map iframe{
	padding:5% 0 0 4%;
	width:92%;
	min-height:300px;
}
}

/* gl_link_menu */
#gl_link_menu{
	width:100%;
	max-width:220px;
	margin:15.6% 0 0 0;
}
#gl_link_menu li{
	padding:0 0 5% 0;
}

/* ------gl_main------ */
#gl_main{
	width:78.8%;
	max-width:930px;
	float:right;
}
#wrapper #gl_main img{
	display:inline;
}
@media screen and (max-width: 640px) {
	#gl_main{
	width:100%;
	float:none;
}
}

/* h2 */
.gl_h2{
	display:block;
	padding:0 0 2% 0;
}
.gl_h2_sp{
	display:none;
}
@media screen and (max-width: 640px) {
.gl_h2{
	display:none;
}
.gl_h2_sp{
	display:block;
	padding:0 0 3% 0;
}
}

/* h3 */
#gl_main h3{
	padding:0 0 2% 0;
}
#gl_main .gl_h3_txt{
	font-size:140%;
	font-weight:bold;
	line-height:150%;
	padding:0 0 2% 0;
}
@media screen and (max-width: 768px) {
#gl_main .gl_h3_txt{
	font-size:110%;
}
}
@media screen and (max-width: 640px) {
#gl_main h3{
	padding:0 0 4% 0;
}
#gl_main .gl_h3_txt{
	font-size:120%;
	font-weight:bold;
	line-height:150%;
	padding:0 0 4% 0;
}
}


/* gl_content */
.gl_content{
	width:98%;
	padding:0 0 5% 2%;
}
@media screen and (max-width: 640px) {
.gl_content{
	padding:0 0 14% 2%;
}
}

/* gl_copy */
.gl_copy{
	padding:5% 0 1.5% 0;
	text-align:center;
	display:block;
	text-align:center;
}
.gl_copy_sp{
	display:none;
}
@media screen and (max-width: 640px) {
.gl_copy{
	display:none;
}
.gl_copy_sp{
	color:#FFF;
	line-height:100%;
	padding:1%;
	display:block;
	text-align:center;
}
}

/* ------footer スマホ表示------ */
#gl_footer_sp{
	display:none;
}
footer{
	display:none;
}

@media screen and (max-width: 640px) {
#gl_footer_sp{
	display:block;
	width:96%;
	margin:0 auto;
	padding:4% 0 10% 0;
}
footer{
	display:block;
	width:100%;
	padding:3% 0;
	background:url(../img/gl_sp_footer_back.jpg) left top repeat;
}

/* footer_nav */
	#gl_footer_nav{
	width:96%;
	max-width:470px;
	margin:0 auto;
}
	#gl_footer_nav li{
	width:100%;
	padding:1.2% 0;
	float:none;
}
}



/* リスト */
.gl_list li{
	background: url(../img/gl_list_icon.gif) left top no-repeat;
	padding:0 0 20px 34px;
	line-height:24px;
}


/* br */
.tab_br{
	display:none;
}
.sp_br{
	display:none;
}
@media screen and (max-width: 768px) {
.br_tab{
	display:none;
}
.tab_br{
	display:inline;
}
}
@media screen and (max-width: 640px) {
.br_sp{
	display:none;
}
.sp_br{
	display:inline;
}
}

/* color */
.gl_color_red{
	color:#EA0000;
	font-weight:bold;
}


/* float */
.gl_align_L{
	text-align:left;
}
.gl_align_R{
	text-align:right;
}
.gl_align_C{
	text-align:center;
}
.gl_clear{
	clear:both;
}
.gl_clear_pc{
	clear:both;
}
.gl_clear_sp{
	clear:none;
}
@media screen and (max-width: 640px) {
	.gl_clear_pc{
	clear: none;
}
	.gl_clear_sp{
	clear:both;
}
}

/* margin */
.gl_margin_2{
	padding:0 0 2% 0;
}
@media screen and (max-width: 640px) {
.gl_margin_3{
	padding:0 0 4% 0;
}
}
.gl_margin_3{
	padding:0 0 3% 0;
}
@media screen and (max-width: 640px) {
.gl_margin_3{
	padding:0 0 6% 0;
}
}
.gl_margin_4{
	padding:0 0 4% 0;
}
.gl_margin_8{
	padding:0 0 8% 0;
}