@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%;}
body {margin:0; padding:0; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
 
/* 外枠 */
#bg1 { width:100%; background-image:url(images/bg-inner.gif); background-repeat:repeat-y; background-position:center;}
	#bg2 { width:100%; background-image:url(images/bg-top.png); background-repeat:repeat-x; background-position:top;}
		#bg3 { width:100%; background-image:url(images/bg-end.png); background-repeat:repeat-x; background-position:bottom; text-align:center;}

#header {width:780px; padding:10px 10px 0 10px; margin:0 auto; }
	#header h1 { margin:0; padding:0; font-size:12px; line-height:21px; vertical-align:middle; text-align:left; width:780px; background: url(images/header.gif) no-repeat right; color:#333; }

#footer {width:780px; padding:10px; margin:0 auto; }
	#footer p { margin:0; padding:0; font-size:12px; line-height:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; }


#wrap { width:800px;margin:0 auto;}
	#wrap-top {width:800px; margin:0; background-image:url(images/wrap-top.png); background-repeat: no-repeat; background-position:center; height:20px; overflow:hidden; line-height:1px; font-size:1px; margin:0;}
	#wrap-end {width:800px;margin:0;background-image:url(images/wrap-end.png); background-repeat: no-repeat; background-position:center; height:20px; overflow:hidden; line-height:1px; font-size:1px; margin:0;}
	#wrap-inner {width:780px; padding:0 10px; margin:0;background-image:url(images/wrap-inner.png); background-repeat:repeat-y; background-position:center;}
	
/* 内枠 */
#head { margin:-10px 0 0 0; height:323px;}
	#head img { float:left;}
#menu {}
	#menu a { display:block; width:156px; height:63px;}
		#menu a img { border:none;filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
		#menu a:hover img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
	#menu1 { background-image:url(images/menu12.gif);}
	#menu2 { background-image:url(images/menu22.gif);}
	#menu3 { background-image:url(images/menu32.gif);}
	#menu4 { background-image:url(images/menu42.gif);}
	#menu5 { background-image:url(images/menu52.gif);}

#contents {width:700px; padding:10px 40px; margin:0; background:url(images/contents-bg.gif) repeat-x top; text-align:left;}
	#contents h2 { height:38px; overflow:hidden; margin:0; padding:0; text-align:center; display:block;}
	.art-intro { width:295px; padding:20px 400px 0 0 ; background:url(images/art-intro-bg.jpg) no-repeat right;}
		.art-intro p { font-size:12px; line-height:16px; padding:4px 0; margin:0; color:#354427;}
	.art { padding:20px 0 0 0;}
		.art .fr { padding:10px;}
		.art h3 { font-size:14px; line-height:18px; padding:8px 0 0 20px; margin:0; color:#354427;}
		.art p { font-size:12px; line-height:16px; padding:4px 0 4px 20px; margin:0; color:#354427;}
	.art-product { padding:0; margin:0;}
		.art-product td { width:176px; margin:0; padding:20px 27px; font-size:12px;line-height:16px; vertical-align:top;color:#354427;}
		.art-product td img { vertical-align:middle; margin-bottom:8px;}
	.art-sp1 { padding:20px; margin:0; text-align:center;}
		.art-sp1 table { background:#E6EFD8; margin:0 auto; width:640px; border:3px double #CFD8C1;}
		.art-sp1 td { margin:0; padding:20px 20px; font-size:12px;line-height:16px; vertical-align:top;color:#354427; text-align:left;}
			.art-sp1 td img { vertical-align:middle; margin-bottom:8px;}
	.art-summer { padding:20px; margin:0; text-align:center;}
		.art-summer table { background:#E6EFD8; margin:0 auto; width:640px; border:3px double #CFD8C1;}
		.art-summer td { margin:0; padding:20px 40px; font-size:12px;line-height:16px; vertical-align:top;color:#354427; text-align:left;}
			.art-summer td img { vertical-align:middle; margin-bottom:8px;}
	.art-kuradashi { padding:20px; margin:0; text-align:center;}
		.art-kuradashi table { background:#E6EFD8; margin:0 auto; width:640px; border:3px double #CFD8C1;}
		.art-kuradashi td { padding:10px 20px; font-size:14px;line-height:16px; vertical-align:top;color:#354427; text-align:left;}
			.art-kuradashi td img { vertical-align:middle; margin-bottom:8px;}
		.art-kuradashi th { padding:10px 20px; text-align:center;}
	.art-news { padding:20px; margin:0; text-align:center;}
		.art-news table { background:#E6EFD8; margin:0 auto; width:640px; border:3px double #CFD8C1;}
		.art-news th { margin:0; padding:10px 0 10px 10px; font-size:12px;line-height:16px; vertical-align:top;color:#354427; text-align:left; font-weight: normal; white-space:nowrap; width:100px;}
		.art-news td { margin:0; padding:10px 20px 10px 0; font-size:12px;line-height:16px; vertical-align:top;color:#354427; text-align:left;}
			.art-news td img { vertical-align:middle; margin-bottom:8px;}
	.art-howto { padding:0; margin:0;}
		.art-howto td { width:155px; margin:12px 0 0 4px; padding:20px 8px; font-size:12px;line-height:16px; vertical-align:top;color:#354427;}
		.art-howto td img { vertical-align:middle; margin-bottom:8px;}
	#map { margin:0 0 0 20px;}
	.art form { margin:0; padding:0; height:1px; overflow:hidden;}
	.none { display:none;} 

/* エレメント */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px;}
.fb { font-weight:bold;}
.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; width:700px;  font-size:10px; clear:both;}
	.toplink p { text-align:right; font-size:10px; line-height:14px; margin:0; padding:0; vertical-align:middle;}
	.toplink a { color:#666;}
	.toplink a:hover {color:#354427;}