@charset "UTF-8";


/*----------------------------------------------------------

local-nav

----------------------------------------------------------*/
#local-nav ul {
	position: absolute;
	left: 8px;
	top: 0px;
}

#local-nav li {
}

#local-nav li a,
#local-nav li span {
	display: block;
	background-image: url(../img/community_nav.png);
	width: 232px;
	text-indent: -9999em;
	position: relative;
}

#local-nav li .new {
	background: url(../img/new.png) no-repeat;
	width: 51px;
	height: 22px;
	text-indent: -9999em;
	position: absolute;
	left: -6px;
	top: 50px;
}

/*----- ユーザーコメント広場 -----*/
#local-nav li.comment a {
	background-position: -0px -0px;
	height: 70px;
}

#local-nav li.comment a:hover,
#local-nav li.comment .selected {
	background-position: -232px -0px;
	height: 70px;
}

#local-nav li.comment .new {
	visibility: hidden;
}

/*----- イラストコンテスト -----*/
#local-nav li.illust a {
	background-position: -0px -70px;
	height: 74px;
}

#local-nav li.illust a:hover,
#local-nav li.illust .selected {
	background-position: -232px -70px;
	height: 74px;
}

#local-nav li.illust .new {
	visibility: hidden;
}

/*----- 日本一の思い出大募集！ -----*/
#local-nav li.memories a {
	background-position: -0px -144px;
	height: 74px;
}

#local-nav li.memories a:hover,
#local-nav li.memories .selected {
	background-position: -232px -144px;
	height: 74px;
}

#local-nav li.memories .new {
	visibility: hidden;
}

/*----- 日本一のキャラは誰だ!? -----*/
#local-nav li.character a {
	background-position: -0px -216px;
	height: 72px;
}

#local-nav li.character a:hover,
#local-nav li.character .selected {
	background-position: -232px -216px;
	height: 72px;
}

#local-nav li.character .new {
/*	visibility: hidden;*/
}

/*----------------------------------------------------------

content

----------------------------------------------------------*/
#content {
	background-image: url(../img/bg.png);
	background-position: center center;
	background-repeat: repeat-y;
}

#content #main {
	position: relative;
	margin-left: 276px;
	margin-top: 8px;
}

#content #main p {
	text-indent: -9999em;
}

#content .back-btn a {
	display: block;
	background-image: url(../img/community_btn_back.png);
	width: 51px;
	height: 51px;
	text-indent: -9999em;
}

#content .back-btn a:hover {
	background-position: -0px -51px;
}

/*----- comment.html -----*/
#comment #content {
	background-image: none;
}

#comment #local-nav ul {
	position: absolute;
	left: 8px;
	top: 39px;
}

#comment #content {
	padding-top: 0px;
	padding-bottom: 0px;
}

#comment #footer {
	height: 262px;	/* 285px - 23px */
}

/*----------------------------------------------------------

illust.html

----------------------------------------------------------*/
#illust #main p {
	background-image: url(../img/community_illust_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 527px;
	margin-bottom: 10px;
}

#illust .new {
	position: absolute;
	left: 523px;
	top: 0px;
}

#illust .illust1-btn {
	position: absolute;
	left: 44px;
	top: 402px;
}

#illust .illust1-btn a {
	display: block;
	background-image: url(../img/community_illust_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	position: relative;
}

#illust .illust1-btn a:hover {
	background-position: -0px -96px;
}

#illust .illust1-btn .new {
	visibility: hidden;
}

#illust .illust2-btn {
	position: absolute;
	left: 44px;
	top: 284px;
}

#illust .illust2-btn a {
	display: block;
	background-image: url(../img/community_illust_btn01.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
}

#illust .illust2-btn a:hover {
	background-position: -0px -96px;
}

#illust .illust2-btn .new {
	visibility: hidden;
}

#illust .illust3-btn {
	position: absolute;
	left: 44px;
	top: 166px;
}

#illust .illust3-btn a {
	display: block;
	background-image: url(../img/community_illust_btn02.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
}

#illust .illust3-btn a:hover {
	background-position: -0px -96px;
}

#illust .illust3-btn .new {
/*	visibility: hidden;*/
}

/*----------------------------------------------------------

illust1.html

----------------------------------------------------------*/
#illust1 #main p {
	background-image: url(../img/community_illust1_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 2596px;
	margin-bottom: 10px;
}

#illust1 .application-btn {
	position: absolute;
	left: 173px;
	top: 2147px;
}

#illust1 .application-btn a {
	display: block;
	background-image: url(../img/community_illust_btn_application.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#illust1 .application-btn a:hover {
	background-position: -0px -58px;
}

#illust1 .back-btn {
	position: absolute;
	left: 604px;
	top: 2532px;
}

/*----------------------------------------------------------

illust2.html

----------------------------------------------------------*/
#illust2 #main p {
	background-image: url(../img/community_illust2_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 2531px;
	margin-bottom: 10px;
}

#illust2 .application-btn {
	position: absolute;
	left: 173px;
	top: 2117px;
}

#illust2 .application-btn a {
	display: block;
	background-image: url(../img/community_illust_btn_application.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#illust2 .application-btn a:hover {
	background-position: -0px -58px;
}

#illust2 .back-btn {
	position: absolute;
	left: 604px;
	top: 2467px;
}

/*----------------------------------------------------------

illust3.html

----------------------------------------------------------*/
#illust3 #main p {
	background-image: url(../img/community_illust3_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 2852px;
	margin-bottom: 10px;
}

#illust3 .application-btn {
	position: absolute;
	left: 173px;
	top: 2205px;
}

#illust3 .application-btn a {
	display: block;
	background-image: url(../img/community_illust_btn_application.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#illust3 .application-btn a:hover {
	background-position: -0px -58px;
}

#illust3 .back-btn {
	position: absolute;
	left: 604px;
	top: 2793px;
}

#illust3 .illust1-btn {
	position: absolute;
	left: 44px;
	top: 2467px;
}

#illust3 .illust1-btn a {
	display: block;
	background-image: url(../img/community_illust3_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	position: relative;
}

#illust3 .illust1-btn a:hover {
	background-position: -0px -96px;
}

/*----------------------------------------------------------

memories.html

----------------------------------------------------------*/
#memories #main p {
	background-image: url(../img/community_memories_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 856px;
	margin-bottom: 10px;
}

#memories .link-button {
	position: absolute;
	left: 97px;
	top: 233px;
}

#memories .link-button a {
	display: block;
	background-image: url(../img/community_memories_btn00.png);
	width: 101px;
	height: 24px;
	text-indent: -9999em;
}

#memories .link-button a:hover {
	background-position: -0px -24px;
}

#memories .application-button {
	position: absolute;
	left: 134px;
	top: 741px;
}

#memories .application-button a {
	display: block;
	background-image: url(../img/community_memories_btn02.png);
	width: 401px;
	height: 52px;
	text-indent: -9999em;
}

#memories .application-button a:hover {
	background-position: -0px -52px;
}

/*----------------------------------------------------------

character.html

----------------------------------------------------------*/
#character #main p {
	background-image: url(../img/community_character_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 668px;
	margin-bottom: 10px;
}

#character .new {
	position: absolute;
	left: 523px;
	top: 0px;
}

#character .heroine-btn {
	position: absolute;
	left: 44px;
	top: 479px;
}

#character .heroine-btn a {
	display: block;
	background-image: url(../img/community_character_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	position: relative;
}

#character .heroine-btn a:hover {
	background-position: -0px -96px;
}

#character .heroine-btn .new {
	visibility: hidden;
}

#character .hero-btn {
	position: absolute;
	left: 44px;
	top: 362px;
}

#character .hero-btn a {
	display: block;
	background-image: url(../img/community_character_btn01.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
}

#character .hero-btn a:hover {
	background-position: -0px -96px;
}

#character .hero-btn .new {
	visibility: hidden;
}

#character .mascot-btn {
	position: absolute;
	left: 44px;
	top: 245px;
}

#character .mascot-btn a {
	display: block;
	background-image: url(../img/community_character_btn02.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
}

#character .mascot-btn a:hover {
	background-position: -0px -96px;
}

#character .mascot-btn .new {
	visibility: hidden;
}

#character .popular-btn {
	position: absolute;
	left: 44px;
	top: 128px;
}

#character .popular-btn a {
	display: block;
	background-image: url(../img/community_character_btn03.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
}

#character .popular-btn a:hover {
	background-position: -0px -96px;
}

#character .popular-btn .new {
/*	visibility: hidden;*/
}

/*----------------------------------------------------------

heroine.html

----------------------------------------------------------*/
#heroine #main p {
	background-image: url(../img/community_heroine_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 854px;
	margin-bottom: 10px;
}

#heroine .link-btn {
	position: absolute;
	left: 95px;
	top: 262px;
}

#heroine .link-btn a {
	display: block;
	background-image: url(../img/community_heroine_btn00.png);
	width: 256px;
	height: 24px;
	text-indent: -9999em;
}

#heroine .link-btn a:hover {
	background-position: -0px -24px;
}

#heroine .vote-btn {
	position: absolute;
	left: 168px;
	top: 759px;
}

#heroine .vote-btn a {
	display: block;
	background-image: url(../img/community_character_btn_vote.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#heroine .vote-btn a:hover {
	background-position: -0px -58px;
}

#heroine .result-btn {
	position: absolute;
	left: 168px;
	top: 694px;
}

#heroine .result-btn a {
	display: block;
	background-image: url(../img/community_character_btn_result.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#heroine .result-btn a:hover {
	background-position: -0px -58px;
}

#heroine .back-btn {
	position: absolute;
	left: 604px;
	top: 790px;
}

/*----------------------------------------------------------

hero.html

----------------------------------------------------------*/
#hero #main p {
	background-image: url(../img/community_hero_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 882px;
	margin-bottom: 10px;
}

#hero .link-btn {
	position: absolute;
	left: 95px;
	top: 262px;
}

#hero .link-btn a {
	display: block;
	background-image: url(../img/community_hero_btn00.png);
	width: 256px;
	height: 24px;
	text-indent: -9999em;
}

#hero .link-btn a:hover {
	background-position: -0px -24px;
}

#hero .vote-btn {
	position: absolute;
	left: 168px;
	top: 828px;
}

#hero .vote-btn a {
	display: block;
	background-image: url(../img/community_character_btn_vote.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#hero .vote-btn a:hover {
	background-position: -0px -58px;
}

#hero .result-btn {
	position: absolute;
	left: 168px;
	top: 724px;
}

#hero .result-btn a {
	display: block;
	background-image: url(../img/community_character_btn_result.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#hero .result-btn a:hover {
	background-position: -0px -58px;
}

#hero .back-btn {
	position: absolute;
	left: 604px;
	top: 818px;
}

/*----- mascot.html -----*/
#mascot #main p {
	background-image: url(../img/community_mascot_txt00.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 669px;
	height: 878px;
	margin-bottom: 10px;
}

#mascot .link-btn {
	position: absolute;
	left: 95px;
	top: 262px;
}

#mascot .link-btn a {
	display: block;
	background-image: url(../img/community_mascot_btn00.png);
	width: 314px;
	height: 24px;
	text-indent: -9999em;
}

#mascot .link-btn a:hover {
	background-position: -0px -24px;
}

#mascot .vote-btn {
	position: absolute;
	left: 168px;
	top: 828px;
}

#mascot .vote-btn a {
	display: block;
	background-image: url(../img/community_character_btn_vote.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#mascot .vote-btn a:hover {
	background-position: -0px -58px;
}

#mascot .result-btn {
	position: absolute;
	left: 168px;
	top: 724px;
}

#mascot .result-btn a {
	display: block;
	background-image: url(../img/community_character_btn_result.png);
	width: 319px;
	height: 58px;
	text-indent: -9999em;
}

#mascot .result-btn a:hover {
	background-position: -0px -58px;
}

#mascot .back-btn {
	position: absolute;
	left: 604px;
	top: 814px;
}

/*----------------------------------------------------------

result1.html

----------------------------------------------------------*/
#result1 hr {
	border: solid  #692235;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	margin: 20px auto;
	clear: both;
}

#result1 #wrapper {
	width: 745px;
	margin: 8px auto;
}

#result1 h1 {
	background-image: url(../img/community_result1_title.png);
	width: 745px;
	height: 266px;
	text-indent: -999em;
	margin-bottom: 20px;
}

#result1 p {
	position: relative;
}

#result1 .img00 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result1 .txt00 {
	background-image: url(../img/community_result1_txt00.png);
	width: 745px;
	height: 623px;
	text-indent: -999em;
	margin: 20px 0px 0px 0px;
}

#result1 .pop00 {
	position: absolute;
	left: 47px;
	top: 105px;
}

#result1 .txt01 {
	background-image: url(../img/community_result1_txt01.png);
	width: 745px;
	height: 1162px;
	text-indent: -999em;
	margin: 20px 0px 0px 0px;
}

#result1 .pop01 {
	position: absolute;
	left: 48px;
	top: 115px;
}

#result1 .pop02 {
	position: absolute;
	left: 47px;
	top: 472px;
}

#result1 .pop03 {
	position: absolute;
	left: 48px;
	top: 775px;
}

#result1 .txt02 {
	background-image: url(../img/community_result1_txt02.png);
	width: 745px;
	height: 580px;
	text-indent: -999em;
	margin: 20px 0px 20px 0px;
}

#result1 .pop04 {
	position: absolute;
	left: 55px;
	top: 113px;
}

#result1 .pop05 {
	position: absolute;
	left: 310px;
	top: 113px;
}

#result1 .pop06 {
	position: absolute;
	left: 546px;
	top: 113px;
}

#result1 .pop07 {
	position: absolute;
	left: 55px;
	top: 338px;
}

#result1 .pop08 {
	position: absolute;
	left: 342px;
	top: 338px;
}

#result1 .pop09 {
	position: absolute;
	left: 502px;
	top: 338px;
}

#result1 .img01 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result1 .txt03 {
	display: block;
	background-image: url(../img/community_result1_txt03.png);
	width: 553px;
	height: 39px;
	text-indent: -999em;
	margin-left: 60px;
}

#result1 .txt04 {
	display: block;
	background-image: url(../img/community_result1_txt04.png);
	width: 546px;
	height: 117px;
	text-indent: -999em;
	margin: 25px auto 20px auto;
}

#result1 .link-btn-result2 a {
	display: block;
	background-image: url(../img/community_result2_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	display: block;
	margin: 20px auto 0 auto;
}

#result1 .link-btn-result2 a:hover {
	background-position: -0px -96px;
}

#result1 .link-btn-result3 a {
	display: block;
	background-image: url(../img/community_result3_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	display: block;
	margin: 5px auto 0 auto;
}

#result1 .link-btn-result3 a:hover {
	background-position: -0px -96px;
}

#result1 .copyright {
	background-image: url(../img/copyright.png);
	width: 166px;
	height: 13px;
	text-indent: -999em;
	margin: 0px auto;
}

/*----------------------------------------------------------

result2.html

----------------------------------------------------------*/
#result2 hr {
	border: solid  #692235;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	margin: 20px auto;
	clear: both;
}

#result2 #wrapper {
	width: 745px;
	margin: 8px auto;
}

#result2 h1 {
	background-image: url(../img/community_result2_title.png);
	width: 745px;
	height: 266px;
	text-indent: -999em;
	margin-bottom: 20px;
}

#result2 p {
	position: relative;
}

#result2 .img00 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result2 .txt00 {
	background-image: url(../img/community_result2_txt00.png);
	width: 745px;
	height: 623px;
	text-indent: -999em;
	margin: 20px 0px 0px 0px;
}

#result2 .pop00 {
	position: absolute;
	left: 46px;
	top: 120px;
}

#result2 .txt01 {
	background-image: url(../img/community_result2_txt01.png);
	width: 745px;
	height: 1243px;
	text-indent: -999em;
	margin: 20px 0px 0px 0px;
}

#result2 .pop01 {
	position: absolute;
	left: 47px;
	top: 115px;
}

#result2 .pop02 {
	position: absolute;
	left: 46px;
	top: 495px;
}

#result2 .pop03 {
	position: absolute;
	left: 47px;
	top: 858px;
}

#result2 .txt02 {
	background-image: url(../img/community_result2_txt02.png);
	width: 745px;
	height: 580px;
	text-indent: -999em;
	margin: 20px 0px 20px 0px;
}

#result2 .pop04 {
	position: absolute;
	left: 47px;
	top: 114px;
}

#result2 .pop05 {
	position: absolute;
	left: 283px;
	top: 114px;
}

#result2 .pop06 {
	position: absolute;
	left: 572px;
	top: 114px;
}

#result2 .pop07 {
	position: absolute;
	left: 47px;
	top: 331px;
}

#result2 .pop08 {
	position: absolute;
	left: 387px;
	top: 331px;
}

#result2 .pop09 {
	position: absolute;
	left: 554px;
	top: 331px;
}

#result2 .img01 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result2 .txt03 {
	display: block;
	background-image: url(../img/community_result2_txt03.png);
	width: 553px;
	height: 39px;
	text-indent: -999em;
	margin-left: 60px;
}

#result2 .txt04 {
	display: block;
	background-image: url(../img/community_result2_txt04.png);
	width: 546px;
	height: 117px;
	text-indent: -999em;
	margin: 25px auto 20px auto;
}

#result2 .img01 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result2 .link-btn-result1 a {
	display: block;
	background-image: url(../img/community_result1_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	display: block;
	margin: 20px auto 0 auto;
}

#result2 .link-btn-result1 a:hover {
	background-position: -0px -96px;
}

#result2 .link-btn-result3 a {
	display: block;
	background-image: url(../img/community_result3_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	display: block;
	margin: 5px auto 0 auto;
}

#result2 .link-btn-result3 a:hover {
	background-position: -0px -96px;
}

#result2 .copyright {
	background-image: url(../img/copyright.png);
	width: 166px;
	height: 13px;
	text-indent: -999em;
	margin: 0px auto;
}

/*----------------------------------------------------------

result3.html

----------------------------------------------------------*/
#result3 hr {
	border: solid  #692235;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	margin: 20px auto;
	clear: both;
}

#result3 #wrapper {
	width: 745px;
	margin: 8px auto;
}

#result3 h1 {
	background-image: url(../img/community_result3_title.png);
	width: 745px;
	height: 266px;
	text-indent: -999em;
	margin-bottom: 20px;
}

#result3 p {
	position: relative;
}

#result3 .img00 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result3 .txt00 {
	background-image: url(../img/community_result3_txt00.png);
	width: 745px;
	height: 654px;
	text-indent: -999em;
	margin: 20px 0px 0px 0px;
}

#result3 .pop00 {
	position: absolute;
	left: 174px;
	top: 113px;
}

#result3 .txt01 {
	background-image: url(../img/community_result3_txt01.png);
	width: 745px;
	height: 1209px;
	text-indent: -999em;
	margin: 20px 0px 0px 0px;
}

#result3 .pop01 {
	position: absolute;
	left: 47px;
	top: 115px;
}

#result3 .pop02 {
	position: absolute;
	left: 46px;
	top: 454px;
}

#result3 .pop03 {
	position: absolute;
	left: 47px;
	top: 814px;
}

#result3 .txt02 {
	background-image: url(../img/community_result3_txt02.png);
	width: 745px;
	height: 580px;
	text-indent: -999em;
	margin: 20px 0px 20px 0px;
}

#result3 .pop04 {
	position: absolute;
	left: 52px;
	top: 114px;
}

#result3 .pop05 {
	position: absolute;
	left: 272px;
	top: 114px;
}

#result3 .pop06 {
	position: absolute;
	left: 560px;
	top: 114px;
}

#result3 .pop07 {
	position: absolute;
	left: 52px;
	top: 331px;
}

#result3 .pop08 {
	position: absolute;
	left: 309px;
	top: 331px;
}

#result3 .pop09 {
	position: absolute;
	left: 557px;
	top: 331px;
}

#result3 .img01 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result3 .txt03 {
	display: block;
	background-image: url(../img/community_result3_txt03.png);
	width: 553px;
	height: 39px;
	text-indent: -999em;
	margin-left: 60px;
}

#result3 .txt04 {
	display: block;
	background-image: url(../img/community_result3_txt04.png);
	width: 546px;
	height: 117px;
	text-indent: -999em;
	margin: 25px auto 20px auto;
}

#result3 .img01 {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

#result3 .link-btn-result1 a {
	display: block;
	background-image: url(../img/community_result1_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	display: block;
	margin: 20px auto 0 auto;
}

#result3 .link-btn-result1 a:hover {
	background-position: -0px -96px;
}

#result3 .link-btn-result2 a {
	display: block;
	background-image: url(../img/community_result2_btn00.png);
	width: 574px;
	height: 96px;
	text-indent: -9999em;
	display: block;
	margin: 5px auto 0 auto;
}

#result3 .link-btn-result2 a:hover {
	background-position: -0px -96px;
}

#result3 .copyright {
	background-image: url(../img/copyright.png);
	width: 166px;
	height: 13px;
	text-indent: -999em;
	margin: 0px auto;
}