@charset "utf-8";
/*
==================================================

    CSS File Name - layout.css
	
    +1: Formatting Reset
    +2: Redefine
	+3: Float, Clear, Align Set, Valign Set
	+4: body
	+5: #wrap
	+6: #container
	+7: #header
	+8: #mainBody
	+9: #footer

==================================================
*/


/*--------------------------------------------------
+1: Formatting Reset
==================================================*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
pre,
address,
blockquote,
ul,
ol,
dl,
dt,
dd,
form,
fieldset {
	display: block;
	margin: 0;
	padding: 0;
}
strong,
em {
	font-weight: bold;
}
ol,
ul {
	list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	font-weight: normal;
}
address,
em {
	font-style: normal;
}
img {
	border: none;
	vertical-align: bottom;
}
table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
col,
colgroup {
	text-align: inherit;
	line-height: inherit;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
thead {
	display: table-header-group;
}
tbody {
	display: table-row-group;
}
tfoot {
	display: table-footer-group;
}
tr {
	display: table-row;
}
th,
td {
	display: table-cell;
}
caption {
	display: table-caption;
}
col {
	display: table-column;
}
colgroup {
	display: table-column-group;
}
input,
select,
textarea,
button {
	font-size: inherit;
	line-height: inherit;
}
button {
	cursor: pointer;
}


/*--------------------------------------------------
+2: Redefine
==================================================*/
a {
	text-decoration:underline;
}

a:link {
	text-decoration:underline;
}

a:visited {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:underline;
}

/* clearfix
-------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* alpha
-------------------------------------------------*/
a.alpha:hover img {  
	opacity:0.8;  
	filter: alpha(opacity=80);  
	-ms-filter: "alpha( opacity=80 )";  
	background: #fff;  
} 


/*--------------------------------------------------
+3: Float, Clear, Align Set, Valign Set
==================================================*/
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.valignTop {
	vertical-align: top;
}
.valignMiddle {
	vertical-align: middle;
}
.valignBottom {
	vertical-align: bottom;
}


/*--------------------------------------------------
+4: body
==================================================*/
html{
    height:100%;
}
body {
	color: #444444;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	font-size: 12px;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	//background:url(../images/bg_body.jpg) repeat-x top;
	background:url(../images/bg_body.jpg) no-repeat top;
	background-size: 980px 161px;
	height:100%;
}
.fo11 { font-size:11px; }
.fo13 { font-size:13px; }
.fo14 { font-size:14px; }
.fo16 { font-size:16px; }
.fo17 { font-size:17px; }
.fo18 { font-size:18px; }
.fo20 { font-size:20px; }
.fo25 { font-size:25px; }
.fo30 { font-size:30px; }
.fo45 { font-size:45px; }

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb70 {padding-bottom: 70px !important;}

.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}

.p0 {padding: 0px !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p35 {padding: 35px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}


/*--------------------------------------------------
+5: #wrap
==================================================*/
#wrap{
	width:980px;
	min-width:980px;
	margin-right: auto;
	margin-left : auto;
	overflow:hidden;
	position:relative;
	min-height:100%;
	height: auto !important;
	height:100%;
	_height:100%;
	background:url(../images/bg_wrap.png) repeat-y center top;
}
body > #wrap {
	height:auto;
}


/*--------------------------------------------------
+6: #container
==================================================*/
#container{
	width:980px;
	margin:0 auto;	
}


/*--------------------------------------------------
+7: #header
==================================================*/
#header {
	width:208px;
	float:left;
}
#language {
	padding:0 0 0 7px;
}
#language li {
	float:left;
	padding:0 6px 0 0;
}

/* #gnavi */
#gnavi{
	margin-bottom:20px;
}
#gnavi ul.dropdown{
	position:relative;
	width:208px;
}
#gnavi ul.dropdown li{
}
#gnavi ul.dropdown li.hover,
#gnavi ul.dropdown li:hover{
	position:relative;
}
#gnavi ul.dropdown a {
	width:208px;
	height:56px;
	display:block;
	position:relative;
	z-index:100;
	line-height:56px;
	background:url(../images/navi_btn_off.png) no-repeat left top;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#444444;
}
#gnavi ul.dropdown a.long2 {
	line-height:1.2;
	padding:13px 0 0 0;
	height:43px;
}

#gnavi ul.dropdown li a {
	background:url(../images/navi_btn_off.png) no-repeat left top;
}
#gnavi ul.dropdown li a:hover,
#gnavi ul.dropdown li.hover a {
	background:url(../images/navi_btn_on.png) no-repeat left top;
	color:#fefefe;
}


#gnavi ul.dropdown ul {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:208px;
	background:#333;
	color:#fff;
	z-index:9999;
}
#gnavi ul.dropdown ul li{
}
#gnavi ul.dropdown ul li a,
#gnavi ul.dropdown li.hover li a,
#gnavi ul.dropdown .on ul li a {
	color:#fff;
	background-image:none;
	background:#333;
	height:55px;
	line-height:55px;
	width:265px;
	clear:both;
	text-align:left;
	padding-left:40px;
}
#gnavi ul.dropdown ul li a:hover {
	background:none;
}
#gnavi ul.dropdown ul li a span {
	display:block;
	width:170px;
	float:left;
}
#gnavi ul.dropdown ul li a img {
	vertical-align:middle;
	margin-left:20px;
	margin-top:9px;
}
#gnavi ul.dropdown ul li a.long {
	line-height:1.2;
	padding:8px 0 0 40px;
	height:56px;
	text-align:left;
}
#gnavi ul.dropdown ul li a.long img {
	margin-left:20px;
}
#gnavi ul.dropdown ul li.on a:hover,
#gnavi ul.dropdown ul li a:hover {
	background:#000;
}



/*--------------------------------------------------
+8: #mainContent
==================================================*/
#mainBody {
	width:750px;
	float:right;
	background:url(../images/bg_mainbody.jpg) no-repeat right top;
	padding-bottom:325px;
}
.secTit {
	width:750px;
	clear:both;
	font-weight:bold;
	color:#000000;
	background:url(../images/bg_h2.jpg) no-repeat left top;
	line-height:38px;
	padding:5px 0 0;
}
.secTit span {
	padding:0 20px;
}
.secTit2 {
	width:439px;
	clear:both;
	font-weight:bold;
	color:#000000;
	background:url(../images/bg_h2_2.jpg) no-repeat left top;
	line-height:37px;
	padding:5px 0 0;
}
.secTit2 span {
	padding:0 22px;
}
.bgTop,
.bgBot {
	clear:both;
}
.bgTop img,
.bgBot img {
	vertical-align:baseline;
}
/* .recruitNavi */
.recruitNavi {
	width:750px;
	overflow:hidden;
	clear:both;
}
.recruitNavi p {
	padding:1px 0 0 0;
}
.recruitNavi ul {
	float:left;
	padding:0 0 0 12px;
}
.recruitNavi ul li {
	float:left;
	padding:1px 0 0 3px;
}
.recruitNavi .left {
	float:left;
}
.recruitNavi .right {
	float:right;
}
#mainBody h1 {
	padding:65px 0 11px 8px;
	line-height:1.2;
	color:#ffffff;
	height:60px;
}
#pnavi {
	height:25px;
	overflow:hidden;
}
#pnavi li {
	float:left;
	color:#FFF;
	padding:0 10px;
	line-height:2;
}
#pnavi li a {
	display:block;
	height:25px;
	background:url(../images/pnavi_ico.png) no-repeat right;
	color:#FFF;
	padding:0 40px 0 0;
	text-decoration:none;
	float:left;
}
#pnavi li a:hover {
	text-decoration:underline;
}
#ftxt.ftxtEn {
	margin-bottom:176px;
}

/*--------------------------------------------------
+9: #footer
==================================================*/
#footer {
	position:absolute;
	bottom:0;
	background-color:#3f3f3f;
	width:100%;
	min-width:980px;
	padding:14px 0 0 0;
	clear:both;
	z-index:9000;
}
#fnavi {
	width:980px;
	margin:0 auto 10px auto;
	background:url(../images/bg_fnavi.jpg) repeat-y left top;
	padding:16px 0 26px 0;
}
#fnavi dl {
	float:left;
	padding:0 0 0 18px;
}
#fnavi dl.about {
	width:135px;
	//padding:0 0 0 28px;
}
#fnavi ul.work {
	width:138px;
}
#fnavi dl.history {
	width:140px;
}
#fnavi dl.group {
	width:175px;
}
#fnavi dl.recruit {
	width:126px;
}
#fnavi ul.contact {
	width:144px;
}
#fnavi dl dt {
	padding:0 0 8px 0;
}
#fnavi dl dd {
	padding:0 0 0 12px;
}
#fnavi dl dt a,
#fnavi dl dd a {
	color:#FFF;
	text-decoration:none;
}
#fnavi dl dt a:hover,
#fnavi dl dd a:hover {
	text-decoration:underline;
}
#fnavi ul {
	float:left;
	padding:0 0 0 20px;
}
#fnavi ul li {
	padding:0 0 8px 0;
}
#fnavi ul li a {
	color:#FFF;
	text-decoration:none;
}
#fnavi ul li a:hover {
	text-decoration:underline;
}
#fnavi.chBg {
	background:url(../images/bg_fnavi_en.jpg) repeat-y left top;
}
#fnavi.enBg {
	background:url(../images/bg_fnavi_en.jpg) repeat-y left top;
}
#fnavi.enBg dl,
#fnavi.chBg dl {
	padding:0 20px;
	width:205px;
}
#fnavi.enBg ul,
#fnavi.chBg ul {
	padding:0 20px;
	width:205px;
}
#copyright {
	background-color:#252525;
	clear:both;
	min-width:980px;
}
#copyright p {
	width:960px;
	margin:0 auto;
	text-align:right;
	color:#FFF;
	padding:14px 0 14px 0;
}

#scrolltopcontrol {
    background:url(../images/pagetop.png) no-repeat left top;
}
#topcontrol {
	left:50%;
	margin-left:506px;
	z-index:9999;
}