@charset "UTF-8";

/* ------------------------- font reset*/
body {
 font:13px/1.231 verdana, arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

select, input, button, textarea {
 font:99% arial, helvetica, clean, sans-serif;
}

table {
 font-size:inherit;
 font:100%;
}

pre, code, kbd, samp, tt {
 font-family:monospace;
*font-size:108%;
 line-height:100%;
}

strong, dt, th {
 font-weight:bold;
}
/*-------------------------*/
body {
	padding:0.5em;
	margin:0.5em;
	color:#0b0b0f;
	/* background:#ff4157 url(../img/bg-form.png); */
	background:#000 url(../img/bg-form.png);
}
body#err,
body#comp{
	color:#ff193f !important;
	background-color:#000;
	
}
body#err li,
body#comp .comp{
	color:#fff;
	background:#ff193f;
	padding:0.2em 0.5em;
	margin-bottom:0.7em;
}
	
header h1 {
	border-bottom:1px dotted #fff;
	padding-bottom:1.8em;
	margin-bottom:1.5em;
}

h2{
	color:#fff;
	background:#000;
	padding:0.2em 0.5em;
	margin-bottom:0.7em;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

h2.please{
	color:#fff;
	background:#fe4157;
}

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

li{
	line-height:1.5;
}
#submitbtn li{
	color:#fff;
}
a{
	color:#ff193f;
	text-decoration:none;
}

#container,
noscript p {
	width:400px;
	margin:0 auto;
	padding:50px;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.75);
	/* background:rgba(0,0,0,0.8); */
	
	/* 角丸 */
border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

box-shadow:
0px 1px 2px rgba(0,0,0,0.5);
}
noscript p{
	margin-bottom:2em;
}


/* -------------------------  エラーメッセージ*/
.errorMessage{
	/* display:none; */
	color:fe4157;
	background:#fff;
	/* background:#ff193f; */
	/* background:#fe4157; */
	/* background:#000; */
	padding:0.6em 1em;
	margin-bottom:2em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.errorMessage p{
	margin-bottom:0.5em;

}
.errorMessage ul{
	margin:0;
	padding:0;
}
.errorMessage li{
	list-style:disc;
	margin-left:1.5em;
}

.errorMessage{
	-webkit-animation-name: err;
-webkit-animation-duration: 4s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;

-moz-animation-name: err;
-moz-animation-duration: 4s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

-o-animation-name: 2rr;
-o-animation-duration: 5s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;

-ms-animation-name: err;
-ms-animation-duration: 4s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;

animation-name: err;
animation-duration: 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes err {
 0% {
		-webkit-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
 }
 50% {
		/* background:#282526; */
		-webkit-box-shadow: 0 0 2px #e54e77;
 }
	100%{
		-webkit-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
	}
}

@-moz-keyframes err{
 0% {
		-moz-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
 }
 50% {
		/* background:#282526; */
		-moz-box-shadow: 0 0 2px #e54e77;
 }
	100%{
		-mo-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
	}
}

@-o-keyframes err{
 0% {
		-o-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
 }
 50% {
		/* background:#282526; */
			-o-box-shadow: 0 0 2px #e54e77;
 }
	100%{
		-o-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
	}
}

@-ms-keyframes err{
 0% {
		-ms-box-shadow: 0 0 6px #e54e77;
		/* /* background:#0e0e0e; */ */
 }
 50% {
		/* background:#282526; */
			-ms-box-shadow: 0 0 2px #e54e77;
 }
	100%{
		-ms-box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
	}
}

@keyframes err {
 0% {
		box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
 }
 50% {
		/* background:#282526; */
			box-shadow: 0 0 2px #e54e77;
 }
	100%{
		box-shadow: 0 0 6px #e54e77;
		/* background:#0e0e0e; */
	}
}


/* ------------------------- form */

.required{
	color:#f33;
	margin-left:0.5em;
}
input, textarea {
	/* color:#fff; */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.err input[type="text"],.err textarea{
	border:2px solid #C00;
}

/* for modern browser */
input[type="text"], textarea {
	border: 1px solid #ebebeb;
	padding: 2px 4px;
	background:#ebebeb;
	width:390px;
	
}


/* for modern browser*/
input[type="text"]:focus, textarea:focus {
	color:#000;
	background-color: #fff;
	/* border-top: 1px solid #48dace;
	border-right: 1px solid #ee3c4a;
	border-bottom: 1px solid #ee3c4a;
	border-left: 1px solid #48dace; */
	/* text-shadow:
-1px 0px 0px #28a5dc, 1px 0px 0px #ee3c4a; */
	
	box-shadow:
-1px 0px 1px #48c0da,1px 0px 1px #ee3c4a;
	
}
form{
	margin-bottom:3em;
}
form ul.user li,
form p{
	margin-bottom:0.8em;
}
form ul.user{
	margin-bottom:2em;
}
form #contacts-body{
	margin-bottom:2em;
}
form ul#submitbtn{
	margin-bottom:0;
}
	

/* formend
------------------------- */

#submitbtn {
	overflow:hidden;
	width:190px;
	height:50px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#index #submitbtn{
	margin:auto;
}
#submitbtn ul {
	display:block;
	transition-duration: 0.25s;
	transition-timing-function: ease-in;
	
	-moz-transition-duration: 0.25s;
	-webkit-transition-duration: 0.25s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
}
/* #submitbtn ul:hover {
	transform: translate(0, -50px);
	
	-moz-transform: translate(0, -50px);
	-webkit-transform: translate(0, -50px);
}
 */
#submitbtn ul:hover {
	transform: translate(0, -50px);
	
	-moz-transform: translate(0, -50px);
	-webkit-transform: translate(0, -50px);
}

#submitbtn li.s1,
#submitbtn li .enter {
	display:block;
	width:190px;
	height:50px;
	text-align:center;
	line-height:50px;
}
#toTop input{
	display:block;
	width:190px;
	height:50px;
	text-align:center;
	line-height:50px;
	border:none;
	color:#fff;
	background:#47331C;
}
li.s1 {
	background:#8e825b;
}

.enter{
	border:none;
	background:#ff193f;
}

.submits #toEndform{
	float:right;
	width:190px;
}
.submits #toTop{
	float:left;
	width:190px
}

/* ------------------------- 閉じる*/
.popup-close{
	text-align:center;
	padding:2em 0 0 0;
	margin:1em 0 0 0;
}
.popup-close p{
	display:block;
	color:#fff;
	background:#000;
	margin:0 auto;
	width:190px;
	height:30px;
	line-height:30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*------------------------- typo */
#container {
	font-size:100%;
	
}
.required{
	font-size:93%;
}
noscript p{
	color:#fff;
	font-size:182%;
	text-shadow:
-5px 0px 0px #48c0da, 5px 0px 0px #ee3c4a;
	
}

/* ------------------------- confirm */
dl.confirm{
	background:#fff;
	padding:2em;
	margin-bottom:2em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
dl.confirm dd{
	margin-bottom:1em;
}

/* -------------------------  privacypolicy*/
aside#privacy{
	cursor:pointer;
font-size:93%;
	
}
aside h1{
	margin-bottom:1em;
	
		text-align:right;
}
aside address{
		text-align:right;
}

/* ------------------------- placeholder文字色 IEはjsで対応、operaは未対応*/
::-webkit-input-placeholder{
color:#fe4157;
}
:-moz-placeholder{
	color:#fe4157;
}


/* ------------------------- clearfix */
.submits {
/zoom : 1;
}
.submits:after {
content : '';
display : block;
clear : both;
height:0.01px;/*firefoxバグ対策*/
}