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



/* 共通項目 
----------------------------------------------------------- */  
body{	background-color:#fff;	margin:0 auto;	font-family: Verdana;	font-size: 12px;	border: 0px solid #000000; }
a:link, a:visited {
	color: #96F;
	text-decoration: none;
}
a:hover {
	color: #99CCCC;
}
a:link, a:visited,a:hover{	-webkit-transition: color 0.1s; transition: color 0.1s;	-moz-transition: color 0.1s;	-o-transition: color 0.1s;}


/* ヘッダー
----------------------------------------------------------- */  
#randomimg2	{
	width: 100%;
	height: 260px;
	background-repeat: repeat-x;
	background-position: center;
}
#header{
	width: 100%;
	height: 260px;
	padding: 0;
	position: relative;
	background-attachment: scroll;
	background-color: #333;
	background-image: url(../img/top.jpg);
	background-repeat: repeat;
	background-position: center center;
}
/* ナビゲーション
----------------------------------------------------------- */  
.navback{ 
		background:  rgba(218,182,235,0.7); padding: 3px 5px 1px 5px; width:100%;
	    position: absolute;      right: 0px;      bottom: 0px;  }
nav{	 width:100%;	margin: 0 auto; text-align: center; }
nav li{   display: inline;      padding: 0 0px 0 0px;   position: relative; }

/*  ナビアイコン  */  
.hi-summary:before {	content: url("../img/icon_summary.png");}
.hi-join:before {		content: url("../img/icon_join.png");}
.hi-circle:before {		content: url("../img/icon_circle.png");}
.hi-event:before {		content: url("../img/icon_event.png");}
.hi-link:before {		content: url("../img/icon_link.png");}
.hi-mail:before {		content: url("../img/icon_mail.png");}

.hi-icon {	display: inline-block;	font-size: 0px;	cursor: pointer;	margin: 2px 13px;	color: #fff;
	width: 80px;	height: 80px;	border-radius: 50%;	text-align: center;	position: relative;	z-index: 1;}
.hi-icon:before {	display: block;	-webkit-font-smoothing: antialiased;}

.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 0px rgba(255,255,255,1);	overflow: hidden;	background: rgba(102,102,153,0.2);
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {	display: none;}
.hi-icon-effect-5 .hi-icon:hover {	background: rgba(102,102,153,0.7);	color: #702fa8;	box-shadow: 0 0 0 0px rgba(255,255,255,1);}
.hi-icon-effect-5c .hi-icon:hover:before {	-webkit-animation: toTopFromBottom 0.3s forwards;	-moz-animation: toTopFromBottom 0.3s forwards;	animation: toTopFromBottom 0.3s forwards;}

@-webkit-keyframes toTopFromBottom {
	49% {		-webkit-transform: translateY(-100%);	}
	50% {		opacity: 0;		-webkit-transform: translateY(100%);	}
	51% {		opacity: 1;	}
}
@-moz-keyframes toTopFromBottom {
	49% {		-moz-transform: translateY(-100%);	}
	50% {		opacity: 0;		-moz-transform: translateY(100%);	}
	51% {		opacity: 1;	}
}
@keyframes toTopFromBottom {
	49% {		transform: translateY(-100%);	}
	50% {		opacity: 0;		transform: translateY(100%);	}
	51% {		opacity: 1;	}
}


/* 本文構成
----------------------------------------------------------- */  
#contents{	margin: 0 auto;	min-height: 500px;
			padding:30px 30px 30px 30px;	line-height:170%;	overflow:hidden;
			background: rgba(255,255,255,0.5) url(../img/biglogo.png) 0% 100% no-repeat fixed;}

div#contents .topleft{	width: 420px; float: left;	padding-left:0px;}
div#contents .topright{	width: 365px; float: right;	padding-right:10px;}

section{	width: 700px; margin: 0 auto;	margin-bottom: 60px; clear: both;}
article{	margin-bottom: 60px;}


/* 汎用
----------------------------------------------------------- */  

.smalltext{	font-size: 11px;}
.red{		font-size: 130%;	color: red;	font-style: bold;}
.bold{		font-weight: bold;}

.terms dt{	font-size: 13px;	color:#dda0dd;	font-weight: bold;}
.terms dd{	font-size: 12px;	margin: 0px 0 0 15px;}

dl.list {		font-size: 12px; border-bottom:0px solid #999; }
dl.list dt {	font-size: 12px;	float:left; width:60px; padding:4px 0 4px 15px; margin-top:-3px;}
dl.list dd {	font-size: 12px;	margin-left:60px; padding:4px 0px 4px 0; margin-top:-3px;}

.widelist {	　	font-size: 12px; border-bottom:0px solid #999; }
.widelist dt {	float:left; width:140px;  padding:0px 0 0px 15px;}
.widelist dd {	margin-left:140px;   padding:0px 0px 0px 0;}

.linklist {		font-size: 12px; border-bottom:0px solid #999; }
.linklist dt {	float:left; width:230px; min-height:70px;  padding:2px 0 2px 15px;}
.linklist dd {	margin-left:23px; min-height:70px;   padding:2px 0px 2px 0;}

.new dl { 		height: 140px; overflow: auto;}
.new dt { 		font-size: 13px; width:120px;float:left; color:#dda0dd; font-weight: bold;}
.new dd	{ 		font-size: 12px; margin: 0 0 4px 120px;}

fieldset td{	font-size: 12px; margin: 0 auto;}
fieldset{
	font-size: 12px;
	margin: 0 auto;
	margin-top: 0px;
	margin: 0px -5px 20px -5px;
	padding: 0px 15px 5px 15px;
	border: 3px dotted #9999FF;
}
legend{			font-size: 12px;	color:#dda0dd;	font-weight: bold; padding: 3px 10px;}

.open{		background: #669;	color:#fff;	font-size: 12px;	font-weight: light;  
			-webkit-border-radius: 20px;	-moz-border-radius: 20px;  width: 300px;
			padding:5px 15px;	margin-bottom: 10px; cursor:pointer;}

.opened{	padding:5px 0px; display: none;}

.flyer table{	border-collapse: collapse; border: 1px solid #b5a642;text-align: left; font-size:12px;}
.flyer th{  	border: 1px solid #c0a963; padding: 6px 7px; color: #669; width: 300px;} 
.flyer td{ 		border: 1px solid #c0a963; padding: 6px 7px;}

.img a:link img, .img a:visited img { 
	opacity: 1;	filter: alpha(opacity=100);	-moz-opacity: 1;	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;	-moz-transition: opacity 0.2;	-o-transition: opacity 0.2s;}
.img a:hover img { 
	opacity: 0.6;	filter: alpha(opacity=100); 	-moz-opacity: 0.6;	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;	-moz-transition: opacity 0.2;	-o-transition: opacity 0.2s;}


/* 見出し装飾
----------------------------------------------------------- */  
h1{	color:#FFF;  	font-family: arial black;	font-size: 48px;  	text-shadow: 0 0 6px #000;}

h2{
	color:#fff;	font-size: 24px;  	font-family: Verdana, 'Hiragino Maru Gothic Pro';
	background: url(../img/icon01.png) ;	background-repeat:no-repeat;	background-position: 10px 6px;
	background-color: #669;	padding: 8px 7px 8px 40px;	margin:10px 0px 10px 0px;
	-webkit-border-radius: 20px; 	-moz-border-radius: 20px;
}

h3{
	color: #6699FF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 5px 2px 10px;
	margin: 5px 0px 10px 0px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #6699FF;
}
h4{
	color: #C9C;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline blink;
}

/* 参加方法_ページボタン
----------------------------------------------------------- */  
.join button{
	width: 200px;	min-height:70px;	background: #dab6eb;	cursor: pointer;   	border: 3px double #fff;  
	font-size: 17px;	font-weight: bold;	text-shadow: 0 0 10px #333;	color: #fff;	padding: 7px 12px;
	-webkit-border-radius: 20px;  	-moz-border-radius: 20px;  
	-webkit-transition: 0.1s; transition: 0.1s;	-o-transition: 0.1s; -moz-transition: 0.1s;
}
.join button:hover{
	background: #ffdab9;	color: #fff;	text-shadow: 0 0 15px #DCC4EF;
	-webkit-transition: 0.15s;	transition: 0.15s;	-moz-transition: 0.15s;	-o-transition: 0.15s;
}

.links button{
	width: 280px;	background: #669;	cursor: pointer;  	padding: 10px 15px; 	margin: 5px 40px;
	color: #fff;	font-size: 16px;	font-weight: bold;  	border: 7px double #fff;
	-webkit-border-radius: 50px;  	-moz-border-radius: 50px;  
	-webkit-transition: background 0.1s;	-moz-transition: background 0.1s;
	-o-transition: background 0.1s;	transition: background 0.1s;
}

.links button:hover{
	background: #DCC4EF;	color: #fff;
	-webkit-transition: 0.1s;	-moz-transition: 0.1s;	-o-transition: 0.1s;	transition: 0.1s;
}

.nolinks button{
	width: 280px;	background: #ccc;	color: #fff;	font-size: 16px;	font-weight: bold;  
	border: 7px double #fff;	padding: 10px 15px; 	margin: 5px 40px;	cursor: default;  
	-webkit-border-radius: 30px;  	-moz-border-radius: 30px;  
}


/* メールフォーム
----------------------------------------------------------- */  

.mail dt{ font-size: 12px;float:left; width:130px; padding:2px 5px; min-height: 28px;}
.mail dd{ font-size: 12px;margin-left:130px; padding:2px 5px; min-height: 28px;}

fieldset.mail {
	width:550px;	margin: 0 auto;	font-size: 12px;	margin-top: 10px;
	margin-bottom: 20px;	padding: 15px 30px 20px 50px;
 	border: 0px solid #e0c76d;
	-webkit-border-radius: 0px;	-moz-border-radius: 0px;  
}

input.text,textarea.message {	
	font-size:99%;	border: 1px #ccc solid; padding: 3px 3px; background-color: rgba(255,255,255,0.5);
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;  
}


/* トップに戻るボタン
----------------------------------------------------------- */  
#topscroll {
	position: fixed;	z-index: 2;	bottom: 40px;	right: 0px;
	width: 14%;	background: rgba(0,0,0,0);	border-radius: 0px;	padding: 7px 10px;
	color: #fff;	font-size: 14px;	font-weight: bold;	cursor: pointer;  
}


/* フッター
----------------------------------------------------------- */  
footer{
	clear: both;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	background-color: #9999FF;
	padding: 10px 0px 10px 0px;
	text-align: center;
}