@charset "Shift_JIS";
body{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",meiryo,"?l?r ?o?S?V?b?N","???C???I","Meiryo",Osaka,verdana,arial,clean,sans-serif;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,p,ul{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
img{
	border: 0;
}

a { text-decoration: none;}
a:link,
a:visited{ color: #313131;}
a:hover{ color: #666;}

* { outline: none;}

body {
	color: #666;
	line-height: 1.5;
	text-align: center;
	background: url(../img/body_bg.jpg) repeat;
}

body.ds {
	background: none;
}

#contents {
	margin: -86px auto 0;
	width: 960px;
	text-align: left;
}

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

	COMMON

------------------------------*/
.png_img {}

#fnav {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0 15px;
	text-align: center;
	font-size: 92%;
	line-height: 2.3;
	background: url(../img/fnav_bg.gif) no-repeat 0 0;
}

#header {
	height: 270px;
	overflow: hidden;
	background: url(../img/header_bg.jpg) no-repeat center 0;
}

.ds #header {
	width: 960px;
	margin: 0 auto;
	background: url(../img/header_bg_s.jpg) no-repeat 0 0;
}

#header .inner {
	position: relative;
	width: 960px;
	padding-top: 18px;
	margin: 0 auto;
}

#header .inner ul li#logo_nintendo {
	float: left;
	width: 80px;
	margin-right: 720px;
	margin-bottom: 18px;
}

#header .inner ul li#logo_3ds {
	float: left;
	width: 160px;
	margin-bottom: 18px;
}

#header .inner #logo {
	float: left;
	width: 200px;
	padding: 8px 15px 0 5px;
}

#header .inner ul#gnav {
	float: left;
	width: 735px;
}

#header .inner ul#gnav li {
	float: left;
	width: 126px;
}

#header .inner ul#gnav li#gnav01 { width: 191px;}
#header .inner ul#gnav li#gnav02 { width: 145px;}
#header .inner ul#gnav li#gnav06 { width: 136px;}

#contents {
	clear: left;
}

#footer {
	margin: 0 auto;
	padding-bottom: 15px;
	width: 920px;
	height: 32px;
	overflow: hidden;
}

#footer #copyright {
	float: left;
	width: 310px;
	text-align: left;
}

#footer ul#maker {
	float: right;
	width: 310px;
	text-align: right;
}

#footer ul#maker li {
	display: inline;
	margin-left: 8px;
}

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

	TOP

------------------------------*/
#top #mainVisual {
	height: 600px;
	background: url(../img/main_bg.jpg) no-repeat center 0;
}

.ds#top #mainVisual {
	width: 960px;
	margin: 0 auto;
	background: url(../img/main_bg_s.jpg) no-repeat 0 0;
}

#top #mainVisual .inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#top #mainVisual .inner ul li#logo_nintendo {
	position: absolute;
	top: 18px;
	left: 0;
}

#top #mainVisual .inner ul li#logo_3ds {
	position: absolute;
	top: 18px;
	left: 800px;
}

#top #mainVisual .inner h1 {
	position: absolute;
	top: 170px;
	left: 37px;
}

#top #mainVisual .inner p#sale {
	position: absolute;
	top: 300px;
	left: 110px;
}

#topNosc {
	text-align: center;
	background: none;
}

#topNosc div {
	margin: 30px auto 0;
	width: 960px;
	height: 340px;
}

#top #flashContents {
	position: absolute;
	height: 364px;
	width: 100%;
	top: 73px;
	background: url(../img/flash_bg.png) repeat;
	z-index: 100;
	display: none;
}

#top #flashContents #flashArea {
	margin: 12px auto 0;
	width: 960px;
	height: 340px;
}

#top #flashContents #noFla {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 340px;
	overflow: hidden;
	background: url(../img/nf_bg.png) no-repeat 0 0;
}

#top #flashContents #noFla ul li {
	position: absolute;
}

#top #flashContents #noFla ul li#closeBtn {
	width: 82px;
	height: 20px;
	top: 5px;
	left: 815px;
}

#top #flashContents #noFla ul li#prevBtn {
	width: 43px;
	height: 44px;
	top: 148px;
	left: 7px;
	z-index: 150;
	display: none;
}

#top #flashContents #noFla ul li#nextBtn {
	width: 43px;
	height: 44px;
	top: 148px;
	left: 912px;
	z-index: 150;
}

#top #flashContents #noFla #nfImg {
	margin: 26px 0 0 50px;
	width: 860px;
	height: 286px;
	overflow: hidden;
	position: relative;
}

#top #flashContents #noFla #nfImg div {
    position: absolute;
	width: 100%;
	left: 100%;
	top: 0px;
	margin-left: 0;
	height: 286px;
}

#top #flashContents #noFla #nfImg div.nfImg01 {left: 0;}


#top #contents {
	margin-top: -124px;
}

#top #contents ul#startNav {
	margin: 0 auto 5px auto;
	height: 127px;
	width: 622px;
}

#top #contents ul#startNav li {
	float: left;
	margin-right: 4px;
	height: 127px;
	width: 307px;
	overflow: hidden;
}

#top #contents ul#gnav {
	margin: 0 0 13px 20px;
	height: 66px;
}

#top #contents ul#gnav li {
	float: left;
	width: 214px;
	height: 66px;
}

#top #contents ul#gnav li#gnav01 {
	width: 270px;
}

#top #contents ul#gnav li#gnav04 {
	width: 222px;
}

#top #contents #topicsbox{
	height:27px;
	padding-left: 32px;
	margin-bottom:10px;
}
#top #contents #topicsbox #topics {
	float:left;
	margin: 0 2px 13px 0;
	padding: 6px 0 6px 18px;
	width: 637px;
	height: 15px;
	background: url(../img/topics_bg_s.gif) no-repeat 0 0;
	overflow: hidden;
}

#top #contents #topicsbox #infobtn  {
	float:left;
	width: 239px;
	height: 27px;
}

#top #contents #topics h3 {
	height: 15px;
	width: 61px;
	float: left;
	border-right: solid 1px #bbb8a2;
}

#top #contents #topics ul {
	float: left;
	padding: 0 16px;
	height: 15px;
	width: 530px;
	overflow: hidden;
}

#top #contents #topics ul li {
	font-size: 92%;
	line-height: 15px;
}


#top #contents #main {
	padding-left: 32px;
	margin-right: 15px;
	margin-bottom: 25px;
	float: left;
	width: 500px;
}

#top #contents #main * {
	line-height: 0;
	font-size: 0;
}

#top #contents #main #campaign ul li {
	font-size: 0;
	line-height: 0;
	margin-bottom: 13px;
	background: #fff;
}

#top #contents #main #campaign ul li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#top #contents #main #product {
	padding: 19px 19px 21px;
	background: #FFF;
	border: solid 1px #d0cfca;
	overflow: hidden;
	_zoom: 1;
}

#top #contents #main #product #info #package {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 208px;
}

#top #contents #main #product #info #package #dlsoft01 {
	margin-bottom: 7px;
}

#top #contents #main #product #info #spec {
	float: left;
	margin-bottom: 10px;
	width: 241px;
}
#top #contents #main #product #info #bottomlink {
	clear: left;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 10px;
}
#top #contents #main #product #info #bottomlink li {
	float: left;
}
#top #contents #main #product #info #blocknumber {
	margin-bottom: 10px;
	padding-bottom:10px;
	background: url(../img/product_info_bg.gif) repeat-x 0 bottom;
}

#top #contents #main #product ul#banner {
	clear: left;
	height: 71px;
	overflow: hidden;
	_zoom: 1;

	margin-right: -10px;
	width: 470px;
}

#top #contents #main #product ul#banner li {
	float: left;
	margin-right: 10px;
	width: 225px;
	height: 71px;
	overflow: hidden;
}

#top #contents #twitter {
	float: left;
	width: 380px;
	margin-bottom: 25px;
}

#top #contents #aboutclub {
	clear: left;
	height: 55px;
	width: 631px;
	margin: 0 auto 24px auto;
}

#top #contents #about3ds {
	height: 33px;
	width: 902px;
	margin: 0 0 24px 20px;
	padding: 10px 0 10px 17px;
	background: #e6e6e3;
	overflow: hidden;
}

#top #contents #about3ds p.text {
	float: left;
	width: 673px;
}

#top #contents #about3ds p.btn {
	float: left;
	width: 220px;
}


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

	WELCOME

------------------------------*/
#welcome #contents {
	width: 930px;
}

#welcome #contents h1 {
	margin-bottom: 24px;
}

#welcome #contents #read {
	height: 115px;
	margin-bottom: 23px;
	margin-left: 5px;
	overflow: hidden;
}

#welcome #contents #read h2 {
	float: left;
	padding: 24px 10px 0 5px;
	width: 155px;
}

#welcome #contents #read p {
	float: left;
	width: 750px;
}

#welcome #contents ul#wnav {
	margin: 0 0 13px 30px;
	height: 67px;
	overflow: hidden;
}

#welcome #contents ul#wnav li {
	float: left;
	margin-right: 1px;
}

#welcome #contents #main {
	width: 920px;
	margin: 0 auto 30px;
	padding-bottom: 30px;
	background: url(../welcome/img/welcome_bg.png) no-repeat left bottom;
}

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

	WELCOME - BASE

------------------------------*/
#welcome .base#contents #main .inner #step01 {
	height: 268px;
	background: url(../welcome/img/base_bg01.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .base#contents #main .inner #step01 img { margin: 21px 0 0 87px;}

#welcome .base#contents #main .inner #step02 {
	height: 282px;
	background: url(../welcome/img/base_bg02.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .base#contents #main .inner #step02 img { margin-left: 110px;}

#welcome .base#contents #main .inner #step03 {
	height: 281px;
	background: url(../welcome/img/base_bg03.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .base#contents #main .inner #step03 img { margin-left: 77px;}

#welcome .base#contents #main .inner #step04 {
	height: 239px;
	background: url(../welcome/img/base_bg04.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .base#contents #main .inner #step04 img { margin-left: 110px;}

#welcome .base#contents #main .inner #comment {
	height: 236px;
	background: url(../welcome/img/base_bg05.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .base#contents #main .inner #comment h3 {
	margin: 31px 0 0 237px;
}

#welcome .base#contents #main .inner #comment p {
	position: relative;
	margin-left: 101px;
}

#welcome .base#contents #main .inner #comment p a {
	display: block;
	position: absolute;
	width: 135px;
	height: 32px;
	top: 80px;
	left: 478px;
}

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

	WELCOME - VS

------------------------------*/
#welcome .vs#contents #main .inner {
	height: 650px;
	background: url(../welcome/img/vs_bg.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .vs#contents #main .inner #flashContents {
	margin: 0 auto;
	width: 860px;
	height: 650px;
}

#welcome .vs#contents #noFla #imgArea {
	width: 860px;
	height: 448px;
	overflow: hidden;
	position: relative;
}

#welcome .vs#contents #noFla #imgArea div {
	top: 0;
	left: 0;
	position: absolute;
}

#welcome .vs#contents #noFla #infoArea {
	position: relative;
}

#welcome .vs#contents #noFla #infoArea ul li {
	position: absolute;
	width: 55px;
	height: 42px;
	top: 78px;
	z-index: 100;
}

#welcome .vs#contents #noFla #infoArea ul li#prevBtn { left: 0;	display: none;}
#welcome .vs#contents #noFla #infoArea ul li#nextBtn { right: 0;}

#welcome .vs#contents #noFla #infoMain {
	width: 860px;
	height: 202px;
	overflow: hidden;
	position: relative;
}

#welcome .vs#contents #noFla #infoMain div {
    position: absolute;
	width: 100%;
	left: 100%;
	top: 0px;
	margin-left: 0;
	height: 202px;
}

#welcome .vs#contents #noFla #infoMain div.nfInfo01 {left: 0;}


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

	WELCOME - CARD

------------------------------*/
#welcome .card#contents #main .inner #collect {
	height: 238px;
	background: url(../welcome/img/card_bg01.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .card#contents #main .inner #set {
	height: 203px;
	background: url(../welcome/img/card_bg02.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .card#contents #main .inner #collect .text,
#welcome .card#contents #main .inner #set .text {
	float: left;
	padding-left: 42px;
	width: 537px;
}

#welcome .card#contents #main .inner #collect .image,
#welcome .card#contents #main .inner #set .image {
	float: left;
	width: 301px;
}

#welcome .card#contents #main .inner #creature {
	padding: 11px 0 0 50px;
	height: 345px;
	background: url(../welcome/img/card_bg03.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .card#contents #main .inner #creature h3 {
	margin-bottom: 16px;
}

#welcome .card#contents #main .inner #creature ul {
	padding-left: 10px;
}

#welcome .card#contents #main .inner #creature ul li {
	float: left;
	width: 156px;
	margin-right: 5px;
}

#welcome .card#contents #main .inner #others {
	padding: 17px 0 0 50px;
	height: 318px;
	background: url(../welcome/img/card_bg04.png) no-repeat 0 0;
	overflow: hidden;
}

#welcome .card#contents #main .inner #others h3 {
	height: 90px;
	margin-bottom: 16px;
}

#welcome .card#contents #main .inner #others ul {
	padding-left: 20px;
	widht: 368px;
	margin-right: -28px;
	overflow: hidden;
}

#welcome .card#contents #main .inner #others ul li {
	float: left;
	width: 156px;
	margin-right: 28px;
}

#welcome .card#contents #main .inner #others #item {
	float: left;
	width: 400px;
	margin-right: 40px;
}

#welcome .card#contents #main .inner #others #spell {
	float: left;
	width: 400px;
	overflow: hidden;
}

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

	NEW

------------------------------*/
#new #contents {
	width: 930px;
}

#new #contents h1 {
	margin-bottom: 24px;
}

#new #contents #balance {
	width: 900px;
	margin: 0 auto 30px;
}

#new #contents #balance h2 {
	margin-bottom: 25px;
}

#new #contents #balance .inner {
	height: 191px;
	width: 880px;
	margin: 0 auto;
	background: url(../new/img/balance_bg.png) no-repeat left bottom;
}

#new #contents #balance .inner .text {
	float: right;
	padding: 42px 15px 0 0;
	width: 541px;
	text-align: left;
}

#new #contents #balance .inner .text a {
	display: block;
	width: 183px;
	height: 41px;
	margin-left: 358px;
}

#new #contents #balance .inner .image {
	float: left;
	width: 295px;
	padding-left: 10px;
}

#new #contents #fan {
	width: 900px;
	margin: 0 auto 30px;
}

#new #contents #fan h2 {
	margin-bottom: 20px;
}

#new #contents #fan .inner {
	width: 880px;
	margin: 0 auto;
}

#new #contents #fan #fan01 {
	height: 235px;
	background: url(../new/img/fan_bg01.png) no-repeat 0 0;
}

#new #contents #fan #fan01 .text {
	float: left;
	margin-right: 11px;
	padding: 30px 0 0 44px;
	width: 510px;
}

#new #contents #fan #fan01 .image {
	float: left;
	padding-top: 25px;
	width: 295px;
}

#new #contents #fan #fan02 {
	height: 207px;
	background: url(../new/img/fan_bg02.png) no-repeat 0 0;
}

#new #contents #fan #fan02 .text {
	float: right;
	padding: 5px 27px 0 0;
	width: 510px;
}

#new #contents #fan #fan02 .image {
	float: left;
	padding: 1px 0 0 30px;
	width: 295px;
}

#new #contents #fan #fan03 {
	height: 213px;
	background: url(../new/img/fan_bg03.png) no-repeat 0 0;
}

#new #contents #fan #fan03 .text {
	float: left;
	margin-right: 11px;
	padding: 7px 0 0 44px;
	width: 510px;
}

#new #contents #fan #fan03 .image {
	float: left;
	padding-top: 2px;
	width: 295px;
}

#new #contents #newcard {
	width: 900px;
	margin: 0 auto 30px;
}

#new #contents #newcard h2 {
	margin-bottom: 20px;
}

#new #contents #newcard .inner {
	width: 880px;
	height: 195px;
	margin: 0 auto;
	background: url(../new/img/newcard_bg.png) no-repeat 0 0;
}

#new #contents #newcard .inner .text {
	float: right;
	padding: 25px 20px 0 0;
}

#new #contents #newcard .inner .image {
	float: left;
	padding: 8px 0 0 4px;
}

#new #contents #beginner {
	width: 900px;
	margin: 0 auto 30px;
}

#new #contents #beginner h2 {
	margin-bottom: 20px;
}

#new #contents #beginner .inner {
	height: 200px;
	background: url(../new/img/beginner_bg.png) no-repeat 0 0;
}

#new #contents #beginner .inner p.read {
	padding: 20px 0 0 25px;
	margin-bottom: 13px;
}

#new #contents #beginner .inner #cursor {
	float: left;
	width: 405px;
	height: 123px;
	margin-right: 31px;
	padding-left: 25px;
}

#new #contents #beginner .inner #pose {
	float: left;
	width: 405px;
	height: 123px;
}

#new #contents #beginner .inner #cursor .text,
#new #contents #beginner .inner #pose .text {
	float: left;
	width: 208px;
	padding-top: 12px;
}

#new #contents #beginner .inner #cursor .image,
#new #contents #beginner .inner #pose .image {
	float: left;
	width: 197px;
}


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

	CARD

------------------------------*/
#card #contents {
	width: 930px;
}

#card #contents h1 {
	margin-bottom: 14px;
}

#card #contents #read {
	height: 65px;
	margin-bottom: 22px;
	overflow: hidden;
}

#card #contents #read h2 {
	float: left;
	padding-left: 5px;
	width: 165px;
}

#card #contents #read p {
	float: left;
	width: 745px;
}

#card #contents ul#cnav {
	margin: 0 0 40px 30px;
	width: 872px;
	height: 67px;
	overflow: hidden;
}

#card #contents ul#cnav li {
	float: left;
}

#card #contents ul#attnav {
	margin: -10px 0 30px 190px;
	width: 550px;
	height: 38px;
	overflow: hidden;
}

#card #contents ul#attnav li {
	float: left;
}

#card #contents #cardList {
	width: 912px;
	margin: 0 -32px 0 25px;
	overflow: hidden;
	_zoom: 1;
}

#card #contents #cardList .attribute {
	margin-bottom: 0px;
}

#card #contents #cardList .attribute h2 {
	margin-bottom: 15px;
}

#card #contents #cardList p.pagetop {
	position: relative;
	clear: both;
}

#card #contents #cardList p.pagetop a {
	position: absolute;
	display: block;
	width: 156px;
	height: 30px;
	top: -20px;
	left: 726px;
}

#card #contents #cardList .item * {
	font-size: 0;
	line-height: 0;
}

#card #contents #cardList .item {
	float: left;
	position: relative;
	width: 424px;
	height: 337px;
	margin-right: 32px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../card/img/card_bg.png) no-repeat 0 13px;
}


#card #contents #cardList .item .icon {
	position: absolute;
	top: 3px;
	left: 283px;
	height: 18px;
	width: 128px;
}

#card #contents #cardList .item .icon .update {
	float: right;
	width: 58px;
	height: 16px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	border: solid 1px #edbec2;
	background: #fff;
	overflow: hidden;
	color: #d23844;
}

#card #contents #cardList .item .icon .new {
	float: right;
	width: 68px;
	font-size: 12px;
	line-height: 1;
}

#card #contents #cardList .item .cardInfo {
	position: absolute;
	top: 29px;
	left: 186px;
	width: 230px;
	height: 181px;
}

#card #contents #cardList .item .cardImage {
	position: absolute;
	top: 0;
	left: 4px;
	width: 172px;
	height: 210px;
}

#card #contents #cardList .item .cardParam {
	position: absolute;
	top: 210px;
	left: 0;
	padding-left: 4px;
	height: 22px;
	overflow: hidden;
}

#card #contents #cardList .item .cardParam p.cost {
	float: left;
	width: 172px;
	margin-right: 20px;
}

#card #contents #cardList .item .cardParam p.type {
	float: left;
	width: 209px;
	padding-top: 4px;
}

#card #contents #cardList .item .advice {
	position: absolute;
	top: 232px;
	left: 4px;
	width: 416px;
	height: 93px;
	background: url(../card/img/advice_bg.png) no-repeat 0 0;
}

#card #contents #cardList .item .advice h4 {
	padding: 14px 0 0 4px;
}

#card #contents #cardList .item .advice p {
	padding: 4px 0 0 16px;
}

#TB_window #TB_title {
	display: none;
}

#noteWindow {
	background: url(../card/img/notes_bg.jpg) repeat;
}

#noteWindow .wrapper {
	width: 800px;
	padding: 20px 0 0 20px;
	margin: 0 auto;
	overflow: hidden;
}

#noteWindow .wrapper ul {
	float: left;
	width: 400px;
}

#noteWindow .wrapper ul li {
	margin-bottom: 11px;
}

#noteWindow .wrapper p#btnBack {
	clear: left;
	width: 141px;
	padding-top: 20px;
	margin: 0 auto;
}


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

	MOVIE

------------------------------*/
#movie #contents {
	width: 930px;
	font-size: 0;
	line-height: 0;
}

#movie #contents h1 {
	margin-bottom: 14px;
}

#movie #contents .inner {
	padding: 50px 40px;
	width: 840px;
	height: 416px;
	margin: 0 auto 32px;
	background: url(../movie/img/movie_bg.png) no-repeat 0 0;
}

#movie #contents .inner #flashContents {
	float: left;
	margin-right: 37px;
	width: 652px;
	height: 411px;
}

#movie #contents .inner #flashContents #movie_sp {
	margin: 25px auto 0;
	width: 640px;
	height: 360px;
}

#movie #contents .inner #movie_nav {
	float: left;
	width: 151px;
}

#movie #contents .inner #movie_nav li {
	margin-bottom: 10px;
}

#movie #contents .inner #movie_nav li.others {
	margin: 18px 0 0;
}

#movie #contents #top_btn {
	width: 305px;
	margin: 0 auto 30px;
}


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

	COMMUNICATION

------------------------------*/
#communication #contents {
	width: 930px;
}

#communication #contents h1 {
	margin-bottom: 14px;
}

#communication #contents #read {
	width: 672px;
	height: 38px;
	margin: 0 auto 34px auto;
	overflow: hidden;
}

#communication #contents #near {
	width: 900px;
	margin: 0 auto 30px;
}

#communication #contents #near h2 {
	margin-bottom: 25px;
}

#communication #contents #near .inner {
	height: 531px;
	width: 880px;
	margin: 0 auto;
	background: url(../communication/img/near_bg.png) no-repeat 0 0;
}

#communication #contents #near .inner .text {
	padding: 25px 0 0 25px;
	width: 830px;
	text-align: left;
}
#communication #contents #near .inner .text p{
	float:left;
	width:auto;
}
#communication #contents #near .inner .text p.right{
	margin-left:12px;
}



#communication #contents #nonsoft {
	width: 900px;
	margin: 0 auto 30px;
}

#communication #contents #nonsoft h2 {
	margin-bottom: 20px;
}

#communication #contents #nonsoft .inner {
	width: 880px;
	height: 291px;
	margin: 0 auto;
	background: url(../communication/img/nonsoft_bg.png) no-repeat 0 0;
}
#communication #contents #nonsoft .inner .text {
	float: left;
	padding: 25px 0 0 25px;
	width: 537px;
	text-align: left;
}
#communication #contents #nonsoft .inner .image {
	padding: 25px 0 00;
	float: left;
	width: 293px;
	text-align: left;
}

#communication #contents #allplayer {
	width: 900px;
	margin: 0 auto 30px;
}

#communication #contents #allplayer h2 {
	margin-bottom: 20px;
}

#communication #contents #allplayer .inner {
	width: 880px;
	height: 517px;
	margin: 0 auto;
	background: url(../communication/img/allplayer_bg.png) no-repeat 0 0;
}

#communication #contents #allplayer .inner .text {
	padding: 25px 0 0 25px;
	width: 830px;
	text-align: left;
}
#communication #contents #allplayer .inner .text p{
	float:left;
	width:auto;
}


#communication #contents #morenet {
	width: 900px;
	margin: 0 auto 30px;
}

#communication #contents #morenet h2 {
	margin-bottom: 20px;
}

#communication #contents #morenet .inner {
	margin: 0 auto;
	width: 880px;
	height: 543px;
	background: url(../communication/img/morenet_bg.png) no-repeat 0 0;
}
#communication #contents #morenet .inner .text {
	padding: 25px 0 0 25px;
	width: 830px;
	text-align: left;
}
#communication #contents #morenet .inner .text p{
	float:left;
	width:auto;
}

#communication #contents #morenet .inner #specialsite {
	clear: both;
	position: relative;
	padding-top: 27px;
	margin: 0 auto;
	width: 830px;
	height: 159px;
	overflow: hidden;
}

#communication #contents #morenet .inner #specialsite .btn {
	position: absolute;
	top: 134px;
	left: 504px;
}


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

	world

------------------------------*/
#world #contents {
	width: 930px;
	font-size: 0;
	line-height: 0;
}

#world #contents h1 {
	margin-bottom: 24px;
}

#world #contents h2 {
	clear: both;
	width: 900px;
	margin: 0 auto 20px;
}

#world #contents #stage .inner {
	position: relative;
	width: 880px;
	height: 445px;
	margin: 0 auto 30px;
	background: url(../world/img/stage_bg.png) no-repeat 0 0;
}

#world #contents #stage .inner .image {
	padding: 9px 0 0 471px;
}

#world #contents #stage .inner .image ul {
	position: relative;
	width: 390px;
	height: 420px;
}

#world #contents #stage .inner .image ul li {
	position: absolute;
	left: 0;
	top: 0;
	width: 390px;
	height: 420px;
	z-index: 5;
}

#world #contents #stage .inner .text {
	position: absolute;
	top: 31px;
	left: 41px;
	z-index: 10;
}

#world #contents #chara .inner {
	width: 880px;
	height: 785px;
	margin: 0 auto 30px;
	background: url(../world/img/chara_bg.png) no-repeat 0 0;
}

#world #contents #chara .inner ul {
	padding: 10px 0 0 20px;
}

#world #contents #chara .inner ul li {
	float: left;
	margin-right: 20px;
}

#world #contents #chara .inner ul li#chara01,
#world #contents #chara .inner ul li#chara02 {
	margin-bottom: 20px;
}

#world #contents #chara .inner ul li#chara03,
#world #contents #chara .inner ul li#chara04 {
	margin-bottom: 15px;
}

#world #contents #chara .inner ul li#chara06 {
	position: relative;
}

#world #contents #chara .inner ul li#chara06 a {
	position: absolute;
	display: block;
	top: 205px;
	left: 13px;
	width: 233px;
	height: 41px;
}


#world #contents #avatar .inner {
	width: 880px;
	height: 515px;
	padding-top: 1px;
	margin: 0 auto 50px;
	background: url(../world/img/avatar_bg.png) no-repeat 0 0;
}

#world #contents #avatar .inner * {
	text-align: center;
}

#world #contents #avatar .inner p {
	margin: 35px 0 25px;
}

#world #contents #avatar .inner ul li {
	margin-bottom: 12px;
}



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

	CM

------------------------------*/
#cm #contents {
	width: 930px;
	font-size: 0;
	line-height: 0;
}

#cm #contents h1 {
	margin-bottom: 14px;
}

#cm #contents .inner {
	width: 920px;
	height: 586px;
	margin: 0 auto 20px;
	background: url(../movie/img/cm_bg.png) no-repeat 0 0;
}

#cm #contents .inner #movie_nav {
	padding: 70px 0 60px 81px;
}

#cm #contents .inner #movie_nav dl {
	margin: 12px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#cm #contents .inner #movie_nav dl dt {
	float: left;
	margin-right: 78px;
	width: 191px;
}

#cm #contents .inner #movie_nav dl dd {
	margin: 0 15px 0 0;
	float: left;
	width: 216px;
}

#cm #contents .inner #movie2_nav {
	height: 112px;
	padding: 15px 20px;
	margin: 9px 0 0 81px;
	background: url(../movie/img/movie2_bg.gif) no-repeat 0 0;
}

#cm #contents .inner #movie2_nav dl dt {
	float: left;
	margin-right: 32px;
	width: 171px;
}

#cm #contents .inner #movie2_nav dl dd {
	float: left;
	margin: 0 31px 0 0;
	padding-top: 6px;
	width: 146px;
}

#cm #contents .inner #flashContents {
	padding-top: 42px;
	margin:  0 auto 15px;
	width: 652px;
	height: 411px;
}

#cm #contents .inner #flashContents #movie_sp {
	margin: 25px auto 0;
	width: 640px;
	height: 360px;
}

#cm #contents .inner h2 {
	margin-bottom: 18px;
	text-align: center;
}

#cm #contents #top_btn {
	width: 185px;
	margin: 0 auto;
}

#cm #taxmovienote{
	color: #333;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 32px;
}


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

	CAMPAIGN

------------------------------*/
#campaign #title {
	position: relative;
	width: 930px;
	height: 382px;
	margin: 0 auto 23px;
	background: url(../campaign/img/title_bg.png) no-repeat 0 0;
	overflow: hidden;
}

#campaign #title #clublogo {
	position: absolute;
	top: 30px;
	left: 840px;
}

#campaign #title h1 {
	margin: 30px 0 0 45px;
}

#campaign #title p.read {
	margin: 0 0 24px 45px;
}

#campaign #title p.term {
	margin-left: 35px;
}

#campaign #contents * {
	font-size: 0;
	line-height: 0;
}

#campaign #contents .inner {
	width: 880px;
	margin: 0 auto;
}

#campaign #contents .inner #present {
	margin-bottom: 40px;
	height: 388px;
	border: solid 2px #d6ad6b;
	background: #FFF;
}

#campaign #contents .inner #present .image {
	margin-right: 25px;
	padding-left: 18px;
	float: left;
	width: 385px;
	height: 229px;
}

#campaign #contents .inner #present .text {
	float: left;
	width: 430px;
	height: 229px;
	background: url(../campaign/img/present_bg.gif) no-repeat right bottom;
}

#campaign #contents .inner #present .text ul {
	margin-top: 35px;
}

#campaign #contents .inner #present .text ul li {
	margin-bottom: 14px;
}

#campaign #contents .inner #present #howto {
	clear: left;
	margin: 0 auto;
	width: 840px;
	border-top: solid 1px #ceb387;
}

#campaign #contents .inner #present #howto dl {
	margin: 13px 0 0 26px;
	height: 100px;
}

#campaign #contents .inner #present #howto dl dt {
	float: left;
	width: 111px;
}

#campaign #contents .inner #present #howto dl dd {
	margin: 0;
	padding-top: 12px;
	float: left;
	width: 680px;
}

#campaign #contents .inner #present #howto dl dd img {
	margin-bottom: 5px;
}

#campaign #contents .inner #step {
	margin-bottom: 40px;
}

#campaign #contents .inner #step h2 {
	margin-bottom: 19px;
	text-align: center;
}

#campaign #contents .inner #step dl {
	margin: 0;
	padding: 0;
	width: 800px;
}

#campaign #contents .inner #step #before dl {
	background: url(../campaign/img/before_ico.gif) no-repeat 396px bottom;
}

#campaign #contents .inner #step #after dl {
	background: url(../campaign/img/after_ico.gif) no-repeat 396px bottom;
}

#campaign #contents .inner #step #before dl#step01 { height: 130px;}
#campaign #contents .inner #step #before dl#step02 { height: 140px;}
#campaign #contents .inner #step #before dl#step03 { height: 158px;}
#campaign #contents .inner #step #before dl#step04 { height: 154px;}
#campaign #contents .inner #step #after dl#step05 { height: 108px;}
#campaign #contents .inner #step #after dl#step06 { height: 176px;}
#campaign #contents .inner #step #after dl#step07 { height: 130px;}
#campaign #contents .inner #step #after dl#step08 { height: 132px;}

#campaign #contents .inner #step dl dt {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#campaign #contents .inner #step dl dt.num {
	float: left;
	width: 81px;
}

#campaign #contents .inner #step dl dd {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#campaign #contents .inner #step #before {
	margin-bottom: 7px;
	padding-left: 60px;
	height: 790px;
	overflow: hidden;
	background: url(../campaign/img/before_bg.png) no-repeat 0 0;
}

#campaign #contents .inner #step #before .hgroup {
	padding-top: 28px;
	width: 760px;
	height: 140px;
	background: url(../campaign/img/before_img.png) no-repeat right top;
	overflow: hidden;
}

#campaign #contents .inner #step #after {
	padding-left: 60px;
	height: 771px;
	overflow: hidden;
	background: url(../campaign/img/after_bg.png) no-repeat 0 0;
}

#campaign #contents .inner #step #after .hgroup {
	padding-top: 45px;
	width: 800px;
	height: 140px;
	background: url(../campaign/img/after_img.png) no-repeat right top;
	overflow: hidden;
}

#campaign #contents .inner #attention {
	margin: 0 auto 50px;
	width: 820px;
	height: 235px;
	background: url(../campaign/img/attention_bg.png) no-repeat 0 0;
}

#campaign #contents .inner #attention h3 {
	float: left;
	padding-left: 40px;
	margin-top: 108px;
	width: 127px;
}

#campaign #contents .inner #attention ul {
	float: left;
	margin-top: 16px;
	width: 622px;
}

#campaign #contents .inner #attention ul li {
	margin-bottom: 8px;
}

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

	GUIDEBOOK

------------------------------*/
#guidebook {
	padding: 30px 0;
	margin: 0 auto;
	width: 616px;
}

#guidebook #title {
	margin-bottom: 15px;
}

#guidebook .book {
	margin-bottom: 30px;
}

#guidebook #closeBtn {
	margin: 0 auto;
	width: 305px;
}

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

	DllInfo

------------------------------*/
#dllinfo {
	padding: 30px 0;
	margin: 0 auto;
	width: 616px;
}

#dllinfo #title {
	margin-bottom: 15px;
}

#dllinfo .info {
	margin-bottom: 30px;
}

#dllinfo #closeBtn {
	margin: 0 auto;
	width: 305px;
}

#dllinfo #qr_code {
	position: relative;
}
#dllinfo #qr_code #btn_internet {
	position: absolute;
	top: 107px;
	left: 100px;
}
#dllinfo #qr_code a:hover #btn_internet {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.orange_btn {
	position: relative;
	width: 129px;
	height: 35px;
	background-color: #FFFFFF;
	font-size: 12px !important;
	text-align: center;
	display: block;
 	vertical-align: middle;
}

.orange_btn a {
	display: table;
	width: 100%;
	height: 100%;
	border: solid 1px #FF9103;
	box-sizing: border-box;
}

.orange_btn a:hover {
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
	display: table-cell;
	vertical-align: middle;
 	color: #FF9103;
	font-size: 12px !important;
}
.orange_btn span:after {
	content: "";
	position: absolute;
	right: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1px solid #FF9103;
	border-right: 1px solid #FF9103;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.orange_btn:hover > span:after {
	right: 4px;
	top: 12px;
}
