@charset "UTF-8";

/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none;}


/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-family:"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #000;
	background: #e4e4e4;
	width:100%;
	/*min-width:980px;*/
	text-align:center;
	position:relative;
	font-size:14px;
}

a,a:link,a:active,a:visited{
	color:#000;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}

/*contents*/
/*------------------------------------------------------------------------------*/

span.red { color:#ff0000;}

#wrap{
	width:744px;
	min-height:1044px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-394px;
	background:url(../img/bgpaper.png) top left no-repeat;
	text-align:left;
}

#contents{
	width:700px;
	margin:0 0 0 44px;
	padding-top:60px;
}


h2 {width:234px;
	margin:0 auto 40px;
	padding:0;
}
h2 img{ width:234px; height:25px;}
p { margin-left:50px;}
p.jp { line-height:160%;}
p.en { font-size:13px;}

p.attention { margin:30px 0 40px 50px; font-size:12px;}




#form_wrap dl {
	display:block;
	width:600px;
	margin-left:50px;
	overflow:hidden;
	border-bottom:#ccc solid 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
#form_wrap dl dt {
	float:left;
}
#form_wrap dl dt span.en {
	font-size:13px;
	color:#000;
}


#form_wrap dl.type {
	border-bottom:none;
}
#form_wrap dl.type dt {
	float:none;
	width:600px;
	margin-bottom:20px;
}
#form_wrap dl.type dd { font-size:14px; margin:0 0 0 20px;}
#form_wrap dl.type dd br{ display:none;}

#form_wrap dl.name dt { width:110px;}
#form_wrap dl.mail dt { width:70px;}
#form_wrap dl.phone dt { width:200px;}
#form_wrap dl.inquiry dt { margin-bottom:10px;}

#form_wrap dd input{ height:20px; border:none;}

#form_wrap dl.name dd input{ width:350px;}
#form_wrap dl.mail dd input{ width:430px;}
#form_wrap dl.phone dd input{ width:300px;}


#form_wrap dd textarea{
	width:600px;
	height:200px;
	border:none;
}

#form_wrap p.pp br { display:none;}

#form_wrap p.pp_jp {
	margin-top:10px;
	margin-bottom:5px;
	line-height:150%;
	font-size:13px;
	width:600px;
}
#form_wrap p.pp_en { font-size:13px;}


#form_wrap .btn {
	width:680px;
	height:40px;
	position:absolute;
	bottom:54px;
	left:54px;
}
#form_wrap .submit {
	width:680px;
	height:40px;
	background:#000;
	border:none;
	color:#fff;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	letter-spacing: 5px;
}

#form_wrap .submit:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#73d8f0+0,e0bcec+51,f1c991+100 */
background: #73d8f0; /* Old browsers */
background: -moz-linear-gradient(left, #73d8f0 0%, #e0bcec 51%, #f1c991 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #73d8f0 0%,#e0bcec 51%,#f1c991 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #73d8f0 0%,#e0bcec 51%,#f1c991 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73d8f0', endColorstr='#f1c991',GradientType=1 ); /* IE6-9 */
}



a.pagetop {
	width: 30px;
	height: 0;
	background: url(../image/pagetop.png) no-repeat 0 0;
	padding-top: 35px;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
}