@charset "utf-8";

/* -------------------------------------------- */
/* -----------全体の設定（文字など）----------- */
/* -------------------------------------------- */


/* ------------特定のタグに設定---------- */
body {
	font-size: 10pt;
	color: #444444;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	margin:0px;
	padding:0px;
	background-attachment: fixed;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.container .page_one #p1_right #floor_title {
	background-image: url(img/floor_title.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 321px;
}

h1,h2,h3,h4 {color: #000000;}
h2 {
	font-size: 16pt;
}
h4 {}

strong{color: #FF6600;}
em{
	color: #6666FF;
	font-style: normal;
}


em,div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

A{
/*\*/
   overflow: hidden;
/**/
	color: #FF1A00;
}
A:visited{color: #FF1A00}
A:active{color: #FED000}
A:hover{text-decoration:none;color: #FF1A00}


/*　---------------classに設定 -----------*/
.alt{position:absolute;top:-5000px;left:-999px;}
.clearfloat{
	height:0px;
	font-size:1%;
	clear:both;
	display:block;
}

.chara_name {
	font-size: 12px;
	font-weight: bold;
}
.furi {
	font-size:11px;
	font-weight: normal;
}
.chara {color: #FF9999;}
.border {
	margin-top: 12px;
	margin-bottom: 12px;
}
.hide {display:none;}


/* --------------個別に設定------------- */
.container .page_two h5 {color: #6666FF;}




/* -------------------------------------------- */
/* --------全体の設定（レイアウトなど）-------- */
/* -------------------------------------------- */


/* --------container-------- */

.container {
	width: 893px;
	border: 1px solid #7F7F7F;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFFFFF;
}

/* ----------header-------- */

.header {
	width: 893px;
	text-align: left;
	background-image: url(img/top_bg.jpg);
	background-repeat: repeat-x;
	margin-bottom:16px;
}

.board {
}


/* ----------page0--------- */
.page_zero {
	width: 863px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.page_zero li {
	float: left;
	width: 141px;
}
.page_zero ul {
	width: 863px;
	list-style-type: none;
	height: 130px;
	margin-top: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin: 0;
	padding: 0;
}


.container .page_zero h2 a {
	background-image: url(img/stamp_info/title_stamp.gif);
	display: block;
	height: 130px;
	width: 580px;
	background-repeat: no-repeat;
}






/* ----------page1--------- */

.page_one {
	width: 863px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.container .page_one #p1_left {
	float: left;
	width: 524px;
}
.container .page_one #p1_right {
	float: left;
	width: 339px;
	background-image: url(img/floor_bg1.gif);
	background-repeat: repeat-y;
}
.container .page_one #p1_right2 {
	float: left;
	width: 339px;
	background-image: url(img/floor_bg2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.container .page_one #p1_right #hills {
	height: 357px;
	width: 145px;
	float: left;

}
.container .page_one #p1_right #setsumei {
	float: left;
	width: 165px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.container .page_one #p1_right #p1_right2 #setsumei .explain {
	font-size: 12px;
	line-height: 1.2em;
}
.container .page_one #p1_left .explain {
	line-height: 1.5em;
	padding-bottom: 10px;
}
.container .page_one #p1_right #p1_right2 #setsumei .explain {
	line-height: 1.1em;
	font-size: 10px;
}
.container .page_one #p1_left .explain .explain2 {
	width: 514px;
}

.container .page_one #p1_left strong {
	font-size: 24px;
}

.container .page_one #p1_right #p1_right2 #setsumei strong {
	font-size: 14px;
	line-height: 1.2em;
}
.container .page_one #p1_right #p1_right2 #hills img {
	margin-left: 14px;
}
.container .page_one #p1_left .chara {
	width: 100px;
	float: right;
	font-size: 10px;
	text-align:center;
}








/* ----------page2---------- */
.page_two {
	width: 863px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(img/p2_illust.jpg);
	background-repeat: no-repeat;
}
.container .page_two #p2_left #fuki1 .text1 h4 {
	font-size: larger;
}
.container .page_one #p1_right #p1_right2 #setsumei strong {
	margin-top: 10px;
}
.container .page_one #p1_right #p1_right2 #setsumei h4 {
}
.container .page_one #p1_right #p1_right2 #setsumei h4 {
	margin-top: 2px;
}
.container .page_two #p2_left #fuki1 .text1 h4 {
	background-image: url(img/mongon2.gif);
	display: block;
	height: 62px;
	width: 166px;
	background-repeat: no-repeat;
	background-position: 5px;
}
.container .page_two #p2_left #fuki2 .text1 h3 {
	background-image: url(img/mongon3.gif);
	display: block;
	height: 40px;
	width: 132px;
	background-repeat: no-repeat;
}
.container .page_two #p2_left #fuki3 .text1 h3 {
	background-image: url(img/mongon4.gif);
	display: block;
	height: 59px;
	width: 200px;
	background-repeat: no-repeat;
}

.mongon {
	margin-top: 10px;
}

.container .page_two #p2_right #title h2 {
	background-image: url(img/mongon1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 77px;
	width: 489px;
	margin-bottom: 18px;
	margin-top: 18px;
}

.container .page_one #p1_left strong {
	background-repeat: no-repeat;
	display: block;
	background-image: url(img/setumei1.gif);
	height: 19px;
	width: 312px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#fuki1,#fuki2,#fuki3,#fuki4 {
	height: 100px;
	width: 350px;
	position:absolute;
}
.container .page_two #p2_left #fuki1 .text1 {
	position:absolute;
	left: 8px;
	top: 40px;
	width: 180px;
	height:70px;
	overflow:auto;
}
.container .page_two #p2_left #fuki1 .pic1 {
	position:absolute;
	left: 8px;
	top: 112px;
	width: 175px;
	height:106px;
}
.container .page_two #p2_right #title {
	margin-top: 15px;
	line-height: 1.8em;
}
.container .page_two #p2_right h3 {
	background-image: url(img/title_game.gif);
	background-repeat: no-repeat;
	display: block;
	height: 66px;
	width: 493px;
	background-position: top;
}
.container .page_two #p2_left #fuki1 .pic1 img {
	margin-left: 5px;
}

.container .page_two #p2_right .game_waku {
	width: 493px;
	background-image: url(img/game_bg.gif);
	background-repeat: repeat-y;
}
.container .page_two #p2_right .game_waku .game_waku2 .game {
	float: left;
	width: 220px;
	margin-bottom: 10px;
}

.container .page_two #p2_right .game_waku2 {
	width: 493px;
	background-image: url(img/game_waku2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
}

.container .page_two #p2_right .game_waku .game_waku2 .game_waku3 .game .setumei {
	width: 210px;
	margin-top: 5px;
}



.container .page_two #p2_right .game_waku3 {
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 10px;
	height: 811px;
}
.container .page_two #p2_right .game_waku .game_waku2 .game_waku3 .game img {
	float: left;
	margin-right: 5px;
	border: 1px solid #000000;
}






.container .page_two #p2_left #fuki1 .pic2 {
	position:absolute;
	left: 102px;
	top: 112px;
	width: 79px;
	height:106px;
}


.container .page_two #p2_left #fuki2 .text1 {
	width: 135px;
	position:absolute;
	left: 115px;
	top: 10px;
	height:120px;
	overflow:auto;
}
.container .page_two #p2_left #fuki2 .pic1 {
	position:absolute;
	left: 14px;
	top: 14px;
	width: 88px;
	height:116px;
}






.container .page_two #p2_left #fuki3 .text1 {
	width: 209px;
	height:173px;
	position:absolute;
	left: 116px;
	top: 10px;
	overflow:auto;
	
}
.container .page_two #p2_left #fuki3 .pic1 {
	position:absolute;
	left: 15px;
	top: 15px;
	width: 88px;
	height:171px;
}



.container .page_two #p2_left #fuki4 .text1 {
	width: 306px;
	height:60px;
	position:absolute;
	left: 20px;
	top: 60px;
	overflow:auto;
}


.container .page_two #p2_left #fuki1 .text2 {
	width: 185px;
	position:absolute;
	left: 10px;
	top: 225px;
	font-size:10px;
	height:18px;
	overflow:auto;
}



#fuki1{
	left: 0px;
	top: 215px;
	background-image: url(img/fuki1.gif);
	background-repeat: no-repeat;
	height: 245px;
	width: 195px;
}
#fuki2{
	left: 0px;
	top: 474px;
	background-image: url(img/fuki2.gif);
	background-repeat: no-repeat;
	height: 144px;
	width: 351px;
}

#fuki3{
	left: 0px;
	top: 632px;
	background-image: url(img/fuki3.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 339px;
}

#fuki4{
	left: 0px;
	top: 842px;
	background-image: url(img/fuki4.gif);
	background-repeat: no-repeat;
	height: 125px;
	width: 339px;
}

.container .page_one #p1_left .explain img {
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 10px;
}
.container .page_one h2 {
	padding-bottom: 20px;
}


.container .page_two #p2_left {
	float: left;
	width: 366px;
	position:relative;
}
.container .page_two #p2_right {
	float: right;
	width: 497px;
}


/* ----------footer--------- */

.footer {
	width: 863px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.container .footer #footer_left {
	float: left;
	width: 443px;
}


.container .footer #footer_right {
	float: left;
	width: 420px;
	background-image: url(img/otoiawase.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 124px;
}

.container .footer #footer_left .c1 {	height: 31px;width: 93px;}
.container .footer #footer_left .c2 {	height: 31px;width: 132px;}
.container .footer #footer_left .c3 {	height: 31px;width: 58px;}

.container .footer #footer_left .c1 .campany1 {
	background-image: url(img/logo_navip.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 93px;
}
.container .footer #footer_left .c2 .campany2 {
	background-image: url(img/logo_sasayaki.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 132px;
}
.container .footer #footer_left .c3 .campany3 {
	background-image: url(img/logo_move.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 58px;
}


.container .footer #footer_left h2 {
	line-height: 1.3em;
	font-weight: bold;
	font-size: 22px;
	margin-top: 5px;
}


.container .footer #footer_left #example2 .furi chara rt {
	font-size: 16px;
}



.footer #copyright {
	margin-bottom: 10px;
	margin-top: 10px;
}

.footer #notice {
	font-size: 10px;
	margin-bottom: 10px;
}
.container .footer #footer_left h2 {
}
.container .footer #footer_left .teikyo {
	background-image: url(img/teikyo_yotei.gif);
	background-repeat: no-repeat;
	display: block;
	height: 75px;
	width: 423px;
}
.container #top1 {
	background-image: url(img/top_img_01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 233px;
	width: 834px;
	float: left;
}
.container #top2 {
	background-image: url(img/top_img_02.gif);
	background-repeat: no-repeat;
	display: block;
	height: 717px;
	width: 57px;
	float: right;
}
.container #top3 {
	background-image: url(img/top_img_03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 484px;
	width: 209px;
	float: left;
}
.container #top4 {
	background-image: url(img/top_img_04.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 61px;
	width: 625px;
	float: left;
}
.container #top5 {
	background-image: url(img/top_img_06.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 423px;
	width: 103px;
	float: left;
}
.container #board {
	background-image: url(img/top_img_05.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 423px;
	width: 522px;
	float: left;
}




.container .footer ul {
	list-style-type: none;
	height: 50px;
	margin-top: 10px;
}
.container .footer li {
	float: left;
	width: 100px;
}
#vkp_logo {
	background-image: url(img/vkp_logo.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 198px;
	display: block;
	float: left;
}
.container .page_one #p1_left .chara .shokai {
	text-align: left;
}
.container .page_two .copy {
	float: right;
	width: 650px;
	background-image: url(img/title_p2.gif);
	background-repeat: no-repeat;
	height: 65px;
}
.container .page_one #p1_right #p1_right2 #setsumei strong {
	font-size: smaller;
}



.access {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color:#111111;
}
.container .access table {
	margin-right: auto;
	margin-left: auto;
}


.qr_vkp {
	float: left;
	text-align: left;
	width:87px;
}
.access_text {
	float:right;
	font-size: 24px;
	color: #FF5600;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.container .access .url_text {
	float:right;
	width:273px;
	color: #472BFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-align: left;
	margin-left: 10px;
}


/* ----------文字間---------- */
.container .page_one #p1_right #p1_right2 #setsumei .explain {
	line-height: 1.5em;
}
.container .page_two #p2_right .game_waku .game_waku2 .game_waku3 .game .setumei {
	line-height: 1.3em;
}

.container .page_two #p2_left .text1 {
	line-height: 1.2em;
}
.container .page_zero img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

