@charset "utf-8";
/* CSS Document */

/* 全体共通 */
body, h1, h2, h3, p, ul{
	margin:0;
	padding:0;
}
body {
	background:#FFB729 url(../images/background.jpg) repeat-x;
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


label{
	cursor:pointer;
}
#header{
	width:716px;
	height:65px;
	margin:0 auto;
	padding:10px 42px 0;
	zoom:100%;
}
#header a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#header .perpetuum{
	width:137px;
	height:60px;
	float:left;
	background:url(../images/header_perp.jpg) no-repeat;
}
#header .nintendo{
	width:165px;
	height:40px;
	margin-top:10px;
	float:right;
	background:url(../images/header_wiiware.gif) no-repeat;
}
#header h1{
	width:322px;
	height:45px;
	margin:20px 0 0 46px;
	float:left;
	background:url(../images/header_title.jpg) no-repeat;
}
#header h1 a{
	width:322px;
	height:45px;
}

#main{
	width:670px;
	height:478px;
	margin:0 auto;
	position:relative;
}
#about #main,
#howtoplay #main,
#contact #main,
#pv #main,
#addcontents #main{
	padding:45px 65px 0;
	background:url(../images/frame.jpg) no-repeat 0 20px;
}
.title{
	height:35px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
	border-bottom:1px dashed #FFFFFF;
	line-height:35px;
}
.button_close{
	width:37px;
	height:38px;
	position:absolute; top:-3px; right:-5px;
	display:block;
	overflow:hidden;
	background:url(../images/button_close.jpg) no-repeat;	
	text-indent:-9999px;
}
.copyright{
	margin:0 auto;
	position:absolute; bottom:0; right:47px;
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
}
#footer{
	width:800px;
	height:55px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/footer.jpg) no-repeat;
	text-indent:-9999px;
}
h1, h2, h3{
	overflow:hidden;
	text-indent:-9999px;
}


/* index */
#index #main{
	height:513px;
	width:800px;
	margin-top:10px;
}
#index h1{
	width:600px;
	height:100px;
	margin:0 auto;
	background:url(../images/top_logo.jpg) no-repeat;
}
#index .menu{
	width:540px;
	height:74px;
	margin:30px auto;
	overflow:hidden;
	zoom:100%;
}
#index .menu a{
	width:170px;
	height:32px;
	margin:0 5px;
	float:left;
	overflow:hidden;
	outline:0;
	text-indent:-9999px;
	line-height:32px;
	text-decoration:none;
}
#index .menu a:hover{
	background-position:0 0;
}
#index a.about{
	background:url(../images/about_button.png) no-repeat 0 -32px;
}
#index a.pv{
	background:url(../images/pv_button.png) no-repeat 0 -32px;
}
#index a.howtoplay{
	background:url(../images/howtoplay_button.png) no-repeat 0 -32px;
}
#index a.paper{
	margin-top:10px;
	background:url(../images/pdf_button.png) no-repeat 0 -32px;
}
#index a.addcontents{
	margin-top:10px;
	background:url(../images/addcontents_button.png) no-repeat 0 -32px;
}
#index a.contact{
	margin-top:10px;
	background:url(../images/contact_button.png) no-repeat 0 -32px;
}
#cappi{
	width:166px;
	height:250px;
	float:right;
}

#index #main .column{
	width:349px;
/*	width:535px;*/
	margin:0 auto;
	overflow:hidden;
	zoom:100%;
}
#index #main .column div{
	float:left;
}
#index .column .news{
	width:349px;
	height:250px;
	float:left;
	position:relative;
	background:url(../images/top_news.jpg) no-repeat;
}
#index .column .news h2{
	height:33px;
}
#index .column .news div{
	width:319px;
	height:200px;
	margin:0 !important;
	padding:0 10px;
	overflow:auto;
}
#index .column .news ul li{
	padding:7px 0 0 20px;
	background:url(../images/top_news_marker.jpg) no-repeat 0 11px;
	list-style:none;
	line-height:1.4em;
	zoom:1;
}


/* about */
#about h2{
	width:278px;
	height:29px;
	background:url(../images/about_h2.jpg) no-repeat;
}
#about .content{
	width:570px;
	height:344px;
	margin:20px 45px;
	overflow:hidden;
	background:url(../images/about_main.jpg) no-repeat;	
	text-indent:-9999px;
}

/* how to play */
#howtoplay .title{
	height:40px;
	line-height:40px;
}
#howtoplay .start h2{
	width:291px;
	height:32px;
	background:url(../images/howtoplay_1_h2.jpg) no-repeat;
}
#howtoplay .controller h2{
	width:272px;
	height:32px;
	background:url(../images/howtoplay_2_h2.jpg) no-repeat;
}
#howtoplay .screen h2{
	width:315px;
	height:32px;
	background:url(../images/howtoplay_3_h2.jpg) no-repeat;
}
#howtoplay .mode h2{
	width:315px;
	height:32px;
	background:url(../images/howtoplay_4_h2.jpg) no-repeat;
}
#howtoplay .story h2{
	width:293px;
	height:32px;
	background:url(../images/howtoplay_5_h2.jpg) no-repeat;
}
#howtoplay .content{
	height:281px;
	border-bottom:1px dashed #FFFFFF;
	overflow:auto;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
	zoom:100%;
}
#howtoplay .content h3{
	padding-top:20px;
	text-indent:0;
}
#howtoplay .content p{
	font-weight:normal;
}
#howtoplay .start .content{
	padding:10px 130px;
}
#howtoplay .controller .content{
	padding:10px 115px;
}
#howtoplay .screen .content, #howtoplay .mode .content, #howtoplay .story .content{
	padding:10px 50px;
}
#howtoplay .screen .content h3{
	clear:both;
}
#howtoplay .screen .content p{
	margin-left:150px;
}
#howtoplay .screen .content p.story_text{
	margin-left:250px;
}
#howtoplay .story .content p{
	margin:10px 0 0 ;
}
#howtoplay .start .content img, #howtoplay .controller .content img, #howtoplay .mode img{
	margin:10px auto 0;
	display:block;
}
#howtoplay .screen .content img{
	float:left;
}
#howtoplay .screen .content img.top_image{
	float:right;
}
#howtoplay .story .content img.voice_select{
	float:left;
}
#howtoplay .story .content img{
	margin:10px 10px 0 0;
	float:left;
}
#howtoplay .story img.top_image{
	margin:10px auto;
	float:none;
	display:block;
}
#howtoplay .addcontents ul{
	margin:10px 0;
	padding-left:20px;
}
#howtoplay .menu{
	width:543px;
	height:84px;
	margin:10px auto;
	overflow:hidden;
	zoom:100%;
}
#howtoplay .menu a{
	width:175px;
	height:36px;
	margin:3px;
	float:left;
	display:inline;
	overflow:hidden;
	background:url(../images/howtoplay_button.jpg) no-repeat;
	text-indent:-9999px;
}
#howtoplay .menu a.button_start{background-position:0 0;}
#howtoplay .menu a.button_start:hover{background-position:0 -108px;}
#howtoplay .menu a.button_controller{background-position:-175px 0;}
#howtoplay .menu a.button_controller:hover{background-position:-175px -108px;}
#howtoplay .menu a.button_screen{background-position:0 -36px;}
#howtoplay .menu a.button_screen:hover{background-position:0 -144px;}
#howtoplay .menu a.button_mode{margin-left:96px;background-position:-175px -36px;}
#howtoplay .menu a.button_mode:hover{background-position:-175px -144px;}
#howtoplay .menu a.button_story{background-position:0 -72px;}
#howtoplay .menu a.button_story:hover{background-position:0 -180px;}

/* contact */
#contact{
	color:#FFFFFF;
	font-weight:bold;
}
#contact #main a{
	color:#FFFFFF;
}
#contact h2{
	width:151px;
	height:28px;
	float:left;
	background:url(../images/contact_h2.jpg) no-repeat;
}
#contact form{
	padding:15px 20px;
	border-bottom:1px dashed #FFFFFF;
}
#contact label{
	margin-bottom:20px;
	display:block;
	position:relative;
}
#contact label input{
	position:absolute;left:150px;top:-3px;
}
#contact textarea{
	width:100%;
	font-size:12px;
}
#contact address{
	width:420px;
	margin:10px auto 0;
	font-style:normal;
	white-space:nowrap;
}

#contact form.content div{
	margin-bottom:10px;
	position:relative;
	font-weight:normal;
}
#contact form.content span{
	position:absolute; left:70px;
}
#contact form.content div.sendmail4 span{
	height:200px;
	position:static;
	display:block;
	overflow:auto;
}

/* pv */
#pv h2{
	width:278px;
	height:29px;
	background:url(../images/pv_h2.jpg) no-repeat;
}
#pv .content{
	padding:25px 95px;
	overflow:hidden;
}
#flashcontent{
	color:#FFFFFF;
	line-height:2em;
}
#flashcontent a{
	color:#FFFFFF;
}

/* addContents */
#addcontents .content{
	height:381px;
	padding:10px 50px;
	overflow:auto;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
	zoom:100%;
}
#addcontents h2{
	width:336px;
	height:32px;
	background:url(../images/addcontents_title.png) no-repeat;
}
#addcontents ul{
	margin-top:10px;
	clear:both;
}
#addcontents li.image{
	width:160px;
	padding-right:30px;
	float:left;
	list-style:none;
}
#addcontents p{
	clear:both;
}