@charset "utf-8";
/* ===================================================================
CSS 下層ページ

file name  :page.css
style info  :下層ページ設定
=================================================================== */

/*--------------------------------------------------------------------
基本設定
--------------------------------------------------------------------*/
.center_text{
	text-align: center;
}

#pagetitle{
	background: #f0f3f6;
	padding: 25px 0;
	margin-bottom: 40px;
}

#pagetitle h2{
	max-width: 1000px;
	margin: 0 auto;
}

#pagetitle h2#pagetitle_01{
	border-bottom: 1px dotted #0068b7;
	padding-bottom: 5px;
}

#pagetitle h2#pagetitle_02{
	margin-top: 15px;
}

#page{
	max-width: 1000px;
	margin: 0 auto;
}

#page #main_column{
	float: left;
	max-width: 730px;
	margin: 0 0 80px;
}

#page #main_column section{
	overflow: hidden;
}

#page #main_column h3{
	color: #0068b7;
	font-size: 1.5em;
	margin: 0 0 20px 0;
}

#page #main_column h4{
	color: #0068b7;
	font-size: 1.2em;
	margin: 30px 0 10px 0;
	border-bottom: 1px dotted #0068b7;
}

#page #main_column p{
	margin: 0 0 10px 0;
}

#page #main_column p.image{
	margin: 0 5px 0 0;
	text-align: center;
}

#page #main_column table{
	margin: 20px 0;
}

#page #main_column table tr{
}

#page #main_column table th{
	color: #0068b7;
	width: auto;
	background: #f0f3f6;
	padding: 10px 20px;
}

#page #main_column table td{
	width: auto;
	padding: 10px 20px;
}

#page #side_column{
	float: right;
	width: 250px;
	border: 1px solid #eeeeee;
	margin: 0 0 50px 0;
}

#page #side_column h3{
	background: #f0f3f6 url(../images/common/bg_sidemenu.jpg) no-repeat 5px bottom;
	color: #0068b7;
	padding: 13px 0 0 20px;
	min-height: 50px;
}

#page #side_column ul{
	margin: 20px 15px;
}

#page #side_column li{
	background: url(../images/common/icon_sidemenu.png) 0 3px no-repeat;
	min-height: 13px;
	padding: 0 0 15px 20px;
	font-size: 0.9em;
}

/*--------------------------------------------------------------------
会社情報ページ
--------------------------------------------------------------------*/
#history #page #main_column table{
	margin-top: 0;
	float: left;
	max-width: 574px;
}

#history th{
	white-space: nowrap;
}

#history .image_box{
	float: right;
}

#history .image_box li{
	margin: 0 0 30px 0;
}

#base .base_box{
	overflow: hidden;
	width: 730px;
	margin: 0 0 20px 0;
}

#base .base_box .text_box{
	float: left;
	width: 230px;
}

#base .base_box .image_box{
	float: right;
}

#organization #con_01 img{
	max-width: 730px;
	width: 100%;
}

#transition #page #main_column table{
	width: 730px;
}

#transition #page #main_column table tr{
}

#transition #page #main_column table td{
	margin: 0;
	padding: 5px 10px;

}

#transition #page #main_column table td.year{
	text-align: center;
}

#transition #page #main_column table td.data{
	background: url(../corporate/images/bg_graf.png);
	padding: 5px 0;
}

#transition #page #main_column table td.memori{
	padding: 0 0;
}

#area #page #main_column h3{
	margin: 20px 0 10px 0;
}

#area #page #main_column p{
	margin: 0 0 30px 0;
}

#area #con_01 ul{
text-align: center;
margin: 20px 0;
}

#area #con_01 li{
display: inline-block;
	margin: 0 10px 20px 10px;
}

#area #con_01 li img{
	width: 180px;
	height: 110px;
}

#employee #con_01 h3{
	margin: 20px 0 10px 0;
}

#employee #con_01 ul{
text-align: center;
margin: 20px 0;
}

#employee #con_01 li{
display: inline-block;
	margin: 0 10px 20px 10px;
}

#employee #con_01 li img{
	width: 180px;
	height: 110px;
}

#welfare #con_01 ul{
text-align: center;
margin: 20px 0;
}

#welfare #con_01 li{
display: inline-block;
	margin: 0 10px 20px 10px;
}

#welfare #con_01 li img{
	width: 180px;
	height: 110px;
}
#Philosophy #con_01{
	width: 730px;
}

#Philosophy #con_01 ol{
}

#Philosophy #con_01 ul li{
	margin: 0 0 0 0;
	padding: 0 0 10px 5px;
}

#Philosophy #con_01 ol li{
	margin: 0 0 0 30px;
	padding: 0 0 10px 5px;
}



/*--------------------------------------------------------------------
製品情報ページ
--------------------------------------------------------------------*/
#process #con_01 span{
	font-size: 1.5em;
}

#process #con_01 span{
}

#process #con_02{
	margin: 0 0 30px 0;
}

#process #con_02 ul{
text-align: center;
margin: 20px 0;
padding: 30px 0 30px 0;
background: #000000;
overflow: hidden;
text-align: center;
}

#process #con_02 li{
	display: inline-block;
	text-align: center;
	margin: 0 0 20px 0;
	color: #ffffff;
	font-size: 0.8em;
}

#process #con_02 li img{
	max-width: 230px;
}

#process #con_03 ul{
text-align: center;
margin: 20px 0;
}

#process #con_03 li{
display: inline-block;
margin: 0 0 20px 0;
}

#process #con_03 li img{
	width: 240px;
}

#process #page #main_column p.image {
margin: 0 0 0 0;
text-align: left;
}


#qpolicy #con_02 ul{
text-align: center;
margin: 20px 0;
}

#qpolicy #con_02 li{
display: inline-block;
margin: 0 10px 20px 10px;
}

#qpolicy #con_02 li img{
	width: 180px;
	height: 110px;
}

/*--------------------------------------------------------------------
教育について
--------------------------------------------------------------------*/
#training #con_02{
	width: 720px;
}

#training #con_02 .text_box{
	float: left;
	width: 400px;
	margin: 0 0 40px 0;
}

#training #main_column #con_02 p.image{
	float: right;
	width: 297px;
}
/*--------------------------------------------------------------------
その他ページ
--------------------------------------------------------------------*/
#kankyo #con_02 ul{
text-align: center;
margin: 20px 0;
}

#kankyo #con_02 li{
display: inline-block;
margin: 0 10px 20px 10px;
}

#kankyo #con_02 li img{
	width: 180px;
	height: 110px;
}

#recruit #page h3{
	margin: 0 0 10px 0;
}

#recruit #page section{
	margin: 0 0 30px 0;
}

#recruit #page h4{
	margin: 0 0 10px 0;
}
#recruit #con_01{
}

#sitemap{
}

#sitemap .list_box ul{
	overflow: hidden;
}

#sitemap .list_box li{
	float: left;
	margin: 0 20px 10px 0;
}

#topix{
}

#topix dl{
	width: 730px;
}

#topix dt{
	font-size: 0.9em;
}
#topix db{
	color: #001eff;
	font-size: 1.4em;
}

#topix db a,
#topix db a:link {color:#001eff;}
#topix db a:visited {color:#001eff;}
#topix db a:hover,
#topix db a:active {color:#6174ff;}
#topix db a:focus {outline:none;}

#topix dd{
color: #0068b7;
font-size: 1.2em;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px dotted #8ab9dc;
}

#topix dd a,
#topix dd a:link {color:#0068b7;}
#topix dd a:visited {color:#0068b7;}
#topix dd a:hover,
#topix dd a:active {color:#499ad7;}
#topix dd a:focus {outline:none;}

#topix #main_column p.image{ /* 2018.03.14 */
	display: inline-block;
	text-align: center;
}
#topix #main_column img{ /* 2018.03.14 */
	display: block;
}
#topix #main_column img.large{ /* 2018.03.14 */
	max-width: 464px;
	width: 100%;
	height: 100%;
}
#topix #main_column img.small{ /* 2018.03.14 */
	max-width: 230px;
	width: 100%;
	height: 100%;
}


/*
#topix #main_column img{
	float: left
	width: 270px;
	height: 165px;
}
#topix #main_column img1{
	width: 360px;
	height: 220px;
	text-align: center;
}
	max-width: 730px;
*/


#topix #main_column h3{
	margin: 0 0 0 0;
}

#topix #main_column h5{
	margin: 0 0 0 0;
	color: #FF0000;
}

#topix #main_column p.data{
text-align: left;
border-top: 1px dotted #0068b7;
margin: 0 0 20px 0;
}
#topix #main_column o.data{
text-align: center;
border-top: 1px dotted #0068b7;
margin: 0 0 0 0;
}

/*--------------------------------------------------------------------
SP用CSS
--------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

#pagetitle{
	background: #f0f3f6;
	padding: 5px 0 10px;
	margin-bottom: 20px;
}

#pagetitle h2{
	max-width: 1000px;
	margin: 0 auto;
}

#pagetitle h2 img{
	max-width:200px;
}

#pagetitle h2#pagetitle_01{
	border-bottom: 1px dotted #0068b7;
	padding-bottom: 0;
	padding-left:7px;
}

#pagetitle h2#pagetitle_02{
	margin-top: 5px;
	padding-left:7px;
}

#page{
	font-size: 0.9em;
	max-width: 1000px;
	margin: 0 auto;
}

#page #main_column{
	float: none;
	max-width: 730px;
	margin: 0 10px 40px 10px;
}

#page #main_column h3{
	color: #0068b7;
	font-size: 1.2em;
	margin: 0 0 20px 0;
	line-height: 1.3em;
}

#page #main_column p{
	margin: 0 0 10px 0;
}

#page #main_column p img{
	max-width: 100%;
}

#page #main_column table th {
	padding: 5px 10px;
}

#page #main_column table td {
	padding: 5px 10px;
}
#page #side_column{
	clear: both;
	float: none;
	width: auto;
	max-width: 100%;
	border: 1px solid #eeeeee;
	margin: 0 10px 50px 10px;
	overflow: hidden;
}

#page #side_column h3{
	background: #f0f3f6 url(../images/common/bg_sidemenu.jpg) no-repeat 5px bottom;
	color: #0068b7;
	padding: 13px 0 0 20px;
	min-height: 50px;
}

#page #side_column ul{
	margin: 15px 0 10px;
	overflow: hidden;
}

#page #side_column li{
	background: url(../images/common/icon_sidemenu.png) 0 8px no-repeat;
	min-height: 13px;
	padding: 0 0 10px 10px;
	font-size: 0.9em;
	float: left;
	margin: 0 0 0 10px;
	background-size: 7px 6px;
}


/*--------------------------------------------------------------------
会社情報ページ
--------------------------------------------------------------------*/
#history #page #main_column table{
	margin-top: 0;
	float: none;
	max-width: auto;
}

#history th{
	white-space: nowrap;
}

#history .image_box{
	float: none;
}

#history .image_box ul{
	text-align: center;
}

#history .image_box li{
	display: inline-block;
	margin: 0 0 5px 0;
}

#base .base_box{
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px 0;
}

#base .base_box .text_box{
	float: none;
	width: 100%;
}

#base .base_box .image_box{
	float: none;
}

#base #main_column h4 {
margin: 0 0 10px 0;
}

#transition table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}



/*--------------------------------------------------------------------
製品情報ページ
--------------------------------------------------------------------*/
#process #con_02 li img{
}

/*--------------------------------------------------------------------
教育について
--------------------------------------------------------------------*/
#training #con_02{
	width: 100%;
}

#training #con_02 .text_box{
	float: none;
	width: 100%;
	margin: 0 0 40px 0;
}

#training #main_column #con_02 p.image{
	float: none;
	width: 100%;
}

/*--------------------------------------------------------------------
その他ページ
--------------------------------------------------------------------*/
#topix dl{
	width: 100%;
}










}