@charset "shift-jis";


/* ------------------------------ wrapper */
#wrapper{
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-image: url(../img/head-page.png);
	background-repeat: no-repeat;
	background-position: top center;
}


/* ------------------------------ h1 Top Text */
h1{
	padding: 2px 50px 0px;
	font-size: 13px;
	font-weight: bold;
}


/* ------------------------------ main */
#main{
	width: 1000px;
	margin: 140px 0px 0px;
	padding: 0px;
	background-image: url(../img/wrap.png);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
}


/* ------------------------------ video-img */
#video-img{
	margin: 0px 0px 0px 70px;
	padding: 0px;
	position: absolute;
	top: 380px;
	z-index: 9999;
}


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

/* 枠組み */
#content{
	width: 650px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	clear: both;
}

#content h2{
	line-height: 200%;
	font-size: 16px;
	font-weight: bold;
	border-left: 6px #ccc solid;
	padding: 0px 0px 0px 5px;
	margin: 5px 0px 5px;
	color: #444;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
}

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


#content .video-img{
	margin: -30px 0px 10px;
}


/* 各リスト */
#content ul li{
	padding: 12px 0px 8px 35px;
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: left center;
}

#content ul.fream-list{
	border: 5px #c3b096 solid;
	padding: 5px 15px 5px;
	margin: 0px 5px 0px 5px;
}


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

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

#sidebar p{
	padding: 0px 10px;
}

#sidebar .form{
	background-image: url(../img/form-bg-wrap.png);
}

#sidebar .form table{
	line-height: 130%;
	margin: 0px 15px;
	font-size: 12px;
}

#sidebar .form table td{
	padding: 0px 0px 5px 5px;
}


/* リスト枠 */
#sidebar ul{
	margin: 0px 10px;
	padding: 0px;
}


/* 各リスト */
#sidebar ul li{
	padding: 5px 0px 5px 38px;
	background-image: url(../img/c.png);
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 140%;
}


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

/* 枠組み */
#footer{
	clear: both;
	width: 1000px;
	text-align: center;
	padding: 60px 0px 35px;
	background-image: url(../img/foot-page.png);
	background-position: bottom;
}

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

/* 各項目 */
#footer ul li{
	display: inline;
	margin: 0px 10px 0px;
	line-height: 160%;
}

/* コピーライト */
#footer address{
	padding: 0px 0px 10px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	line-height: 140%;
}

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

.horie-height{
	position:absolute;
	text-align: right;
	margin: 0px 0px 0px 200px;
	top: 965px;
}

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

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



td{
	line-height:140%;
	border: 1px #ccc dotted;
}