@charset "UTF-8";

/* Not Firefox (others) */

/* 1000px 以上 */
body
{
/*	font-size : 21px ;*/
	font-size : 18px ;
	line-height : 1.6 ;
}

div.chapter
{
	background-color : rgb(255,255,255) ;
}

.fixed
{
	position : fixed ;
	top : 0 ;
	margin-top : 0 !important;
	width : 140px ;
	z-index : 10 ;
}

/* ヘッダーナビゲーション */
div.chapter div.header-navigation
{
	position : relative ;
	width : 100% ;
	height : 96px ;
	margin-bottom : 0 ;
/*	background-image : url(/Images/50-50_rgba808080-50.png) ;*/
}

div.chapter div.header-navigation
{
	background-color : rgb(0,162,154) ;
}

/*div.chapter div.header-navigation
{
	background-color : rgb(180,75,91) ;
}

div.chapter div.header-navigation
{
	background-color : rgb(115,192,63) ;
}

div.chapter div.header-navigation
{
	background-color : rgb(140,140,145) ;
}*/

body.home div.chapter div.header-navigation
{
	position : absolute ;
	z-index : 100 ;
	background-color : transparent ;
}

div.chapter div.header-navigation dl dt
{
	position : absolute ;
	top : 0 ;
	left : 0 ;
	width : 240px ;
	height : 96px ;
	background-color : transparent ;
}

div.chapter div.header-navigation dl dt a
{
	display : block ;
	width : 240px ;
	padding-top : 96px ;
	height : 0 ;
	background-color : transparent ;
	background-image : url(/Images/top_title.svg) ;
	background-size : auto 92px ;
	background-position : center left ;
	background-repeat : no-repeat ;
	overflow : hidden ;
}

div.chapter div.header-navigation dl dd
{
	position : absolute ;
	top : 0 ;
	right : 0 ;
	width : auto ;
	height : 96px ;
}

div.chapter div.header-navigation ul
{
	width : auto ;
	height : 72px ;
	margin-top : 12px ;
	margin-bottom : auto ;
	background-color : transparent ;
	overflow : hidden ;
}

div.chapter div.header-navigation ul li
{
	display : table-cell ;
	vertical-align : middle ;
	width : 72px ;
	height : 72px ;
	margin-right : 12px ;
	float : left ;
}

div.chapter div.header-navigation ul li:first-child
{
/*	display : none ;*/
}

div.chapter div.header-navigation ul li:last-child
{
}

div.chapter div.header-navigation ul li a
{
	display : table-cell ;
	width : 72px ;
	height : 72px ;
	font-size : 14px ;
	color : rgb(100,100,100) ;
	text-decoration : none ;
	text-align : center ;
	vertical-align : middle ;
/*	line-height : 40px ;*/
/*	background-color : rgb(255,255,255) ;*/
	background-image : url(/Images/50-50_rgba255-65.png) ;
	overflow : hidden ;
	border-radius : 50% ;
}

div.chapter div.header-navigation ul li:first-child a
{
}

div.chapter div.header-navigation ul li:nth-of-type(2) a
{
}

div.chapter div.header-navigation ul li:last-child a
{
}

div.chapter div.header-navigation ul li a:visited
{
	text-decoration : none ;
}

div.chapter div.header-navigation ul li a:hover
{
	text-decoration : none ;
	color : rgb(255,255,245) ;
	background-color : rgb(50,50,50) ;
	background-image : none ;
}

div.chapter div.header-navigation ul li a:active
{
	color : rgb(255,255,245) ;
	background-color : rgb(0,0,0) ;
	text-decoration : none ;
}

/* 本文 */
/* article */
div.chapter div.article
{
/*	padding-top : 150px ;
	padding-bottom : 0 ;*/
	padding-top : 0 ;
	clear : both ;
/*	background-image : url(/Images/background_line.jpg) ;
	background-repeat : repeat-x ;
	background-position : top center ;
	background-size : auto 150px ;
 -webkit-animation: bgscroll 60s linear infinite;
 animation: bgscroll 60s linear infinite;*/
}

@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1350px 0;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1350px 0;}
}

body.home div.chapter div.article
{
	padding-top : 0 ;
	background-image : none ;
}

/*body.construction div.chapter div.article
{
	background-image : url(/Images/background_line_construction.jpg) ;
}

body.recruit div.chapter div.article
{
	background-image : url(/Images/background_line_recruit.jpg) ;
}

body.company div.chapter div.article
{
	background-image : url(/Images/background_line_company.jpg?20150303) ;
}

body.contact div.chapter div.article
{
	background-image : url(/Images/background_line_contact.jpg) ;
}*/

/* section#H1 */
body div.chapter div.article div.section#H1
{
	max-width : 1280px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 0 ;
	padding-top : 0 ;
	background-color : rgb(255,255,255) ;
}

 body.home div.chapter div.article div.section#H1
{
	max-width : 100% ;
}

/* 見出し h1 */
body div.chapter div.article div.section h1
{
	display : none ;
}

/* セクションセクション */
body div.chapter div.article div.section div.section
{
/*	width : 100% ;*/
/*	width : 978px ;*/
	margin-left : auto ;
	margin-right : auto ;
	padding : 0 2.5% 0 2.5% ;
}

body.home div.chapter div.article div.section div.section
{
	padding : 0 ;
	margin-top : 0 ;
	background-color : rgb(10,10,10) ;
}

/* セクション passage */
body div.chapter div.article div.section div.passage
{
	margin-left : 10% ;
	margin-bottom : 48px ;
}

body.home div.chapter div.article div.section div.passage
{
	margin-left : 0 ;
	margin-bottom : 24px ;
	width : auto ;
}

div.passage img
{
	max-width : 100% ;
}

div.chamber
{
	margin-left : 170px ;
}

div.passage-section
{
/*	margin-left : 5% ;*/
}

/* ページ内インデックス */
div.page_index ul li
{
	width : 100px ;
	margin : 5px 20px ;
}

div.page_index ul li a
{
	width : 100px ;
	height : 100px ;
	border-radius : 50px ;
}

/* 一覧リスト */
ul.listup
{
	margin-bottom : 1em ;
}

/*ul.listup li:before
{
	content : "» " ;
	color : rgb(8,79,47) ;
}*/

ul.listup li
{
	margin-bottom : 0.5em ;
	background-image : url(/Images/deco-arrow.png) ;
	background-repeat : no-repeat ;
	background-position : 0 4px ;
	padding-left : 12px ;
}

ul.parallel li
{
	width : 316px ;
	float : left ;
}

ul.parallel li:nth-child(odd)
{
	margin-right : 22px ;
}


/* サムネイル用 */
div.thumb
{
}


div.thumb p
{
	width : 49% ;
	max-height : 10em ;
	overflow : hidden ;
}

div.thumb p.usedcar_image_2nd
{
	float : left ;
}

div.thumb p.usedcar_image_3rd
{
	float : right ;
}

div.thumb a img
{
}

div.thumb:hover a img
{
}

/* 日付 */
p.date
{
	text-align : right ;
	font-size : 85% ;
}

/* まわりこみ画像 */
p.insert img
{
	width : 296px ;
}


/* でぃてぃーる */
div.detail
{
	display : table ;
	background-color : rgb(245,245,245) ;
	width : 100% ;
	margin-bottom : 1.5em ;

}

div.detail p
{
	display : table-cell ;
	margin : 0 ;
	padding : 5px 10px 5px 5px ;
	vertical-align : middle ;
	border-bottom : 1px dotted rgb(100,100,100) ;
}

div.detail p:first-child
{
	width : 90px ;
	padding : 5px ;
	text-align : center ;
}

div.detail p:first-child img.icon
{
	display : block ;
}

/* マップ Google Map */
div.map
{
	margin-bottom : 1em ;
}

div.map iframe
{
	display : block ;
	width : 100% ;
	height : 480px ;
}

/* ページトップアイコン */
body div.chapter div.article div.section#H201 p.pagetop
{
	margin-top : 1em ;
	text-align : right ;
}

body div.chapter div.article div.section#H201 p.pagetop a
{
	display : inline-block ;
	width : 120px ;
	height : 32px ;
	font-size : 12px ;
	text-align : center ;
	line-height : 32px ;
	color : rgb(255,248,230) ;
	background-color : rgb(120,120,120) ;
	border-radius : 16px ;
	overflow : hidden ;
}

body div.chapter div.article div.section#H201 p.pagetop a:hover
{
	color : rgb(255,255,255) ;
	background-color : rgb(86,80,80) ;
	text-decoration : none ;
}

body div.chapter div.article div.section#H201 p.pagetop a:visited
{
	text-decoration : none ;
}

/* 見出し h3 */
h3
{
}

/* フェードインスライドショー */
/* HatenaXfade */
.fadeins,
.fadeins ul,
.fadeins ul li
{
	width : 978px ;
	height : 400px ;
	overflow: hidden;
}

.fadeins
{
	position : relative;
	margin-bottom : 8px ;
}

.fadeins ul
{
	position : relative;
}

.fadeins ul li
{
	position : absolute ;
	top : 0 ;
	left : 0 ;
	display : none ;
}

.fadeins ul li img
{
	display : block ;
	width : 100% ;
}

.fadeins div.catchcopy
{
	position : absolute ;
	top : 0 ;
	left : 0 ;
	z-index : 101 ;
}

.fadeins div.catchcopy img
{
	display : block ;
	width : 100% ;
}

/* ページス */
div.pages
{
/*	font-size : 14px ;*/
	margin-top : 20px ;
	margin-bottom : 20px ;
}

div.pages ul
{
	text-align : center ;
}

div.pages ul li
{
	display : inline ;
	padding-left : 8px ;
	padding-right : 8px ;
	border-right : 1px solid silver ;
}

div.pages ul li img
{
	display : none ;
}

div.pages ul li:first-child
{
	border-left : 1px solid silver ;
}

div.pages ul li.fblike
{
	padding-top : 8px ;
	border-style : none ;
	position : relative ;
	top : 6px ;
}

/* 余白 */
div.temp
{
	clear : both ;
	height : 102px ;
	z-index : -1 ;
}

/* フッタ */

div.footer
{
	font-size : 14px ;
	height : 102px ;
	margin-top : -102px ;
/*	padding-left : 140px ;*/
	color : rgb(252,252,252) ;
/*	background-image : url(/Images/KD_color.svg) ;
	background-repeat : no-repeat ;
	background-size : auto 74px ;
	background-position : 12px 22px ;*/
	background-color : rgb(0,162,154) ;
	clear : both ;
}

div.footer a
{
	color : rgb(252,252,252) ;
}

/* ボトムナビゲーション */
div.footer-navigation
{
/*	width : 954px ;*/
	padding : 10px 12px 0 12px ;
	margin-right : auto ;
	margin-left : auto ;
/*	background-color : rgb(86,80,80) ;*/
}

div.footer-navigation ul
{
	height : 20px ;
	padding : 8px 0 14px 0 ;
	text-align : right ;
	border-bottom : 1px solid rgb(252,252,252) ;
}

div.footer-navigation ul li
{
	display : inline-block ;
	height : 20px ;
	width : auto ;
	padding : 0 8px 0 8px ;
	border-left : 1px solid rgb(252,252,252) ;
}

div.footer-navigation ul li:last-child
{
	border-right : 1px solid rgb(252,252,252) ;
}

div.footer-navigation ul li a
{
	padding : 5px ;
}

div.footer-navigation ul li a:hover
{
	color : rgb(255,255,255) ;
	background-color : rgb(80,80,80) ;
}

/* アドレス */
div.footer address
{
/*	width : 954px ;*/
	height : 39px ;
	padding : 0 12px 10px 12px ;
	margin-right : auto ;
	margin-left : auto ;
	text-align : right ;
	line-height : 39px ;
/*	background-color : rgb(86,80,80) ;*/
	overflow : hidden ;
}

/* テーブル */
table.recruit-item th
{
	width : 6em ;
	font-weight : normal ;
	text-align : left ;
}

/* 会社概要 安全背景 */
div#BG001 dl
{
	background-image : url(/Images/1040w_C9A0120.jpg) ;
	background-repeat : no-repeat ;
	background-position : bottom center ;
	background-size : cover ;
}

div#BG001 dl dd
{
	padding-right : 1em ;
}