﻿@charset "utf-8";
/* ============================================================+
//
// 2015.5.24
// These Stylesheet written by SENOarika. 
// [ ありや - http://imoni.org/ ]
//
// ============================================================+*/
/* ------------------------------------------------------------+
// Preset Element
// ------------------------------------------------------------+*/
*{
	font-size: 16px!important;
}

/* ------------------------------------------------------------+
// Setting Block Layout
// ------------------------------------------------------------+*/
header,
section,
footer{
	width: 100%;
}
header{
	height: 200px;
	background: #5F1314;
	background: url("../img/bnr1000_600.png") no-repeat 10% 10%;
	background-size: 500px 300px;
}
header *{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

/* ------------------------------------------------------------+
// Setting Element in header
// ------------------------------------------------------------+*/
h1 a{
	display: block;
	padding: 90px 0 0 0;
	height: 110px;

	background: rgba(95,20,20,0.9) url("../img/gateSp.png") 50% 50% no-repeat;
	background-size: 150px;
	opacity: 0.9;

	color: #fff;
	font-size: 20px!important;
	letter-spacing:0.1em;
	text-align: center;
}
#HeldPeriod{
	display: none;
}

/* ------------------------------------------------------------+
// Setting Element in aside#GlobalNavi
// ------------------------------------------------------------+*/
aside#GlobalNavi{
	height: 30px;
	position: relative;
	z-index: 0;
}
aside#GlobalNavi ul{
	position: absolute;
	top: 1px;
	right: 0;
}
aside#GlobalNavi ul li.menuB{
	display: block;

	padding: 14px;

	color: #5F1314;
	font-weight: bold;
	text-align: right;
}
aside#GlobalNavi ul li{
	display: none;

	opacity: 0.9;
	outline: 1px solid #ddd;
}
aside#GlobalNavi ul li a{
	display: block;
	padding: 14px;

	background: #5F1314;

	color: #fff;
	font-size:14px!important;
	text-align: center;
}

/* ------------------------------------------------------------+
// Setting Element's Preset in Section 
// ------------------------------------------------------------+*/
h2{
	margin: 50px 0 0 0;
	padding: 0 10px;
	border-left: 50px solid #ddd;
	border-right: 50px solid #ddd;

	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
}
h3{
	margin: 30px 0 10px 0;
	padding: 3px 0;
	color: #000000;
	font-size: 20px!important;
}

article{
	margin: 0 5%;
}
p{
	margin: 15px 0;
	line-height: 160%;
}
section dl{
	margin: 20px 0;
	padding: 5%;
	background: #FFF4DB;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2);
}
section dl dt{
	color: #5F1314;
	font-weight: bold;
}
section dl dd{
	margin: 3%;
}
section ul{
	margin: 0 30px;
}
section ul li{
	list-style: square;
}

section#sectionRule article ul li{
 list-style:none;
}

section#sectionRule article ul li:nth-child(3){
 display:none;
}

/* ------------------------------------------------------------+
// Setting Element in Article // only Index
// ------------------------------------------------------------+*/
article#VoteDoneHere p.Timer1, article#VoteDoneHere p.Timer2{
	font-weight: bold;
	text-align: center;
}
article#VoteDoneHere p.Timer1 time, article#VoteDoneHere p.Timer2 time{
	display: block;
	font-size: 20px!important;
	line-height: 160%;
}
article#VoteDoneHere p.Timer1 time div *, article#VoteDoneHere p.Timer2 time div *{
	font-size: 16px!important;
}
article#Advertising ul{
	text-align: center;
}
article#Advertising ul li{
	display: inline-block;
	width: 45%;
	padding: 10px 0;
	text-align:center;
}
article#Advertising ul li.FaceB,
article#Advertising ul li.Gplus{
	display: block;
	width: 90%;
}
article#Advertising aside{
	display: none;
}
a#Vote{
	display: block;
	width: 80%;
	margin: auto;
	padding: 10px;

	border: 1px solid #000;
	background: #5F1314;
	box-shadow: 0 1px 0 1px rgba(0,0,0,0.3);

	color: #fff;
	text-align: center;
}
a#Vote:hover{
	text-decoration: none;
}
section ul.banner li{
	list-style: none;
}
section ul.banner li:nth-child(3){
	display: none;
}
/* ------------------------------------------------------------+
// Setting Element in Form
// ------------------------------------------------------------+*/
form em.attention{
	margin: 0 10px;
	padding: 2px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	color: #FF7600;
}
input,select,textarea{
	border: 1px solid #999;
	width: 100%;
}
button{
	display: block;
	width: 70%;
	margin: auto;
	background: #628CFF;
	border: 1px solid #000;
	color: #fff;
}

/* ------------------------------------------------------------+
// Setting Element in Footer
// ------------------------------------------------------------+*/
footer{
	margin: 100px 0 0 0;
	padding: 20px 0 20px 0;
	background: #000;
	text-align: center;
}
footer *{
	color: #999;
	font-size: 13px;
	line-height: 160%;
}
footer p.banner img{
	width: 100%;
}
footer dl{
	width:100%;
}
footer dl dt{
	background: #222;
	margin: 7px 0 3px 0;
	color: #bbb;
}
footer dl dd a{
	color: #bbb;
}

/* ------------------------------------------------------------+
// Setting Element in scrollUp
// ------------------------------------------------------------+*/
div.scrollUp{
	position: fixed;
	bottom:30px;
	right:10px;
	width: 30px;
	padding: 5px 0;
	opacity: 0.2;

	background: #999;
	border-radius: 20px;
}
div.scrollUp:hover{
	opacity: 1.0;
}
div.scrollUp p{
	margin:0;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}
div.result_comment p{
	word-break: break-all;
} 