@charset “utf-8”;
html,body{
margin: 0;
padding: 0;
width:100%;
overflow-x : hidden;
}

body{
background-color:#eee;
}
*{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
box-sizing: border-box;
outline:none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.clearfix:after{
        content: "";
        clear: both;
        display: block;
}
.cont{
padding:30px;
}

.border{
height:3px;
width:40%;
background-color:#688A08;
margin:-2px 0 0 30px;
border-radius:2px;
}
.copy{
font-size:12px;
color:#999;
margin:0 auto;
display:block;
width:200px;
text-align:center;
position:absolute;
left:50%;
margin:-40px 100px 40px -100px;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}
#login-cover h1{
font-size:18px;
color:#666;
margin:15px 0;
padding:0;
}
.sample-btn h1{
display:inline-block;
}
#err,#rss-err{
color:#f00;
font-size:12px;
position:absolute;
margin-top:5px;
}
#err{
position:static;
}
#login-cover{
margin:0 auto;
margin-top:7px;
margin-bottom:50px;
padding:2px;
width:650px;
box-shadow: 0 0 8px #aaa;
background-color:#fff;
border-radius:15px;
position:relative;
}
#login-cover .border{
background-color:#0497C3;
}
#login-cover #login-button input,#agree{
float:right;
height:35px;
width:25%;
background-color:#0497C3;
border-radius:8px;
border:none;
color:#fff;
font-weight:bold;
font-size:14px;
cursor:pointer;
}
#login-cover #login-button input:hover,#agree:hover{
background-color:#086A87;
}
#login-cover .exp{
margin-top:25px;
font-size:12px;
color:#666;
}
.btn-cov{
width:80%;
margin:0 auto;
margin-bottom:20px;
}
#id,#url,#subid,#pass{
border-radius:8px;
float:left;
height:35px;
width:73%;
background-color:#fff;
border:1px solid #ddd;
padding-left:10px;
padding-right:10px;
}
#pass{
display:none;
margin-top:5px;
width:100%;
}
#subid{
height:30px;
width:90px;
float:none;
}
#regist,#agree{
background-color:#688A08 !important;
}
#regist:hover,#agree:hover{
background-color:#0B614B !important;
}
#agree{
float:none !important;
width:50% !important;
}
.back-txt{
width:100%;
text-align:center;
position:absolute;
margin:-30px 0 30px -7px;
color:#aaa;
font-weight:bold;
}
.btm{
width:100%;
text-align:center;
border-top:1px solid #eee;
margin-top:25px;
padding-top:25px;
font-size:12px;
}
.logo{
width:50px;
height:50px;
position:absolute;
right:0px;
top:0px;
border-radius:0 15px 0 15px;
background-size:50px 50px;
background-repeat:no-repeat;
}
.own-exp{
color:#666;
font-size:10px;
text-align:right;
position:absolute;
right:60px;
top:15px;
line-height:14px;
}
.btm a{
color:#666;
text-decoration:none;
}
.sample-btn{
display:none;
}
.copy{
color:#666;
text-align:center;
font-size:12px;
margin:-30px 50% 30px -50%;
width:100%;
font-weight:bold;
}
.address{
height:35px;
}
.address-comp{
position:absolute;
font-size:18px;
font-weight:bold;
color:#086A87;
display:none;
}
/*チェックボックス*/
input[type="checkbox"]{
cursor:pointer;
outline:none;
vertical-align:middle;
-webkit-appearance: none;
appearance: none;
width:20px;
height:20px;
background:url(../img/check_off.png) no-repeat left center;
background-size:20px;
border:none;
margin:-2px 5px 2px 0;
}
input[type="checkbox"]:checked{
background:url(../img/check_on.png) no-repeat left center;
background-size:20px;
}
.no-regist{
font-size:12px;
font-weight:normal;
position:absolute;
margin-right:20px;
}
.no-regist span{
display:inline-block;
margin-top:20px;
}
.no-regist input{
margin-left:20px;
margin-right:2px;
}
#rap,#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
text-align:center;
}
#loader span{
font-size:10px;
color:#666;
display:inline-block;
position:absolute;
top: 50%;
width:80px;
margin-top:25px;
margin-left:-40px;
}
#rap{
opacity:.77;
background-color:#fff;
}
#loader{
background-image: url("../img/loader.gif");
background-repeat:no-repeat;
background-position: center center;
background-size:32px 32px;
}
#reg_exp{
font-size:14px;
font-weight:bold;
margin:15px 0 0 0;
display:none;
}
#reg_exp .ct{
height:20px;
border-top:1px solid #688A08;
}
#reg_exp .ct div{
position:absolute;
color:#fff;
background-color:#688A08;
border-radius:0 0 5px 5px;
font-size:12px;
text-align:center;
width:170px;
height:22px;
line-height:22px;
left:50%;
margin:0 85px 0 -85px;
}
#reg_exp h2{
font-size:12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0 0 3px 0;
padding:0;
}
#reg_exp .desc{
font-size:10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#reg_exp .time{
color:#999;
font-size:10px;
text-align:right;
}
#reg_exp ul{
list-style-type: none;
margin:15px 0;
padding:0;
}
#reg_exp li > ul {
margin:0;
}
#reg_exp ul .ee{
font-size:10px;
padding-right:10px;
color:#688A08;
font-weight:bold;
}
#reg_exp ul .err2{
display:inline;
color:#f00;
margin-left:10px;
font-size:10px;
}
#reg_exp ul .uu{
background-color:#efefef;
border:1px solid #eee;
text-align:center;
padding:15px;
border-radius:10px;
word-break: break-all;
}
#reg_exp ul .yp{
padding:5px 15px;
margin-bottom:30px;
}
#reg_exp .rlogo{
width:48px;
height:48px;
float:left;
margin-right:10px;
overflow:hidden;
border-radius:5px;
}
#reg_exp .rlogo img{
width:100%;
}
#reg_exp ul .b{
margin-top:20px;
margin-bottom:30px;
}
#reg_exp ul .e{
color:#f00;
}
#reg_exp ul .c{
color:#886A08;
}
#reg_exp span{
color:#000;
display:block;
font-size:12px;
font-weight:normal;
line-height:1em;
margin-bottom:5px;
}
.subm{
width:100%;
text-align:center;
margin:-8px 0 15px 0;
}
.exp span{
display:block;
line-height:1.4em;
margin-bottom:3px;
}
/* balloon-1 top */
#balloon {
	position:absolute;
	left:32px;
	font-size:10px;
	color: #688A08;
	display: inline-block;
	width: 48px;
	min-width: 40px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	background: #fff;
	border: 2px solid #688A08;
	border-radius:0 0 5px 5px;
	z-index: 0;
	margin-top:52px;
}
#balloon:before {
	content: "";
	position: absolute;
	top: -8px; left: 50%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}
#balloon:after {
	content: "";
	position: absolute;
	top: -11px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #688A08 transparent;
	z-index: -1;
}
.auto-cov{
font-size:12px;
display:inline-block;
}
#auto{
display:inline-block;
}

@media screen and (max-width: 650px){
        #login-cover{
                width:100%;
        }
        #main > .cont{
                padding-left:20px;
                padding-right:20px;
        }
        #balloon {
                left:22px !important;
        }
        #cover{
                width:100%;
        }
        body{
                padding:0 7px;
        }
}