@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

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

/* body

-------------------------------------------------------------------- */
html * {max-height:1000000px;}

body {
	color: #000;

	*font-size: small;
	*font: x-small;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	font: 14px "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", Sans-Serif;
}


footer,header.nav{
	display:block;
}


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

/* Layout

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

.wrapper {
	/*padding-top: 123px;*/
}
header, nav, footer,section,aside {
	margin: 0px;
	padding: 0px;
}
.content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



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

/* Common Item

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


.pc {
	display: block;
}
.sp {
	display: none;
}




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

/* Header

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

#gHeader {
	/*position: fixed;*/
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000;
	text-align: center;
	background: #262425;
}
#gHeader .gNavi {
	background: #d2d2d2;
    background: url(../../common/img/li_bg_off.gif) left top repeat-x;
   	z-index: 100;

}
#gHeader .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#gHeader .gNavi ul {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display:table;
	table-layout: fixed;
}
#gHeader .gNavi ul > li {
	font-size: 93%;
	line-height: 1em;
	display: inline;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position: relative;
	padding-top: 3px;
}
#gHeader .gNavi ul > li > a {
	color: #333;
	text-decoration: none;
	line-height: 41px;
	height: 41px;
	font-weight: bold;
	display: block;
}
#gHeader .gNavi ul > li:hover{
    background: url(../../common/img/li_bg_on.gif) left top repeat-x;
	color: #FFF;
}
#gHeader .gNavi ul > li > a:hover{
	color: #FFF;
}

#gHeader .gNavi ul > li > ul {
	display: none;
	position: absolute;
	z-index: 100;
	width: 270px;
}
#gHeader .gNavi ul > li > ul > li {
	display: block;
	border-bottom: 1px solid #d2d2d2;
	background-color: #FFF;
	text-align: left;
	padding-left: 15px;
	width: 270px;
}
#gHeader .gNavi ul > li > ul > li:hover {
	background-image: none;
	background-color: #d2d2d2;
}
#gHeader .gNavi ul > li > ul > li > a {
	color: #727172 !important;
}
#gHeader .gNavi ul > li > ul > li > a:hover {
	color: #504845 !important;
}





#gHeader .gHeaderIn {
	background: #262425;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	position: relative;
}

#gHeader .gHeaderIn .logo {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 200px;
}
#gHeader .gHeaderIn .logo img {
	width: 100%;
}
#gHeader .gHeaderIn .headLink {
	position: absolute;
	top: 0px;
	right: 0px;
}
#gHeader .gHeaderIn .headLink li {
	float: left;
	margin-left: 13px;
}
#gHeader .gHeaderIn .headLink #searchForm {
	top: 13px;
	right: 0px;
}
#gHeader .gHeaderIn .headLink #searchForm {  
    width: 140px;  
    background: url(../../common/img/inputBox.png) left top no-repeat;
    display: block;  
    height: 30px;  
    position: relative;  
}
#gHeader .gHeaderIn .headLink #keywords {
    width: 100px;  
    position: absolute;  
    top: 7px;  
    left: 12px;
    background-color: #727172;
    border: 1px solid #727172;
}  
#gHeader .gHeaderIn .headLink #searchBtn {  
    position: absolute;  
    top: 7px;  
    left: 117px;  
}
#gHeader .gHeaderIn .headLink .btnContact {  
    background: url("../../common/img/btn_contact_on.png") no-repeat;
}
#gHeader .gHeaderIn .headLink .btnContact a {
    display: inline-block;
}
#gHeader .gHeaderIn .headLink .btnContact a:hover {
    background-color: transparent; /* IE6対応 */
}
#gHeader .gHeaderIn .headLink .btnContact a:hover img {
    visibility: hidden;
}




#topPage #gHeader .gNavi ul li.gn01{
    background: url(../../common/img/li_bg_on.gif) left top repeat-x;
}
#topPage #gHeader .gNavi ul li.gn01 a{
	color: #FFF;
}
#solution #gHeader .gNavi ul li.gn03{
    background: url(../../common/img/li_bg_on.gif) left top repeat-x;
}
#solution #gHeader .gNavi ul li.gn03 a{
	color: #FFF;
}
#company_infor #gHeader .gNavi ul li.gn04{
    background: url(../../common/img/li_bg_on.gif) left top repeat-x;
}
#company_infor #gHeader .gNavi ul li.gn04 a{
	color: #FFF;
}
#recruit #gHeader .gNavi ul li.gn05{
    background: url(../../common/img/li_bg_on.gif) left top repeat-x;
}
#recruit #gHeader .gNavi ul li.gn05 a{
	color: #FFF;
}







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

/* Footer

-------------------------------------------------------------------- */
footer {
	margin-bottom: 60px;
}
footer section {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
footer section li {
	display: inline;
	font-size: 93%;
}

#fNavi01 {
	background: #FFF;
	border-top: 1px solid #1d2157;
}
#topPage #fNavi01 {
	border-top: none;
}
#fNavi01 section {
	padding-top: 10px;
	padding-bottom: 10px;
}
#fNavi01 section p.footerLogo{
	padding-top: 45px;
	padding-bottom: 20px;
}
#fNavi01 section ul li {
	line-height: 1.8em;
}
#fNavi01 section ul li a {
	color: #636161;
	text-decoration: none;
}
#fNavi01 section ul li a:hover {
	text-decoration: underline;
}
#fNavi01 section p.copyRight{
	padding-top: 20px;
	padding-bottom: 35px;
	color: #bfbfbf;
}

#footerBottom {
	clear: both;
	background: #e7e7e7;
	width: 100%;
}
#footerBottom {
	height: 60px;
	padding-top: 15px;
}

#footerBottom p.btnContact {
	float: left;
	padding-left: 340px;
}
#footerBottom .btnContact a {
    background: url("../../common/img/btn_footer_contact.png") no-repeat;
    width: 270px;
	height: 40px;
    display: inline-block;
    text-indent: -9999px;
}
#footerBottom .btnContact a:hover {
    background: url("../../common/img/btn_footer_contact_on.png") no-repeat;
}

#footerBottom #pagetop {
	float: right;
	margin-right: 80px;
}
#footerBottom #pagetop a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -ms-filter: 0.7;
    opacity: 0.7;
    cursor: pointer;
}



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

/* 下層共通

-------------------------------------------------------------------- */
#contentHeder {
	height: 150px;
	background-color: #e1efe2;
}
#contentHeder .contentTitle{
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#contentHeder .contentTitle .contentMiddle{
	height: 150px;
	display: table-cell;
	vertical-align: middle;
	width: 960px;
	position : relative;
	}
#contentHeder .contentTitle .contentMiddle h1{
	font-size: 36px;
	font-weight: bold;
}
#contentHeder .contentTitle .contentMiddle img{
	position : absolute;
    top: 0;  
    right: 0;
}

#breadCrumb {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#breadCrumb li {
	display: inline;
	font-size: 83%;
}
#breadCrumb li a {
	color: #000;
	text-decoration: underline;
}

div#ContentArea {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
div#mainContentBlock {
    float: left;
    width: 760px;
    margin-top: 10px;
    padding-right: 23px;
    padding-bottom: 50px;
	border-right: 2px solid #e6e6e6;
}


div#localNaviBlock {
    float: right;
    width: 175px;
    margin-top: 10px;
    border-top: 3px solid #727172;
}

#localNaviBlock p{
	font-size: 11pt;
	line-height:150%;
	color: #666;
	font-weight:bold;
	margin-top:10px;
	margin-left: -0.1em;
	margin-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
}

#localNaviBlock ul{
	border-bottom: 2px solid #e6e6e6;
}
#localNaviBlock li{
	border-top: 2px solid #e6e6e6;
	margin-left: -0.1em;
}
#localNaviBlock li a{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    color: #666;
    width: 175px;
    text-decoration: none;
	padding-top:10px;
	padding-bottom:9px;
}
#localNaviBlock li a:hover{
	background: url(../../common/img/li_local_on.gif) left 50% no-repeat;
}



#contentMiddle h2 {
	line-height: 1.0;
	margin-bottom: 10px;
	border-left: 5px solid #34aa00;
	padding-left: 10px;
	font-size: 32px;
	font-weight: bold;
}
#contentMiddle h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #34aa00;
	font-size: 20px;
	font-weight: bold;
}
#contentMiddle p {
	font-size: 108%;
	line-height: 1.9em;
	padding: 10px 0px 20px;
	background-color: #FFF;
}




#contentBottom {
	background: url(../img/bg_content-bottom.png) repeat center top;
}
#contentBottom .inner {
	background: url(../img/bg_content-bottom_inner.png) repeat-x center top;
}
#contentBottom .inner .content {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/bg_content-bottom_arrow.png) no-repeat center top;
	padding-top: 80px;
}