@charset "utf-8";
/* login */

/*リード文*/
#login #read-sec {
	margin: 10px auto 20px;
	text-align: center;
}

#login #read-sec h1 {
	display: inline;
}

/*開発環境用*/
.login-lay h2.ttl {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #333;
	border: 1px solid #ccc;
	background: #e3e3e3 url(/static/img/bg_alpha_ttl1.gif) repeat-x;
}

.login-lay .box1 ul li {
	float: left;
}

.login-lay .box1 ul li.lv1-lay {
	display: inline;
	width: 325px;
	padding: 3px 5px;
	text-align: right;
}

.login-lay .box1 ul li.lv2-lay {
	display: inline;
	width: 325px;
	padding: 3px 5px;
	text-align: left;
}

.login-lay .box1 ul li.lv2-lay input {
	width:250px;
}


.login-lay .box1, .logout-lay .box1 {
	border: 1px solid #ccc;
	padding: 19px;
	margin: 0 0 10px 0;
	background: #f8f8f8;
}

.login-lay .tx1, .logout-lay .tx1 {
	padding: 19px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fff;
}

.login-lay p.back-btn, .logout-lay p.back-btn {
	margin: 10px 0 0 0;
}

/* //////////非会員トップ////////// */
/*ヘッダー*/
#login #header-sec {
	position: relative;
}

#login #header-sec {
	width: 930px;
	padding: 10px 10px 0 10px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

#login #header-sec h1 a{
	margin: 10px;
}

#login #main-sec {
	text-align:center;
}

#login h2 a {
	width: 445px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	overflow: auto;
	margin-bottom:5px;
	margin: 0 auto;
}

#login h2 a.login-2 {
	background: url(/static/img/nonmember/bt6.gif) no-repeat 0 0;
}

#login h2 a.login-2:hover {
	background: url(/static/img/nonmember/bt6.gif) no-repeat 0 -90px;
}

#login #main-sec,#login .main-sec {
	/* The main container */
	text-align:center;
	width:950px;
}

#login #main-sec p {
	color:#1D3994;
}

#login #main-sec input {
	margin-right:5px;
}

/*2010/12/22修正分*/
#login .main-sec .lv2-lay {
	margin-bottom: 20px;
}

#login .ptn-bn-lay .bn-lay {
	margin-bottom: 20px;
}

#login div.ptn-2 div.info-lay {
	margin: 0 0 3px;
}

/*ここまで*/


/* friendaff btn*/
#login #friendaff-sec {
	background: url(/static/img/nonmember/bt_friendaff.gif) no-repeat 0 0;
	width: 593px;
	min-height: 125px;
	_height: 125px;
	display: block;
	margin: 0px auto 10px auto;
	position: relative;
}

#login #friendaff-sec div {
	position: relative;
}

#login .friendaff-lay {
	display: block;
	width: 488px;
	min-height: 120px;
	_height: 120px;
	background: url(/static/img/nonmember/bg_friendaff.gif) no-repeat left bottom;
	position: absolute;
	top: 5px;
	left: 89px;
	/left: 37px;
	padding-bottom: 5px;
}

#login .friendaff-lay img {
	display: block;
	background: none repeat scroll 0 0 #fff;
	border:1px solid #ccc;
	padding:1px;
	position: absolute;
	top: 5px;
	left: 10px;
}

#login .friendaff-lay h2 {
	text-align: left;
	width: 390px;
	padding: 2px 0px 2px 5px;
	/*background-color: #fff;*/
	color: #666 !important;
	position: relative;
	top: 5px;
	left: 80px;
	/left: 35px;
}
#login .friendaff-lay h2 span {
	color: #eb6100;
}

#login .friendaff-lay .friendaff-btn a {
	width: 400px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	overflow: auto;
	position: relative;
	top: 10px;
	left: 79px;
	/left: 34px;
	margin-bottom: 5px;
}

#login .friendaff-lay .friendaff-btn a.login-2 {
	background: url(/static/img/nonmember/bt7.png) no-repeat 0 0;
}

#login .friendaff-lay .friendaff-btn a.login-2:hover {
	background: url(/static/img/nonmember/bt7.png) no-repeat 0 -80px;
}

#login #movie-sec .friendaff-ttl-lay {
	margin: 50px 0 0;
}

#login div.login-blk1-lay .lv1-lay .friendaff-ttl-lay h2 {
	margin: 5px auto 0;
	width: 100%;
	background-position: 210px 0;
}

#login .header-bg {
	padding: 0 10px;
	margin-bottom: 10px;
}

#header-sec ul.lp-y-lay {
	display: inline-block;
	display: -moz-inline-box;
	/display: inline;
	/zoom: 1;
	line-height: 100%;
	vertical-align: middle;
	float: right;
	position: inherit;
}

#header-sec ul#tab-lay {
	width: 337px;
	float: left;
	margin-top: 4px;
	_margin-top: 0px;
}

#login .content-bg {
	position: relative;
}

#login .footer-bg {
	padding: 0;
}

#login #genre-footer-sec {
	border: none;
	padding: 0;
	margin: 0 auto;
}

/* 2010/11/09add */
#login div.login-blk1-lay {
	background: url(/static/img/nonmember/etc_bg1.gif) no-repeat 0 100%;
	padding-bottom: 5px;
	/*margin-bottom: 20px;*/
	margin-bottom: 10px;
}

#login div.login-blk1-lay .lv1-lay {
	background: url(/static/img/nonmember/etc_bg3.gif) no-repeat 0 0;
	padding: 10px 0 0px 15px;
	line-height: 1;
	overflow: hidden;
	/*height: 97px;*/
	height: 117px;
}

#login div.login-blk1-lay .lv1-lay h2,#login div.login-blk1-lay .lv1-lay p {
	float: left;
}

#login div.login-blk1-lay .lv1-lay p {
	width: 380px;
}

#login div.login-blk1-lay .lv1-lay p a {
	width: 380px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	margin: -5px 0;
	overflow: hidden;
}

#login div.login-blk1-lay .lv1-lay p a.login-2 {
	background: url(/static/img/nonmember/bt8.gif) no-repeat 0 100%;
}

#login div.login-blk1-lay .lv1-lay p a.login-2:hover {
	background: url(/static/img/nonmember/bt8.gif) no-repeat 0 0;
}

#login div.login-blk1-lay .lv1-lay div.login-mode-lay {
	text-align: center;
	float: right ;
	width:380px;
}

/*下部のボタンエリア*/
#login #main-sec div.login-blk1-lay,#login .main-sec div.login-blk1-lay {
	background: url(/static/img/nonmember/etc_bg1_b.gif) no-repeat 0 100%;
	padding-bottom: 5px;
}

/*動画*/
#login div#movie-sec .lv1-lay {
	background: url(/static/img/nonmember/etc_bg3.gif) no-repeat 0 0;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	height: 286px;
}

#login div#movie-sec .lv1-lay .blk1-lay {
	float: right;
	width: 440px;
	display: inline;
	position:relative;
}

#login div#movie-sec .lv1-lay p.txt-lay {
	margin: 0 auto;
	background: url(/static/img/nonmember/login2_lead_03.png) no-repeat 0 0;
	width:361px;
	height: 150px;
	text-indent: -9999px;
	display: block;
	float: none;
}

#login div#movie-sec .lv1-lay p.btn-lay {
	width: 380px;
	height: 80px;
	margin: 0 auto;
	display:block;
	float: none;
}

#login div#movie-sec .lv1-lay p a {
	width: 380px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	overflow: hidden;
}

#login div#movie-sec .lv1-lay .blk2-lay {
	background: url(/static/img/nonmember/mov_bg.png) no-repeat 0 0;
	float: left;
	width: 458px;
	height: 261px;
	padding: 5px 0 0 5px;
	text-align:left;
}

#login div#movie-sec .lv1-lay .blk2-lay div {
	border: 1px solid #fff;
	width: 451px;
	height: 254px;
}


#login div#movie-sec .mov-not-lay {
	background: url(/static/img/nonmember/mov-not_12.png) no-repeat 0 100%;
	width: 451px;
	height: 254px;
	display: block;
	text-indent: -9999px;
	margin: 0;
}

#login div#movie-sec .lv1-lay div.login-mode-lay {
	width:440px;
}


#login div.login-blk1-lay .lv2-lay {
	padding: 20px 0 0 15px;
	border-left: 1px solid #dee6f0;
	border-right: 1px solid #dee6f0;
	text-align: center;
}

#login div.login-blk1-lay .lv2-lay ul {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

#login div.login-blk1-lay .lv2-lay ul.last-list {
	padding-bottom: 10px;
	margin: 0;
}

#login div.login-blk1-lay .lv2-lay ul li,#login div.login-blk1-lay .lv2-lay ul li a {
	float: left;
	margin-right: 15px;
	width: 296px;
	height: 200px;
	text-indent: -9999px;
	display: inline;
	overflow: hidden;
}

/*ニコ生告知（変数：2150）*/
#login .niconico-lay {
	text-align: center;
	margin: 0 auto 10px;
}

#login .niconico-lay a {
	line-height:1;
}

/*イベントバナー（変数：2159、02151～2155)*/
#login .bn-lay {
	margin: 0 auto 10px;
}

#login .bn-lay a {
	display: block;
	width:604px;
	margin: 0 auto;
}

/*login-section*/

#login .login-blk2-lay{
	background: url(/static/img/nonmember/dlpo3/2/bg_c_c.png) left top no-repeat;
	min-height:424px;
	height: auto !important;
    width: 950px;
	height: 424px;
	margin-bottom:10px;
}

#login .login-blk2-lay .blk1-sec{
	float: left;
	height: 261px;
	padding: 16px 0 16px 20px;
	width: 451px;
	/padding-bottom: 0px;
}

#login .login-blk2-lay .blk2-sec{
	width:549px;
}

#login .login-blk2-lay .blk2-sec p{
	text-indent:-9999px;
	display: block;
}

#login .login-blk2-lay .blk3-sec{
	clear:both;
	width:100%
	}

/*Flash-section*/
#login div#movie-sec .blk3-sec p.btn-lay {
	width: 380px;
	height: 80px;
	margin: 0 auto;
	display:block;
	float: none;
}

#login div#movie-sec .blk3-sec .friendaff-lay p.btn-lay {
	width: auto;
	height: 80px;
	display:block;
	text-align: left;
	float: none;
}

#login div#movie-sec .blk3-sec p a {
	background: url(/static/img/nonmember/bt8.gif) no-repeat 0 100%;
	width: 380px;
	height:80px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#login div #movie-sec .blk3-sec p a:hover{
	background: url(/static/img/nonmember/bt8.gif) no-repeat 0 0;
}

#login div#movie-sec .blk3-sec .friendaff-lay p a {
	background: url(/static/img/nonmember/bt8_friendaff.gif) no-repeat 0 100%;
	margin-left: 80px;
}

#login div #movie-sec .blk3-sec .friendaff-lay p a:hover{
	background: url(/static/img/nonmember/bt8_friendaff.gif) no-repeat 0 0;
}


#login div .login-lay{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
/* 201603 ABtest */
#game #slideshow{
	background: #303030;
	width: 950px;
	padding-top: 2px;
	margin: 0 auto;
	position: relative;
}
#game #slideshow .slides{
	margin-left: 2px;
}

#game .top-login{
	position: absolute;
	padding-top: 55px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	width: 308px;
	background: #fff;
	text-align: center;
}
#game .top-login a.txt-link,
#game .foot-login a.txt-link{
	text-decoration: underline;
 	background: none;
 	padding: 0;
}
#game .top-login a.txt-link:hover,
#game .foot-login a.txt-link:hover{
	text-decoration: none;
}
#game .top-login .btn-lay a,
#game .foot-login .btn-lay a {
	background: url(/static/img/nonmember/mypage/bt_s.gif) no-repeat 0 100%;
	width: 278px;
	height: 60px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
 }
#game .top-login .btn-lay a:hover,
#game .foot-login .btn-lay a:hover {
	background-position: 0 0;
}
#game .foot-login{
	position: relative;
	border: 1px solid #d5c19e;
	padding: 30px 0;
	margin: 20px auto;
	width: 950px;
	text-align: center;
}
#game .foot-login:before{
	content: '';
	visibility: visible;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border: 3px solid #ffe1ae;
}
#game .foot-login a,
#game .foot-login label{
	position: relative;
}

#game .gamelist-lay{
	text-align: center;
}
#game .gamelist-lay li{
	width: 230px;
	margin: 0 0 0 7px;
	padding: 0 !important;
	height: 300px !important;
}
#game .gamelist-lay.game-hamarido li{
	height: 310px !important;
}
#game .gamelist-lay .game-ranking{
	background: #1e3994;
	color: #fff;
}
#game .gamelist-lay .gamelist-title{
	height: 33px;
	height: 2rem;
	margin: 10px 0;
}
#game .gamelist-lay li .thumb{
	width: 180px;
	margin-top: 10px;
}
#game .gamelist-lay li:first-child{
	margin: 0;
}
#game #slideshow.slide-lay{
	padding: 0;
	margin-top: 10px;
}
#game #slideshow .slides-nav{
	width: 950px;
}
/* /201603 ABtest */