@charset "Shift_JIS";

/* ==================================================
	#container
================================================== */
#container * {
	margin:0; padding:0;
}

#container {
	background:url(img/bg.jpg) no-repeat;
	position:relative;
	padding:0;
	width: 800px;
	height: 660px;
	margin: 0 auto;
	text-align:left;
}

#container #header{
	width: 800px;
	height: 420px;
}

#container #header h1 {
	text-indent: -10000px; font-size:1%; height:1px;
}

#container #harley {}

#container #billing{ margin-top:10px;}



/* ==================================================
	#footer
================================================== */

#footer {
	width: 850px;
	margin: 25px auto 0;
	text-align:left;
	padding-bottom:15px;
	color:#8F4508;
}

#footer .attention {
	font-size:10px;
	line-height:140%;
	text-align:center;
	margin-top:10px;
}

#footer p.copyright {
	text-align:center;
	font-size: 10px ;
}



/* ==================================================
	harley
================================================== */

body#harley{ background:#FE7F14; text-align:center;}

#harley-inner{margin:0 auto; width:652px; background:url("images/harley_bg.gif") repeat-y;}
.harley-btn{ padding:10px 0;}
.harley-btn img{ margin:0 8px;}
.harley-present{ padding:10px 0;}
.harley-present img{ margin:0 8px 12px;}


/* ==================================================
	#news
================================================== */

#news {width: 640px; text-align:center;}
#news .clear{ clear:both; height:1px; width:1px;}
#news #container{ margin:0 auto; text-align:left; width:640px;}
#news a{color:#FF6647;}

#news * {margin:0; padding:0;}

#news #header {background:url("images/head.jpg") no-repeat; width:640px; height:163px;}
#news #header h2 {text-indent: -10000px; font-size:1%; height:1px;}

#news h1 {width:112px; height:30px; padding:12px 0 0 10px; text-indent: -10000px; font-size:1%; float:left; background:url("images/ttl.jpg") no-repeat right bottom; display:block;} 
#news ul {width:490px; margin:12px 10px 10px 20px; float:left; list-style:none;} 
#news li { padding-bottom:8px;} 
#news li a{ background:url("images/arrow.jpg") no-repeat left center; padding-left:8px; } 

#news .letter{width: 590px; background:url("images/letter_bg.jpg") repeat-y; margin:0 15px; padding:10px;}
#news .letter-inner{width: 590px; background:#FFFFFF url("images/news_bg.jpg") no-repeat bottom; padding-top:10px;}
#news .letter-head{width: 569px; background:url("images/letter_head.gif") bottom no-repeat; margin:0 10px; padding:17px 0 0;}
#news .letter-head h3{font-size:18px; font-weight:bold; margin:0 10px 14px 70px; color:#8F4508;}
#news .letter-main{width: 515px; text-align:left; padding:15px 0; margin:0 37px;}
#news .letter-main p{margin:10px 0 5px; color:#333333; line-height:150%;}
#news .letter-main p.c-red{color:#FF0000;}
#news .letter-main blockquote{margin:10px 0 5px; line-height:150%;}

#news .letter-inner table{ margin:0 20px 15px;}
#news .letter-inner h4{ margin:3px 18px;}
#news .letter-inner table th{ background:#8F4508; text-align:center; font-weight:normal; color:#FFF; padding:4px 8px; font-size:12px;}
#news .letter-inner table th.theater-th{ background:#CFB39A; vertical-align:top; padding:4px 8px; color:#000; text-align:left;}
#news .letter-inner table td{ background:#CFB39A; vertical-align:top; padding:4px 8px; color:#000; font-size:12px;}
#news .letter-inner table tr.theater-tr td{ background:#DCCCBE;}
#news .letter-inner table td span{ color:#D50A27; margin:0; padding:0;}
#news .letter-inner a.arrow{ background:url("images/arrow2.gif") no-repeat left center; padding-left:8px; }

#news .page-top{width: 630px; margin:8px auto 14px; text-align:right;}

#news #close {width:640px; text-align:center; margin-bottom:10px;}

#news .theater-attn{ margin:5px 23px; font-size:10px;}


/* index */
#noscript { width:800px; line-height:1.5em; margin:0 auto; text-align:center; }
#noscript p { margin:0 auto 1em; text-align:left; }
#noscript h1,#noscript h2,#noscript h3,#noscript h4 { margin:0 0 1em 0; }