@import url(http://fonts.googleapis.com/css?family=Electrolize);

/* HTML5 Boilerplate  */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#222;}body{margin:0;font-size:1em;line-height:1.4;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;*margin-left:-7px;padding:0;white-space:normal;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:valid,textarea:valid{ }input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}

::-moz-selection{background:#B9B4B5;color:#fff;text-shadow:none;}
::selection     {background:#B9B4B5;color:#fff;text-shadow:none;}

a        { color: #00e; text-decoration: none; }
a:visited{ color: #551a8b;}
a:hover  { color: #06e;}
a:focus  { outline: thin dotted;}
a:hover,
a:active { outline: 0;}

body{
	background-color: #F8F8F8; font: 82.75%/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(tex.png);
}

h1,h2,h3,h4,h5,h6{  }
ol li{ margin: 0 0 1em; }
ol p{ margin: 0; }

#wrap{ margin: 20px; border: 1px solid #888; }
	#header{ position: relative; z-index: 10 }
		#read{ font: 9px/1 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #fff; text-align: center; }
		#brand{ width: 233px; margin: 50px auto }
		#brand *{ margin: 0; padding: 0; }
		#brand h1{ font-size: 100%; }
		#brand h2{ display: none; }
		/*#brand a{ display: block; padding: .5em .8em; }*/
		#gnav{ position: absolute; top: 70px; right: 0; }
		#gnav a{ color: #fff; border-bottom: 1px solid; display: block; padding: .5em 0 .3em; }
		#gnav a:hover{ color: #f00;}
	#top-image{ position: relative; max-width: 750px; max-height: 500px; margin: -112px auto 0; background: #000; }
	#top-image img{ max-width: 100%; max-height: 100%; }
	#top-image #catch{
		position: absolute; width: 300px; border: 2px solid; top: 50%; left: 50%; margin: -106px 0 0 -150px; color: #fff;
		text-align: center; overflow: hidden; font-size: 36px; line-height: 1; padding: 60px 0; font-weight: bold;
		background: rgba(123,78,80,.6);
	}
	#content{
		background-image: url(bg_logo.png);
		background-position: center center;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}
		/*
		#main{ float: left;  width: 75%; }
		#side{ float: right; width: 23%; }
		*/
		#main section{ padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; overflow: hidden; }
		#main section:first-child{ border-top: none; }
		#main section:last-child { border-bottom: none; }
		.side{ float: left; width: 180px; color: #5B4E50 }
		.side h2{ line-height: 1.33 }
		.cont{ overflow: hidden; }
	#footer{ position: relative; }
		#foot-bar{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -2; margin-left: -22px; padding-right: 43px; padding-top: 22px; background: #B9B4B5; }
		#fnav{ font-size: 92% }
		#fnav ul{ margin: 0; padding: 0; text-align: center; }
		#fnav li{ margin: 0 .5em; }
		#fnav a{ color: #fff;}
		#foot-logo{ width: 149px; display: block; margin: 10px auto 30px; }

#header-inner,
#content-inner,
#footer-inner{ position: relative; max-width: 750px; margin: auto; overflow: hidden; padding: 20px 0 }

#top-bar{ height: 370px; position: absolute; top: 0; left: 0; right: 0; z-index: -2; background: #5B4E50; }
#googlemaps{ height: 450px; border: 1px solid #ccc;  }




@media only screen and (min-width:35em){}

.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}.ir br{display:none;}.hidden{display:none !important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}

h1,h2,h3,h4,h5,h6{ letter-spacing: .1em; }
h1,h2,h3,h4,h5,h6,.serif-jp,.catch{ /*font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;*/ }

.L { float: left; }
.R { float: right; }
.cl{ clear: both; }
.active{ color: #c00; }


.catch{ font-size: 200%; margin: .5em 0; }

.tb{ width: 100%; }
.tb th{ font-weight: normal; text-align: right; padding: .5em 1em }
.tb td{ padding: .5em 1em; }
/*
.tb tr:nth-child(even){ background: #f6f6f6; }
.tb tr:nth-child(odd) { background: #fff; }
*/
.ib,#fnav li,.step li{ display: inline-block; vertical-align: top; *zoom: 1; *display: inline; }

.en{ display: block; font: 14px/1 'Electrolize', sans-serif; }
h2 .en{ margin: .5em 0; }

.step{ margin: 0; padding: 0; }
.step li{ width: 114px; padding: 5px; text-align: center; font-weight: bold; }
.step p{ font-size: 82.75%; line-height: 1.33; margin: 1em 0; text-align: left; font-weight: 100; }
.step .ic{ display: block; margin: auto; font-size: 60px; line-height: 1; text-shadow: 0px 2px 0px #fff }

.step2{ margin: 0; padding: 0; }
.step2 .next-step{ margin-bottom: 10px; text-align: center; border-radius: 5px; /*background: #fff;*/ }
.step2 .ic{ font-size: 30px; line-height: 1; text-shadow: 0px 2px 0px #fff }
.step2 h4{ margin: 0; font-size: 120%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.step2 p{ margin: 1em 0;}
.step2 .ill{ float: left; width: 100px; font-size: 60px; text-shadow: 2px 2px 3px #ccc; line-height: 1; }

.banners{ text-align: center; margin: 0 0 20px }

#header-inner,
#content-inner,
#footer-inner,
.step li{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

.center-line{ position:relative; overflow:hidden; text-transform: capitalize; margin: 2em 0; }
.center-line:after{
	content:' ';
	position: absolute;
	width: 100%;
	margin: -1px 0 0 .8em;
	top: 50%;
	border-top: 1px solid #381900;
	border-bottom: 1px solid #fff;
}

.shadow{ position: relative; }
.shadow img{ vertical-align : middle; }
.shadow:before,
.shadow:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	-webkit-box-shadow : 0 15px 15px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow : 0 15px 15px rgba(0, 0, 0, 0.5);
	        box-shadow : 0 15px 15px rgba(0, 0, 0, 0.5);
	-webkit-transform : rotate(-3deg);
	   -moz-transform : rotate(-3deg);
	     -o-transform : rotate(-3deg);
	        transform : rotate(-3deg);
}
.shadow:after{
	right:10px;
	left:auto;
	-webkit-transform : rotate(3deg);
	   -moz-transform : rotate(3deg);
	     -o-transform : rotate(3deg);
	        transform : rotate(3deg);
}
/* form */
.wtn_copyright{ display: none; }
.error,.require{ text-align: center; color: #c00; }
.message .error{ display: block; padding: 1em; border: 1px solid;}
.button{ text-align: center; }
.zeromail table{ margin: auto;  }
.zeromail table tr{ border-bottom: 1px dotted #ccc;}
.zeromail table th,
.zeromail table td{ padding: .5em 1em; }
.zeromail table th{ text-align: right; }
.zeromail .small{ font-size: 75%; }

@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}a,a:visited{text-decoration:underline;}/*a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} */pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;} tr,img{page-break-inside:avoid;}img{max-width:100% !important;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}