@charset "UTF-8";

@import "reset.css";
@import "base.css";

body {
	background-color: #ffffff;
	color: #333333;
	-webkit-text-size-adjust: 100%;
}

#container {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* =====================================================================
 * header
 * =================================================================== */
header {
	position: relative;
	padding-top: 45px;
	max-width: 100%;
}
h1 {
	background: url(../images/logo.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 224px;
	height: 59px;
}

/* =====================================================================
 * subnavi
 * =================================================================== */
ul#s-navi {
	position: absolute;
	top: 78px;
	left: 280px;
}
ul#s-navi li {
	float: left;
	margin-right: 21px;
}

/* =====================================================================
 * globalnavi
 * =================================================================== */
ul#g-navi {
	margin-top: 32px;
	width: 980px;
	height: 53px;
}
ul#g-navi li {
	float: left;
	overflow: hidden;
}
ul#g-navi li a {
	display: block;
	width: 196px;
	height: 53px;
	background: url(../images/navi.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/*会社情報*/
ul#g-navi #gn-corporate a {
	background-position: 0px 0px;
}
#corporate ul#g-navi #gn-corporate a,
ul#g-navi #gn-corporate a:hover {
	background-position: 0px -53px;
}
/*実績紹介*/
ul#g-navi #gn-showcase a {
	background-position: -196px 0px;
}
#showcase ul#g-navi #gn-showcase a,
ul#g-navi #gn-showcase a:hover {
	background-position: -196px -53px;
}
/*IR情報*/
ul#g-navi #gn-ir a {
	background-position: -392px 0px;
}
#ir ul#g-navi #gn-ir a,
ul#g-navi #gn-ir a:hover {
	background-position: -392px -53px;
}
/*CSRへの取り組み*/
ul#g-navi #gn-csr a {
	background-position: -588px 0px;
}
#csr ul#g-navi #gn-csr a,
ul#g-navi #gn-csr a:hover {
	background-position: -588px -53px;
}
/*採用情報*/
ul#g-navi #gn-recruit a {
	background-position: -784px 0px;
}
#recruit ul#g-navi #gn-recruit a,
ul#g-navi #gn-recruit a:hover {
	background-position: -784px -53px;
}

/* =====================================================================
 * menu
 * =================================================================== */
#menu {
	margin-top: 15px;
}
/*topicpath*/
ul#topicpath, ul#topicpathTop {
	float: left;
	margin-bottom: 15px;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS PGothic",Osaka,Arial,Sans-Serif;
}
ul#topicpathTop {
	margin-bottom: 25px;
}
#topicpath li, #topicpathTop li {
	display: inline;
	font-size: 85%;
}
#topicpath li a, #topicpathTop li a {
	text-decoration: none;
}
#topicpath li a:hover, #topicpath li a:active,
#topicpathTop li a:hover, #topicpathTop li a:active {
	color: #999999;
}
/*submenu*/
ul#submenu {
	float: right;
	overflow: hidden;
	width: 920px;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS PGothic",Osaka,Arial,Sans-Serif;
}
#submenu li {
	float: left;
	margin: 0 10px 10px 0;
	padding-right: 10px;
	border-right: 1px solid #aaaaaa;
	font-size: 93%;
}
#submenu li a {
	text-decoration: none;
	color: #333333;
}
#submenu li a:hover, #submenu li a:active {
	color: #999999;
}
p.menubtn {
	float: left;
	padding-top: 13px;
	line-height: 1;
	width: 52px;
	height: 12px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/menu.png) no-repeat;
	cursor: pointer;
}

/* =====================================================================
 * contents
 * =================================================================== */
#contents {
	overflow: hidden;
	margin-bottom: 35px;
}

/* =====================================================================
 * main
 * =================================================================== */
section#lower {
	padding-top: 20px;
}
/* ページナビゲーション */
#page {
	float: right;
	margin-bottom: 10px;
	width: 765px;
}
.link_before, .link_next {
    font-size: 85%;
    letter-spacing: 1px;
}
.link_before {
	padding-right: 7px;
}
.link_next {
	padding-left: 7px;
}
a.link_page, .current_page {
    padding: 4px 4px 3px 4px;
    border: solid 1px #cccccc;
    text-decoration: none;
    font-size: 77%;
    zoom: 1;
}
.current_page, .this-page {
    background-color: #eeeeee;
    color: #555555;
}

/* =====================================================================
 * footer
 * =================================================================== */
footer {
	position: relative;
	clear: both;
	padding: 30px 0 35px 0;
	border-top: solid 5px #003e92;
}
.address {
	position: absolute;
	top: 36px;
	left: 183px;
}
footer small {
	position: absolute;
	top: 36px;
	right: 0;
}

/* =====================================================================
 * search
 * =================================================================== */
#search {
	position: absolute;
	padding: 0 49px 0 22px;
	top: 71px;
	right: 0;
	background: url(../images/search_mark.gif) no-repeat 1px 2px;
}
#search input {
    height: 24px;
	border: solid 1px #999999;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance: none;
    border-radius: 0;
}
#search input.textarea {
	width: 138px;
}
#search input.searchbtn {
	position: absolute;
	width: 46px;
	height: 24px;
	border: none;
	cursor: pointer;
	top: 1px;
	right: 0;
}