/****************************************************************************************************/
/*
/*　メインエリアで使用するスタイル
/*
/****************************************************************************************************/

/****************************************************************************************************/
/*	すべてのhtmlタグに適用	
/****************************************************************************************************/

*{
	font-size:12px;
}

p{
	margin:0;
	padding:0;
}

/****************************************************************************************************/
/*	form	
/****************************************************************************************************/

form {
	padding:0px;
	margin:0px;
}


/****************************************************************************************************/
/*	body	
/****************************************************************************************************/

body{
	margin:0;
	padding:0;
}


/****************************************************************************************************/
/*	container	
/****************************************************************************************************/

#container{
	text-align:center;
	width:100%;
}

#main {
	background:url("../image/contents/login/login-bg.gif") repeat-x left top;
	padding-top:45px;
}

#container #logo-area{
	padding:18px 10px 18px 18px;
	background-color:#FFFFFF;
	text-align:left;
	border-bottom:1px solid #AAAAAA;
}

#main .title{
	display:block;
	width:432px;
	margin:0 auto 0 auto;
	padding:14px 0 20px 0;
	text-align:center;
}

#main #frame-top{
	width:480px;
	background:url("../image/contents/login/login-frame-top.gif") no-repeat center top;
	margin:0 auto;
	padding-top:10px;
	text-align:left;
}

#main #frame-middle{
	width:480px;
	background:url("../image/contents/login/login-frame-middle.gif") repeat-y center top;
	padding-bottom:10px;
}

#main #frame-bottom{
	width:480px;
	background:url("../image/contents/login/login-frame-bottom.gif") no-repeat center bottom;
	padding-bottom:10px;
}

#main table {
	width:432px;
	margin:0 auto 15px auto;
}

#main table th {
	width:136px;
	background-color:#c9c9c9;
	padding:5px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	text-align:center;
}

#main table td {
	background-color:#eeeeee;
	padding:5px;
	text-align:center;
}

dl.login-contact {
	margin:0 0 0 25px;
	padding:0;
	line-height:150%;
}

dl.login-contact dt {
	margin-top:15px;
	font-weight:bold;
}

dl.login-contact dd {
	margin:0;
	padding:0;
}


#container form{
	
}

#container form input.text{
	width:260px;
}



#container form div.sub{
	margin:0 auto 15px auto;
	width:290px;
	line-height:18px;
	text-align:left;
}

#container form div.sub p{
	float:left;
	color:#626262;
}

input.submit{
	background:url("../image/contents/background-submit100.gif") left center;
	border:0px solid #71b7eb;
	width:100px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#FFFFFF;
	letter-spacing:1px;
}

#login-button{
	margin:0 auto 0 auto;
	width:432px;
	padding:6px 0;
	background:url("../image/contents/login/background-guide.gif");
	text-align:center;

	line-height:15px;
	color:#626262;
}


#main ul {
	margin:15px 0 0 23px;
	padding:0;
}

#main ul li a{
	font-size:11px;
}

#main ul li {
	list-style-type:none;
	padding:3px 0;
	line-height:100%;
}

#main ul li.password{
	padding-left:15px;
	background:url("../image/contents/login/login-icon1.gif") no-repeat left center;
}

#main ul li.contact{
	padding-left:15px;
	background:url("../image/contents/login/login-icon2.gif") no-repeat left center;
	font-size:11px;
}

#main ul li.bookmark{
	padding-left:15px;
	background:url("../image/contents/login/login-icon3.gif") no-repeat left center;
}

.copyright{
	padding-top:15px;
	letter-spacing:1px;
	font-size:11px;
	text-align:center;
}

#container #page-message{
    padding:0 25px 0 25px;
	line-height:100%;
}


/****************************************************************************************************/
/*	小さな文字
/****************************************************************************************************/

.caption {
	font-size:11px;
}

/****************************************************************************************************/
/*	テキストリンク
/****************************************************************************************************/

a:link,a:visited{
	color:#0033FF;
	text-decoration: none;
}
a:hover,a:active{
	color:#0077FF;
	text-decoration: none;
}


/*親ブロックのサイズをfloatしたオブジェクトにあわせる。(※基本的に編集しない)*/

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

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


a{
	text-decoration:none;
}

a:link,a:visited{
	color:#2c9ed9;
}

a:hover,a:active{
	color:#96cfec;
}