@charset "utf-8";
/* CSS Document */
/*===================================================================
    Reset
===================================================================*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,small,span,img,pre,footer,header,section,article,table,tbody,thead,th,td,a,address,input,form,textarea,select{
	margin:0;
	padding:0;
	font-family:"游明朝","YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
	font-style:normal;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	}


body{
	}

	ul,ol,li{list-style:none}
	
	.cf{display:inline-table}
	
	.cf:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	* html .cf{height:1%}
	.cf{display:block}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img	{ border: none; 
vertical-align:bottom;}
/* -----------------------------------------------------------------
    Style Setting
------------------------------------------------------------------ */ 

img{
	max-width:100%;
}

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.ml10 { margin-left:10px;}

.mt40{
	margin-top:40px;
	}
.mt100{
	margin-top:100px;
	}
.f15{
	font-size:15px;
	}
.f16{
	font-size:16px;
	}
.f35{
	font-size:35px;
	}
.fs10 { font-size:11px;}


#left{
	width:56%;
	float:left;
	margin-left:2%;
	margin-top: 3%;
}
#center{
	padding-left:2%;
	padding-right:2%;
	width:30%;
	float:left;
}
#right{
	width:40%;
	float:right;
	margin-right:2%;
	margin-top:2%;
	font-size: 10px;
}
#right02{
	width:35%;
	float:right;
	margin-right:2%;
}

.fl-l { float: left; }
.fl-r { float: right; }
.text-c { text-align: center; }
.text-r { text-align: right; }
.text-l { text-align: left; }

.section {
	width:98%;
	margin:0 auto;
	margin-bottom: 10%;
}

.width100{
	width:100%;
	}
.main_vis{
	text-align:center;
	}
/* -----------------------------------------------------------------
 header
------------------------------------------------------------------ */

header {
	text-align:center;
	width:100%;
	background:#000;
}
.header {
	text-align:center;
	width:100%;
}
.header_left{
	/*float:left;*/
	width:45%;
	padding-left:3%;
	padding-top:3%;
	padding-bottom:5%;
	}
.header_right{
	/*float:right;*/
	width:35%;
	margin-left:auto;
	margin-right:auto;
	}
.header p{
	}

/* -----------------------------------------------------------------
 Link Setting
------------------------------------------------------------------ */
a:link{color:#fff;
list-style:none;
text-decoration: none;}

a:visited{color:#fff;
list-style:none;}

a:hover{color:#fff;
list-style:none;}

/* -----------------------------------------------------------------
 nav
------------------------------------------------------------------ */
.button-toggle{
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	z-index:9999;
}
.button-toggle img{
	width:40px;
}

.gnav{
	background:#000000;
	position:absolute;
	width:100%;
	top:50px;
	display:block;
	z-index:9999;
}
.gnav li{
	color:#FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding:5% 5%;
	font-size:18px;
	display:block;
	width:90%;
	z-index:9999;
	position:relative;
}

.gnav li a{
	color:#FFFFFF;
	font-size:18px;
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*===================================================================
  footer
===================================================================*/
#gtt{
	width:50%;
	margin-left:45%;
	color:#fff;
	background:#fff;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5ABACA), color-stop(0.00, #D5EDF1));
	background: -webkit-linear-gradient(#D5EDF1, #5ABACA);
	background: -moz-linear-gradient(#D5EDF1, #5ABACA);
	background: -o-linear-gradient(#D5EDF1, #5ABACA);
	background: -ms-linear-gradient(#D5EDF1, #5ABACA);
	background: linear-gradient(#D5EDF1, #5ABACA);*/
	border-radius:7px;
	padding:8px 0px;
	margin-top:50px;
	margin-bottom:50px;
	}
#gtt p{
	font-size:18px;
	color:#000;
	text-align:center;
	}
	
#gtt a {
	color:#000;
}


.bol{font-weight:bold}

.tac{
	text-align:center;
	}
.tar{
	text-align:right;
	}

.wrapper{
	width:100%;
	overflow:hidden;
	background:url(../images/common/back2.png);
	}

.wrapper_st{
	width:100%;
	overflow:hidden;
	background:url(../images/common/back3.png);
	}
		
.main_vis{
	margin-bottom:30px;
	}

.h2_01{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
	}
.h2_01_boda{
	margin-bottom:30px;
	line-height: 7px;
	}

.h2_title{
	background:url(../images/common/h2_bg.png) no-repeat center center;
	height:178px;
	margin-top:20px;
	margin-bottom:30px;
	}
.new_h2{
	}
.h2_title01{
	text-align:center;
	font-size:20px;
	padding-top:70px;
	}
.h2_title02{
	text-align:center;
	font-size:20px;
	padding-top:60px;
	}

.title001{
    background: url(../images/common/titele02.png) no-repeat left center;
    padding-left: 40px;
	padding-bottom:5px;
	padding-top:5px;
    margin-bottom: 10px;
    font-size: 18px;
	margin-top: 15px;
    color: #dcab4a;
	border-bottom:solid 1px #dcab4a;
	}
/*===================================================================
	footer
===================================================================*/
.background_01 {
z-index                 : -1;
background-color        : #fff;
background-image        : url(../images/top/top_nain.png);
background-repeat       : no-repeat;
background-size         : cover;
position                : fixed;
top                     : 0;
left                    : 0;
right                   : 0;
bottom                  : 0;
}

.background_02 {
z-index                 : -1;
background-color        : #fff;
background-image        : url(../images/common/back01.png);
background-repeat       : no-repeat;
background-size         : cover;
position                : fixed;
top                     : 0;
left                    : 0;
right                   : 0;
bottom                  : 0;
}

.background_03 {
z-index                 : -1;
background-color        : #fff;
background-image        : url(../images/common/back02.png);
background-repeat       : no-repeat;
background-size         : cover;
position                : fixed;
top                     : 0;
left                    : 0;
right                   : 0;
bottom                  : 0;
}

.background_05 {
z-index                 : -1;
background-color        : #fff;
background-image        : url(../images/common/store.png);
background-repeat       : no-repeat;
background-size         : cover;
position                : fixed;
top                     : 0;
left                    : 0;
right                   : 0;
bottom                  : 0;
}


footer{
	text-align:center;
	background:#000;
	padding-top:10px;
	}
footer li{
	display:inline-block;
	}
.copy{
	 text-align: center;
	}
.copy small{
	font-size: 10px;
	color:#6d5719;
	}