@charset "utf-8";
/* CSS Document */

/*確認用ポップアップ画面*/
#ipop {
  height: 500px;
  position: absolute;
  display: none;
  background:#f5f5f5;
  z-index: 9999;
  padding:20px;
 overflow: scroll;
}

#ipop div,
#ipop ul {
	margin-bottom:10px;
}

#ipop_title {
	width:100%;
	padding:10px;
	background:#CCC;
}

.display_none {
	display:none !important;
}

/*リセット*/
#ui_container p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.mb_10 {
	margin-bottom:10px;
}

.mb_20 {
	margin-bottom:20px;
}

.mb_30 {
	margin-bottom:30px;
}

.mb_40 {
	margin-bottom:40px;
}

.mb_50 {
	margin-bottom:50px;
}

.mb_60 {
	margin-bottom:60px;
}

.mt_40 {
	margin-top: 40px;
}

.pt_10 {
	padding-top:10px;
}

.pt_5 {
	padding-top:5px;
}

/*クリアフィックス*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;
}

/*リンク点線除去*/
a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
}


/*ボタン点滅*/
@-webkit-keyframes 'pulse2' {
  0%{
        opacity:0.5;
         }
    100%{
        opacity:1;
         }
}

.flash2{
-webkit-animation-name: pulse2;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s; 
}

@-webkit-keyframes 'pulse3' {
  0%{
        opacity:0.5;
         }
    100%{
        opacity:1;
         }
}

.flash3{
-webkit-animation-name: pulse3;
-webkit-animation-duration: 0.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s; 
}



/*背景色*/
.page_body {
	background: url("../images/common/body_back_img.png") ;
	text-align:center;
	height:auto;
}


.float_left {
	float:left;
}

.float_right {
	float:right;
}


/*画像ロールオーバー　フェードアウト*/


.fade_out{  
        -webkit-transition: 0.3s ease-in-out;  
           -moz-transition: 0.3s ease-in-out;  
             -o-transition: 0.3s ease-in-out;  
                transition: 0.3s ease-in-out; 
} 

.fade_out:hover {  
			        opacity: 0.7;  
        filter: alpha(opacity=70);
}

/*
.fade_out a img {  
        -webkit-transition: 0.3s ease-in-out;  
           -moz-transition: 0.3s ease-in-out;  
             -o-transition: 0.3s ease-in-out;  
                transition: 0.3s ease-in-out;  
}  

.fade_out a img:hover {  
        opacity: 0.6;  
        filter: alpha(opacity=60);
}
*/


/*テキストカラー*/

.text_red {
	color:#FF0004;
}

/*袋文字　バリエ*/

/*グリーン*/
.text_shadow_green {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #4d8607,
	 0px  1px 1px #4d8607,
	 1px  1px 1px #4d8607,
	 1px  0px 1px #4d8607,
	 2px  0px 1px #4d8607,
	 1px -1px 1px #4d8607,
	 1px -1px 1px #4d8607,
	 0px -1px 1px #4d8607,
    -1px -1px 1px #4d8607,
	-1px -1px 1px #4d8607,
	-1px -1px 1px #4d8607,
	-1px  0px 1px #4d8607,
	-1px  1px 1px #4d8607,
	-1px  1px 1px #4d8607 !important;
}

.text_shadow_blue {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #178087,
	 0px  1px 1px #178087,
	 1px  1px 1px #178087,
	 1px  0px 1px #178087,
	 2px  0px 1px #178087,
	 1px -1px 1px #178087,
	 1px -1px 1px #178087,
	 0px -1px 1px #178087,
    -1px -1px 1px #178087,
	-1px -1px 1px #178087,
	-1px -1px 1px #178087,
	-1px  0px 1px #178087,
	-1px  1px 1px #178087,
	-1px  1px 1px #178087 !important;
}

.text_shadow_light_blue {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #00d7e4,
	 0px  1px 1px #00d7e4,
	 1px  1px 1px #00d7e4,
	 1px  0px 1px #00d7e4,
	 2px  0px 1px #00d7e4,
	 1px -1px 1px #00d7e4,
	 1px -1px 1px #00d7e4,
	 0px -1px 1px #00d7e4,
    -1px -1px 1px #00d7e4,
	-1px -1px 1px #00d7e4,
	-1px -1px 1px #00d7e4,
	-1px  0px 1px #00d7e4,
	-1px  1px 1px #00d7e4,
	-1px  1px 1px #00d7e4 !important;
}

.text_shadow_orange {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #e77f00,
	 0px  1px 1px #e77f00,
	 1px  1px 1px #e77f00,
	 1px  0px 1px #e77f00,
	 2px  0px 1px #e77f00,
	 1px -1px 1px #e77f00,
	 1px -1px 1px #e77f00,
	 0px -1px 1px #e77f00,
    -1px -1px 1px #e77f00,
	-1px -1px 1px #e77f00,
	-1px -1px 1px #e77f00,
	-1px  0px 1px #e77f00,
	-1px  1px 1px #e77f00,
	-1px  1px 1px #e77f00 !important;
}

.text_shadow_light_gray {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #838383,
	 0px  1px 1px #838383,
	 1px  1px 1px #838383,
	 1px  0px 1px #838383,
	 2px  0px 1px #838383,
	 1px -1px 1px #838383,
	 1px -1px 1px #838383,
	 0px -1px 1px #838383,
    -1px -1px 1px #838383,
	-1px -1px 1px #838383,
	-1px -1px 1px #838383,
	-1px  0px 1px #838383,
	-1px  1px 1px #838383,
	-1px  1px 1px #838383 !important;
}

.text_shadow_light_purple {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #d21abc,
	 0px  1px 1px #d21abc,
	 1px  1px 1px #d21abc,
	 1px  0px 1px #d21abc,
	 2px  0px 1px #d21abc,
	 1px -1px 1px #d21abc,
	 1px -1px 1px #d21abc,
	 0px -1px 1px #d21abc,
    -1px -1px 1px #d21abc,
	-1px -1px 1px #d21abc,
	-1px -1px 1px #d21abc,
	-1px  0px 1px #d21abc,
	-1px  1px 1px #d21abc,
	-1px  1px 1px #d21abc !important;
}


.text_shadow_light_pink {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #e75a81,
	 0px  1px 1px #e75a81,
	 1px  1px 1px #e75a81,
	 1px  0px 1px #e75a81,
	 2px  0px 1px #e75a81,
	 1px -1px 1px #e75a81,
	 1px -1px 1px #e75a81,
	 0px -1px 1px #e75a81,
    -1px -1px 1px #e75a81,
	-1px -1px 1px #e75a81,
	-1px -1px 1px #e75a81,
	-1px  0px 1px #e75a81,
	-1px  1px 1px #e75a81,
	-1px  1px 1px #e75a81 !important;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}


/**/


/*カラー変更アニメーション用クラス*/
.color_effect{
	animation-name: color_effect;
	-webkit-animation-name: color_effect;	

	/*animation-delay: 4s;*/
	/*-webkit-animation-delay: 4s;*/
	
	animation-duration: 8s;	
	-webkit-animation-duration: 8s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes color_effect {
  0% {filter: hue-rotate(0deg);}
  50% { filter: hue-rotate(360deg)}
  100% { filter: hue-rotate(0deg)}
}

@-webkit-keyframes color_effect {
  0%   { -webkit-filter: hue-rotate(0deg)}
  50%  { -webkit-filter: hue-rotate(360deg)}
  100% { -webkit-filter: hue-rotate(0deg)}
}

/**/



/******************************/
/*ヘッダー表示部分*/
/******************************/

#csw_header_container {
	width:100%;
	height:61px;
	text-align:center;
	background:url("../images/common/csw_header_container_backimg.png") 0 0 repeat-x;
	padding:0;
	margin:0;
}

#csw_header_wrap{
	width:960px;
	height:61px;
	padding:0;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#csw_logo {
	width:245px;
	height:61px;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

.csw_header_menu_wrap {
	width:680px;
	height:61px;
	line-height:57px;
	padding:0;
	margin:0;
	float:right;
	overflow:hidden;
	zoom:1;
}

.csw_header_menu_wrap li {
	float:left;
	margin-left:20px;
	list-style:none;
}

.csw_header_menu_wrap li img {
	vertical-align:middle;
}

.csw_header_menu_wrap li.first {
	float:left;
	margin-left:0;
}

.csw_header_menu_wrap li.last {
	float:right;
}

/*
.csw_header_menu_wrap li.header_btn {
	float:right;
	margin-top: -1px;
	margin-left:10px;
	list-style:none;
}
*/

/*SNSボタン*/

#header_twitter_top_btn {
	width:105px;
	height:28px;
	position:absolute;
	top:15px;
	left:740px;
	z-index:100;
}

#header_twitter_top_btn a {
	width:105px;
	height:28px;
	position:absolute;
	top:0;
	left:0;
}

#header_twitter_top_btn span.notification_icon {
	width:18px;
	height:18px;
	position:absolute;
	top:-10px;
	left:91px;
}

#header_facebook_top_btn {
	width:105px;
	height:28px;
	position:absolute;
	top:15px;
	left:855px;
	z-index:100;
}

#header_facebook_top_btn a {
	width:105px;
	height:28px;
	position:absolute;
	top:0;
	left:0;
}

#header_facebook_top_btn span.notification_icon {
	width:18px;
	height:18px;
	position:absolute;
	top:-10px;
	left:91px;
}

.icon_floating{
	animation-name: icon_floating;
	-webkit-animation-name: icon_floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes icon_floating {
	0% {
		transform: translateY(0);	
	}
	50% {
		transform: translateY(3px);	
	}	
	100% {
		transform: translateY(0);
	}			
}

@-webkit-keyframes icon_floating {
	0% {
		-webkit-transform: translateY(0);	
	}
	50% {
		-webkit-transform: translateY(3px);	
	}	
	100% {
		-webkit-transform: translateY(0);
	}			
}

/*

/*トップバナー表示*/


#top_banner_container {
	width:100%;
	text-align:center;
}

#top_banner_wrap {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:30px 0;
}


#top_banner_wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}


/*ゲームUI背景部分*/

#csw_contents_container {
	width:100%;
	padding:0;
	text-align:center;
	background-position: center center;
	background-size: auto 100%;
}

#csw_contents_wrap {
	width:960px;
	height:700px; /*ゲームUI表示領域*/
	margin:0 auto;
	padding:0;
	position: relative;
}

#ui_container_frame {
	width:1232px;
	height:676px;
	padding:0;
	margin:0 auto;
	background: url("../images/common/ui_container_frame_img.png") 0 0 no-repeat;
	position: absolute;
	top:-8px;
	left: -150px;
    z-index: 50;
}

/*ゲームUI表示領域
#ui_container {
	width:960px;
	height:660px;
	padding:0;
	margin:0 auto;
	position:relative;
    z-index: 900;
}
*/



/******************************/
/*本体背景*/
/******************************/

#ui_container_background{
	width:960px;
	height:660px;
	padding:0;
	margin:0;
	position: absolute;
	top:0;
	left:0;
}

/*拠点背景*/
.ui_background_base { 	background: #e1e9ec url("../images/background/ui_background/ui_background_base.gif") 0 0 no-repeat; }

/*装備ページ　男　背景*/
.ui_background_equipments_m { 	background: #e1e9ec url("../images/background/ui_background/ui_background_equipments_m.gif") 0 0 no-repeat; }

/*装備ページ　女　背景*/
.ui_background_equipments_w { 	background: #e1e9ec url("../images/background/ui_background/ui_background_equipments_w.gif") 0 0 no-repeat; }

/*原初の村*/
.ui_background_1 { 	background: #52626d url("../images/background/ui_background/ui_background_1.gif") 0 0 no-repeat; }

/*原初の村 モノクロ*/
.ui_background_1_m {background: #4b463e url("../images/background/ui_background/ui_background_1_m.gif") 0 0 no-repeat; }

/*氷の城*/
.ui_background_2 { 	background: #255880 url("../images/background/ui_background/ui_background_2.gif") 0 0 no-repeat; }

/*氷の城 モノクロ*/
.ui_background_2_m {background: #645e53 url("../images/background/ui_background/ui_background_2_m.gif") 0 0 no-repeat; }

/*火山島*/
.ui_background_3 { 	background: #843838 url("../images/background/ui_background/ui_background_3.gif") 0 0 no-repeat; }

/*火山島 モノクロ*/
.ui_background_3_m {background: #4b463e url("../images/background/ui_background/ui_background_3_m.gif") 0 0 no-repeat; }

/*大海の渦*/
.ui_background_4 { 	background: #4e719a url("../images/background/ui_background/ui_background_4.gif") 0 0 no-repeat; }

/*大海の渦 モノクロ*/
.ui_background_4_m {background: #4b463e url("../images/background/ui_background/ui_background_4_m.gif") 0 0 no-repeat; }

/*龍の頭*/
.ui_background_5 { 	background: #b67339 url("../images/background/ui_background/ui_background_5.gif") 0 0 no-repeat; }

/*龍の頭 モノクロ*/
.ui_background_5_m {background: #4b463e url("../images/background/ui_background/ui_background_5_m.gif") 0 0 no-repeat; }

/*暗黒の地*/
.ui_background_6 { 	background: #364858 url("../images/background/ui_background/ui_background_6.gif") 0 0 no-repeat; }

/*暗黒の地 モノクロ*/
.ui_background_6_m {background: #4b463e url("../images/background/ui_background/ui_background_6_m.gif") 0 0 no-repeat; }

/*魔法使いの街*/
.ui_background_7 { 	background: #374b5b url("../images/background/ui_background/ui_background_7.gif") 0 0 no-repeat; }

/*魔法使いの街 モノクロ*/
.ui_background_7_m {background: #4b463e url("../images/background/ui_background/ui_background_7_m.gif") 0 0 no-repeat; }

/*果ての平原*/
.ui_background_8 { 	background: #637e95 url("../images/background/ui_background/ui_background_8.gif") 0 0 no-repeat; }

/*果ての平原 モノクロ*/
.ui_background_8_m {background: #4b463e url("../images/background/ui_background/ui_background_8_m.gif") 0 0 no-repeat; }

/*砂漠のオアシス*/
.ui_background_9 { 	background: #657b99 url("../images/background/ui_background/ui_background_9.gif") 0 0 no-repeat; }

/*砂漠のオアシス モノクロ*/
.ui_background_9_m {background: #4b463e url("../images/background/ui_background/ui_background_9_m.gif") 0 0 no-repeat; }

/*禁断の洞窟*/
.ui_background_10 { background: #2b2950 url("../images/background/ui_background/ui_background_10.gif") 0 0 no-repeat; }

/*禁断の洞窟 モノクロ*/
.ui_background_10_m { background: #403c35 url("../images/background/ui_background/ui_background_10_m.gif") 0 0 no-repeat; }

/*精霊の村*/
.ui_background_11 { background: #403867 url("../images/background/ui_background/ui_background_11.gif") 0 0 no-repeat; }

/*精霊の村 モノクロ*/
.ui_background_11_m { background: #4b463e url("../images/background/ui_background/ui_background_11_m.gif") 0 0 no-repeat; }

/*獣の足跡*/
.ui_background_12 { background: #afa190 url("../images/background/ui_background/ui_background_12.gif") 0 0 no-repeat; }

/*獣の足跡 モノクロ*/
.ui_background_12_m { background: #4b463e  url("../images/background/ui_background/ui_background_12_m.gif") 0 0 no-repeat; }

/*中間エンド*/
.ui_background_intermediate_ed { background: url("../images/background/ui_background/ui_background_intermediate_ed.gif") 0 0 no-repeat; }

/*最終エンド*/
.ui_background_final_ed { background: url("../images/background/ui_background/ui_background_final_ed.jpg") 0 0 no-repeat; }

/*マップページ*/
.ui_background_map { background: #5e92a2 url("../images/background/ui_background/ui_background_map.gif") 0 0 no-repeat; }

/*ローディング　通常問題*/
.ui_background_loading_m { background: #151310 url("../images/background/ui_background/ui_background_loading_m.gif") 0 0 no-repeat; }

/*ローディング　SQL問題*/
.ui_background_loading_w { background: #17191a url("../images/background/ui_background/ui_background_loading_w.gif") 0 0 no-repeat; }


#ui_container_background_effect{
	width:960px;
	height:660px;
	padding:0;
	margin:0;
	position: absolute;
	top:0;
	left:0;
}



/************************************/
/*拠点ページ*/
/************************************/

#base_icon_btn_container {
	width:200px;
	height:43px;
	padding:0;
	margin:0;
	position: absolute;
	top: 10px;
	left: 0;
	z-index:900;
}

#base_icon_btn_wrap {
	width:200px;
	height:43px;
	position:relative;
	padding:0;
	margin:0;
	list-style: none;
}

.base_icon_btn_li {
	width:43px;
	height:43px;
	padding:0;
	margin:0 7px 0 0;
	float:left;
	overflow:hidden;
	zoom:1;
	outline:1px solid #a68d52;
	background-color: rgba(0, 0, 0,.1);	
}

/************************************/
/*ユーザーネーム・ランク表示部分*/
/************************************/

.character_status_container {
	width:255px;
	height:125px;
	padding:0;
	margin:0;
	position: absolute;
	z-index:900;
}

/*位置指定*/
/*拠点*/
.status_position_base_l { top: 180px; left: 0;}	
.status_position_base_r { top: 240px; left: 730px;}	

/*結果ページ*/
.status_position_result_r { top: 20px; left: 730px;}	

.character_status_wrap {
	width:255px;
	height:125px;
	position:relative;
	padding:0;
	margin:0;
}

.character_status {
	width:255px;
	height:82px;
	position:relative;
	padding:0;
	margin:0;
}

.status_position_l {
    background: url("../images/common/status_position_back_l.png") 0 0 no-repeat;
}

.status_position_r {
    background: url("../images/common/status_position_back_r.png") 0 0 no-repeat;
}

.status_position_l .character_name {
	width:169px;
	height:21px;
	position:absolute;
	top:28px;
	left:0;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
    line-height: 21px;
    text-align: left;
    padding: 0 0 0 7px;
    margin: 0;
	z-index:920;
}

.status_position_r .character_name {
	width:169px;
	height:21px;
	position:absolute;
	top:28px;
	left:10px;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
    line-height: 21px;
    text-align: left;
    padding: 0 0 0 7px;
    margin: 0;
	z-index:920;
}

/*キャラ画像*/
.status_position_l .character_image {
	width:87px;
	height:82px;
	position:absolute;
	top:0;
	left:0;
    padding: 0;
    margin: 0;
	z-index:910;
}

.status_position_r .character_image {
	width:87px;
	height:82px;
	position:absolute;
	top:0;
	left:168px;
    padding: 0;
    margin: 0;
	z-index:910;
}

.gender_m .character_image {
    background: url("../images/common/character_image_m.png") 0 0 no-repeat;
}

.gender_w .character_image {
    background: url("../images/common/character_image_w.png") 0 0 no-repeat;
}

/*キャラ名、レベル*/

.status_position_l .character_name {
	width:185px;
	height:25px;
    line-height: 25px;
	position:absolute;
	top:18px;
	left:73px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    text-align: left;
    padding: 0;
    margin: 0;
}

.status_position_r .character_name {
	width:185px;
	height:25px;
    line-height: 25px;
	position:absolute;
	top:18px;
	left:0;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    text-align: left;
    padding: 0;
    margin: 0;
}

.gender_w .character_name {
	text-shadow:
	 0px  2px 1px #998db5,
	 0px  1px 1px #998db5,
	 1px  1px 1px #998db5,
	 1px  0px 1px #998db5,
	 2px  0px 1px #998db5,
	 1px -1px 1px #998db5,
	 1px -1px 1px #998db5,
	 0px -1px 1px #998db5,
	-1px -1px 1px #998db5,
	-1px -1px 1px #998db5,
	-1px -1px 1px #998db5,
	-1px  0px 1px #998db5,
	-1px  1px 1px #998db5,
	-1px  1px 1px #998db5 !important;
}

.gender_m .character_name {
	text-shadow:
	 0px  2px 1px #518ea4,
	 0px  1px 1px #518ea4,
	 1px  1px 1px #518ea4,
	 1px  0px 1px #518ea4,
	 2px  0px 1px #518ea4,
	 1px -1px 1px #518ea4,
	 1px -1px 1px #518ea4,
	 0px -1px 1px #518ea4,
	-1px -1px 1px #518ea4,
	-1px -1px 1px #518ea4,
	-1px -1px 1px #518ea4,
	-1px  0px 1px #518ea4,
	-1px  1px 1px #518ea4,
	-1px  1px 1px #518ea4 !important;
}

.character_name span{
	padding: 0 0 0 15px;
	margin: 0;
}

/*プログレスバー部分*/

.status_position_l .character_status_bar_wrap {
	width:182px;
    height: 9px;
	position:absolute;
	top:48px;
	left:70px;
	padding: 2px 6px;
	margin: 0;
    z-index: 920;
    background: url("../images/common/character_status_bar_back.png") 0 0 no-repeat;
}

.status_position_r .character_status_bar_wrap {
	width:182px;
    height: 9px;
	position:absolute;
	top:48px;
	left:0;
	padding: 2px 6px;
	margin: 0;
    z-index: 920;
    background: url("../images/common/character_status_bar_back.png") 0 0 no-repeat;
}

.character_status_bar_wrap .progress {
	width:170px !important;
    height: 5px !important;
    background-color: #fff;
    border-radius: 0 !important;
}


/*ユーザーランク部分*/

.status_position_l .user_rank_wrap {
	width:240px;
	height:59px;
    position:absolute;
	top:62px;
	left:38px;
	padding:0;
	margin:0;
	z-index:930;
}

.status_position_r .user_rank_wrap {
	width:240px;
	height:59px;
    position:absolute;
	top:62px;
	left:-23px;
	padding:0;
	margin:0;
	z-index:930;
}

/*ランク背景*/
.user_rank_wrap {background: url(../images/common/user_rank_wrap_back.png) 0 0 no-repeat; background-size: 100% 100%;}


.status_position_l .user_rank_icon {
	width:75px;
	height:59px;
    position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	z-index:910;
}

.status_position_r .user_rank_icon {
	width:75px;
	height:59px;
    position:absolute;
	top:0;
	left:165px;
	padding:0;
	margin:0;
	z-index:910;
}

/*未承認時：ランクアイコン*/
.unapproved .rank_e {background: url(../images/common/rank_icon_e_grayout.png) 0 0 no-repeat; background-size: 100%;}
.unapproved .rank_d {background: url(../images/common/rank_icon_d_grayout.png) 0 0 no-repeat; background-size: 100%;}
.unapproved .rank_c {background: url(../images/common/rank_icon_c_grayout.png) 0 0 no-repeat; background-size: 100%;}
.unapproved .rank_b {background: url(../images/common/rank_icon_b_grayout.png) 0 0 no-repeat; background-size: 100%;}
.unapproved .rank_a {background: url(../images/common/rank_icon_a_grayout.png) 0 0 no-repeat; background-size: 100%;}
.unapproved .rank_s {background: url(../images/common/rank_icon_s_grayout.png) 0 0 no-repeat; background-size: 100%;}

/*承認時：ランクアイコン*/
.approved .rank_e {background: url(../images/common/rank_icon_e.png) 0 0 no-repeat; background-size: 100%;}
.approved .rank_d {background: url(../images/common/rank_icon_d.png) 0 0 no-repeat; background-size: 100%;}
.approved .rank_c {background: url(../images/common/rank_icon_c.png) 0 0 no-repeat; background-size: 100%;}
.approved .rank_b {background: url(../images/common/rank_icon_b.png) 0 0 no-repeat; background-size: 100%;}
.approved .rank_a {background: url(../images/common/rank_icon_a.png) 0 0 no-repeat; background-size: 100%;}
.approved .rank_s {background: url(../images/common/rank_icon_s.png) 0 0 no-repeat; background-size: 100%;}


.user_rank_unapproved_btn {
	width:90px;
	height:30px;
	position:absolute;
	top:14px;
	left:77px;
	padding:0;
	margin:0;
}

.approved .user_rank_unapproved_btn {
    display: none;
}

.user_rank_approved_btn {
	width:90px;
	height:30px;
	position:absolute;
	top:14px;
	left:77px;
	padding:0;
	margin:0;
}

.unapproved .user_rank_approved_btn {
    display: none;
}


/*メダル表示部分*/

.skills_list_title {
	width:130px;
	height:33px;
	padding:0;
	margin:0;
	position: absolute;
	top: 583px;
	left: 400px;
	z-index:900;
}

#medal_container {
	width:960px;
	height:54px;
	background: url(../images/common/medal_container_backimg.png) 0 0 no-repeat;
	padding:0;
	margin:0;
	position: absolute;
	top: 631px;
	left: 0;
	z-index:900;
}

#medal_wrap {
	width:960px;
	height:54px;
	position:relative;
	padding:0;
	margin:0;
}

.medal_icon_wrap {
	width:55px;
	height:55px;
	padding:0;
	margin:0;
	position: absolute;
	z-index:900;
}

.medal_icon_java {	        top: -4px;	left: 24px;	}
.medal_icon_php {	        top: -4px;	left: 85px;	}
.medal_icon_ruby {	        top: -4px;	left: 146px;}

.medal_icon_python2 {    	top: -4px;	left: 208px;}
.medal_icon_python3 {    	top: -4px;	left: 269px;}
.medal_icon_perl {        	top: -4px;	left: 330px;}

.medal_icon_c {	            top: -4px;	left: 391px;}
.medal_icon_c_plus_plus {	top: -4px;	left: 453px;}
.medal_icon_c_sharp {    	top: -4px;	left: 514px;}

.medal_icon_js {	        top: -4px;	left: 575px;}
.medal_icon_objective_c {	top: -4px;	left: 636px;}
.medal_icon_scala {        	top: -4px;	left: 698px;}

.medal_icon_go {	        top: -4px;	left: 759px;}
.medal_icon_swift {	        top: -4px;	left: 820px;}
.medal_icon_kotlin {        top: -4px;	left: 881px;}

.medal_icon_approved_btn,
.medal_icon_unapproved_btn {
	width:50px;
	height:65px;
	padding:0;
	margin:0;
}

.unapproved .medal_icon_approved_btn {
    display: none !important;
}

.approved .medal_icon_unapproved_btn {
    display: none !important;
}


/*ゲームメニュー部分　EQUIPMENT MENU */

.equipments_menu_title {
	width:200px;
	height:40px;
	padding:0;
	margin:0;
	position: absolute;
	top: 410px;
	left: 0;
	z-index:900;
}

#equipments_menu_container {
	width:230px;
	height:130px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 470px;
	left: 10px;
}

#equipments_menu_wrap {
	width:230px;
	height:130px;
	position:relative;
	padding:0;
	margin:0;
}

#equipments_menu_container #equipments_menu_wrap .equipments_menu_btn_m {
	width:210px;
	height:60px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
}

#equipments_menu_container #equipments_menu_wrap .equipments_menu_btn_w {
	width:210px;
	height:60px;
	padding:0;
	margin:0;
	position: absolute;
	top: 70px;
	left: 20px;
}



/*ゲームメニュー部分　QUEST MENU */

.quest_menu_title {
	width:200px;
	height:40px;
	padding:0;
	margin:0;
	position: absolute;
	top: 410px;
	left: 760px;
	z-index:900;
}

#quest_menu_container {
	width:25px;
	height:130px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 470px;
	left: 700px;
}

#quest_menu_wrap {
	width:250px;
	height:130px;
	position:relative;
	padding:0;
	margin:0;
}

#quest_menu_container #quest_menu_wrap .quest_menu_btn_1 {
	width:220px;
	height:60px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 27px;
}

#quest_menu_container #quest_menu_wrap .quest_menu_btn_2 {
	width:220px;
	height:60px;
	padding:0;
	margin:0;
	position: absolute;
	top: 70px;
	left: 0;
}





/******************************/
/*シェアページ　　　　　　　　*/
/******************************/

/*コラボバナー部分*/

#base_collaboration_bnr {
	width:300px;
	height:310px;
	padding:0;
	margin:0;
	position: absolute;
	top: 21px;
	left: 635px;
    z-index: 900;
}

#movie_container {
	width:300px;
	height:310px;
	/* background: url(../images/common/movie_container_backimg.png) 0 0 no-repeat; */
	padding:0;
	margin:0;
	position: absolute;
	top: 203px;
	left: 635px;
    z-index: 900;
}

#movie_wrap {
	width:300px;
	height:310px;
	position:relative;
	padding:0;
	margin:0;
}

#movie_content_wrap {
	width:281px;
	height:156px;
	padding:0;
	margin:0;
	position: absolute;
    top: 30px;
	left: 9px;
}

#movie_start_game_btn {
	width:281px;
	height:100px;
	padding:0;
	margin:0;
	position: absolute;
    top: 200px;
	left: 9px;
}

/**/



/******************************/
/*冒険（MAP）ページ　*/
/******************************/


/*タイトル部分*/

#map_page_title {
	width:318px;
	height:52px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
}

#map_page_icon_description {
	width:120px;
	height:160px;
	padding:0;
	margin:0;
	position: absolute;
	top: 73px;
	left: -10px;
}


/*装備メニューボタン部分*/

#map_equipments_menu_title{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 363px;
	left: 809px;
}

#map_equipments_menu_btn_m{
	width:160px;
	height:45px;
	padding:0;
	margin:0;
	position: absolute;
	top: 403px;
	left: 800px;
    z-index: 950;
}

#map_equipments_menu_btn_w{
	width:160px;
	height:45px;
	padding:0;
	margin:0;
	position: absolute;
	top: 458px;
	left: 800px;
    z-index: 950;
}


/*メニューボタン部分*/

#map_quest_menu_title{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 545px;
	left: 809px;
}

#map_quest_menu_btn_2{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 585px;
	left: 793px;
    z-index: 950;
}

#map_base_menu_btn{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 636px;
	left: 776px;
    z-index: 950;
}

/*エリア区分指定*/

.map_area_division{
	width:960px;
	height:700px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
}

/*エリア背景*/
.map_area_division_1  {background: url("../images/background/map_area_division/map_area_division_1_grayout.png") 0 0 no-repeat;}
.map_area_division_2  {background: url("../images/background/map_area_division/map_area_division_2_grayout.png") 0 0 no-repeat;}
.map_area_division_3  {background: url("../images/background/map_area_division/map_area_division_3_grayout.png") 0 0 no-repeat;}
.map_area_division_4  {background: url("../images/background/map_area_division/map_area_division_4_grayout.png") 0 0 no-repeat;}
.map_area_division_5  {background: url("../images/background/map_area_division/map_area_division_5_grayout.png") 0 0 no-repeat;}
.map_area_division_6  {background: url("../images/background/map_area_division/map_area_division_6_grayout.png") 0 0 no-repeat;}
.map_area_division_7  {background: url("../images/background/map_area_division/map_area_division_7_grayout.png") 0 0 no-repeat;}
.map_area_division_8  {background: url("../images/background/map_area_division/map_area_division_8_grayout.png") 0 0 no-repeat;}
.map_area_division_9  {background: url("../images/background/map_area_division/map_area_division_9_grayout.png") 0 0 no-repeat;}
.map_area_division_10  {background: url("../images/background/map_area_division/map_area_division_10_grayout.png") 0 0 no-repeat;}
.map_area_division_11  {background: url("../images/background/map_area_division/map_area_division_11_grayout.png") 0 0 no-repeat;}
.map_area_division_12  {background: url("../images/background/map_area_division/map_area_division_12_grayout.png") 0 0 no-repeat;}


/*クリア時背景*/
.map_area_division_1.clear  {background: url("../images/background/map_area_division/map_area_division_1_clear.png") 0 0 no-repeat;}
.map_area_division_2.clear  {background: url("../images/background/map_area_division/map_area_division_2_clear.png") 0 0 no-repeat;}
.map_area_division_3.clear  {background: url("../images/background/map_area_division/map_area_division_3_clear.png") 0 0 no-repeat;}
.map_area_division_4.clear  {background: url("../images/background/map_area_division/map_area_division_4_clear.png") 0 0 no-repeat;}
.map_area_division_5.clear  {background: url("../images/background/map_area_division/map_area_division_5_clear.png") 0 0 no-repeat;}
.map_area_division_6.clear  {background: url("../images/background/map_area_division/map_area_division_6_clear.png") 0 0 no-repeat;}
.map_area_division_7.clear  {background: url("../images/background/map_area_division/map_area_division_7_clear.png") 0 0 no-repeat;}
.map_area_division_8.clear  {background: url("../images/background/map_area_division/map_area_division_8_clear.png") 0 0 no-repeat;}
.map_area_division_9.clear  {background: url("../images/background/map_area_division/map_area_division_9_clear.png") 0 0 no-repeat;}
.map_area_division_10.clear  {background: url("../images/background/map_area_division/map_area_division_10_clear.png") 0 0 no-repeat;}
.map_area_division_11.clear  {background: url("../images/background/map_area_division/map_area_division_11_clear.png") 0 0 no-repeat;}
.map_area_division_12.clear  {background: url("../images/background/map_area_division/map_area_division_12_clear.png") 0 0 no-repeat;}


/*ラベル部分*/
.map_area_division_1 .map_area_division_label,
.map_area_division_2 .map_area_division_label,
.map_area_division_3 .map_area_division_label,
.map_area_division_4 .map_area_division_label,
.map_area_division_5 .map_area_division_label,
.map_area_division_6 .map_area_division_label,
.map_area_division_7 .map_area_division_label,
.map_area_division_8 .map_area_division_label,
.map_area_division_9 .map_area_division_label,
.map_area_division_10 .map_area_division_label,
.map_area_division_11 .map_area_division_label,
.map_area_division_12 .map_area_division_label {
	width:50px;
	height:60px;
	position: absolute;
}

/*未クリアラベル*/
.map_area_division_1 .map_area_division_label {  left:289px;  top: 301px;  background: url("../images/map/map_area_label_code.png") 0 0 no-repeat;}
.map_area_division_2 .map_area_division_label {  left:584px;  top: 122px;  background: url("../images/map/map_area_label_code.png") 0 0 no-repeat;}
.map_area_division_3 .map_area_division_label {  left:637px;  top: 508px;  background: url("../images/map/map_area_label_code.png") 0 0 no-repeat;}
.map_area_division_4 .map_area_division_label {  left:433px;  top: 464px;  background: url("../images/map/map_area_label_code.png") 0 0 no-repeat;}
.map_area_division_5 .map_area_division_label {  left:97px;  top: 550px;  background: url("../images/map/map_area_label_code.png") 0 0 no-repeat;}
.map_area_division_6 .map_area_division_label {  left:403px;  top: 63px;  background: url("../images/map/map_area_label_code.png") 0 0 no-repeat;}
.map_area_division_7 .map_area_division_label {  left:97px;  top: 279px;  background: url("../images/map/map_area_label_sql.png") 0 0 no-repeat;}
.map_area_division_8 .map_area_division_label {  left:225px;  top: 429px;  background: url("../images/map/map_area_label_sql.png") 0 0 no-repeat;}
.map_area_division_9 .map_area_division_label {  left:652px;  top: 295px;  background: url("../images/map/map_area_label_sql.png") 0 0 no-repeat;}
.map_area_division_10 .map_area_division_label {  left:238px;  top: 159px;  background: url("../images/map/map_area_label_sql.png") 0 0 no-repeat;}
.map_area_division_11 .map_area_division_label {  left:473px;  top: 248px;  background: url("../images/map/map_area_label_sql.png") 0 0 no-repeat;}
.map_area_division_12 .map_area_division_label {  left:793px;  top: 104px;  background: url("../images/map/map_area_label_sql.png") 0 0 no-repeat;}


/*ラベル部分 クリア時*/
.map_area_division_1.clear .map_area_division_label,
.map_area_division_2.clear .map_area_division_label,
.map_area_division_3.clear .map_area_division_label,
.map_area_division_4.clear .map_area_division_label,
.map_area_division_5.clear .map_area_division_label,
.map_area_division_6.clear .map_area_division_label,
.map_area_division_7.clear .map_area_division_label,
.map_area_division_8.clear .map_area_division_label,
.map_area_division_9.clear .map_area_division_label,
.map_area_division_10.clear .map_area_division_label,
.map_area_division_11.clear .map_area_division_label,
.map_area_division_12.clear .map_area_division_label {
	width:50px;
	height:60px;
	position: absolute;
}


/*ラベル クリア時*/
.map_area_division_1.clear .map_area_division_label {  left:289px;  top: 301px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_2.clear .map_area_division_label {  left:584px;  top: 122px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_3.clear .map_area_division_label {  left:637px;  top: 508px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_4.clear .map_area_division_label {  left:433px;  top: 464px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_5.clear .map_area_division_label {  left:97px;  top: 550px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_6.clear .map_area_division_label {  left:403px;  top: 63px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_7.clear .map_area_division_label {  left:97px;  top: 279px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_8.clear .map_area_division_label {  left:225px;  top: 429px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_9.clear .map_area_division_label {  left:652px;  top: 295px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_10.clear .map_area_division_label {  left:238px;  top: 159px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_11.clear .map_area_division_label {  left:473px;  top: 248px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}
.map_area_division_12.clear .map_area_division_label {  left:793px;  top: 104px;  background: url("../images/map/map_area_label_clear.png") 0 0 no-repeat;}



#map_area_division_1_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:215px;
	top: 349px;
    z-index: 900;
}

#map_area_division_2_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:510px;
	top: 169px;
    z-index: 900;
}

#map_area_division_3_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:563px;
	top: 556px;
    z-index: 900;
}

#map_area_division_4_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:359px;
	top: 512px;
    z-index: 900;
}

#map_area_division_5_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:22px;
	top: 598px;
    z-index: 900;
}

#map_area_division_6_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:329px;
	top: 111px;
    z-index: 900;
}

#map_area_division_7_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:22px;
	top: 327px;
    z-index: 900;
}

#map_area_division_8_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:153px;
	top: 477px;
    z-index: 900;
}

#map_area_division_9_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:578px;
	top: 343px;
    z-index: 900;
}

#map_area_division_10_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:164px;
	top: 207px;
    z-index: 900;
}

#map_area_division_11_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:399px;
	top: 296px;
    z-index: 900;
}

#map_area_division_12_btn_wrap {
	width:170px;
	height:21px;
	padding:0;
	margin:0;
	position: absolute;
    left:719px;
	top: 152px;
    z-index: 900;
}

/*EASYアイコン*/

#map_area_division_1_btn_wrap .easy_icon {
	width:37px;
	height:14px;
	padding:0;
	margin:0;
	position: absolute;
	left:151px;
	top: 24px;
	z-index: 900;
}

#map_area_division_2_btn_wrap .easy_icon {
	width:37px;
	height:14px;
	padding:0;
	margin:0;
	position: absolute;
	left:151px;
	top: 24px;
	z-index: 900;
}

#map_area_division_7_btn_wrap .easy_icon {
	width:37px;
	height:14px;
	padding:0;
	margin:0;
	position: absolute;
	left:153px;
	top: 24px;
	z-index: 900;
}

#map_area_division_8_btn_wrap .easy_icon {
	width:37px;
	height:14px;
	padding:0;
	margin:0;
	position: absolute;
	left:153px;
	top: 24px;
	z-index: 900;
}

.btn_default .map_area_division_btn_clear{
    display: none;
}

.btn_clear .map_area_division_btn{
    display: none;
}



/******************************/
/*問題ページ*/
/******************************/

#question_box_container {
	width:100%;
	text-align:center;
}

#question_contents_wrap {
	width:960px;
	margin:0 auto;
}


/*タイトル部分*/

.anser_title_container {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}

.additional_explain_link_container {
	text-align: left;
}

/*テキスト可変タイトル*/
.text_title_wrap_m {
    width: 960px;
	height:115px;
	line-height:111px;
	color:#FFF !important;
    text-align:center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    position: relative;
	background: url(../images/common/text_title_wrap_backimg_m.png) 0 0 no-repeat;
}

.text_title_wrap_w {
    width: 960px;
	height:115px;
	line-height:111px;
	color:#FFF !important;
    text-align:center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    position: relative;
	background: url(../images/common/text_title_wrap_backimg_w.png) 0 0 no-repeat;
}


/*問題タイトル　可変テキスト*/

#question_title_container {
    width: 960px;
	height:122px;
    margin: 30px auto;
    padding: 0;
    position: relative;
}

#question_title_container.question_m {
	background: url(../images/common/question_text_title_wrap_backimg_m.png) 0 0 no-repeat;
}

#question_title_container.question_w {
	background: url(../images/common/question_text_title_wrap_backimg_w.png) 0 0 no-repeat;
}

#question_title_wrap {
    width: 960px;
	height:122px;
    margin: 0;
    padding: 0;
}

.question_title_text{
    height: 40px;
    line-height: 40px;
    width:  620px;
	color:#FFF !important;
    text-align:center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 165px;
    top: 43px;
}

.question_title_text span{
	color:#FFF !important;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
}

#area_rank_icon {
	width:75px;
	height:59px;
    position:absolute;
	top:-15px;
	left:536px;
	padding:0;
	margin:0;
    z-index: 900;
}

/*承認時：ランクアイコン*/
#question_title_wrap .rank_e {background: url(../images/common/rank_icon_e.png) 0 0 no-repeat; background-size: 100%;}
#question_title_wrap .rank_d {background: url(../images/common/rank_icon_d.png) 0 0 no-repeat; background-size: 100%;}
#question_title_wrap .rank_c {background: url(../images/common/rank_icon_c.png) 0 0 no-repeat; background-size: 100%;}
#question_title_wrap .rank_b {background: url(../images/common/rank_icon_b.png) 0 0 no-repeat; background-size: 100%;}
#question_title_wrap .rank_a {background: url(../images/common/rank_icon_a.png) 0 0 no-repeat; background-size: 100%;}
#question_title_wrap .rank_s {background: url(../images/common/rank_icon_s.png) 0 0 no-repeat; background-size: 100%;}

/*フレーバーテキスト*/
#question_flavor_text {
    width: 960px;
    height:84px;
    background: url(../images/common/question_flavor_text_backimg.png) 0 0 no-repeat;
    margin: -10px auto 30px auto;
    padding: 21px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#question_flavor_text p{
    line-height: 1.4;
    color:#FFF !important;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/*問題表示 BOX部分*/

.question_box_container {
	margin-bottom:50px;
	padding: 0;
	text-align: left;
}

.question_box_wrap {
	margin: 0;
	padding:0;
}


.question_box_container img {
	vertical-align:bottom;
}

.question_box {
	padding:20px;
	border:solid 3px #b4944e;
	margin-bottom:30px;
	background: #FFF;
	overflow:hidden;
	*zoom:1;
}

.question_box p,
.box_full p {
	padding:0;
	margin:0;
}

/*ヒント枠表示*/

.hint_box {
	border:solid 2px #ff911e;
	border-radius: 10px;
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}

.hint_box_table th {
	width: 110px;
	min-height: 110px;
	background: #ffbe7a;
	margin: 0;
	padding: 10px;
}

.hint_box_table td {
	background: #fffae4;
	margin: 0;
	padding: 15px;
}

.hint_box_table td h3 {
	height: 25px;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 85px;
	margin: 0 0 10px 0;
	background: url("../images/common/hint_movie_icon.png") 0 50% no-repeat;
}

.hint_box_table td h3 a {
	text-decoration-line: underline !important;
}

.hint_box_table td p {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.hint_box_footer {
	border-top: solid 1px #ff911e;
	margin-top: 15px;
	padding-top: 15px;
}

.hint_box_footer a {
	font-weight: bold;
}

/*下部　カラム指定*/

.box_right {
	width:470px;
	float:right;
	padding:20px;
	border:solid 3px #CCC;
	background: #FFF;
	overflow:hidden;
	*zoom:1;
	margin-bottom:20px;
}

.box_left {
	width:470px;
	float:left;
	padding:20px;
	border:solid 3px #CCC;
	background: #FFF;
	overflow:hidden;
	*zoom:1;
	margin-bottom:20px;
}

.box_full {
	width:100%;
	padding:20px;
	border:solid 3px #CCC;
	background: #FFF;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	*zoom:1;
}

/*小見出し*/

.box_title {
	font-size:14px;
    font-weight: bold;
    margin: 0 0 10px 0;	
}

/*アイコン*/

span.icon01 {
	background:url(../images/common/icon01.gif) 0 50% no-repeat;
	padding-left:25px;
}

span.icon02 {
	background:url(../images/common/icon02.gif) 0 50% no-repeat;
	padding-left:25px;
}

span.icon03 {
	background:url(../images/common/icon03.gif) 0 50% no-repeat;
	padding-left:25px;
}

/*カラム内グレー表示*/

.gray_box {
    background: #ededed;
    padding: 10px 10px 10px 20px;
	margin:10px 0;
	border:solid 2px #CCC;
	display:block;
}

/*入力例*/

dl.example {
    background: #ededed none repeat scroll 0 0;
    border: 3px solid #ccc;
    padding: 20px;
	margin: 0 0 20px;
}

.box_under_left {
	width:450px;
	float:left;
}

.box_under_right {
	width:450px;
	float:right;
}





/************************************************************/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　ページ下部レイアウト　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/************************************************************/

.title_container {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}

/*テキスト可変タイトル*/
.text_title_wrap {
    width: 960px;
	height:115px;
	line-height:111px;
	color:#FFF !important;
    text-align:center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    position: relative;
	background: url(../images/common/text_title_wrap_backimg_m.png) 0 0 no-repeat;
}

.title_s_container {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}

/*テキスト可変タイトル*/
.text_title_s_wrap {
	width:460px;
	height:65px;
	line-height:68px;
	color:#FFF !important;
    text-align:center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    font-weight: bold;
	margin:0 0 30px 0;
    padding: 0;
    position: relative;
	background: url(../images/common/text_title_s_wrap_backimg.png) 0 0 no-repeat;
}

/*ページ下部バナー*/

.page_banner_container {
	width:100%;
	text-align:center;
}

.page_banner_wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}

.page_banner_460_l {
	height: auto;
	width: 460px;
	float: left;
	padding:0;
	margin:0;
}

.page_banner_460_r {
	height: auto;
	width: 460px;
	float: right;
	padding:0;
	margin:0;
}


/*　共通要素　　*/

.box_l {
	float: left;
}

.box_r {
	float:right;
	
}


/*キャンペーン概要部分 */

#lower_contents_campaign_container {
	width:100%;
    text-align: center;
	margin-bottom:30px;
}

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

.lower_contents_campaign_wrap_1 {
    width: 460px;
	margin:0;
	padding:0;
}

.lower_contents_campaign_wrap_2 {
    width: 460px;
	margin:0;
	padding:0;
}

.lower_contents_campaign_wrap_2 {
    width: 460px;
	padding:0;
	margin:0;
}

.lower_contents_campaign_wrap_2 .txt1 {
    line-height: 1.4;
}
.lower_contents_campaign_wrap_2 .txt1 dt {
    color: #999;
}
.lower_contents_campaign_wrap_2 .txt1 dd {
    margin: 0 0 10px;
}
.lower_contents_campaign_wrap_2 .txt2 {
    font-size: 86%;
}
.lower_contents_campaign_wrap_2 .txt2 li {
    margin: 0 0 10px;
}
.lower_contents_campaign_wrap_2 .inr1 .schedule_text_wrap {
    margin: 0 0 15px;
    width: 200px;
}
.lower_contents_campaign_wrap_2 .inr1 .float_left .ttl1 {
	height:28px;
	line-height:28px;
	font-size:16px;
    background: rgba(0, 0, 0, 0) url("../images/common/icon_03_01.png") no-repeat scroll left center;
    font-weight: bold;
    margin: 0 0 15px;
    padding-left: 42px;
}

.lower_contents_campaign_wrap_2 .inr1 .present_text_wrap{
    margin: 0 0 15px;
    width: 240px;
}
.lower_contents_campaign_wrap_2 .inr1 .float_right .ttl1 {
	height:28px;
	line-height:28px;
	font-size:16px;
    background: rgba(0, 0, 0, 0) url("../images/common/icon_03_02.png") no-repeat scroll left center;
    font-weight: bold;
    margin: 0 0 15px;
    padding-left: 33px;
}

.lower_contents_campaign_wrap_2 .inr1 .boxB {
    clear: both;
    width: 100%;
}


/*チャレンジ結果表示用*/

#challenge_result_container {
	width:100%;
    text-align: center;
	margin-bottom:30px;
}

#challenge_contents_wrap {
	width:960px;
    text-align: left;
	border: solid 3px #CCC;
	background: #FFF;
	padding: 10px 20px 0 20px;
    margin: 0 auto;
}



/*ソーシャル　コンテンツ*/

#sns_container {
	width:960px;
	min-height:600px;
	margin:0 auto 50px auto;
	text-align:left;
}

.sns_title {
    color: #3b579d;
    font-size: 172%;
    font-weight: bold;
    margin: 0 0 20px 0;
	text-align:left;
}

/*SQLプロモ部分*/

.sql_promotion_contents_container {
	width:100%;
	text-align:center;
}

.sql_promotion_contents_wrap {
	width: 960px;
	height: 538px;
	padding: 0;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
	position: relative;
	background: url("../images/common/sql_promotion_img.png") 0 0 no-repeat;
}

.sql_promotion_btn {
	width: 272px;
	height: 46px;
	padding: 0;
	margin:0;
	position: absolute;
	top: 446px;
	left: 344px;
}

/******************************/
/*遊び方ページ　　　　　　　　*/
/******************************/


.how_to_play_container {
	width:100%;
    text-align: center;
	margin-bottom:50px;
}

.how_to_play_wrap {
	width:960px;
    margin: 0 auto;
    text-align: left;
}

.how_to_play_title {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}


/**/


/******************************/
/*ランキングページ部分*/
/******************************/

/*上部ステータス＆バナー部分*/

#ranking_top_status_banner_container {
	width:100%;
	text-align:center;
}

#ranking_top_status_banner_wrap {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:40px 0 30px 0;
}

/*ステータス*/

#ranking_top_status_wrap {
	width: 312px;
	height: 134px;
	padding: 0;
	margin: -4px 0 0 0;
    background: url("../images/common/ranking_page_result_backimg.png") 50% 0 no-repeat;
    float: left;
    position: relative;
}

#user_nickname {
	width: 179px;
	height: 26px;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
    color: #543913;
	padding: 0 30px 0 15px;
	margin: 0;
    position: absolute;
    top: 55px;
    left: 121px;
}

#user_nickname_change_btn {
	width: 19px;
	height: 20px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 58px;
    left: 275px;
    z-index: 950;
}


#user_rank {
	width: 179px;
	height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #543913;
	padding: 0 30px 0 15px;
	margin: 0;
    position: absolute;
    top: 91px;
    left: 121px;
}

/*バナー*/

#ranking_top_banner_wrap {
	width: 620px;
	height: 130px;
	padding: 0;
	margin: 0;
    /* background: url("/code_and_sql/images/bnr/ranking_bnr_960_160.png") 50% 0 no-repeat; */
    float: right;
    position: relative;
}


/*ランキング部分*/


#ranking_container {
	width:100%;
    text-align: center;
	margin-bottom:50px;
}

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

#ranking_contents_wrap {
	width:960px;
	border:solid 2px #b4944e;
    border-radius: 5px;
	background: #faf4e5;
	padding:20px 40px;
	margin: 0 auto;
}

#ranking_contents_wrap p {
	padding:0;
	margin:0;
}

.ranking_table {
	width:100%;
	margin:0 auto 20px auto;
	padding:0;
}

tr.ranking_table_title{
	color:#999900;
	font-weight:bold;
	border-bottom:1px dotted #999900;
	border-collapse: collapse;
	border-spacing: 0;
}

.ranking_td_rank {
	width:13%;
	text-align:center;
	padding:10px;
}

.ranking_td_1 {
	width:27%;
	text-align:center;
	padding:10px;
}

.ranking_td_2 {
	width:20%;
	text-align:center;
	padding:10px;
}

.ranking_td_3 {
	width:20%;
	text-align:center;
	padding:10px;
}

.ranking_td_4 {
	width:20%;
	text-align:center;
	padding:10px;
}

tr.ranking_table_top1 {
	font-weight:bold;
	border-bottom:1px dotted #c1b06f;
	background:#eadcaf;
}

tr.ranking_table_top2 {
	font-weight:bold;
	border-bottom:1px dotted #c1b06f;
	background:#ede1bb;
}

tr.ranking_table_top3 {
	font-weight:bold;
	border-bottom:1px dotted #c1b06f;
	background:#f3e9cd;
}


/*ランクテキスト装飾*/

.rank_text_decoration {
	color:#FFF !important;
	text-shadow:
	 0px  2px 1px #875d0d,
	 0px  1px 1px #875d0d,
	 1px  1px 1px #875d0d,
	 1px  0px 1px #875d0d,
	 2px  0px 1px #875d0d,
	 1px -1px 1px #875d0d,
	 1px -1px 1px #875d0d,
	 0px -1px 1px #875d0d,
    -1px -1px 1px #875d0d,
	-1px -1px 1px #875d0d,
	-1px -1px 1px #875d0d,
	-1px  0px 1px #875d0d,
	-1px  1px 1px #875d0d,
	-1px  1px 1px #875d0d !important;
}

/*順位ランクアイコン*/

.rank_1 { background:url(../images/common/ranking_icon_gold.png) 6px 50% no-repeat; }
.rank_2 { background:url(../images/common/ranking_icon_silver.png) 6px 50% no-repeat; }
.rank_3 { background:url(../images/common/ranking_icon_bronze.png) 6px 50% no-repeat; }
.rank_10 { background:url(../images/common/ranking_icon_top10.png) 8px 50% no-repeat; }
.rank_50 { background:url(../images/common/ranking_icon_top50.png) 8px 50% no-repeat; }
	

tr.ranking_table_top10 {
	font-weight:bold;
	border-bottom:1px dotted #999900;
}

tr.ranking_table_top10_b {
	font-weight:bold;
	border-bottom:1px dotted #999900;
}

tr.ranking_table_top50 {
	font-weight:bold;
	border-bottom:1px dotted #999900;
}

tr.ranking_table_under_50 {
	font-weight:bold;
	border-bottom:1px dotted #999900;
}


/**/


/******************************/
/*ローディング画面*/
/******************************/


#loading_m_text_1 {
    width: 290px;
    height: 45px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 542px;
    left: 696px;
    z-index: 950;
  animation: blink_img 6s linear infinite;
}

#loading_w_text_1 {
    width: 290px;
    height: 45px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 542px;
    left: -10px;
    z-index: 950;
  animation: blink_img 6s linear infinite;
}


@keyframes blink_img {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

#loading_m_text_2 {
    width: 290px;
    height: 68px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 586px;
    left: 696px;
    z-index: 950;
}

#loading_w_text_2 {
    width: 290px;
    height: 68px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 586px;
    left: -10px;
    z-index: 950;
}

#loading_script_text_m {
    width: 350px;
    height: 700px;
    font-size: 11px;
    text-align: left;
    line-height: 10px !important;
    color: #70c2c5 !important;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 670px;
    z-index: 900;
    overflow: hidden;
}

#loading_script_text_w {
    width: 350px;
    height: 700px;
    font-size: 11px;
    text-align: left;
    line-height: 10px !important;
    color: #ffef72 !important;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: -40px;
    z-index: 900;
    overflow: hidden;
}

#loading_script_text_animation {
    width: 350px;
    height: 800px;
    top: 0;
    animation: 50s credits_s linear infinite;
}

@keyframes credits_s {
  0% {
    top: 300px;
  }
  100% {
    top: -100px;
  }
}


/*検証結果表示*/

#test_case_1 {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 60px;
    left: 760px;
    z-index: 900;
}

#test_case_2 {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 150px;
    left: 760px;
    z-index: 900;
}

#test_case_3 {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 240px;
    left: 760px;
    z-index: 900;
}

#test_case_4 {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 330px;
    left: 760px;
    z-index: 900;
}

#test_case_5 {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 420px;
    left: 760px;
    z-index: 900;
}

#test_case_1.test_case_success { background:url(../images/common/test_case_1_success.png) 6px 50% no-repeat; }
#test_case_2.test_case_success { background:url(../images/common/test_case_2_success.png) 6px 50% no-repeat; }
#test_case_3.test_case_success { background:url(../images/common/test_case_3_success.png) 6px 50% no-repeat; }
#test_case_4.test_case_success { background:url(../images/common/test_case_4_success.png) 6px 50% no-repeat; }
#test_case_5.test_case_success { background:url(../images/common/test_case_5_success.png) 6px 50% no-repeat; }

#test_case_1.test_case_failure { background:url(../images/common/test_case_1_failure.png) 6px 50% no-repeat; }
#test_case_2.test_case_failure { background:url(../images/common/test_case_2_failure.png) 6px 50% no-repeat; }
#test_case_3.test_case_failure { background:url(../images/common/test_case_3_failure.png) 6px 50% no-repeat; }
#test_case_4.test_case_failure { background:url(../images/common/test_case_4_failure.png) 6px 50% no-repeat; }
#test_case_5.test_case_failure { background:url(../images/common/test_case_5_failure.png) 6px 50% no-repeat; }

/******************************/
/*ダイアログボックス関連*/
/******************************/

/*ダイアログ共通*/

#dialog_content_container {
	width: 700px;
	height: 600px;
	padding: 0;
	margin: auto auto;
    background: url("../images/common/dialog_content_container_backimg.png") 50% 0 no-repeat;
}

#dialog_content_wrap {
	width: 700px;
	height: 600px;
	padding: 90px 0 0 0;
	margin: 0;
    position: relative;
}



/*タイトル部分*/

.dialog_content_title {
	width: 100%;
	height: 72px;
    text-align: center;
    margin: 0 0 13px 0;
    padding: 0;
}


/*ダイアログ メニュー画面*/

#dialog_content_menu_container {
	width: 460px;
	height: 342px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_content_menu_backimg.png") 0 0 no-repeat;
}

#dialog_content_menu_wrap {
	width: 460px;
	height: 342px;
	padding: 0;
	margin: 0;
    position: relative;
}

#dialog_content_menu_list_wrap {
	width: 460px;
	height: 240px;
	padding: 20px 0 0 10px;
	margin: 0;
    position: relative;
    list-style: none;
}

#dialog_content_menu_list_wrap li{
	width: 210px;
	height: 60px;
	padding: 0;
	margin: 0 10px 20px 0;
    float: left;
}

#dialog_content_menu_wrap .dialog_content_line {
	width: 246px;
	height: 8px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 260px;
    left: 106px;
    overflow: hidden;
}

#dialog_content_menu_wrap .dialog_content_line img {
    vertical-align: top;
}

#dialog_content_menu_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 284px;
    left: 167px;
}


/*ダイアログ 背景設定画面*/

#dialog_background_setting_container {
	width: 681px;
	height: 424px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_background_setting_backimg.png") 0 0 no-repeat;
}

#dialog_background_setting_wrap {
	width: 681px;
	height: 424px;
	padding: 0;
	margin: 0;
    position: relative;
}

#dialog_background_setting_list_wrap {
	width: 681px;
	height: 340px;
	padding: 20px 0 0 20px;
	margin: 0;
    position: relative;
    list-style: none;
}

#dialog_background_setting_list_wrap li{
	width: 200px;
	height: 60px;
	padding: 0;
	margin: 0 20px 20px 0;
    float: left;
}

#dialog_background_setting_list_wrap .open .btn_lock,
#dialog_background_setting_list_wrap .lock .btn_open{
    display: none !important;
}


#dialog_background_setting_wrap .dialog_content_line {
	width: 246px;
	height: 8px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 341px;
    left: 221px;
    overflow: hidden;
}

#dialog_background_setting_wrap .dialog_content_line img {
    vertical-align: top;
}

#dialog_background_setting_wrap .initial_background_setting_btn {
	width: 188px;
	height: 42px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 361px;
    left: 176px;
}

#dialog_background_setting_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 365px;
    left: 381px;
}


/*ダイアログ プレゼント、インフォ画面*/

#dialog_content_present_info_container {
	width: 460px;
	min-height: 200px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_present_info_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_content_present_info_wrap {
	width: 454px;
	min-height: 200px;
	padding: 27px 27px 0 27px;
	margin: 0;
    position: relative;
}

.dialog_bnr_wrap {
    width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto;
}

.dialog_text_wrap,
.dialog_linktext_wrap {
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    color: #333333;
    width: 100%;
	padding: 0 0 15px 0;
	margin: 0 auto;
}

.dialog_linktext_wrap a {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    text-decoration: underline;
    color: #996f33;
    width: 100%;
	padding: 0 0 15px 0;
	margin: 0 auto;
}

.dialog_linktext_wrap a:hover {
    text-decoration: none;
}

#dialog_content_present_info_wrap .dialog_content_line {
	width: 246px;
	height: 8px;
    text-align: center;
	padding: 0;
	margin: 0 auto 20px auto;
}

#dialog_content_present_info_wrap .dialog_content_line img {
    vertical-align: top;
}

#dialog_content_present_info_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
    text-align: center;
	padding: 0;
	margin: 0 auto 20px auto;
}


/*ダイアログ　エリア詳細画面*/


#dialog_content_area_detail_container {
	width: 460px;
	min-height: 565px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_present_info_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_content_area_detail_wrap {
	width: 454px;
	min-height: 565px;
	padding: 17px 17px 0 17px;
	margin: 0;
    position: relative;
}

#area_detail_wrap {
	width: 420px;
	height: 472px;
	padding: 0;
	margin: 0;
    position: relative;
}


/*ダイアログ背景*/

/*原初の村*/
.area_detail_background_1 {  background: url("../images/background/area_detail_background/area_detail_background_1.png") 0 0 no-repeat;}
/*氷の城*/
.area_detail_background_2 {  background: url("../images/background/area_detail_background/area_detail_background_2.png") 0 0 no-repeat;}
/*火山島*/
.area_detail_background_3 {  background: url("../images/background/area_detail_background/area_detail_background_3.png") 0 0 no-repeat;}
/*大海の渦*/
.area_detail_background_4 {  background: url("../images/background/area_detail_background/area_detail_background_4.png") 0 0 no-repeat;}
/*龍の頭*/
.area_detail_background_5 {  background: url("../images/background/area_detail_background/area_detail_background_5.png") 0 0 no-repeat;}
/*暗黒の地*/
.area_detail_background_6 {  background: url("../images/background/area_detail_background/area_detail_background_6.png") 0 0 no-repeat;}
/*魔法使いの街*/
.area_detail_background_7 {  background: url("../images/background/area_detail_background/area_detail_background_7.png") 0 0 no-repeat;}
/*果ての平原*/
.area_detail_background_8 {  background: url("../images/background/area_detail_background/area_detail_background_8.png") 0 0 no-repeat;}
/*砂漠のオアシス*/
.area_detail_background_9 {  background: url("../images/background/area_detail_background/area_detail_background_9.png") 0 0 no-repeat;}
/*禁断の洞窟*/
.area_detail_background_10 { background: url("../images/background/area_detail_background/area_detail_background_10.png") 0 0 no-repeat;}
/*精霊の村*/
.area_detail_background_11 { background: url("../images/background/area_detail_background/area_detail_background_11.png") 0 0 no-repeat;}
/*獣の足跡*/
.area_detail_background_12 { background: url("../images/background/area_detail_background/area_detail_background_12.png") 0 0 no-repeat;}


#area_detail_rank_icon {
	width:75px;
	height:59px;
    position:absolute;
	top:2px;
	left:348px;
	padding:0;
	margin:0;
}

/*承認時：ランクアイコン*/
#area_detail_rank_icon.rank_e {background: url(../images/common/rank_icon_e.png) 0 0 no-repeat; background-size: 100%;}
#area_detail_rank_icon.rank_d {background: url(../images/common/rank_icon_d.png) 0 0 no-repeat; background-size: 100%;}
#area_detail_rank_icon.rank_c {background: url(../images/common/rank_icon_c.png) 0 0 no-repeat; background-size: 100%;}
#area_detail_rank_icon.rank_b {background: url(../images/common/rank_icon_b.png) 0 0 no-repeat; background-size: 100%;}
#area_detail_rank_icon.rank_a {background: url(../images/common/rank_icon_a.png) 0 0 no-repeat; background-size: 100%;}
#area_detail_rank_icon.rank_s {background: url(../images/common/rank_icon_s.png) 0 0 no-repeat; background-size: 100%;}

#area_detail_character {
	width:224px;
	height:82px;
    position:absolute;
	top:112px;
	left:8px;
	padding:38px 0 0 84px;
	margin:0;
}

.area_detail_character_m  {background: url(../images/common/area_detail_character_m.png) 0 0 no-repeat; background-size: 100%;}
.area_detail_character_w  {background: url(../images/common/area_detail_character_w.png) 0 0 no-repeat; background-size: 100%;}

.area_detail_character_m .character_name,
.area_detail_character_w .character_name{
	width:140px;
	height:27px;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
    line-height: 27px;
    text-align: left;
    padding: 0;
    margin: 0;
}

.area_detail_character_w .character_name {
	text-shadow:
	 0px  2px 1px #998db5,
	 0px  1px 1px #998db5,
	 1px  1px 1px #998db5,
	 1px  0px 1px #998db5,
	 2px  0px 1px #998db5,
	 1px -1px 1px #998db5,
	 1px -1px 1px #998db5,
	 0px -1px 1px #998db5,
	-1px -1px 1px #998db5,
	-1px -1px 1px #998db5,
	-1px -1px 1px #998db5,
	-1px  0px 1px #998db5,
	-1px  1px 1px #998db5,
	-1px  1px 1px #998db5 !important;
}

.area_detail_character_m .character_name {
	text-shadow:
	 0px  2px 1px #518ea4,
	 0px  1px 1px #518ea4,
	 1px  1px 1px #518ea4,
	 1px  0px 1px #518ea4,
	 2px  0px 1px #518ea4,
	 1px -1px 1px #518ea4,
	 1px -1px 1px #518ea4,
	 0px -1px 1px #518ea4,
	-1px -1px 1px #518ea4,
	-1px -1px 1px #518ea4,
	-1px -1px 1px #518ea4,
	-1px  0px 1px #518ea4,
	-1px  1px 1px #518ea4,
	-1px  1px 1px #518ea4 !important;
}

.area_detail_character_w .character_name{
	width:140px;
	height:27px;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
    line-height: 27px;
    text-align: left;
    padding: 0;
    margin: 0;
}


#area_detail_equipment_icon {
	width:60px;
	height:60px;
	padding:0;
	margin:0;
    position:absolute;
	top:223px;
	left:60px;
}

#area_detail_equipment_text {
	width:221px;
	height:29px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    line-height: 29px;
    text-align: center;
	padding:0;
	margin:0;
    position:absolute;
	top:252px;
	left:151px;
}

#area_detail_equipment_flavor_text {
	width:420px;
	height:80px;
	font-size:13px;
	color:#543913;
	font-weight:bold;
    line-height: 1.4;
    text-align: center;
	padding:15px 30px;
	margin:0;
    position:absolute;
	top:309px;
	left:0;
}

#area_detail_challenge_btn {
	width:248px;
	height:42px;
	padding:0;
	margin:0;
    position:absolute;
	top:411px;
	left:86px;
}

#dialog_content_area_detail_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 510px;
    left: 165px;
}



/*ダイアログ 装備選択画面　通常問題・SQL問題*/

#dialog_item_select_container {
	width: 346px;
	min-height: 417px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_item_select_rank_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_item_select_wrap {
	width: 346px;
	min-height: 410px;
	padding: 15px 15px 0 15px;
	margin: 0;
    position: relative;
}

#dialog_item_group_wrap {
	width: 312px;
	height: 116px;
	padding: 0;
	margin: 0 0 20px 0;
    background: url("../images/common/dialog_item_group_backimg.png") top center no-repeat;
    position: relative;
}

#dialog_item_group_list_wrap {
	width: 312px;
	height:60px;
    padding: 0 21px;
    margin: 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 45px;
    left: 0;
}

#dialog_item_group_list_wrap li {
    height:60px;
    text-align: center;
    padding: 0;
    margin: 0 5px;
    list-style: none;
}

#dialog_item_group_text {
	width:312px;
	height:35px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    line-height: 35px;
    text-align: center;
	padding:0;
	margin:0;
    position:absolute;
	top:0;
	left:0;
}

#dialog_text_group_wrap {
	width:312px;
	height: 189px;
	padding: 0;
	margin: 0;
    background: url("../images/common/dialog_text_group_backimg.png") top center no-repeat;
    position:absolute;
	top:150px;
	left:15px;
}

.dialog_flavor_text {
	width:312px;
	height: 96px;
    padding:0;
    margin: 0;
    position:absolute;
	top:3px;
	left:0;
}

.dialog_flavor_text p{
    width:100%;
    font-size: 14px;
	color:#996f33;
	font-weight:bold;
    line-height: 1.6;
    text-align: center;
    padding:0;
    margin: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.dialog_flavor_text span{
	color:#e50000;
}

.dialog_mission_text {
	width:312px;
	height: 62px;
    padding:0;
    margin: 0;
    position:absolute;
	top:100px;
	left:0;
}

.dialog_mission_text p{
    width:100%;
    font-size: 12px;
	color:#333333;
    line-height: 1.6;
    text-align: center;
    padding:0 15px;
    margin: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.dialog_text_group_btn {
	width: 100%;
	height: 42px;
    text-align: center;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 110px;
    left: 0;
}

#dialog_item_select_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 356px;
    left: 110px;
}


/*ダイアログ　装備選択　クリア時*/

#dialog_item_select_clear_container {
	width: 346px;
	min-height: 348px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_item_select_rank_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_item_select_clear_wrap {
	width: 346px;
	padding: 15px 15px 0 15px;
	margin: 0;
    position: relative;
}

.item_select_clear_btn_wrap {
    width: 100%;
	padding: 0;
	margin: 0 auto 20px 0;
}

.item_select_clear_text_wrap {
    width:100%;
    font-size: 14px;
	color:#996f33;
	font-weight:bold;
    text-align: center;
    padding:0;
	margin: 0 auto 15px auto;
}

.item_select_clear_text_wrap a{
	color:#996f33;
    text-decoration: underline;
}

.item_select_clear_text_wrap a:hover{
	color:#996f33;
    text-decoration: none;
}

#dialog_item_select_clear_wrap .dialog_content_line {
	width: 246px;
	height: 8px;
    text-align: center;
	padding: 0;
	margin: 0 auto 15px auto;
}

#dialog_item_select_clear_wrap .dialog_content_line img {
    vertical-align: top;
}

#dialog_item_select_clear_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
    text-align: center;
	padding: 0;
	margin: 0 auto 20px auto;
}


/*ダイアログ ユーザーランク*/

#dialog_user_rank_container {
	width: 346px;
	min-height: 417px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_item_select_rank_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_user_rank_wrap {
	width: 346px;
	min-height: 410px;
	padding: 15px 15px 0 15px;
	margin: 0;
    position: relative;
}

#dialog_user_rank_group_wrap {
	width: 312px;
	height: 116px;
	padding: 0;
	margin: 0 0 20px 0;
    background: url("../images/common/dialog_user_rank_group_backimg.png") top center no-repeat;
    position: relative;
}

#dialog_user_rank_text {
	width:312px;
	height:35px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    line-height: 35px;
    text-align: center;
	padding:0;
	margin:0;
    position:absolute;
	top:0;
	left:0;
}

.dialog_user_rank_group_arrow {
	width:26px;
	height:23px;
	padding:0;
	margin:0;
    position:absolute;
	top:64px;
	left:140px;
}

#dialog_user_rank_group_wrap #user_rank_unapproved {
	width: 75px;
	height: 59px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 46px;
    left: 48px;
}

#dialog_user_rank_group_wrap #user_rank_approved {
	width: 75px;
	height: 59px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 46px;
    left: 183px;
}

/*認証済み時*/

#dialog_user_rank_group_wrap.approved .dialog_user_rank_group_arrow {
    display: none;
}

#dialog_user_rank_group_wrap.approved #user_rank_unapproved {
    display: none;
}

#dialog_user_rank_group_wrap.approved #user_rank_approved {
	width: 75px;
	height: 59px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 46px;
    left: 117px;
}


/*承認時：ランクアイコン*/
#dialog_user_rank_group_wrap.rank_e #user_rank_approved {background: url(../images/common/rank_icon_e.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_d #user_rank_approved {background: url(../images/common/rank_icon_d.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_c #user_rank_approved {background: url(../images/common/rank_icon_c.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_b #user_rank_approved {background: url(../images/common/rank_icon_b.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_a #user_rank_approved {background: url(../images/common/rank_icon_a.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_s #user_rank_approved {background: url(../images/common/rank_icon_s.png) 0 0 no-repeat; background-size: 100%;}

/*未承認時：ランクアイコン*/
#dialog_user_rank_group_wrap.rank_e #user_rank_unapproved {background: url(../images/common/rank_icon_e_grayout.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_d #user_rank_unapproved {background: url(../images/common/rank_icon_d_grayout.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_c #user_rank_unapproved {background: url(../images/common/rank_icon_c_grayout.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_b #user_rank_unapproved {background: url(../images/common/rank_icon_b_grayout.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_a #user_rank_unapproved {background: url(../images/common/rank_icon_a_grayout.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_rank_group_wrap.rank_s #user_rank_unapproved {background: url(../images/common/rank_icon_s_grayout.png) 0 0 no-repeat; background-size: 100%;}

#dialog_user_rank_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 356px;
    left: 110px;
}


/*ダイアログ ユーザーランク*/

#dialog_user_medal_container {
	width: 346px;
	min-height: 417px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_item_select_rank_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_user_medal_wrap {
	width: 346px;
	min-height: 410px;
	padding: 15px 15px 0 15px;
	margin: 0;
    position: relative;
}

#dialog_user_medal_group_wrap {
	width: 312px;
	height: 116px;
	padding: 0;
	margin: 0 0 20px 0;
    background: url("../images/common/dialog_user_rank_group_backimg.png") top center no-repeat;
    position: relative;
}

#dialog_user_medal_text {
	width:312px;
	height:35px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    line-height: 35px;
    text-align: center;
	padding:0;
	margin:0;
    position:absolute;
	top:0;
	left:0;
}

.dialog_user_medal_group_arrow {
	width:26px;
	height:23px;
	padding:0;
	margin:0;
    position:absolute;
	top:64px;
	left:140px;
}

#dialog_user_medal_group_wrap #user_medal_unapproved {
	width: 55px;
	height: 58px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 48px;
    left: 58px;
}

#dialog_user_medal_group_wrap #user_medal_approved {
	width: 55px;
	height: 58px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 48px;
    left: 193px;
}

/*認証済み時*/

#dialog_user_medal_group_wrap.approved .dialog_user_medal_group_arrow {
    display: none;
}

#dialog_user_medal_group_wrap.approved #user_medal_unapproved {
    display: none;
}

#dialog_user_medal_group_wrap.approved #user_medal_approved {
	width: 55px;
	height: 58px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 48px;
    left: 127px;
}


/*承認時：メダルアイコン*/

#dialog_user_medal_group_wrap.java #user_medal_approved {background: url(../images/common/medal_icon_java_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.php #user_medal_approved {background: url(../images/common/medal_icon_php_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.ruby #user_medal_approved {background: url(../images/common/medal_icon_ruby_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.python2 #user_medal_approved {background: url(../images/common/medal_icon_python2_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.python3 #user_medal_approved {background: url(../images/common/medal_icon_python3_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.perl #user_medal_approved {background: url(../images/common/medal_icon_perl_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.c #user_medal_approved {background: url(../images/common/medal_icon_c_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.c_plus_plus #user_medal_approved {background: url(../images/common/medal_icon_c_plus_plus_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.c_sharp #user_medal_approved {background: url(../images/common/medal_icon_c_sharp_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.js #user_medal_approved {background: url(../images/common/medal_icon_js_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.objective_c #user_medal_approved {background: url(../images/common/medal_icon_objective_c_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.scala #user_medal_approved {background: url(../images/common/medal_icon_scala_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.go #user_medal_approved {background: url(../images/common/medal_icon_go_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.swift #user_medal_approved {background: url(../images/common/medal_icon_swift_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.kotlin #user_medal_approved {background: url(../images/common/medal_icon_kotlin_off.png) 0 0 no-repeat; background-size: 100%;}


/*未承認時：メダルアイコン*/

#dialog_user_medal_group_wrap.java #user_medal_unapproved {background: url(../images/common/medal_icon_java_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.php #user_medal_unapproved {background: url(../images/common/medal_icon_php_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.ruby #user_medal_unapproved {background: url(../images/common/medal_icon_ruby_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.python2 #user_medal_unapproved {background: url(../images/common/medal_icon_python2_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.python3 #user_medal_unapproved {background: url(../images/common/medal_icon_python3_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.perl #user_medal_unapproved {background: url(../images/common/medal_icon_perl_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.c #user_medal_unapproved {background: url(../images/common/medal_icon_c_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.c_plus_plus #user_medal_unapproved {background: url(../images/common/medal_icon_c_plus_plus_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.c_sharp #user_medal_unapproved {background: url(../images/common/medal_icon_c_sharp_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.js #user_medal_unapproved {background: url(../images/common/medal_icon_js_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.objective_c #user_medal_unapproved {background: url(../images/common/medal_icon_objective_c_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.scala #user_medal_unapproved {background: url(../images/common/medal_icon_scala_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.go #user_medal_unapproved {background: url(../images/common/medal_icon_go_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.swift #user_medal_unapproved {background: url(../images/common/medal_icon_swift_grayout_off.png) 0 0 no-repeat; background-size: 100%;}
#dialog_user_medal_group_wrap.kotlin #user_medal_unapproved {background: url(../images/common/medal_icon_kotlin_grayout_off.png) 0 0 no-repeat; background-size: 100%;}

/****/


#dialog_user_medal_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 356px;
    left: 110px;
}





/******************************/
/*正解時ダイアログ*/
/******************************/

#dialog_correct_container {
    width: 530px;
    height: 530px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.dialog_correct_back_wrap {
    width: 530px;
    height: 530px;
	position:absolute;
	top:0;
	left:0;
}

.dialog_correct_back {
    width: 530px;
    height: 530px;
	background:url(../images/common/dialog_correct_back.png) 50% 50% no-repeat;
	background-size:100%;
}

/*背景回転アニメーション用クラス*/
.spin {
    -webkit-animation: spin 1.8s linear infinite;
    -moz-animation: spin 1.8s linear infinite;
    -ms-animation: spin 1.8s linear infinite;
    -o-animation: spin 1.8s linear infinite;
    animation: spin 20s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/**/

.dialog_correct_img {
    width: 530px;
    height: 530px;
	background:url(../images/common/dialog_correct_img.png) 50% 50% no-repeat;
	background-size:100%;
	position:absolute;
	top:0;
	left:0;
}



/******************************/
/*不正解時ダイアログ*/
/******************************/

#dialog_incorrect_container {
    width: 530px;
    height: 530px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.dialog_incorrect_img {
    width: 530px;
    height: 530px;
	background:url(../images/common/dialog_incorrect_img.png) 50% 50% no-repeat;
	background-size:100%;
	position:absolute;
	top:0;
	left:0;
}


/******************************/
/*試練一覧ページ　*/
/******************************/

/*タイトル部分*/

#mission_list_page_title {
	width:734px;
	height:104px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 950;
}

/*リスト部分*/

#mission_list_contents_wrap {
	width:734px;
	height:700px;
	padding:0;
	margin:0;
	background:url(../images/common/mission_list_contents_wrap_backimg.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#mission_list_contents_text {
	width:473px;
	height:41px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 41px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 123px;
	left: 131px;
}

#mission_list_wrap {
	width:734px;
	height:500px;
	padding:0;
	margin:0;
	position: absolute;
	top: 182px;
	left: 0;
    list-style: none;
}

#mission_list_wrap li{
	width:352px;
	height:72px;
	padding:0;
	margin:0 0 10px 10px;
    float: left;
}

.mission_list {
	width:352px;
	height:72px;
	padding:0;
	margin:0;
	background:url(../images/common/mission_list_backimg.png) 0 0 no-repeat;
    position: relative;
}

.mission_list_text {
    width: 243px;
    height: 34px;
    color: #996600;
    font-size: 13px;
    text-align: left;
    line-height: 1.4;
    padding: 0;
    margin: 0;
	position: absolute;
	top: 19px;
	left: 20px;
    overflow: hidden;
}

.mission_list_icon {
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
	position: absolute;
	top: 6px;
	left: 286px;
}

.mission_list_icon_lock {
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
	position: absolute;
	top: 6px;
	left: 286px;
}

.mission_list_clear {
	width:352px;
	height:72px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 950;
}

.mission_list.clear .mission_list_icon_lock{
    display: none;
}

.mission_list.lock .mission_list_clear,
.mission_list.lock .mission_list_icon {
    display: none;
}


/*装備メニューボタン部分*/

#mission_list_equipments_menu_title{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 27px;
	left: 809px;
}

#mission_list_equipments_menu_btn_m{
	width:160px;
	height:45px;
	padding:0;
	margin:0;
	position: absolute;
	top: 67px;
	left: 800px;
    z-index: 950;
}

#mission_list_equipments_menu_btn_w{
	width:160px;
	height:45px;
	padding:0;
	margin:0;
	position: absolute;
	top: 122px;
	left: 800px;
    z-index: 950;
}


/*メニューボタン部分*/

#mission_list_quest_menu_title {
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 545px;
	left: 809px;
}

#mission_list_quest_menu_btn_1 {
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 585px;
	left: 793px;
    z-index: 950;
}

#mission_list_base_menu_btn{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 636px;
	left: 776px;
    z-index: 950;
}




/******************************/
/*結果画面ページ　*/
/******************************/

/*結果部分背景*/

#result_page_contents_container_back {
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
}

/*正解時　通常問題*/
.result_page_code_correct {
	width:380px;
	height:700px;
	background: url(../images/common/result_page_code_correct_backimg.png) 0 0 no-repeat;
}

/*正解時　SQL問題*/
.result_page_sql_correct {
	width:380px;
	height:700px;
	background: url(../images/common/result_page_sql_correct_backimg.png) 0 0 no-repeat;
}

/*正解時　通常問題*/
.result_page_code_incorrect {
	width:380px;
	height:700px;
	background: url(../images/common/result_page_code_incorrect_backimg.png) 0 0 no-repeat;
}

/*正解時　SQL問題*/
.result_page_sql_incorrect {
	width:692px;
	height:700px;
	background: url(../images/common/result_page_sql_incorrect_backimg.png) 0 0 no-repeat;
}


#result_page_contents_container {
	width:380px;
	height:700px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
}

#result_page_contents_wrap {
	width:380px;
	height:700px;
	position:relative;
	padding:0;
	margin:0;
}

/*正解・不正解画像表示*/
#result_page_top_img {
	width:380px;
	height:268px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 910;
	top: 0;
	left: 0;
}


/*結果タイトル*/

#result_page_top_title_code {
	width:380px;
	height:42px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 920;
	top: 213px;
	left: 0;
}


/*結果部分　テーブル表示*/
#result_page_code_table_wrap {
	width:380px;
	height:220px;
	padding:0;
	margin:0;
	background: url(../images/common/result_code_table_img.png) 0 0 no-repeat;
	position: absolute;
	top: 268px;
	left: 0;
}


#result_test_case_status_1 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 6px;
	left: 125px;
}

#result_test_case_time_1 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 6px;
	left: 275px;
}

#result_test_case_status_2 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 32px;
	left: 125px;
}

#result_test_case_time_2 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 32px;
	left: 275px;
}

#result_test_case_status_3 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 58px;
	left: 125px;
}

#result_test_case_time_3 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 58px;
	left: 275px;
}

#result_test_case_status_4 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 84px;
	left: 125px;
}

#result_test_case_time_4 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 84px;
	left: 275px;
}

#result_test_case_status_5 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 110px;
	left: 125px;
}

#result_test_case_time_5 {
    width: 56px;
    height: 19px;
    text-align: center;
	padding:0;
	margin:0;
	position: absolute;
	top: 110px;
	left: 275px;
}

#result_test_case_status_1 img,
#result_test_case_status_2 img,
#result_test_case_status_3 img,
#result_test_case_status_4 img,
#result_test_case_status_5 img {
    vertical-align: top;
}

#result_test_case_time_1 p,
#result_test_case_time_2 p,
#result_test_case_time_3 p,
#result_test_case_time_4 p,
#result_test_case_time_5 p {
    color: #FFF;
    font-size: 11px;
    line-height: 22px;
	padding:0;
	margin:0;
}

/*ローディング*/
.loader,
.loader:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.loader {
  padding: 0;
  margin: 5px auto 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*スコアテキスト*/

#result_score_text {
    width: 320px;
    height: 27px;
	padding:0 15px 0 150px;
	margin:0;
	position: absolute;
	top: 136px;
	left: 30px;
}

#result_score_text .loader {
	padding:0;
	margin:9px auto;
}

#result_score_text p {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    line-height: 27px;
	padding:0;
	margin:0;
}


/*提出言語テキスト*/

#result_language_text {
    width: 320px;
    height: 27px;
	padding:0 15px 0 150px;
	margin:0;
	position: absolute;
	top: 164px;
	left: 30px;
}

#result_language_text .loader {
	padding:0;
	margin:9px auto;
}

#result_language_text p {
    color: #FFF;
    font-size: 11px;
    text-align: right;
    line-height: 27px;
	padding:0;
	margin:0;
}

/*提出コードバイト数*/

#result_code_byte_text {
    width: 320px;
    height: 27px;
	padding:0 15px 0 150px;
	margin:0;
	position: absolute;
	top: 191px;
	left: 30px;
}

#result_code_byte_text .loader {
	padding:0;
	margin:9px auto;
}

#result_code_byte_text p {
    color: #FFF;
    font-size: 12px;
    text-align: right;
    line-height: 27px;
	padding:0;
	margin:0;
}


/*結果画面　アイテム表示*/

#result_item_group_wrap {
	width: 320px;
	height: 114px;
	padding: 0;
	margin: 0;
    background: url("../images/common/result_item_group_wrap_backimg.png") top center no-repeat;
    position: relative;
}

#result_item_group_wrap.result_page_code_correct,
#result_item_group_wrap.result_page_code_incorrect,
#result_item_group_wrap.result_page_sql_correct {
    top:500px;
    left:30px;
}

#result_item_group_wrap.result_page_sql_incorrect {
    top:500px;
    left:186px;
}


#result_item_group_list_wrap {
	width: 320px;
	height:60px;
    padding: 0 25px;
    margin: 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 43px;
    left: 0;
}

#result_item_group_list_wrap li {
    height:60px;
    text-align: center;
    padding: 0;
    margin: 0 5px;
    list-style: none;
}

#result_item_group_text {
	width:312px;
	height:35px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
    line-height: 35px;
    text-align: center;
	padding:0;
	margin:0;
    position:absolute;
	top:0;
	left:0;
}

#result_page_code_correct_btn {
	width:248px;
	height:42px;
	padding:0;
	margin:0;
    position:absolute;

}

#result_page_code_correct_btn.result_page_code_correct,
#result_page_code_correct_btn.result_page_code_incorrect,
#result_page_code_correct_btn.result_page_sql_correct {
	top:635px;
	left:66px;
	background: none;
}

#result_page_sql_incorrect_btn {
	width:248px;
	height:42px;
	padding:0;
	margin:0;
	position:absolute;
	top:635px;
	left:90px;
}

#result_page_sql_incorrect_learning_btn {
	width:248px;
	height:42px;
	padding:0;
	margin:0;
	position:absolute;
	top:635px;
	left:355px;
}

/*メニューボタン部分*/

#result_quest_menu_title{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 495px;
	left: 816px;
}

#result_quest_menu_btn_1{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 535px;
	left: 798px;
    z-index: 950;
}

#result_quest_menu_btn_2{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 586px;
	left: 780px;
    z-index: 950;
}

#result_base_menu_btn{
	width:151px;
	height:30px;
	padding:0;
	margin:0;
	position: absolute;
	top: 636px;
	left: 762px;
    z-index: 950;
}

/*sql問題*/

#result_page_sql_correct_img {
	width:320px;
	height:175px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 910;
	top: 213px;
	left: 30px;
}

#result_page_sql_correct_text {
	width:320px;
	height:80px;
    background: #f5f3e3;
    border: solid 1px #d3c49b;
    border-radius: 5px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 910;
	top: 400px;
	left: 30px;
}

#result_page_sql_correct_text p {
	width:100%;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
    color: #543913;
	padding:8px;
	margin:0;
}

#result_page_sql_table_wrap {
	width:630px;
	height:210px;
	padding:10px;
	margin:0;
    background: url("../images/common/result_page_sql_table_backimg.png") ;
	position: absolute;
	top: 269px;
	left: 30px;
    z-index: 950;
    overflow: auto;
}

#result_page_sql_table {
	width:100%;
	margin:0;
    border-collapse:  collapse; /* セルの線を重ねる */
    background: url("../images/common/result_page_sql_table_backimg.png") ;
    z-index: 950;
}

/* スクロールの幅の設定 */
.table_wrap_scrollbar::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
 
/* スクロールの背景の設定 */
.table_wrap_scrollbar::-webkit-scrollbar-track {
 border-radius: 5px;
 background: rgba(142, 180, 180, 0.5);
}
 
/* ドラックできるスクロール部の設定 */
.table_wrap_scrollbar::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #FFF;
}

#result_page_sql_table th {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: url("../images/common/result_page_sql_table_th_backimg.png") ;
    border: solid 1px #6c8d8e;  /* 枠線指定 */
    padding: 7px 5px 5px 5px;      /* 余白指定 */
}

#result_page_sql_table td {
    color: #fff;
    font-size: 12px;
    text-align: left;
    border: solid 1px #6c8d8e;  /* 枠線指定 */
    padding: 7px 5px 5px 5px;      /* 余白指定 */
}




/******************************/
/*装備ページ　*/
/******************************/


#equipments_page_contents_container {
	width:317px;
	height:700px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
}

#equipments_page_contents_wrap {
	width:317px;
	height:700px;
	position:relative;
	padding:0;
	margin:0;
}

/*タイトル部分*/

#equipments_page_title {
	width:317px;
	height:52px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
}

#equipments_page_contents_menu_btn_m{
	width:160px;
	height:45px;
	padding:0;
	margin:0;
	position: absolute;
	top: 67px;
	left: -8px;
    z-index: 950;
}

#equipments_page_contents_menu_btn_w{
	width:160px;
	height:45px;
	padding:0;
	margin:0;
	position: absolute;
	top: 67px;
	left: 158px;
    z-index: 950;
}

#equipments_page_weapon_list_wrap{
	width:324px;
	height:143px;
    background: url("../images/common/equipments_page_weapon_list_wrap_backimg.png") 0 0 no-repeat;
	padding:8px 0 0 122px;
	margin:0;
    list-style: none;
	position: absolute;
	top: 125px;
	left: 0;
    z-index: 950;
}

#equipments_page_weapon_list_wrap li{
	width:60px;
	height:60px;
	padding:0;
	margin:0 7px 7px 0;
    float: left;
}

#equipments_page_armor_list_wrap{
	width:324px;
	height:143px;
    background: url("../images/common/equipments_page_armor_list_wrap_backimg.png") 0 0 no-repeat;
	padding:8px 0 0 122px;
	margin:0;
    list-style: none;
	position: absolute;
	top: 278px;
	left: 0;
    z-index: 950;
}

#equipments_page_armor_list_wrap li{
	width:60px;
	height:60px;
	padding:0;
	margin:0 7px 7px 0;
    float: left;
}

#equipments_page_hairstyle_list_wrap{
	width:324px;
	height:83px;
    background: url("../images/common/equipments_page_hairstyle_list_wrap_backimg.png") 0 0 no-repeat;
	padding:8px 0 0 122px;
	margin:0;
    list-style: none;
	position: absolute;
	top: 431px;
	left: 0;
    z-index: 950;
}

#equipments_page_hairstyle_list_wrap li{
	width:60px;
	height:60px;
	padding:0;
	margin:0 7px 7px 0;
    float: left;
}

#equipments_page_eye_list_wrap{
	width:324px;
	height:83px;
    background: url("../images/common/equipments_page_eye_list_wrap_backimg.png") 0 0 no-repeat;
	padding:8px 0 0 122px;
	margin:0;
    list-style: none;
	position: absolute;
	top: 517px;
	left: 0;
    z-index: 950;
}

#equipments_page_eye_list_wrap li{
	width:60px;
	height:60px;
	padding:0;
	margin:0 7px 7px 0;
    float: left;
}

#equipments_page_face_list_wrap{
	width:324px;
	height:83px;
    background: url("../images/common/equipments_page_face_list_wrap_backimg.png") 0 0 no-repeat;
	padding:8px 0 0 122px;
	margin:0;
    list-style: none;
	position: absolute;
	top: 603px;
	left: 0;
    z-index: 950;
}

#equipments_page_face_list_wrap li{
	width:60px;
	height:60px;
	padding:0;
	margin:0 7px 7px 0;
    float: left;
}



/******************************/
/*装備　キャラクター・装備表示部分*/
/******************************/

#char_contents_container{
	width:960px;
	height:700px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 100;
}

#char_contents_wrap {
	width:960px;
	height:700px;
	position:relative;
	padding:0;
	margin:0;
}

/******************************/
/*キャラクター・装備表示*/
/******************************/

/*拠点ページ　男キャラ　位置サイズ指定*/
.base_char_m_container {
	width:640px;
	height:640px;
	float:left;
	overflow:hidden;
	margin:0;
	padding: 0;
	position: absolute;
	top: -10px;
	left: -50px;
}


/*拠点ページ　女キャラ　位置サイズ指定*/
.base_char_w_container {
	width:640px;
	height:640px;
	float:left;
	overflow:hidden;
	margin:0;
	padding: 0;
	position: absolute;
	top: -10px;
	left: 260px;
}


/*装備ページ　女キャラ　位置サイズ指定*/
.equipment_char_w_container {
	width:640px;
	height:640px;
	float:left;
	overflow:hidden;
	margin:0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 260px;
}

/*装備ページ　男キャラ　位置サイズ指定*/
.equipment_char_m_container {
	width:640px;
	height:640px;
	float:left;
	overflow:hidden;
	margin:0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 255px;
}

/*中間エンド用位置指定　男キャラ　位置サイズ指定*/
.intermediate_ed_char_m_container {
	width:640px;
	height:640px;
	float:left;
	overflow:hidden;
	margin:0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 480px;
}

/*中間エンド用位置指定　女キャラ　位置サイズ指定*/
.intermediate_ed_char_w_container {
	width:640px;
	height:640px;
	float:left;
	overflow:hidden;
	margin:0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: -200px;
}

#char_accessories_m,
#char_headgear_m,
#char_face_accessories_m,
#char_head_accessories_m,
#char_hand_accessories_m,
#char_innerwear_m,
#char_body_wear_m,
#char_upper_body_wear_m,
#char_lower_body_wear_m,
#char_weapons_m,
#char_eye_m,
#char_face_m,
#char_face_mouth_m,
#char_face_eyebrows_m,
#char_hairdo_m,
#char_body_m,
#char_hairdo_back_m,
#char_headgear_back_m,
#char_reinforcement_m{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#char_accessories_w,
#char_headgear_w,
#char_face_accessories_w,
#char_head_accessories_w,
#char_hand_accessories_w,
#char_innerwear_w,
#char_body_wear_w,
#char_upper_body_wear_w,
#char_lower_body_wear_w,
#char_weapons_w,
#char_eye_w,
#char_face_w,
#char_face_mouth_w,
#char_face_eyebrows_w,
#char_hairdo_w,
#char_body_w,
#char_hairdo_back_w,
#char_headgear_back_w,
#char_reinforcement_w{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*表示順（重なり順）　z-index:1xx台*/
#char_text_m               {z-index:190;}
#char_headgear_m           {z-index:170;}
#char_face_accessories_m   {z-index:145;}
#char_head_accessories_m   {z-index:170;}
#char_hand_accessories_m   {z-index:160;}
#char_hairdo_m             {z-index:150;}
#char_head_item_m          {z-index:145;}
#char_body_wear_m          {z-index:135;}
#char_weapons_m            {z-index:100;}
#char_eye_m                {z-index:130;}
#char_face_m               {z-index:160;}
#char_body_m               {z-index:110;}
#char_hairdo_back_m        {z-index:100;}
#char_headgear_back_m      {z-index:90;}

/**/

/*表示順（重なり順）　z-index:1xx台*/
#char_text_w               {z-index:190;}
#char_headgear_w           {z-index:170;}
#char_face_accessories_w   {z-index:145;}
#char_head_accessories_w   {z-index:170;}
#char_hand_accessories_w   {z-index:160;}
#char_hairdo_w             {z-index:150;}
#char_head_item_w          {z-index:145;}
#char_body_wear_w          {z-index:135;}
#char_weapons_w            {z-index:170;}
#char_eye_w                {z-index:130;}
#char_face_w               {z-index:160;}
#char_body_w               {z-index:110;}
#char_hairdo_back_w        {z-index:100;}
#char_headgear_back_w      {z-index:90;}

/**/


/******************************/
/*マネキンレイヤ*/
/******************************/

/*マネキン【素体　女キャラ】*/
.char_body_1_w { background: url("../images/character_item/char_body/char_body_1_w.png") 0 0 no-repeat;} 

/*マネキン【素体　男キャラ】*/
.char_body_1_m { background: url("../images/character_item/char_body/char_body_1_m.png") 0 0 no-repeat;} 


/******************************/
/*武器*/
/******************************/

/*武器　女キャラ*/

/*杖（デフォ）*/
.char_weapons_1_w { background: url("../images/character_item/char_weapons/char_weapons_1_w.png") 0 0 no-repeat; }
/*魔導書（問題）*/
.char_weapons_2_w { background: url("../images/character_item/char_weapons/char_weapons_2_w.png") 0 0 no-repeat; }
/*円盤（問題）*/
.char_weapons_3_w { background: url("../images/character_item/char_weapons/char_weapons_3_w.png") 0 0 no-repeat; }
/*月光の杖（問題）*/
.char_weapons_4_w { background: url("../images/character_item/char_weapons/char_weapons_4_w.png") 0 0 no-repeat; }
/*ステッキ（ミッション）*/
.char_weapons_5_w { background: url("../images/character_item/char_weapons/char_weapons_5_w.png") 0 0 no-repeat; }


/*武器　男キャラ*/

/*片手剣（デフォ）*/
.char_weapons_1_m { background: url("../images/character_item/char_weapons/char_weapons_1_m.png") 0 0 no-repeat; }
/*斧*/
.char_weapons_2_m { background: url("../images/character_item/char_weapons/char_weapons_2_m.png") 0 0 no-repeat; }
/*炎舞の片手剣*/
.char_weapons_3_m { background: url("../images/character_item/char_weapons/char_weapons_3_m.png") 0 0 no-repeat; }
/*大剣*/
.char_weapons_4_m { background: url("../images/character_item/char_weapons/char_weapons_4_m.png") 0 0 no-repeat; }
/*槍*/
.char_weapons_5_m { background: url("../images/character_item/char_weapons/char_weapons_5_m.png") 0 0 no-repeat; }


/******************************/
/*装備品*/
/******************************/

/*装備　女キャラ　魔導服*/
.char_body_wear_1_1_w { background: url("../images/character_item/char_body_wear/char_body_wear_1_1_w.png") 0 0 no-repeat; }
.char_body_wear_1_2_w { background: url("../images/character_item/char_body_wear/char_body_wear_1_2_w.png") 0 0 no-repeat; }
.char_body_wear_1_3_w { background: url("../images/character_item/char_body_wear/char_body_wear_1_3_w.png") 0 0 no-repeat; }

/*装備　男キャラ　冒険者の服*/
.char_body_wear_1_1_m { background: url("../images/character_item/char_body_wear/char_body_wear_1_1_m.png") 0 0 no-repeat; }
.char_body_wear_1_2_m { background: url("../images/character_item/char_body_wear/char_body_wear_1_2_m.png") 0 0 no-repeat; }
.char_body_wear_1_3_m { background: url("../images/character_item/char_body_wear/char_body_wear_1_3_m.png") 0 0 no-repeat; }

/*装備　女キャラ　魔法のドレス*/
.char_body_wear_2_1_w { background: url("../images/character_item/char_body_wear/char_body_wear_2_1_w.png") 0 0 no-repeat; }
.char_body_wear_2_2_w { background: url("../images/character_item/char_body_wear/char_body_wear_2_2_w.png") 0 0 no-repeat; }
.char_body_wear_2_3_w { background: url("../images/character_item/char_body_wear/char_body_wear_2_3_w.png") 0 0 no-repeat; }

/*装備　男キャラ　剣士の鎧*/
.char_body_wear_2_1_m { background: url("../images/character_item/char_body_wear/char_body_wear_2_1_m.png") 0 0 no-repeat; }
.char_body_wear_2_2_m { background: url("../images/character_item/char_body_wear/char_body_wear_2_2_m.png") 0 0 no-repeat; }
.char_body_wear_2_3_m { background: url("../images/character_item/char_body_wear/char_body_wear_2_3_m.png") 0 0 no-repeat; }

/*装備　女キャラ　魔法のドレス*/
.char_body_wear_3_1_w { background: url("../images/character_item/char_body_wear/char_body_wear_3_1_w.png") 0 0 no-repeat; }
.char_body_wear_3_2_w { background: url("../images/character_item/char_body_wear/char_body_wear_3_2_w.png") 0 0 no-repeat; }
.char_body_wear_3_3_w { background: url("../images/character_item/char_body_wear/char_body_wear_3_3_w.png") 0 0 no-repeat; }

/*装備　男キャラ　騎士の鎧*/
.char_body_wear_3_1_m { background: url("../images/character_item/char_body_wear/char_body_wear_3_1_m.png") 0 0 no-repeat; }
.char_body_wear_3_2_m { background: url("../images/character_item/char_body_wear/char_body_wear_3_2_m.png") 0 0 no-repeat; }
.char_body_wear_3_3_m { background: url("../images/character_item/char_body_wear/char_body_wear_3_3_m.png") 0 0 no-repeat; }


/*頭装備レイヤ　女キャラ*/

/*頭装備　女キャラ　帽子*/
.char_headgear_1_1_w { background: url("../images/character_item/char_headgear/char_headgear_1_1_w.png") 0 0 no-repeat; }
.char_headgear_1_2_w { background: url("../images/character_item/char_headgear/char_headgear_1_2_w.png") 0 0 no-repeat; }
.char_headgear_1_3_w { background: url("../images/character_item/char_headgear/char_headgear_1_3_w.png") 0 0 no-repeat; }

/*頭装備　女キャラ　帽子 後ろ*/
.char_headgear_back_1_1_w { background: url("../images/character_item/char_headgear_back/char_headgear_back_1_1_w.png") 0 0 no-repeat; }
.char_headgear_back_1_2_w { background: url("../images/character_item/char_headgear_back/char_headgear_back_1_2_w.png") 0 0 no-repeat; }
.char_headgear_back_1_3_w { background: url("../images/character_item/char_headgear_back/char_headgear_back_1_3_w.png") 0 0 no-repeat; }

/*頭装備　女キャラ　ティアラ*/
.char_headgear_2_1_w { background: url("../images/character_item/char_headgear/char_headgear_2_1_w.png") 0 0 no-repeat; }
.char_headgear_2_2_w { background: url("../images/character_item/char_headgear/char_headgear_2_2_w.png") 0 0 no-repeat; }
.char_headgear_2_3_w { background: url("../images/character_item/char_headgear/char_headgear_2_3_w.png") 0 0 no-repeat; }


/*頭装備レイヤ　男キャラ*/

/*顔装備　男キャラ　眼帯*/
.char_face_accessories_1_1_m { background: url("../images/character_item/char_face_accessories/char_face_accessories_1_1_m.png") 0 0 no-repeat; }
.char_face_accessories_1_2_m { background: url("../images/character_item/char_face_accessories/char_face_accessories_1_2_m.png") 0 0 no-repeat; }
.char_face_accessories_1_3_m { background: url("../images/character_item/char_face_accessories/char_face_accessories_1_3_m.png") 0 0 no-repeat; }

/*頭装備　男キャラ　兜*/
.char_headgear_1_1_m { background: url("../images/character_item/char_headgear/char_headgear_1_1_m.png") 0 0 no-repeat; }
.char_headgear_1_2_m { background: url("../images/character_item/char_headgear/char_headgear_1_2_m.png") 0 0 no-repeat; }
.char_headgear_1_3_m { background: url("../images/character_item/char_headgear/char_headgear_1_3_m.png") 0 0 no-repeat; }


/*手装備レイヤ　女キャラ*/

/*手装備　女キャラ 盾*/
.char_hand_accessories_1_1_w { background: url("../images/character_item/char_hand_accessories/char_hand_accessories_1_1_w.png") 0 0 no-repeat; }

/*手装備　男キャラ 盾*/
.char_hand_accessories_1_1_m { background: url("../images/character_item/char_hand_accessories/char_hand_accessories_1_1_m.png") 0 0 no-repeat; }
.char_hand_accessories_1_2_m { background: url("../images/character_item/char_hand_accessories/char_hand_accessories_1_2_m.png") 0 0 no-repeat; }
.char_hand_accessories_1_3_m { background: url("../images/character_item/char_hand_accessories/char_hand_accessories_1_3_m.png") 0 0 no-repeat; }



/******************************/
/*髪型レイヤ　女キャラ*/
/******************************/

/*ボブ・茶*/
.char_hairdo_1_1_w      { background: url("../images/character_item/char_hairdo/char_hairdo_1_1_w.png") 0 0 no-repeat; }
.char_hairdo_back_1_1_w { background: url("../images/character_item/char_hairdo_back/char_hairdo_back_1_1_w.png") 0 0 no-repeat; }

/*ボブ・金*/
.char_hairdo_1_2_w      { background: url("../images/character_item/char_hairdo/char_hairdo_1_2_w.png") 0 0 no-repeat; }
.char_hairdo_back_1_2_w { background: url("../images/character_item/char_hairdo_back/char_hairdo_back_1_2_w.png") 0 0 no-repeat; }

/*ボブ・銀*/
.char_hairdo_1_3_w      { background: url("../images/character_item/char_hairdo/char_hairdo_1_3_w.png") 0 0 no-repeat; }
.char_hairdo_back_1_3_w { background: url("../images/character_item/char_hairdo_back/char_hairdo_back_1_3_w.png") 0 0 no-repeat; }


/*ロング・茶*/
.char_hairdo_2_1_w      { background: url("../images/character_item/char_hairdo/char_hairdo_2_1_w.png") 0 0 no-repeat; }
.char_hairdo_back_2_1_w { background: url("../images/character_item/char_hairdo_back/char_hairdo_back_2_1_w.png") 0 0 no-repeat; }

/*ロング・金*/
.char_hairdo_2_2_w      { background: url("../images/character_item/char_hairdo/char_hairdo_2_2_w.png") 0 0 no-repeat; }
.char_hairdo_back_2_2_w { background: url("../images/character_item/char_hairdo_back/char_hairdo_back_2_2_w.png") 0 0 no-repeat; }

/*ロング・銀*/
.char_hairdo_2_3_w      { background: url("../images/character_item/char_hairdo/char_hairdo_2_3_w.png") 0 0 no-repeat; }
.char_hairdo_back_2_3_w { background: url("../images/character_item/char_hairdo_back/char_hairdo_back_2_3_w.png") 0 0 no-repeat; }


/*ショート・茶*/
.char_hairdo_3_1_w      { background: url("../images/character_item/char_hairdo/char_hairdo_3_1_w.png") 0 0 no-repeat; }

/*ショート・金*/
.char_hairdo_3_2_w      { background: url("../images/character_item/char_hairdo/char_hairdo_3_2_w.png") 0 0 no-repeat; }

/*ショート・銀*/
.char_hairdo_3_3_w      { background: url("../images/character_item/char_hairdo/char_hairdo_3_3_w.png") 0 0 no-repeat; }


/**/


/******************************/
/*髪型レイヤ　男キャラ*/
/******************************/

/*ナチュラル・茶*/
.char_hairdo_1_1_m      { background: url("../images/character_item/char_hairdo/char_hairdo_1_1_m.png") 0 0 no-repeat; }

/*ナチュラル・金*/
.char_hairdo_1_2_m      { background: url("../images/character_item/char_hairdo/char_hairdo_1_2_m.png") 0 0 no-repeat; }

/*ナチュラル・銀*/
.char_hairdo_1_3_m      { background: url("../images/character_item/char_hairdo/char_hairdo_1_3_m.png") 0 0 no-repeat; }


/*ワイルド・茶*/
.char_hairdo_2_1_m      { background: url("../images/character_item/char_hairdo/char_hairdo_2_1_m.png") 0 0 no-repeat; }

/*ワイルド・金*/
.char_hairdo_2_2_m      { background: url("../images/character_item/char_hairdo/char_hairdo_2_2_m.png") 0 0 no-repeat; }

/*ワイルド・銀*/
.char_hairdo_2_3_m      { background: url("../images/character_item/char_hairdo/char_hairdo_2_3_m.png") 0 0 no-repeat; }


/*SB　ショート・茶*/
.char_hairdo_3_1_m      { background: url("../images/character_item/char_hairdo/char_hairdo_3_1_m.png") 0 0 no-repeat; }

/*SB　ショート・金*/
.char_hairdo_3_2_m      { background: url("../images/character_item/char_hairdo/char_hairdo_3_2_m.png") 0 0 no-repeat; }

/*SB　ショート・銀*/
.char_hairdo_3_3_m      { background: url("../images/character_item/char_hairdo/char_hairdo_3_3_m.png") 0 0 no-repeat; }

/**/


/******************************/
/*表情レイヤ　女キャラ*/
/******************************/

/*微笑み*/
.char_face_1_w { background: url("../images/character_item/char_face/char_face_1_w.png") 0 0 no-repeat; }
/*真剣*/
.char_face_2_w { background: url("../images/character_item/char_face/char_face_2_w.png") 0 0 no-repeat; }
/*笑顔*/
.char_face_3_w { background: url("../images/character_item/char_face/char_face_3_w.png") 0 0 no-repeat; }


/******************************/
/*表情レイヤ　男キャラ*/
/******************************/

/*微笑み*/
.char_face_1_m { background: url("../images/character_item/char_face/char_face_1_m.png") 0 0 no-repeat; }
/*真剣*/
.char_face_2_m { background: url("../images/character_item/char_face/char_face_2_m.png") 0 0 no-repeat; }
/*笑顔*/
.char_face_3_m { background: url("../images/character_item/char_face/char_face_3_m.png") 0 0 no-repeat; }



/******************************/
/*目レイヤ　女キャラ*/
/******************************/


/*普通目【茶】*/
.char_eye_1_1_w { background: url(../images/character_item/char_eye/char_eye_1_1_w.gif)  0 0 no-repeat;}

/*普通目【青】*/
.char_eye_1_2_w { background: url(../images/character_item/char_eye/char_eye_1_2_w.gif)  0 0 no-repeat;}

/*普通目【緑】*/
.char_eye_1_3_w { background: url(../images/character_item/char_eye/char_eye_1_3_w.gif)  0 0 no-repeat;}

/*普通目【赤】*/
.char_eye_1_4_w { background: url(../images/character_item/char_eye/char_eye_1_4_w.gif)  0 0 no-repeat;}


/*タレ目【茶】*/
.char_eye_2_1_w { background: url(../images/character_item/char_eye/char_eye_2_1_w.gif)  0 0 no-repeat;}

/*タレ目【青】*/
.char_eye_2_2_w { background: url(../images/character_item/char_eye/char_eye_2_2_w.gif)  0 0 no-repeat;}

/*タレ目【緑】*/
.char_eye_2_3_w { background: url(../images/character_item/char_eye/char_eye_2_3_w.gif)  0 0 no-repeat;}

/*タレ目【赤】*/
.char_eye_2_4_w { background: url(../images/character_item/char_eye/char_eye_2_4_w.gif)  0 0 no-repeat;}


/*ツリ目【茶】*/
.char_eye_3_1_w { background: url(../images/character_item/char_eye/char_eye_3_1_w.gif)  0 0 no-repeat;}

/*ツリ目【青】*/
.char_eye_3_2_w { background: url(../images/character_item/char_eye/char_eye_3_2_w.gif)  0 0 no-repeat;}

/*ツリ目【緑】*/
.char_eye_3_3_w { background: url(../images/character_item/char_eye/char_eye_3_3_w.gif)  0 0 no-repeat;}

/*ツリ目【赤】*/
.char_eye_3_4_w { background: url(../images/character_item/char_eye/char_eye_3_4_w.gif)  0 0 no-repeat;}


/**/


/******************************/
/*目レイヤ　男キャラ*/
/******************************/


/*普通目【茶】*/
.char_eye_1_1_m { background: url(../images/character_item/char_eye/char_eye_1_1_m.gif)  0 0 no-repeat;}

/*普通目【青】*/
.char_eye_1_2_m { background: url(../images/character_item/char_eye/char_eye_1_2_m.gif)  0 0 no-repeat;}

/*普通目【緑】*/
.char_eye_1_3_m { background: url(../images/character_item/char_eye/char_eye_1_3_m.gif)  0 0 no-repeat;}

/*普通目【赤】*/
.char_eye_1_4_m { background: url(../images/character_item/char_eye/char_eye_1_4_m.gif)  0 0 no-repeat;}


/*タレ目【茶】*/
.char_eye_2_1_m { background: url(../images/character_item/char_eye/char_eye_2_1_m.gif)  0 0 no-repeat;}

/*タレ目【青】*/
.char_eye_2_2_m { background: url(../images/character_item/char_eye/char_eye_2_2_m.gif)  0 0 no-repeat;}

/*タレ目【緑】*/
.char_eye_2_3_m { background: url(../images/character_item/char_eye/char_eye_2_3_m.gif)  0 0 no-repeat;}

/*タレ目【赤】*/
.char_eye_2_4_m { background: url(../images/character_item/char_eye/char_eye_2_4_m.gif)  0 0 no-repeat;}


/*ツリ目【茶】*/
.char_eye_3_1_m { background: url(../images/character_item/char_eye/char_eye_3_1_m.gif)  0 0 no-repeat;}

/*ツリ目【青】*/
.char_eye_3_2_m { background: url(../images/character_item/char_eye/char_eye_3_2_m.gif)  0 0 no-repeat;}

/*ツリ目【緑】*/
.char_eye_3_3_m { background: url(../images/character_item/char_eye/char_eye_3_3_m.gif)  0 0 no-repeat;}

/*ツリ目【赤】*/
.char_eye_3_4_m { background: url(../images/character_item/char_eye/char_eye_3_4_m.gif)  0 0 no-repeat;}



/******************************/
/*中間エンドページ*/
/******************************/

#intermediate_ed_contents_text_back {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/intermediate_ed/intermediate_ed_contents_text_back.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 5;
}

#intermediate_ed_contents_text_1 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/intermediate_ed/intermediate_ed_contents_text_1.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#intermediate_ed_contents_text_2 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/intermediate_ed/intermediate_ed_contents_text_2.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#intermediate_ed_contents_text_3 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/intermediate_ed/intermediate_ed_contents_text_3.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#intermediate_ed_contents_text_4 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/intermediate_ed/intermediate_ed_contents_text_4.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#intermediate_ed_contents_text_5 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/intermediate_ed/intermediate_ed_contents_text_5.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#intermediate_ed_contents_btn {
	width: 148px;
	height: 42px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 638px;
	left: 406px;
    z-index: 150;
}

/*背景キラキラ用*/
#sky{
  width: 100%;
  height: 700px;
}
.star {
	background: url("../images/intermediate_ed/star.png") 0 0 no-repeat;
    background-size: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    animation-name: twinkle;
    animation-iteration-count: infinite;
}
@keyframes twinkle {
  50% {
    transform: scale(0.2);
  }
}


/******************************/
/*　最終エンドページ*/
/******************************/

#final_ed_contents_text_back {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_back.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 5;
}

#final_ed_contents_text_1 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_1.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 5;
}

/*カラー変更*/
#final_ed_contents_text_1_effect {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_1_effect.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 5;
    opacity: 0.3;
	animation-name: color_effect;
	-webkit-animation-name: color_effect;	
	/*animation-delay: 4s;*/
	/*-webkit-animation-delay: 4s;*/
	animation-duration: 20s;	
	-webkit-animation-duration: 20s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes color_effect {
  0% {filter: hue-rotate(0deg);}
  50% { filter: hue-rotate(360deg)}
  100% { filter: hue-rotate(0deg)}
}

@-webkit-keyframes color_effect {
  0%   { -webkit-filter: hue-rotate(0deg)}
  50%  { -webkit-filter: hue-rotate(360deg)}
  100% { -webkit-filter: hue-rotate(0deg)}
}

#final_ed_contents_text_2 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_2.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_3 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_3.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_4 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_4.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_5 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_5.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_6 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_6.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_7 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_7.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_8 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_8.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_text_9 {
	width: 960px;
	height: 700px;
	padding: 0;
	margin: 0;
	background: url("../images/final_ed/final_ed_contents_text_9.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 150;
}

#final_ed_contents_btn {
	width: 148px;
	height: 42px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 615px;
	left: 615px;
    z-index: 150;
}




/******************************/
/*遊び方ページ部分*/
/******************************/

#how_to_play_container {
	width:100%;
    text-align: center;
	margin:40px 0 ;
}

#how_to_play_wrap {
	width:960px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.how_to_play_contents_wrap {
    padding: 0;
    margin: 0 0 30px 0;
}

.how_to_play_contents_last_wrap {
    padding: 0;
    margin: 0 0 60px 0;
}

.how_to_play_movie_contents_1_wrap {
	width: 960px;
	height: 528px;
	padding: 0;
	margin: 0 0 30px 0;
	background: url("../images/common/how_to_play_contents_movie_back_1.png") 0 0 no-repeat;
	position: relative;
}

.how_to_play_movie_contents_2_wrap {
	width: 960px;
	height: 528px;
	padding: 0;
	margin: 0 0 60px 0;
	background: url("../images/common/how_to_play_contents_movie_back_2.png") 0 0 no-repeat;
	position: relative;
}

.how_to_play_movie_contents {
	width: 664px;
	height: 374px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 77px;
	left: 147px;
}


/******************************/
/*シェア画面*/
/******************************/

/*ムービー部分*/

.movie_menu_title {
	width:280px;
	height:40px;
	padding:0;
	margin:0;
	position: absolute;
	top: 380px;
	left: 0;
	z-index:900;
}

#movie_container {
	width:280px;
	height:170px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 440px;
	left: 0;
}

#movie_wrap {
	width:230px;
	height:130px;
	position:relative;
	padding:0;
	margin:0;
}

/*シェア画面用　バナー部分*/

.link_menu_title {
	width:240px;
	height:40px;
	padding:0;
	margin:0;
	position: absolute;
	top: 380px;
	left: 720px;
	z-index:900;
}

#share_page_bnr_container {
	width:240px;
	height:170px;
	padding:0;
	margin:0;
	position: absolute;
	z-index: 900;
	top: 440px;
	left: 720px;
}

#share_page_bnr_wrap {
	width:240px;
	height:170px;
	position:relative;
	padding:0;
	margin:0;
}

#share_page_bnr_container #share_page_bnr_wrap .share_page_bnr_1 {
	width:240px;
	height:80px;
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
    background: #FFF;
}

#share_page_bnr_container #share_page_bnr_wrap .share_page_bnr_2 {
	width:240px;
	height:80px;
	padding:0;
	margin:0;
	position: absolute;
	top: 90px;
	left: 0;
    background: #FFF;
}


/*ダイアログ　試練達成時*/

#dialog_mission_clear_container {
	width: 346px;
	min-height: 463px;
	padding: 0;
	margin: 0 auto;
    background: url("../images/common/dialog_item_select_rank_backimg.png") top center no-repeat;
	border: solid 3px #fffacf;
    border-radius: 5px;
}

#dialog_mission_clear_wrap {
	width: 346px;
	min-height: 463px;
	padding: 15px 15px 0 15px;
	margin: 0;
    position: relative;
}

#dialog_mission_clear_text_group {
	width:312px;
	height: 219px;
	padding: 0;
	margin: 0;
    background: url("../images/common/dialog_mission_clear_text_group_backimg.png") top center no-repeat;
    position:absolute;
	top:150px;
	left:15px;
}

#dialog_mission_clear_text_group .dialog_flavor_text {
	width:312px;
	height: 76px;
    padding:0;
    margin: 0;
    position:absolute;
	top:3px;
	left:0;
}

#dialog_mission_clear_text_group .dialog_mission_conditions_text {
	width:312px;
	height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding:0;
    margin: 0;
    position:absolute;
	top:74px;
	left:0;
}

#dialog_mission_clear_text_group .dialog_mission_text {
	width:312px;
	height: 62px;
    padding:0;
    margin: 0;
    position:absolute;
	top:115px;
	left:0;
}

#dialog_mission_clear_text_group .dialog_mission_text p {
    width:100%;
    font-size: 12px;
	color:#333333;
    line-height: 1.4;
    text-align: center;
    padding:0 15px;
    margin: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

#dialog_mission_clear_wrap .dialog_content_equip_change_btn {
	width: 148px;
	height: 42px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 362px;
    left: 97px;
}

#dialog_mission_clear_wrap .dialog_content_close_btn {
	width: 126px;
	height: 38px;
	padding: 0;
	margin: 0;
    position: absolute;
    top: 410px;
    left: 108px;
}

.campaign_agreement {
  text-align: left;

}
.campaign_agreement ul {
  padding: 0;
}

.campaign_agreement li {
  list-style: none;
  margin: 5px;
}

.outline {
	outline: 3px solid #73562c;
}