@charset "utf-8";

/* contents_area
================================================== */
.contents_area{
	position:relative;
	width:100%; 
	min-width:1280px;
	padding:80px 0px 0px 0px;
}

/* category
------------------------------ */
.topics_category_select{
	width:1120px;
	margin:0 auto;
	margin-top:56px;
}

ul.topics_select{
	height:48px;
    display:inline-block;
	text-align:center;
}

ul.topics_select li {
	float:left;
	margin:0 auto;
	padding:8px; 
}

/* select_off
------------------------------ */
ul.topics_select li#all a{
	width:170px;
	height:48px; 
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/all_btn_off.png) 0 0  no-repeat;
}


ul.topics_select li#information a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/information_btn_off.png) 0 0  no-repeat;
}

ul.topics_select li#goods a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/goods_btn_off.png) 0 0  no-repeat;
}

ul.topics_select li#event a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/event_btn_off.png) 0 0  no-repeat;
}

ul.topics_select li#media a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/media_btn_off.png) 0 0  no-repeat;
}

ul.topics_select li#blog a{
	width:170px;
	height:48px; 
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/blog_btn_off.png) 0 0  no-repeat;
}

/* select_on
------------------------------ */
ul.topics_select li#all_on a{
	width:170px;
	height:48px; 
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/all_btn_on.png) 0 0  no-repeat;
}


ul.topics_select li#information_on a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/information_btn_on.png) 0 0  no-repeat;
}

ul.topics_select li#goods_on a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/goods_btn_on.png) 0 0  no-repeat;
}

ul.topics_select li#event_on a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/event_btn_on.png) 0 0  no-repeat;
}

ul.topics_select li#media_on a{
	width:170px;
	height:48px;  
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/media_btn_on.png) 0 0  no-repeat;
}

ul.topics_select li#blog_on a{
	width:170px;
	height:48px; 
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/topics/blog_btn_on.png) 0 0  no-repeat;
}


/* top topics 共通
------------------------------ */
.topics_title{
	margin:0 auto;
	width:149px;
	height:87px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/topics_title.png) 0 0  no-repeat;
}

/* topics_contents
================================================== */
.topics_contents{
	width:1206px;
	margin:0 auto;
	padding-left:76px;
	margin-top:64px; 
}

.topics_contents a{
	text-decoration: none;
	color:#000; 
}

.topics_contents a,
.topics_contents a::before,
.topics_contents a::after{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.topics_contents a:hover{
	color:#666666;
}

.topics_link{
	position:relative;
	float:left;
	margin:0px 38px 48px 0px; 
	width:348px;
	height:462px; 
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	background-color:#fff; 
	text-align:left;
}

.new{
	position:absolute;
	margin:8px 0px 0px 8px; 
	z-index:11;
}

.topics_img{
	position:absolute;
	margin:0; 
	z-index:10;
}

.topics_contents a.hover_img {
    background-color:#fff;
    display:block;
}

.topics_contents a.hover_img img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.topics_contents a:hover.hover_img img{
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.topics_heading p{
	position:absolute;
	margin:324px 8px 0 8px;
	font-weight:bold;
	line-height:24px; 
	font-size:1em; 
}

.topics_date p{
	position:absolute;
	margin:400px 8px 0 8px;
	font-weight:bold;
	line-height:24px; 
	font-size:0.875em; 
	color:#808080; 
}

.topics_category{
	position:absolute;
	margin:428px 0px 0px 0px;
}

.topics_category li{
	margin-right:4px; 
}

.topics_arrow{
	position:absolute;
	margin:432px 0px 0px 328px;
}

/* topics_pager
------------------------------ */
.pager{
	width:1120px; 
	padding-top:40px; 
	margin:0px 0px 112px 0px; 
    overflow:hidden;
}
 
.pager ul{
    list-style:none;
    position:relative;
    left:50%;
    float:left;
}
 
.pager ul li{
    margin:0 1px;
    position:relative;
    left:-50%;
    float:left;
	padding:4px; 
}
 
.pager ul li span,
.pager ul li a{
    display: block;
    font-size:1em;
    padding:0.6em 1em;
	background-color:#fff;
	border:1px solid #e5e5e5;
}
 
.pager ul li a{
    background-color:#e5e5e5;
    color:#000;
    text-decoration:none;
}
 
.pager ul li a:hover{
    background:#666666;
    color:#fff;
	border:1px solid #666666;
}

/* side_notice_btn
------------------------------ */
.slideR{
	position:fixed;
	width:165px;
	height:52px; 
	top:20%;
	right:-100px;
	text-indent:-9999px;
	background:url(../images/topics/notice_btn.png) 0 0  no-repeat;
	z-index:99;
}

/* topics/notice detail_contents
================================================== */
.detail_contents{
	position: relative;
	width:1120px; 
	margin:0 auto;
	margin-top:64px; 
	margin-bottom:80px; 
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	background-color:#fff; 
}

.notice_detail_contents{
	position: relative;
	width:1120px; 
	margin:0 auto;
	margin-top:64px; 
	margin-bottom:144px; 
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	background-color:#fff; 
}

.detail_area{
	position: relative;
	width:960px;
	margin:0 auto;
}

/* topics/notice detail_title_area
------------------------------ */
.title_area{
	margin-top:60px;
	height:100px;
	border-bottom:1px solid #e5e5e5;
}

.title_area h2{
	font-size:1.5em; 
	font-weight:bold; 
}

.category_date{
	visibility:middle;
	margin:32px 0px 32px 0px; 
}

.category_date p{
	font-size:1em;
	font-weight:bold; 
	color:#878787; 
	display:inline;
}

.category_date_notice{
	visibility:middle;
	margin:24px 0px 32px 0px; 
}

.category_date_notice p{
	font-size:1em;
	font-weight:bold; 
	color:#878787; 
	display:inline;
}

.detail_category{
	float:left; 
	display:inline;
	margin-right:12px; 
}

.detail_category li{
	padding-right:4px; 
}

/* topics/notice article_area
------------------------------ */
.article_area{
    border-bottom:1px solid #e5e5e5;
    padding-bottom:64px; 
}

.article_area p{
    margin-top:48px;
    font-size:0.938em; 
    line-height:28px; 
}
.article_image {
    margin-top:48px;
    font-size:0.938em; 
    line-height:28px; 
}
.article_text p{
    margin-top:1px;
    font-size:0.938em; 
    line-height:28px; 
}

/* topics/notice article_area
------------------------------ */
.article_share_area {
	margin-bottom:96px; 
}

.article_share_area p{
	width:114px;
	height:14px; 
	margin-top:32px;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/registration/article_share_title.png) 0 0  no-repeat;
}

.article_share_icon li#article_sns_t a{
	float:left;
	margin:20px 8px 0px 0px;
	width:40px;
	height:40px; 
	display:block;
	text-align:center;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/twitter_icon_circle.png)  no-repeat center;
}

.article_share_icon li#article_sns_f a{
	float:left;
	margin:20px 8px 0px 0px;
	width:40px;
	height:40px; 
	display:block;
	text-align:center;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/facebook_icon_circle.png)  no-repeat center;
}

.article_share_icon li#article_sns_l a{
	float:left;
	margin:20px 8px 0px 0px;
	width:40px;
	height:40px; 
	display:block;
	text-align:center;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/line_icon_circle.png)  no-repeat center;
}

/* notice_title
------------------------------ */
.notice_title{
	margin:0 auto;
	width:157px;
	height:34px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/notice_title_other.png) 0 0  no-repeat;
}

/* notice link_titl_area
------------------------------ */
.link_title_area{
	position:relative;
	border-bottom:1px solid #e5e5e5;
}

dl.detail_list {
    overflow:hidden;
    zoom:1;
	padding:32px 0px 32px 0px; 
}

dl.detail_list dt {
    width:120px;
    float:left;
    clear:both;
	margin-left:32px; 
	font-size:0.938em; 
	line-height:24px; 
}

dl.detail_list dd {
	width:720px;
	margin-left:32px; 
    padding:0px 0 0px 120px;
	font-weight:bold;
	font-size:1em; 
	line-height:24px; 
}

.link_notice_arrow{
	position:absolute;
	top:50%;
	left:917px; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.detail_area a{
	text-decoration:none;
	color:#000;
}

.detail_area a,
.detail_area a::before,
.detail_area a::after{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.detail_area a:hover{
	color:#666666;
}

.detail_area img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.detail_area a:hover img{
   opacity: 0.7;
   filter: alpha(opacity=70);
}

/* notice_pager
------------------------------ */
.pager_detail{
	width:960px; 
	padding-top:40px; 
	margin:0px 0px 64px 0px; 
    overflow:hidden;
}
 
.pager_detail ul{
    list-style:none;
    position:relative;
    left:50%;
    float:left;
}
 
.pager_detail ul li{
    margin:0 1px;
    position:relative;
    left:-50%;
    float:left;
	padding:4px; 
}
 
.pager_detail ul li span,
.pager_detail ul li a{
    display:block;
    font-size:1em;
    padding:0.6em 1em;
	background-color:#fff;
	border:1px solid #e5e5e5;
}
 
.pager_detail ul li a{
    background-color:#e5e5e5;
    color:#000;
    text-decoration:none;
}
 
.pager_detail ul li a:hover{
    background:#666666;
    color:#fff;
	border:1px solid #666666;
}

/* help_title
================================================== */
.help_title{
	margin:0 auto;
	width:157px;
	height:34px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/help_title.png) 0 0  no-repeat;
}

/* help_contents
================================================== */
.help_contents{
	width:984px; 
	margin:0 auto;
	margin-top:64px; 
}

.help_category_area{
	width:984px; 
}

.help_category{
	position:relative;
	float: left;
	padding:0px 12px 24px 12px; 
}

.help_category a{
	position:relative;
	width:304px;
	height:114px;
	background-color:#fff;
	color:#1e446a;
	text-decoration:none;
	border:1px solid #9ab0c6;
	box-sizing:border-box;
    border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; 
	display:table-cell;
	text-align:center;
	z-index:20;
}

.question{
	position:absolute;
	width:34px;
	height:34px;
	margin:40px 0px 0px 16px; 
	background-color:#c7d6e5;
    border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
}

.question_mark{
	padding-top:8px; 
}

.help_text_area{
   	display:table-cell;	
    width:256px;
    height:80px;
    vertical-align: middle;
    text-align:left;
	line-height:24px; 
}

.help_text_area h2{
    display:inline-block;
	font-size:1em; 
    text-align:left;
	margin-top:32px; 
	margin-left:64px; 
	line-height:24px; 
}

.help_arrow{
	position:relative;
	float:right; 
	margin-top:50px;
	margin-right:16px; 
}

.help_category a,
.help_category a::before,
.help_category a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}

.help_category a:hover {
	color:#61758e;
	border:1px solid #bacadb;
	box-sizing:border-box;
}

.help_category a .question,
.help_category a::before .question,
.help_category a::after .question{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.help_category a:hover .question{
	background-color:#d0dde9;
}

.help_category img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.help_category a:hover img{
   opacity:0.7;
   filter:alpha(opacity=70);
}

/* help_detail
================================================== */
.help_detail_contents{
	width:960px; 
	margin:0 auto;
	margin-top:64px; 
}

.help_category_title{
	position:relative;
	width:960px;
	height:72px;
	background-color:#fff;
	border:1px solid #9ab0c6;
	box-sizing:border-box;
    border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; 
	display:table-cell;
	text-align: center;
	z-index:20;
}

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

.question_detail{
	float:left;
	width:34px;
	height:34px;
	margin-top:19px; 
	background-color:#c7d6e5;
    border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
}

.question_mark_detail{
	padding-top:8px; 
}

.question_text{
	float:left;
	margin:24px 0px 0px 16px; 
}

.question_text h2{
	line-height:24px; 
	color:#1e446a;
	font-size:1.125em; 
}

/* help_contents
================================================== */
.help_contents_area{
	width:960px;
	margin-top:64px;
}

.help_contents_title{
	border-bottom:1px solid #e5e5e5;
}

.help_contents_title h3{
	font-size:1em; 
	color:#1e446a;
	font-weight:bold; 
	margin-bottom:16px; 
	font-weight:bold;
}

/* help_link
------------------------------ */
.detail_list p{
	width:800px;
	margin-left:24px; 
	padding:24px 0px 24px 0px; 
	font-size:0.875em;
	line-height:24px; 
}

.link_faq_arrow{
	position:absolute;
	top:50%;
	left:917px; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.help_contents_area a{
	text-decoration:none;
	color:#000;
}

.help_contents_area a,
.help_contents_area a::before,
.help_contents_area a::after{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.help_contents_area a:hover{
	color:#666666;
}

.help_contents_area img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.help_contents_area a:hover img{
   opacity:0.7;
   filter:alpha(opacity=70);
}

/* help_btn
------------------------------ */
.help_btn_area{
	margin-top:64px; 
}

/* faq_detail
------------------------------ */
.faq_detail{
	padding:24px 0px 48px 0px; 
}

.faq_detail h4{
	font-size:0.938em;
	font-weight:bold;
}

.faq_detail p{
	margin:24px 0px 0px 0px; 
	font-size:0.875em;
	line-height:24px; 
}

/* help_search
================================================== */
.help_search_index{
	clear:both;
	position:relative;
	width:960px; 
	margin:0 auto;
	padding-top:64px;  
	padding-bottom:168px;
}

.help_search{
	clear:both;
	position:relative;
	width:960px; 
	margin:0 auto;
	padding-top:80px;  
}

.search_area{
	position:relative;
	width:960px; 
	padding:48px 0px 48px 0px; 
	background-color:#f5f5f5; 
}

dl.search{
	width:560px;
	height:40px;
	margin-left:104px; 
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	box-sizing:border-box;
	border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px; 
}

dl.search dt input{
	width:520px;
	height:40px;
	line-height:30px;
	margin-left:20px; 
	font-size:1em; 
	background:none;
	border:none;
}

dl.search dd{
	position:absolute;
	top:0;
	left:584px;
	float:right; 
}

dl.search dd button{
	display:block;
	background:#333333;
	width:168px;
	height:40px;
	line-height:36px;
	font-size:0.875em; 
	color:#fff; 
	border:none; 
	cursor:pointer;
	border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px; 
}

.search_btn_arrow{
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	float:right;
	right:12px; 
}

dl.search dd button,
dl.search dd button::before,
dl.search dd button::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}

dl.search dd button:hover {
	background-color:#000;
}

input[type="text"]:focus {
  	outline:0;
}

/* contact
================================================== */
.contact_text{
	text-align: center;
	margin-top:24px; 
}

.contact_text h2{
	line-height:24px; 
	color:#1e446a;
	font-size:1.125em; 
}

/* radio_btn
------------------------------ */
.contact_radio{
	margin-top:24px;
}

.contact_radio input{
	display:none;
}

.contact_radio label{
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin:0px 0px 16px 12px;
	padding:8px 16px 0px 24px;
	color:#1e446a;
	font-size:0.938em;
	text-align:left;
	line-height:20px;
}

.contact_radio label:before{
	position:absolute;
	content:"";
	top:50%;
	left:-10px;
	width:24px;
	height:24px;
	margin-top:-10px;
	background:#fff;
	border:2px solid #b2b2b2;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
}

.contact_radio input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top:50%;
	left:-4px;
	width:16px;
	height:16px;
	margin-top:-4px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
	background:#1e446a;
}

.contact_notice_text{
	margin:24px 0px 0px 0px;
	font-size:0.875em;
	line-height:24px; 
}

.indentback{
	text-indent: -0.875em;
	padding-left:0.875em;
}

.indentback a{
	text-decoration: underline;
	color:#0058bb; 
}

.indentback a:hover{
	text-decoration: underline;
	color:#0058bb; 
}

/* submit_btn_area
------------------------------ */
.submit_btn_area{
	width:960px; 
	margin-top:64px; 
	margin-bottom:112px; 
}

/* form
================================================== */
.contact_list{
	padding-top:40px;
}

.contact_list dl {
     width:324px;
}

.contact_list  dt,
.contact_list  dd {
     display:table-cell;
     line-height: 1.4;
     vertical-align:middle;
}

.contact_list dt{
     width:324px;
}

.contact_list dd .required{
	width:40px;
	float:right;
}

.required{
	background:#f30000;
	width:40px;
	height:20px;
	margin-right:16px; 
	font-size:0.875em; 
	text-align:center;
	line-height:20px;
	color:#fff; 
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px; 
}

.contact_list dd .any{
	width:40px;
	float:right;
}

.any{
	background:#f2f2f2;
	width:40px;
	height:20px;
	margin-right:16px; 
	font-size:0.875em; 
	text-align:center;
	line-height:20px;
	color:#000; 
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px; 
}

.error_text{
	color:#f30000;
	font-size:0.75em;
	padding-bottom:4px; 
}

.contact_list dd .form_mail {
	width:600px;
	height:40px; 
	border:#dedede 2px solid;
	font-size:1em; 
}

.form_question{
	margin-left:8px;
}

.contact_list img{
	-webkit-transition: all .3s;
	transition: all .3s;
    }

.contact_list a:hover img{
   opacity:1;
   filter:alpha(opacity=100);
}

/* form text_area
------------------------------ */
.contact_textarea{
	padding-top:40px;
}

.contact_textarea dl {
     width:324px;
}

.contact_textarea  dt,
.contact_textarea  dd {
	text-align:left;
	display:table-cell;
	line-height:1.4;
	vertical-align:top; 
}

.contact_textarea dt{
     width:324px;
	
}

.contact_textarea dd .required{
	width:40px;
	float:right;
}

.contact_textarea dd .any{
	width:40px;
	float:right;
}

.textarea_error_text{
	color:#f30000;
	float:left;
	font-size:0.75em;
	padding-bottom:4px; 
}

.contact_textarea dd .form_content{
	width:598px;
	height:16em;
	border:#dedede 2px solid;
	outline: none;
	font-size:1em; 
	resize:vertical;
}

.privacypolicy{
	border-top:1px solid #e5e5e5;
	margin-top:40px; 
}

.privacypolicy_link{
	text-align:center;
	font-size:1em; 
	text-decoration:underline;
	padding:24px 0; 
}

.privacypolicy_text{
	text-align:center;
	font-size:0.813em; 
}

#notice_text_area{
	margin-top:-40px; 
	margin-bottom:112px; 
}

/* form result
------------------------------ */
.result_contents_area{
	width:960px;
	margin:64px 0px 80px 0px;
	border-bottom:1px solid #e5e5e5;
	
}

.result_contents_area h2{
	font-size:1.125em; 
	font-weight:bold; 
	padding-bottom:40px; 
}

.result_contents_area p{
	font-size:0.875em; 
	line-height:24px; 
	padding-bottom:112px; 
}

/* special
================================================== */
.special_title{
	margin:0 auto;
	width:160px;
	height:87px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/special_title.png) 0 0  no-repeat;
}

/* special_bese
------------------------------ */
.special_contents{
	position:relative;
	width:1156px; 
	margin:0 auto;
	margin-top:64px; 
	padding-bottom:80px; 
}

.special_link{
	float:left;
	width:542px; 
	padding:0px 18px 0px 18px;
	margin-bottom:48px; 
}

.special_link p{
	text-align:center;
	font-size:1.375em;
	font-weight:bold;
	color:#007ec7;
	padding-top:16px; 
}

.special_link a {
    background-color:#fff;
    display:block;
	cursor:pointer;
}

.special_link a img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.special_link a:hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#heightBox{
	clear:both;
	position:relative;
	width:1120px; 
	margin:0 auto;
	margin-bottom:64px; 
}

/* special_subtitle
------------------------------ */
.specialTitle{
	width:1120px;
	height:72px; 
	margin:0 auto;
	background:url(../images/special/special_oblique_bg.png)  no-repeat center;
}

.specialTitle h2{
	padding-top:24px; 
	text-align:center;
	font-size:1.5em;
	font-weight:bold; 
	color:#007ec7; 
	vertical-align:middle; 
}

.special_contentsBase{
	width:1120px;
	margin:0 auto;
	background-color:#fff; 
	border-bottom:1px solid #69b9e7;
}

.special_contentsArea a {
	display:block; 
    background-color:#fff;
	cursor:pointer;
}

.special_contentsArea a img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.special_contentsArea a :hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* special_movie
------------------------------ */
.opCategory{
	padding-top:56px;	
}

.specialCategory_title{
	width:960px;
	margin:0 auto;
	border-bottom:1px solid #c8e1f0;
}

.specialCategory_title h3{
	font-size:1.25em;
	color:#007ec7;
	font-weight:bold;
	padding-bottom:8px; 
}

.special_contentsArea{
	width:960px;
	margin:0 auto;
	background-color:#fff; 
}

.movieLink{
	position:relative; 
	margin:0 auto;
	display:block; 
}

.movie_op{
	position:relative; 
	width:460px;
	height:288px; 
	float:left;
	margin:44px 0px 0px 0px; 
}

.moviePlaySpecial{
	position:absolute;
	margin:103px 0px 0px 189px;  
	z-index:5000; 
}

.movieThumbnail{
	position:absolute; 
	margin:0; 
}

.opText{
	margin:44px 0px 0px 40px; 
	float:left;
}

.opText p{
	font-size:1em;
	color:#007ec7;
}

dl.artist {
    overflow:hidden;
    zoom:1;
	padding:16px 0px 6px 0px; 
}

dl.artist dt {
    clear:both;
	margin-left:0px; 
	font-size:1.5em; 
	font-weight:bold; 
	line-height:24px; 
}

dl.artist dd {
	padding-top:12px; 
	font-size:1em; 
	line-height:24px; 
}

.artistArea{
	clear:both;
}



dl.artistProfile {
	margin-top:24px; 
}

dl.artistProfile dt {
    clear:both;
	margin-left:0px; 
	font-size:1em; 
	font-weight:bold; 
}

dl.artistProfile dd {
	padding-top:16px; 
	font-size:0.813em; 
	line-height:24px; 
}

.topline{
	clear:both;
	position:relative;
	width:16px; 
	border-bottom:1px solid #b2b2b2;
	padding:32px 0px 0px 0px; 
}

.profileLeft{
	float:left; 
	width:460px; 
}

.profileRight{
	float:left; 
	width:460px; 
	margin-left:40px; 
}

/* pv
------------------------------ */
.pvCategory{
	clear:both;
	padding-top:56px;	
}

.pvLinkarea{
	width:1120px; 
	margin:0 auto;
}

.pvArea{
	float:left;
	padding:40px 40px 0px 0px; 
	
}

.movie_pv{
	position:relative; 
	width:460px;
	height:288px; 
}

.pvArea p{
	font-size:0.875em; 
	color:#007ec7; 
}

.pvText{
	margin-top:16px; 
}

#pvBottom{
	clear:both;
	position:relative;
	width:1120px; 
	margin:0 auto;
	margin-bottom:120px; 
}

/* twitter
------------------------------ */
.twitterCategory{
	padding-top:56px;	
}

.twitterCategory p{
	padding-top:16px;	
	font-size:1em;
	color:#007ec7;
	line-height:24px; 
}

.comments{
	font-size:0.875em; 
}

/* twitter icon
------------------------------ */
.twitterIconArea{
	width:984px;
	margin-top:16px; 
}


.twitterIcon{
	float:left;
	padding:16px 24px 0px 0px; 
}

.twitter_leon{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_leon.png) 0 0  no-repeat;}
.twitter_nora{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_nora.png) 0 0  no-repeat;}
.twitter_kaworu{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_kaworu.png) 0 0  no-repeat;}
.twitter_rio{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_rio.png) 0 0  no-repeat;}
.twitter_gin{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_gin.png) 0 0  no-repeat;}
.twitter_iliya{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_iliya.png) 0 0  no-repeat;}
.twitter_lucca{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_lucca.png) 0 0  no-repeat;}
.twitter_aki{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_aki.png) 0 0  no-repeat;}
.twitter_touma{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_touma.png) 0 0  no-repeat;}
.twitter_kaede{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_kaede.png) 0 0  no-repeat;}
.twitter_masachika{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_masachika.png) 0 0  no-repeat;}
.twitter_alfons{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_alfons.png) 0 0  no-repeat;}
.twitter_tsubaki{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_tsubaki.png) 0 0  no-repeat;}
.twitter_suou{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_suou.png) 0 0  no-repeat;}
.twitter_rinat{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_rinat.png) 0 0  no-repeat;}
.twitter_iori{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_iori.png) 0 0  no-repeat;}
.twitter_ciel{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_ciel.png) 0 0  no-repeat;}
.twitter_mikage{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_mikage.png) 0 0  no-repeat;}
.twitter_ricardo{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_ricardo.png) 0 0  no-repeat;}
.twitter_yoichi{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_yoichi.png) 0 0  no-repeat;}
.twitter_claus{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_claus.png) 0 0  no-repeat;}
.twitter_william{margin:0 auto;width:140px;height:16px; margin-top:8px; display:block;text-indent:-9999px;overflow:hidden;background:url(../images/special/twitter_name_william.png) 0 0  no-repeat;}

/* wallpaper icon
------------------------------ */
.downloadCategory{
	padding-top:56px;	
}

.downloadCategory p{
	padding-top:16px;	
	font-size:1em;
	color:#007ec7;
	line-height:24px; 
}

.downloadArea{
	margin-top:40px; 
}

.sizePc{
	float:left; 
}

ul.sizePc_btn{
	height:80px;

}

ul.sizePc_btn li {
	float:left;
	margin-top:16px; 
}

ul.sizePc_btn li#fullHd a{
	width:220px;
	height:40px; 
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/special/fullhd_btn.png) 0 0  no-repeat;
	margin-right:20px; 
}

ul.sizePc_btn li#sxga a{
	width:220px;
	height:40px; 
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/special/sxga_btn.png) 0 0  no-repeat;
}

.sizeSp01{
	float:left; 
	margin-left:40px; 
}

.sizeSp02{
	float:left; 
	margin-left:20px; 
}

.sizeSp_btn{
	margin-top:16px; 
}

#spSize{
	width:183px;
	height:40px; 
	float:left;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/special/spsize_btn.png) 0 0  no-repeat;
}

/* introduction
================================================== */
.introduction_title{
	margin:0 auto;
	width:285px;
	height:87px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/introduction_title.png) 0 0  no-repeat;
}

.story_mainarea{
	position:relative;
	margin-top:24px;
	min-width:1280px;
}

/* storyTitle
------------------------------ */
.bk_topstoryBg{
	position:absolute;
	width:100%; 
	height:20px; 
	margin-top:72px; 
	min-width:1280px; 
	overflow:hidden;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:1000;
}

.storyBg{
	position:relative;
	margin-top:10px; 
	width:100%; 
	height:240px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2000;
}

.storyContent{
	height:82px; 
	margin-top:80px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url("../images/common/pattern.png"),url("../images/introduction/story_title.png") center no-repeat, linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/story_title.png") center no-repeat,-webkit-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/story_title.png") center no-repeat, -ms-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background-color:#2972be;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4375e5', endColorstr='#16d2d4',GradientType=0 );
	z-index:2000;
}

.storyContent h2{
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.storynoskew{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottomstoryBg{
	margin-top:-152px; 
	height:20px; 
}

.bk_bottomstoryContent{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1500;
}

/* story_bg 
------------------------------ */
.story_bg{
	position:absolute; 
	width:100%;
	height:1200px;
	min-width:1280px; 
	margin-top:20px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url("../images/introduction/story_bg.jpg") 0 0 ;
	background-size:100% auto;
	background-color:#fff;
	z-index:1000; 
}

.story_mainarea h2{
	position:relative; 
	z-index:2000; 
}

.story_copyArea{
	width:748px;
	margin:0 auto; 
	text-align:center; 
	display:block;
	vertical-align:middle;
}

.story_copyArea h3{
	text-align:center; 
	width:748px;
	height:262px;
	padding-left:40px; 
	margin-top:80px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/story_copy.png)  no-repeat center / contain;
	z-index:3000;
}

.story_commentaryArea{
	width:733px;
	margin:0 auto; 
	text-align:center; 
	display:block;
	vertical-align:middle;
}

.story_commentaryArea p{
	text-align:center; 
	width:733px;
	height:598px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/story_commentary.png)  no-repeat center / contain;
	z-index:3000; 
}

/* still 
------------------------------ */
.still{
	position:relative;
	margin-top:900px; 
}

.stillCopy{
	width:795px;
	height:78px;
	margin:0 auto; 
	text-align:center; 
	display:block;
	vertical-align:middle;
}

.stillCopy p{
	position:absolute; 
	text-align:center; 
	width:795px;
	height:78px;
	margin-top:28%; 
	padding-top:36px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/still_copy.png)  no-repeat center / contain;
	z-index:9500; 
}

.story_mainarea img{
	position: relative;
	width:100%; 
	min-width:1280px;
}

.still img{
	position: relative;
	width:100%; 
	min-width:1280px;
	z-index:4000; 	
}

/* worldTitle 
------------------------------ */
.bk_topworldBg{
	position:absolute;
	width:100%; 
	height:20px; 
	margin-top:72px; 
	min-width:1280px; 
	overflow:hidden;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:1000;
}

.worldBg{
	position:relative;
	margin-top:-20px; 
	width:100%; 
	height:240px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2000;
}

.worldContent{
	height:82px; 
	margin-top:80px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url("../images/common/pattern.png"),url("../images/introduction/world_title.png") center no-repeat, linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/world_title.png") center no-repeat,-webkit-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/world_title.png") center no-repeat, -ms-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background-color:#2972be;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4375e5', endColorstr='#16d2d4',GradientType=0 );
	z-index:2000;
}

.worldContent h2{
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.worldnoskew{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottomworldBg{
	margin-top:-152px; 
	height:20px; 
}

.bk_bottomworldContent{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1500;
}

/* world
------------------------------ */
.world_mainarea{
	position:relative;
	min-width:1280px;
	margin-top:40px; 
}

.world_mainarea h2{
	position:relative; 
	z-index:4000; 
}

.subTitle img{
	width:100%; 
	min-width:1280px;
}

.worldmapBg{
	position:absolute; 
	width:100%;
	height:1280px;
	min-width:1280px; 
	margin-top:10px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url(../images/introduction/worldmap.jpg) 0 0  no-repeat;
	background-size:100% auto;
	z-index:1000; 
}

.worldLink{
	width:1120px;
	height:800px; 
	margin:0 auto;
	z-index:2000; 
}

/* world 01
------------------------------ */
.world_01{
	position:absolute;
	text-align:center; 
	display:block;
	vertical-align:middle;
	margin-top:120px; 
	float:left;	
	z-index:2000; 
}

.worldImage_01{
	position:relative;
	width:326px; 
	height:326px; 
	float:left;
	margin:0; 
	z-index:3000; 
}

.worldImage_circle{
	position:absolute;
	float:left;
	z-index:3000; 
}

.plusLink{
	position:absolute;
	float:left;
	margin-left:228px; 
	z-index:3500; 
}

.worldName_01{
	position:absolute;
	margin-left:344px; 
 	top:50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	z-index:3000; 
}

.worldName_01 p{
	width:257px;
	margin-top:61px; 
	text-align:left;
	font-size:0.875em;
	line-height:22px; 
}

.worldName_01 h3{
	float:left;
	width:256px;
	height:43px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/world_01_places.png)  no-repeat center / contain;
	z-index:3000; 
}

/* world 02
------------------------------ */
.world_02{
	clear: both;
	position:absolute;
	text-align:center; 
	display:block;
	vertical-align:middle;
	margin-top:320px; 
	float:right;	
	z-index:3000; 
}

.worldImage_02{
	position:relative;
	width:326px; 
	height:326px; 
	float:right;
	margin-left:794px; 
	z-index:3000; 
}

.worldImage_circle{
	position:absolute;
	float:right;
	z-index:3000; 
}

.plusLink{
	position:absolute;
	float:left;
	margin-left:228px; 
	z-index:3500; 
}

.worldName_02{
	position:absolute;
	margin-left:521px; 
 	top:50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	z-index:3000; 
}

.worldName_02 p{
	width:257px;
	margin-top:61px; 
	text-align:left;
	font-size:0.875em;
	line-height:22px; 
}

.worldName_02 h3{
	float:left;
	width:257px;
	height:43px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/world_02_places.png)  no-repeat center / contain;
	z-index:3000; 
}

/* world 03
------------------------------ */
.world_03{
	position:absolute;
	text-align:center; 
	display:block;
	vertical-align:middle;
	margin-top:520px; 
	margin-left:80px; 
	float:left;	
	z-index:3000; 
}

.worldImage_03{
	position:relative;
	width:326px; 
	height:326px; 
	float:left;
	margin:0; 
	z-index:3000; 
}

.worldImage_circle{
	position:absolute;
	float:left;
	z-index:3000; 
}

.plusLink{
	position:absolute;
	float:left;
	margin-left:228px; 
	z-index:3500; 
}

.worldName_03{
	position:absolute;
	margin-left:344px; 
 	top:50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	z-index:3000; 
}

.worldName_03 p{
	width:257px;
	margin-top:61px; 
	text-align:left;
	font-size:0.875em;
	line-height:22px; 
}

.worldName_03 h3{
	float:left;
	width:177px;
	height:43px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/world_03_places.png)  no-repeat center / contain;
	z-index:3000; 
}

/* TIPS
------------------------------ */
.tipsTitlebar{
	position:relative;
	margin-top:840px; 
	z-index:3500; 
	z-index:3000; 
}

.tipsTitlebar img{
	width:100%; 
	min-width:1280px;
	text-align:center;
	z-index:3000; 
}

/* 01 
------------------------------ */
.tips01Bg{
	position:relative;
	margin-top:-160px; 
	width:100%; 
	height:960px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
}

.tips01Content{
	margin-top:80px; 
	height:800px; 
	transform:skew(0deg, -2.4deg); 
	-webkit-transform:skew(0deg, -2.4deg); 
  	-ms-transform:skew(0deg, -2.4deg); 
	background:#337ec4; 
	color:#fff;
}

.noskew01{
	transform:skew(0deg, 2.4deg);
	-webkit-transform:skew(0deg, 2.4deg);
  	-ms-transform:skew(0deg, 2.4deg);
}

.number01Area{
	position:absolute;
	width:960px;
	margin:0 auto;
	margin-top:84px;
	z-index: 4000;
}

.number01Photo{
	float:left;
}

.tipsTextArea01{
	float:left;
	margin-left:40px; 
}

.number01Right{
	position:absolute;
	margin-top:56px; 
	right:0; 
	z-index:1000; 
}

.number01{
	width:399px;
	height:286px;
	padding-right:160px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/number01.png)  no-repeat center / contain;
}

/* 02 
------------------------------ */
.tips02Bg{
	position:relative;
	margin-top:-584px; 
	width:100%; 
	height:800px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
}

.tips02Content{
	margin-top:80px; 
	height:800px; 
	transform:skew(0deg, 2.4deg); 
	-webkit-transform:skew(0deg, 2.4deg); 
  	-ms-transform:skew(0deg, 2.4deg); 
	background:#33aac4; 
	color:#fff;
}

.noskew02{
	transform:skew(0deg, -2.4deg);
	-webkit-transform:skew(0deg, -2.4deg);
  	-ms-transform:skew(0deg, -2.4deg);
}

.number02Area{
	position:absolute;
	width:960px;
	margin:0 auto;
	margin-top:36px;
	z-index: 4000;
}

.number02Photo{
	float:right;
}

.tipsTextArea02{
	float:left;
}

.number02Left{
	position:absolute;
	margin-top:8px; 
	left:0; 
}

.number02{
	width:427px;
	height:284px;
	padding-left:160px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/number02.png)  no-repeat center / contain;
}

/* 03 
------------------------------ */
.tips03Bg{
	position:relative;
	margin-top:-472px; 
	width:100%; 
	height:800px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
}

.tips03Content{
	margin-top:80px; 
	height:800px; 
	transform:skew(0deg, -2.4deg); 
	-webkit-transform:skew(0deg, -2.4deg); 
  	-ms-transform:skew(0deg, -2.4deg); 
	background:#979697; 
	color:#fff;
}

.noskew03{
	transform:skew(0deg, 2.4deg);
	-webkit-transform:skew(0deg, 2.4deg);
  	-ms-transform:skew(0deg, 2.4deg);
}

.number03Area{
	position:absolute;
	width:960px;
	margin:0 auto;
	margin-top:36px;
	z-index:4000;
}

.number03Photo{
	float:left;
}

.tipsTextArea03{
	float:left;
	margin-left:40px; 
}

.number03Right{
	position:absolute;
	margin-top:8px; 
	right:0; 
	z-index:4000; 
}

.number03{
	width:399px;
	height:286px;
	padding-right:160px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/number03.png)  no-repeat center / contain;
}

/* 04 
------------------------------ */
.tips04Bg{
	position:relative;
	margin-top:-472px; 
	width:100%; 
	height:800px;
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
}

.tips04Content{
	margin-top:80px; 
	height:440px;
	transform:skew(0deg, 2.4deg); 
	-webkit-transform:skew(0deg, 2.4deg); 
  	-ms-transform:skew(0deg, 2.4deg); 
	background:#735899; 
	color:#fff;
}

.noskew04{
	transform:skew(0deg, -2.4deg);
	-webkit-transform:skew(0deg, -2.4deg);
  	-ms-transform:skew(0deg, -2.4deg);
}

.number04Area{
	position:absolute;
	width:960px;
	margin:0 auto;
	margin-top:36px;
	z-index: 4000;
}

.number04Photo{
	float:right;
}

.tipsTextArea04{
	float:left;
}

.number04Left{
	position:absolute;
	margin-top:8px; 
	left:0; 
}

.number04{
	width:427px;
	height:284px;
	padding-left:160px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/number04.png)  no-repeat center / contain;
}

.mapBtn{
	margin-top:16px;
}

.mapBtn a{
	display:block;
	text-align:center;
	width:72px;
	height:16px;
	background-color:#000;
	color:#fff;
	padding:4px;
	text-decoration:none;
	font-size:1em;
	line-height:16px; 
    border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	z-index:20; 
}

/* 05 
------------------------------ */
.tips05Bg{
	position:relative;
	margin-top:-472px; 
	width:100%; 
	height:540px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
}

.tips05Content{
	margin-top:80px; 
	height:300px;
	transform:skew(0deg, -2.4deg); 
	-webkit-transform:skew(0deg, -2.4deg); 
  	-ms-transform:skew(0deg, -2.4deg); 
	background:#30bfa6; 
	color:#fff;
}

.noskew05{
	transform:skew(0deg, 2.4deg);
	-webkit-transform:skew(0deg, 2.4deg);
  	-ms-transform:skew(0deg, 2.4deg);
}

.number05Area{
	position:absolute;
	width:960px;
	margin:0 auto;
	margin-top:36px;
	z-index: 4000;
}

.number05Photo{
	float:left;
}

.tipsTextArea05{
	float:left;
	margin-left:40px; 
}

.number05Right{
	position:absolute;
	margin-top:8px; 
	right:0; 
	z-index:4000; 
}

.number05{
	width:399px;
	height:286px;
	padding-right:160px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/introduction/number05.png)  no-repeat center / contain;
}

/* number 
------------------------------ */
.numberBg{
	position:relative;
}

.numberBg img{
	position: relative;
	margin-top:-160px; 
	width:100%; 
	min-width:1280px;
	text-align:center;
	z-index:2500; 
}

.tipContent{
	width:960px;
	margin:0 auto;
}

/* text
------------------------------ */
dl.tipsText {
	width:460px; 
    overflow:hidden;
    zoom:1;
	color:#fff; 
}

dl.tipsText dt {
	margin-left:0px; 
	font-size:1.5em; 
	font-weight:bold; 
	line-height:24px; 
}

dl.tipsText dd {
	padding-top:12px; 
	font-size:0.875em; 
	line-height:26px; 
}

/* snowBg 
------------------------------ */
.bk_topsnowBg{
	position:absolute;
	width:100%; 
	height:240px; 
	margin-top:-320px; 
	min-width:1280px; 
	overflow:hidden;
	transform:skew(0deg, 2.5deg); 
	-webkit-transform:skew(0deg, 2.5deg); 
  	-ms-transform:skew(0deg, 2.5deg); 
	background-color:#30bfa6;
	z-index:500;
}

.snowBg{
	position:relative;
	margin-top:-320px; 
	width:100%; 
	height:558px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:200;
}

.snowContent{
	height:400px; 
	margin-top:80px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url(../images/introduction/snow_mountain.jpg) 0 0  no-repeat;
	background-size:100% auto;
	z-index:200;
}

.snowContent h2{
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.snownoskew{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottomsnowBg{
	margin-top:-152px;
	height:20px; 
	z-index:100;
}

.bk_bottomsnowContent{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:100;
}

/* staffTitle 
------------------------------ */
.bk_topstaffBg{
	position:absolute;
	width:100%; 
	height:20px; 
	margin-top:72px; 
	min-width:1280px; 
	overflow:hidden;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:2000;
}

.staffBg{
	position:relative;
	margin-top:20px; 
	width:100%; 
	height:240px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2500;
}

.staffContent{
	height:82px; 
	margin-top:80px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url("../images/common/pattern.png"),url("../images/introduction/staff_title.png") center no-repeat, linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/staff_title.png") center no-repeat,-webkit-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/staff_title.png") center no-repeat, -ms-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background-color:#2972be;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4375e5', endColorstr='#16d2d4',GradientType=0 );
	z-index:3000;
}

.staffContent h2{
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.staffnoskew{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
	z-index:3000;
}

.bk_bottomstaffBg{
	margin-top:-152px; 
	height:20px; 
	z-index:2000;
}

.bk_bottomstaffContent{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:2000;
}

/* staff
------------------------------ */
.staff_mainarea{
	position:relative;
	min-width:1280px;
	margin-top:112px; 
}

.staffAreaBg{
	width:100%;
	background-color:#fff;
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	z-index:1500; 
}

.staffArea{
	position:relative;
	width:1120px;
	height:560px;
	margin:0 auto;
	z-index:1500; 
}

.bk_bottomstaffBg03{
	margin-top:-42px; 
	height:10px; 
	z-index:1;
}

.bk_bottomstaffContent03{
	position:relative;
	width:100%; 
	height:44px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background-color:#fff;
	z-index:1;
}

.bk_bottomstaffBg02{
	margin-top:-10px; 
	height:8px; 
	z-index:1;
}

.bk_bottomstaffContent02{
	position:relative;
	width:100%; 
	height:16px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1;
}

.MemberHight{
	margin-top:104px;	
	float:left;
}

dl.credit {
	width:320px; 
    overflow:hidden;
    zoom:1;
	color:#000; 
	padding-top:20px;
}

dl.credit dt {
	margin-left:0px; 
	font-size:0.938em; 
	line-height:22px; 
}

dl.credit dd {
	padding-top:8px; 
	font-size:1.6em; 
	line-height:28px; 
	font-weight:bold; 
}

dl.credit02 {
	width:400px; 
    overflow:hidden;
    zoom:1;
	color:#000; 
	padding-top:20px;
}

dl.credit02 dt {
	margin-left:0px; 
	font-size:0.938em; 
	line-height:22px; 
}

dl.credit02 dd {
	padding-top:8px; 
	font-size:1.6em; 
	line-height:28px; 
	font-weight:bold; 
}

dl.credit03 {
	width:340px; 
    overflow:hidden;
    zoom:1;
	color:#000; 
	padding-top:20px;
}

dl.credit03 dt {
	margin-left:0px; 
	font-size:0.938em; 
	line-height:22px; 
}

dl.credit03 dd {
	padding-top:8px; 
	font-size:1.6em; 
	line-height:28px; 
	font-weight:bold; 
}

#creditDetail{
	font-size:0.563em; 
	line-height:20px; 
}

/* castTitle 
------------------------------ */
.bk_topcastBg{
	position:absolute;
	width:100%; 
	height:20px; 
	margin-top:72px; 
	min-width:1280px; 
	overflow:hidden;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:2000;
}

.castBg{
	position:relative;
	margin-top:20px; 
	width:100%; 
	height:240px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2500;
}

.castContent{
	height:82px; 
	margin-top:80px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url("../images/common/pattern.png"),url("../images/introduction/cast_title.png") center no-repeat, linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/cast_title.png") center no-repeat,-webkit-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background:url("../images/common/pattern.png"),url("../images/introduction/cast_title.png") center no-repeat, -ms-linear-gradient(left,#4375e5 0%,#6b98f3 32%, #16d2d4 100%);
	background-color:#2972be;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4375e5', endColorstr='#16d2d4',GradientType=0 );
	z-index:3000;
}

.castContent h2{
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.castnoskew{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
	z-index:3000;
}

.bk_bottomcastBg{
	margin-top:-152px; 
	height:20px; 
	z-index:2000;
}

.bk_bottomcastContent{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:2000;
}

/* cast
------------------------------ */
.cast_mainarea{
	position:relative;
	min-width:1280px;
	margin-top:88px; 
}

.castArea_white{
	position:relative;
	width:100%;
	height:620px; 
	margin:0 auto;
	z-index:1500; 
	overflow:hidden; 
}

.castAreaBg{
	width:100%;
	background-color:#fff;
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	z-index:1500; 
}


.castHight{
	padding-top:80px;
	
}

.castArea{
	position:relative;
	width:1170px;
	padding-left:50px; 
	margin:0 auto;
	z-index:4000; 
}

.bk_bottomcastBg03{
	margin-top:-42px; 
		margin-bottom:160px; 
	height:10px; 
	z-index:1;
}

.bk_bottomcastContent03{
	position:relative;
	width:100%; 
	height:44px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background-color:#fff;
	z-index:1;
}

.bk_bottomcastBg02{
	margin-top:-10px; 
	height:8px; 
	z-index:1;
}

.bk_bottomcastContent02{
	position:relative;
	width:100%; 
	height:16px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1;
}

/* cast link
------------------------------ */
.castLink{
	width:145px; 
	float:left; 
	margin:32px 50px 0px 0px; 
}

.castHight a{
	text-decoration:none;
	color:#00326f; 
}

.castHight a,
.castHight a::before,
.castHight a::after{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.castHight a:hover{
	color:#1e5598;
}

.castHight img{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.castHight a:hover img{
   opacity: 0.7;
   filter: alpha(opacity=70);
}

dl.cast {
    overflow:hidden;
    zoom:1;
}

dl.cast dt {
	font-size:0.938em; 
	line-height:24px; 
}

dl.cast dd {
	font-size:1.5em; 
	font-weight:bold; 
}

.castName{
	float:left;
	width:134px; 
}

.castarrow{
	margin-left:134px; 
	margin-top:16px;
}

.slantingBottom02 img{
	position: relative;
	width:100%; 
	min-width:1280px;
	margin-bottom:112px; 
	text-align:center;
	z-index:2500; 
}

#heightBox02{
	clear:both;
	position:relative;
	width:100%; 
	margin:0 auto;
	margin-bottom:64px; 
}

/* system
================================================== */
.system_title{
	margin:0 auto;
	width:223px;
	height:87px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/system_title.png) 0 0  no-repeat;
}

.system_mainarea{
	position:relative;
	margin-top:80px;
	min-width:1280px;
}

/* story Bg 
------------------------------ */
.bk_top01Bg{
	position:relative;
	width:100%; 
	height:80px; 
	margin-top:112px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:1000;
}

.system01Bg{
	position:relative;
	margin-top:-190px; 
	width:100%; 
	height:720px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2000;
}

.system01Content{
	height:420px; 
	margin-top:120px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background: linear-gradient(left,#4154e0 0%, #00a0db 100%);
	background: -webkit-linear-gradient(left,#4154e0 0%, #00a0db 100%);
	background: -ms-linear-gradient(left,#4154e0 0%, #00a0db 100%);
	background-color:#4154e0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4154e0', endColorstr='#00a0db',GradientType=0 );
	z-index:2000;
}

.systemnoskew01{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottom01Bg{
	margin-top:-254px; 
	margin-bottom:160px; 
}

.bk_bottom01Content{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1500;
}

/* PUZZLE&BATTLE Bg 
------------------------------ */
.bk_top02Bg{
	position:relative;
	width:100%; 
	height:80px; 
	margin-top:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:1000;
}

.system02Bg{
	position:relative;
	margin-top:-190px; 
	width:100%; 
	height:996px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2000;
}

.system02Content{
	height:696px; 
	margin-top:120px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background: linear-gradient(left,#007bd9 0%, #00dbbe 100%);
	background: -webkit-linear-gradient(left,#007bd9 0%, #00dbbe 100%);
	background: -ms-linear-gradient(left,#007bd9 0%, #00dbbe 100%);
	background-color:#007bd9;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bd9', endColorstr='#00dbbe',GradientType=0 );
	z-index:2000;
}

.systemnoskew02{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottom02Bg{
	margin-top:-254px; 
	margin-bottom:160px; 
}

.bk_bottom02Content{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1500;
}

/* COLLECTION Bg 
------------------------------ */
.bk_top03Bg{
	position:relative;
	width:100%; 
	height:80px; 
	margin-top:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:1000;
}

.system03Bg{
	position:relative;
	margin-top:-190px; 
	width:100%; 
	height:780px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2000;
}

.system03Content{
	height:468px; 
	margin-top:120px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background: linear-gradient(left,#007bd9 0%, #00d7e5 100%);
	background: -webkit-linear-gradient(left,#00c7ad 0%, #00d7e5 100%);
	background: -ms-linear-gradient(left,#00c7ad 0%, #00d7e5 100%);
	background-color:#00c7ad;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7ad', endColorstr='#00d7e5',GradientType=0 );
	z-index:2000;
}

.systemnoskew03{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottom03Bg{
	margin-top:-266px; 
	margin-bottom:112px; 
}

.bk_bottom03Content{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1500;
}

/* point 01 
------------------------------ */
.pointArea{
	width:1120px;
	margin:0 auto;
}

.point01Copy{
	position:relative;
	float:left;
	margin-top:64px; 
}

.point01Copy h2{
	width:232px;
	height:104px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/point01_story.png)  no-repeat center / contain;
}

.point01Copy h3{
	width:457px;
	height:102px;
	margin-top:24px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/story_words.png)  no-repeat center / contain;
}

.point01Copy p{
	font-size:0.875em; 
	line-height:24px; 
	color:#fff; 
	margin-top:20px; 
}

.storyImage{
	position:absolute;
	margin-left:536px; 
	margin-top:-48px; 
}

/* point 02 swiper
------------------------------ */
.swiper-container {
	clear:both;
	position:relative; 
	height:400px;
}


.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: left;
	-ms-flex-align: left;
	-webkit-align-items: left;
	align-items: left;
}

.swiper-button-prev{
	color:#fff;
}

/* point 02
------------------------------ */
.point02title{
	position:relative;
	float:left;
	margin:64px 0px 40px 0px; 
}


.point02title h2{
	width:556px;
	height:105px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/point02_puzzlebattle.png)  no-repeat center / contain;
}

/* point 02 part01
------------------------------ */
.point02Copy01{
	position: relative;
	float:left;
}

.part01{
	width:72px;
	height:72px;
	margin:0px 0px 0px 48px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/part01.png)  no-repeat center / contain;
}

.point02Copy01 h3{
	width:409px;
	height:96px;
	margin:2px 0px 0px 48px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/puzzlebattle_words01.png)  no-repeat center / contain;
}

.point02Copy01 p{
	width:406px;
	font-size:0.875em; 
	line-height:24px; 
	color:#fff; 
	margin:20px 0px 0px 48px; 
}

.puzzlebattleImage01{
	position:relative;
	float:left;
	margin-left:80px; 
}

/* point 02 part02
------------------------------ */
.point02Copy02{
	position: relative;
	float:left;
}

.part02{
	width:72px;
	height:72px;
	margin:0px 0px 0px 48px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/part02.png)  no-repeat center / contain;
}

.point02Copy02 h3{
	width:371px;
	height:80px;
	margin:16px 0px 0px 48px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/puzzlebattle_words02.png)  no-repeat center / contain;
}

.point02Copy02 p{
	width:406px;
	font-size:0.875em; 
	line-height:24px; 
	color:#fff; 
	margin:20px 0px 0px 48px; 
}

.puzzlebattleImage02{
	position:relative;
	float:left;
	margin-left:80px; 
}

/* point 02 part03
------------------------------ */
.point02Copy03{
	position: relative;
	float:left;
}

.part03{
	width:72px;
	height:72px;
	margin:0px 0px 0px 48px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/part03.png)  no-repeat center / contain;
}

.point02Copy03 h3{
	width:400px;
	height:96px;
	margin:2px 0px 0px 48px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/puzzlebattle_words03.png)  no-repeat center / contain;
}

.point02Copy03 p{
	width:406px;
	margin-left:48px; 
	font-size:0.875em; 
	line-height:24px; 
	color:#fff; 
	margin-top:20px; 
}

.puzzlebattleImage03{
	position:relative;
	float:left;
	margin-left:80px; 
}

/* play movie
------------------------------ */
.playMv{
	position:absolute;
	margin-top:16px;
	margin-left:48px; 
}

.playMv a{
	display:block;
	text-align:center;
	width:170px;
	padding:8px;
	color:#fff;
	border:1px solid #fff;
	line-height:16px; 
    border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	z-index:20; 
}

.playMv img{
	text-align:center;
	margin-top:4px; 
}

/* point 03 
------------------------------ */
.pointArea{
	width:1120px;
	margin:0 auto;
}

.point03Copy{
	position:relative;
	width:408px; 
	float:left;
	margin-top:64px; 
}

.point03Copy h2{
	width:431px;
	height:106px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/point03_collection.png)  no-repeat center / contain;
}

.point03Copy h3{
	width:417px;
	height:147px;
	margin-top:24px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/collection_words.png)  no-repeat center / contain;
}

.point03Copy p{
	font-size:0.875em; 
	line-height:24px; 
	color:#fff; 
	margin-top:20px; 
}

.collectionImage{
	position:absolute;
	margin-left:536px; 
	margin-top:-72px; 
}

/* bottom Bg 
------------------------------ */
.bk_top04Bg{
	position:relative;
	width:100%; 
	height:80px; 
	margin-top:320px; 
	min-width:1280px; 
	overflow:hidden;
	transform:skew(0deg, -3.1deg); 
	-webkit-transform:skew(0deg, -3.1deg); 
  	-ms-transform:skew(0deg, -3.1deg); 
	background-color:#000; 
	z-index:1000;
}

.system04Bg{
	position:relative;
	margin-top:-310px; 
	width:100%; 
	height:780px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:2000;
}

.system04Content{
	height:384px; 
	margin-top:240px; 
	transform:skew(0deg, -2.5deg); 
	-webkit-transform:skew(0deg, -2.5deg); 
  	-ms-transform:skew(0deg, -2.5deg); 
	background:url("../images/common/pattern.png"), linear-gradient(left,#2972be 0%, #09498c 100%);
	background:url("../images/common/pattern.png"), -webkit-linear-gradient(left,#2972be 0%, #09498c 100%);
	background:url("../images/common/pattern.png"), -ms-linear-gradient(left,#2972be 0%, #09498c 100%);
	background-color:#2972be;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2972be', endColorstr='#09498c',GradientType=0 );
	z-index:2000;
}

.systemnoskew04{
	transform:skew(0deg, 2.5deg);
	-webkit-transform:skew(0deg, 2.5deg);
  	-ms-transform:skew(0deg, 2.5deg);
}

.bk_bottom04Bg{
	margin-top:-230px; 
	margin-bottom:268px; 
}

.bk_bottom04Content{
	position:relative;
	width:100%; 
	height:80px; 
	min-width:1280px; 
	overflow:hidden;
	z-index:1000;
	transform:skew(0deg, -2.3deg); 
	-webkit-transform:skew(0deg, -2.3deg); 
  	-ms-transform:skew(0deg, -2.3deg); 
	background-color:#000; 
	z-index:1500;
}

/* bottom Bg 
------------------------------ */
.pointArea{
	width:1120px;
	margin:0 auto;
}

.DLmain{
	position:absolute;
	margin-top:-240px;
	float:left;
}

.bottomCopy h2{
	position:absolute;
	width:540px;
	height:114px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/system/bottom_words.png)  no-repeat center / contain;
	z-index:3000; 
}

.system_DLcontents{
	width:460px;
	height:424px; 
	margin-top:138px; 
	text-align:center;
	background-color:#fff; 
	border-radius:16px;
	border:2px solid #000;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	z-index:3000; 
}

.mainimage{
	position:absolute;
	margin-left:562px; 
	margin-top:-240px;
}

/* privacy_policy rules settlement
------------------------------ */
.agreement_contents{
	position: relative;
	width:1120px; 
	margin:0 auto;
	margin-top:64px; 
	margin-bottom:80px; 
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	background-color:#fff; 
}

.agreement_area{
	position: relative;
	width:960px;
	margin:0 auto;
}

/* privacy_policy
------------------------------ */
.privacy_policy_title{
	margin:0 auto;
	width:276px;
	height:34px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/privacy_policy_title.png) 0 0  no-repeat;
}

.privacy_policy_area{
	padding-bottom:24px; 
}

.privacy_policy_area p{
	margin-top:48px;
	font-size:0.938em; 
	line-height:28px; 
}

.pmark_area{
	margin-bottom:32px; 
}

.pmark_area p{
	width:94px;
	height:95px; 
	margin-top:16px;
	display:block;
 	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	background:url(../images/registration/p_mark.png) 0 0  no-repeat;
}

.privacy_policy_area02{
	margin-bottom:96px; 
	font-size:0.938em; 
	line-height:28px; 
}

/* rules
------------------------------ */
.rules_title{
	margin:0 auto;
	width:118px;
	height:34px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/rules_title.png) 0 0  no-repeat;
}

.rules_area{
	padding-bottom:80px; 
}

.rules_area h2{
	margin-top:48px;
	font-size:0.938em; 
	line-height:28px;
}

.rules_area a{
	color:#000;
}

.rules_area a:hover{
	color:#5a5a5a; 
}

.rules_contents_title{
	margin:56px 0px 24px 0px; 
	border-bottom:1px solid #000;
}

.rules_contents_title h3{
	font-size:1.25em; 
	color:#000;
	font-weight:bold; 
	margin-bottom:20px; 
	font-weight:bold;
}

.rules_area p{
	font-size:0.938em; 
	line-height:28px; 
}

.boldface{
	font-weight:bold;
}

.indent{
	margin-left:2.814em; 
}

.box{
	margin-left:2.814em; 
}

.rules_end{
	margin:32px 0px 32px 0px;
	float:right; 
}

.rules_end p{
	font-size:0.938em; 
	line-height:28px; 
}

.supplementaryProvisions{
	clear:both;
}

/* settlement
------------------------------ */
.settlement_title{
	margin:0 auto;
	width:329px;
	height:34px; 
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/registration/settlement_title.png) 0 0  no-repeat;
}

.settlement_area a{
	color:#000;
}

.settlement_area a:hover{
	color:#5a5a5a; 
}


.settlement_line{
	width:960px;
	border-bottom:1px solid #cccccc;
	padding:28px 0px 28px 0px; 
}

.settlement_line_bottom{
	width:960px;
	padding:28px 0px 28px 0px; 
}

dl.specList_half {
    overflow:hidden;
    zoom:1;
}

dl.settlementList dt {
    width:200px;
	height:80px; 
    float:left;
    clear:both;
	margin-left:80px; 
	font-size:1.125em; 
	line-height:24px; 
}

dl.settlementList dd {
	margin-left:200px;
	width:760px; 
	font-size:1em; 
	line-height:24px; 
}

/*pager -for wordpress
------------------------------ */
.wp-pagenavi{
    display: inline-block;
}

.pagenavi {
	padding-top:40px;
	margin: 0px 0px 112px 0px;
	clear: left;
	text-align: center;
}

.pagenavi a,
.pagenavi span {
    background-color:#e5e5e5;
    color:#000;
    text-decoration:none;
    margin:0 1px;
    left:-50%;
    float:left;
	padding:4px;
}

.wp-pagenavi a:hover{
    background:#666666;
    color:#FFF;
	border:1px solid #666666;
}

.pagenavi a,
.pagenavi span {
    display: block;
    font-size:1em;
    padding:0.6em 1em;
	background-color:#fff;
	border:1px solid #e5e5e5;
}

.pagenavi a{
    background-color:#e5e5e5;
    color:#000;
    text-decoration:none;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
    margin: 4px;
}

.banner img{
	width:305px;
	height:92px;
}