@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {	
	color: #2b2b2b;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 15px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	background: url(../img/c-bg.png) repeat-y top center,url(../img/b-bg.gif) repeat;
	white-space: pre-line;
}


@media screen and (max-width: 435px){
	body {
		font-size:90%;
	}
	img{
		width:100%;
	}
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
.kiyaku {
    width: 90%;
    margin: 0 auto 0px;
    white-space: pre-wrap;
    height: 200px;
    overflow: scroll;
    border: solid 1px #CCC;
    font-size: 80%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #e67915;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #ff9636;	/*マウスオン時の文字色（全体）*/
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	width: 100%;
	background: url(../img/main_end.jpg) no-repeat top center;
}
.head { 
	width: 1000px; 
	height: 1066px; 
	margin: 0 auto;
	position: relative;
	text-align:center;
}


.timer {
	width: 1000px;
	height: 250px;
	position: absolute;
	bottom: 40px;
	left: 0px;
	background: url(../img/timer-bg.png) no-repeat top center;
}
.countbox {
	position: absolute;
	bottom: 10px;
	right: 101px;
}

/*ボタン
---------------------------------------------------------------------------*/
.lo{ 
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.lo:hover{ 
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/*ページトップ*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  width: 80px;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  opacity: 0.6;
}
#page-top:hover{
	opacity: 0.8;
}

/*content
---------------------------------------------------------------------------*/
#content {
	width: 1000px;
	margin: -57px auto 0;
}
#content p {
	white-space: pre-wrap;
}
.ttl {
	margin-top: 50px;
	margin-bottom: 20px;
}
.tbox1 {
	width: 900px;
	margin: 0 auto;
}
.tbox2 {
	width: 800px;
	margin: 0 auto;
}
.mes {
	width: 860px;
	margin: 0 auto; 
	padding: 20px;
	background: #000;
}
.moviebox {
	width: 1000px;
	height: 840px;
	position: relative;
	background: url(../img/movie-bg.png) no-repeat top center;
}
.movie1{
	position: absolute;
	top: 266px;
	left: 82px;
}
.movie2, .movie3, .movie4, .movie5, .movie6 { position: absolute;}
.movie2 { bottom: 50px; left: 69px;}
.movie3 { bottom: 50px; left: 286px;}
.movie4 { bottom: 50px; right: 281px;}
.movie5 { bottom: 50px; right: 67px;}
.movie6 { bottom: 36px; left: 380px;}

table td {
	white-space: pre-wrap;
}
.matome {
	width: 950px;
	margin: 0 auto 60px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.matome th {
	padding: 15px;
	font-size: 120%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.matome td {
	padding: 15px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.gaiyou {
	margin: 0 auto;
    width: 900px;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
}
.gaiyou th {
	vertical-align: middle;
    width: 200px;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.gaiyou td {
	padding: 0 20px;
    margin: 0;
    border: none;
    color: #333;
    vertical-align: middle;
    /*overflow: hidden;*/
}
.gaiyou td.bar {
	height: 1px;
    border-top: solid 1px #34495e;
}

.formbox {
	background: url(../img/form-bg.jpg) no-repeat top center;
	width: 910px;
	height: 287px;
	margin: 0 auto;
	position: relative;
}
.semail {
    position: absolute;
    top: 100px;
    left: 110px;
    padding: 11px;
    font-size: 130%;
    width: 570px;
    background: #fffdde;
    border: 2px #eee inset;
}
.submit {
    top: 100px;
    right: 60px;
    position: absolute;
}
.count {
	position: absolute;
	bottom: 10px;
	left:0;
	
}
.voice {
	width: 640px;
	padding: 25px;
	margin: 30px auto;
	border-radius: 5px;
	background: #000;
}
.qa { 
	padding: 40px;
}
.qa dt {
	background: url(../img/icon-q.png) no-repeat;
	font-size: 130%;
	font-weight: bold;
	padding: 0px 20px 8px 50px;
}
.qa dd {
	background: url(../img/icon-a.png) no-repeat;
	padding: 0px 20px 15px 50px;
	margin: 0px 0 15px;
	border-bottom: 1px dashed #ccc;
}
.pay1 {
	margin: 0;
	background: #333;
	text-align: center;
	padding: 8px;
	color: #fff;
}
.pay2 {
	margin: 0;
	background: #00479d;
	text-align: center;
	padding: 8px;
	color: #fff;
}

.order1, .order2 {
	width: 900px;
	height: 334px;
	margin: 0 auto 20px;
	position: relative;
}
.order1 { background: url(../img/payment-bg1.png) no-repeat top center;}
.order2 { background: url(../img/payment-bg2.png) no-repeat top center;}

.btn1 { 
	position: absolute;
	top: 30px;
	right: 30px;
}
.btn2 { 
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.btn3 { 
	position: absolute;
	top: 30px;
	right: 30px;
}

.btn4 { 
	position: absolute;
	bottom: 30px;
	right: 30px;
}



/*background color
---------------------------------------------------------------------------*/
.graybox {
	background: #f5f5f5;
	padding: 20px;
	width: 860px;
	margin: 0 auto 30px;
	font-size: 12px;
	overflow:hidden;
}
.wbox {
	padding: 10px;
	border: 1px solid #ccc;s
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
    background: #202020;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 60px;
    padding: 47px 0 100px;
}
footer a  { color: #fff;}
footer a:hover  { color: #fff;}


/*その他
---------------------------------------------------------------------------*/
.clear { clear: both;}
.center { text-align: center;}

.left { float: left;}
.right { float: right; }

.aligncenter {
	display: block;
	margin: 0 auto;
}


/*フォント設定
---------------------------------------------------------------------------*/
.u { text-decoration: underline; }
.red { color: #d80011; }
.pink { color:#e61f8a; }
.ao { color: #003471; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.b { font-weight: bold; }
.through { text-decoration: line-through; }

.box-over { overflow-y: auto;}
.t-shadow { text-shadow: 1px 1px 3px #444;}

.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.yellow { background-color: #FF6; }

.justify { text-align: justify;}

.letter-p {
	background: url(../img/bg-noteline2.gif) repeat;
	line-height: 30px;
}

.s10 { font-size:10px;}
.s11 { font-size:11px; line-height: 1.3;}
.s12 { font-size: 12px;}

.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f120 { font-size:120%; }
.f130 { font-size:130%; }
.f150 { font-size:150%; }
.f200 { font-size:200%; }

/* margin
---------------------------------------------------------------------------*/
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }

.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }
.mr60 { margin-right: 60px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr300 { margin-right: 300px; }
.mr400 { margin-right: 400px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }

.pad20 { padding: 20px 40px;}

.pt5 { padding-top: 5px;}
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }

.pb10 { padding-bottom: 10px; }
.pb40 { padding-bottom: 40px; }

.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }

.pr10 { padding-right: 10px; }