@charset "UTF-8";
html {margin:0; padding:0; background:#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 {width:100%; text-align:center;}
#layout-inner {width:800px; text-align:left; margin:0 auto;}

#header { width:800px;}
	#header th { text-align:left;}
	#header td { text-align:left; font-size:12px; line-height:18px;}
		#header td a { color:#0B51A0; text-decoration:none; width:160px}
		#header td a:hover { color:#F00; }

#header-note {width:800px; margin:0; padding:16px 0 8px 0; font-size:16px; line-height:1em; display:block;}

#home-top {width:800px; padding:0;}
	#home-top h1 { margin:0; padding:0;}
	#home-top p { margin:0; padding:0;}

#general { width:800px; padding:20px 0;}
	#general h2 { margin:0; padding:0;}
	#general h3 { margin:0; padding:16px 0; text-align:center; font-size:28px ;color:#F00;}
	#general p { margin:0; padding:0;}
	#general-note { width:720px; padding: 0 40px 20px 40px;}
		#general-note h4 { margin:0; padding:24px 0 8px 0; font-size:18px;}
		#general-note-inner { width:720px; height:240px; overflow:scroll; overflow-x: hidden; padding:0 0 20px 0;}
			#general-note-inner p { width:640px; border-bottom:1px dashed #F00; padding:8px 20px; }
		
	#general-inner { width:720px; padding:0 40px;}
		#general-inner h4 { margin:8px 0; padding:8px 10px; text-align:left; display:block; width:700px; background:#FBD311; font-size:18px;}
		#general-inner td {padding:8px 16px; margin:0;}
			#general-inner td p { border-bottom:1px dashed #333; font-size:18px;}

#message { width:774px; margin:20px 0; padding:10px 10px 0 10px; border:3px solid #F00;}
	#message h2 { font-size:32px; line-height:1.2em; text-align:center; margin:8px 0 32px 0; padding:0; border-bottom:2px dashed #F00; color:#F00; }
	#message h3 { display:block; width:200px; margin:0 0 0 10px; padding:8px 0 8px 10px; background:#F00; color:#FFF; font-size:18px; line-height:1.2em;}
	.message { display:block; width:738px; padding:18px 18px 36px 18px;}
		.message p { font-size:16px; padding:8px 0; margin:0;}
	.message-note { background:#FEDFB3;display:block; width:740px; padding:18px 18px 18px 18px; margin-bottom:32px;}
		.message-note p { font-size:16px; padding:8px 0; margin:0;}

#design { width:800px; padding:20px 0;}
	#design h2 {margin:0; padding:0;}
	#design th { padding:20px; text-align:center;}
		#design th img { border:1px solid #CCC; margin-bottom:12px;}
		#design th span { display:block; width:200px; padding:4px; margin:0 auto; font-size:14px; color:#FFF;}
	#design td { padding:20px;}
	#design p { margin:0; padding:0 20px 8px 20px;}

#point { width:800px; padding:20px 0;}
	.point {width:740px; padding:20px 20px;}
	#point h2 {margin:0; padding:0;}
	#point h3 { display:block; margin:16px 0; padding:8px 10px; width:720px; background:#FDC070; font-size:18px;}
	#point p {margin:0; padding:0; font-size:16px;}
	#point table { width:100%;}
		#point td { vertical-align:top; padding:0 0 0 20px;}
		#point th { vertical-align:top; width:240px; text-align:center;}

#price { width:800px; padding:20px 0;}
	.price {width:740px; padding:20px 20px;}
	#price h2 {margin:0; padding:8px 30px; width:740px; display:block; background: url(images/price-title.jpg) left;}
	#price h3 { background:#FEDFB3; font-size:24px; margin:16px 0; padding:8px 20px; display:block; text-align:center;}
	#price h4 { font-size:24px; margin:0; padding:16px 0; display:block; color:#F00;}
	#price p {margin:0; padding:0; font-size:16px;}
	#price table { margin-left:40px;}
	#price th { width:180px;font-weight:bold; font-size:24px; padding:16px 0 0 0; vertical-align:top; background-position:bottom; background-repeat:no-repeat; text-align:center;}
	#price td { padding:0 4px 0 20px; font-size:16px; text-align:right;}
	#price1 { border:2px #F00 solid; background-image: url(images/price1.jpg);}
	#price2 { border:2px #0B51A0 solid; background-image: url(images/price2.jpg);}
	
#mochu { width:774px; margin:20px 0; padding:10px 10px 0 10px; border:3px solid #9AAED3;}
	#mochu h2 { width:740px; display:block;border:2px solid #9AAED3; padding:10px 15px; margin:0; background:#10218B;}
	#mochu h3 { width:740px; display:block; padding:10px 15px; margin:32px 0 8px 0; background:url(images/mochu-h3.jpg) no-repeat center; font-size:22px; line-height:1em;}
	#mochu p { padding:8px 15px; margin:0; font-size:16px;}
	#mochu th p { text-align:left;border-left:8px solid #10218B; }
		#mochu td p img {border:1px solid #CCC;}

#faq { width:800px; padding:20px 0;}
	#faq h2 { margin:0; padding:0;}
	.faq {width:740px; padding:20px 20px;}
		.faq h3 { display:block; width:680px; margin:0; padding:14px 0 14px 60px; background:url(images/faq-q.jpg) no-repeat; background-position:top left; font-size:16px;}
		.faq p { display:block; width:680px; margin:0; padding:14px 0 14px 60px; background:url(images/faq-a.jpg) no-repeat; background-position:top left; font-size:16px;}
	.faq-note {width:600px; padding:0 100px;}
		.faq-note h3 { font-size:24px; margin:0; padding:0 0;}
		.faq-note p { font-size:18px; margin:0; padding:8px 0;}

#order { width:800px; padding:20px 0;}
	#order h2 { margin:0; padding:0;}
	#order h3 { margin:0; padding:16px 0;font-size:24px;}
	#order-inner { display:block; width:740px; margin:20px 0; padding:10px 17px; border:3px dashed #F00;}
	#order-inner p { margin:0; padding:8px; text-align:center;}
	.order-note {width:600px; padding:0 100px;}
		.order-note h3 { font-size:24px; margin:0; padding:0 0;}
		.order-note p { font-size:18px; margin:0; padding:8px 0;}

#footer { width:800px; padding:20px 0;}
	#footer p { margin:0; padding:8px; text-align:center; font-size:14px;color:#0B51A0; }
		#footer p a { color:#0B51A0; text-decoration:none;}
		#footer p a:hover { color:#F00; }

.btn { width:100%;}
	.btn th { text-align:center; padding-bottom:20px;}

.btn-link { display:block; width:220px; text-align:center; height:32px; overflow:hidden;background:url(images/btn-link2.jpg) no-repeat top; font-size:18px; }
	.btn-link a { display:block; width:220px; height:32px; line-height:32px; overflow:hidden; background:url(images/btn-link1.jpg) no-repeat top; color:#FFF; text-decoration:none;}
	.btn-link a:hover { background:none;}

#ads1 { margin:0; padding:0; width:800px; border-bottom:4px solid #67C6DB; background:url(images/ads1-bg.jpg) repeat-y top;}
	#ads1 h2 { margin:0; padding:0;}
	#ads1-inner { padding:10px 20px; width:760px;}
	#ads1-inner p { margin:0; padding:4px 0;}


/* 共通要素 */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.f32 { font-size:32px;}
.f48 { font-size:48px;}
.f64 { font-size:64px;}
.red { color:#F00;}
.blue { color: #000099;}
.orange { color:#F7B308;}
.yellow { color:#FBD311;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
.radius {border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;}
.bared { background:#F00;}
.bablue { background:#0A51A1;}