/*---------------------------------------
Top Page Only
---------------------------------------*/
/*---------------------------------------
top main contents
---------------------------------------*/
#top-main-contents {
	float:left;	/*top-informationに背景画像が表示されない*/
	width:880px;
	padding-right:20px;
	background: url(../images/top_bg.jpg) no-repeat top left;
}

/*---------------------------------------
login-panel
---------------------------------------*/
#login-panel {
	width:340px;
	margin:0 0 10px auto;
}

#login-panel-top {
	height:16px;
	padding-top:15px;
	background:url(../images/login_top.gif) bottom left no-repeat;
}

#login-panel-contents {
	padding:0 20px;
	background:url(../images/login_back.gif) center left repeat-y;
}

#login-panel-bottom {
	height:26px;
	background:url(../images/login_bottom.gif) top left no-repeat;
}

#login-panel h2 {
	font-size:100%;
	font-weight:bold;
}

#login-panel .button {
	padding:8px 0;
	text-align:center;
}

/* 2010.7.20
#login-panel .button button{
	width:160px;
}
*/

#for-firsttime {
	margin-top:15px;
	padding:5px 20px;
	background-color:#D8E8C5;
}
#for-firsttime p{
	font-size:80%;
}
#for-firsttime span{
	font-size:85%;
	font-weight:bold;
}



/*---------------------------------------
top-information
bannar ,for mobile
---------------------------------------*/
#top-information {
	float:left;
	width:860px;
	padding-left:20px;
	padding-top:20px;
}

/*---------------------------------------
top-information left box
information from net-photo
---------------------------------------*/
#top-information-left {
	float:left;
	width:560px;
}

/*---------------------------------------
top-information right box
 ,for mobile
---------------------------------------*/
#top-information-right {
	float:right;
	width:250px;
}