@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}



/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #222;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
	background:#ffc000;
	}
body.toppage{
	background:#ffc000 url(../images/backtop00.jpg) center top no-repeat;
}
body.contspage{
	background:#ffc000 url(../images/backconts00.jpg) center top no-repeat;
}

#page-top a{
	max-width:200px;
	position:fixed;
	display:inline-block;
	bottom:0; right:0;
	padding:5px 10px;
	background-color:rgba(255,255,255,0.75);
	z-index:5000;
	font-size:11px;
}


/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	/*color: #38bdbb;*/
	color:#005CFF;
}
a:visited {
	text-decoration: none;
	color:#235EFF;
}
a:hover {
	text-decoration: underline;
	color: #005CFF;
}
a:active {
	text-decoration: underline;
	color: #005CFF;
}
a:active, a:focus	{ outline:none; }/* 選択時に点線を表示しない */

.pagetop {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 10px;
}
.pagetop a {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	line-height: 30px;
}



/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
	display:inline-block;
	vertical-align:bottom;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 84%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align:right;
}
.textind2em{
	text-indent:2em;
}

.bodytext{
	font-size:84%;
}
th,td{
	font-size:84%;
}
.text-small{
	font-size:11px;
}
	
/* ===========================
 
960

============================= */

.wrap {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin-left:auto;
	margin-right:auto;
}

.headerwrap{
	width:100%;
	background:#ffc000 url(../images/backtop2016.jpg) center top no-repeat;
}
.headercontswrap{
	width:100%;
	background:#ffc000 url(../images/backtop2016.jpg) center top no-repeat;
}
.headertop{
	position: relative;
	width: 100%;
	max-width: 960px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/backtop2016-1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
}
.headerconts{
	position: relative;
	width: 100%;
	max-width: 960px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/backtop2016-1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
}



.headerlogotop{
	position:relative;
	text-align:center;
	line-height:1px;
}
.headerlogotop span{
	display:block;
	width:80%;
	margin:0 auto;
	text-align:center;
}
.headerlogo3top{
	position:absolute;
	right:0;
	top:0;
	max-width:223px;
	width:30%;
}
.headerlogoconts{
	position:relative;
	text-align:center;
	line-height:1px;
	margin-top:0px;
	padding-bottom:15px;
}
.headerlogoconts span{
	display:block;
	width:80%;
	margin:0 auto;
	text-align:center;
}
.headerlogo3conts{
	position:absolute;
	right:0;
	top:0;
	max-width:223px;
	width:30%;
}

.slider{
	margin:0 auto;
	padding-top:18px;
	padding-bottom:18px;
	max-width:880px;
	width:91.666667%;
}

.nav1wrap{
	background:#000;
}
.nav1{
	text-align:center;
	line-height:1px;
}
.nav1 p{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.nav1 li{
	float:left;
	max-width:120px;
	width:12.5%;
}
.nav1 a{
	display:block;
}
.nav1 a.nav11{ background:#ea570f; }
.nav1 a.nav12{ background:#eb2e45; }
.nav1 a.nav13{ background:#e52139; }
.nav1 a.nav14{ background:#d41c32; }
.nav1 a.nav15{ background:#c51227; }
.nav1 a.nav16{ background:#3588f0; }
.nav1 a.nav17{ background:#0f5cbc; }
.nav1 a.nav18{ background:#01408f; }

.topbox1{
	margin-top:50px;
}
.topbox1 h2{
	width:80%;
}

.boxleft50{
	float:left;
	width:47%;
}
.boxright50{
	float:right;
	width:47%;
}
.table1{
	width:100%;
}
.table1 th{
	background-color:rgba(255,255,255,0.50);
	padding:5px 10px;
	border-bottom:2px solid #ffc000;
	white-space:nowrap;
}
.table1 td{
	background-color:rgba(255,255,255,0.25);
	padding:5px 10px;
	border-bottom:2px solid #ffc000;
}
.title1{
	color:#CC0000;
	margin-bottom:5px;
}
.title2{
	width:80%;
	margin-top:30px;
}
.title3plat{
	font-size:24px;
	line-height:24px;
	padding:15px 20px 10px 20px;
	font-weight:bold;
	margin-bottom:10px;
	background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	/*color: #206D9A; */color: #C09B00;
	border:1px solid #DDD;
	margin:-1px -1px 9px -1px;
}
.title3gold{
	font-size:24px;
	padding:10px 20px;
	margin-bottom:10px;
	background-color:#EBBE00;
	color:#fff;
}
.title3silver{
	font-size:24px;
	padding:10px 20px;
	margin-bottom:10px;
	background-color:#9DB7B5;
	color:#fff;
}
.title3bronze{
	font-size:24px;
	padding:10px 20px;
	margin-bottom:10px;
	background-color:#9F7743;
	color:#fff;
}
.title3blue{
	font-size:24px;
	padding:10px 20px;
	margin-bottom:10px;
	background-color:rgba(22,75,114,1.00);
	color:#fff;
}
.title4{
	position:relative;
	background-color:#0f5cbc;
	color:#fff;
	font-size:18px;
	line-height:1.1;
	padding:5px 15px;
	margin-bottom:10px;
}
.title4 a{
	color:#fff;
}
.title4 a:hover{
	color:#CDF6FF;
	text-decoration:none;
}
.title4 span{
	display:inline-block;
	width:60px;
	margin:-10px 3%;
	background-color:#DC0003;
	border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
	font-size:16px;
	line-height:20px;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
}
.title4 span.line2{
	font-size:16px;
	line-height:16px;
	padding:14px 0;
	vertical-align:middle;
}
	
.title5{
	font-size:110%;
	color:#cc0000;
}
.textbox1{
	margin-bottom:30px;
}
.copyright{
	background-color:#e51963;
	padding:10px;
	text-align:center;
	color:#fff;
}
.copyright img{
	vertical-align:top;
}
.footer{
	margin:30px auto 0 auto;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}


.sponsorbox1{
	background-color:#fff;
	padding:10px;
	margin-bottom:30px;
}
.sponsorlist1 li{
	float:left;
	width:20%;
	list-style:none;
}
.sponsorlist1 li div{
	margin:4px;
	border:1px solid #888;
}
.sponsorlist2 li{
	display:inline-block;
	width:49%;
	list-style:none;
}
.sponsorlist2 li div{
	background:url(../images/mark1.png) 10px 0 no-repeat;
	padding-left:30px;
	font-size:12px; line-height:14px;
	padding-bottom:10px;
}
.maptext{
	width:48.5%;
	float:left;
}
.maptext p{
	margin-bottom:20px;
	margin-left:15px;
}
	
.map_canvas{
	width:48%;
	float:right;
	padding:2px;
	border:1px solid #888;
}
#map_canvas{
	width:100%;
	height:600px;
}
a.linkbox1{
	display:inline-block;
	padding:0px 10px;
	border:1px solid #005CFF;
	background-color:#fff;
}
a:hover.linkbox1{
	background-color:#E4E4E4;
	text-decoration:none;
}
.mapbox1{
	margin:20px auto 10px auto;
}

.wfftext2{
	width:75.5%;
	margin:0 auto 30px auto;
}
.wffphoto3{
	display:inline-block;
	margin:3px;
	padding:2px;
	border:1px solid #888;
	width:47%;
	max-width:350px;
	font-size: 84%;
}
.phototext{
	width:80%;
	margin:10px auto 30px auto;
}
.text-red{
	color:#CD0003;
}

.topdownload li{
	width:29%;
	float:left;
	margin:2%;
	list-style:none;
	background-color:rgba(255,255,255,0.25);
}
.topdownload li a{
	display:block;
	border:1px solid #fff;
	padding:10px;
	text-align:center;
	font-size: 84%;
}
.topdownload li a:hover{
	background-color:rgba(255,0,0,0.5);
	text-decoration:none;
}
.topdownload li a span{
	display:block;
	background-color:rgba(255,255,255,0.5);
}


.stagetimeline1 img{
	max-width:480px;
	width:50%;
}
	
	

/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 959px) {

body.toppage,body.contspage{
	background:#ffc000;
	background-image:none;
}
.headerconts{
	background-position:center 0;
}
.headerlogoconts{
	margin-top:0px;
	padding-bottom:15px;
}
.headerlogo3conts{

}
.sponsorlist1 li{
	float:left;
	width:25%;
	list-style:none;
}
.wfftext2{
	width:98%;
}
.wffphoto3{
	width:47%;
	max-width:350px;
}

}

/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {
	
p {
	font-size:100%;
}
.bodytext{
	font-size:100%;
}
th,td{
	font-size:100%;
}
.text-small{
	font-size:11px;
}
.headerconts{
	background-position:center 5px;
}
.headerlogoconts{
	margin-top:-5px;
	padding-bottom:5px;
}
.topbox1{
	margin-top:30px;
}
.boxleft50,
.boxright50{
	float:none;
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
.nav1 p{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.sponsorlist1 li{
	float:left;
	width:33.3333%;
	list-style:none;
}
.sponsorlist2 li{
	display:inline-block;
	width:98%;
	list-style:none;
}

.maptext{
	width:98%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}
	
.map_canvas{
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width:98%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	border:1px solid #888;
}
#map_canvas{
	height:400px;
}
.wfftext2{

}
.wffphoto3{
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width:98%;
	max-width:350px;
}
.phototext{
	width:96%;
	margin:10px auto 30px auto;
}
.stagetimeline1{margin:20px 0; text-align:center; }
.stagetimeline1 img{
	width:100%;
}

}


/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

.nav1 li{
	max-width:120px;
	width:25%;
}
.sponsorlist1 li{
	float:left;
	width:50%;
	list-style:none;
}

}



/*-----------------------------------------------------	*/
/*	Masonry					*/
/*-----------------------------------------------------	*/

.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }


/* All pages
----------------------------- */

.clear {
  clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.mB20{ margin-bottom:20px; }