@charset "UTF-8";

/* **************************************
*Since: 2008-09-05
*Modified: 2008-00-00
************************************** */

/* Reset & Restyle
-------------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

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

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
	visibility:hidden;
}

a{
	color:#666;
}
.mt5{
	margin-top:5px;
}
/* 
-------------------------------------------------------------------------------*/
body {
	text-align:center;
	color:#333;
	margin:0px;
	padding:20px 0;
	background:#fff;
}

/* clear
-------------------------------------------------------------------------------*/

.clear:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clear{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clear { height: 1% }
.clear {display:block;}
/* end MacIE5 */


/* header
-------------------------------------------------------------------------------*/

div#header {
	width:950px;
	margin:10px auto 20px auto;
}

div#header .logo{
	float:left;
}

div#header .privacy{
	text-align: right;
}
div#header .privacy li{
	display: inline-block;
}

/* maincontent
-------------------------------------------------------------------------------*/

h1 {
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho','游明朝体+36ポかな','YuMincho +36p Kana',sans-serif;
	margin:10px 0 30px;
	text-align:left;
	min-height: 40px;
    padding: 13px 0 0 19px;
	font-size: 160%;
	font-weight:bold;
	color:#FFF;
	background: linear-gradient(#1F1F1F 54%, #000000 56%) no-repeat 50% 50% / 100% 100%;
	position: relative;
}
h1:after{
  content:"";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  background: linear-gradient(
    -45deg,
    #fff 25%, #dadada 25%,
    #dadada 50%, #fff 50%,
    #fff 75%, #dadada 75%,
    #dadada
  );
  background-size: 5px 5px;
}

h2{
	margin:20px 0 0 0;
}

p {
	text-align:left;
}

p.copy{
	line-height:1.5;
	margin:10px 0;
}

.red{
	display: inline-block;
	background:#E83E36;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin-right:10px;
}

em.red{
	font-size:12px;
	background:none;
	color:#E83E36;
	padding:0;
	margin-right:0;
	font-weight:normal;
}

div#maincontent {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

table {
	width:950px;
	margin:10px 0px;
}

table th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	width:200px;
	padding:8px;
}

table th.sub {
	background:#000;
	color:#fff;
	padding:5px;
	width:auto;
}

table td {
	text-align:left;
	vertical-align:middle;
	padding:8px;
}

table .td01{
	background:#F9F9F9;
}

table .td02{
	background:#F0F0F0;
}

table dl.data_box {
	margin: 0;
	padding: 0;
}
table dl.data_box dd {
	padding: 8px 30px 8px 0;
}

input, select {
	margin: 0;
	vertical-align: middle;
}

dl.data_box {
	width: 950px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	background:#F9F9F9;
	text-align: left;
}

dl.data_box dt{
	background:#000;
	color:#fff;
	padding:8px;
	width:auto;
	font-weight:normal;
}

dl.data_box dd {
	margin: 0;
	padding: 0 8px 10px 8px;
	display: inline-block;
	*display:inline;
	*zoom: 1;
}
dl.separate dd {width: 48%}

dl.data_box dd.clear {
	width: 100%;	
	display: block;
}

input.submit{
	background:url(../images/btn_agree.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
	width:250px;
	height:49px;
	cursor: pointer;
}
input.submit2{
	background:url(../images/btn_send.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
	width:250px;
	height:49px;
	cursor: pointer;
}
input.submit:hover{
	background:url(../images/btn_agree_on.gif) no-repeat;
}
input.submit2:hover{
	background:url(../images/btn_send_on.gif) no-repeat;
}
input.back{
	background:url(../images/btn_correct.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
	width:165px;
	height:49px;
	cursor: pointer;	
}
input.back:hover{
	background:url(../images/btn_correct_on.gif) no-repeat;
}

table .area{
	margin:5px 0;
}
.mm{
	width:100%;
	border:1px solid #575757;
}
.mm th{
	background:#F0F0F0;
	vertical-align:middle;
	font-size:13px;
	padding-left:20px;
}
.mm td{
	background:#F9F9F9;
	font-size:13px;
	padding:20px;
}
label{
	display:block;
	margin:5px 0;
	padding:10px;
	box-sizing:border-box;
}
#que label{
	width:49%;
	display:inline-block;
}
.privacy {
	margin-top: 20px;
	text-align: center;
}
#hope dl{
	
	display:inline-block;
	vertical-align:top;
}
#hope dl h3{
	background:#000;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:5px 0;
	margin-bottom:10px;
}
#hope dl .sub{
	background:#424242;
	color:#fff;
	padding:5px;
}
h4{
	background:#424242;
	color:#fff;
	padding:3px;
}
.pl5em{
	padding-left:5em;
}
/* error
-------------------------------------------------------------------------------*/

ul.error {
	margin:20px 0px 0px 0px;
	text-align:left;
}

ul.error li {
	color:#990000;	
}

ul.error li.btBack {
	margin:30px 0px 0px 0px;
}
#scene1 ul li,
		#scene2 ul li{
	display:inline-block;
	width:200px;
}
#scene1 .formError .formErrorContent,
#scene2 .formError .formErrorContent{
	width:130px;
}
/* confirm
-------------------------------------------------------------------------------*/

.str{
	margin:-15px 0 0 0;
	position:relative;
	line-height:1.5;
}


/* privacypolicy
-------------------------------------------------------------------------------*/

dl dt{
	font-weight:bold;
	text-align:left;
	margin:15px 0 10px 0;
}

dl dd{
	text-align:left;
	margin:0 0 20px 0;
	line-height:1.8;
}

dl dd ol{
	margin:10px 0;
}

dl dd ol li{
list-style-type:decimal;
margin:2px 0 2px 40px;
}

.mgT20{
	margin:10px  0 0 0;
}

p.caution{
	font-size:14px;
	padding:5px;
	text-align:center;
	color:#FF0004;
	border:1px solid #FF0004;
	width:96%;
	margin-bottom:10px;
}