@charset "utf-8";


/* default setting ▼ ------------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}

html {
	overflow-y:scroll;
}

body {
	font-size: 80%;
	line-height: 1.8;
	/*text-align: center;*/
	color: #3c3c3c;
	background-color: #fff;
	word-break:nomal;
}

hr {
	display: none;
}

ol,ul,li {
	list-style: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

td {
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
}

a img {
	border-style: none;
}

a:link {
	color: #3c3c3c;
	text-decoration: underline;
	font-weight: normal;
}

a:visited {
	color: #3c3c3c;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #3c3c3c;
	text-decoration: none;
	font-weight: normal;
}

/* default setting ▲ ------------------------------*/





/* container ▼ ------------------------------*/

#container {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align: left;
	background-image: url(../../images/common/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* container ▲ ------------------------------*/





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

#header {
	height: 110px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#header h1 {
	font-size: 80%;
	line-height: 12px;
	margin-top: 8px;
	position: absolute;
	font-weight: normal;
}

#header a img.logo {
	margin-top: 40px;
	margin-left: 10px;
	position: absolute;
}

#header .h_language {
	margin-left: 750px;
	position: absolute;
}
#header .h_language ul li {
	float: left;	
	height: 20px;
	width: 120px;
	position: absolute;
}
#header .h_language ul li a {
	height: 20px;
	width: 120px;
	background-image: url(../../images/common/h_language.gif);
}
#header .h_language ul li.h_english a {
	background-position: 0px 0px;
}
#header .h_language ul li.h_english a:hover {
	background-position: 0px -20px;	
}
#header .h_language ul li.h_chinese {
	margin-left: 130px;
}
#header .h_language ul li.h_chinese a {
	background-position: -120px 0px;
}
#header .h_language ul li.h_chinese a:hover {
	background-position: -120px -20px;	
}



#header .h_menu {
	margin-top: 63px;
	margin-left: 650px;
	position: absolute;
}
#header .h_menu ul li {
	float: left;	
}
#header .h_menu ul li a {
	height: 12px;
	width: 140px;
	position: absolute;
}
#header .h_menu ul li a:hover {
	background-position: 0px -12px;	
}
#header .h_menu ul li.h_info a {
	background-image: url(../../images/common/h_info.gif);
}
#header .h_menu ul li.h_policy a {
	background-image: url(../../images/common/h_policy.gif);	
	margin-left: 144px;
}
#header .h_menu ul li.h_sitemap a {
	background-image: url(../../images/common/h_sitemap.gif);	
	margin-left: 260px;
	width: 88px;
}
body.info #header .h_menu ul li.h_info a,
body.info #header .h_menu ul li.h_info a:hover,
body.policy #header .h_menu ul li.h_policy a,
body.policy #header .h_menu ul li.h_policy a:hover,
body.sitemap #header .h_menu ul li.h_sitemap a,
body.sitemap #header .h_menu ul li.h_sitemap a:hover {
	background-position: 0px -24px;	
}

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





/* nav ▼ ------------------------------*/

#nav {
	background-image: url(../../images/common/nav_ng.gif);
	background-repeat: repeat;
	background-position: 0 0;
	height: 40px;
}
#dropmenu{
	list-style-type: none;
	width: 1000px;
	height: 40px;
	padding: 0;
	background: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#dropmenu li{
	position: relative;
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 8px;
	font-weight: bold;
	line-height: 1;
	text-decoration: underline;
}
#dropmenu li.nav_index a,
#dropmenu li.nav_company > a,
#dropmenu li.nav_business a,
#dropmenu li.nav_recruit a,
#dropmenu li.nav_contact a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 40px;
	width: 200px;
	overflow: hidden;
}
#dropmenu li.nav_index a {
	background-image: url(../../images/common/nav_index.gif);	
}
#dropmenu li.nav_index a:hover {
	background-position: 0px -40px;	
}
#dropmenu li.nav_company > a {
	background-image: url(../../images/common/nav_company.gif);	
}
#dropmenu li.nav_business a {
	background-image: url(../../images/common/nav_business.gif);	
}
#dropmenu li.nav_recruit a {
	background-image: url(../../images/common/nav_recruit.gif);	
}
#dropmenu li.nav_contact a {
	background-image: url(../../images/common/nav_contact.gif);	
}
#dropmenu li > a:hover {
	background-position: 0px -40px;	
}
body.index #dropmenu li.nav_index a,
body.index #dropmenu li.nav_index a:hover,
body.company #dropmenu li.nav_company a,
body.company #dropmenu li.nav_company a:hover,
body.business #dropmenu li.nav_business a,
body.business #dropmenu li.nav_business a:hover,
body.recruit #dropmenu li.nav_recruit a,
body.recruit #dropmenu li.nav_recruit a:hover,
body.contact #dropmenu li.nav_contact a,
body.contact #dropmenu li.nav_contact a:hover {
	background-position: 0px -80px;	
}

#dropmenu li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
	overflow: hidden;
	width: 200px;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	z-index: 100;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#dropmenu li ul li a{
	background: #000000;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding-top: 9px;
	padding-bottom: 9px;
}
#dropmenu li ul li a:hover{
	text-decoration: none;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 30px;
  border-bottom: 1px solid #555759;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
/* nav ▲ ------------------------------*/




/* contents ▼ ------------------------------*/

#contents {
	padding-bottom: 150px;
	background-color: #f0f0f0;
	padding-top: 10px;
}
/* contents ▲ ------------------------------*/





/* main ▼ ------------------------------*/

body.index #main {
	margin-top: 34px;
}

#main {
	float: left;
	width: 720px;
	margin-bottom: 50px;
}

/* main ▲ ------------------------------*/





/* side ▼ ------------------------------*/

body.index #side {
	margin-top: 28px;
}

#side {
	float: right;
	width: 260px;
	margin-bottom: 50px;
}

/* メニュー ↓ */
.s_menu ul a {
	text-decoration: none;
}
.s_menu ul a li {
	background-image: url(../../images/common/allow_01.png);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	line-height: 16px;
	text-indent: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 1px;
	margin-right: 1px;
}
.s_menu ul a:hover li {
	color: #003c78;
	background-color: #e6f0fa;
}

body.info .s_menu ul a li.smenu_info,
body.info .s_menu ul a:hover li.smenu_info ,
body.column .s_menu ul a li.smenu_column,
body.column .s_menu ul a:hover li.smenu_column ,
body.business .s_menu ul a li.smenu_business,
body.business .s_menu ul a:hover li.smenu_business ,
body.policy .s_menu ul a li.smenu_policy,
body.policy .s_menu ul a:hover li.smenu_policy ,
body.sitemap .s_menu ul a li.smenu_sitemap,
body.sitemap .s_menu ul a:hover li.smenu_sitemap,
body.company_index .s_menu ul a li.scmenu_index,
body.company_index .s_menu ul a:hover li.scmenu_index,
body.company_policy .s_menu ul a li.scmenu_policy,
body.company_policy .s_menu ul a:hover li.scmenu_policy,
body.company_info .s_menu ul a li.scmenu_info,
body.company_info .s_menu ul a:hover li.scmenu_info,
body.company_everloy .s_menu ul a li.scmenu_everloy,
body.company_everloy .s_menu ul a:hover li.scmenu_everloy,
body.company_history .s_menu ul a li.scmenu_history,
body.company_history .s_menu ul a:hover li.scmenu_history,
body.company_location .s_menu ul a li.scmenu_location,
body.company_location .s_menu ul a:hover li.scmenu_location,
body.company_affiliate .s_menu ul a li.smenu_affiliate,
body.company_affiliate .s_menu ul a:hover li.smenu_affiliate,
body.recruit_index .s_menu ul a li.smenu_recruit,
body.recruit_index .s_menu ul a:hover li.smenu_recruit,
body.recruit_contact .s_menu ul a li.smenu_recruitInq,
body.recruit_contact .s_menu ul a:hover li.smenu_recruitInq {
	background-image: url(../../images/common/allow_02.gif);
	background-color: #f0f0f0;
	color: #a0a0a0;
}

/* メニュー ↑ */


#side .s_recruit a {
	background-image: url(../../images/common/s_recruit.gif);
}
#side .s_contact a {
	background-image: url(../../images/common/s_contact.gif);	
}
#side .s_sdgs a {
	background-image: url(../../images/common/s_sdgs.gif);	
}
#side .s_recruit a,
#side .s_contact a,
#side .s_sdgs a {
	width: 260px;
	height: 116px;
}
#side .s_recruit a:hover,
#side .s_contact a:hover,
#side .s_sdgs a:hover {
	background-position: 0px -116px;
}
body.recruit #side .s_recruit a,
body.recruit #side .s_recruit a:hover,
body.contact #side .s_contact a,
body.contact #side .s_contact a:hover,
body.contact #side .s_sdgs a,
body.contact #side .s_sdgs a:hover {
	background-position: 0px -232px;
}

/* side ▲ ------------------------------*/





/* footer ▼ ------------------------------*/

#footer {
	clear: both;
	float: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 130px;
	background-color: #001e3c;
	padding-top: 20px;
	color: #FFF;
}
#footer a:link,
#footer a:visited,
#footer a:hover {
	color: #FFF;
}
#footer .f_menu01 ul li,
#footer .f_menu02 ul li,
#footer .f_menu03 ul li,
#footer .f_menu04 ul li {
	list-style-position: inside;
	list-style-type: disc;
	white-space: nowrap;
	font-size: 90%;
}
#footer .f_menu01 {
	position: absolute;	
}
#footer .f_menu02 {
	position: absolute;
	margin-left: 170px;
}
#footer .f_menu03 {
	position: absolute;	
	margin-left: 370px;
}

#footer .f_menu04 {
	position: absolute;	
	margin-left: 490px;
}
#footer .f_right {
	position: absolute;
	margin-left: 710px;
}
#footer .f_logo {
	margin-bottom: 6px;
}
#footer .f_tel {
	background-image: url(../../images/common/f_tel.gif);
	height: 16px;
	width: 202px;
	margin-bottom: 20px;
	margin-left: 90px;
}
#footer .copyright {
	text-align: right;
	font-size: 85%;
}


/* footer ▲ ------------------------------*/





/* common ▼ ------------------------------*/

/* PageTitle ↓ */
.page_title {
	background-color: #FFF;
	width: 100%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
	height: 96px;
}
.page_title h3 {
	font-size: 8px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.page_title h3 img {
	margin-top: 4px;
}
/* PageTitle ↑ */


/* ぱんくず */
.pan {
	text-align: right;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 85%;
}


/* 見出し */
.mi_01 {
	line-height: 40px;
	background-image: url(../../images/common/mi_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 40px;
	width: 632px;
	margin-bottom: 20px;
	padding-left: 28px;
	font-size: 110%;
	font-weight: bold;
}
.mi_02 {
	line-height: 30px;
	color: #FFF;
	background-color: #003c78;
	height: 30px;
	width: 660px;
	text-indent: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}


/* リスト */
ol li,
ul li {
	list-style-position: inside;
}
.none_list li {
	list-style-type: none;
}
.num_list li {
	list-style-type: decimal;
}
.disc_list li {
	list-style-type: disc;	
}


/* テーブル */
table.tb_01 tr th,
table.tb_01 tr td {
	border: 1px solid #c8c8c8;
	padding: 8px;
	text-align: left;
	background-color: #FFF;
}
table.tb_02 tr th,
table.tb_02 tr td {
	border: 1px solid #c8c8c8;
	text-align: left;
	background-color: #FFF;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
table.tb_01 tr th,
table.tb_02 tr th {
	background-color: #f0f0f0;
	font-weight: bold;
}

table tr td .nb_tb tr th,
table tr td .nb_tb tr td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}
table tr td .nb_tb tr th {
	padding-left: 0;
}



.tab_list ul li {
	float: left;
	background-color: #001e3c;
	line-height: 20px;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 4px;
	font-size: 85%;
}
.tab_list ul li a {
	color: #FFF;
	text-decoration: underline;	
}
.tab_list ul li a:hover {
	text-decoration: none;	
}


/* イメージ */
.img_right_20 {
	float: right;
	margin-left: 20px;	
}

.img_hover img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}



/* pager ↓ */
div.pager {
	line-height: 50px;
	height: 50px;
	width: 720px;
	text-align: center;
	margin-bottom: 0px;
	letter-spacing: 0.1em;
	overflow: hidden;
	font-size: 13px;
	background-image: url(../../images/common/pager_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-top: -23px;
}
div.pager a {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 13px;
}
.pager .p_now {
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
	line-height: 50px;
	margin-top: 2px;
}
span.p_pre a {
	line-height: 50px;
	text-decoration: underline;
	display: block;
	overflow: hidden;
	position: absolute;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	margin-left: 27px;
	margin-top: -24px;
}
span.p_next a {
	line-height: 50px;
	text-decoration: underline;
	display: block;
	overflow: hidden;
	position: absolute;
	margin-left: 620px;
	margin-top: -50px;
	font-weight: bold;
	font-size: 14px;
}
/* pager ↑ */



.bg01 {
	background-color: #f0f0f0;
	border: 1px solid #F00;
	margin: 0px;
	padding: 0px;
}
.bg02 {
	background-color: #001e3c;
}

.m_middle {
	background-image: url(../../images/common/m_middle.gif);
	background-repeat: repeat-y;
	width: 720px;	
}
.m_head {
	background-image: url(../../images/common/m_head.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}
.m_bottom {
	background-image: url(../../images/common/m_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;	
}
.m_sp {
	padding-top: 24px;
	padding-right: 30px;
	padding-bottom: 24px;
	padding-left: 32px;
}
.m_sp02 {
	padding-top: 24px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 32px;
}

.s_middle {
	background-image: url(../../images/common/s_middle.gif);
	background-repeat: repeat-y;
	width: 260px;	
}
.s_head {
	background-image: url(../../images/common/s_head.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.s_head_mi {
	background-image: url(../../images/common/s_head.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 260px;
	line-height: 44px;
	color: #FFF;
	height: 37px;
	text-indent: 24px;
	font-size: 110%;
}
.s_bottom {
	background-image: url(../../images/common/s_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;	
}
.s_menusp {
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
}

.main_s_middle {
	background-image: url(../../images/common/main_s_middle.gif);
	background-repeat: repeat-y;
	width: 320px;	
}
.main_s_head_mi {
	background-image: url(../../images/common/main_s_head.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 320px;
	line-height: 36px;
	color: #FFF;
	height: 30px;
	font-size: 110%;
	text-align: center;
}
.main_s_bottom {
	background-image: url(../../images/common/main_s_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;	
}
.main_s_sp {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}



.width01 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;	
}


/* Pagetop */
#page-top {
	position: fixed;
	right: 20px;
	bottom: 200px;
	display: block;
}
#page-top a {
	background-image: url(../../images/common/pg_top.png);
	height: 90px;
	width: 24px;	
}
#page-top a:hover {
	background-position: -24px 0px;	
}

/* common ▲ ------------------------------*/





/* style ▼ ------------------------------*/

.clear {
	clear: both;
	float: none;
	display: block;
	line-height: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.hide,
.hide a {
	font-size: 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.red {
	color: #FF0000;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
	display: block;
}

.right {
	text-align: right;
	display: block;
}

.left {
	text-align: left;
	display: block;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.sss_section {
	display: block;
	margin-bottom: 6px;
}

.ss_section {
	display: block;
	margin-bottom: 10px;
}

.s_section {
	display: block;
	margin-bottom: 20px;
}

.section {
	display: block;
	margin-bottom: 30px;
}


.f80 {
	font-size: 80%;	
}

.w140 {
	width: 140px;	
}

.w160 {
	width: 160px;	
}

.w170 {
	width: 170px;	
}

.w490 {
	width: 490px;	
}

.w500 {
	width: 500px;	
}

.w660 {
	width: 660px;	
}

/* style ▲ ------------------------------*/