@charset "UTF-8";

body {
	margin-top: 0 !important;
	padding: 0;
	

	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C9C9C9));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #C9C9C9 100%);
background-attachment: fixed;
}
* { font-size:100%; text-decoration:none; color: #666;list-style: none;}
*:link { text-decoration: none; }
*:visited { text-decoration: none; }
*:hover { text-decoration: none; }
*:active { text-decoration: none; }


/* --------------------header-------------------- */


#header {
	position: fixed;
	top: 0px;
	left: 0px;	/* For IE 8 */
	width: 100%;
	height: 100px;
	z-index: 97;
	background-color: #E5E5E5;	
}

#switch {
	position: fixed;
	left: 50px;
	top: 32px;
	font-size:150%;
	font-family: 'Michroma', sans-serif;
	letter-spacing: 0.3em;
	cursor: pointer;
	z-index: 99;
}

#mark {
	position: fixed;
	right: 50px;
	top: 35px;
	width:112px;
	height:30px;
	z-index: 99;
}

#menu {
	width: 550px;
	font-family: 'Open Sans', sans-serif;
	font-size:85%;
	letter-spacing: 3px;
	position: fixed;
	left: 250px;
	top: 25px;
	float: left;
} 

ul.dropdown                         {
	position: absolute;
}
ul.dropdown li                      { float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #FFCC00; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 2px 15px; border-right: 1px solid #666; white-space: nowrap; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { position: relative;  }
ul.dropdown li.hover a              { color: #FFCC00; }

/* 
	LEVEL TWO
*/
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -40px;
	font-size: 75%;
	line-height:1.2em;
}
				  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#back-top {
	position: absolute;
	left: 50px;
	top: 200px;
}

#back-top a {
	width: 30px;
	display: block;
	text-align: left;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	color: #222;
	/* transition */
    -webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border: 1px solid #222;
	
	padding: 5px 5px 5px 5px ;
}
#back-top a:hover {
    color: #fff;
    border: 1px solid #fff;
  
}

.loading {
     height: 16px;
     width: 16px;
            }


/* --------------------header-------------------- */




.imgArea { 
    width: 100%;
}
.imgArea:after {
	visibility: hidden;
	display: block;
}


#company-title a {
	position: fixed;
	left: 50px;
	top: 130px;
	font-size:130%;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 3px;
	cursor: default;
}


	
#about {
    display: block;
	top: 200px;
	left: 300px;
	position: absolute;
	list-style-type: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	font-size:100%;
	line-height:150%;
	cursor: default;
    width: auto;
	white-space: nowrap;
	height: auto;
}



#switch_off{
    position: absolute;
    width: 75%;
    left: 55px;
    margin-top: 50px;
    margin-bottom: 50px;
    display: block;
}

#switch_img{
    position: absolute;
    top: 1000px;
    width: 70%;
    left: 85px;
    padding-bottom: 300px;
}

#switch_on{
    position: absolute;
    width: 100%;
}

#company {
    top:300px;
	position: absolute;
	list-style-type: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:right;
	font-size:90%;
	line-height:100%;
	cursor: default;
	padding-bottom: 50px;
	white-space: nowrap;
	height: 280px;    
}


#company-name {
    top: 300px;
    left: 100px;
	position: absolute;
	list-style-type: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	font-size:90%;
	line-height:100%;
	cursor: default;
	padding-bottom: 50px;
	white-space: nowrap;
	height:280px;    
}

#accessmap {
    display: block;
    position: absolute;
    top: 700px;
    
}

/* --------------------footer-------------------- */
#footer {
	position: fixed;
	bottom: 0px;
	left:0px;
	width: 100%;
	z-index: 5;
	height: 50px;
	background-color: #FFFFFF;
}

#footer p {
	font-size: 60%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "メイリオ","serif";
	padding:0px 50px 0px 50px;
}


/* --------------------------------------------- */