﻿@charset "utf-8";

body{
	width: 100%;
	min-width: 300px;
	margin:0;
	background-color: #000000;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

ul, menu, dir{
	margin: 0 auto;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

li{
	list-style: none;	
}

dd{
	-webkit-margin-start: 0px;
}
dd,dl,p{
	margin: 0
}
dl {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

#wrapper{
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 15px;
}
/*****purpose******/
.clear{
	clear: both;
}
.red{
	color:#f00;
}
.white{
	color:#fff;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.box_center{
	margin: 0 auto;
}
.m_top_20{
	margin-top: 20px !important;
}
.m_bottom_0{
	margin-bottom: 0 !important;
}
.m_bottom_2{
	margin-bottom: 2 !important;
}
.boder_bottom{
	border-bottom: 1px solid #7e7e7e;
}
/*****purpose******/

.header_nav{
	position: fixed;
	display: block; 
	height: 48px;
	width: 100%;
	min-width: 300px;
	margin-bottom: 10px;
	background: linear-gradient(#7b67aa, #4b2f8b);
	background: -moz-linear-gradient(#7b67aa, #4b2f8b);
	background: -webkit-gradient(linear, center top, center bottom, from(#7b67aa), to(#4b2f8b));
	z-index: 100;

}
.nav_menu_left{
	display: inline-block;
	position: relative;
	float: left;
	top: 8px;
	width: 20%;
	height: 40px;
	border-right: 1px solid #000;
	text-align: center;
	background: url(/img/0O/header_bg_01.png)no-repeat;
	background-position: center bottom;
	background-size: 100%;
	box-sizing: border-box;
}

.nav_menu_right{
	display: inline-block;
	position: relative;
	float: right;
	top: 8px;
	width: 20%;
	height: 40px;
	border-left: 1px solid #000;
	text-align: center;
	background: url(/img/0O/header_bg_01.png)no-repeat;
	background-position: center bottom;
	background-size: 100%;
	box-sizing: border-box;
}
.fenril_img{
	width: 20%;
	display: inline-block;
	position: relative;
	float: left;
	top: 8px;
	height: 40px;
	text-align: center;
	background: url(/img/0O/header_bg_02.png)no-repeat;
	background-position: center bottom;
	background-size: 100%; 
	box-sizing: border-box;
}
.nav_menu_left a,
.nav_menu_right a{
	text-decoration: none;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:100%;	
	color:#fff;
	line-height: 30px;
	font-size: 0.7em;
}

.maiinmage{
	margin-bottom: 2px;
}
.material{
	display: block;
	padding-bottom: 25px;
	text-align: center;
	background-color: #7e7e7e;
	background-image: url(/img/0O/material_left_up.png), 
					  url(/img/0O/material_right_up.png),
					  url(/img/0O/material_left_down.png), 
					  url(/img/0O/material_right_down.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: -3% top, 100% top, 0% bottom, 102% bottom;
	background-size: 25% 25px,25% 25px,25% 25px,25% 25px;
}

.material_low{
	display: block;
	padding-bottom: 5px;
	text-align: center;
	background-color: #7e7e7e;
	background-image: url(/img/0O/material_left_up.png), 
					  url(/img/0O/material_right_up.png);
	background-repeat: no-repeat, no-repeat;
	background-position: -10% 10px, 110% 10px;
	background-size: 30%,30%;
}

.material_pass{
	display: block;
	padding-bottom: 5px;
	text-align: center;
	background-color: #7e7e7e;

}

.material_pass_yellow{
	display: block;
	padding: 5px;
	text-align: center;
	background-color: #ffff00;
}


.material_pass_white{
	display: block;
	padding: 5px;
	text-align: center;
	background-color: #7e7e7e;
}

.material_pass_white span{
	color:#fff;
}
.material_pass_comment{
	text-align: left;
	margin: 15px 5px;
	color:#FF3300;

}
.pass_area{
	display: block;
	width: 30%;
	float: left;
	margin: 10px 5px;
	font-size: 0.9em;
	border: 2px solid #ab00a0;
	color:#fff;
	box-sizing: border-box;
}
.material_pass_text{
	font-size:1.0em;
	color:#fff;

}
.comment_area{
	font-size:1.0em;
	color:#000;

}

.material_low_sec{
	display: block;
	padding-bottom: 5px;
	text-align: center;
	background-color: #7e7e7e;
}

.histry_data_area{
	display: block;
	text-align: center;
	background-color: #000;
}

.pop_number{
	display: inline-block;
	position: absolute;
	top:-15px;
	left: 30;
	padding: 1px 5px;
	background: #f00;
	border: 1px solid #fff;
	z-index: 1;
	font-size: 0.7em
}
.material_title{
	font-size: 1.17em;
	font-weight: bold;
	color:#fff;
	line-height: 45px;
	margin: 0;
}

.material_icon{
	display: inline-block;
	margin: 0 auto;
	width: 80%;
	margin: 15px 0px;
}

.material_icon li{
	position: relative;
	display: inline-block;
	float: left;
	width: 25%;
}

.material_icon li span{
	color: #fff;
	font-weight: bold;
}

.material_banner a{
	display: block;
	text-align: center;
}

.material_banner img{
	margin-bottom: 15px;
}

.item_msg{
	text-align: center;
	color:#fff;
	margin-bottom: 10px;
}
.sns_area{
	margin-top: 25px;
	display: block;
	height: 35px;
}

.fb_button{
	display: inline-block;;
	float: left;
	margin-left: 15%;
	margin-bottom: 18px;
}
.tw_button{
	display: inline-block;
	float: right;
	margin-right: 15%;
	margin-bottom: 18px;
}

.histry_link{
	display: block;
	position: relative;
	height: 40px;
	background-color: #ffffff;
	background-image: url(/img/0O/mark.png), 
					  url(/img/0O/arrow_right_a.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 1% 52%, 99% 51%;
	background-size: 30px,10px;
	text-align: left;
	border-bottom: 2px solid #ab00a0;
}

.histry_link a{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	line-height: 45px;
	text-decoration: none;
	font-size: 1.30em;
	font-weight:bold;
	color: #000;

}
.histry_link a span{
	margin-top: 5px;
	margin-left: 55px;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


.histry_link_comming{
	display: block;
	position: relative;
	height: 40px;
	background-color: #b0b0b0;
	background-image: url(/img/0O/mark.png), url(/img/0O/comming.png), 
					  url(/img/0O/arrow_right_a.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 1% 52%, 99% 5%, 99% 60%;
	background-size: 30px,90px,10px;
	text-align: left;
	border-bottom: 2px solid #ab00a0;
}


.histry_link_comming span{
	position: relative;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	line-height: 45px;
	text-decoration: none;
	font-size: 1.30em;
	font-weight:bold;
	color: #000;
	margin-top: 5px;
	margin-left: 55px;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}




/*.追加*/
.play_histry_image{
	display: block;
	padding-top: 2px;
	text-align: center;
	background: linear-gradient(#ffffff, #ffffff);
	background: -moz-linear-gradient(#ffffff, #ffffff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffff)); 
}

.play_histry_title{
	display: block;
	padding-top: 2px;
	text-align: center;
	background: linear-gradient(#a7a7a7, #7e7e7e);
	background: -moz-linear-gradient(#a7a7a7, #7e7e7e);
	background: -webkit-gradient(linear, center top, center bottom, from(#a7a7a7), to(#7e7e7e)); 
}

.play_histry_title span{
	font-weight: bold;
	line-height: 30px;
}
.play_histry{
	width: 95%;
	margin: 15px auto;
}


.histry_data_low{
	margin-bottom: 15px
}

.histry_data li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000;
	text-align: left;
	font-weight: bold;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 

}

/*.追加*/


.histry_data_title li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#fff;
	text-align: left;
	font-weight: bold;
/*	background: linear-gradient(#000000, #ab00a0);
	background: -moz-linear-gradient(#000000, #ab00a0);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#ab00a0)); 
*/
	background: linear-gradient(#7b67aa, #4b2f8b);
	background: -moz-linear-gradient(#7b67aa, #4b2f8b);
	background: -webkit-gradient(linear, center top, center bottom, from(#7b67aa), to(#4b2f8b)); 

}

.histry_title li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000;
	text-align: left;
	font-weight: bold;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 

}



/*.ここまで追加*/


.histry_data_low li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000;
	text-align: left;
	font-weight: bold;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 

}

.play_data{
	float: right;
	margin-right:15px; 
	color:#ab00a0;

}


.password_data_title li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#fff;
	font-weight: bold;
	text-align: left;
	background: linear-gradient(#000000, #ab00a0);
	background: -moz-linear-gradient(#000000, #ab00a0);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#ab00a0)); 

}

.password_data_right{
	float: right;
	margin-right:15px; 
	color:#ffffff;
	font-size: 0.8em;
}

.password_data_left li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000;
	text-align: left;
}

.password_title li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#FFFFFF;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	background: linear-gradient(#7e7e7e, #7e7e7e);
	background: -moz-linear-gradient(#7e7e7e, #7e7e7e);
	background: -webkit-gradient(linear, center top, center bottom, from(#7e7e7e), to(#7e7e7e)); 

}


.password_title_1 li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#FFFFFF;
	text-align: left;
	font-size: 2.3em;
	font-weight: bold;
	background: linear-gradient(#7e7e7e, #7e7e7e);
	background: -moz-linear-gradient(#7e7e7e, #7e7e7e);
	background: -webkit-gradient(linear, center top, center bottom, from(#7e7e7e), to(#7e7e7e)); 

}

.password_title_2 li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000000;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	background: linear-gradient(#e4e4e4, #e4e4e4);
	background: -moz-linear-gradient(#e4e4e4, #e4e4e4);
	background: -webkit-gradient(linear, center top, center bottom, from(#e4e4e4), to(#e4e4e4)); 

}



.histry_data li:first-child{
	text-align: center;
	border-top: 3px solid #000000; /*.追加*/
}



/*.histry_data li:last-child{
	position: relative;
	text-align: center;
	height: 45px;
	line-height: 55px;
}
.histry_data li:last-child a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
	color:#000;
}*/

.info_list li{
	display: inline-block;
	width: 100%;
	color:#fff;
	text-align: left;
	border-bottom: 1px solid #818181;
}

.info_list li:last-child{
	text-align: right;
	border-bottom: none;
}
.info_list li:last-child a{
	text-decoration: none;
	color:#fff;
	margin-right: 25px;
}
.info_list li span{
	display: inline-block;
	margin: 5px;
}

.banner_area_low{
	display: block;
	text-align: center;
	margin-bottom: 25px;
}

.mypage_link,
.sropuls_link{
	display: block;
	position: relative;
	width: 100%;
	height: 35px;
	border-top:1px solid #818181;
}

.custom_result{
	display: block;
	margin: 10px 0;
	text-align: center;
}
.custom_result span{
	color:#fff;
	font-size: 1.2em;
}

.button_area{
	margin: 10px 0;
	display: block;
	text-align: center;
}

.pass_list{
	display: block;
	/*margin: 5px;*/
	text-align: left;
}

.pass_list li{
	display: block;
	color: #fff;
	padding: 0 5px;
	border-bottom: 1px solid #ccc;
}
.pass_list_left{
	display: inline-block;
	width: 100px;
}

.ge_top{
	display: block;
	position: relative;
	width: 100%;
	height: 35px;
	border-top: 1px solid #818181;	
	background: #fff;
}

.ge_top a{
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	line-height: 36px;
	top: 0;
	left: 0;
	color: #000;
	text-decoration: underline;
}
.histry_caunta_comment,
.histry_aragami_comment,
.histry_mission_comment{
	display: none;
}


.ranking_area{
	background: #fff;
}
.ranking_area_text{
	display: block;
	padding: 3px 5px;
	color:#000;
	text-align: center;
}
.ranking_area_comment{
	padding: 5px
	text-align: left;
	color:#FFF;
}
.ranking_list li{
	display: block;
	height: 45px;
	line-height: 22px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px solid #ab00a0;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 
}

.ranking_list_left{
	display: inline-block;
	float: left;
	margin: 2px;
}
.ranking_list_count{
	display: inline-block;
	float: right;
	color:#000;
	text-align: right;
}
.passcord_area{
	padding: 25px 0px 0px 0px;
}

.sulopulus_howtolink{
	display: block;
	padding: 15px 10%;
}
.sulopulus_howtolink a{
	display: inline-block;
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	border: 1px solid #7e7e7e;
	border-radius: 10px;         
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;  
    background: url("/img/0O/arrow_right_w.png") no-repeat;
    background-position: 95% 50%;
    background-size: 15px 15px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;

}

/******accordion*******/
.archives{
	margin-bottom: 0px;
}

.result_title{
	display: block;
	position: relative;
	height: 40px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 99% 51%;
	background-size:10px;
	/*background-image: url(/img/0O/fenril.png), 
					  url(/img/0O/plus.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 1% 52%, 99% 51%;
	background-size: 30px,10px;*/
	text-align: center;
	border-bottom: 2px solid #ab00a0;
}




.aco_title{
	display: block;
	position: relative;
	height: 40px;
	background-color: #ffffff;
	background-image:url(/img/0O/plus.png);
/*	background-image:url(/img/0O/plus.png);*/
	background-repeat: no-repeat;
	background-position: 99% 51%;
	background-size:10px;
	/*background-image: url(/img/0O/fenril.png), 
					  url(/img/0O/plus.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 1% 52%, 99% 51%;
	background-size: 30px,10px;*/
	text-align: center;
	border-bottom: 2px solid #ab00a0;
}

.aco_title_option{

}

.open{
	background-color: #ffffff;
	background-image:url(/img/0O/minus.png);
	background-repeat:no-repeat;
	background-position:99% 51%;
	background-size: 10px;
	/*background-image: url(/img/0O/fenril.png), 
					  url(/img/0O/minus.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 1% 52%, 99% 51%;
	background-size: 30px,10px;*/
}
.aco_title span{
	display: inline-block;
	line-height: 42px;
	margin-left: 0px;
	font-size: 1.30em;
	font-weight:bold;
	color: #000;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.aco_data li{
	display: block;
	line-height: 35px;
	padding-top: 5px;
	padding-left: 5px;
	color:#000;
	text-align: left;
	font-weight: bold;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 

}
/******accordion*******/
/******tab******/
#tab_area{
	display: block;
	width: 100%;
	height: 62px;
	margin-top: 0px;
	border-bottom: #ab00a0 2px solid;
	padding: 0 2%;
	box-sizing: border-box;
	text-align:center;
}

#tab_area label {
	display: inline-block;
	width: 100%;
	height: 45px;
	margin-top: 10px;
	padding-top: 5px;
	line-height: 18px;
	background:#dbdcdb;
	color:#000;
	font-weight: bold;
	text-align:center;
	font-size: 0.8em;
}

.tab_area{
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.tab_activ{
	background:#ab00a0 !important;
	color:#fff !important;
}

.tab_list li{
	display: block;
	position: relative;	
	width: 100%;
	max-height: 240px;
	height: 185px;
	border-bottom:1px solid #767676; 
	padding: 5px;
	text-decoration: none;
	color:#fff;
	overflow: hidden;
	box-sizing: border-box;
}

.tab_list_two,
.tab_list_three,
.tab_list_four{
	display: none;
}

.tab_list_left{
	float: left;
	margin: 1px 15px 1px 1px;
	width: 125px;
	box-sizing: border-box;
}
.tab_list_right{
	float: left;
	margin: 5px 0px;
	width: 50%;
	box-sizing: border-box;
}
.tab_list_button{
	display: block;
	text-align: center;
	margin-top: 5px;
}
.tab_list_icon img:last-child{
	margin-left: 15px;
}

.tab_list_icon_left,
.tab_list_icon_right{
	display: inline-block;
	float: left;
	text-align: left;
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
	font-size:1.0em !important;
}





.labelbox{
	display: inline-block;
	position: relative;
	float: center;
	top: 0px;
	height: 57px;
	width: 24.0%;
	padding: 3px 1px 0px 1px;
	overflow: hidden;
}


.playhistry label{
	line-height:37px !important;

}
.playhistry label a{
	color:#000;
	text-decoration: none;
}
.histry_comment_area{
	display: block;
	position: relative;
	width: 100%;
	border-top: 1px solid #818181;	
	background: #fff;	
	text-align: center;
}
.histry_comment_area span{
	display: inline-block;
	margin: 5px;
	font-size: 0.9em;
	color:#000;
}

.page_nation{
	display: block;
	position: relative;
	width: 100%;
	height: 35px;
	line-height: 35px;
	/*border-top: 1px solid #818181;*/	
/*	background: #ab00a0;*/
}

.before{
	display: inline-block;
	width: 50%;
	float: left;
	padding-right: 15px;
	text-align: right;
	box-sizing: border-box;
	color:#FFFFFF;
}

.after{
	display: inline-block;
	width: 50%;
	float: right;
	padding-left: 15px;
	text-align: left;
	box-sizing: border-box;
	color:#FFFFFF;
}


.mission_list{
	/*padding: 5px;*/
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 
}


.result_list li{
	display: block;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color:#000;
	font-weight: bold;
	font-size: 0.9em;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 
}


.mission_list li{
	display: block;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color:#000;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px solid #ab00a0;
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 
}

.mission_list li:last-child{
	border-bottom: 0px ;
}

.mission_list li a{
	/*text-decoration: none;*/
	color:#000;
}
.mission_list_small{
	font-size:0.8em;
}

.mission_list_big{
	font-size:1.0em;
}


.mission_list_black{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.mission_list_red{
	display: inline-block;
	float: right;
	font-weight: bold;
	color: #ff0000;
	text-align: right;
}

.mission_list_red_result{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #ff0000;
	text-align: left;
}

.mission_list_blue{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #0000ff;
	text-align: left;
}

.mission_list_green{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #008000;
	text-align: left;

}

.mission_list_purple{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #800080;
	text-align: left;
	width:50px;
}

.mission_list_purple_result{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #800080;
	text-align: left;
}


.mission_list_left{
	display: inline-block;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	color: #f00;
	text-align: left;
}
.mission_list_rigth{
	display: inline-block;
	float: right;
	font-size: 1.1em;
	text-align: right;
}


/*20150216追加*/

.minigame{
	display: block;
	text-align: center;
	width: 100%;
	height: auto;

}

.mini_img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
}




.mini_text{
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
}

.mini_text_red{
	display: inline-block;
	float: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #ff0000;
	text-align: center;
}

.news_list{
	
}

.news_list li{
	display: block;
	min-height: 80px;
	line-height: 22px;
	color:#000;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px solid #000;
}
.news_list_time{
	color:#ffcc44;
}
.news_list_titele{
	background-color: #000;	
	padding-left: 5px;
}
.news_list_titele span{
	color:#fff;
}
.news_list_dtl{
	min-height: 40px;
	/*line-height: 40px;*/
	background: linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaeaea)); 
	padding: 2px 5px 2px 5px;
}

/*20150216アンカー追加*/
div#anchor1{
    margin-top: 10px; /* リンク位置上昇分 */
}
div#anchor2{
    padding-top:48px;
}
div#anchor3{
    padding-top:10px;
}
div#anchor4{
    padding-top:45px;
}

div#anchor_history{
    margin-top: -43px; /* リンク位置上昇分 */
}


/*20150410アンカー追加*/
.use_guide{
	display: block;
	margin: 7px 10px;
}

.use_guide_2{
	display: block;
	margin: 3px 20px;
}

.use_guide_image{
	display: block;
	margin: 10px 0;
	text-align: center;
}

.use_guide_text{
	display: inline-block;
	font-size: 0.8em;
	color: #fff;
}

.use_guide_r{
	color: #ffff00;
}

.use_guide_text_b{
	display: inline-block;
	font-weight: bold;
	font-size: 1.0em;
	color: #fff;
}

.use_guide_text_w{
	display: inline-block;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}

.material_pass_red{
	display: block;
	padding: 5px;
	background-color: #ab00a0;
}

.use_guide_list_left{
	float: left;
	margin: 1px 15px 1px 1px;
	width: 40%;
	box-sizing: border-box;
}
.use_guide_list_right{
	float: left;
	margin: 5px 0px;
	width: 30%;
	box-sizing: border-box;

}

.labelbox_long{
	display: inline-block;
	position: relative;
	float: center;
	top: 0px;
	height: 57px;
	width: 45%;
	padding: 3px 1px 0px 0px;
	overflow: hidden;
}
.m_top_7{
	margin-top: 7px !important;
}



.password_image{
	margin-bottom: 0px;
}




/******footer*******/

.footer_top{
	height: 50px;
	background: linear-gradient(#7b67aa, #4b2f8b);
	background: -moz-linear-gradient(#7b67aa, #4b2f8b);
	background: -webkit-gradient(linear, center top, center bottom, from(#7b67aa), to(#4b2f8b)); 	
}
.footer_top li{
	position: relative;
	display: inline-block;
	float: left;
	width: 33.33%;
	height: 50px;
	border-right: 1px solid #000;
	text-align: center;
	box-sizing: border-box;
	padding: 15px 0;
	background: url(/img/0O/footer_bg_01.png)no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
.footer_top li:last-child{
	border-right: none;
}
.footer_top li a{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	line-height: 20px;
	text-decoration: none;
	color: #fff;
	font-size: 0.7em;
}

.footer_top_sec {
	padding: 10px 0 !important;
}

.footer_top_sec a{
	line-height: 15px !important;
}

.mypage_link a,
.sropuls_link a{
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	line-height: 36px;
	top: 0;
	left: 0;
	color:#fff;
	text-decoration: none;
}

footer{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.8em;
	background-color: #555555;
	/*height: 35px;*/
}

footer span{
	line-height: 20px;
	color:#fff;
}
/******footer*******/



.gauge_list{
	/*padding: 5px;*/
	background: linear-gradient(#000000, #000000);
	background: -moz-linear-gradient(#000000, #000000);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#000000)); 
}


.gauge_list li{
	display: block;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color:#FFF;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px solid #000000;
	background: linear-gradient(#000000, #000000);
	background: -moz-linear-gradient(#000000, #000000);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#000000)); 
}


.password_font_red{
	display: inline-block;
	float: left;
	font-weight: bold;
	color: #ff0000;
	font-size:1.5em;
}


/*ユーザーステータス*/
.slotplus_dm_block {
	border-spacing: 4px;
	display: table;
	empty-cells: show;
	height: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.common_personal_data_group {
	background-color: #FF66FF;
	display: block;
	height: auto;
	padding: 0px;
	width: 100%;
}
.common_personal_data {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 14px;
	height: auto;
	line-height: 12px;
	margin: 0px;
	padding: 2px;
	text-align: left;
	width: auto;
}
.common_personal_data img {
	height: 60px;
	margin: 0px;
	padding: 0px;
	width: auto;
}
.slotplus_dm_clear {
	display: none;
}