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

body { padding: 0px; margin: 0px; font: 14px/1.2 "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

img {vertical-align: middle;}

a:hover img { opacity:0.8;}

.clearfix {
    zoom: 100%;
}
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


.align-left { float: left }
.align-right { float: right }
.text-12 { font-size: 12px !important;}


.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}

.mr10 {margin-right: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.red {color: #C00 !important;}

.txt-center {text-align: center;}



#header {
	margin-top: 10px;
}

#header > div {
	width: 1000px;
	margin: 0px auto;
}



#body {

}

#cover {
	background: #333;
	margin-top: 10px;
	padding: 6px 0px;
}

#cover > h1 {
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}

#cover > h1 > .txt-s {
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

#body {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(238,238,238,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(238,238,238,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(238,238,238,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(238,238,238,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(238,238,238,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(238,238,238,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#00eeeeee',GradientType=0 );
	margin: 0px auto;
}

#body .inner {
	width: 1000px;
	margin: 0px auto;
	padding-top: 20px;
}

#body .inner:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#body .inner .left {
	float: left;
	width: 480px;
}

#body .inner .right {
	float: right;
	width: 480px;
}


#body .inner .tit {
	text-align: center;
	font-weight: bold;
	margin: 0px;
	font-size: 24px;
}

#body .inner .box {
	background: #FFF;
	padding: 20px;
	margin: 10px;
	border-radius: 6px;
	box-shadow: 0px 0px 3px #333;
}

#box-mail,
#box-password {
	position: relative;
}

.placeholder {
	color: rgb(170, 170, 170);
    cursor: text;
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 8px;
}

input.mail,
input.password {
	font: 16px/1 "Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	width: 96%;
	border: 2px inset #CCC;
	background: #FAF7F2;
	padding: 5px;
	/* border: 1px solid rgb(190, 190, 190);*/
	border-radius: 2px;
	box-shadow: 0 0 2px rgb(221, 221, 221) inset;
	/*    height: 18px;*/
	ime-mode: disabled;
	margin: 0 0 20px;
}

.checkbox {
	font-size: 12px;
	line-height: 1;
	padding: 0px 20px;
}

.checkbox > input {
	vertical-align:-0.2em;
}

input.password {}


.error {
	font-size: 14px;
	font-weight: bold;
	color: #C00;
}




.btn-login {
	display: block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	margin: 0px auto;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #CCC;
	border-radius: 6px;
	color: #333;
	width: 10em;
	box-shadow: 3px 3px 4px #999;
	font: bold 24px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none !important;
}

.btn-member a {
	display: block;
	padding: 15px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	margin: 0px auto;
	background: rgb(255,210,77); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDI0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,210,77,1) 0%, rgba(217,163,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,210,77,1)), color-stop(100%,rgba(217,163,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,210,77,1) 0%,rgba(217,163,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,210,77,1) 0%,rgba(217,163,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,210,77,1) 0%,rgba(217,163,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,210,77,1) 0%,rgba(217,163,0,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd24d', endColorstr='#d9a300',GradientType=0 ); /* IE6-8 */
	border: 1px solid #FC0;
	border-radius: 6px;
	font-size: 24px;
	line-height: 1;
	color: #000;
	width: 370px;
	box-shadow: 3px 3px 4px #999;
}


.btn-login a:after,
.btn-member a:after {
	content: url(/img/login/red-arrow.png);
	margin-left: 10px;
}

.btn-login a {text-decoration:none !important; color:#333}
.btn-login:hover,
.btn-login a:hover,
.btn-member a:hover {
	opacity:0.6;
	
}


.reminder {
	font-size: 12px;
	text-align: center;
	width: 45%;
	margin:0 auto;
}

.reminder a,
.register a {
	background: #FFF;
	text-decoration: none;
	display: block;
	color: #06C;
	border: 1px solid #06C;
	padding: 5px;
}

.reminder a:hover,
.register a:hover {
	background: #FFF;
	text-decoration: none;
}

.register {
	font-size: 12px;
	text-align: center;
	width: 45%;
	float: left;
}

.btnLBack {
	clear: both;
	margin-top: 10px;
	padding: 10px;
}

.btnLBack:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.btnLBack a {
	padding: 6px 15px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #CCC;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1;
	color: #333;
	width: 6em;
	margin: 20px 0px 0px;
	box-shadow: 2px 2px 4px #666;
}

#footer {
	margin: 60px auto 20px;
	width: 1000px;
}

#footer > ul.menufooter {
	list-style: none;
	margin: 50px 0px 0px;
	padding: 10px 0px 0px;
	border-top: 1px solid #999;
}
#footer > ul.menufooter:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#footer > ul.menufooter li {
	font-size: 12px;
	white-space: nowrap;
	float: right;
	margin: 0px 0.5em;

}

#footer > ul.menufooter li.left {
	float: left;
	margin: 0px;
	color: #333;
}

#footer > ul.menufooter li a {
	color: #333;
}

#ad {
	margin: 0px auto;
	height: 90px;
	width: 728px;
}

#error {
	width: 600px;
	margin: 0px auto;
}

#error p {
	font-size: 14px;
	color: #C00;
	line-height: 150%;
	text-align: center;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#test_button{
	display:block;
	width:100px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#error {
	padding: 20px;

	display:none;
	background: #FFF;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

a.error_close {
	white-space: nowrap;
	display: block;
	text-align: center;
	font-size: 12px;
	width: 6em;
	margin: 0px auto;
	border: 1px solid #CCC;
	padding: 5px;
	color: #333;
	text-decoration: none;
}

#kiyaku {
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	margin-bottom: 10px;
}

#kiyaku a {
	display: inline-block;
	margin: 5px;
}