@charset "Shift_JIS";


body{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background: #484848;
	}

a:link{
	color: #444444;
	text-decoration: none;
}
a:visited{
	color: #444444;
	text-decoration: none;
}
a:hover, a:active{
	color: #E8131A;
	text-decoration: underline;
}


img {
}
img.left {
	float: left
}
img.right {
	float: right
}


#separate{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	height: 1px;
	}


#wrapper{
	margin: 0 auto;
	width: 840px;
	color: #000000;
	background: #484848 url(images/top_bg.gif) repeat-y center;
}

#header {
	margin: -4px 0 0 0;
}
#header h1 {
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	text-indent: -9999px;
}

#flash_navi {
	margin: 0;
	padding: 15px 0 0 0;
}

#page_body {
	text-align: left;
	margin: 0 auto;
	width: 718px;
}

#headline {
	margin: 0;
	padding: 0;
	float: left;
	width: 409px;
	color: #444444;
	font-size: 13px;
	line-height: 16px;
}
#headline h2 {
	margin: 0;
	padding: 0;
	height: 28px;
	text-indent: -9999px;
	background: url(images/top_headline.gif) no-repeat;
}
.headline_line {
	clear: both;
	margin: 0 0 2px 0;
	width: 409px;
	background: url(images/line.gif) repeat-x bottom;
}
.headline_date {
	float: left;
	width: 80px;
	font-size: 13px;
	margin: 0 0 0 3px;
}
.headline_icon {
	float: left;
	width: 45px;
}
.headline_text {
	float: left;
	width: 275px;
}


#banner {
	margin: 0;
	float: left;
	width: 294px;
	margin: 0 0 0 15px;
}

#art {
	margin: 0;
	padding: 0;
}
#art h2 {
	margin: 0;
	padding: 0;
	height: 26px;
	text-indent: -9999px;
	background: url(images/top_art.gif) no-repeat;
}
#art img {
	padding: 0 0 2px 0;
}
#pick {
	margin: 10px 0 0 0;
}
#pick h2 {
	margin: 0;
	padding: 0;
	height: 26px;
	text-indent: -9999px;
	background: url(images/art_pickup.gif) no-repeat;
}


#shop {
	margin: 10px 0 0 0;
}
#shop h2 {
	margin: 0;
	padding: 0;
	height: 26px;
	text-indent: -9999px;
	background: url(images/top_shop.gif) no-repeat;
}

#fa_news {
	margin: 10px 0 0 0;
}
#fa_news h2 {
	margin: 0;
	padding: 0;
	height: 26px;
	text-indent: -9999px;
	background: url(images/top_fa_news.gif) no-repeat;
}


#btn {
	margin: 20px 0 0 0;
}
#btn_magazine a {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 292px;
	height: 47px;
	text-indent: -9999px;
	background: url(images/mail.gif) no-repeat;
}
#btn_magazine a:hover {
	background: url(images/mail_o.gif) no-repeat;
}
#btn_member a {
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	width: 144px;
	height: 38px;
	text-indent: -9999px;
	background: url(images/top_btn_member.gif) no-repeat;
}
#btn_member a:hover {
	background: url(images/top_btn_member_o.gif) no-repeat;
}

#member_card {
	margin: 15px 0 0 0;
}


#member_cardCap{
	margin: 30px 0px 0px 20px;
	font-style:normal;       
	font-weight: 900;
	color: #FF69B4;
}	


#member_cardCap2{
	margin: 30px 0px 0px 20px;
	font-style:normal;
        font-size: 15px;
	font-weight: 900;
	
}	

#member_card_Txt{
        margin: 20px 0px 0px 20px;
	font-style:normal;
        font-size: 12px;
	font-weight: 700;
	color: #999999;
}	

#kousin {
	margin: 10px 0 0 0;


#footer {
	margin: 30px auto 10px auto;
	padding: 2px 0 0 0;
	width: 718px;
	clear: both;
}
#footer_hr {
	margin: 0 auto 2px auto;
	width: 718px;
	height: 1px;
	font-size: 1px;
	clear: both;
	border-bottom: 1px solid #CACBCC;
}
#footer ul {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}
#footer li {
	float: left;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;;
}
#footer li a {
	float: left;
}

#footer li#access a {
	width: 79px;
	height: 25px;
	background: url(images/top_btn_access.gif) no-repeat;
}
#footer li#access a:hover {
	background: url(images/top_btn_access_o.gif) no-repeat;
}
#footer li#link a {
	width: 68px;
	height: 25px;
	background: url(images/top_btn_link.gif) no-repeat;
}
#footer li#link a:hover {
	background: url(images/top_btn_link_o.gif) no-repeat;
}
#footer li#blog a {
	width: 94px;
	height: 25px;
	background: url(images/top_btn_blog.gif) no-repeat;
}
#footer li#blog a:hover {
	background: url(images/top_btn_blog_o.gif) no-repeat;
}
#footer li#company a {
	width: 80px;
	height: 25px;
	background: url(images/top_btn_company.gif) no-repeat;
}
#footer li#company a:hover {
	background: url(images/top_btn_company_o.gif) no-repeat;
}
#footer li#recruit a {
	width: 81px;
	height: 25px;
	background: url(images/top_btn_recruit.gif) no-repeat;
}
#footer li#recruit a:hover {
	background: url(images/top_btn_recruit_o.gif) no-repeat;
}
#footer li#security a {
	width: 145px;
	height: 25px;
	background: url(images/top_btn_security.gif) no-repeat;
}
#footer li#security a:hover {
	background: url(images/top_btn_security_o.gif) no-repeat;
}
#footer li#privacy a {
	width: 145px;
	height: 25px;
	background: url(images/top_btn_privacy.gif) no-repeat;
}
#footer li#privacy a:hover {
	background: url(images/top_btn_privacy_o.gif) no-repeat;
}
#footer li#mail a {
	width: 92px;
	height: 25px;
	background: url(images/top_btn_mail.gif) no-repeat;
}
#footer li#mail a:hover {
	background: url(images/top_btn_mail_o.gif) no-repeat;
}

#copyright {
	clear: both;
	text-align: center;
	margin: 10px auto 30px auto;
	color: #999999;
	font-size: 12px;
}


