@charset "shift_jis";

/*--==========HEADER_START==========--*/
#header {
	width: 900px;
	height: 70px;
}
#header h1 a img {
}
/*--==========HEADER_END==========--*/

/*--==========TOPIMAGE_START==========--*/
#topImage {
	height: 328px;
	width: 900px;
	clear: both;
}
/*--==========TOPIMAGE_END==========--*/
/*--=========MAIN-CONTAINTS_START=========--*/
#main-contents {
	float: right;
	width: 645px;
	margin-right: 10px;
}
#main-contents h2 {
	height: 32px;
	width: 645px;
	background: url(images/h2.gif);
	text-indent: -9999px;
	margin: 0 0 20px;
}
#main-contents .article {
	width: 645px;
	margin-bottom: 10px;
}
#main-contents .article .a-ttl {
	height: 26px;
	width: 645px;
	line-height: 26px;
	background: url(images/h3.gif) no-repeat bottom;
	display: block;
	margin-bottom: 8px;
}
#main-contents .article .a-ttl dt {
	padding: 5px 22px 5px 13px;
	width: 125px;
	line-height: 16px;
	float: left;
	color: #fff;
	font-size: 16px;
}
#main-contents .article .a-ttl dd {
	padding: 5px 13px 5px 10px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#main-contents .article .a-contents {
	float: left;
	width: 617px;
	margin: 0px 0px 10px;
}
#main-contents .article .continue {
	background: url(images/w-icon.gif) no-repeat left center;
	line-height: 15px;
	margin: 5px 0 0;
	padding: 0px 0px 0px 20px;
}
#main-contents .history {
	width: 120px;
	margin-bottom: 25px;
	float: right;
}
#main-contents .history a {
	background: url(images/backNumber.gif) no-repeat top;
	display: block;
	height: 25px;
	width: 120px;
	text-indent: -9999px;
}
#main-contents .history a:hover {
	background: url(images/backNumber.gif) no-repeat bottom;
}

/*--=========MAIN-CONTAINTS_END=========--*/
/*--=========SUB-CONTAINTS_START=========--*/
#sub-contents {
	padding: 5px 0px 60px;
	background: url(common/images/sub-bg.gif) no-repeat bottom #e6f0f7;
	width: 225px;
	float: left;
}
#sub-contents li {
	margin: 0 0 10px 10px;
}
#sub-contents li a {
	display: block;
	text-indent: -9999px;
	width: 210px;
}
li#everybody a {
	height: 80px;
	background: url(images/subNavi.gif) 0px 0px;
}
li#everybody a:hover {
	background: url(images/subNavi.gif) -210px 0px;
}
li#club a {
	height: 80px;
	background: url(images/subNavi.gif) 0px -84px;
}
li#club a:hover {
	background: url(images/subNavi.gif) -210px -84px;
}
li#application a {
	height: 60px;
	background: url(images/subNavi.gif) 0px -168px;
}
li#application a:hover {
	background: url(images/subNavi.gif) -210px -168px;
}
li#request a {
	height: 60px;
	background: url(images/subNavi.gif) 0px -232px;
}
li#request a:hover {
	background: url(images/subNavi.gif) -210px -232px;
}
li#qanda a {
	height: 60px;
	background: url(images/subNavi.gif) 0px -296px;
}
li#qanda a:hover {
	background: url(images/subNavi.gif) -210px -296px;
}
li#charge a {
	height: 60px;
	background: url(images/subNavi.gif) 0px -360px;
}
li#charge a:hover {
	background: url(images/subNavi.gif) -210px -360px;
}
li#keitai  {
	height: 100px;
	background: url(images/subNavi.gif) 0px -428px;
	text-indent: -10000px;
	width: 210px;
}
li#keitai a:hover {
	background: url(images/subNavi.gif) -210px -428px;
}
/*--=========SUB-CONTAINTS_END=========--*/