@charset "shift-jis";


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

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



/* ------------------------------ main */

#main{
	width: 900px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #fff;
}





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




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

h1{
	padding: 5px 0px 0px;
	font-size: 13px;
	width: 900px;
}


/* ----------------------------------- sitemap */

#sitemap{
	position: absolute;
	margin: 5px 0px 0px;
	z-index: 1;
	top: 0px;
	width: 890px;
	text-align: right;
	font-size: 13px;
}



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

/* 枠組み */
#header { background-color: transparent; background-image: url("../img/header-bg.gif"); background-repeat: repeat-x; background-position: 50% bottom; margin: 0; padding: 0 0 15px; width: 900px }


/* サイトタイトル */
#header .site-title{
	font-size: 26px;
	font-weight: bold;
	color: #9900FF;
	line-height: 120%;
	padding: 15px 22px 5px;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: 15px 25px;
}



/* ----------------------------------- navi */

/* 枠組み */
#navi{
	background-color: #fff;
	padding: 0px 0px 0px 10px;
	text-align: left;
	font-size: 13px;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	border-bottom: 1px #666666 dotted;
	line-height: 100%;
	margin: 5px 0px 10px;
}




/*
		Global - グローバルナビゲーション
 -------------------------------------------------- */


/* 枠組み */
#global{
	clear: both;
	text-align: center;
	padding: 0px;
	background-color: #fff;
	font-size: 12px;
	margin: 0px;
	width: 900px;
}


/* リスト設定 */
#global ul{
	list-style: none none outside;
}


/* 各項目 */
#global ul li{
	display: inline;
	margin: 0px 40px;
	color: #ffffff;
}


/* コピーライト */
#global address { color: #ffffff; font-size: 12px; font-weight: bold; background-color: white; margin: 10px 0 0; padding: 10px 0 }


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



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



/* 枠組み */
#content{
	float: right;
	display: inline;
	width: 660px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
}


/* トップ画像（使う場合のみ） */
#content img.topimg{
	margin: 0px 0px 20px 0px;
}


/* 各コンテンツの見出し（h2） */
#content h2{
	padding: 3px 70px 3px 25px;
	color: #000;
	font-weight: bold;
	line-height: 160%;
	background-image: url(../img/h2-bg.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	clear: both;
}


/* 各コンテンツの見出し（h3） */
#content h3 { color: #000066; font-weight: bold; line-height: 160%; margin: 15px 10px 0; padding: 0 0 0 5px; clear: both; border-bottom: 1px dotted #000066; border-left: 5px solid #000066 }


#content .txt{
	background-image: url(../img/header-bg.gif);
	background-repeat: repeat-x;
	padding: bold;
}


/* 各コンテンツテキスト */
#content p{
	padding: 10px 10px 10px 10px;
	line-height: 150%;
}


/* リスト枠 */
#content ul{
	margin: 10px 25px;
	padding: 10px 20px;
}


/* 各リスト */
#content ul li{
	padding: 7px 30px 10px 30px;
	background-image: url(../img/c.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}


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


/* リスト見出し */
#content dl dt { color: #000066; font-weight: bold; background-image: url("../img/side-mark.gif"); background-repeat: no-repeat; background-position: 0 6px; margin: 15px 0 2px; padding: 0 0 0 9px }


/* 各リスト項目 */
#content dl dd{
	padding: 5px 10px 5px 20px;
	line-height: 130%;
	background-color: #eee;
	margin: 0px 5px;
}


#content .fream-red{
	border: 5px #cc0000 solid;
}


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

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


#content .credit{
	padding: 5px;
	border: 2px #ffffff dotted;
	margin: 10px;
	background-color: #eee;
}


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

#hosho{
	margin: 15px 0px 0px;
	padding: 0px;
	font-size: 14px;
	background-color: #fff;
}

#hosho p{
	padding: 5px 15px 5px;
	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-repeat: no-repeat;
}

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

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


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

#tokuten{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	background-color: #fff;
}

#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: 15px 0px;
	background-image: url(../img/bgsl.gif);
	border: 2px #ffffff dotted;
}

#tokuten .toku2{
	padding: 0px 0px 30px;
	margin: 20px 0px 20px;
	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: #fff;
	background-repeat: no-repeat;
}


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

#faq{
	margin: 0px 0px 50px;
	padding: 0px 15px 30px;
	border: 10px #999999 solid;
	background-color: #fff;
	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;
}




/*
		Sidebar - サイドナビゲーション
 -------------------------------------------------- */



/* 枠組み */
#sidebar{
	float: left;
	display: inline;
	width: 200px;
	margin: 0px 0px 0px 10px;
	text-align: left;
	font-size: 13px;
}


/* ------------------------------ menu */


/* メニュー枠組み */
#sidebar dl.menu { background-color: #660066; margin: 0 0 15px; padding: 0 0 5px; border: solid 4px #000066 }


/* 見出し */
#sidebar dl.menu dt{
	color: #660066;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/side-dt.gif);
	padding: 7px 0px 7px;
	border-bottom: 3px #000066 solid;
}

/* 見出しのリンク設定 */
#sidebar dl.menu dt a{
	color: #ffffff;
}


/* 各メニュー項目 */
#sidebar dl.menu dd{
	display: inline;
	font-weight: bold;
}


/* メニューリンク設定 */
#sidebar dl.menu dd a{
	display: block;
	padding: 7px 5px 7px 20px;
	border-bottom: 1px #003399 dotted;
	background-image: url(../img/side-dd.gif);
	background-color: #e3e3e3;
}


/* メニューマウスオーバー設定 */
#sidebar dl.menu dd a:hover { color: #ffffff; background-color: #660066; background-image: url("../img/side-dd_on.gif"); background-repeat: no-repeat; border-bottom: 1px dotted #ffffff }



/* ------------------------------ text */


/* テキスト枠組み */
#sidebar dl.txt{
	margin: 0px 0px 15px 0px;
	border-bottom: 2px #666 solid;
	border: 2px #000066 solid;
}


/* 見出し設定 */
#sidebar dl.txt dt { color: #000066; font-weight: bold; background-color: yellow; background-image: url("../img/side-dt.gif"); text-align: center; padding: 7px 0 5px; border-bottom: 1px dotted #000066 }


/* テキスト設定 */
#sidebar dl.txt dd{
	display: block;
	padding: 5px 5px;
	background: #eee;
}


/* テキストリンク */
#sidebar dl.txt dd.link{
	padding: 3px 0px 3px 20px;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: 9px 7px;
	border-bottom: 1px #666666 dotted;
}




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



/* 枠組み */
#footer{
	clear: both;
	width: 900px;
	text-align: center;
	border-top: 1px #666666 dotted;
	padding: 10px 0px 0px 0px;
	font-size: 13px;
}


/* リスト設定 */
#footer ul{
	list-style: none none outside;
}


/* 各項目 */
#footer ul li{
	display: inline;
	margin: 0px 15px;
	color: #ffffff;
	line-height: 25px;
}


/* コピーライト */
#footer address{
	padding: 10px 0px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	background-color: #660066;
	margin: 10px 0px 0px 0px;
}


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



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

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

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

.fc-red{ color: #cc0000; 
	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-color: #cc0000;
	font-weight: bold;
	padding: 2px; }		/* 背景-赤 */
.bg-b{ background-color: #0033CC;
	font-weight: bold;
	padding: 2px; }		/* 背景-青 */
.bg-g{ background-color: #009900;
	font-weight: bold;
	padding: 2px; }		/* 背景-緑 */
.bg-y{ background-color: #ffff00;
	font-weight: bold;
	padding: 2px; }		/* 背景-黄 */

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


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

.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: 120%;
}	/* フォントサイズ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: 50px; }
.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; }


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


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

table{
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	font-size: 14px;
	line-height: 130%;
}

td{
	padding: 5px;
	background-color: #f0f0f0;
}

tr{
	padding: 3px;
}


/*
		クリア
--------------------------------------------------*/

.clear { clear: both; }