@charset "utf-8";
/* CSS Document */


/*------------------------------------------------------------
	基本スタイル
------------------------------------------------------------*/
body {
	background: #fff url(../images/body_bg.gif) center top repeat;
	color: #333;
	font: 16px/1.8 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
p {
	margin: 0 0 1.5em 0;
}

/*画像透過*/
.imgHover:hover img{
   opacity:0.8;
   filter: alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}
.imgHover:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}
a, a visited {
	color: #04c;
	text-decoration: underline;
}
a:hover {
	color: #04c;
	text-decoration: none;
}

/*------------------------------------------------------------
	動画ページ
------------------------------------------------------------*/
#movie {
	border-top: 12px solid #ff9500;
}
#movie h1 {
	font-size: 200%;
	margin: 40px auto 25px;
	width: 1000px;
}
#movie .youtube {
	margin: 0 auto 30px;
}
#movie .btn {
	width: 300px;
	margin: 0 auto 50px;
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	display: block;
	position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#movie .btn02 {
	width: 550px;
	border: 1px solid #006cd9;
}
#movie .btn a {
	background: #000;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 150%;
	padding: 3px 15px 2px;
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#movie .btn02 a {
	padding: 20px 15px 17px;
	background: linear-gradient(top, #269aff, #006cd9);
	background: -moz-linear-gradient(top, #269aff, #006cd9);
	background: -webkit-gradient(linear, left top, left bottom, from(#269aff), to(#006cd9));
	background: -ms-linear-gradient(top, #269aff, #006cd9);
}
#movie .btn a:hover {
	background: #444;
}
#movie .btn02 a:hover {
	background: linear-gradient(top, #0080ff, #59b2ff);
	background: -moz-linear-gradient(top, #0080ff, #59b2ff);
	background: -webkit-linear-gradient(top, #0080ff, #59b2ff);
	background: -ms-linear-gradient(top, #0080ff, #59b2ff);
}
#movie .btn a:visited {
	color: #fff;
}
#movie .btn a span {
	display: table-cell;
	background: url(../images/arw_01.png) right center no-repeat;
}

.tit {
	color: #ff0040;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px;
}

#h2 {
	font-size: 200%;
	margin: 40px auto 25px;
	width: 1000px;
}

/*------------------------------------------------------------
	全体構造
------------------------------------------------------------*/
#wrapper {
	width: 100%;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header {
	width: 100%;
	margin-bottom: 30px;
	background-color: #fff;
}
header h1 {
	text-align: center;
}

/*------------------------------------------------------------
	タイマー
------------------------------------------------------------*/
.timer {
	width: 1000px;
	background: #ff0040;
	font-size: 180%;
	font-weight: bold;
	color: #fff;
	padding: 15px 0 10px;
	margin: 0 auto 40px;
	text-align: center;
}
.timer p {
	margin: 0;
}
.timer .small {
	margin-right: 20px;
	font-size: 100%;
}
.countdown {
	color: #fff04c;
	font-size: 150%;
}


/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
h1 {
	text-align: center;
}
.bg01 {
	background: #fe9 url(../images/bg_white_dia.png) 0 0 repeat;
	padding: 40px 0;
}
.bg02 {
	padding: 40px 0;
	background-color: #FFCEE7;
	background-image: url(../images/bg_white_dia.png);
	background-repeat: repeat;
	background-position: 0 0;
}
.bg03 {
	background-color: #8FD3F5;
	background-image: url(../images/bg_white_dia.png);
	background-repeat: repeat;
	background-position: 0 0;
	margin-top: 10px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.bgFilm {
	background: url(../images/bg_film.png) 50% 60% no-repeat;
}
.bg04 {
	background: #fff url(../images/img_01.jpg) right bottom no-repeat;
	width: 800px;
	padding: 50px 60px 20px;
	margin: 0 auto 50px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.bg04 p {
	text-shadow: 1px 1px 2px #fff , -1px -1px 2px #fff;
}
.bgSky {
	background: url(../images/txt_02.jpg) center top no-repeat;
	padding: 730px 0 0;
}


.box {
	width: 800px;
	padding: 50px 60px 20px;
	margin: 0 auto 50px;
	background: #fff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.message {
	width: 800px;
	padding: 50px 60px 20px;
	background: #fff;
	border: 5px solid #a2d968;
	margin: 40px auto 50px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.youtube {
	background: url(../images/youtube_bg.png) center top no-repeat;
	padding: 21px 0 0 40px;
	width: 980px;
	height: 551px;
	margin: 0 auto;
}
.youtube iframe {
	width: 950px;
	height: 534px;
}

.dl01 {
	margin-bottom: 30px;
}
.dl01 dt {
	width: 6.5em;
	float: left;
}
.dl01 dd {
	margin: 0 0 0 6.5em;
}
.box02 {
	background: #fff9e5;
	padding: 20px 30px;
	margin: 0 0 30px;
	font-size: 80%;
}
.box02 ul {
	margin: 0 0 0 7px;
}
.box02 ul.fL {
	float: left;
	margin: 0 50px 0 7px;
	line-height: 1.5;
}
.hr_01 {
	border: none;
	background: url(../images/footer_bg.png) top center repeat-x;
	height: 15px;
	margin: 0;
}

/*------------------------------------------------------------
	テーブル
------------------------------------------------------------*/
.tbl01 {
	width: 95%;
	margin: 0 auto 30px;
	font-size: 90%;
}
.col03 {
	background: #dff2df;
}
.col04 {
	background: #ffeae5;
}
.tbl01 th {
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 5px 15px;
	background: #f7f4e1;
}
.tbl01 td {
	width: 10%;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	border-bottom: 1px solid #fff;
	padding: 5px;
}
.tbl01 .bg01 {
	background: #f2ecce;
}
.tbl01 .bgno {
	background: none;
}

/*------------------------------------------------------------
	フォーム
------------------------------------------------------------*/

form {
	margin: 0 auto 20px;
	width: 700px;
/*	padding: 110px 20px 20px;
	border: 6px solid #fa0;
	background: #ffd84c url(../images/bg_white_dia.png) 0 0 repeat;*/
	position: relative;
}
form .input_txt {
	font-size: 130%;
	border: none;
	width: 500px;
	padding: 15px 10px;
	background: #fff;
	margin: 0 0 30px;
	border: 3px solid #0073e5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px; 
}
form .form_h {
	position: absolute;
	top: -20px;
	left: 115px;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
footer {
	padding: 15px;
}
#copyright {
	font-size: 90%;
	text-align: center;
	margin: 0 0 50px;
}


/*------------------------------------------------------------
	装飾
------------------------------------------------------------*/
.bold { font-weight: bold;}
.normal {font-weight: normal;}
.small { font-size: 85%;}
.large { font-size: 125%;}
.red {color: #f20000;}
.orange {color: #bf5900;}
.white { color: #fff;}
.blue { color: #04c;}

.marked01 li { background: url(../images/marker_01.png) 0 7px  no-repeat; padding-left: 17px; margin: 0 0 12px; line-height: 1.6;}
.borderList li {border-bottom: 1px solid #ccc; margin-bottom: 15px;}

.block { display: block;}
.inline {display: inline;}
.underlined { border-bottom: 1px solid #c0e4f0; padding-bottom: 5px;}
.indent1 {text-indent: -1em; margin-left: 1em;}


/*------------------------------------------------------------
	右寄せ／左寄せ
------------------------------------------------------------*/
.fR { float: right;} 
.fL { float: left;} 
.imgR { float: right; margin: 0 0 1em 1em;} 
.imgL { float: left; margin: 0 1em 1em 0;} 
.center { text-align:center !important;}
.right { text-align: right !important;}
.left { text-align: left !important;}

/*------------------------------------------------------------
	clear
------------------------------------------------------------*/
/*clear*/
.clear {clear:both;}

/* clerfix */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

/*------------------------------------------------------------
	margins
------------------------------------------------------------*/
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}