@charset "shift-jis";


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


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

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





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



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

h1{
	position: absolute;
	width: 700px;
	margin: 0px 0px 0px 0px;
	padding: 1px 50px;
	z-index: 1;
	color: #000000;
}



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

/* 枠組み */
#header{
	position: absolute;
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 580px 0px 0px 0px;
	text-align: center;
}


/* ロゴ */
#header img.logo{
	display: inline;
	margin: 0px;
	position: absolute;
	left: 596px;
	top: 362px;
}


/* 説明用 */
#header .desc{
	float: right;
	margin: 50px 0px 0px 0px;
}



/* ----------------------------------- Global Navi */

/* 枠組み */
#menu{
	height: 700px;
	height: 40px;
	margin: 85px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
}

/* メニュー設定 */
#menu ul{
	position: relative;
	width: 700px;
}


/* 各メニュー */
#menu ul li{
	float: left;
	width: 140px;
	height: 40px;
	overflow: hidden;
	background: url(../img/menu-bg.gif) left top no-repeat;
}


/* リンク用 */
#menu ul li a{
	display: block;
	padding: 0px;
	overflow: hidden;
	text-decoration: none;
	line-height: 40px;
}


/* マウスオーバー用 */
#menu ul li a:hover{
	background: url(../img/menu-bgon.gif) left top no-repeat;
/*	color: #ff3300; メニューカラーを変更する場合に使用 */
	text-decoration: underline;
}

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



/* ----------------------------------- nav */

/* 枠組み */
#navi{
	position: absolute;
	width: 720px;
	height: 25px;
	margin: 135px 0px 0px 0px;
	background: #fff;
	text-align: right;
}


/* パンくずのテキスト */
#navi p{
	padding: 0px 0px 3px 30px;
	text-align: left;
}



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

#sitemap{
	position: absolute;
	margin: 135px 0px 0px 630px;
}






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



/* 枠組み */
#content{
	position: absolute;
	width: 800px;
	margin: 820px 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	text-align: left;
	z-index: 2;
	background-color: #eeeeee;
}


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


/* 各種テキスト */
#content p{
	padding: 0px 20px 20px 20px;
	line-height: 160%;
	margin: 0px 0px 0px 0px;
}

#content .bg-movie p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#content .bg-movie2 p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}


/* リスト枠(ul) */
#content ul{
	margin: 0px 0px 15px 30px;
	padding: 10px 0px 5px 30px;
}


/* リスト項目(li) */
#content ul li{
	padding: 6px 0px 0px 30px;
	margin: 0px 20px 20px 0px;
	line-height: 140%;
	list-style: none;
	background-image: url(../img/c.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}

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


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


/* リスト項目(dd) */
#content dl dd{
	padding: 10px 20px 15px;
	line-height: 160%;
	background-color: #ffffcc;
	margin-right: 15px;
	border-left: 2px #e6e6e6 dotted;
	border-right: 2px #e6e6e6 dotted;
}




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


/* 各コンテンツの見出し（h2） */
#content h2{
	margin: 80px 0px 20px 0px;
	padding: 40px 0px 10px 80px;
	color: #cc0000;
	font-weight: bold;
	line-height: 110%;
	font-size: 28px;
	clear: both;
	border-bottom: 2px #990000 dotted;
	background-image: url(../img/ball.gif);
	background-repeat: no-repeat;
}


#content h3{
	margin: 10px 20px;
	padding: 5px 0px 5px 5px;
	color: #990000;
	font-weight: bold;
	line-height: 120%;
	font-size: 16pt;
	background-image: url(../img/h2bg.jpg);
	border-left: 6px #990000 solid;
	border-top: 1px #990000 dotted;
	border-right: 1px #990000 dotted;
}




/* 各コンテンツの枠 */
#content .frame{
	width: 600px;
	margin: 0px 50px 25px;
	background: url(../img/frame-bg.gif) left top repeat-y;
}



/* ------------------------------ 枠組み洋用*/


/* ボーダー（濃青・薄青） */
#content .frame01{
	margin: 30px 20px;
	border: 10px #990000 solid;
	padding: 10px 0px;
}


/* ボーダー（青・黒） */
#content .frame02{
	width: 590px;
	margin: 30px 50px;
	border: ridge #006666 thick;
}


/* ボーダー（黒1px） */
#content .frame03{
	width: 598px;
	margin: 30px 50px;
	border: 1px #000000 solid;
}

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

#content .kanso h2{
	margin: 100px 0px 20px 15px;
	padding: 18px 0px 5px 5px;
	color: #990000;
	font-weight: bold;
	line-height: 110%;
	font-size: 28px;
	border-left: 10px solid #990000;
	clear: both;
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 2px #990000 dotted;
}

#content .kanso h3{
	margin: 15px 0px;
	padding: 5px 0px 5px 5px;
	color: #990000;
	font-weight: bold;
	line-height: 120%;
	font-size: 16pt;
	border-left: 6px #990000 solid;
}

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


#content .frame-red{
	margin: 0px 40px 50px;
	padding: 10px 0px 0px;
	border: 10px #666666 solid;
	background-color: #ffffff;
	clear: both;
}

#content .frame-red p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	line-height: 160%;
}

#content .frame-red2{
	margin: 0px 40px 50px;
	padding: 10px 0px 0px;
	border: 10px #990000 solid;
	background-color: #ffffff;
}

#content .frame-red2 p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	line-height: 160%;
}

#content .frame-red3{
	margin: 0px 40px 50px;
	padding: 10px 0px 0px;
	border: 10px #999999 solid;
	background-color: #ffffff;
	background-image: url(../img/nayami.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#content .frame-red3 p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	line-height: 160%;
}

#content .frame-red4{
	margin: 0px 40px 50px;
	padding: 10px 0px 0px;
	border: 10px #990000 solid;
	background-color: #ffffff;
	background-image: url(../img/table-bg.jpg);
}

#content .frame-red4 p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	line-height: 160%;
}

#content .talk{
	margin: 0px 20px 50px;
	padding: 20px 15px;
	border: 1px #666666 dotted;
	background-color: #ffffcc;
}

#content .talk p{
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 10px;
	line-height: 200%;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}


#content .frame04{
	margin: 0px 50px 20px 50px;
	border: 2px #000000 solid;
	padding: 15px 0px 0px 10px;
	font-size: 115%;
	background-color: #ffffff;
	font-weight: bold;
}

#content .frame04 ul{
	margin: 0px 0px 15px 30px;
	padding: 10px 0px 0px 0px;
	position: relative;
}

#content .frame04 ul li{
	padding: 6px 30px 0px 30px;
	margin: 0px 30px 20px 0px;
	line-height: 140%;
	list-style: none;
	background-image: url(../img/c.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	float: left;
}

#content .timer{
	margin: 0px 50px 30px;
	border: 10px #cc0000 solid;
	padding: 10px 0px 7px;
	text-align: center;
}

#content .frame05{
	margin: 30px 20px;
	border: 10px #ffcc00 solid;
	padding: 10px 0px 0px;
	background-color: #ffffcc;
}


/* よくある質問 */
#content .frame-faq{
	margin: 0px 15px 50px;
	padding: 0px 0px 30px 0px;
	border: 10px #999999 solid;
	background-color: #ffffff;
	clear: both;
}

#content .frame-faq dl{
	margin: 0px 0px 0px 10px;
}

#content .frame-faq dl dt{
	margin: 20px 0px 10px 0px;
	color: #990000;
	font-weight: bold;
	font-size: 120%;
	padding: 0px 10px;
	background-image: url(./img/side-mark.gif);
	background-repeat: no-repeat;
	line-height: 120%;
}

#content .frame-faq dl dd{
	padding: 10px;
	line-height: 160%;
	background-color: #ffffcc;
}



/* ボーダー（濃青・薄青） */
#content .txt{
	margin: 20px 60px 40px;
	padding: 10px;
	background-color: #ffffcc;
	font-size: 14px;
}

/* リスト枠(dl) */
#content .frame-red dl{
	margin: 0px 10px 15px 25px;
}


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


/* リスト項目(dd) */
#content .frame-red dd{
	margin: 0px 15px 20px 0px;
	padding: 10px;
	line-height: 160%;
	background-color: #ffffcc;
}




#content .frame-form{
	margin: 0px 0px 50px;
	border: 10px #990000 solid;
	padding: 20px;
}

#content .frame-form h2{
	margin: 0px 10px 20px;
	padding: 5px 0px 5px 5px;
	color: #990000;
	font-weight: bold;
	line-height: 110%;
	font-size: 28px;
	border-left: 2px #990000 dotted;
	clear: both;
	background-image: url(../img/h2bg.jpg);
	background-position: top right;
	background-repeat: repeat;
	text-align: center;
	border-top: 2px #990000 dotted;
	border-right: 2px #990000 dotted;
}



/* 利用者の声 */
#content .message{
	width: 594px;
	margin: 30px 50px;
	border: medium #d3a776 ridge;
	background: #ffffe1;
}

#content .message ul li{
	padding-left: 25px;
	list-style: none none outside;
	background: url(../img/list.gif) left 4px no-repeat;
	line-height: 160%;
}



/* ------------------------------ 装飾系 */

.fw-b{	font-weight: bold; } 			/* 太字 */
.td-u{	text-decoration: underline; }	/* アンダーライン */
.td-l{ text-decoration: line-through;}	/* 打ち消し線 */
.bg-ff0{ color: #cc0000; 
background: #ffff00;
font-weight: bold;
padding: 2px; }		/* text背景-黄色 */
.bg-ff0b{ color: #000000; 
background: #ffff00;
font-weight: bold;
padding: 2px; }		/* text背景-黄色 */
.bg-f00{  color: #ffffff; 
background: #cc0000; 
font-weight: bold; 
padding: 2px; }		/* text背景-赤 */
.bg-00f{  color: #ffffff; 
background: #0000ff; 
font-weight: bold; 
padding: 2px; }		/* text背景-青 */
.bg-090{ background: #009900; 
font-weight: bold; 
padding: 2px; }		/* text背景-緑 */

.bg-ffccff{ background: #ffccff; }
.bg-ffffcc{ background: #ffffcc; }
.bg-ccffff{ background: #ccffff; }
.bg-movie{
	text-align: center;
	margin: 10px 30px;
	padding: 20px 10px;
	background-color: #42D086;
	background-image: url(../img/greenline.gif);
	border: 2px #e6e6e6 dotted;
}

.bg-movie2{
	text-align: center;
	margin: 10px 30px;
	padding: 20px 10px;
	background-color: #42D086;
	background-image: url(../img/goldline.gif);
	border: 2px #e6e6e6 dotted;
}

.bgc01{
	padding: 20px 0px 0px;
}
.bgc02{
	background-color: #ffffcc;
	padding: 5px 0px;
	margin: 0px 0px 20px 0px;
}
.bgc03{
	background-color: #ffffcc;
	padding: 20px 0px;
	margin: 20px 20px 0px 30px;
}
.bgc04{
	background-color: #FFFF99;
	padding: 20px 0px 0px;
	margin: 20px 20px 0px 30px;
	font-size: 14px;
	text-align: center;
}
#content .bgc05{
	background-color: #ffffcc;
	padding: 15px;
	margin: 20px;
}
#content .bgc05 p{
	padding: 10px 0px 5px;
	line-height: 160%;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #999999 dotted;
}
#content .bgc05b{
	background-color: #ffffcc;
	padding: 25px 15px;
	margin: 20px;
	background-image: url(../img/pagecurls.jpg);
	background-repeat: no-repeat;
}
#content .bgc05b p{
	padding: 10px 0px 5px;
	line-height: 160%;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #999999 dotted;
}

.fs-12{ font-size: 12px; }	/* フォントサイズ12px */
.fs-14{ font-size: 14px; }	/* フォントサイズ14px */
.fs-16{ font-size: 16px; 
font-weight: bold; }	/* フォントサイズ16px */
.fs-18{ font-size: 18px; 
font-weight: bold; }	/* フォントサイズ18px */
.fs-20{ font-size: 20px; 
font-weight: bold; }	/* フォントサイズ20px */
.fs-22{ font-size: 22px; 
font-weight: bold; }	/* フォントサイズ22px */
.fs-24{ font-size: 24px; 
font-weight: bold; }	/* フォントサイズ24px */
.fs-26{ font-size: 26px; 
font-weight: bold; }	/* フォントサイズ26px */
.fs-28{ font-size: 28px; 
font-weight: bold; }	/* フォントサイズ28px */
.fs-30{ font-size: 30px; 
font-weight: bold; }	/* フォントサイズ30px */

.fc-f00{ color: #cc0000; 
font-weight: bold; } /* textカラー-赤 */
.fc-600{ color: #660000; 
font-weight: bold; } /* textカラー-濃赤 */
.fc-00f{ color: #0000ff; 
font-weight: bold; } /* textカラー-青 */
.fc-006{ color: #000066; 
font-weight: bold; } /* textカラー-濃青 */
.fc-909{ color: #990099; 
font-weight: bold; } /* textカラー-紫 */
.fc-090{ color: #009900; 
font-weight: bold; } /* textカラー-緑 */
.fc-ff0{ color: #ffff00; 
font-weight: bold; } /* textカラー-黄 */
.fc-999{ color: #999999; 
font-weight: bold; } /* textカラー-灰 */
.fc-fff{
	color: #ffffff;
	padding: 3px;
font-weight: bold; } /* textカラー-白 */


/* margin */
.m-0 { margin: 0px; }
.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: 0px 70px 70px 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; }

.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }

.mark{
	padding: 0px 0px 0px 10px;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



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



/* 枠組み */
#footer{
	clear: both;
	margin: 0px;
	text-align: center;
	font-size: 9pt;
	padding: 0px 0px 10px 0px;
}


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


/* リスト設定 */
#footer .inner ul{
	margin: 0px;
	padding: 5px 0px;
	list-style: none none outside;
}


/* 各項目 */
#footer .inner ul li{
	display: inline;
	color: #ffffff;
	line-height: 22px;
	padding: 10px;
}


/* コピーライト */
#footer address{
	padding: 7px 0px;
	color: #333333;
	font-weight: bold;
	line-height: 160%;
}


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

#pr{
	clear: both;
	width: 680px;
	margin: 0px auto;
	text-align: right;
	font-size: 8pt;
	color: #666666;
}

#pr a:link{ color: #666666; }
#pr a:hover{ text-decoration: none; }




.c{	text-align: center; }
.l{	text-align: left; }
.r{	text-align: right; }


/*
		インラインフレーム用
--------------------------------------------------*/
#content .inframe{
	clear: both;
	margin: 30px 20px 40px 30px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 250px;
	border: 1px #999999 solid;
	background-color: #ffffff;
	padding: 10px 0px;
}

#content .inframe p{
	margin: 0px;
	font-size: 90%;
	line-height: 140%;
}


#content .inframe dt{
	font-weight: bold;
	font-size: 1.2em;
}

#content .inframe dd{
	margin: 0 0 20px 20px;
}



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

table{
	background: #fff;
	padding: 0px;
	margin: 0px;
	width: 600px;
	font-size: 14px;
}

td{
	padding: 8px;
	background-color: #FFCCFF;
}

.520{
	width: 450px;
}

.150{
	width: 150px;
	padding: 10px;
}

.227{
	width: 225px;
}
.207{
	width: 101px;
	text-align: center;
}
.70{
	width: 44px;
}


a:hover {
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/*
		カウントダウン表示
--------------------------------------------------*/
.countdownTimer{
	width: 600px;
	height: 170px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}


.countdownTimer span{
	color: #C00;
	font-size: 40px;
}

.count_box{
	background: url(../images/countdown.jpg) no-repeat center top;
	width: 600px;
	height: 170px;
}



/* あと何時間 */
/* 日 */
.countdownTimer .days{
	position: absolute;
	top: 85px;
	left: 95px;
	font-size: 60px;
}	

/* 時間 */
.countdownTimer .hours{
	position: absolute;
	top: 85px;
	left: 213px;
	font-size: 60px;
}

/* 分 */
.countdownTimer .mins{
	position: absolute;
	top: 85px;
	left: 353px;
	font-size: 60px;	
}

/* 秒 */
.countdownTimer .secs{
	position: absolute;
	top: 85px;
	left: 471px;
	font-size: 60px;	
}
/*
	END	カウントダウン
--------------------------------------------------*/