@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%; text-align:center;}
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }

/* 外枠 */
#layout {background-color:#FFF; width:700px; margin:0 auto; padding:0; text-align:left; border-left:1px solid #CCC; border-right:1px solid #CCC; }

/* 内枠 */
#header {width:700px;height:155px; overflow:hidden;}
	#header h1 { display:block; margin:0; padding:0; width:700px;  height:135px; overflow:hidden;}
		#header h1 a { display:block; width:700px; height:135px; background:url(../images/header-h1.gif) no-repeat; text-indent:-8000em; overflow:hidden;}
	#header h2 { width:680px; margin:0; padding:0 10px; line-height:20px;  background:url(../images/header-h2.gif) no-repeat top; background-color:#D7E3F3; text-align:right; font-size:12px;}

#contents { float:right; width:500px;}
	.art { padding:10px;}
		.art h2 { display:block; margin:0; padding:0 0 0 30px; width:455px; line-height:24px; font-size:14px; background:url(../images/art-h2.gif) no-repeat left; color:#000; vertical-align:middle;}
	.art-inner { padding:10px;}
		.art-inner h3 {display:block; margin:8px 0; padding:0 0 0 15px; width:450px;line-height:18px; color:#FE5600; border-bottom:1px solid #FE5600; font-size:12px; background:url(../images/art-h3.gif) no-repeat left;}
		.art-inner p { margin:0; padding:4px 0; font-size:12px; line-height:18px;}
		.art-inner ul { margin:0 0 0 16px; padding:0 0 0 16px; font-size:12px; line-height:18px;}
			.art-inner li { margin:0; padding:2px 0 ; font-size:12px; line-height:18px;}
		.art-note { display:block; background-color:#F8F2C0; padding:16px; margin:8px;}

#menu { float:left; width:190px; background:url(../images/menu-bg.gif) top;}
	#menu ul { display:block; width:170px; margin:0; padding:35px 0 10px 20px; list-style:none; background:url(../images/menu-top.gif) no-repeat ; background-position:0 10px;}
		#menu li { display:block; width:170px; margin:0; padding:0; list-style:none; font-size:12px; line-height:16px;}
			#menu li a { display:block; width:154px; padding:4px 0 4px 16px; color:#333; text-decoration:none; background-image:url(../images/menu-btn1.gif); background-repeat:no-repeat; background-position:left; font-weight:bold;}
			#menu li a:hover { color:#FF6600;background-image:url(../images/menu-btn2.gif);}
	#menu-end {display:block; width:190px; height:156px; padding:0; overflow:hidden;}
			#menu-end p {width:190px; height:156px; padding:0; margin:0; }
			#menu-end p a {display:block; width:190px; height:156px;overflow:hidden; text-indent:-8000em; background:url(../images/menu-end.gif) no-repeat ;}

#footer {width:700px; clear:both; padding:10px 0 0 0;}
	#footer p { display:block; width:700px; margin:0; padding:10px 0; text-align:center; font-size:12px; line-height:24px; color:#000000; font-family: Arial, Helvetica, sans-serif;background:url(../images/footer-bg.gif);}

/* パーツ */
#history-table { float:right; border-collapse:collapse; border:1px solid #999; width:120px;}
	#history-table th { font-size:12px; line-height:16px; padding:2px 4px; color:#666;border:1px solid #999; font-weight:normal; text-align:center; white-space:nowrap;}
	#history-table td { font-size:12px; line-height:16px; padding:2px 4px; color:#666;border:1px solid #999;text-align:center;}
	
#price1 { border-collapse:collapse; border:none; width:100%;}
	#price1 th { font-size:12px; line-height:16px; padding:4px 16px; color:#000;font-weight:normal; text-align:left; white-space:nowrap;}
	#price1 td { font-size:12px; line-height:16px; padding:4px 8px; color:#000;text-align:left;}

#price2 { border-collapse:collapse; border:none; width:100%;}
	#price2 th { font-size:12px; line-height:16px; padding:4px 8px; color:#000;font-weight:normal; text-align:left; white-space:nowrap;}
	#price2 td { font-size:12px; line-height:16px; padding:4px 8px; color:#000;text-align:left;}

#profile { border-collapse:collapse; border:none; width:100%;}
	#profile th { font-size:12px; line-height:16px; padding:4px 8px; color:#000;font-weight:normal; text-align:right; white-space:nowrap;}
	#profile td { font-size:12px; line-height:16px; padding:4px 8px; color:#000;text-align:left;}

/* エレメント */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px;}
.red { color:#FF0000;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.fl { float:left;}
	.fl img {margin:5px;}
.fr { float:right;}
	.fr img { margin:5px;}
.tc { display:block; text-align:center;}
	.tc img { margin:0 auto;}

.toplink { display:block; text-align:center;font-size:10px;}
	.toplink a { display:block; margin:0 auto; border:1px solid #CCC; color:#999; text-decoration:none; width:9em;text-align:center; background-color:#FFF;}
	.toplink a:hover {color:#FFF; background-color: #FF6600;}