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

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #ffffff;
	text-align:center;
	color: #fff;
}


/*----------------------------------------------
　装飾
----------------------------------------------*/
.px10{font-size:74%; _font-size:10px;}
.px11{font-size:11px;}
.px12{font-size:12px;}
.px16{font-size:16px;}
.mt3{ margin-top: 3px;}
.pl5{ padding-left: 5px;}

.red   { color: #E00; }
.black { color: #000; }
.yellow{ color: #ffcc00;}
.gray  { color: #888; }
.clear{ clear: both;}
.left{
	float: left;
}
.right{
	float: right;
}

strong{ font-weight: bold;}

h4{
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 1px;
}
.cap{ color: #ccc; line-height: 19px;}
.cap a{ color: #ffff00;}

/*----------------------------------------------
　構造
----------------------------------------------*/
#wrap{ background: #ffffff;}
#mainContents{
	text-align: center;
}

#contents{
	padding-bottom: 70px;
}

#okinawa{
	width: 900px;
	background-color:#009AE3;
	/*background-color:#0099E2;*/
	line-height: 170%;
	margin: 0 0 0 20px;
	text-align:center;
}

#mainbtn{
	margin: 20px 0;
}

#mainbtn img{
	margin: 0 4px 0 0;
}

.section{
	text-align: center;
	width: 815px;
	margin: 0 auto;
}

#sec-about p{
	margin: 15px 0 0;
}

#link-official{
	margin: 20px 0 0 0;
}

#about-left{
	text-align: left;
	float: left;
	width: 360px;
	margin: 30px 0 30px 15px;
}

#about-right{
	text-align: left;
	float: right;
	width: 360px;
	margin: 30px 15px 30px 0;
}

.photo-topics{
	margin: 20px 30px 0 15px;
	float: left;
}

.exp-topics{
	float: left;
	width: 540px;
	text-align: left;
	margin: 20px 0 20px 0;
}

.exp-topics p{
	margin: 10px 0 0 0;
}

#bnr-compe{
	margin: 10px 0 0 0;
}

#movie-wrap{
	width: 330px;
	margin: 30px 0;
	/*float: left;*/
}

.mov-info{
	text-align: center;
	width: 330px;
	margin: 0 auto;
}

.mov-info img{
	margin-top: 10px;
}

.m-player{
	clear: both;
}

#info-text{
	float: left;
	text-align: left;
	margin: 30px 0 40px 15px;
}

#info-text ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.info-box{
	margin: 0 0 20px 0;
}

.info-box img{
	margin: 0 0 10px 0;
}

#btn-official{
	float: right;
	margin: 30px 15px 0 0;
}