@charset "UTF-8";
/*---------------------------------
	layout
---------------------------------*/
#wrapper {
/*	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQIW2NkYGDYzMDAcIYBChgZGBjqYRwQjSxgAlKJoQIAnPQEARvsWbgAAAAASUVORK5CYII=) repeat,url(../img/top/bg_top.jpg) no-repeat center top fixed;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQIW2NkYGDYzMDAcIYBChgZGBjqYRwQjSxgAlKJoQIAnPQEARvsWbgAAAAASUVORK5CYII=) repeat,url(../img/top/bg_top_ge.jpg) no-repeat center top fixed;
	background-size:auto;
}
#contents {
	position:relative;
	margin:0 auto;
	color:#bdb6af;
}
.btn_window a {
	display:block;
	width:280px;
	margin:0 auto;
	border:1px solid #a0968c;
	background:url(../img/common/icon_window.png) no-repeat 95% center rgba(255,245,235,0.2);
	color:#bdb6af;
	font-size:18px;
	text-align:center;
	line-height:56px;
}
/*---------------------------------
	main
---------------------------------*/
#main {
	position:relative;
	/*height:325px;*/
}
#main .titleArea {
	padding:108px 0 85px 0;
	text-align:center;
}
#main .titleArea .title {
	margin:0 0 15px 0;
	color:#fff5eb;
	font-size:22px;
	text-align:center;
}
#main .titleArea .title span {
	display:block;
	font-size:48px;
}
#main .titleArea .about {
	display:inline-block;
	padding:0 0 0 35px;
	background:url(../img/common/icon_about.png) no-repeat left center;
}
#main .titleArea .about a {
	color:#fff5eb;
	font-size:16px;
	text-decoration:underline;
}
#main .titleArea .about:hover a {
	text-decoration:none;
}
/*login*/
#login {
	margin:35px 0 18px 0;
	text-align:center;
}
#login .btn_cross {
	display:inline-block;
}
#login .btn_cross a {
	position:relative;
	display:block;
	width:302px;
	height:62px;
	margin:0 auto;
	color:#fff5eb;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:62px;
	transition:0.25s ease all;
}
#login .btn_cross span {
	position:absolute;
	background:#bdb6af;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
#login .btn_cross span.bg {
	background:rgba(255,245,235,0);
	width:292px;
	height:52px;
	top:5px;
	left:5px;
}	
#login .btn_cross span.bdT{width: 100%; height:1px; top:0; left:0;}
#login .btn_cross span.bdB{width: 100%; height:1px; bottom:0; right:0;}
#login .btn_cross span.bdR{height:100%; width :1px; right:0; top:0;}
#login .btn_cross span.bdL{height:100%; width :1px; left:0; bottom:0;}
#login .btn_cross a span{-webkit-transition:all 0.2s;transition:all 0.2s;}

#login .btn_cross a:hover span.bg{background:rgba(255,245,235,0.2);}
#login .btn_cross a:hover span.bdT{-webkit-transform: translate(0,5px); transform: translate(0,5px);}
#login .btn_cross a:hover span.bdB{-webkit-transform: translate(0,-5px); transform: translate(0,-5px);}
#login .btn_cross a:hover span.bdR{-webkit-transform: translate(-5px,0); transform: translate(-5px,0);}
#login .btn_cross a:hover span.bdL{-webkit-transform: translate(5px,0); transform: translate(5px,0);}

/*account*/
#account {
	padding:0 0 130px 0;
}
#dataStatus {
	width:840px;
	margin:0 auto;
	padding:30px;
	border:1px solid #3c3732;
	background:rgba(0,0,0,0.5);
	text-align:center;
}
#dataStatus h2 {
	margin:0 0 10px 0;
	color:#ffa019;
	font-size:22px;
}
#dataStatus dt {
	margin:0 0 10px 0;
	color:#bdb6af;
	font-size:14px!important;
	font-weight:bold;
}
#dataStatus dd.attention {
	font-size:12px;
}
/*btnArea*/
#main .bnrArea {
	position:absolute;
	bottom:30px;
	right:0;
}
#main .bnrArea li {
	margin:6px 0 0 0;
	text-align:right;
	transition: opacity 0.3s;
}
#main .bnrArea li:first-child {
	padding:0 20px 0 0;
}
#main .bnrArea li:hover {
	opacity: 0.8;
}
/*---------------------------------
	important
---------------------------------*/
#important {
	background:rgba(60,55,50,0.4);
}
#important .inner {
	width:1220px;
	margin:0 auto;
	padding:10px 0;
}
#important dl {
	display:table;
	width:100%;
}
#important dt {
	display:table-cell;
	width:250px;
	border-right:1px solid #3c3732;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
#important dt span {
	padding:2px 0 2px 30px;
	background:url(../img/common/icon_important.png) no-repeat left center;
}
#important dd {
	display:table-cell;
	vertical-align:middle;
}
#important dd ul {
	padding:0 25px;
}
#important dd li {
	color:#aaa198;
	font-size:14px;
}
#important dd li span {
	margin:0 20px 0 0;
	color:#bdb6af;
	font-weight:bold;
}
#important dd.view {
	width:136px;
	border-left:1px solid #3c3732;
}
#important dd.view a {
	display:block;
	text-align:center;
}
#important dd.view a span {
	padding:0 20px 0 0;
	background:url(../img/common/arrow_btn_min.png) no-repeat 95% center;
	color:#bdb6af;
	font-size:14px;
	text-align:center;
	line-height:30px;
}
/*---------------------------------
	dataArea
---------------------------------*/
#dataArea {
	background:rgba(0,0,0,0.6);
}
#dataArea > .inner {
	position:relative;
	width:1222px;
	margin:0 auto;
	padding:99px 0 90px 0;
}
#dataArea table {
	width:100%;
	background:url(../img/common/tab_line.png) no-repeat center top,url(../img/common/tab_line.png) no-repeat center bottom;
	background-size:100% 3px;
}
#dataArea table th,
#dataArea table td {
	width:50%;
	border-top:1px solid #3c3732;
}
#dataArea table th {
	position:relative;
	background:url(../img/top/bg_world.png) no-repeat center center;
	height:100px;
	border-top:none;
	font-size: 36px;
	font-weight:normal;
	line-height: 1.2;
}
#dataArea table th .sub {
	display: block;
	font-size: 22px;
}
#dataArea table .space td {
	height:10px;
	border-left:none;
	border-right:none;
	background:rgba(60,55,50,0.4);
}
#dataArea table th .update {
	display:block;
	position:absolute;
	top:46px;
	left:20px;
	color:#a0968c;
	font-size:10px;
}
#dataArea table th .btn_arrow {
	display:block;
	position:absolute;
	top:30px;
	right:10px;
	width:120px;
	border:1px solid #3c3732;
	background:url(../img/common/arrow_btn_min.png) no-repeat 85% center;
	color:#bdb6af;
	font-size:14px;
	line-height:40px;
	transition:all 0.5s;
}
#dataArea table th .btn_arrow:hover {
	background:url("../img/common/arrow_btn_min.png") no-repeat 87% center rgba(255,245,235,0.2);
	transition:all 0.5s;
}
#dataArea table tr:not(.space) td {
	padding: 15px 0;
}
#dataArea table tr:not(.space) td .status,
#dataArea table tr:not(.space) td .result {
	position: relative;
	float: left;
	width: 49%;
}
#dataArea table tr:not(.space) td .result {
	margin: 30px 0 0 0;
}
#dataArea table tr:not(.space) td .status {
	background: url(../img/top/line_arrow.png) no-repeat right center;
}
#dataArea table tr:not(.space) td .status .insect,
#dataArea table tr:not(.space) td .status .punch {
	width: 40%;
	padding: calc(50% * 0.1) 0 calc(50% * 0.1) 45%;
	background: url(../img/world/eoz_insect.png) no-repeat 10% center;
	background-size: 40%;
}
#dataArea table tr:not(.space) td .status .punch {
	background: url(../img/world/eoz_punch.png) no-repeat 10% center;
	background-size: 40%;
}
#dataArea table tr:not(.space) td .status p.title {
	width:140px;
	margin:0 auto 5px auto;
	border:1px solid #3c3732;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
	line-height:32px;
}
#dataArea table tr:not(.space) td .status p.world {
	position:relative;
	margin: 0 0 10px 0;
	padding:0 0 0 45px;
	color:#a0968c;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
}
#dataArea table tr:not(.space) td .status p.world .txt {
	display:inline-block;
	position:absolute;
	top:5px;
	left:0;
	width:36px;
	padding:30px 0 0 0;
	background:url(../img/world/icon_world.png) no-repeat center top;
	background-size:25px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	line-height:1;
}
#dataArea table tr:not(.space) td .status dl {
	text-align: center;
}
#dataArea table tr:not(.space) td .status dt {
	color:#fff5eb;
	font-size:14px;
}
#dataArea table tr:not(.space) td .status dd {
	color: #a0968c;
	font-size: 12px;
}
#dataArea table tr:not(.space) td .status dd p {
	display: inline-block;
}
#dataArea table tr:not(.space) td .status dd span {
	color: #fff5eb;
	font-size: 20px;
	font-weight: bold;
}
#dataArea table tr:not(.space) td .status dd p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#dataArea table tr:not(.space) td .result .imgArea {
	float: left;
	width: 53.6%;
}
#dataArea table tr:not(.space) td .result li.img img {
	width: 96%;
	height: auto;
	margin: 0 2% 20px 2%;
}
#dataArea table tr:not(.space) td .result li.weight {
	width: auto;
	margin: 0;
	border: none;
	color: #a0968c;
	font-size: 14px;
	text-align: center;
}
#dataArea table tr:not(.space) td .result li.weight p {
	display: inline-block;
}
#dataArea table tr:not(.space) td .result li.weight {
	top: 30px;
}
#dataArea table tr:not(.space) td .result li.weight span {
	margin: 0 0 0 10px;
	color: #fff5eb;
	font-size: 24px;
	font-weight: bold;
}
#dataArea table tr:not(.space) td .result li.weight p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#dataArea table tr:not(.space) td .result dl.share {
	float: right;
	width: 42%;
}
#dataArea table tr:not(.space) td .result dl.share dt {
	padding: calc(43% * 0.65) 10px;
	color: #fff5eb;
	font-size: 14px;
	font-weight: bold;
}
#dataArea table tr:not(.space) td .result dl.share dd {
	position: absolute;
	bottom: 0;
	min-width: 40%;
	padding: 20px 15px;
	border-radius: 4px;
	border: 1px solid #3c3732;
	background: rgba(255,245,235,0.1);
}
#dataArea table tr:not(.space) td .result dl.share dd p {
	margin: 0 0 15px 0;
	color: #fff5eb;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#dataArea table tr:not(.space) td .result dl.share ul {
	text-align: center;
}
#dataArea table tr:not(.space) td .result dl.share li {
	display: inline-block;
	width: 40%;
	margin: 0 2px;
	border-radius: 4px;
	background: #fff5eb;
	line-height: 40px; 
	text-align: center;
}
#dataArea table tr:not(.space) td .result dl.share li a {
	display: block;
}
#dataArea table tr:not(.space) td .result dl.share li img {
	width: auto;
	height: 20px;
	vertical-align: middle;
}

/*#dataArea p.family {
	position:absolute;
	top:-1px;
	left:0;
}
#dataArea table {
	width:100%;
	background:url(../img/common/tab_line.png) no-repeat center top,url(../img/common/tab_line.png) no-repeat center bottom;
	background-size:100% 3px;
}
#dataArea table th,
#dataArea table td {
	width:50%;
	border:1px solid #3c3732;
}
#dataArea table th {
	height:100px;
	border-top:none;
}
#dataArea table th:nth-of-type(1),
#dataArea table td:nth-of-type(1) {
	border-left:none;
}
#dataArea table th:nth-of-type(2),
#dataArea table td:nth-of-type(2) {
	border-right:none;
}
#dataArea table tr:nth-of-type(3) td {
	border-bottom:none;
}
#dataArea table .space td {
	height:10px;
	background:rgba(60,55,50,0.4);	
}
#dataArea table th:nth-of-type(1) {
	padding:0 0 0 180px;
	font-size:24px;
	font-weight:normal;
	line-height:1.2;
}
#dataArea table th:nth-of-type(2) {
	position:relative;
	background:url(../img/top/bg_world.png) no-repeat center center;
	font-size:24px;
	font-weight:normal;
}
#dataArea table th:nth-of-type(2) .update {
	display:block;
	position:absolute;
	top:46px;
	left:20px;
	color:#a0968c;
	font-size:10px;
}
#dataArea table th:nth-of-type(2) .btn_arrow {
	display:block;
	position:absolute;
	top:30px;
	right:10px;
	width:120px;
	border:1px solid #3c3732;
	background:url(../img/common/arrow_btn_min.png) no-repeat 85% center;
	color:#bdb6af;
	font-size:14px;
	line-height:40px;
	transition:all 0.5s;
}
#dataArea table th:nth-of-type(2) .btn_arrow:hover {
	background:url("../img/common/arrow_btn_min.png") no-repeat 87% center rgba(255,245,235,0.2);
	transition:all 0.5s;
}
#dataArea table li {
	float:left;
	width:50%;
	border-bottom:1px solid #3c3732;
	border-right:1px solid #3c3732;
	box-sizing:border-box;
}
#dataArea table li:nth-of-type(2n) {
	border-right:none;
}
#dataArea table li:nth-of-type(5),
#dataArea table li:nth-of-type(6) {
	border-bottom:none;	
}
#dataArea table li a {
	display:block;
	padding:15px 20px;
	color:#bdb6af;
	font-size:14px;
}
#dataArea table li p.img {
	display:table-cell;
}
#dataArea table li p.img img {
	padding:4px 3px;
	background:url(../img/top/bg_icon.png) no-repeat center center;
	background-size:100%;
	vertical-align:middle;
}
#dataArea table li p.name {
	display:table-cell;
	padding:0 0 0 25px;
	opacity:0.5;
	transition:all 0.5s;
	line-height:1.4;
	vertical-align:middle;
}
#dataArea table li:hover p.name{
	text-decoration:underline;
	opacity:1;
	transition:all 0.5s;
}
#dataArea table li p.name span {
	display:block;
	max-height:35px;
	word-break:break-all;
	overflow:hidden;
}
#dataArea table li .img img {
	-webkit-clip-path:polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);
	clip-path:polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);
}
#dataArea table div {
	position:relative;
	float:left;
	width:28.7%;
	height:144px;
	margin:0 20px 0 0;
	padding:22px 0 0 0;
	border:1px solid #3c3732;
	background:#000;
	text-align:center;
}
#dataArea table div .btmBar {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:2px;
	background:#ffa019;
	transition:all 0.5s;
}
#dataArea table div.time {
	margin:0 20px 0 20px;
}
#dataArea table div.time:after {
	display:block;
	position:absolute;
	top:-22px;
	left:50%;
	content:'';
	width:44px;
	height:44px;
	margin:0 0 0 -22px;
	background:url(../img/top/icon_time.png) no-repeat center top;
}
#dataArea table div.distance:after {
	display:block;
	position:absolute;
	top:-22px;
	left:50%;
	content:'';
	width:44px;
	height:44px;
	margin:0 0 0 -22px;
	background:url(../img/top/icon_distance.png) no-repeat center top;
}
#dataArea table div.kills:after {
	display:block;
	position:absolute;
	top:-22px;
	left:50%;
	content:'';
	width:44px;
	height:44px;
	margin:0 0 0 -22px;
	background:url(../img/top/icon_kills.png) no-repeat center top;
}
#dataArea table div.kills {
	margin:0;
}
#dataArea table div dt {
	margin:0 0 10px 0;
	color:#a0968c;
	font-size:12px;
}
#dataArea table div dd.data {
	display:table-cell;
	width:178px;
	height:36px;
	padding:0 0 15px 0;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	vertical-align:middle;
}
#dataArea table div dd.data .year,
#dataArea table div dd.data .days {
	
}
#dataArea table div dd.data .year span,
#dataArea table div dd.data .days span,
#dataArea table div dd.data .km span,
#dataArea table div dd.data .kill span {
	margin:0 0 0 5px;
	color:#a0968c;
	font-size:12px;
}
#dataArea table div dd.next {
	color:#a0968c;
	font-size:12px;
	line-height:1.2;
}
#dataArea table div dd.next span {
	display:inline-block;
	margin:5px 5px 0 0;
	color:#ffa019;
	font-size:18px;
	font-weight:bold;
}
#dataArea table div dd.comp {
	color:#ffa019;
	font-size:16px;
}
*/
/*---------------------------------
	news
---------------------------------*/
#news {
	padding:0 0 50px 0;
	background:rgba(21, 19, 15, 0.8);
}
/*latest*/
#news .latest {
	padding:80px 0 0 0;
}
#news .latest h2 {
	position:relative;
	margin:0 0 60px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#news .latest h2:after {
	content:'';
	display:block;
	width:7.3em;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#news .latest .list {
	position:relative;
	width:1220px;
	margin:0 auto;
}
#news .latest .slideArea {
	position:relative;
	width:1120px;
	margin:0 auto;
	padding:5px 0;
	overflow:hidden;
}
#news .latest .slideArea.left {
	border-left:1px solid #777370;
}
#news .latest .slideArea.right {
	border-right:1px solid #777370;
}
#news .latest .slideArea.left:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:19px;
	height:206px;
	background:url(../img/common/bright_left.png) no-repeat left top;
	background-size:19px 100%;
	z-index:10;
}
#news .latest .slideArea.right:after {
	display:block;
	position:absolute;
	top:0;
	right:0;
	content:'';
	width:19px;
	height:206px;
	background:url(../img/common/bright_right.png) no-repeat left top;
	background-size:19px 100%;
	z-index:10;
}
#news .latest .slideArea .slide {
	width:1700px;
}
#news .latest .slideArea .slide li {
	position:relative;
	float:left;
	width:322px;
	margin:0 20px 0 0;
	border:1px solid #3c3732;
}
#news .latest .slideArea .slide li:last-child {
	margin:0;
}
#news .latest .slideArea .slide li a p {
	position:absolute;
	bottom:5px;
	padding:0 8px;
	color:#a0968c;
	font-size:16px;
}
#news .latest .slideArea .slide li a p span {
	display:block;
	color:#777370;
	font-size:12px;
}
#news .latest .ui .left {
	display:none;
	position:absolute;
	top:90px;
	left:0;
	cursor:pointer;
}
#news .latest .ui .right {
	position:absolute;
	top:90px;
	right:0;
	cursor:pointer;
}
/*---------------------------------
	forum
---------------------------------*/
/*#forums {
	padding:80px 0 60px 0;
	background:rgba(21, 19, 15, 0.8);
}
#forums h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#forums h2:after {
	content:'';
	display:block;
	width:4.8em;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#forums .inner {
	width:1220px;
	margin:0 auto 60px auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#forums .inner ul {
	padding:0 10px;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#forums .inner li {
	display:table;
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #3c3732;
}
#forums .inner li p.img {
	display:table-cell;
	padding:0 15px 0 30px;
}
#forums .inner li p.img img {
	border:1px solid #3c3732;
	vertical-align:top;
}
#forums .inner li dl {
	display:table-cell;
}
#forums .inner li dt {
	display:table-cell;
	width:146px;
	color:#504b47;
	font-size:14px;
	font-weight:bold;
}
#forums .inner li dt .date {
	display: block;
	color:#777370;
	font-size:12px;
}
#forums .inner li dd {
	display:table-cell;
	width:930px;
	color:#777370;
	font-size:14px;
}
*/
/*---------------------------------
	other
---------------------------------*/
#other {
	padding:80px 0 60px 0;
	background:rgba(21, 19, 15, 0.8);
	/*background:rgba(0,0,0,0.6);*/
}
.en #other {
	background:rgba(21, 19, 15, 0.8);
}
#other h2 {
	position:relative;
	margin:0 0 55px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#other h2:after {
	content:'';
	display:block;
	width:9.8em;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#other .leadTxt {
	margin:0 0 25px 0;
	background:url(../img/top/bg_leadtxt.png) no-repeat center top;
	color:#fff5eb;
	font-size:16px;
	text-align:center;
	line-height:50px;
}
#other ul {
	margin:0 0 45px 0;
	text-align:center;
}
#other li {
	display:inline-block;
	width:300px;
	margin:0 8px 0 0;
	padding:25px 40px;
	border:1px solid #3c3732;
	background:rgba(0,0,0,0.1);
	vertical-align:top;
}
#other li:last-child {
	margin:0;
}
#other li dt {
	margin:0 0 25px 0;
	color:#a0968c;
	font-size:24px;
	text-align:center;
}
#other li dt span {
	display:block;
	color:#777370;
	font-size:14px;
}
#other li dd .img {
	width:100%;
	height:187px;
	margin:0 0 5px 0;
	border:1px solid #3c3732;
	background:rgba(0,0,0,0.5);
	overflow:hidden;
}
#other li dd .img span {
	display:table-cell;
	height:187px;
	text-align:center;
	vertical-align:middle;
}
#other li dd .img img {
	width:100%;
	height:auto;
}
#other li dd .date {
	color:#777370;
	font-size:12px;
	text-align:left;
}
#other li dd .txt {
	height:50px;
	color:#a0968c;
	font-size:16px;
	text-align:left;
	overflow:hidden;
}
/*---------------------------------
	guide
---------------------------------*/
#guide {
	display:none;
	position:absolute;
	top:0;
	left:50%;
	width:1000px;
	margin:0 0 0 -500px;
	background:url(../img/top/bg_guide.jpg) no-repeat center top;
	z-index:10000;
}
#guide .closeGuide {
	position:absolute;
	top:55px;
	right:-84px;
	cursor:pointer;
}
#guide h2 {
	width:1000px;
	padding:180px 0;
	color:#bdb6af;
	font-size:31px;
	font-weight:normal;
	text-align:center;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
#guide h2 span {
	display:block;
	font-size:24px;
}
#guide .contentsCol {
	margin:0 0 100px 0;
}
#guide .contentsCol.left .img {
	float:left;
	margin:0 0 50px 0;
}
#guide .contentsCol.right .img {
	float:right;
	margin:0 0 50px 0;
}
#guide .contentsCol.left dl {
	float:right;
	width:480px;
}
#guide .contentsCol.right dl {
	float:left;
	width:480px;
}
#guide .contentsCol dt {
	display:table;
	margin:0 0 75px 0;
	color:#bdb6af;
	font-size:36px;
	line-height:1.2;
	letter-spacing:2px;
}
#guide .contentsCol dt span {
	display:none;
	font-size:18px;
}
.ja #guide .contentsCol dt span {
	display:block;
}
#guide .contentsCol dt:after {
	display:block;
	content:'';
	height:1px;
	margin:20px 0 0 0;
	background:#504b47;
}
#guide .contentsCol dd {
	color:#bdb6af;
	font-size:16px;
	line-height:40px;
}
#guide .contentsCol .lightBtn {
	clear:both;
	width:390px;
	margin:0 auto;
}
#guide .chktxt {
	margin:0 0 20px 0;
	color:#bdb6af;
	font-size:16px;
	text-align:center;
}
#guide .chktxt span {
	color:#ffa019;
}
#guide .chkbtn {
	width:392px;
	margin:0 auto 40px auto;
	border:1px solid #fff5eb;
}
#guide .chkbtn a {
	display:block;
	color:#bdb6af;
	font-size:24px;
	text-align:center;
	line-height:62px;
	transition:all 0.5s;
}
#guide .chkbtn a:hover {
	background:rgba(160,150,140,0.2);
	transition:all 0.5s;
}
#guide .closetxt {
	text-align:center;
}
#guide .closetxt a {
	padding:2px 0 2px 40px;
	background:url(../img/top/txt_close.png) no-repeat left center;
	color:#bdb6af;
	font-size:24px;
	line-height:30px;
}
#guide .closetxt a span {
	text-decoration:underline;
}
#guide .closetxt a:hover span {
	text-decoration:none;
}
/*---------------------------------
	layout -minSize-
---------------------------------*/
@media screen  and (min-width:1000px) and (max-width: 1200px) {
	#wrapper {
		min-width:100%;
	}
	#globalHeader .inner,
	#header .inner,
	#important .inner,
	#dataArea > .inner,
	#news .latest .list,
	#news .latest .slideArea {
		width:96%;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#other li {
		width:26%;
		padding:25px 2.3%;
	}
}
@media screen  and (max-width:1100px){
	/*account*/
	#account.activeSetting {
		padding:0 0 230px 0;
	}
}
/*最低幅固定*/
@media screen  and (max-width:1000px){
	#wrapper {
		min-width:960px;
	}
	#globalHeader .inner,
	#header .inner,
	#important .inner,
	#dataArea > .inner,
	#news .latest .list,
	#news .latest .slideArea {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#other li {
		width:260px;
		padding:25px 2.3%;
	}
}