@charset "Shift_JIS";

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

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

a {
	outline:none;
	/*text-indent:-9999px;*/
}

body {
	/*background:#FFF url(../img/top_bg_001.gif) repeat-x center top;*/
	background-color:#FFF;
	text-align:center;
}

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

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

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

#title {
	width:768px;
	height:87px;
}

.ttitle1 {
	width:340px;
	height:44px;
	padding:43px 0 0 0;
	float:left;
	display:inline;
}

.ilogo {
	width:160px;
	height:44px;
	padding:43px 0 0 0;
	float:right;
	display:inline;
}

.tbox1 {
	width:768px;
	margin:0 0 15px 0;
}

.tbox2 {
	width:768px;
}

.soft1 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w1_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft1:hover {
	background-position:0 -229px;
}

.soft2 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w2_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft2:hover {
	background-position:0 -229px;
}

.soft3 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w3_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft3:hover {
	background-position:0 -229px;
}

.soft4 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w4_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft4:hover {
	background-position:0 -229px;
}

.soft5 {
	display:block;
	width:738px;
	height:249px;
	background-image:url(../img/w5_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft5:hover {
	background-position:0 -249px;
}

.soft6 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w6_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft6:hover {
	background-position:0 -229px;
}

.soft7 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w7_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft7:hover {
	background-position:0 -229px;
}

.soft8 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w8_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft8:hover {
	background-position:0 -229px;
}

.soft9 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w9_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft9:hover {
	background-position:0 -229px;
}

.soft10 {
	display:block;
	width:369px;
	height:229px;
	background-image:url(../img/w10_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft10:hover {
	background-position:0 -229px;
}

.soft11 {
	display:block;
	width:738px;
	height:249px;
	background-image:url(../img/w11_001.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.soft11:hover {
	background-position:0 -249px;
}

.btn1 {
	display:block;
	width:329px;
	height:50px;
	background-image:url(../img/btn_001.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.btn1:hover {
	background-position:0 -50px;
}

.btn2 {
	display:block;
	width:329px;
	height:50px;
	background-image:url(../img/btn_002.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.btn2:hover {
	background-position:0 -50px;
}

.btn3 {
	display:block;
	width:329px;
	height:100px;
	background-image:url(../img/btn_003.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.btn3:hover {
	background-position:0 -100px;
}

.listbtn1 {
	display:block;
	width:290px;
	height:32px;
	background-image:url(../img/list_btn_001.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.listbtn1:hover {
	background-position:0 -32px;
}

.clear {
	clear:both;
}

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

.small {
	color:#474747;
	font-family:"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS UI Gothic","Lucida Grande","MS Gothic";
	text-decoration:none;
	letter-spacing:1.2;
}

#hdr_sp {
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
}

/* for titlelist*/

.list_table td {
	vertical-align:top;
}

.list_table td p {
	font-family:"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS UI Gothic","Lucida Grande","MS Gothic";
	font-size:14px;
	/*font-size:93%;*/
	line-height:150%;
}

.list_table td p.change10 {
	font-family:"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS UI Gothic","Lucida Grande","MS Gothic";
	font-size:12px;
	/*font-size:77%;*/
	line-height:150%;
}

#topContents {
	width: 760px;
	height: 610px;
	position: relative;
}

#topContents .ttl {
	top: 43px;
	left: 4px;
	position: absolute;
}

#topContents .logo_dsiware {
	top: 51px;
	left: 608px;
	position: absolute;
}

#topContents .text_main {
	top: 126px;
	left: 4px;
	position: absolute;
}

#topContents .bor {
	top: 225px;
	left:1px;
	width: 766px;
	height: 1px;
	border-top: 1px solid #999;
	position: absolute;
}

#topContents .ttl_howto {
	top: 253px;
	left: 4px;
	position: absolute;
}

#topContents .text_howto01 {
	top: 290px;
	left: 3px;
	position: absolute;
}

#topContents .text_howto02 {
	top: 309px;
	left: 3px;
	position: absolute;
}

#topContents .text_howto03 {
	top: 328px;
	left: 3px;
	position: absolute;
}

#topContents .text_howto04 {
	top: 347px;
	left: 3px;
	position: absolute;
}

#topContents .btn_howto01 {
	top: 328px;
	left: 214px;
	position: absolute;
}

#topContents .btn_howto02 {
	top: 347px;
	left: 158px;
	position: absolute;
}

#topContents .btn_dsishopMov {
	top: 282px;
	left: 472px;
	position: absolute;
}

#topContents .btn_aboutMov {
	top: 322px;
	left: 472px;
	position: absolute;
}

#topContents .btn_linupMov {
	top: 387px;
	left: 1px;
	position: absolute;
}

#topContents .bnr_campaign {
	top: 380px;
	left: 0px;
	position: absolute;
}

#topContents .bnr_btn_campaign {
	top: 405px;
	left: 591px;
	position: absolute;
}



/* DSiware menu */

.dsiwaremenu-box {
	width:768px;
	height:59px;
	margin:45px 0 25px;
}

.dsiwarelogo {
	width:164px;
	height:30px;
	padding:12px 0 0 6px;
	display:block;
	float:left;
}

.menubtn-box {
	width: 246px;
	height:59px;
	display:block;
	float:right;
	position:relative;
	background-image:url(../img_cmn/menu_dsiware.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

.menubtn1pos,
.menubtn2pos,
.menubtn3pos,
.menubtn4pos,
.menubtn5pos,
.menubtn6pos,
.menubtn7pos {
	width:50px;
	height:59px;
	position:absolute;
	top:0;
	left:3px;
}

.menubtn2pos {
	width:93px;
	left:58px;
}

.menubtn3pos {
	width:87px;
	left:156px;
}

.menubtn4pos {
	width:73px;
	height:21px;
	top:28px;
	left:256px;
}

.menubtn5pos {
	width:73px;
	height:21px;
	top:28px;
	left:333px;
}

.menubtn6pos {
	width:73px;
	height:21px;
	top:28px;
	left:410px;
}

.menubtn7pos {
	width:73px;
	height:21px;
	top:28px;
	left:487px;
}

.menubtn-box p a {
	background-image:url(../img_cmn/menu_dsiware.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	display:block;
}

.menubtn1, .menubtn1:link, .menubtn1:hover, .menubtn1s {
	width:50px;
	height:59px;
	background-position:-3px 0;
}

.menubtn2, .menubtn2:link, .menubtn2:hover, .menubtn2s {
	width:93px;
	height:59px;
	background-position:-58px 0;
}

.menubtn3, .menubtn3:link, .menubtn3:hover, .menubtn3s {
	width:87px;
	height:59px;
	background-position:-156px 0;
}

.menubtn1:hover, .menubtn1s {
	background-position:-3px -59px;
}

.menubtn2:hover, .menubtn2s {
	background-position:-58px -59px;
}

.menubtn3:hover, .menubtn3s {
	background-position:-156px -59px;
}


.menubtn4, .menubtn4:link, .menubtn4:hover, .menubtn4s {
	width:73px;
	height:21px;
	background-position:-256px -28px;
}

.menubtn5, .menubtn5:link, .menubtn5:hover, .menubtn5s {
	width:73px;
	height:21px;
	background-position:-333px -28px;
}

.menubtn6, .menubtn6:link, .menubtn6:hover, .menubtn6s {
	width:73px;
	height:21px;
	background-position:-410px -28px;
}

.menubtn7, .menubtn7:link, .menubtn7:hover, .menubtn7s {
	width:73px;
	height:21px;
	background-position:-487px -28px;
}

.menubtn4:hover, .menubtn4s {
	background-position:-256px -87px;
}

.menubtn5:hover, .menubtn5s {
	background-position:-333px -87px;
}

.menubtn6:hover, .menubtn6s {
	background-position:-410px -87px;
}

.menubtn7:hover, .menubtn7s {
	background-position:-487px -87px;
}

.menubtn1s,
.menubtn2s,
.menubtn3s,
.menubtn4s,
.menubtn5s,
.menubtn6s,
.menubtn7s {
	cursor:default;
}

/* overwrite */

#logos {
	margin:0 auto;
}