@charset "shift-jis";

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

.f-normal{ font-weight: normal; }	/* ノーマル */
.f-bold{ font-weight: bold; }	/* 太字 */
.f-underline{
	text-decoration: underline;
	font-weight: bold;
}	/* アンダーライン */
.f-middleline{ text-decoration: line-through;}	/* 打ち消し線 */
.check{
	background-image: url(../img/side-mark.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.msp { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

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

.fc-red{ color: #ff3300; 
	font-weight: bold; } /* 赤 */
.fc-red2{ color: #990000; 
	font-weight: bold; } /* 赤 */
.fc-red3{ color: #d20303; 
	font-weight: bold; } /* 赤 */	
.fc-red4{ color: #ff3300; 
　　      text-decoration: underline;
	　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: #990000;
	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: #990000;
	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: #ff3300;
	background: #ffff00;
	font-weight: bold;
	padding: 2px; }		/* 背景-黄：文字-赤 */
.bg-y-r2{  color: #990000;
	background: #ffff00;
	font-weight: bold;
	padding: 2px; }		/* 背景-黄：文字-赤 */	
.bg-black-w{  color: #ffffff;
	background: #000000;
	font-weight: bold;
	padding: 2px; }		/* 背景-黒：文字-赤 */


.bg1{
	padding: 5px;
	background-color: #FFF;
}	


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

.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: 120%;
}	/* フォントサイズ18px */
.fs-20{
	font-size: 20px;
	font-weight: bold;
	line-height: 160%;
}	/* フォントサイズ20px */
.fs-22{
	font-size: 22px;
	font-weight: bold;
	line-height: 120%;
}	/* フォントサイズ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: 120%;
}	/* フォントサイズ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; }
.ml-670{ margin-left: 660px; 
}

/* 
------------------------------ 余白 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; }


/* ------------------------------ フレーム */

.frame1{
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/frame1_01.gif);
}

.frame1 ul li{
	padding: 8px 0px 5px 42px;
	font-weight: bold;
	background-image: url(../img/check1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 20px;
	line-height: 200%;
	font-size: 18px;
}

.frame1batsu{
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/frame1_01.gif);
}

.frame1batsu ul li{
	padding: 8px 0px 5px 30px;
	font-weight: bold;
	background-image: url(../img/batsu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 20px;
	line-height: 200%;
	font-size: 18px;
}

.frame1maru{
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/frame1_01.gif);
}

.frame1maru ul li{
	padding: 7px 0px 7px 40px;
	font-weight: bold;
	background-image: url(../img/maru.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 20px;
	line-height: 200%;
	font-size: 18px;
}


.frame1_2{
	margin: 0px;
	background-repeat: repeat-y;
	padding: 20px 0px 20px 20px;
	background-image: url(../img/frame1_02.gif);
}

.frame1_3{
	margin: 0px;
	background-image: url(../img/frame1_03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


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

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

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

.credit{
	background-image: url(../img/bgy.gif);
	padding: 10px;
	border: 2px #ffffff dotted;
	margin: 20px 0px 0px;
	text-align:left;
	font-size: 14px;
}


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

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

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

#tokuten h2{
	margin: 0;
	padding: 25px 15px 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;
	text-indent: 0px;
}

#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-repeat: no-repeat;
}


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

#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 #eee solid;
	background-color: #ffffff;
	clear: both;
}

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

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

#faq dl dd{
	padding: 8px 10px 8px 45px;
	line-height: 140%;
	background-color: #ffffee;
	background-image: url(../img/clickarea.gif);
}

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


/*