@charset "utf-8";

/*
-------------------FontSizeReset-------------------
10px : 0.77em
11px : 0.85em
12px : 0.92em
13px : 1.0em
14px : 1.07em
15px : 1.14em
16px : 1.22em
17px : 1.29em
18px : 1.36em
19px : 1.44em
20px : 1.52em
21px : 1.59em
22px : 1.67em
23px : 1.74em
24px : 1.82em
25px : 1.89em
26px : 1.97em
-------------------//FontSizeReset-------------------
*/

/*==================================================

Style_Reset&Setting

==================================================*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 13px;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	color: #333;
	line-height: 1.0;
	*font-size: small;
	*font: x-small;
	background: url(../images/back.jpg) repeat-x left top;
	
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,form,dl,dt,dd {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 1.5em;
	font-size: 1.29em;
	line-height: 1.8em;
}

ul,ol {
	margin-bottom: 1.5em;
}

li {
	font-size: 1.44em;
	font-weight: bold;
	line-height: 1.5em;
}

ol,ul,li{
	list-style: none;
}

a {
	color: #00F;
	text-decoration: underline;
}

a:hover {
	color: #00F;
	text-decoration: none;
}

address {
	font-style: normal;
}

hr {
	display: none;
}

img {
	border: none;
	vertical-align: bottom;
}

/*==================================================

Set

==================================================*/

.m_b1_5 {
	margin-bottom: 1.5em;
}

.m_b2 {
	margin-bottom: 2.0em;
}

.m_b3 {
	margin-bottom: 3.0em;
}

.m_b4 {
	margin-bottom: 4.0em;
}

.impact {
	font-weight: bold;
}

.impact_o {
	font-size: 1.14em;
	font-weight: bold;
	color: #F30;
}

.impact_b {
	font-size: 1.14em;
	font-weight: bold;
	color: #009;
}

.bg_y {
	padding: 2px;
	font-weight: bold;
	background: #FF0;
}

.center {
	text-align: center;
}

.small {
	font-size: 10px;
	line-height: 1.5em;
}

.contentsImg {
	margin-bottom: 1.0em;
	border: 5px solid #333;
}

.paragraph {
	margin-bottom: 2.0em;
}

.img_r {
	margin: 0 0px 10px 10px;
	float: right;
}

.img_r img {
	margin: 0;
	padding: 5px;
	border: 1px solid #CCC;
}

/*==================================================

LayOut

==================================================*/

#header {
	padding: 0;
	width: 100%;
	height:1150px;
	text-align: center;
	background: #000 url(../images/back_header.jpg) no-repeat center top;
}

#contents {
	margin: 0 auto;
	padding: 60px 75px 0;
	width: 650px;
	background: url(../images/back_contents.jpg) repeat-y left top;
}

.movie {
	padding: 20px 0;	
}

.movie h2 {
	margin-bottom: 1.0em;
}

#movie1_wrapper {
	margin: 0 auto;
	padding-top: 5px;
	width: 630px;
	height: 366px;
	background: #333;
}

#movie2 {
	margin: 0 auto;
	width: 640px;
}

#movie2_wrapper {
	margin: 0 auto;
	padding-top: 5px;
	width: 650px;
	height: 501px;
	background: #333;
}

/*==================================================

#header

==================================================*/

#exitPop {
	top: 10px;
	display: block;
	width: 100%;
	height: 20px;
	position: fixed;  
	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression(documentElement.scrollTop + 10 + 'px');
}

h1,h2 {
	margin: 0;
	padding: 0;
	line-height: 1.0em;
}

#timer {
	margin-bottom: 1.0em;
	padding: 0 0 35px;
	width: 100%;
	height: 108px;
	text-align: center;
}

#timer .inner {
	margin: 0 auto;
	width: 630px;
	border: 5px solid #900;
	background: #FFF;
}

#timer p {
	margin-bottom: 0em;
	font-size: 28px;
}

/*==================================================

#contents

==================================================*/

h3 {
	margin-bottom: 2.0em;
	text-align: center;
}

.article {
	margin-bottom: 8.0em;
}

#profile {
	margin-bottom: 1.5em;
	padding: 10px 10px 0;
	border: 5px solid #333;
	overflow: hidden;
}

#profile p {
	margin-bottom: 0.7em;
	font-size: 1.14em;
	border-bottom: 1px dotted #333;
	overflow: hidden;
}

#profile .impact {
	margin-bottom: 0.4em;
	border: none;
}

#step li {
	margin-bottom: 2.0em;
}

.checklist {
	padding: 20px 20px 0;
	width: 600px;
	border: 5px solid #900;
}

.checklist li {
	margin-bottom: 2.0em;
	padding-left: 40px;
	background: url(../images/check.gif) no-repeat left 3px;
}

#functionlist {
	margin-bottom: 2.0em;
	padding: 20px;
	width: 600px;
	border: 5px solid #900;
}

.functionlistheading {
	margin-bottom: 1.0em;
}

#functionlist dt {
	margin-bottom: 0.6em;
	padding: 10px 0 10px 40px;
	font-size: 1.52em;
	font-weight: bold;
	background: url(../images/mk_functionlist1.png) no-repeat left center;
}

#functionlist dd,#functionlist2 dd {
	margin-bottom: 1.5em;
}

#functionlist dd p,#functionlist2 dd p {
	margin-bottom: 0.5em;
	font-size: 1.07em;
}

#functionlist2 {
	padding: 20px;
	width: 600px;
	border: 5px solid #F60;
}

#functionlist2 dt {
	margin-bottom: 0.6em;
	padding: 10px 0 10px 40px;
	font-size: 1.52em;
	font-weight: bold;
	background: url(../images/mk_functionlist2.png) no-repeat left center;
}

#package {
	margin-bottom: 1.0em;
	width: 640px;
	border: 5px solid #900;
}

.input {
	margin: 0 auto 2.0em;
	padding: 20px 51px 0px;
	width: 410px;
	height: 317px;
	background: url(../images/back_input2.jpg) no-repeat left top;
}

.input table {
	margin-bottom: 0.5em;
	width: 410px;
}

.input th {
	width: 50%;
	font-size: 1.22em;
	text-align: right;
}

.input td {
	padding: 5px 0;
	width: 200px;
	text-align: left;
}

.input #name {
	margin: 0 0 5px 10px;
	width: 120px;
}

.input .mail {
	margin: 0 0 5px 10px;
	width: 200px;
}

#spec {
	padding: 20px 20px 1px;
	width: 610px;
	background: #CCC;
}

#spec h4 {
	margin-bottom: 1.5em;
	font-size: 1.36em;
}

#spec p {
	margin-bottom: 1.5em;
	font-size: 1.0em;
	line-height: 1.5em;
}

.end {
	margin-bottom: 0.1em;
	font-size: 2.5em;
	text-align: center;
	color: #900;
}

/*==================================================

#footer

==================================================*/

#footer {
	padding: 10px 0;
	text-align: center;
}

#footer li {
	margin-right: 30px;
	width: auto;
	font-size: 1.0em;
	font-weight: bold;
	display: inline;
	white-space: nowrap;
}

#footer p {
	margin-bottom: 0;
	font-size: 12px;
}

/*==================================================

#contact,#law

==================================================*/

#law h1,#contact h1 {
	margin-bottom: 2.0em;
	text-align: center;
}

#law,#contact {
	background: none;
}

#law table {
	margin: 0 auto 2.0em;
	width: 640px;
	font-size: 1.0em;
	line-height: 1.5em;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

#law th {
	padding: 15px 0;
	width: 30%;
	text-align: center;
	background: #F0F0F0;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

#law td {
	padding: 15px 0 15px 15px;
	width: 70%;
	border-bottom: 1px solid #666;
}

.close {
	margin-bottom: 0;
}

#contact_form {
	width: 640px;
}

#contact #contact_form table {
	margin: 0 auto 2.0em;
	width: 640px;
	border: 1px solid #666;
}

#contact th {
	padding: 15px 0;
	width: 30%;
	text-align: center;
	background: #F0F0F0;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

#contact td {
	padding: 15px 0 15px 15px;
	width: 70%;
	border-bottom: 1px solid #666;
}

#contact_form #name,#contact_form #mail {
	width: 200px;
}

#contact_form #free1 {
	width: 400px;
}

#contact #form_btn{
	border-bottom: none;
}

#movie_pr {
	width: 620px;
	height: 361px;
}

#movie_method {
	width: 640px;
	height: 496px;
}