@charset "utf-8";
/* CSS Document */

/************************************************************************************
base.css
*************************************************************************************/


/* ///////////////////////////////////////////////////////////////////

01 header
		[gnavi]
02 contents]
		[main]
		[sub]
03 footer

/////////////////////////////////////////////////////////////////// */


/* =========================================================
01 all
========================================================= */
html{
	background-color:#8ec332;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','メイリオ','Meiryo','MS
Pゴシック','MS PGothic',sans-serif; 
}
#wrapper{
	width:972px;
	margin:0 auto;
}
#clear{
	clear:both;
}
p#contact{
	overflow:hidden;
	background-color:#000000;
	color:#FFFFFF;
	line-height:50px;
	font-weight:bold;
	text-align:center;
	font-size:25px;
}

/* =========================================================
02 header
========================================================= */
#main_visual{
	display:inline-block;
}

#header li{
	float:left;
	margin:20px 0;
	margin-right:10px;
}
#header li a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#header li a:hover{
	text-decoration:underline;
}
#headerWrap {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: auto;
	width: 100%;
}
#headerWrap #header {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	float: none;
	height: 90px;
	width: 980px;
	display: block;
}
#headerWrap #header h1#logo {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: 90px;
	width: 525px;
	display: block;
}
#headerWrap #header ul {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: right;
	height: 90px;
	display: block;
}
#headerWrap #header ul li {
	clear: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 10px;
	height: 30px;
	width: auto;
	display: block;
	list-style-type: none;
}
#headerWrap #header ul li a {
	display: block;
	margin: 0px;
	padding: 0px 12px;
	clear: none;
	float: none;
	height: 30px;
	width: auto;
}
#headerWrap #header a:hover{
	opacity:0.85;
}

/* =========================================================
02 contents01
========================================================= */
#contents01{
	font-weight:bold;
	overflow:hidden;
}
#contents01-l{
	float:left;
}
#contents01-r{
	float:left;
	background-image:url(../image/con01.jpg);
	background-repeat:no-repeat;
	width:736px;
	height:276px;
}

#contents01 h2{
	width:550px;
	color:#e77113;
	margin:20px auto 25px auto;
	font-size:26px;
}
#contents01-r p.tex{
	width:700px;
	margin:5px auto 0px auto;
	font-size:13px;
	line-height:20px;
}
#contents01-r strong{
	color:#e77113;
	font-size:13px;
}
#contents01-r strong#hack{
	display:inline-block;
}

#contents01-r p#tex01{
	width:700px;
	font-size:20px;
	line-height:23px;
	text-align:right;
}
#contents01 a{
	color:#ffffff;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	margin:0px auto;
	text-decoration:none;
	display:block;

}
#contents01 a:hover{
	text-decoration:underline;
	color:#000000;
	opacity:0.85;
}
#contents01 a img{
	margin:10px  0;
}
#contents01 p#link{
	width:350px;
	margin:5px auto;
	text-align:center;

}
dl#thema{
	margin:5px auto 0 auto;
	border:solid #4a494a;
	line-height:20px;
	text-align:center;
	width:500px;
	font-weight:bold;
	font-size:17px;

}
dl#thema dt{
	background-color:#4a494a;
	color:#ffffff;
}
dl#thema dd{
	background-color:#ffffff;
}

/* =========================================================
02 contents02
========================================================= */
#contents02{
	clear:both;	
}

#contents02 p{
	height:50px;
	background-image:url(../image/gaiyo.jpg);
	background-repeat:repeat;
	color:#ffffff;
	text-align:center;
}
#contents02-inner{
	height:298px;
	width:972px;
}
#tokyo{
	float:left;
	width:322px;
	height:298px;
	background-image:url(../image/af_tokyo.jpg);
	display:inline-block;
}

#nagoya{
	float:left;
	width:321px;
	height:298px;
	background-image:url(../image/af_nagoya.jpg);
	display:inline-block;
}
#osaka{
	width:329px;
	height:298px;
	background-image:url(../image/af_osaka.jpg);
	display:inline-block;
	float:left;
}
#contents02-inner a,#fukuoka p{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
}
#tokyo a:hover{
	background-image:url(../image/af_tokyobg.jpg);
}
#nagoya a:hover{
	background-image:url(../image/af_nagoyabg.jpg);
}
#osaka a:hover{
	background-image:url(../image/af_osakabg.jpg);
}
/*#fukuoka a:hover{
	background-image:url(../image/fukuokabg.jpg);
}*/
#fukuoka{
	height:169px;
	width:972px;
	background-image:url(../image/af_fukuoka.jpg);
	display:inline-block;
}

/* =========================================================
02 contents02-2
========================================================= */
#contents02-2{
	clear:both;
	height:50px;
	background-color:#ffffff;
	border-left:solid 2px #000000;
	border-right:solid 2px #000000;		
}
#contents02-2 a{
	width:322px;
	display:inline-block;
	text-align:center;
}
/* =========================================================
02 contents03
========================================================= */

#contents03{
	clear:both;
}

#contents03{
	float:left;
	overflow:hidden;
	background-image:url(../image/sche-bg.jpg);
	background-repeat:repeat-x;
	height:250px;
	font-weight:bold;
}
#contents03-l{
	float:left;
	overflow:hidden;
}
#contents03-r{
	float:right;
	margin-top:10px;
	margin-right:50px;
	overflow:hidden;
}
#contents03-r p{
	border:solid #000000;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
}
#contents03-r dl{
	background-color:#ffffff;
	overflow:hidden;
	width:560px;
}
#contents03-r dt{
	float:left;
	overflow:hidden;
	background-color:#ffffff;
	width:60px;
	line-height:30px;
	padding-left:10px;

}
#contents03-r dd{
	padding-left:20px;
	overflow:hidden;
	background-color:#ffffff;
	line-height:30px;

}
#contents03-1{
	background-color:#ffffff;
}
#contents03-1 a:hover{
	text-decoration:underline;
	color:#000000;
	opacity:0.85;
}


/* =========================================================
02 contents04
========================================================= */
#contents04{
	clear:both;
	border:solid #000000;
	background-color:#ffffff;
	background-image:url(../image/sche_bg.jpg);
	font-weight:bold;
	height:auto;
	overflow:hidden;
}
#contents04-tex{
	float:left;
	width:535px;
	line-height:30px;
	overflow:hidden;
	height:auto;
	font-size:15px;
	padding:20px 406px 20px 25px;
	background-image:url(../image/contest01.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#contents04-tex strong{
	color:#E77113;
}
#contents04 a{
	color:#ffffff;
	text-decoration:none;

}
#contents04 a:hover{
	text-decoration:underline;
	color:#000000;
	opacity:0.85;
}

#contents04 p{
	overflow:hidden;
}
#contents04-r{
	float:right;
	width:400px;
}
/* =========================================================
02 contents05
========================================================= */
#contents05{
	clear:both;
	border:solid #000000;
	background-color:#ffffff;
	margin:20px 0;
	font-weight:bold;
	overflow:hidden;
}
#contents05-l{
	float:left;
	margin:auto auto;
	width:450px;
	line-height:90px;
	overflow:hidden;
	padding:15px;
	height:90px;
	font-size:18px;

}
#contents05-r{
	float:right;
	overflow:hidden;
	padding:15px;
	line-height:30px;

}
/* =========================================================
02 footer
========================================================= */
#footer{
	clear:both;
	color:#000000;
	background-color:#ffffff;
	font-size:13px;
}

#ft-inner{
	width:972px;
	margin:0 auto;
	padding:15px 0;
	overflow:hidden;
}
#ft-inner-tex ul{
	width:972px;
	overflow:hidden;
}
	
#ft-inner-tex li{
	float:left;
	display:inline-block;
	margin-right:26px;	
}
#ft-inner-tex li#first{
	margin-left:70px;
}