@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

body{
	color:#4C4948;
	text-align:center;
	-webkit-text-size-adjust:100%;
}
#wrapper{
	width:100%;
	max-width:1000px;
	text-align:left;
	margin:0 auto;
}
a{
	color:#4C4948;
	text-decoration:none;
}
a:hover{
	color:#4C4948;
	text-decoration:underline;
}
/* imgbgover */
a.imgbgover:hover{
	background:#fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
@media screen and (max-width: 800px){
#wrapper{
	max-width:100%;
}
a:hover{
	color:#4C4948;
	text-decoration:none;
}
/* imgbgover */
a.imgbgover:hover{
	background:none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
}
@media screen and (max-width: 500px){
}



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

#header{
	overflow:hidden;
	width:638px;
	margin:0 auto;
}
/* h1 */
#header h1{
	margin:28px 0;
}
@media screen and (max-width: 800px){
#header{
}
/* h1 */
#header h1{
	float:left;
	font-size:12px;
	line-height:1.4;
}
}
@media screen and (max-width: 500px){
#header{
	overflow:hidden;
	padding-top:5px;
	margin-bottom:10px;
	width:100%;
}
/* h1 */
#header h1{
	width:auto;
	font-size:11px;
	padding:0 10px;
	line-height:1.4;
}
}

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

#footer{
	overflow:hidden;
	padding-top:5px;
	margin:0 auto 20px;
	width:638px;
}
/* h1 */
#footer h1{
	float:left;
	font-size:11px;
	line-height:1.4;
}

#footer address	{
	background:url(../images/log_address.gif) no-repeat scroll right center transparent;
	font-size:12px;
	color:#fff;
	padding:16px;
	width:606px;
	margin-top:18px;
}
#footer address	span{
	display:none;
}

@media screen and (max-width: 800px){
#footer{
	overflow:hidden;
	padding-top:5px;
	margin-bottom:10px;
}
/* h1 */
#footer h1{
	float:left;
	width:60%;
	font-size:12px;
	padding-left:10px;
	line-height:1.4;
}
}
@media screen and (max-width: 500px){
#footer{
	overflow:hidden;
	padding-top:5px;
	margin-bottom:10px;
	width:100%;
}
#footer address	{
	font-size:8px;
	padding:16px 0 16px 16px;
	width:100%;
	margin-top:18px;
}
#footer address	span{
	display:inline;
}

}

/*-----------------------------
	contents
------------------------------*/

#contents{
	clear:both;
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
/* blueline_title */
#contents .blueline_title{
	clear:both;
	border-left:5px solid #002B69;
	line-height:1.2;
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 500px){
}



/*-----------------------------
	member_login
------------------------------*/

/* member_login */

#member_login{
	width:638px;
	margin:0 auto;
}
#member_login h2{
	margin-bottom:20px;
}
#member_login h2 img{
	width:100%;
	height:auto;
}
#member_login p{
	padding-left:4px;
	line-height:1.6;
}
#formAreaBorder	{
border:8px #b5b6b6 solid;
margin:0 4px;
}

#formArea	{
padding:24px 12px;
}

.textField	{
margin-bottom:12px;
}

.textField span	{
margin-left:4px;
font-size:12px;
}

.textField input	{
width:48%;
height:32px;
vertical-align:middle;
font-size:18px;
}

label {
display:block;
margin-bottom:5px;
padding-left:2px;
font-size:14px;
font-weight:bold;
}

#logPass	{
font-size:10px;
}

#logbottom	{
background:url(../images/log_off.gif) no-repeat scroll 0;
border:0 none;
cursor:pointer;
font-size:12px;
width:132px;
height:40px;
margin-top:40px;
}

#chageSysteminfo	{
margin-top:20px;
}

#chageSysteminfo h3 {
background-color:#FF0000;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0 0 0 4px;
width:620px;
_width:629px;
padding:8px 0 5px 10px;
}

#chageSysteminfo p {
border:1px #FF0000 solid;
margin:0 0 0 4px;
width:628px;
font-size:12px;
}

#chageSysteminfo p span {
padding:12px;
display:block;
}


@media screen and (max-width: 800px){

}

@media screen and (max-width: 500px){
/* member_login */
#member_login{
	width:100%;
	padding:0;
}
#member_login h2 img{
	width:100%;
	height:auto;
}


}