/*  ------------------------------------------------------------
		body
	------------------------------------------------------------  */

body{
	color:#333;
	font:10px/20px Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	/*letter-spacing:0.1em;*/
	background: #e6e6e6;
}



/*  ------------------------------------------------------------
		bg-light
	------------------------------------------------------------  */
#bg-light{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/bg_light.png) no-repeat 50% 0%;
	z-index:-1;
}



/*  ------------------------------------------------------------
		header
	------------------------------------------------------------  */
.no-touch #header-container{
	position:fixed;
}

.touch #header-container{
	position:absolute;
}

#header-container{
	width:100%;
	top:0;
	z-index:1000;
}

#header-container header{
	width:1024px;
	margin:0 auto;
}

#header-container header h1{
	padding:32px 0 0 0;
	margin:0 0 0 37px;
	float:left;
}

#header-container header nav{
	font-family: 'Oswald', sans-serif;
	font-size:1.2em;
	padding:32px 0 0 0;
	margin:0 37px 0 0;
	float:right;
}

#header-container header nav .otherMenu .lang{
	float:right;
	background:url(../img/lang_slash.png) no-repeat 52px 2px;
	margin:0 20px 0 0;
}

#header-container header nav .otherMenu .lang li{
	float:left;
}

#header-container header nav .otherMenu .lang li:first-child{
	margin:0 30px 0 0;
}

#header-container header nav .otherMenu .links{
	float:right;
	/*text-indent:20px;
	background:url(../img/link_icon.png) no-repeat 1px 2px;*/
}

#header-container header nav .otherMenu .links img{
	position:relative;
	top:-4px;
	left:-4px;
}

#gnavi{
	padding:37px 0 0 0;
}

#gnavi li{
	font-size:1.8em;
	margin:0 21px 0 0;
	float:right;
}

#gnavi li.nav2{
	margin:0;
}


/*  ------------------------------------------------------------
		#gnavi rollover
	------------------------------------------------------------  */
.csstransitions #gnavi li a{
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
    -ms-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}
	
#gnavi li.nav0 a:hover,
#gnavi li.nav0 a.on{
	color:#d20000;
}

#gnavi li.nav1 a:hover,
#gnavi li.nav1 a.on{
	color:#6dcb21;
}

#gnavi li.nav2 a:hover,
#gnavi li.nav2 a.on{
	color:#0066cc;
}



/*  ------------------------------------------------------------
		header gradation background
	------------------------------------------------------------  */
#header-gradation{
	width:100%;
	height:146px;
	position:fixed;
	top:0;
	z-index:800;
	background:url(../img/header_gradation_bg.png) no-repeat 50% 0%;
}

.touch #header-gradation{
	display:none;
}
	

/*  ------------------------------------------------------------
		common rollover
	------------------------------------------------------------  */
.rollover a{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}

.csstransitions .rollover a{
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.rollover a:hover,
.rollover .on a{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}



/*  ------------------------------------------------------------
		footer
	------------------------------------------------------------  */
#footer-container{
	width:100%;
	position:relative;
	z-index:1000;
}

#footer-container footer{
	position:relative;
}


#footer-container footer #back-to-top a{
	display:block;
	position:absolute;
	right:0;
	top:-38px;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


#footer-container footer #back-to-top a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
}


#footer-container footer{
	width:950px;
	margin:0 auto;
	padding:30px 0 0 0;
	border-top:2px #ccc solid;
}

#footer-container footer ul.leftArea{
	padding:0 0 38px 0;
	float:left;
	font-family: 'Oswald', sans-serif;
}

#footer-container footer ul.leftArea li{
	margin:0 22px 0 0;
	float:left;
}

#footer-container footer ul.leftArea li a{
	font-size:1.2em;
}

#footer-container footer div.rightArea{
	padding:0 0 38px 0;
	float:right;
}


#footer-container footer div.rightArea #copyright small{
	color:#575757;
	font-size:0.8em;
	letter-spacing:0;
}




/*  ------------------------------------------------------------
		polygon-box
	------------------------------------------------------------  */
#polygon-box{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
}

#polygon-box .bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgb(0, 0, 0);
	background:rgba(0, 0, 0, 0.8);
}

#polygon-box-content{
	position:absolute;
	left:50%;
	top:50%;
	width:556px;
	height:400px;
	background:#fff;
	margin:-200px 0 0 -278px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}

#polygon-box-content h2{
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	color:#666;
	background:url(../img/icon_link.png) no-repeat;
	text-indent:25px;
	margin:38px 0 0 38px;
}

#polygon-box-content .btns{
	width:490px;
	padding:30px 0 0 0;
	margin:0 0 0 33px;
}

#polygon-box-content .btns ul.left{
	float:left;
}

#polygon-box-content .btns ul.right{
	float:right;
}

#polygon-box-content .btns li{
	padding:0 0 2px 0;
}

#polygon-box-content .btns li a{
	font-family: 'Oswald', sans-serif;
	display:block;
	width:240px;
	height:64px;
	font-size:1.6em;
	text-align:center;
	line-height:64px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
	cursor:pointer;
}

#polygon-box-content .btns li.fb a{
	background:#3b5998 url(../img/icon_fb.png) no-repeat 24px 50%;
	color:#fff;
	border:1px #fff solid;
}

#polygon-box-content .btns li.tw a{
	background:#33b5e5 url(../img/icon_tw.png) no-repeat 24px 50%;
	color:#fff;
	border:1px #fff solid;
}

#polygon-box-content .btns li.yt a{
	background:#cc0000 url(../img/icon_yt.png) no-repeat 24px 50%;
	color:#fff;
	border:1px #fff solid;
}
#polygon-box-content .btns li.in a{
	background:#CE0074 url(../img/icon_in.png) no-repeat 24px 50%;
	color:#fff;
	border:1px #fff solid;
}


#polygon-box-content .btns li.form a{
	background:#fff url(../img/icon_form.png) no-repeat 24px 50%;
	color:#666;
	border:1px #ededed solid;
}

#polygon-box-content .btns li.pos a{
	background:#fff url(../img/icon_pos.png) no-repeat 24px 50%;
	color:#666;
	border:1px #ededed solid;
}

#polygon-box-content .btns li.career a{
	background:#fff url(../img/icon_career.png) no-repeat 24px 50%;
	color:#666;
	border:1px #ededed solid;
}

#polygon-box-content .close{
	position:absolute;
	right:-15px;
	top:-47px;
	width:53px;
	height:47px;
	background:url(../img/link_close.png) no-repeat;
	cursor:pointer;
}


.csstransitions #polygon-box-content .btns li a{
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
	
#polygon-box-content .btns li a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}





/*  ------------------------------------------------------------
		loader
	------------------------------------------------------------  */
#loader{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/loader.gif) no-repeat 50% 50%;
	z-index:10000;
}