@charset "shift-jis";


/* ------------------------------ wrapper */

#wrapper{
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	background: #ffffff;
	text-align: left;
}


/*
	Header - ヘッダー
 --------------------------------------------------

/* ----------------------------------- h1 Top Text */

h1{
	margin: 0px;
	padding: 7px 15px;
	text-align: left;
	color: #000;
	position: absolute;
	z-index: 100;
	font-weight: bold;
}


/* ----------------------------------- Header */

/* 枠組み */
#header{
	background-image: url(../img/wrap.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

#header p{
	padding: 2px 0px 20px 0px;
	line-height: 160%;
}


#tag{
	text-align: center;
	top: 750px;
	position: absolute;
	padding: 0px 0px 0px 45px;
	z-index: 1;
}


/*
		content - メインコンテンツ
 -------------------------------------------------- */

/* 枠組み */
#content{
	padding: 20px 50px 0px;
	font-size: 16px;
	text-align: left;
	background-image: url(../img/wrap.png);
	clear: both;
}

#content .video{
	margin: 0px;
	text-align: center;
	padding: 20px;
	background-image: url(../img/bgbk.gif);
	border: 2px #fff dotted;
}

#content .txt{
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 60px;
	padding-left: 20px;
}


/* ------------------------------ コンテンツ内共通設定 */


/* 各種テキスト */
#content p{
	padding: 10px;
	line-height: 180%;
}

/* リスト項目(li) */
#content ul li{
	padding: 10px 0px 5px 35px;
	font-weight: bold;
	background-image: url(../img/c.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 20px 0px;
	line-height: 140%;
}

/* リスト枠(dl) */
#content dl{
	margin: 0px 0px 15px 0px;
}

/* リスト見出し(dt) */
#content dl dt{
	margin: 20px 0px 5px 0px;
	color: #990000;
	font-weight: bold;
	font-size: 120%;
	padding: 0px 0px 0px 10px;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 120%;
}

/* リスト項目(dd) */
#content dl dd{
	padding: 10px;
	line-height: 160%;
	background-color: #ffffe1;
	background-image: url(../img/bgy.gif);
}


/* ------------------------------ コンテンツ内各設定 */

/* 各コンテンツの中見出し（h2） */
#content h2{
	margin: 0px;
	padding: 40px 0px 0px;
	color: #333;
	font-weight: bold;
	line-height: 130%;
	font-size: 21px;
	text-align: center;
	clear: both;
}

/* 各コンテンツの小見出し（h3） */
#content h3{
	margin: 0px 0px 10px;
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	line-height: 140%;
	font-size: 14pt;
	border-left: 10px #990000 solid;
	border-bottom: 1px #990000 dotted;
	border-top: 1px #990000 dotted;
	background-image: url(../img/bgy.gif);
}

/* 各コンテンツの枠 */
#content .frame-red{
	margin: 0px 10px 10px;
	padding: 10px 20px;
	border: 10px #990000 solid;
}


#content .frame-blue{
	margin: 0px 40px 50px 50px;
	padding: 10px 20px 0px 20px;
	background-image: url(../img/x-bg.gif);
	border: 8px #003366 solid;
	background-position: top right;
	background-repeat: no-repeat;
}

#content .frame-blue p{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 180%;
}

/* 感想 */
#content .kanso{
	margin: 0px 0px 50px;
	padding: 15px 20px 30px;
	border: 10px #000055 solid;
	background-color: #ffffff;
	clear: both;
}

#content .kanso p{
	padding: 3px 0px;
	font-size: 14px;
	border-bottom: 1px #999999 dotted;
}


/* 
------------------------------ 文字の装飾 */

.f-normal{ font-weight: normal; }	/* ノーマル */
.f-bold{ font-weight: bold; }	/* 太字 */
.f-underline{
	text-decoration: underline;
}	/* アンダーライン */
.f-underline-w{
	border-bottom-style: double;
	border-bottom-width: 3px;
}	/* アンダーライン */
.f-middleline{ text-decoration: line-through;}	/* 打ち消し線 */

/* 
------------------------------ 文字の装飾：色 */

.fc-red{ color: #990000; 
	font-weight: bold; } /* 赤 */
.fc-blue{ color: #0033CC;
	font-weight: bold; } /* 青 */
.fc-green{ color: #009900; 
	font-weight: bold; } /* 緑 */
.fc-yellow{ color: #ffff00; 
	font-weight: bold; } /* 黄 */
.fc-orange{ color: #ff6600; 
	font-weight: bold; } /* オレンジ */
.fc-gray{ color: #666666; 
	font-weight: bold; } /* 灰 */
.fc-white{ color: #ffffff;
	font-weight: bold; } /* 白 */

/* 
------------------------------ 文字の装飾：強調 */
/* 文字の強調は <span class="★">文字<span> を使用すること */

.bg-r{ background: #cc0000;
	font-weight: bold;
	padding: 2px; }		/* 背景-赤 */
.bg-b{ background: #0033CC;
	font-weight: bold;
	padding: 2px; }		/* 背景-青 */
.bg-g{ background: #009900;
	font-weight: bold;
	padding: 2px; }		/* 背景-緑 */
.bg-y{ background: #ffff00;
	font-weight: bold;
	padding: 2px; }		/* 背景-黄 */

.bg-r-w{ color: #ffffff;
	background: #cc0000;
	font-weight: bold;
	padding: 2px; }		/* 背景-赤：文字-白 */
.bg-b-w{ color: #ffffff;
	background: #0033CC;
	font-weight: bold;
	padding: 2px; }		/* 背景-青：文字-白 */
.bg-g-w{ color: #ffffff;
	background: #009900;
	font-weight: bold;
	padding: 2px; }		/* 背景-緑：文字-白 */
.bg-y-r{  color: #cc0000;
	background: #ffff00;
	font-weight: bold;
	padding: 2px; }		/* 背景-黄：文字-赤 */

.bg-img1{
	background-image: url(../img/bgsl.gif);
	padding: 15px 40px;
	margin: 0px 10px;
}

.bg-c3{
	background-image: url(../img/c3.png);
	padding: 0px 0px 0px 35px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}


/* 
------------------------------ 文字のサイズ */

.fs-12{
	font-size: 12px;
	line-height: 130%;
}	/* フォントサイズ12px */
.fs-14{
	font-size: 14px;
	line-height: 130%;
}	/* フォントサイズ14px */
.fs-16{
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ16px */
.fs-18{
	font-size: 18px;
	font-weight: bold;
	line-height: 180%;
}	/* フォントサイズ18px */
.fs-20{
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
}	/* フォントサイズ20px */
.fs-22{
	font-size: 22px;
	font-weight: bold;
	line-height: 140%;
}	/* フォントサイズ22px */
.fs-24{
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ24px */
.fs-26{
	font-size: 26px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ26px */
.fs-28{
	font-size: 28px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ28px */
.fs-30{
	font-size: 30px;
	font-weight: bold;
	line-height: 140%;
}	/* フォントサイズ30px */
.fs-32{
	font-size: 32px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ32px */
.fs-36{
	font-size: 36px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ36px */
.fs-40{
	font-size: 40px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ40px */


/* 
------------------------------ 文字のポジション */
.p-c{ text-align: center; }
.p-l{ text-align: left; }
.p-r{ text-align: right; }


/* 
------------------------------ 余白 margin */

.m-5 { margin: 5px; }
.mt-5{ margin-top: 5px; }
.mr-5{ margin-right: 5px; }
.mb-5{ margin-bottom: 5px; }
.ml-5{ margin-left: 5px; }
.m-10 { margin: 10px; }
.mt-10{ margin-top: 10px; }
.mr-10{ margin-right: 10px; }
.mb-10{ margin-bottom: 10px; }
.ml-10{ margin-left: 10px; }
.m-20 { margin: 20px; }
.mt-20{ margin-top: 20px; }
.mr-20{ margin-right: 20px; }
.mb-20{ margin-bottom: 20px; }
.ml-20{ margin-left: 20px; }
.m-30 { margin: 30px; }
.mt-30{ margin-top: 30px; }
.mr-30{ margin-right: 30px; }
.mb-30{ margin-bottom: 30px; }
.ml-30{ margin-left: 30px; }
.m-40 { margin: 40px; }
.mt-40{ margin-top: 40px; }
.mr-40{ margin-right: 40px; }
.mb-40{ margin-bottom: 40px; }
.ml-40{ margin-left: 40px; }
.m-50 { margin: 50px; }
.mt-50{ margin-top: 50px; }
.mr-50{ margin-right: 50px; }
.mb-50{ margin-bottom: 80px; }
.ml-50{ margin-left: 50px; }
.m-60 { margin: 60px; }
.mt-60{ margin-top: 60px; }
.mr-60{ margin-right: 60px; }
.mb-60{ margin-bottom: 60px; }
.ml-60{ margin-left: 60px; }
.m-70 { margin: 70px; }
.mt-70{ margin-top: 70px; }
.mr-70{ margin-right: 70px; }
.mb-70{ margin-bottom: 70px; }
.ml-70{ margin-left: 70px; }
.m-80 { margin: 80px; }
.mt-80{ margin-top: 80px; }
.mr-80{ margin-right: 80px; }
.mb-80{ margin-bottom: 80px; }
.ml-80{ margin-left: 80px; }
.m-90 { margin: 90px; }
.mt-90{ margin-top: 90px; }
.mr-90{ margin-right: 90px; }
.mb-90{ margin-bottom: 90px; }
.ml-90{ margin-left: 90px; }
.m-100 { margin: 100px; }
.mt-100{ margin-top: 100px; }
.mr-100{ margin-right: 100px; }
.mb-100{ margin-bottom: 100px; }
.ml-100{ margin-left: 100px; }

.mb-sp{ margin-bottom: 195px; }


/* 
------------------------------ 余白 padding */

.p-5 { padding: 5px; }
.pt-5{ padding-top: 5px; }
.pr-5{ padding-right: 5px; }
.pb-5{ padding-bottom: 5px; }
.pl-5{ padding-left: 5px; }
.p-10 { padding: 10px; }
.pt-10{ padding-top: 10px; }
.pr-10{ padding-right: 10px; }
.pb-10{ padding-bottom: 10px; }
.pl-10{ padding-left: 10px; }
.p-20 { padding: 20px; }
.pt-20{ padding-top: 20px; }
.pr-20{ padding-right: 20px; }
.pb-20{ padding-bottom: 20px; }
.pl-20{ padding-left: 20px; }
.p-30 { padding: 30px; }
.pt-30{ padding-top: 30px; }
.pr-30{ padding-right: 30px; }
.pb-30{ padding-bottom: 30px; }
.pl-30{ padding-left: 30px; }
.p-40 { padding: 40px; }
.pt-40{ padding-top: 40px; }
.pr-40{ padding-right: 40px; }
.pb-40{ padding-bottom: 40px; }
.pl-40{ padding-left: 40px; }
.p-50 { padding: 50px; }
.pt-50{ padding-top: 50px; }
.pr-50{ padding-right: 50px; }
.pb-50{ padding-bottom: 80px; }
.pl-50{ padding-left: 50px; }
.p-60 { padding: 60px; }
.pt-60{ padding-top: 60px; }
.pr-60{ padding-right: 60px; }
.pb-60{ padding-bottom: 60px; }
.pl-60{ padding-left: 60px; }
.p-70 { padding: 70px; }
.pt-70{ padding-top: 70px; }
.pr-70{ padding-right: 70px; }
.pb-70{ padding-bottom: 70px; }
.pl-70{ padding-left: 70px; }
.p-80 { padding: 80px; }
.pt-80{ padding-top: 80px; }
.pr-80{ padding-right: 80px; }
.pb-80{ padding-bottom: 80px; }
.pl-80{ padding-left: 80px; }
.p-90 { padding: 90px; }
.pt-90{ padding-top: 90px; }
.pr-90{ padding-right: 90px; }
.pb-90{ padding-bottom: 90px; }
.pl-90{ padding-left: 90px; }
.p-100 { padding: 100px; }
.pt-100{ padding-top: 100px; }
.pr-100{ padding-right: 100px; }
.pb-100{ padding-bottom: 100px; }
.pl-100{ padding-left: 100px; }



/* ------------------------------ 商品・申込み */

#goods{
	margin: 0px 0px 0px 0px;
	padding: 15px;
	border: 2px #990000 dotted;
}

#goods p{
	margin: 0px 0px 0px 10px;
	padding: 5px;
	line-height: 160%;
}

#goods .credit{
	background-image: url(../img/bgy.gif);
	padding: 5px;
	border: 2px #ffffff dotted;
	margin: 20px 0px 0px;
}


/* ------------------------------ 特典 */

#tokuten{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	background: #ffffff;
}

#tokuten p{
	padding: 2px 0px 10px 0px;
	line-height: 180%;
}

#tokuten h2{
	margin: 0;
	padding: 25px 10px 10px 180px;
	color: #000000;
	font-weight: bold;
	line-height: 130%;
	font-size: 15pt;
	text-align: left;
	clear: both;
	background-image: url(../img/pre.gif);
	background-repeat: no-repeat;
}

#tokuten .toku1{
	padding: 0px 0px 30px;
	margin: 0px 0px 40px;
	background-image: url(../img/bgsl.gif);
	border: 2px #ffffff dotted;
}

#tokuten .toku2{
	padding: 0px 0px 30px;
	margin: 0px 0px 40px;
	background-image: url(../img/bggo.gif);
	border: 2px #ffffff dotted;
}

#tokuten .toku-frame{
	margin: 0px 15px;
	border: 2px #990000 dotted;
	padding: 15px 15px 0px;
	background-color: #ffffff;
	background-image: url(../img/bgy.gif);
}


/* ------------------------------ 保証 */

#hosho{
	margin: 30px 20px 0px;
	padding: 0px;
	font-size: 16px;
	background: #ffffff;
}

#hosho p{
	padding: 2px 0px 20px 0px;
	line-height: 180%;
}

#hosho h2{
	margin: 0;
	padding: 20px 10px 10px 125px;
	color: #000000;
	font-weight: bold;
	line-height: 130%;
	font-size: 21pt;
	text-align: left;
	clear: both;
	background-image: url(../img/hosho.gif);
	background-repeat: no-repeat;
}

#hosho .ho{
	padding: 0px 0px 30px;
	margin: 0px 0px 40px;
	background-image: url(../img/bggo.gif);
	border: 2px #ffffff dotted;
}

#hosho .hosho-frame{
	margin: 0px 15px;
	border: 2px #ff9900 dotted;
	padding: 15px 15px 0px;
	background-color: #ffffff;
	background-repeat: no-repeat;
}


/* ------------------------------ よくある質問 */

#faq{
	margin: 0px 0px 50px;
	padding: 0px 15px 30px;
	border: 10px #999999 solid;
	background-color: #ffffff;
	clear: both;
}

#faq dl{
	margin: 0px 0px 0px 10px;
}

#faq dl dt{
	margin: 20px 0px 10px 0px;
	color: #990000;
	font-weight: bold;
	font-size: 120%;
	padding: 10px 10px 15px 55px;
	background-image: url(../img/q.gif);
	background-repeat: no-repeat;
	line-height: 120%;
	background-position: top left;
	border: none;
}

#faq dl dd{
	padding: 10px 10px 10px 50px;
	line-height: 160%;
	background-color: #eeeeee;
	background-image: url(../img/eee.jpg);
}

#faq .answer{
	background-image: url(../img/a.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


/*
		footer - フッター
--------------------------------------------------*/

/* 枠組み */
#footer{
	width: 800px;
	text-align: center;
	background-image: url(../img/foot.png);
	padding: 40px 0px 0px;
	background-repeat: no-repeat;
	margin: 0px;
	clear: both;
	font-size: 12px;
}

/* フッター内リンク枠組み */
#footer #inner{
	padding: 7px 0px 7px;
	text-align: center;
}

/* リスト設定 */
#footer #inner ul{
	margin: 0px;
	padding: 5px 0px;
}

/* 各項目 */
#footer #inner ul li{
	display: inline;
	line-height: 16px;
	padding: 0px 15px 0px 0px;
}

/* コピーライト */
#footer address{
	padding: 70px 0px 42px 128px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

/* コピーライトリンク */
#footer address a{
	color: #000000;
	text-decoration: none;
}


/*
		テーブルセルの間隔
--------------------------------------------------*/

table{
	text-align: center;
	margin: 0px 0px 20px;
}

td{
	padding: 7px;
	background-color: #f0f0f0;
	line-height: 140%;
}

tr{
	padding: 3px;
}