@charset "SHIFT_JIS";

#wrapOthers .makimono {
	height: 476px;
	width: 730px;
	margin-bottom: 10px;
	background: url("../../charactor/vote/images/bg_makimono.jpg") no-repeat 45% 0;
	position: relative;
}
#wrapOthers .makimono .link {
	width: 103px;
	height: 306px;
	position: absolute;
	top: 88px;
	left: 590px;
	
}
#wrapOthers .makimono .imgBox{
	width: 503px;
	height: 433px;
	position: absolute;
	top: 6px;
	left: 34px;
	
}
#mapImg_1, #mapImg_2, #mapImg_3, #mapImg_4, #mapImg_5, #mapImg_6, #mapImg_7,
#mapList_1, #mapList_2, #mapList_3, #mapList_4, #mapList_5, #mapList_6, #mapList_7 {
	display: none;
}
#wrapOthers .makimono #mapList_default {
	width: 220px;
	position: absolute;
	top: 260px;
	left: 350px;
}
#wrapOthers .makimono #mapList {
	width: 220px;
	background: url("../../charactor/vote/images/bg_mapList.gif") no-repeat 1px 100%;
	position: absolute;
	top: 210px;
	left: 350px;
	
}
#wrapOthers .makimono #mapList table {
	width: 166px;
	margin-left: 25px;
	margin-bottom: 10px;
}
#wrapOthers .makimono #mapList table tr.area th,
#wrapOthers .makimono #mapList table tr.area td {
	padding: 3px 3px 2px ;
	background: url("../../charactor/vote/images/bg_dot.gif") no-repeat 0 100%;
	font-weight: bold;
	line-height: 1.0;
	text-align: left;
}
#wrapOthers .makimono #mapList table tr.area th {
	width: 30%;
	background: #E6E6E6 url("../../charactor/vote/images/bg_dot.gif") no-repeat 0 100%;
	white-space: nowrap !important;
	color: #6F574C;
}
#wrapOthers .makimono #mapList table tr.area th a {
	color: #6F574C;
}
#wrapOthers .makimono #mapList table tr.area td {
	width: 70%x;
	color: #DC4706;
}
#wrapOthers .makimono #mapList table tr.area td .kana {
	font-size: 0.75em;
	font-weight: normal;
	color: #D38360;
}

/*================ ここから投票 ========================*/
.selectPage,
.pickupPage,
.votePage {
	width: 703px;
	margin: 0 0 10px 13px;
	padding: 5px 0;
	background: #ffffff;
	
	}
.selectPage .areaBoxWrap,
.pickupPage .areaBoxWrap,
.votePage .areaBoxWrap {
	width: 690px;
	margin-left: 13px;
	text-align: left;
	
	}
.selectPage h3 {
	margin-top: 10px;
}
.areaName {
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	}
.areaNameR {
	margin-top:2px;
	font-size: 14px;
	font-weight: bold;
	text-align:right;
	}
.yokaiIntro {
	margin:10px 10px 15px 10px;
	font-size: 12px;
	line-height:15px;
	text-align:left;
	color:#dddddd;
	}	
.areaBox,
.submit,
.votePage .total {
	width: 335px;
	float: left;
	display: inline;
	
	}
.pickupPage .areaBox {
	min-height: 350px;
	float: none;
	display: block;
	}
.selectPage .submitBox,
.votePage .voteBox {
	width: 690px;
	margin-left: 13px;
	
	}
.votePage .voteBox {
	margin-bottom: 15px;
	}
.toOrder {
	padding: 10px 20px 4px 20px;
	text-align: right;
	
	}
.areaBox a {
	color: #0a80da;
	}
/* 投票ページ ======================================== */
	.selectPage .areaBoxWrap {
		width: 668px;
		background: url("../../charactor/vote/images/bg_select_box_long.gif") repeat-y;
		}
	.selectPage .areaBox {
		width: 167px;
		min-height: 250px;
		_height: 250px;
		background: url("../../charactor/vote/images/bg_select_box.gif") no-repeat;
		color: #ffffff;
		}
	.selectPage .areaBox .areaName {
		padding: 15px 20px 20px 20px;
		font-weight: bold;
		color: #dc4706;
		
		}
	.selectPage .areaBox .yokaiImg {
		padding: 0 0 5px 15px;
	}
	.selectPage .areaBox ul {
		width: 152px;
		padding: 0 0 0 15px;
		}
		
	.selectPage .areaBox li::after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
		}
	.selectPage .areaBox li {
		width: 152px;
		padding-bottom: 5px;
		}
	.selectPage .areaBox input {
		margin-top: 11px;
		margin-right: 5px;
		float: left;
		/* これ以降Mac IE 5のみに適用される \*//*/
		float: none;
		/* これ以降Mac IE 5以外にも適用される */ 
		}
	.selectPage .areaBox label {
		line-height: 1.3;
		display: block;
		float: left;
		/* これ以降Mac IE 5のみに適用される \*//*/
		float: right;
		/* これ以降Mac IE 5以外にも適用される */
		}
	.selectPage .rub {
		font-size: 0.75em;
		color: #a2a2a2;
		display: block;
		/* これ以降Mac IE 5のみに適用される \*//*/
		margin-bottom: 5px;
		/* これ以降Mac IE 5以外にも適用される */
		}
	.selectPage .submit .rub {
		margin-top: 7px;
		}
	.selectPage .submit {
		width: 167px;
		height: 45px;
		background: url("../../charactor/vote/images/bg_btn_select.gif") no-repeat;
		text-align: center;
		color: #ffffff;
		}
/* ======================================== 投票ページ */

/* 投票結果ページ ======================================== */
	.votePage .areaBoxWrap {
		width: 670px;
		background: url("../../charactor/vote/images/bg_vote_box_long.gif") repeat-y;
		}
	.pickupPage .areaBox {
		width: 671px;
		min-height: 380px;
		_height: 380px;
		margin-left: 13px;
		padding-bottom: 40px;
		background: url("../../charactor/vote/images/picup_bg.gif") left bottom no-repeat;
		text-align: left;
		/* これ以降Mac IE 5のみに適用される \*//*/
		height: 380px;
		/* これ以降Mac IE 5以外にも適用される */
		}
	.votePage .areaBoxWrap .areaBox {
		width: 335px;
		/*margin-left: 17px;*/
		background: url("../../charactor/vote/images/bg_vote_box.gif") no-repeat;
		}
	.pickupPage .areaName,
	.votePage .areaName {
		font-weight: bold;
		color: #dc4706;
		}
	.pickupPage .areaName {
		width: 671px;
		height: 74px;
		padding-bottom: 0;
		background: url("../../charactor/vote/images/picup_head.gif") no-repeat;
		font-size: 1.2em;
		line-height: 74px;
		text-indent: 30px;
		}
	.pickupPage .voteHead {
		height: 60px;
		padding-bottom: 0;
		background: url("../../charactor/vote/images/picup_head_vote.gif") no-repeat;
		line-height: 60px;
		}
	.votePage .areaName {
		margin-top: 20px;
		margin-left: 17px;
		}
	.pickupPage .areaBox #attentionBg {
		width: 671px;
		background: url("../../charactor/vote/images/attention_bg.gif") repeat-y;
		}
	.pickupPage .areaBox .read {
		margin-left: 60px;
		margin-right: 60px;
		padding-bottom: 5px;
		color: #f0efef;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
		}
	.pickupPage .areaBox table {
		width: 410px;
		margin-top: 15px;
		margin-left: 110px;
		background: url("../../charactor/vote/images/qa_mark.gif") 50% 50% no-repeat;
		}
	.votePage .areaBox table {
		width: 300px;
		margin-top: 20px;
		margin-left: 17px;
		}
	.pickupPage .areaBox td,
	.votePage .areaBox td {
		background: url("../../charactor/vote/images/dotte_vote.gif") left bottom repeat-x;
		vertical-align: top;
		}
	.pickupPage .areaBox th,
	.votePage .areaBox th {
		background: url("../../charactor/vote/images/dotte_vote.gif") left bottom repeat-x;
		vertical-align: top;
		}
	.pickupPage .areaBox td img,
	.votePage .areaBox td img,
	.pickupPage .areaBox td p,
	.votePage .areaBox td p {
		margin-top: 5px;
		}
	.pickupPage .areaBox td p,
	.votePage .areaBox td p {
		margin-top: 8px;
		}
	.pickupPage .areaBox th p,
	.votePage .areaBox th p {
		width: 115px;
		margin-top: 5px;
		padding-top: 5px;
		margin-left: 12px;
		background: url("../../charactor/vote/images/bt_vote_name_head.gif") left top no-repeat;
		text-align: right;
		}
	.pickupPage .areaBox th span,
	.votePage .areaBox th span {
		padding-bottom: 7px;
		padding-right: 2px;
		background: url("../../charactor/vote/images/bt_vote_name_bottom.gif") left bottom no-repeat;
		display: block;
		}
	.pickupPage .voteBox {
		width: 245px;
		height: 37px;
		margin: 3px auto 0 auto;
		background: url("../../charactor/vote/images/bg_kekka.gif") left top no-repeat;
		}
		.pickupPage .total {
			font-weight: bold;
			color: #dc4706;
			text-align: center;
			}
	.pickupPage .voteBox .total {
		line-height: 37px;
		font-weight: bold;
		color: #dc4706;
		text-align: center;
		}
		.votePage .total {
			width: 335px;
			height: 58px;
			background: url("../../charactor/vote/images/bg_btn_vote.gif") no-repeat;
			}
		.votePage .total p {
			margin-top: 30px;
			font-weight: bold;
			color: #dc4706;
			text-align: center;
			}
	/* == TABLE 詳細グループ設定 == */
	.pickupPage .voteName,
	.votePage .voteName {
		width: 130px;
		}
	.votePage .voteBar {
		width: 100px;
		}
	.pickupPage .voteBar {
		width: 230px;
		}
	.pickupPage .areaBox col.voteValue
	.votePage .areaBox col.voteValue {
		width: 50px;
		text-indent: 10px;
		text-align: right;
		}
	.pickupPage .orderBox {
		width: 500px;
		margin: 0 auto;
		text-align: left;
	}
	.pickupPage .orderBox th,
	.pickupPage .orderBox td {
		padding-top: 10px;
		padding-bottom: 3px;
		background: url("../../charactor/vote/images/dotte_vote.gif") left bottom repeat-x;
		}
	.pickupPage .attention {
		color: #dc0606;
	}
	.votePage .clear {
		width: 100%;
	}
/* ======================================== 投票結果ページ */
label {
	cursor: pointer;
	}
.point {
	padding-right: 5px;
	color: #c00918;
	text-align: right;
	}
.oyajiComent {
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
	}
	
/* ======================================== 各キャラクター紹介ページ */

.selectPage .nurarihyon .areaBox .areaName {
	color: #2D5811;
}
.selectPage .nurarihyon .areaBox {
	background: url("../../charactor/images/bg_select_box_nurarihyon.gif") no-repeat;
}
.selectPage .chugoku .areaBox .areaName {
	color: #591D75;
}
.selectPage .chugoku .areaBox {
	background: url("../../charactor/images/bg_select_box_chugoku.gif") no-repeat;
}
.selectPage .seiyo .areaBox .areaName {
	color: #0B56D8;
}
.selectPage .seiyo .areaBox {
	background: url("../../charactor/images/bg_select_box_seiyo.gif") no-repeat;
}
.selectPage .nanpo .areaBox .areaName {
	color: #0E7270;
}
.selectPage .nanpo .areaBox {
	background: url("../../charactor/images/bg_select_box_nanpo.gif") no-repeat;
}
.selectPage .subchara .areaBox .areaName {
	color: #D6268B;
}
.selectPage .subchara .areaBox {
	background: url("../../charactor/images/bg_select_box_subchara.gif") no-repeat;
}
.selectPage .shizyu .areaBox .areaName {
	color: #c79b00;
}
.selectPage .shizyu .areaBox {
	background: url("../../charactor/images/bg_select_box_47.gif") no-repeat;
}

hr {
	width: 100%;
	display: none;
	}
/*=サブキャラのタブ=========================================*/
#centerBox .tab {
	margin-left: 13px;
	margin-top: 5px;
}