@charset "utf-8";
/* CSS Document */
/******************************************************************************
*CSS Imformation*
File name: afterlogin.css
Description: afterLoginStyles
Date: 2011.8.29
********************************************************************************/
body {
  -webkit-text-size-adjust: 100%;
}
header {
	height: 46px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
	width: 100%;
}
header h1 { text-align:left;}
#logo {
	width: 50%;
	float: left;
}
header h1#logo a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
	display:block;  
	width: 100px;
	height:46px;
	text-indent: -9999px;
}
header #slidemenu{
	width: 50%;
	height: 46px;
	overflow: hidden;
}
header #slidemenu li{ margin-right: 4px;}
header #slidemenu a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 0 60px auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	min-height: 800px;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
#modal-service,
#modal-setting{
	display: none;
	background-color: #ffffff;
	padding: 0;
	border-radius: 0 0 0 8px;
}
#container.noscroll {
    overflow-y: scroll;
    position: fixed;
	width: 100%;
}
#iconMenu-wrapper{
	background-color: #f7f7f7;
	padding: 15px 0 10px 5px;
	border-radius: 5px 5px;
}
#settingmenu-list{
	background-color: #f7f7f7;
	padding: 15px 0 0 5px;
	border-radius: 5px 5px;
}
.modal-head{
	color: #6f6f6f;
	padding: 0 10px 10px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.modal-close{
	float: right;
}
.modal-close a{
	background-color: #b3b3b3;
	border-radius: 50px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin-top: -3px;
	padding: 3px 8px;
}
/*
 settingmenu-list
---------------------------------------------------------------------------------*/
#settingmenu-list ul{
	margin: 0;
	padding: 0;
}
#settingmenu-list li:first-child{ border-top: 1px solid #e6e6e6;}
#settingmenu-list li {
	background-color: #f7f7f7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
#settingmenu-list li a {
	display: block;
	color: #6f6f6f;
	font-size: 15px;
	padding: 17px 0 15px 49px;
}
#settingmenu-list li > a:after{
	position: absolute;
	top: 50%;
	right: 16px;
	content: "";
	margin: -4px 0 0 0;
	width: 6px;
	height: 6px;
	border-top: solid 2px #6f6f6f;
	border-right: solid 2px #6f6f6f;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
#settingmenu-list .icon40 {
	margin-top: 8px;
}
/*
 iconMenu
---------------------------------------------------------------------------------*/
#iconMenu-wrapper{
}
#iconMenu-wrapper .sprite.bbs{ background-position: -80px -150px;}
#iconMenu-wrapper .sprite.bbs-adult{ background-position: -80px -180px;}
#iconMenu-wrapper .sprite.search{ background-position: -80px -210px;}
#iconMenu-wrapper .sprite.members { background-position: -80px -240px;}
#iconMenu-wrapper .sprite.phone { background-position: -80px -270px;}
#iconMenu-wrapper .sprite.diary { background-position: -80px -300px;}
#iconMenu-wrapper .sprite.footmark { background-position: -80px -330px;}
#iconMenu-wrapper .sprite.entame { background-position: -80px -360px;}
#iconMenu-wrapper .sprite.favorite { background-position: -110px -150px;}
#iconMenu-wrapper .sprite.photo { background-position: -110px -180px;}
#iconMenu-wrapper .sprite.movie { background-position: -110px -210px;}
#iconMenu-wrapper .sprite.j-tube { background-position: -110px -240px;}
#iconMenu-wrapper .sprite.afi { background-position: -110px -270px;}
#iconMenu-wrapper .sprite.market { background-position: -110px -300px;}
#iconMenu-wrapper .sprite.crown { background-position: -110px -330px;}
#iconMenu-wrapper .sprite.weather_i { background-position: -80px -420px;}
.iconMenu{ margin-bottom: 20px;}
.iconMenu ul{
	margin: 0 auto;
	width: 280px;
}
/*@media screen and (min-width: 480px){ul.sidemenu{width: 425px;}}
@media screen and (min-width: 768px){ul.sidemenu{width: 740px;}}
@media screen and (min-width: 1024px){ul.sidemenu{width: 950px;}}*/
.iconMenu ul li{
	float: left;
	position: relative;
	margin: 0 5px 10px 0;
	background-color: #fff;
	box-shadow: 0 1px 1px 1px #e6e6e6;
	border-radius: 8px;
	height: 75px;
	text-align: center;
	width: 88px;
}
.iconMenu ul li a{
	border-radius: 8px;
	display: block;
	padding: 15px 0 10px;
	width: 100%;
}
.iconMenu ul li p.title{
	line-height: 1.2;
	color: #666;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	margin-top: 3px;
}
.iconMenu ul li .sprite.icon{
	display: inline-block;
	left: auto;
	height: 30px;
    width: 30px;
	position: relative;
}
/*header { width:100%; height:46px;}
#logo { float: left;}
header #slidemenu,
#slidemenu-controll nav {
	width: 50%;
	height: 46px;
	overflow: hidden;
	}
header #slidemenu li,
#slidemenu-controll li {
	margin-right: 4px;
	}
#slidemenu-controll {
	height:46px; 
	border-bottom: 1px solid #cccccc;
	}
header #slidemenu a,
#slidemenu-controll a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	}
#slidemenu-controll .close a {display: block;}
#settingmenu-list{
	background-color: #fff;
}
#settingmenu-list ul {
}
#settingmenu-list li {
	background-color: #fff;
}
#settingmenu-list .icon40 { margin-top: 3px;}
#settingmenu-list ul li a {
	padding-left: 49px;
	border-bottom: 1px solid #ccc;
}
#settingmenu-list.arrowBox,
#iconMenu.arrowBox {
	position: relative;
	border-top: 1px solid #999;
}

#settingmenu-list.arrowBox:after,
#iconMenu.arrowBox:after {
	content: '';
	position: absolute;
	border-bottom: 11px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	top: -9px;
	right: 69px;
}
#settingmenu-list.arrowBox:before,
#iconMenu.arrowBox:before {
	content: '';
	position: absolute;
	border-bottom: 11px solid #999;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	top: -12px;
	right: 69px;
}
#iconMenu.arrowBox:after {
	border-bottom: 11px solid #ecf0f1;
	right: 22px;
}
#iconMenu.arrowBox:before {
	right: 22px;
}
#iconMenu{
	padding-top: 10px;
	background-color: #ecf0f1;
}
#iconMenu .sprite.bbs{ background-position: -80px -150px;}
#iconMenu .sprite.bbs-adult{ background-position: -80px -180px;}
#iconMenu .sprite.search{ background-position: -80px -210px;}
#iconMenu .sprite.members { background-position: -80px -240px;}
#iconMenu .sprite.phone { background-position: -80px -270px;}
#iconMenu .sprite.diary { background-position: -80px -300px;}
#iconMenu .sprite.footmark { background-position: -80px -330px;}
#iconMenu .sprite.entame { background-position: -80px -360px;}
#iconMenu .sprite.favorite { background-position: -110px -150px;}
#iconMenu .sprite.photo { background-position: -110px -180px;}
#iconMenu .sprite.movie { background-position: -110px -210px;}
#iconMenu .sprite.j-tube { background-position: -110px -240px;}
#iconMenu .sprite.afi { background-position: -110px -270px;}
#iconMenu .sprite.market { background-position: -110px -300px;}
#iconMenu .sprite.crown { background-position: -110px -330px;}
#iconMenu-wrapper .sprite.weather_i { background-position: -80px -420px;}
.iconBox{ margin-bottom: 20px;}
.iconBox.bottom{ margin-bottom: 0px;}
ul.sidemenu{margin: 0 auto;width: 320px;padding-left: 5px;}
@media screen and (min-width: 480px){ul.sidemenu{width: 425px;}}
@media screen and (min-width: 768px){ul.sidemenu{width: 740px;}}
@media screen and (min-width: 1024px){ul.sidemenu{width: 950px;}}
ul.sidemenu li{
	float: left;
	position: relative;
	margin: 0 5px 10px 0;
	background-color: #fff;
	box-shadow: 0 1px 1px 1px #e6e6e6;
	border-radius: 8px;
	height: 75px;
	width: 100px;
}
ul.sidemenu li a{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 8px;
}
.sidemenu p.title{
	position: absolute;
	bottom: 0px;
	line-height: 1.2;
	color: #666;
	padding: 0 5px 5px;
	font-size: 10px;
}
.sidemenu p.title span.small{
	font-size: 12px;
}
.sidemenu p.title span{
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
.sidemenu .sprite.icon{
	top: 7px;
	left: auto;
	right: 7px;
	height: 30px;
    width: 30px;
}
#settingmenu-list .close{
	margin-top: 15px;
	padding: 10px 20px;
	padding-bottom: 44px;
}
#iconMenu .close{
	margin: 15px auto 0 auto;
	padding: 10px 0;
	padding-bottom: 44px;
	width: 90%;
}
#settingmenu-list .close a,
#iconMenu .close a{
	padding: 3px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 0px 0px rgba(0,0,0,0.75);
	background-color: #7f8c8d;
	letter-spacing: 0.2em;
	border-radius: 20px;
}*/
img#ga {display: none;}

h2.extra.sprite {line-height: 2.8;padding: 0 0 0 45px;border: none;background-position: 0 -475px;}
h2.extra.sprite.orange{background-position: 0 -510px;text-shadow: 0px -1px 0px rgba(253,159,3,0.75);}
h2.extra.sprite.green{background-position: 0 -545px;text-shadow: 0px -1px 0px rgba(120,174,43,0.75);}
h2.extra.sprite.pink{background-position: 0 -580px;text-shadow: 0px -1px 0px rgba(255,51,153,0.75);}
.banner-wrap{
	margin: auto;
	margin-bottom: 10px;
	width: 300px;
	padding: 0;
}
.banner-wrap p{
	text-align: center;
	font-weight: bold;
}
/*
#notification-list
---------------------------------------------------------------------------------*/
#notification-list ul {}
#notification-list ul li{
	min-height: 48px;
	line-height: 1.4em;
	padding: 5px;
	clear: both;
	display: block;
	border-bottom: 1px dotted #ccc;
	background-color: #fff;
	word-break: break-all;
}
#notification-list ul li a { display: block;}
#notification-list .day { margin-left: 58px; color:#888;}
#notification-list span { display:block;}
#notification-list p { margin-left: 58px;}
#notification-list .face{ float:left; margin-right: 10px;}
#notification-list .face img{ width: 48px; height: 48px;}

/*--------------------eventImage--------------------*/
#eventimage {
	margin: 3px auto 0;
	width: auto;
	overflow: hidden;
	min-height: 60px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
}
#eventimage ul {position:relative; top:0px; left:0px;}
#eventimage ul li {width:100%; float:left; display: none;}
#eventimage ul li:first-child {display:block;}
#eventimage ul li img { width: 100%;}
#eventimage-nav {
	margin-top: 0px;
	height: 15px;
	text-align: center;
}
#eventimage-nav a {
	margin: 3px;
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color:#cccccc;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.3) inset;
}
#eventimage-nav a.ac-nav { background-color: #85C8FF;}
/*-------------------- #myprof --------------------*/
#myprof { margin: 0px 10px 0px;}
#myprof #prof { padding: 4px 0; position: relative;}
#myprof #prof .name {
		font-weight: bold;
		text-align: center;
	}
	#myprof #prof .name span{
		font-weight: bold;
		margin-right: 5px;
	}
	#myprof #prof .name span.man { color: #68b1de;}
	#myprof #prof .name span.woman { color: #ff6fb0;}
#myprof #state {
		margin-bottom: 10px;
		}
	#myprof #state li {
		position: relative;
		float: left;
		width: 49%;
		text-align: center;
		border: 1px solid #cccccc;
		border-radius: 5px;
		background-color: #eeeeee;
		background-image: linear-gradient(top,#ffffff,#eeeeee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
		background-image: -moz-linear-gradient( center top, #ffffff, #eeeeee );
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffeeeeee, gradienttype=0);
	}
	#myprof #state li:hover {
		background-color: #ffffff;
		background-image: linear-gradient(top,#eeeeee,#ffffff);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
		background-image: -moz-linear-gradient( center top, #eeeeee, #ffffff );
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeeeeee, endcolorstr=#ffffffff, gradienttype=0);
	}
	#myprof #state li:nth-child(even) {float: right;}
	#myprof #state li a{
		height: 44px;
		display: block;
	}
#myprof #state li.point{
		line-height: 1.3;
	}
	#myprof #state li.point a{
		padding: 5px;
		color: #666;
		font-size: 12px;
	}
	#myprof #state .point p.count{
		margin-top: 3px;
		line-height: 1.2;
		color: #208ef0;
		text-align: right;
		font-weight: bold;
		font-size: 14px;
		padding-right: 5px;
	}
	#myprof #state li.point .sprite.icon{
		top: 16px;
		left: 4px;
	}
#myprof #state li.mypage{
		overflow: hidden;
	}
	#myprof #state li.mypage a{
		font-size: 15px;
		font-weight: bold;
		padding: 10px;
	}
	#myprof #state li.mypage .acter{
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		float: left;
		width: 45px;
		height: 45px;
		overflow: hidden;
	}
	#myprof #state li.mypage img{
		width: 100%;
	}
#myprof .accepts a {
	display: block;
	margin-bottom: 10px;
	background-color: #ffffff;
	line-height: 44px;
	color: #ff3399;
	text-align: center;
	font-weight: bold; 
}
#myprof .accepts a img {
	width: 100%;
}

/*
#天気予報
--------------------------------------------------------------------------------*/
#myprof #state2 {
	margin:10px auto;
}
#myprof #state2 li:nth-child(even) {float: right;}
#myprof #state2 li a{
		height: 44px;
		display: block;
}


#myprof #state2 li.name{
	font-weight:bold;
	position: relative;
	float: left;
	width: 69%;
	text-align: center;
	margin-right:2%;
	height:44px;
}

#myprof #state2 li.name span{
	font-weight: bold;
	margin-right: 5px;
}

#myprof #state2 li.name span.man { color: #68b1de;}
#myprof #state2 li.name span.woman { color: #ff6fb0;}

#myprof #state2 li.weather{
	color:#666;
	font-size:12px;
	position:relative;
	float: left;
	width: 29%;
	height:44px;
	line-height:44px;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background-color: #eeeeee;
	background-image: linear-gradient(top,#ffffff,#eeeeee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background-image: -moz-linear-gradient( center top, #ffffff, #eeeeee );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffeeeeee, gradienttype=0);
	overflow:hidden;
}

#myprof #state2 li.weather:hover {
		background-color: #ffffff;
		background-image: linear-gradient(top,#eeeeee,#ffffff);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
		background-image: -moz-linear-gradient( center top, #eeeeee, #ffffff );
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeeeeee, endcolorstr=#ffffffff, gradienttype=0);
}

#myprof #state2 li.weather p{
	width:60%;
	float:left;
	line-height:44px;
	text-align:center;
}

#myprof #state2 li.weather img{
	width:25px;
	height:25px;
	float:left;
	text-align:center;
	margin-top:10px;
}

/*
#user-news
---------------------------------------------------------------------------------*/
#user-news{}
#user-news li.ff0000 a{ color: #ff0000;}
#user-news li.ff8000 a{ color: #ff8000;}
#user-news span.update{ font-weight: bold; color: #FF5C5C; margin-left: 5px;}
#user-news .event{ margin: 10px;}


#user-news ul {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 0;
}
#user-news ul:before{
      content: "";
      position: absolute;
      top: -1px;
      right: 0px;
      bottom: 0px;
      left: 0px;
	  background: -moz-linear-gradient(left,  #fff , #fff 30%, #ddd);
      background-image: -o-linear-gradient(left, fff, #ddd);
	  background: -webkit-gradient(linear, left top, right top, from( #fff ), color-stop(0.2,  #fff ), to(#ddd));
      z-index: -2;
}
#user-news ul:after{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: white;
      z-index: -1;
}
#user-news ul li{
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
#user-news ul li:last-child{
	border-bottom: 1px solid #ccc;
}
#user-news ul li a {
	padding-left: 44px;
	padding-right: 8px;
}
#user-news ul li.banner a{
	padding: 0;
}
#user-news ul .sprite.icon {
	top: 10px;
	left: 10px;
	height: 25px;
    width: 25px;
}
/*
#community-bbs
------------------------------------------------------------------------------- */
#community-bbs{
		background-color: #fafafa;
		margin-bottom: 10px;
	}
	#community-bbs li{
		background-color: #fff;
	}
#community-bbs .head{
		padding: 10px 0 5px;
		background-color: #efefef;
		border-bottom: 1px solid #ccc;
	}
	#community-bbs .headline,
	#community-list .headline{
		float: left;
		width: 230px;
	}
	#community-bbs .writing,
	#community-list .writing{
		position: relative;
		margin-top: 7px;
		margin-right: 7px;
		float: right;
	}
	#community-bbs .writing p,
	#community-list .writing p{ font-weight: bold;}
	#community-bbs .writing a{
		display: block;
		padding: 25px 8px 0px;
		font-size: 13px;
		color: #fff;
		
		border: 1px solid #2477B2;
		background-color: #80CAFF;
		background-image: linear-gradient(top,#80CAFF,#2988CC);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#80CAFF), to(#2988CC));
		background-image: -moz-linear-gradient( center top, #80CAFF, #2988CC);
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff80CAFF, endcolorstr=#ff2988CC, gradienttype=0);
		text-shadow: 0px -1px 0px rgba(0,123,199,0.75);
	}
	#community-bbs .message,
	#community-list .message{
		margin-top: 5px;
		padding-left: 45px;
		position: relative;
		color: #666;
		font-size: 13px;
		font-weight: bold;
		white-space: nowrap;
	}
	
	#community-bbs .message .sprite.icon,
	#community-list .message .sprite.icon{
		top: -2px;
		left: 10px;
	}
	#community-bbs .sprite.icon.write{
		top: 2px;
		left: 20px;
	}
#community-bbs .list-thumbnail{
		background-color: #fff;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	#community-bbs .list-thumbnail h3{
		margin-top: 20px;
		padding-left: 15px;
	}
	#community-bbs .list-thumbnail a{
		padding: 7px 8px 7px 75px;
	}
	#community-bbs .list-thumbnail.arrow a{
		background-position: 96% -120px;
	}
	#community-bbs .list-thumbnail p{
		font-weight: bold;
		line-height: 1;
	}
	#community-bbs .list-thumbnail p.high,
	#community-list .list-thumbnail p.high{
		margin-bottom: -15px;
		color: #ff0000;
	}
	#community-bbs .list-thumbnail p.low,
	#community-list .list-thumbnail p.low{
		text-align: right;
		padding-right: 45px;
	}
	#community-bbs .thumbnailbox p.title,
	#community-list .thumbnailbox p.title,
	#adult-photo-movie .thumbnailbox p.title{
		position: absolute;
		width: 57px;
		bottom: 0px;
		line-height: 1.2;
		color: #666;
		padding: 0 3px 5px 0;
		font-size: 10px;
		text-align: right;
		font-weight: normal;
	}
	#community-bbs .thumbnailbox p.title span,
	#community-list .thumbnailbox p.title span,
	#adult-photo-movie .thumbnailbox p.title span{
		font-weight: bold;
		font-size: 13px;
		color: #333;
		text-align: right;
	}
	#community-bbs .thumbnailbox,
	#community-list .thumbnailbox{
		background-color: #fff;
	}
	#community-bbs .thumbnailbox .sprite.icon.bbs{ background-position: -80px -150px;}
	#community-bbs .thumbnailbox .sprite.icon.bbs-adult{ background-position: -80px -180px;}
#community-bbs ul.sub,
#adult-photo-movie  ul.sub{
		padding: 8px 8px 0;
		border-bottom: 1px solid #ccc;
	}
	#community-bbs ul.sub li,
	#adult-photo-movie ul.sub li{
		position: relative;
		margin-bottom: 10px;
		border: 1px solid #ccc;
		border-radius: 8px;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	#community-bbs ul.sub li a,
	#adult-photo-movie ul.sub li a{
		display: block;
		padding: 10px 15px;
		border-radius: 8px;
		font-weight: bold;
		color: #5a5a5a;
	}
	#community-bbs ul.sub li a{
		padding-left: 35px;
	}
	#community-bbs ul.sub .sprite.icon{
		top: 9px;
		left: 5px;
	}
/*
#community-list
------------------------------------------------------------------------------- */
#community-list{ margin-bottom: 10px;}
#community-list ul.normal li a { padding-left: 45px;}
#community-list ul.normal .sprite.icon{
	top: 8px;
	left: 8px;
	height: 30px;
    width: 30px;
}
#community-list .list-box{
	}
	#community-list .list-box li{
	}
	#community-list .list-box li a{
		color: #5a5a5a;
		padding: 10px 0px 10px 20px;
		line-height: 1.3;
	}
	#community-list .list-box .sprite.icon{
		top: 13px;
		left: 7px;
		height: 30px;
    	width: 30px;
		background-position: -80px -210px;
	}
	#community-list .sprite.icon.bbs{ background-position: -80px -150px;}
	#community-list .sprite.icon.members{ background-position: -80px -240px;}
	#community-list .sprite.icon.phone{ background-position: -80px -270px;}
	#community-list .sprite.icon.diary{ background-position: -80px -300px;}
	#community-list .sprite.icon.extra{ background-position: -80px -360px;}
	#community-list .sprite.icon.horojyo{ background-position: -110px -360px;}
	#community-list .list-box .button.right a{
		padding: 19px 0 19px 20px;
	}
#community-list .head{
		padding: 0 0 5px;
		background-color: #fff;
		/*border-bottom: 1px solid #ccc;*/
	}
	#community-list .headline h3{
		margin-top: 10px;
		margin-left: 8px;
		padding-left: 5px;
		font-size: 18px;
		color: #2C8DC9;
	}
	#community-list .message{
		padding-left: 12px;
		margin-top: 0;
	}
	#community-list .sprite.icon.write{
		top: 2px;
		left: 20px;
	}
	#community-list .writing a{
		display: block;
		padding: 25px 4px 0px;
		font-size: 13px;
		color: #fff;
		
		border: 1px solid #2477B2;
		background-color: #80CAFF;
		background-image: linear-gradient(top,#80CAFF,#2988CC);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#80CAFF), to(#2988CC));
		background-image: -moz-linear-gradient( center top, #80CAFF, #2988CC);
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff80CAFF, endcolorstr=#ff2988CC, gradienttype=0);
		text-shadow: 0px -1px 0px rgba(0,123,199,0.75);
	}
#community-list .list-thumbnail{
		margin: 5px 0 0;
		/*padding: 5px 8px;*/
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		background-color: #eee;
		background-image: linear-gradient(top,#fff,#eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background-image: -moz-linear-gradient( center top, #fff, #eee );
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffeeeeee, gradienttype=0);
	}
	#community-list .list-thumbnail{
		border-top: 1px solid #ccc;
	}
	#community-list .list-thumbnail a{
		padding: 7px 8px 7px 70px;
		background-position: 97% 15px;
	}
	#community-list .list-thumbnail h3{
		margin-top: 18px;
		/*padding-left: 15px;*/
	}
	#community-list .thumbnailbox{
		left: 3px;
	}
	#community-list .list-thumbnail .sprite.icon{
		top: 5px;
		left: 3px;
	}
#community-list h2.diary .sprite.icon{
		left: 0;
	}
	#community-list div.diary{
		padding: 0 0 10px;
	}
	#community-list .sprite.icon.write{
		top: 2px;
		left: 24px;
	}
	#community-list .diary .list-thumbnail .sprite.icon{
		background-position: -80px -300px;
	}
#community-list .flexible{ margin-bottom: 10px;}
#community-list .flexible p{
	margin-top: 5px;
	line-height: 1.3;
	font-size: 12px;
	font-weight: bold;
	color: #5a5a5a;
}
#community-list .flexible ul li a{ display: inline-block;}
/*
adult-photo-movie
------------------------------------------------------------------------------- */
#adult-photo-movie{ margin-bottom: 10px;}
#adult-photo-movie .list-thumbnail{
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	#adult-photo-movie .list-thumbnail a{
		padding: 7px 8px 7px 75px;
		background-position: 97% 15px;
	}
	#adult-photo-movie .list-thumbnail p{
		padding-right: 25px;
		font-weight: normal;
		white-space: normal;
	}
	#adult-photo-movie .list-thumbnail p.ad{
		color: #ff0000;
		font-size: 14px;
		font-weight: bold;
	}
	#adult-photo-movie .list-thumbnail p.low{
		text-align: right;
		padding-right: 25px;
		font-weight: bold;
	}
	#adult-photo-movie .thumbnailbox{
		background-color: #fff;
	}
	#adult-photo-movie .thumbnailbox .sprite.icon.photo{ background-position: -110px -180px;}
	#adult-photo-movie .thumbnailbox .sprite.icon.movie{ background-position: -110px -210px;}
#adult-photo-movie li.more{
		margin: 0 0 15px 0;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	#adult-photo-movie li.more a {
		padding: 7px 35px 7px 10px;
		background-position: 97% -2px;
	}
#adult-photo-movie .list-box {
		margin-top: 15px;
	}
	#adult-photo-movie .list-box .sprite{
		top: 12px;
		width: 30px;
		height: 30px;
		background-position: -110px -330px;
	}
	#adult-photo-movie .list-box p{
		line-height: 1.2;
		color: #0078DC;
	}
	#adult-photo-movie .list-box li a{
		padding: 5px 5px;
	}
#adult-photo-movie .jtube h3{
		margin: 0;
		padding: 0 0 0 10px;
		color: #fff;
		background-color: #888;
	}
	#adult-photo-movie .jtube .list-thumbnail {
		border-top: 1px solid #ccc;
		min-height: 96px;
	}
	#adult-photo-movie .jtube .list-thumbnail p{
		padding: 5px 0 0 0;
	}
	#adult-photo-movie .jtube .list-thumbnail a{
		padding-left: 100px;
	}
	#adult-photo-movie .jtube .list-thumbnail p.btn{
		margin-top: 17px;
		padding: 8px 10px;
		font-weight: bold;
		color: #78ae2b;
		position: relative;
		bottom: 2px;
		width: 100%;
	}
	#adult-photo-movie .jtube .list-thumbnail .thumbnailbox{
		width: 80px;
		height: 80px;
	}
	#adult-photo-movie .jtube .main-sprite.icon{
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		height: 80px;
	}
/*
point-menu
------------------------------------------------------------------------------- */
#point-menu{ margin-bottom: 10px;}
#point-menu ul.normal {
	margin-top: 10px;
	padding: 0 8px;
}
#point-menu ul.normal li{
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
#point-menu ul.normal li a{
	border-radius: 8px;
}
#point-menu .sprite.icon{
	top: 11px;
	left: 8px;
	background-position: -175px -325px;
}
#point-menu span.strong{
	font-weight: bold;
	color: #ff0000;
	margin-left: 5px;
}
/*
#entertainment
------------------------------------------------------------------------------- */
#entertainment{ margin-bottom: 10px;}
#entertainment .list-thumbnail{
	padding: 7px 8px;
	border-bottom: 1px solid #ccc;
	line-height: 1.3;
}
#entertainment .list-thumbnail h3{
	font-size: 17px;
	font-weight: bold;
	color: #333;
}
#entertainment .list-thumbnail a{
	display: block;
	margin: -5px -8px;
    min-height: 90px;
    padding: 7px 8px 7px 95px;
}
#entertainment .list-thumbnail p{
	line-height: 1.3;
}
#entertainment .list-thumbnail .thumbnailbox{
    height: 80px;
    width: 80px;
}
#entertainment ul.news li a{
	padding-left: 15px;
}
#entertainment h4{
	margin: 0;
	padding: 0 0 0 10px;
	color: #fff;
	background-color: #888;
}
#entertainment ul.news li a{
	padding-left: 10px;
}
/*
#j-news
---------------------------------------------------------------------------------*/
#j-news{ margin-bottom: 10px;}
#j-news ul li{}
#j-news ul li:last-child {}
#j-news ul li a{
	padding-left: 15px;
	padding-right: 25px;
	font-weight: normal;
}
#j-news li.more a{
	text-align: right;
	padding-right: 25px;
	font-weight: bold;
}

/*
#ad-area
---------------------------------------------------------------------------------*/
#ad-menu{ margin-top: 10px;}
/*
#ad-area
---------------------------------------------------------------------------------*/
#ad-area {}
#ad-area h2{
	color: #fff;

	margin: 0;
	padding: 5px;
	background-color: #888;
	
	height: auto;
	line-height: normal;
	padding-left: 15px;
	
	border-top: none;
	border-bottom: none;
	background-image: none;
	background-image: -webkit-gradient(none);
	background-image: -moz-linear-gradient( none );
	filter: progid:DXImageTransform.Microsoft.gradient(none);
	text-shadow: none;
}
#ad-area dl { margin-bottom: 10px; border-radius: 5px;}
#ad-area dl dt,
#ad-area dl dd { text-align:center; }

#ad-area dl dt { padding: 0 5px; border-radius: 5px 5px 0 0; color: #ffffff; font-weight:bold; }
#ad-area dl dd  {border-bottom: 1px dashed #ff6eaf;} 
#ad-area dl dd:last-child {border: none;}
#ad-area dl a { padding: 10px 0; display: block;}

#ad-area dl.group { background-color: #ffebf5; }
#ad-area dl.group dt { background-color: #ff6eaf;}
#ad-area dl.group dd a { color: #ff3399; font-weight: bold;}

#ad-area dl.recommend { /*background-color: #ffffdd;*/ }
#ad-area dl.recommend dt { background-color: #ffcc00; }
#ad-area dl.recommend dd { background-color: #ffffdd; border-color: #ff9900;}
#ad-area dl.recommend dd a { color: #ff3300; font-weight: bold; }


#ad-area .recommend{
		padding: 10px;
		background-color: #fff;
	}
	#ad-area .recommend .banner{
	}
	#ad-area .recommend .banner img{
		border: 1px solid #ddd;
		border-radius: 5px;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
	}
/*
  useful-menu
---------------------------------------------------------------------------------*/
.useful-menu { width: 260px; margin: 0 auto; padding: 10px 0;}
.useful-menu li {
	float: left;
	width: 53px;
	height: 53px;
	overflow: 53px;
	margin: 0 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #eeeeee;
	background-image: linear-gradient(top,#fafafa,#eeeeee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
	background-image: -moz-linear-gradient( center top, #fafafa, #eeeeee );
	background-image: -o-linear-gradient(center top, #fafafa, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffafafa, endcolorstr=#ffeeeeee, gradienttype=0);
	text-align: center;
	text-indent: -9999px;
	line-height: 53px;
	font-size: 11.5px;
}
.useful-menu li a {
	display: block;
	background: transparent url(../../../img/img1/upload/1203sp-community-icons.gif) center top no-repeat;
}
.useful-menu li.useful01 a { background-position: 0 0;}
.useful-menu li.useful02 a { background-position: 0 -53px;}
.useful-menu li.useful03 a { background-position: 0 -106px;}
.useful-menu li.useful04 a { background-position: 0 -159px;}
.useful-menu li.useful05 a { background-position: 0 -212px;}

/*
 cover sweety
------------------------------------------------------------------------------- */
.cover.sweety{
	background-color: #fff;
}
.cover.sweety .avatar{
		width: 60px;
		height: auto;
		max-height: 80px;
	}
	.cover.sweety ul{
		margin-left: 65px;
	}
	.cover.sweety li.tap-link{
		margin-top: 10px;
		padding-left: 0;
	}
	.cover.sweety li.tap-link a{
		display: block;
		padding: 5px;
		background-color: #eee;
		background-image: linear-gradient(top,#fff,#eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background-image: -moz-linear-gradient( center top, #fff, #eee );
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffeeeeee, gradienttype=0);
		border: 1px solid #ccc;
		border-radius: 5px;
		text-align: center;
		font-weight: bold;
		color: #78ae2b;
	}
/*
  age-verification
---------------------------------------------------------------------------------*/
#age-verification h3 { font-size:16px; font-weight:bold; color: #007BC7;}
#age-verification h4 { padding:5px 0; font-size:15px; line-height:1.3em; margin: 0 0 10px;}
#age-verification p { font-size:14px; line-height:1.3em;}
#age-verification .banner{ padding-bottom: 10px;}
#age-verification .age-top{ padding:10px;}
#age-verification .age-credit, .age-transmission { padding:0 ; margin:15px 0;}
#age-verification .box { margin: 10px; padding: 10px 15px; border: 1px solid #ccc; border-radius: 10px;}
#age-verification .age-photosample { margin-right: 5px; float:left;}
#age-verification .extra-link{ position: relative;}
#age-verification .extra-link a{
	border: 1px solid #C5EBFF;
	display:block;
	color: #007BC7;
	background-color: #E4F6FF;
	padding: 10px 10px 10px 35px;
	margin: 20px 10px;
	line-height: 1.9;
}
#age-verification .extra-link .sprite.icon{ left: 15px;}
#age-verification .certificate ul { margin-bottom: 10px;}
#age-verification .certificate ul li { float: left; width: 45%; line-height: 2.3;}
/*
  siteNews
---------------------------------------------------------------------------------*/
#siteNews .about{
	/*background-color: #ecf0f1;*/
}
#siteNews .about .inner{
	background-color: #fff;
	/*padding: 10px;*/
}
#siteNews div.wrap {
    margin: 10px 0 20px;
}
#siteNews div.heading {
	position: relative;
	height: 25px;
    margin-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
}
#siteNews div.heading .day-stamp {
    border-bottom: 5px solid #CCCCCC;
    color: #5C5C5C;
    display: block;
    font-weight: bold;
    height: 25px;
	padding-left: 5px;
    position: relative;
    width: 120px;
}
#siteNews div.heading .icon-inline {
    margin-left: 10px;
    top: -1px;
}
#siteNews h3{
	color: #208ef0;
	padding: 0 5px;
}
#siteNews .about p{
	padding: 5px;
}
#siteNews .about li a { color:#5a5a5a; text-decoration: none;}
#siteNews #accordion .wrap p {
	padding: 10px;
	background-color: #fff;
	background-image: linear-gradient(top,#ffffff,#fff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff));
	background-image: -moz-linear-gradient(center top, #ffffff, #fff);
	background-image: -o-linear-gradient(center top, #ffffff, #fff)
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0);
}
#siteNews #accordion .wrap{
	padding: 0 10px;
}
#siteNews #accordion section>h3{
	padding: 10px 10px 10px 25px;
}
#siteNews #accordion section>h3 span{
	color: #5a5a5a;
	font-weight: bold;
}
#siteNews .proponent{
}
#siteNews .proponent .title{
	float: right;
	margin-right: 10px;
	font-weight: bold;
	color: #5a5a5a;
}
#siteNews .proponent .acter{
	position: relative;
	float: right;
	padding-left: 20px;
}
/*================================================================================
page-unique-style
=================================================================================*/
body#sp-game-top .main-page h2 {
	margin-bottom: 5px;
	padding: 0;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff, endcolorstr=#00ffffff, gradienttype=0);
	background-color: transparent;
	height: auto;
	border: none;
}
body#sp-game-top .main-page h2 img {width: 100%;}

body#sp-game-top .main-page h3 {
	margin: 0;
	height: 1.7em;
	background-color: #68b1de;
	background-image: linear-gradient(top,#afd6ed,#68b1de);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#afd6ed), to(#68b1de));
	background-image: -moz-linear-gradient(center top, #afd6ed, #68b1de);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffafd6ed, endcolorstr=#ff68b1de, gradienttype=0);
	background-image: -o-linear-gradient(top, #afd6ed, #68b1de);
	border-bottom: 1px solid #3388cd;
	border-top: 1px solid #97c6e6;
	text-shadow: 1px 1px 0 rgba(0,123,199,0.75);
	color: #ffffff;
	font-size: 19px;
}
body#sp-game-top .main-page #game-list li {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
	background: #f5f5f5; 
	background: linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#ffffff), color-stop(100%,#f5f5f5)); 
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#f5f5f5 100%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #f5f5f5 100%); 
	background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#f5f5f5 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	line-height: 1.5;
}
body#sp-game-top .main-page #game-list li>a>div { width: 74%; float: right;}
body#sp-game-top .main-page #game-list li img { width: 24%; float: left; margin-right: 5px;}
body#sp-game-top .main-page #game-list li h4 { color: #ff3399; font-weight: bold; font-size: 16px; margin-bottom: 0; height: auto; line-height: inherit; text-shadow: none; background: none;}
body#sp-game-top .main-page #available-device p { margin: 10px; font-size: 13px;}
body#sp-game-top footer {padding-top:0; border-top: none;}
body.sp-gametop header { height: 46px; }

.btn.reg a{
	border: 1px solid #609829;background-color: #7fc71d;
	background : -webkit-gradient(linear, left top, left bottom, from(#a1d83e), to(#7fc71d));
	background : -webkit-linear-gradient(top, #a1d83e, #7fc71d);
	background : linear-gradient(to bottom, #a1d83e, #7fc71d);color: #fff;text-shadow: 0 -1px 1px rgba(90,135,32,0.75);}
#campaign.container{ background-color: #ecf0f1;}
#campaign .h2title{padding: 5px;border-top: 1px solid #97c6e6;border-bottom: 1px solid #3388cd;background-color: #68b1de;	
	background : -webkit-gradient(linear, left top, left bottom, from(#8AC2E5), to(#68b1de));
	background : -webkit-linear-gradient(top, #8AC2E5, #68b1de);
	background : linear-gradient(to bottom, #8AC2E5, #68b1de);
	text-shadow: 0px -1px 0 rgba(0,123,199,0.75);color: #fff;font-size: 15px;text-align: center;font-weight: bold;line-height: 1.3;}
#campaign .h3title{padding: 3px;background-color:#f39c12;text-align: center;color: #fff;border-radius: 5px;text-shadow: none;}
#campaign .updata{padding-top: 10px;margin: 10px 8px;border-radius: 5px;background-color: #fff;}
#campaign .updata{ font-size: 13px; line-height: 1.1; padding: 10px;}
#campaign .updata span{ font-weight: normal;}
#campaign .updata p{ margin-top: 3px;}
#campaign .updata ul li{ margin-bottom: 5px;}
#campaign .about{ padding: 10px 10px 20px; text-align: center; font-size: 14px; color: #505d69; text-shadow: 0px 1px 1px #fff;}
#campaign .about a{ color: #3498db; text-shadow: none;}
#campaign .orange{ color: #e67e22;}
#campaign .green{ color: #16a085;}
#campaign .gold{ color: #b88300;}
#campaign .red{ color: #e74c3c;}
#campaign .banner img{width: 100%;background-color: #fff;}
#campaign .imgBox{min-height: 80px;}
#campaign .imgBox img{border-radius: 0;}
#campaign .inner{margin: 0 10px 10px;background-color: #fff;border-radius: 0 0 5px 5px;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);}
#campaign .period{padding: 5px 10px;margin: 0;color: #fff;background-color: rgba(0, 0, 0, 0.5);text-align: center;font-size: 12px;}
#campaign .btn{ position: relative;}
#campaign .btn a{display: block;margin: 10px auto;width: 70%;padding: 7px 10px;border-radius: 5px;color: #fff;font-weight: bold;font-size: 16px;}
#campaign .about .caution{ color: #e74c3c; font-size: 13px;}
#campaign table, th, td {border: 1px solid #CCCCCC;text-align: center;}
#campaign.pointTable tr:nth-child(2n) {background: none repeat scroll 0 0 #F5F5F5;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;}
#campaign table th { background-color: #ffffcc; }
#campaign table td { background-color: #fff; }
#campaign .pointTable .correction { color: #ff0000; font-weight: bold;}
#PlagClose1 a.close,
#PlagClose2 a.close{padding: 5px 60px;text-align: center;font-weight: bold;color: #fff;background-color: #bdc3c7;letter-spacing: 0.2em;border-radius: 20px;text-decoration: none;}
#PlagClose2 h4{ font-weight: bold; text-align: left;}
#PlagClose2 .about{ padding: 10px;}
#PlagClose2 .about p{ padding: 0 0 10px 0; text-align: left;}
.credit-des img{border: 2px solid #ccc;padding: 5px 20px;}

#scroll-top {position: fixed;bottom: 20px;right: 20px;font-size: 90%;}
#scroll-top a {background-color: rgba(0, 0, 0, 0.5);color: #fff;width: 100px;padding: 5px 0;text-align: center;display: block;border-radius: 5px;font-weight: bold;}
#scroll-top a:hover {background: #999;}

/*================================================================================
game-page
=================================================================================*/
#game-page{}
#game-page h2{ margin-bottom:10px;}
#game-page h3{ font-size:16px; font-weight:bold; color: #007BC7; margin:10px 0;}
#game-page h4{ padding:5px 0; font-size:15px; line-height:1.3em; margin: 0 0 10px;}
#game-page h4.blue{color: #fff; margin:10px 0 0 0; padding:0; background-color:#007BC7;}
#game-page h4.red{ font-size:13px; color: #F00; margin:10px 0 0 0; padding:0;}
#game-page p{ font-size:14px; line-height:1.3em; margin: 0 0 5px;}
#game-page p.code{ padding-top:10px; font-size:13px; line-height:1.5em; margin: 0 0 5px; color:#666; text-align:center;}
#game-page p.attentionRed{ color:#F00; font-size:13px; text-align:left;}
div.banner-game{ border-bottom:2px solid #ccc;}
div.banner-game img{ display:block; margin:auto;}
.game-box{ width:100%; margin-bottom:10px;}
.top-banner{ text-align:center;}
a.btn-gatya {
	margin:10px 50px 20px 50px;
	line-height: 46px;
	font-size: 24px;
  	position: relative;
  	display: block;
  	color: #fff;
  	text-decoration: none;
  	text-align: center;
  	z-index: 5;
  	letter-spacing:3px;
	font-weight: bold;
	border-radius: 30px;
}
a.btn-gatya:after {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: 30px;
  border: 1px solid #ff5900;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8c00),to(#ff5900));
  z-index: -1;
}
div.gachaPrizeList {
    background-size: 2px 2px;
	border: 2px solid #C5EBFF;
	border-radius: 10px;
    list-style-type: none;
    margin: 10px auto;
    position: relative;
    width: 300px;
    z-index: 2;
	text-align: center;
}
div.gachaPrizeList ul li { display: inline-block; padding: 8px 5px 10px;}
.privilege {border: 3px solid #eee;}
.recommended { margin-bottom:10px; padding: 0px;}
.recommended h3 {
	margin: 0;
	padding: 5px 2px;
	border: 0 none;
	border-radius: 10px 10px 0 0;
	text-align:center;
	font-size:14px;
	color:#FFF;
	background-color: #a6ca58;
}
.recommended div.messageAria {
	padding: 0 10px;
	border-radius: 0px 0px 10px 10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-radius: 0px 0px 10px 10px;
}
.recommended p { padding: 10px 0; font-size:100%; line-height:1.5em;}
.recommended p.tap-link { margin: 0 5px; margin-bottom: 10px;}
.recommended p.tap-link a{
	text-align: center;
	display:block;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 10px;
	
	background-color: #eeeeee;
	background-image: linear-gradient(top,#ffffff,#eeeeee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background-image: -moz-linear-gradient(center top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(center top, #ffffff, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffeeeeee, gradienttype=0);
}
.recommended a {
	text-align: center;
	display:block;
	border-radius: 10px;
}
.decoheading {
	padding: 12px 5px 12px;
	text-align:center;
	font-weight:bold;
	color:#0092CC;
	border-top: 1px solid #000000;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, #585e61),
		color-stop(0.99, #a0a6a9),
		color-stop(0.98, #a0a6a9),
		color-stop(0.97, #f0f6fa),
		color-stop(0.96, #acb5ba),
		color-stop(0.95, #515e63),
		color-stop(0.94, #515e63),
		color-stop(0.93, #040404),
		color-stop(0.92, #040404),
		color-stop(0.91, #c6efff),/*竊舌％縺薙′閭梧勹濶ｲ・�2c5882・�*/
		color-stop(0.09, #c6efff),/*竊舌％縺薙′閭梧勹濶ｲ*/
		color-stop(0.08, #040404),
		color-stop(0.07, #040404),
		color-stop(0.06, #585e61),
		color-stop(0.05, #a0a6a9),
		color-stop(0.04, #a0a6a9),
		color-stop(0.03, #f0f6fa),
		color-stop(0.02, #acb5ba),
		color-stop(0.01, #515e63),
		color-stop(0, #515e63));
}
.gamebtn{
	margin: 10px 50px 0;
	text-align: center;
}
.gamebtn a{
	display: block;
	padding: 10px;
	border: 1px solid #ff5900;
	border-radius: 5px;
	background-color: #ff8c00;
	background-image: linear-gradient(top,#ff8c00,#ff5900);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8c00), to(#ff5900));
	background-image: -moz-linear-gradient( center top, #ff8c00, #ff5900 );
	background-image: -o-linear-gradient(center top, #ff8c00, #ff5900);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffff8c00, endcolorstr=#fff5900, gradienttype=0);
	font-size: 19px;
	font-weight: bold;
	color: #fff;
}
.btn-nolink {
	position: absolute;
	top: 200px;
	width: 100%;
}
.btn-push{
	padding: 10px; margin: 0 50px;
	border: 3px solid #ccc;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	text-align: center;
	letter-spacing:3px;
	font-size: 18px;
}
.load{
	height: 0;
}
.load a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.game-elected{ text-align: center; font-size: 15px;}
.game-elected img{ display: none;}
.game-electedAria{ padding: 10px; font-size: 16px;}
.game-electedAria p{ color:#ff9900; font-weight: bold;}
.game-electedAria a{ text-decoration: underline; color: #00F;}

ul.listNormal {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
ul.listNormal.bt li:first-child { border-top: 1px solid #ccc;}
ul.listNormal li{
	position: relative;
	border-bottom: 1px solid #ddd;
	clear: both;
	background-color: #eee;
	background-image: linear-gradient(top,#fff,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: -moz-linear-gradient( center top, #fff, #eee );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffeeeeee, gradienttype=0);
}
ul.listNormal li:last-child { border-bottom: 1px solid #ccc;}
ul.listNormal li img { vertical-align: middle;}
ul.listNormal li a {
	display: block;
	font-size: 15px;
	padding: 10px 20px 10px 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #5a5a5a;
}
/* ---------------------------------------
   login_bonus
--------------------------------------- */
.sprite.reward-icon {
	background: url(../../../img/img1/upload/login_reward_icons.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) {
	.sprite.reward-icon {
		background: url(../../../img/img1/upload/login_reward_icons@2x.png) no-repeat;	
		background-size: 320px auto;
		-webkit-background-size: 320px auto;
		-moz-background-size: 320px auto;
		-o-background-size: 320px auto;
		-ms-background-size: 320px auto;
	}
}
.login-reward .contents{
	background : -webkit-gradient(linear, left top, left bottom, from(#f5aa32), color-stop(0.3, #fce6c4), color-stop(0.7, #fce6c4), to(#f5aa32));
	background : -webkit-linear-gradient(top, #f5aa32, #fce6c4 30%, #fce6c4 70%, #f5aa32);
	background : linear-gradient(to bottom, #f5aa32, #fce6c4 30%, #fce6c4 70%, #f5aa32);
}
.login-reward .contents-inner{
	background: transparent url(../../../img/img1/upload/login_reward_bg.png) no-repeat;
	-webkit-background-size: 320px auto;
	-moz-background-size: 320px auto;
	-o-background-size: 320px auto;
	-ms-background-size: 320px auto;
	background-size: 320px auto;
	position: relative;
	width: 320px;
	margin: 0 auto;
	padding: 5px 0 10px;
}
.login-reward .top-banner{
	width: 320px;
	height: 100px;
	background-position: 0 0;
	margin: 0 15px 10px 0;
}
.login-reward .reward{
	display: table;
	width: 61%;
	float: right;
	margin-right: 15px;
}
.login-reward .reward-box{
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.login-reward .reward-box > div{
	width: 90px;
	height: 90px;
	margin: 0 auto;
	overflow: hidden;
}
.login-reward .sprite.reward-icon.daily-m{background-position: 0 -100px;}
.login-reward .sprite.reward-icon.special-m{background-position: 0 -190px;}
.login-reward .sprite.reward-icon.daily-w{background-position: -90px -100px;}
.login-reward .sprite.reward-icon.special-w{background-position: -90px -190px;}
.login-reward .foot-area{ padding: 0;}
.login-reward .foot-area .info{
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	margin: 10px;
	color: #fff;
	word-break: break-all;
}
.login-reward .foot-area .text{
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 10px;
}
.login-reward .foot-area strong{ margin-right: 5px;}