#login_rand_tag #top{
	margin:10px auto;
}

/* ログインレイアウト */

.login_illust_button{
	display:block;
	color:#333;
	border:1px #CCCCCC solid;
	padding:15px;
	border-radius:7px;
	text-align:center;
	color:#333333;
}

.okazu_illust_block{
	padding:0 auto;
	display:inline-block;
	text-align:center;
	width:20%;
	overflow:hidden;
	max-height:200px;
}
.okazu_illust_block .login_mozaiku{ 
	width:100%;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
}

.okazu_illust_block img:hover{ opacity:0.7; }

#login_slide{ position:relative; }

#slide_login_button .login_arrow{ 
	font-size:10px;
	margin-right:7px;
}

#login_box{ display:none; }

#slide_login_button{
	float:right;
	display:inline-block;
	background: #693;
	border:1px #693 solid;
	border-radius:7px;
	color:#FFFFFF;
	text-align:left;
	box-shadow: 0 3px 0 #063;
	text-shadow: -1px -1px rgba(0,0,0,0.5);
	width:140px;
	padding:7px 7px 7px 0;
	text-align:center;
	margin-right:20px;
	margin-top:15px;
	font-weight:bold;
	cursor:pointer;
}

/* ログイン画面の週間タグ */

.weekly_tag_index{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

.weekly_tag{
	width:980px;
	margin:0 auto 15px;
	display:inline-block;
}

.weekly_tag li{
	float:left;
	margin:5px;
}

.weekly_tag a{
	padding:8px 15px;
	font-size:16px;
	background:#eee;
	border:1px #999 solid;
	box-shadow:0 3px 0 #999;
	text-shadow:1px 1px 0 rgba(255,255,255,1.0);
	border-radius:10px;
	display:block;
	color:#666;
}

.emblem-rank-indent{ 
	background: url(../pic/sprite/sprite_icon.png?20150515) no-repeat;
	background-position:-67px -42px;
	padding-left:15px;
	margin-right:3px;
	display:inline-block;
	vertical-align: middle;
	width:15px;
	height:15px;
}

/* ログイン画面の入力ウィンドウとか */
.login-wrapper{
	width:700px;
	margin:0 auto;
}

.login-float{
	position:absolute;
	z-index:10;
	margin:0 auto;
	top:190px;
	box-shadow:0 0 7px #333;
	width:700px;
	background-color: rgba(255,255,255,0.95);
	border-radius:7px;
}

/* ログインのサムネイル調整 */

#login_okazu_illust{ 
	display:inline-block;
	width:100%;
	margin:0 0 20px;
	background:#333;
	position:relative;
	border-bottom:1px #fff solid;
}

#login_header_logo{
	float:right;
}

#login_header_block{
	display:inline-block;
	background: #eee;
	border-radius:7px;
	border:3px #693 solid;
	text-align:left;
	width:270px;
	top:67px;
	z-index:100;
	right:20px;
	position: absolute;
}

#login_header_block dd.form_block{
	width:100%;
	border-bottom:1px #999 solid;
	display:inline-block;
}
#login_header_block .top_border,
#login_header_block .save_block{ border-top:1px #eee solid; }

#login_header_block .title{
	font-size:14px; 
	color:#333;
	padding-left:7px;
	font-weight:bold;
}
#login_header_block .form{
	width:89%;
	margin:0 7px;
	padding:7px;
	border:1px #999999 solid;
	border-radius:3px;
	font-size:14px;
}

#login_header_block .pass_block{
	width:70%;
	float:left;
}

#login_header_block .login_block{
	width:20%;
	float:left;
	margin-left:7px;
}

#login_header_block .left{ clear:both; }
#login_header_block .left,
#login_header_block .right{ 
	float:left;
	margin-left:7px;
	color:#333333;
	font-size:11px;
}

.form_block_password{
	display:inline-block;
	width:100%;
	border-bottom:1px #999999 solid;
}

#login_header_block .save_block{ 
	display:inline-block;
	border-top:1px #eee solid;
	width:100%;
	padding-top:7px;
}

.twit_button{ 
	margin:0 0px 3px 3px;
}

/*ログイン画面レイアウト*/

.login{
	float:left;
	background:#FFFFFF;
	border-radius:3px;
	margin:5px 0 0 0;
	padding:10px 0px;
	width:967px;
	line-height:1.4em;
	box-shadow: 0 0 7px #ccc;
	-moz-box-shadow: 0 0 7px #ccc;
	-webkit-box-shadow: 0 0 7px #ccc;
}
	
.login-float p.midasi{ 
	color:#666; 
	font-size:14px; 
	padding-bottom:5px;
}

.centering{ 
	width:600px; 
	margin:0 auto;
}

ul.age{
	border:1px #ccc solid;
	background:#eee ;
	display:inline-block;
	border-radius:7px;
	padding:15px 7.5px;
	width:100%;
}

ul.age li{ 
	float:left;
	width:50%;
	margin:0;
	text-align:center;
	list-style-type:none;
}
ul.age li img{ 
	padding:3px; 
	background:#FFFFFF;
	border:1px #CCCCCC solid;
	border-radius:7px;
}
ul.age li img:hover{ opacity:0.7;}

.login #left{ float:left;}
.login #right{ float:right; padding-top:5px;}
.login #right input{ 
	border:1px #a60c4a solid; 
	padding:7px 15px; 
	font-weight:bold; 
	border-radius:3px; 
	background:#a60c4a  url(//nijie.info/pic/background-parts/bookmark_user.png) repeat-x; 
	color:#fff; 
	text-shadow: 0px 1px 0px #a60c4a; 
	margin:0px 0;
}

.login #right input:hover{ opacity:0.8;}
.login a{ font-weight:bold; color:#903; }

.login-header{
    border-bottom:1px #CCC solid;
    padding:10px 0 10px 0;
    width:100%;
    margin: 0 auto 15px auto;
    text-align: center;
}
.login-header-r{
    width:25%;
}
.login-float h2,
p.introduction{
    border: none;
    text-align:center;
    font-size:20px;
    width:100%;
	background:none;
    color:#333;
    font-weight: bold;
    line-height: 1.3em;
}
.login-float h2{
	padding:30px 0 10px;
}

p.introduction {
    font-size:13px;
    font-weight: normal;
}
p.introduction strong{
    font-weight: normal;
}
.login_view_container h3.title {
    padding: 0;
    border: none;
    background: #fff;
    text-align:center;
    font-size:16px;
    width:100%;
    color:#333;
}

.login-float h5{ background:#eee; width:98%; padding:10px; border-radius:3px;}

.login-r{ width:25%; float:left; padding-top:10px; }
.login-l{ width:100%; float:left; margin-bottom:30px; }
.login-center{ clear: both; }

.login-float p.log-sub{ text-align:center; font-weight:bold; }

.login-float p.regist_twit a,
.login-float p.regist a{
    text-align:center; 
	margin:5px auto 8px auto;
	display:block;
	width:350px;
	padding:20px 0px;
	border-radius:8px;
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	background: #C60;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
	box-shadow:0 3px 0 #930; 
}

.login-float p.regist a{
	margin:15px auto 15px auto;
}

#header-right .register a{
    float: right;
    text-align: center;
	display:block;
	width:289px;
	border-radius:3px;
	padding:8px 0px;
	margin-bottom:3px;
	border-radius:8px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#ad2672;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
	box-shadow:0 3px 0 #603;
}

#header-right .register a:hover{
	text-decoration:none;
	opacity:0.8;
}

.login-float p.regist_twit a{ 
	background:#39C;
	box-shadow:0 3px 0 #069;
	padding: 15px 0;
	width:300px
}

.login-float p.regist_twit a:hover,
.login-float p.regist a:hover{ 
	opacity:0.8; 
	text-decoration:none;
}

.sub_login_button{
	clear:both;
	float:right;
	margin-top:3px;
}

#mascot {
    position: absolute;
    top: 68px;
    right: 215px;   
}
#mascot img {
    width: 180px;
}

/* 連携サービスのレイアウト */

#dlsite_title_block{
	display:inline-block;
	text-align:left;
	padding:15px 0;
	margin-top:15px;
	width:100%;
	background: #3489c1;
	color:#FFFFFF;
	font-size:16px;
	text-shadow:0 -1px 0 #1d6291;
}

#dlsite_title_block a{
	border:1px #ccc solid;
	border-radius:3px;
	background:#eee;
	padding:3px 7px;
	text-shadow:none;
	font-size:12px;
	margin-left:15px;
}

#dlsite_title_block p{ margin-left:15px; }

#dlsite_block{
	width:100%;
	display:inline-block;
	background:#eee;
	border-bottom:1px #ccc solid;
}

.dlsite_circle_block{
	float:left;
	padding:7px 0;
	width:20%;
	text-align:center;
}

.dlsite_circle_block .picture img{
	padding:3px;
	border:1px #999 solid;
	background:#fff;
	border-radius:3px;
}

.dlsite_circle_block .picture img:hover{ opacity:0.7; }

.dlsite_circle_block .caption{ 
	font-size:11px;
	padding:3px 0;
}

.dlsite_circle_block .money{ 
	font-weight:bold;
}