@charset "utf-8";

/*
+ Text
+ List
+ Others
*/

/*--------------------
	font-size
----------------------
10px - 77%
11px - 85%
12px - 93%
13px - 100%
14px - 108%
15px - 116%
16px - 123.1%
17px - 131%
18px - 138.5%
19px - 146.5%
20px - 153.9%
21px - 161.6%
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197%
--------------------*/

/* Don't Edit */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display: block;
}

* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	word-break: break-all;
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/*--------------------
	Text
--------------------*/

p {
	font-weight: bold;
}

figure,figcaption {
	font-weight: bold;
}

h1 {
	margin: 1em 0 2em 0;
	font-size: 123.1%;
}


h1 img {
}

h2 {
}

h3 {	
}

h4 {	
}

address {
}

/*--------------------
	List
--------------------*/

li {
	list-style-type: none;
}
a.bnr:hover {
	
}

dt,
dd {
	font-weight: bold;
}

/* Opera Hack */
html:first-child li,
html:first-child dt,
html:first-child dd {
	font-size: 1em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100% !important;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {

}

/*--------------------
	link
--------------------*/

a {
	color: #f70073;
}

/*--------------------
	Others
--------------------*/

img {
	border: none;
}

hr {
	height: 1px;
	border: 1px solid #fff;
}	
	
	
/*--------------------
	STYLE
--------------------*/

body{
background-image:url("../img/bg.jpg");
background-position:center top;
background-repeat:no-repeat;
 background-attachment:fixed;     
}

#shadow{
max-width:664px;
background-image:url("../img/img_wrapBg.png");
margin:0 auto 0;
background-size:contain;
}

#wrapper{
display:block;
width:640px;
background-color:#fff;
background-image:url("../img/bgImage.jpg");
background-position:0 213px;
background-repeat:no-repeat;
margin:0 auto 0;
}

#header{
display:block;
margin:0 0 0px;
position:relative;
z-index:0;
}

#header_l{
display:block;
margin:0 0 -930px;
}

.title {
font-size:38px;
font-weight:600;
line-height:120%;
margin:0 0 0px;
color:#005e66;
}

.title2 {
font-size:15px;
font-weight:300;
margin:0 0 10px;
color:#004c6b;
}

#contents{
width:600px;
margin:10px auto 10px;
padding:10px 20px 20px;
position:relative;
z-index:10;
}

.box{
background-color:#eee;
width:570px;
margin:10px 0 0;
padding:15px 15px 35px;
}

.box_bgnone{
background-color:#eee;
width:570px;
margin:10px 0 0;
padding:15px 15px 35px;
}


.box_finish{
background-color:#fff;
width:566px;
margin:15px 0 0;
padding:15px 15px 20px;
border:2px solid #ccc;
}

.exp{
font-size:18px;

color:#300;

}

.attention{
color:#004c6b;
display:block;
margin:10px 0 20px;
font-size:13px;
}

textarea{
display:block;
width:540px;
margin:15px 0 25px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size:25px;
color:#000;
font-weight:600;
padding:10px 15px 10px;
color:#004c6b;
background-color:#fff;
border:none;
}

.messageArea{
display:block;
width:540px;
margin:15px 0 25px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size:25px;
color:#000;
font-weight:600;
padding:10px 15px 10px;
color:#004c6b;
background-color:#fff;
}


#footer{
width:100%;
margin-top:20px;
text-align:center;
background-image:url("../img/bg_footer.png");
position:relative;
z-index:10;
}


#footer img{
display:block;
width:100%;
margin:0 auto 0px;
}

.btn_top{
width:590px;
display:block;
margin:20px auto 0;
position:relative;
z-index:10;
}

.btn_message{
width:600px;
display:block;
margin:0 auto 0;
position:relative;
z-index:10;
}

.btn_officialsite{
width:600px;
display:block;
margin:10px auto 0;
position:relative;
z-index:10;
}

.btn_confirm{
width:255px;
height:75px;
background-image:url("../img/btn_confirm.png");
display:block;
margin:0 auto 0;
background-color:transparent;
border:none;
}

.btn_alter{
float:left;
width:255px;
height:75px;
background-image:url("../img/btn_alter.png");
display:block;
margin:0 0 0 19px;
background-color:transparent;
border:none;
}

.btn_contribute{
float:left;
width:255px;
height:75px;
background-image:url("../img/btn_contribute.png");
display:block;
margin:0 0 0 20px;
background-color:transparent;
border:none;
}

#message{
display:block;
width:536px;
background-color:#000;
padding:15px;
text-align:center;
}


#message .title{
display:block;
font-size:20px;
color:#fff;
}

#message .code{
color:#ff0;
font-size:45px;
font-weight:200;
background-color:#000;
}

#date{
display:block;
font-size:17px;
width:546px;
padding:10px;
background-color:#d00;
margin:8px 0 28px;
color:#ff0;
text-align:center;
}

.btn_next{
float:right;
}

.comentBox{
background-color:#666;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:15px 18px 15px;
margin:15px 0 15px;
}

.message{
font-size:25px;
color:#fff;
font-weight:300;
}


.btn_back{
float:left;
}

.data{
display:block;
font-size:14px;
margin:8px 0 0;
color:#fff;
}

.bold{
font-weight:600;
font-size:19px;
color:#004c6b;
}

.red{
font-weight:600;
font-size:19px;
color:#d00;
}












	
	

}