/* CSS Document */

@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Lato);

/*	BASIC
====================================== */

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {
	margin:0;
	padding:0;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	line-height:1.6;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
* html body {/* for IE6 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
}

*:first-child+html body {/* for IE7 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	cursor:default;
}

body div {
	text-align: left;
	margin: 0 auto;
}

img {
	vertical-align: top;
}/* 画像のブラウザによる隙間を無くす */

img {
	background-color: #fff;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	border: 1px solid #E2DBCD;
	margin-top:10px;
}



/*	clearfix
====================================== */
img {
	max-width: 100%;
}
table {
	width: 100%;
}
.cf:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
	clear: both;
}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/*	LINK
====================================== */

a:link {
	color: #0033ff;
	text-decoration: underline;
}
a:visited {
	color: #0033ff;
	text-decoration: underline;
}
a:hover {
	color: #0033ff;
	text-decoration: none;
}
a,a:hover {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

/*	TEXT
====================================== */
h1 {
	font-family: 'Lato', sans-serif;
	font-size: 243%;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center
}
h2 {
	font-family: 'Lato', sans-serif;
	font-size:143%;
	margin-bottom: 60px;
	line-height: 1;
	text-align: center;
}
h2 span {
	border-bottom: solid 5px #3cf;
}

.j_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 200%;
	font-weight:bold;
	line-height: 1;
	margin-bottom: 30px;
	border-bottom: solid 5px #f33;
}
.j_title2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 200%;
	font-weight:bold;
	line-height: 1;
	margin-bottom: 10px;
}

.txtbox {
	width: auto;
	max-width: 690px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
}

.t12 {
	font-size: 90%;
}
.t14 {
	font-size: 110%;
}
.t16 {
	font-size: 130%;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.ml10 {
	margin-left: 10px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.ml60 {
	margin-left: 60px;
}
.ml70 {
	margin-left: 80px;
}
.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;
}
.mb200 {
	margin-bottom: 200px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt80 {
	margin-top: 80px;
}
.pb40 {
	padding-bottom: 40px;
}
.strong {
	font-weight: bold
}
.red {
	color: #C00
}
.blue {
	color: #03f
}

/*	Layout
====================================== */
#wrap {
	width: 100%;
}
.panel-grid {
	letter-spacing: -0.4em;
	text-align: center;
}
.con1box {
	width: 100%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
}
.con2box {
	width: 60%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px;
}
.box2-left {
	width: 40%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 20px;
}
.box2-right {
	width: 60%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px;
}


/*	visual
====================================== */

#visual {
	width: 100%;
	height: 600px;
	background:url(../img/1.jpg);
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 25px;
}

#visual_set {
	margin: 0 auto;
}

#visual_txt {
	line-height: 1;
	float: right;
	margin:0 50px 0 0;
}
#visual_txt .title {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 10px;
	color:#fff;
}
#visual_txt .date {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
	color:#fff;
}
#visual_txt .area {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*	Contents
====================================== */

#main {
	background-color: #F2F2EF;
	padding-top: 100px;
}
.content {
	width: auto;
	max-width: 990px;
}
.box {
	padding-bottom: 60px;
	margin-bottom: 0;
	border-bottom: solid 1px #DDDDDD;
}
.garland {
	text-align: center;
}

div#map_canvas {
	height: 400px;
	width: 100%;
	margin-bottom: 20px;
}

/*	Foot
====================================== */
#foot {
	background-color: #babab4;
}
.pagetop {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	margin: 0 auto;
	width: 180px;
	margin-bottom: 20px;
}
.pagetop a {
	text-decoration: none;
	display: block;
	color: #ddd;
	padding-top: 30px;
}

#copyright {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	height: 50px;
	text-align: center;
}

.credit {
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}

.credit-top a {
	font-weight:bold;
	color:#ddd;
	text-decoration: none;
	float:left;
	margin:0 0 0 100px;
}