@charset "utf-8";
/* ============================================================+
//
// 2015.5.24
// These Stylesheet written by SENOarika. 
// [ ありや - http://imoni.org/ ]
//
// ============================================================+*/
/* ------------------------------------------------------------+
// Preset Element
// ------------------------------------------------------------+*/
h2{
	padding: 19px 0 11px 80px;
	background: url('./../img/yinyang.png') no-repeat 20px 50%;
	background-size: 35px 35px;
	font-size: 20px;
	letter-spacing:0.2em;
}
h3{
	margin: 20px 80px 10px 80px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

/* ------------------------------------------------------------+
// Setting Block Layout
// ------------------------------------------------------------+*/
body{
	width: 80%;
	background: #5F1314;
	background: -webkit-gradient(linear, left top, right bottom, from(#4e0203), to(#6F2425));
	margin: auto;
}
header,
aside#GlobalNavi,
section,
footer{
	width: 100%;
	max-width: 900px;
	min-width: 650px;
	margin: auto;

	background: #FFFFFF;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
header{
	position: relative;
	height: 250px;

	background: url("../img/bnr1000_600.png") no-repeat 50% 30%;
	background-size: 110%;
}
section{
	padding: 20px 0;
}

/* ------------------------------------------------------------+
// Setting Element in Header
// ------------------------------------------------------------+*/
h1 a{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 150px;
	margin: auto;
	padding: 100px 0 0 0;

	background: rgba(256,256,256,0.7) url("../img/gate.png") no-repeat 50% 50%;
	background-size: 180px;
	opacity: 0.9;

	color: #000;
	font-size: 36px;
	lien-height: 200px;
	letter-spacing: 0.1em;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
header p#HeldPeriod{
	position: absolute;
	right: 0;
	bottom: 0;
	width:100%;
	padding: 2px 0;
	background: rgba(256,256,256,0.7);
	text-align: right;
}
header p#HeldPeriod *{
}

/* ------------------------------------------------------------+
// Setting Element in aside#GlobalNavi
// ------------------------------------------------------------+*/
aside#GlobalNavi nav ul{
	position: relative;
	width: 100%;
	box-shadow: 0 1px 0 1px rgba(0,0,0,0.5);
}
aside#GlobalNavi nav ul li{
	display: inline-block;
	width: 25%;
}
aside#GlobalNavi nav ul li a{
	display: block;
	height: 50px;

	background: #222;

	color: #fff;
	line-height: 50px;
	letter-spacing: 0.1em;
	text-align: center;
}
aside#GlobalNavi nav ul li a:hover{
	background: #000;
}

/* ------------------------------------------------------------+
// Setting Element in Section article
// ------------------------------------------------------------+*/
section article{
	padding: 10px 0;
}
section article p{
	margin: 20px 80px;
	line-height: 160%;
}
section article ul{
	padding: 10px 80px;
	line-height: 160%;
}
section article ul li{
	margin: 0 40px;
	list-style: square;
}

/* ------------------------------------------------------------+
// Setting Element in Section article // only index
// ------------------------------------------------------------+*/
section article p.Timer1, section article p.Timer2{
	padding: 20px 0 0 0;

	background: #FFF4DB;
	box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);

	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: center;
}
section article p.Timer1 time, section article p.Timer2 time{
	display: block;
	padding: 0 0 20px 0;

	letter-spacing: 0.1em;
	text-align: center;
}
section article p.Timer1 time div *, section article p.Timer2 time div *{
	font-size: 20px!important;
}
section article p a#Vote{
	display: block;
	width: 200px;
	margin: 30px auto;
	padding: 15px 20px;

	background: #6F2021;
	box-shadow: 2px 3px 2px rgba(0,0,0,0.3);
	border-radius: 10px;

	color: #fff;
	font-size: 24px;
	letter-spacing: 0.2em;
	text-align: center;
	text-indent: 0.4em;
}
section article p a#Vote:hover{
	opacity: 0.8;
	text-decoration: none;
}
section article#Advertising{
	text-align: center;
}
section article#Advertising ul{
	width: 500px;
	margin: auto;
	padding: 20px 50px;
}
section article#Advertising ul li{
	display: inline-block;
	margin: 0;
	padding: 0 10px;
}
section article#Advertising ul li.Line{
	display: none;
}
.fb_iframe_widget{
	top: -8px;
}

/* ------------------------------------------------------------+
// Setting Element in Section article // only Rule Faq
// ------------------------------------------------------------+*/
section#sectionRule article dl,
section#sectionFaq article dl{
	margin: 0 80px;
	padding: 20px 20px;
	
	box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1);
	
	background: #FFF4DB;
	line-height: 160%;
}
section#sectionRule article dl dt,
section#sectionFaq article dl dt{
	color: #663333;
	font-weight: bold;
}
section#sectionRule article dl dd,
section#sectionFaq article dl dd{
	padding: 10px 20px;
}

/* ------------------------------------------------------------+
// Setting Element in Form
// ------------------------------------------------------------+*/
form em.attention{
	margin: 0 10px;
	padding: 1px 3px;

	background: #FF7E00;
	border-radius: 3px;

	color: #fff;
	font-size: 11px;
}
form{
	width: 500px;
	margin: 0 auto;
	padding: 20px 0;
}
form dl{
	width: 100%;
	margin: auto;
	padding: 0!important;
}
form dl dt{
	display: block;
	width: 36%;
	float: left;

	font-weight: bold;
}
form dl dd{
	margin: 20px 0;
}
form dl dd:after{
	width: 60%;
}
form input,select,textarea{
	display: block;
	width: 60%;
	padding: 3px 0;
	border: 1px solid #000;
	border-radius: 5px;
	text-indent: 15px;
}
form button{
	display: block;
	margin: 10px auto;
	padding: 5px 10px;

	background: #666;
	border: 1px solid #000;
	border-radius: 5px;

	color: #fff;
	font-size: 13px;
	letter-spacing: 0.2em;
}


/* ------------------------------------------------------------+
// Setting Element in footer
// ------------------------------------------------------------+*/
footer{
	background: #000;
	text-align:center;
}
footer p.banner{
	padding: 20px 0 0 0;
}
footer dl{
	padding: 0 0 20px 0;
	display: inline-block;
}
footer dl *{
	color: #999;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
footer dl dt{
	margin: 7px 0 3px 0;
	background: #222;
	color: #ddd;
	letter-spacing: 0.1em;
}
footer dl dd{
	margin: 0 30px;
}
