@charset "utf-8";

a.button{
	box-shadow:inset 0px -15px 15px 0px rgba(0,0,0,0.15), inset 0px 15px 15px 0px rgba(255,255,255,0.15);
	display:inline-block;
	background-color:#14CCC7;
	border:1px solid #999999;
	padding:5px 20px;
	color:#fff;
	text-decoration:none;
}
a.button:hover{
	background-color:#053332;
	color:#14CCC7;
}

/*************************************/
/* レイアウト */
/*************************************/
div.leftCol{
	float:left;
	padding:0px 0px;
	width:710px;
}
div.rightCol{
	float:right;
	width:230px;
	margin:0px 0px;
	padding:0px 0px;
	background:#F2F2F2;
}
/*************************************/
/* H */
/*************************************/
h1{
	background:#14CCC7;
	color:#fff;
	height:65px;
	font-size:35px;
	font-weight:normal;
	letter-spacing:0.1em;
	padding:20px 0 0 30px;
	background-image:url("../img/generalH1Bg.png");
	background-repeat: no-repeat;
	background-position:right top;
}
h2{
	border-left:10px solid #14CCC7;
	padding:3px 0 0 15px;
	margin:30px 0 0 0;
}
h3{
	padding:3px 0 0 0px;
	margin:20px 0 0 0;
	color:#14CCC7;
	font-size:110%;
}
div.colInner h2{
	font-size:17px;
	border-left:5px solid #14CCC7;
	padding:3px 0 0 10px;
}

/*************************************/
/* ヘッダー */
/*************************************/
div#topWrap{
	position:relative;
	height:40px;
	overflow:hidden;
}
div#topWrapTop{
	position:relative;
	height:500px;
	overflow:hidden;
}
div#topImage{
	position:relative;
	margin:0 auto;
	width:1200px;
}
div#topImageContents{
	position:relative;
	margin:0 auto;
	width:960px;
}
div#topImageBg img.main{
	position:absolute;
	min-width:1200px;
	top:0px;
	left:0px;
	z-index:5;
}
div#topImage img.wrap{
	position:absolute;
	top:0px;
	left:0px;
	z-index:6;
	opacity:0.2;
}
div#topImage a img.roboone{
	position:absolute;
	top:90px;
	right:300px;
	z-index:7;
}
div#topImage a img.light{
	position:absolute;
	top:167px;
	right:252px;
	z-index:7;
}
#topBtnRoboone,#topBtnLight,#topBtnAuto,#topBtnKen{
	background-image:url("../img/topBtnBg.png");
	background-repeat: no-repeat;
	background-position:right top;
	width:174px;
	height:32px;
	padding-top:7px;
	position:absolute;
	z-index:7;
	text-align:center;
	color:#fff;
	top:120px;
	right:340px;
}
#topBtnLight{
	top:180px;
	right:310px;
}
#topBtnAuto{
	top:135px;
	right:140px;
}
#topBtnKen{
	top:195px;
	right:110px;
}
#topBtnRoboone:hover,#topBtnLight:hover,#topBtnAuto:hover,#topBtnKen:hover{
	background-image:url("../img/topBtnBg_on.png");
	text-decoration:none;
}

div#topInfo{
	position:absolute;
	top:250px;
	right:0px;
	z-index:7;
	width:370px;
}
h2#topInfoH2{
	font-size:100%;
	font-weight:normal;
	background:rgba(5,51,50,0.8);
	color:#14CCC7;
	padding:5px 20px 3px 20px;
	background-image:url("../img/mypageH2Bg.png");
	background-repeat: no-repeat;
	background-position:8px 5px;
	border:1px solid #14CCC7;
}
div#topInfoCol{
	background:rgba(0,0,0,0.7);
	margin:0;
	padding:20px;
	border:1px solid #14CCC7;
	border-top:none;
	color:#eee;
}
div#topInfoCol div{
	padding:5px 0;
	border-top:1px solid #0F9995;
	border-bottom:1px solid #0F9995;
}
div#headerWrap{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	border-bottom:1px solid #14CCC7;
	background-color:rgba(0,0,0,0.5);
	z-index:10;
}
div#header{
	width:960px;
	margin:0 auto;
	height:40px;
}
div#topRightMenu{
	margin-top:2px;
	float:right;
}
div#header h1{
	background:none;
	float:left;
	margin:0;
	padding:7px 0 0 0;
	border:none;
	font-weight:normal;
	height:auto;
}
div#header h1 a{
	display:block;
	color:#fff;
	font-size:17px;
	letter-spacing:0.1em;
}
div#headerTitle {
	padding:7px 0 0 0;
	display:inline-block;
}
div#headerTitle a {
	color:#fff;
	font-size:17px;
	letter-spacing:0.1em;
}
a.headerButton{
	margin-left:10px;
	margin-top:2px;
	padding:2px 20px;
}
div#logo{
	float:left;
	margin:10px 10px 0 0;
}
div#topTitle{
	position:absolute;
	top:380px;
	left:0px;
	z-index:7;
	width:300px;
	color:#eee;
	font-size:16px;
//	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	background:rgba(0,0,0,0.5);
	padding:10px 15px 10px 15px;
}
div#topTitle strong{
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:0.1em;
	font-size:34px;
	line-height:1;
}
div#topTitle span{
	margin:7px 0px 0 0;
}
div#topAttention{
	position:absolute;
	top:260px;
	left:0px;
	z-index:7;
	background:rgba(0,0,0,0.5);
	padding:10px 15px 10px 15px;
	width:450px;
	color:#eee;
	font-size:14px;
}
div#topAttention a{
	color:#14CCC7;
}
/*************************************/
/* トップメニュー */
/*************************************/

div#topMenuWrap{
	background-image:url("../img/topMenuBg.png");
	background-position: 0px -150px;
	border-top:1px solid #14CCC7;
	border-bottom:1px solid #14CCC7;
}
div#topMenu{
	width:961px;
//	border-bottom:1px solid #C8B7A7;
	margin:0 auto;
	padding:0;
	clear:both;
	height:65px;
	overflow:hidden;
}
div#topMenu ul li{
	margin:0;
	padding:0;
	display:block;
	border-left:1px solid #14CCC7;
	height:65px;
	width:190px;
	float:left;
}
div#topMenu ul li a{
	background-image:url("../img/menu_bg.png");
	background-position: right;
	width:170px;
	height:55px;
	display:block;
	position:relative;
	padding:10px 0 0 20px;
	margin:0;
	color:#fff;
	font-size:18px;
}
div#topMenu ul li a:hover{
	background-image:url("../img/menu_bg_on.png");
	text-decoration:none;
}
div#topMenu ul li a.topMenuNow{
	background-image:url("../img/menu_bg_on.png");
}
div#topMenu ul li a span{
	position:absolute;
	top:33px;
	left:20px;
	font-size:12px;
	color:#14CCC7;
}
div#topMenu ul li.topMenuEnd{
	border-right:1px solid #14CCC7;
}

/*************************************/
/* カルーセルパネル */
/*************************************/
div#carouselWrap{
	margin:0px auto 30px auto;
	width:360px;
	height:240px;
	position:relative;
}
div#carousel{
	width:100%;
	height:240px;
	overflow:hidden;
	z-index:5;
}
#carouselMenuWrap{
	position:absolute;
	bottom:0px;
	right:0px;
	height:40px;
	width:90px;
	background-color:rgba(0,0,0,0.5);
}
#carouselPrev{
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	z-index:10;
}
#carouselNext{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	z-index:10;
}
#carouselPrevOff{
	position:absolute;
	top:0px;
	left:-30px;
	padding:0px;
	margin:0px;
}
#carouselNextOff{
	position:absolute;
	top:0px;
	right:-30px;
	padding:0px;
	margin:0px;
}
/*************************************/
/* ギャラリー */
/*************************************/
div#topVideoOver{
	background:#FAFAFA;
}
div#galleryWrap, div#topVideoWrap{
	margin:0px auto;
	padding-top:10px;
	width:730px;
	position:relative;
}
div#topVideoWrap{
	width:960px;
}
div#gallery, div#topVideo{
	width:100%;
	height:380px;
	overflow:hidden;
	z-index:5;
}
div#topVideo{
	height:530px;
}
div.galleryCol, div.topVideoCol{
	padding:20px 0 0 0;
	width:730px;
	text-align:center;
	float:left;
}
div.topVideoCol{
	width:960px;
}
div.galleryCol img{
	border:1px solid #555;
}
#galleryMenuWrap{
	position:absolute;
	bottom:0px;
	left:0px;
	height:40px;
	width:730px;
	background:rgba(0,0,0,0.5);
}
#galleryPrev, #topVideoPrev{
	position:absolute;
	top:160px;
	left:30px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	z-index:10;
}
#topVideoPrev{
	top:300px;
	left:50px;
}
#galleryNext, #topVideoNext{
	position:absolute;
	top:160px;
	right:30px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	z-index:10;
}
#topVideoNext{
	top:300px;
	right:50px;
}
/*************************************/
/* テーブル */
/*************************************/
table.line{
	border-spacing:0;
	margin:10px 0;
	word-break: break-all;
}
table.line td, table.line th{
	background:none;
	border:1px #14CCC7 solid;
	padding:5px 15px 3px 15px;
}
table.line th{
	background:rgba(5,51,50,0.8);
	color:#eee;
	font-weight:normal;
}

/*************************************/
/* トップページ */
/*************************************/
div#topAboutWrap{
	background:#FAFAFA;
}
div#topAbout{
	width:960px;
	margin: 0 auto;
}
h2.topH2{
	background-image:url("../img/topH2bg.png");
	background-repeat: no-repeat;
	background-position:left top;
	border:none;
	padding-left:50px;
}
h2.topH2 span{
	font-size:60%;
	color:#14CCC7;
	margin-left:20px;
}
div.topCol{
	padding:20px 10px 20px 30px;
}

/*************************************/
/* トップランキング */
/*************************************/
div#topRankingOver{
	background-image:url("../img/topMenuBg.png");
	background-position: 0px -100px;
	overflow:hidden;
}
div#topRanking h2.topH2{
	color:#eee;
}
div#topRankingWrap{
	margin:0px auto;
	width:960px;
	position:relative;
}
div#topRanking{
	width:100%;
	height:300px;
	overflow:hidden;
	z-index:5;
}
div.topRankingCol{
	padding:10px 0 0 0;
	width:320px;
	text-align:left;
	float:left;
	color:#eee;
}
div.topRankingCol img{
	margin-left:40px;
}
div.topRankingCol img{
	border:1px solid #555;
}
div.topRankingCol img:hover{
	border:1px solid #14CCC7;
}
div.topRankingRank{
	padding-left:40px;
	color:#14CCC7;
	font-size:25px;
	padding-bottom:5px;
}
#topRankingPrev{
	position:absolute;
	top:150px;
	left:0px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	z-index:10;
}
#topRankingNext{
	position:absolute;
	top:150px;
	right:0px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	z-index:10;
}
/*************************************/
/* 認定大会結果 */
/*************************************/
div.comimgCol{
	display:inline-block;
	text-align:center;
	margin:20px 10px 0 0;
	float:left;
}