@charset "Shift_JIS";

* {
	margin:0;
	padding:0;
	border:0;
	font-family:"MS UI Gothic","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","Lucida Grande","MS Gothic";
}

img {
	margin:0;
	padding:0;
	border:0;
}

a {
	outline:none;
}

body {
	background:#FFF url(../img_cmn/top_bg_white.gif) repeat left top;
	text-align:center;
}

p {
	font-family:"MS UI Gothic","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","Lucida Grande","MS Gothic";
	/*color:8c8c8c;*/
	color:#474747;
	font-size:12px;
	line-height:150%;
}

/*-------------ForOpera----------*/

.for_opera {
	display:block;
	width:1px;
	height:1px;
}

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

#container {
	width:768px;
	margin:0 auto;
	text-align:center;
}

#wrapper {
	width:768px;
	margin:0 auto;
	text-align:left;
}

#header {
	width:768px;
	height:80px;
}


/*------------------------------------------ for soft */

#contents {
	width:768px;
	margin:0 auto;
	text-align:center;
}

/*------------------------------------------ Main images */

#toppage_main {
	width:768px;
	height:auto;
	margin:0 auto;
	padding:0;
	clear:both;
}

.main_ds, .main_logo {
	display:block;
 	width:384px;
	height:380px;
	margin:0;
	padding:0;
	float:left;
}

/*------------------------------------------ Software info */
#softinfo_area {
	width:768px;
	margin:0 auto 15px;
	padding:0;
	background:url(../img/sinfo_base.gif) repeat-y left top;
}

.softinfo_box {
	width:738px;
	margin:0 10px 0 20px;
	padding:0;
}

.softtext {
 	width:678px;
	margin:0;
	text-align:left;
	padding:0;
}
.ceromark {
 	width:60px;
	margin:0;
	text-align:center;
	vertical-align:bottom;
}

.softtext p {
	display:block;
 	width:195px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}

.softtext p.tht {
	width:140px;
	height:auto;
	color:#8c8c8c;
	font-weight:bold;
	float:left;
}

.softtext p.dotline {
 	width:676px;
	margin:3px 0;
	padding:0;
}

.softtext p span {
	color:FF418C;
}

/*------------------------------------------ DSiWare info */

.dsiware_info {
	width:768px;
	margin:0 auto;
}

/*----------------------------------------- top -*/

.mainmenu {
	width:768px;
	margin:0 auto;
}

.menu_bt {
	margin:0 auto;
	text-align:center;
}
.bt_1, .bt_2, .bt_int {
	display:block;
	width:240px;
	height:88px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	background-image:url(../img/bt_1.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	display:inline;
}
.bt_2 {
	margin:0 0 0 5px;
	background-image:url(../img/bt_2.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.bt_int {
	width:234px;
	margin:0 0 0 9px;
	background-image:url(../img/bt_int.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


.bt_1:hover, .bt_2:hover, .bt_int:hover {
	background-position:0 -88px;
}

.copyright {
	margin:0 auto;
	text-align:center;
}

/*----------------------------------------- under -*/

.soft_header {
	width:768px;
	height:50px;
	margin:0 auto;
}

.softlogo {
	width:75px;
	height:50px;
	margin:0;
	padding:0;
	float:right;
}
.ctimg {
	width:680px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
}


.block_box {
	width:768px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-image:url(../img_cmn/waku_base.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

.inner_box, .chara_box {
	width:768px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.story_table {
	width:768px;
	margin:0;
	padding:0;
}

.story_table td {
	vertical-align:top;
	font-size:100%;/*default.cssのth,tdのx-small上書き用(IE7&IE6)*/
}

.text_box {
	width:708px;
	margin:0 30px;
	text-align:left;
}

.img_box_c {
	margin:0 auto;
	text-align:center;
}

.textlink {
	margin:0 auto;
	padding:0;
	text-align:center;
}

.textlink p {
	font-size:77%;
}

.textlink span {
	font-weight:bold;
}

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

.clear {
	clear:both;
}

.hide {
	position:absolute;
	left:-9999px;
	top:-9999px;
}