@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: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	font-style:normal;
	font-size:13px;
	font-weight:normal;
	color:#2d2c2a;
	}

body{
	background: url(../images/common/bg.png) center top;
	}

	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%;
}

.bol{font-weight:bold}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml250{margin-left:250px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb200{margin-bottom:200px;}

.pd10{padding:0 10px;}
.pd20{padding:0 20px;}
.pd30{padding:0 30px;}
.pd40{padding:0 40px;}
.pd60{padding:0 60px;}
.pd80{padding:0 80px;}

.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt110{padding-top:110px;}

.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb20{padding-bottom:50px;}
.pdb20{padding-bottom:60px;}
.pdb20{padding-bottom:70px;}
.pdb20{padding-bottom:80px;}
.pdb20{padding-bottom:90px;}

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

.flo-l{
	float:left;
	}
.flo-r{
	float:right;
	}

@font-face {
  font-family: 'Hannari';
  src: url('../font/Hannari.otf') format('opentype');
}
.hannari{
	font-family: 'Hannari';
	}


#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%;
}


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

.width100{
	width:100%;
	}

/* -----------------------------------------------------------------
 header
------------------------------------------------------------------ */

header {
	text-align:center;
	width:100%;
	margin-bottom:10px;
}
.header {
	text-align:center;
	width:100%;
}
.header_left{
	float:left;
	width:25%;
	padding-left:2%;
	padding-top: 1%;
	}
.header_right{
	float:left;
	width:53%;
	padding-top:3%;
	padding-left: 1%;
	}
.header p{
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}
.header h2{
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}
.header p a{
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}

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

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

a:hover{color:#2d2c2a;
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:#ff919b;
	/*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:#fff;
	text-align:center;
	}
	
#gtt a {
	color:#fff;
}


.bol{font-weight:bold}

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

.wrapper{
	width:100%;
	overflow:hidden;
	}
.wrap{
	padding:2%;
	}
/*===================================================================
	footer
===================================================================*/
.f_01_out{
	margin-top: 100px;
	margin-bottom: 50px;
}
.f_01{
}
.f_01_box{
	text-align: center;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.f_01_box .p1{
	font-family: 'Hannari';
	font-size: 15px;
}
.f_01_box .p2{
	background: url(../images/common/f_01.png) no-repeat center center;
	background-size: contain;
}
.f_01_box .p2 span{
	font-family: 'Hannari';
	font-size: 20px;
	background: url(../images/common/bg.png) center center;
	padding-left: 10px;
	padding-right: 10px;
}


footer{
	background: url(../images/common/f_bg.png) no-repeat top center;
	background-size: cover;
}

.f_02{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}
.f_02 p{
	color: #fff;
	font-family: 'Hannari';
	font-size: 16px;
}

.f_03{
	background: #fff;
	padding: 2%;
}

.f_04_left{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
.f_04_right{
}
.f_04_right .p1{
	font-size: 15px;
	color: #8f2b26;
	font-weight: bold;
	margin-bottom: 10px;
}
.f_04_right .p2{
	margin-top: 15px;
	text-align: center;
}
.f_map{
	text-align: center;
	margin-top: 20px;
}
.f_map iframe{
	border: 0;
}
.f_05 p{
	font-size: 14px;
	font-weight: bold;
}
.f_05 span{
	background: url(../images/top/top_10.png) no-repeat left center;
	padding-left: 30px;
	color: #8f2b26;
	font-size: 14px;
	font-weight: bold;
}
.f_06 p a{
	font-size: 14px;
	font-weight: bold;
	background: url(../images/top/top_10.png) no-repeat left center;
	padding-left: 30px;
	color: #8f2b26;
}
.f_06 span{
	
}

.copy{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.copy small{
	color: #fff;
	font-size: 13px;
}