/* =============================================================
　◆◆ 基本設定 ◆◆
============================================================= */
/* HTML/BODY  */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family:Lucida,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif;
    font-size:9pt;
}
	
/* ============================================================
 ◆◆　背景IMAGE ◆◆
=============================================================*/
/* BODY  */
#backimage_corporate{
	background-image:url('../menu/images/bg_image_corporate2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#backimage_access{
	background-image:url('../menu/images/bg_image_access2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#backimage_business{
	background-image:url('../menu/images/bg_image_business2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#backimage_recruit{
	background-image:url('../menu/images/bg_image_recruit2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#backimage_global{
	background-image:url('../menu/images/bg_image_global2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#backimage_mail{
	background-image:url('../menu/images/bg_image_mail2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#backimage_line{
	background-image:url('../menu/images/bg_image_line.gif');
	background-repeat:repeat-y;
	background-position:left;
}
#backimage_information{
	background-image:url('../menu/images/bg_image_info.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/* CONTENT    */
.content {
	min-height: calc(100vh - 72px);
	overflow:hidden;
}

/* HEADER-LINE */
hr#h_line {
	height:60px;     /* 20px  */
	background-color:#003333;   /* #4682b4  */
	margin:0;
	padding:0;
}

/* HEADER */
.header {
	width:780px;
	margin:0 auto;
	background-color:#ffffff;
}

/* ghost（ゴースト） CNT */
 dl.social {
  list-style-type:none;
  position:fixed;    /* Ichi-Kotei*/
  bottom:0px;
  right:10px;
  z-index:5;
  margin-bottom:0;
}

.img-ghost {
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* === HEADER-MENU-BUTTON <NEW-STR>=== */
#menu_nav {
	width:100%;
	max-width:780px;
	margin:0 auto;
	padding:0;
}

#menu_nav li {
	display:block;
	float:left;
	width:20.0%;   /* 5個のボタン用（100÷5） */
	margin:0;
	padding:0;
}
		
#menu_nav li a {
	display:block;
	padding:20px 0 20px;
	color:#cdcdcd;
	background:#fff;
	text-align:center;
	text-decoration:none;
}

#menu_nav li a:hover {
	color:#fff;
	background:#dc143c;
}

#sp_menu {
	display:none;
}
/* === HEADER-MENU-BUTTON <NEW-END>=== */


/* TAITOL-JP */
.taitol-jp {
	width:780px;
	margin:0 auto;
	height:20px;
	background-color:#004d4d;
	padding-top:2px;
	color:#ffffff;
	text-align:right;
}

/* MAIN */
.main {
	width:780px;
	margin:0 auto;
}

/* RECRUIT */
.rec-sub-t {
	background-image:url('../menu/images/line_recruit.png');
	background-repeat:no-repeat;
	margin-left:1em;
	width:240px;
	height:25px;
	text-align:left;
	vertical-align:top;
	text-indent:1.5em;
	font-size:11pt;
	font-weight:600;
	color:gray;
 }

.rec-left {
	float:left; 
	margin-left:24px;
}

.rec-right {
	float:right;
	margin-right:24px;
}

.rec-left-img {
	float:left; 
	margin-left:24px;
}

.rec-right-img {
	float:right;
	margin-right:24px;
}

.rec-bl {
	display:block;
	width:390px;
	text-align:left;
}	

.rec-bl2 {
	display:block;
	width:390px;
	text-align:left;
}	

/* ABOUT-US */
.ab-sub-t {
	background-image:url('../menu/images/line_aboutus.png');
	background-repeat:no-repeat;
	margin-left:1em;
	width:240px;
	height:25px;
	text-align:left;
	vertical-align:top;
	text-indent:1.5em;
	font-size:12pt;      /*  11px  */
	font-weight:600;
	color:gray;
 }
.ab-left {
	float:left; 
	margin-left:24px;
}

.ab-right {
	float:right;
	margin-right:24px;
}

.ab-left-img {
	float:left; 
	margin-left:24px;
}

.ab-right-img {
	float:right;
	margin-right:24px;
}

.ab-bl {
	display:block;
	width:390px;
	text-align:left;
}	

.ab-bl2 {
	display:block;
	width:390px;
	text-align:left;
}	


/* BUSINESS */
.bs-sub-menu-u{
	float:left;
}	
.bs-sub-menu-d{
	float:left;
}	

.bs-sub-t {
    background-image:url('../menu/images/line_business.png');
    background-repeat:no-repeat;
	margin-left:1em;
	width:380px;
	height:25px;
	text-align:left;
	vertical-align:top;
	text-indent:1.5em;
	font-size:11pt;
	font-weight:600;
	color:gray;
 }
 
.bs_waku{
	background-image:url('../menu/images/table_back.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	border-right:1px silver solid;
	border-bottom:1px silver solid;
}
.bs-left {
	float:left; 
	width:380px;
}

.bs-right {
	float:right;
	width:380px;
}

.bs-left-img {
	float:left; 
	margin-left:24px;
}

.bs-right-img {
	float:right;
	margin-right:24px;
}

.bs-bl {
	display:block;
	width:200px;
}	

.bs-br {
	display:block;
	width:140px;
}	

.sol_line{
	border-bottom:1px silver solid;
	border-right:1px silver solid;
}
.sol_line_r{
	border-right:1px silver solid;
}
.sol_line_d{
	border-bottom:1px silver solid;
}

#solution-r {
	margin-left:120px;
}	

/*--------------*/
/* Global       */
/*--------------*/
#g-gazo-min {
	display:none;
}	


/*--------------*/
/* ACCESS MAP   */
/*--------------*/
.map{
	width:600px;
	margin:0 auto;
}
	
.google-maps {
	position:relative;
	padding-bottom:75%;
	height:0;
	overflow:hidden;
	border:thin lightslategray solid;
}
.google-maps iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}		


/* TEXT-INDENT */
.indent{
	padding-left:1em; text-indent:-1em;
}

.indent2{
	padding-left:2em; text-indent:-2em;
}

.indent3{
	padding-left:3em; text-indent:-3em;
}



/* FOOTER */
.footer {
	width:780px;
	margin:0 auto;
}	

/* FOOTER-LINE */
#footer-line {
	width:100%;
	height:40px;
	background-color:#003333;
	margin:0;
	padding:0;
	text-align:center;
	clear:both;
}

@media (max-width:768px) {
	/* 画面縮小したら */
	/* ①背景は無地に */
	#backimage_recruit , #backimage_corporate, #backimage_business, #backimage_access, #backimage_global, #backimage_mail, #backimage_information {
	background-image:none;
	background-color:#ffffff;
	}
	/* ②フッターボタン非表示 */
	.footer{
		display:none;
	}
		
	.header, .taitol-jp, .main, .map, .footer { 
		float:none;
		margin:0;
		width: auto;
	}

	/* Business */
	.bs-sub-menu-u{
		float:none;
	}	
	.bs-left {
		float:none;
	}
	.bs-right {
		float:none;
	}
	.bs-left-img {
		float:none;
		margin-left:0;
		display: table-cell;
		width: 100vw;
		text-align:center;
	}

	.bs-right-img {
		float:none;
		margin-right:0;
		display: table-cell;	
		width: 100vw;
		text-align:center;
	}
	#solution-r{
		margin-left:0;
	}

	/*---------*/
	/* ABOUT-US */
	/*---------*/
	.ab-bl {             /* 中央寄せ */
		float:none;
		margin:0 auto;
	}

	/* 左余白無しに */
	.ab-left {
		float:none;
		margin-left:0;
	}

	.ab-right {
		float:none;
		margin-right:0;
	}

	.ab-left-img {
		float:none;
		margin-left:0;
		display: table-cell;
		width: 100vw;
		text-align:center;
	}

	.ab-right-img {
		float:none;
		margin-right:0;
		display: table-cell;	
		width: 100vw;
		text-align:center;
	}

	/*---------*/
	/* RECRUIT */
	/*---------*/
	.rec-bl {             /* 中央寄せ */
		float:none;
		margin:0 auto;
	}

	/* 左余白無しに */
	.rec-left {
		float:none;
		margin-left:0;
	}

	.rec-right {
		float:none;
		margin-right:0;
	}

	.rec-left-img {
		float:none;
		margin-left:0;
		display: table-cell;
		width: 100vw;
		text-align:center;
	}

	.rec-right-img {
		float:none;
		margin-right:0;
		display: table-cell;	
		width: 100vw;
		text-align:center;
	}
		
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	} 

	.taitol-img p {
	font-size:1em;
	}
	/* Global */	
	#g-gazo-min {
		display:inline;
		text-align:center;
	}	
	#g-gazo-max {
		display:none;
	}
	
	
}


@media only screen and (max-width:768px){
	#menu_nav li {
		width:33.2%;
		border-top:0;
	}
		
}

@media only screen and (max-width:480px){
	#menu_nav {
		display:none;
	}
	#menu_nav li {
		width:100%;
	}
	
	#sp_menu {
		display:block;
		position:relative;
		width:100%;
		background:#cdcdcd;
	}
	
	#sp_menu a {
		display:block;
		position:relative;
		padding:10px 0 10px;
		border-bottom:1px lightgray solid;
		color:#555;
		text-align:center;
		text-decoration:none;
	}
	
	#sp_menu:before {
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:10px;
		width:20px;
		height:20px;
		margin-top:-10px;
		background:#555;
	}
		
	#sp_menu a:before, #sp_menu a:after {
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:10px;
		width:20px;
		height:4px;
		background:#cdcdcd;
	}
	#sp_menu a:before {
		margin-top:-6px;
	}
	#sp_menu a:after {
		margin-top:2px;
	}
	.bs-left,.bs-right {
		width:auto;
	}
}


dl.meisai {
	text-align:left;
	margin:0;
	padding:0;
}	

img.waku {
 border-color:#778899;
 border-style:solid;
 border-width:1px;
}

 
/* <=================> */
/* < keiko-line     > */
/* <=================> */
.keiko_line{
	background:linear-gradient(transparent 60%,#5f9ea0 50%);
}

/* ============================================================
 ◆◆　リンク制御 ◆◆
=============================================================*/
a:link {color:silver;}
a:visited {color:silver;}
a:hover{color:gray;}
a:active{color:gray;}
}