@charset "utf-8";
/**
 * -----------------------------------------------------------------------------------------
 * 
 * Reset
 * 
 * -----------------------------------------------------------------------------------------
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td, dl, dt, dd{margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal; line-height:100%;}
ol, ul{list-style:none;}
fieldset, img{border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
a {text-decoration:none; outline:none;}
a:link {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}
a:active {text-decoration:none; outline:none;}
a img {border:0 none; outline:none;}
a:focus,
input:focus,
button:focus,
textarea:focus {outline:none;}
i {font-style:italic;}
b {font-weight:bold;}
iframe {border:none;}
ul,ol,dl,li {list-style:none;}



/**
 * -----------------------------------------------------------------------------------------
 * 
 * Base
 * 
 * -----------------------------------------------------------------------------------------
 */
html,body {width:100%; height:100%;}
body {
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color:transparent;
	-webkit-appearance: none; 
	min-width:1000px;
	background:#fff;
	color:#333;
	font-family:Arial,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",'Hiragino Kaku Gothic ProN','Lucida Grande',Osaka, Meiryo,"ＭＳ Ｐゴシック",
	"MS PGothic",sans-serif;
	}

input, textarea, button {
	font-family:Arial,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",'Hiragino Kaku Gothic ProN','Lucida Grande',Osaka, Meiryo,"ＭＳ Ｐゴシック",
	"MS PGothic",sans-serif;
	}

a {
	color:#333;
  -webkit-transition:color linear 0.1s;
     -moz-transition:color linear 0.1s;
       -o-transition:color linear 0.1s;
          transition:color linear 0.1s;
	}

a:link {
	color:#333;
	}

a:visited {
	color:#333;
	}

a:hover {
	color:#0099ff;
	}

a:active {
	color:#333;
	}

/* clearfix - non class */
*:after {
  display:block;
  clear:both;
}
/*
element {
	zoom:1;
	}
element:after {
	content:"";
	}
*/

/* clearfix */
.clearfix {
  *zoom:1;
	}

.clearfix:before,
.clearfix:after {
  display:table;
  line-height:0;
  content:"";
	}

.clearfix:after {
  clear:both;
	}

::selection {background:#4bd2e6; color:#FFF;}
::-moz-selection {background:#4bd2e6; color:#FFF; }


/* webkit original scrollbar */
::-webkit-scrollbar {
	width:12px;
	background:#ddd;
	z-index:10;
	}

::-webkit-scrollbar-track {
	border-radius:2px;
	}

::-webkit-scrollbar-thumb {
	border-radius:2px;
	background:#ccc;
	}



/**
 * -----------------------------------------------------------------------------------------
 * 
 * Application Base
 * 
 * -----------------------------------------------------------------------------------------
 */

#Stage {
	z-index:100;
	margin-right:auto;
	margin-left:auto;
	}

.page-wrapper {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	min-height:100%;
	}

.page-container {
	position:relative;
	width:100%;
	height:auto;
	min-height:100%;
	}

.page-container > .inner {
	position:relative;
	}

.container {
	width:1000px;
	margin:0 auto;
	padding-bottom:50px;
	}



/* アニメーションさせるオブジェクト - relative */
.sprite {
	position:relative;
	top:0;
	left:0;
	}

.abs {
	position:absolute;
	}



/* フッター */
.footer {
	clear:both;
	width:100%;
	background:#666;
	color:#ccc;
	font-size:11px;
	}

.footer-inner {
	clear:both;
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	}

.footer .txt {
	float:left;
	}

.footer .copyright {
	float:right;
	padding-top:12px;
	color:#F8F8F8;
	}

.view-menu.static {
	position:static;
	border-bottom:1px solid #777;
	}



/* View Menu */
.view-menu {
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	width:100%;
	background:#666;
	line-height:0;
	}

.view-menu > div {
	width:1000px;
	margin:0 auto;
	}

.view-menu p {
	float:left;
	padding-top:20px;
	}

.view-menu ul {
	float:right;
	}

.view-menu ul li {
	float:left;
	}




/**
 * --------------------------------------------------------------
 * Loding
 * --------------------------------------------------------------
 */
#loading {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10001;
	}

#loadingBox {
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	padding:10px;
	margin:-60px 0 0 -60px;
	background:#fff;
	-webkit-border-radius:5px;
 	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
 	   -moz-box-shadow:0 0 10px rgba(0,0,0,.2);
	    -ms-box-shadow:0 0 10px rgba(0,0,0,.2);
	     -o-box-shadow:0 0 10px rgba(0,0,0,.2);
	        box-shadow:0 0 10px rgba(0,0,0,.2);
	}

#loadingBox > p {
	text-align:center;
	}

#loadingImg {
	padding-top:10px;
	padding:;
	}

#loadingTxt {
	font-size:12px;
	color:#999;
	}





/**
 * --------------------------------------------------------------
 * Modal / Contact
 * --------------------------------------------------------------
 */

/* ↓modal basic */
#modal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	height:100%;
	}

#modalBg {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	background:#fff;
	-khtml-opacity:.70;
	  -moz-opacity:.70;
	       opacity:.70;
	-ms-filter:"alpha(opacity=70)";
	    filter:alpha(opacity=70);
	}

#modalContent {
	display:none;
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	width:500px;
	height:500px;
	margin-left:-250px;
	background:#fff;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);
	   -moz-box-shadow:0 0 5px rgba(0,0,0,.4);
	    -ms-box-shadow:0 0 5px rgba(0,0,0,.4);
	     -o-box-shadow:0 0 5px rgba(0,0,0,.4);
	        box-shadow:0 0 5px rgba(0,0,0,.4);
	}

#modalInner {
	padding:30px;
	}

#scene01 {
	display:block;
	}

#scene02 {
	display:none;
	}

#scene03 {
	display:none;
	}

/* ↑modal basic */

/* ↓modal content */
.c-btn-group {
	position:absolute;
	bottom:30px;
	left:0;
	overflow:hidden;
	width:440px;
	padding:0 30px;
	}

.c-btn-group-center {
	text-align:center;
	}

.c-btn-group-center .c-btn {
	float:none;
	}

.c-btn {
	display:inline-block;
	width:49%;
	height:40px;
	text-align:center;
	border:0;
	background:#ccc;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}

.c-btn:hover {
	background:#aaa;
	}

.c-btn-back {
	float:left;
	background:#bbb;
	}

.c-btn-submit {
	float:right;
	background:#10ACE0;
	}

.c-btn-submit:hover {
	background:#107EBA;
	}

.modal h3 {
	margin-bottom:30px;
	text-align:center;
	font-size:20px;
	}

.modal p {
	line-height:1.6;
	font-size:14px;
	}

.modal p + p {
	margin-top:15px;
	}

.modal dt {
	margin-bottom:5px;
	font-size:16px;
	}

.modal dd {
	margin-bottom:15px;
	font-size:14px;
	}

.modal dd + dt {
	padding-top:15px;
	border-top:1px solid #ddd;
	}

.modal .cContents {
	height:150px;
	max-height:150px;
	overflow:auto;
	}

.c-alert-error {
	display:block;
	margin:5px 0 8px 0;
	padding:7px;
	font-size:12px;
	color:#fff;
	background:#F4576F;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}

.c-loading {
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin-top:-40px;
	margin-left:-40px;
	text-align:center;
	}

.c-loading span {
	display:block;
	font-size:11px;
	color:#ccc;
	}

/* ↑modal content */





/* Background White */
#whiteBg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:9998;
	width:100%;
	height:100%;
	background:#fff;
	}


/* 本社移転についてのお知らせ */
#relocation {
	position:absolute;
	top:52px;
	left:0;
	z-index:101;
	width:100%;
	height:100%;
  background:rgba(0,0,0,.62);
}

#relocation-image {
	position:absolute;
	top:20px;
  left:50%;
  z-index:101;
  margin-left:-213px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);
}

#relocation-clickable {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}