@charset "utf-8";
/*
manage.css
(c)2001-2014 Jun Suzukawa
*/

html {
	font-size:62.5%;
}
body {
text-align:left;
font-size:14px;
font-size:14rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
line-height:1.5;
color:#444;
margin:0px;
padding:0px;

background-color:#ccc;
}

h1{
font-size:24px;
font-size:2.4rem;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
color:#5182b2;
}
h2{
font-size:16px;
font-size:1.6rem;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
color:#5182b2;
}

a {
color:#607890;
text-decoration:underline;
}

a:link,
a:visited {
color:#607890;
text-decoration:underline;
}

a:hover,
a:active {
color:#607890;
text-decoration:underline;
}

form{
margin:0;
padding:0;
}

dl{
margin:0;
padding:0;
}


input.sessbtn {
text-align:center;
font-size:13px;
font-size:1.3rem;
color:#739fd0;
background-color:#ffffff;
border:#cccccc 1px solid;
border-radius:2px;
margin:6px 3px;
cursor:pointer;
padding:10px 15px;

transition:        0.3s;
-webkit-transition:0.3s;
-moz-transition:   0.3s;
}

/*input:hover[type="submit"], input:hover[type="reset"], input:hover[type="button"]*/

input.sessbtn:hover {

color:#ffffff;
background-color:#555555;
}

input.sessinp,
textarea.sessinp,
select.sessinp,
checkbox.sessinp{
border: 0;
padding: 3px;
color: #555555;
border: solid 1px #cccccc;
margin: 0;
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input.sessinp:focus,
textarea.sessinp:focus,
select.sessinp:focus{
border:solid 1px #4a7aee;
color:#739fd0;
}

::-webkit-input-placeholder { color:#fafafa;}
:-moz-placeholder { color: #fafafa; }




/*---------------------------------------------
 header
----------------------------------------------*/

header {
	/*
	border-bottom: 1px solid #bbb;
	*/
	overflow:hidden;
}

header .inner {
	position: relative;
	width: 320px;
	height: 60px;
	margin: 0px auto;
	/*
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	*/
}


header .inner #logo {
	background: url(../img/logo.png) no-repeat 0 0;
	width: 320px;
	height: 100px;
	position: absolute;
	display: block;
	left: 10px;
	top: 0px;
}

/*---------------------------------------------
 header
----------------------------------------------*/

article{
	overflow:hidden;
}

article .inner{
	width: 320px;
	margin: 0px auto;
	/*
	background-color:#f0d7d5;
	*/
	background-color:#eee;

	/*
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	*/
	overflow:hidden;
}


#login {
text-align:left;
margin:10px;
padding:10px;
}

#login dl{
margin-top:10px;
}

#login dt{
margin:0;
padding:0;
margin-top:10px;
font-size:18px;
font-size:1.8rem;
color:#739fd0;
}

#login dd{
margin:0;
padding:0;
margin-top:0;
}

#login p{
font-size:13px;
font-size:1.3rem;
line-height:1.8;
padding-top:6px;
}

#login p.alert{
color: #d07673;
}
#login p.note{
font-size:11px;
font-size:1.1rem;
}


#login p a{
text-decoration:underline;
}
#login p a:hover{
text-decoration:none;
}

#login input[type="submit"],
#login a.btn {
border:initial;
display:inline-block;
text-align:center;
text-decoration:none;
line-height:20px;
color:#fff;
background-color:#5182b2;
border-radius:3px;
padding:6px 12px;
margin:6px 3px;
cursor:pointer;
}

#login input:hover[type="submit"],
#login a.btn:hover {
color:#fff;
background-color:#406890;
}


#login input[type="text"],
#login input[type="password"]{
text-align:left;
font-size:18px!important;
font-size: 1.8rem!important;
letter-spacing:2px;
color:#739fd0;
padding:10px;
width:100%;

}

/*---------------------------------------------
 footer
----------------------------------------------*/

footer {
	height: 80px;
	/*
	border-top: 1px solid #bbb;
	*/
	clear: both;
}

footer .inner {
	position: relative;
	width: 320px;
	height: 60px;
	margin: 0px auto;
	/*
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	*/
}

p.copy small{
	display:block;
	font-size:11px;
	line-height:1.2;
	color:#555;
	text-align:center;
	padding:10px 20px 0;
	border-top:1px dotted #555;
}
p.copy small a{
	text-decoration: none;
}