@charset "utf-8";
/*
Theme Name: 株式会社アットプラスデザイン
Theme URI: http://atplus-design.com
Description: 株式会社アットプラスデザインの専用テーマです。
Author: 株式会社アットプラスデザイン
Author URI: http://atplus-design.com/
Version: 1.0
Tags: atplusdesign
.
*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body{line-height:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{margin:0;padding:0;line-height:1;font-size:100%;
/*==================================================
Base Font
====================================================*/
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}fieldset,img,abbr,acronym{border:0;margin: 0px;vertical-align: bottom;}object,embed,th,td{vertical-align: top;}address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a,ins,del{text-decoration: none;}q:before,q:after {content:'';}* html body{font-size: 65%;}*+html body{font-size: 65%;}html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}strong{font-weight: bold;}em{font-style: italic;}del{text-decoration: line-through;}a{cursor:pointer;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
FLOAT
====================================================*/
/*--------------------------------------------------- clf*/
.clf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clf { zoom: 1; } /* IE6 */
*:first-child+html .clf { zoom: 1; } /* IE7 */
.clf {overflow:hidden;}
/*--------------------------------------------------- FLOAT*/
.fL{float:left !important;}
.fR{float:right !important;}
.fC{clear:both !important;}
/*==================================================
TEXT
====================================================*/
/*--------------------------------------------------- FONT*/
.ffM{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;}
.ffG{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;}
.fwB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}
/*--------------------------------------------------- ALIGN*/
.taC{ text-align:center !important;}
.taL{ text-align:left !important;}
.taR{ text-align:right !important;}
/*==================================================
BACKGROUND & BOEDER
====================================================*/
.bgN{background:none !important;}
.bdrN{border:none !important;}
/*==================================================
LAYOUT
====================================================*/
/*--------------------------------------------------- MARGIN*/
.m0{ margin:0 !important;}
.mT0{ margin-top:0 !important;}
.mT5{ margin-top:5px !important;}
.mT10{ margin-top:10px !important;}
.mT15{ margin-top:15px !important;}
.mT20{ margin-top:20px !important;}
.mT30{ margin-top:30px !important;}
.mT40{ margin-top:40px !important;}
.mT50{ margin-top:50px !important;}
.mB0{ margin-bottom:0 !important;}
.mB5{ margin-bottom:5px !important;}
.mB10{ margin-bottom:10px !important;}
.mB15{ margin-bottom:15px !important;}
.mB20{ margin-bottom:20px !important;}
.mB30{ margin-bottom:30px !important;}
.mB40{ margin-bottom:40px !important;}
.mB50{ margin-bottom:50px !important;}
/*==================================================
NO STYLE
====================================================*/
.noStyle{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	text-decoration:none !important;
	float:none !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					LAYOUT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
DEFAULT
====================================================*/
html{
	width:100%;
	height:100%;
	overflow:auto;}
body {
	width:100%;
	height:100%;
	font-size:16px;
	color:#111;}
* {
	outline: none;
}
/*

accent color: #4883c3
border color: #CCC

*/
/*==================================================
HEADER
====================================================*/
#header{
	max-width:1000px;
	margin:0 auto;
	padding:20px 0 15px;}
#hdr_layout{
	display:table;
	width:100%;
	table-layout:fixed;}
#hdr_logo{
	display:table-cell;
	vertical-align:middle;
	width:250px;}
#hdr_logo a{
	display:block;
	width:100%;}
#hdr_logo a img{
	max-width:100%;}
#hdr_navi_area{
	display:table-cell;
	vertical-align:middle;
	text-align:right;}
#hdr_navi_area ul{
	letter-spacing:-0.4em;}
#hdr_navi_area ul li{
	display:inline-block;
	letter-spacing:normal;
	margin:0 10px 0 0;
	font-size:14px;}
#hdr_navi_area ul li a{
	display:inline-block;
	padding:0 0 0 20px;
	background:url(../images/common/hdr_navi.png) left center no-repeat;}
#hdr_navi_area ul li#hdr_search form,
#hdr_navi_area ul li#hdr_search form input{
	display:inline-block;}
#hdr_navi_area ul li#hdr_search form input[type="text"]{
	width:120px;
	margin:0;
	padding:2px;
	line-height:1.5;
	font-size:12px;
	box-sizing:border-box;
	border:1px solid #666;
	border-right:none;
	height:20px;
	border-radius:3px 0 0 3px;
	box-shadow:0 1px 0 #B3B3B3 inset;
	vertical-align:middle;
	background: #dbdbdb;
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #f2f2f2 50%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 50%,#ffffff 100%);
	background: linear-gradient(to bottom,  #dbdbdb 0%,#f2f2f2 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );}
#hdr_navi_area ul li#hdr_search form input[type="image"]{
	width:20px;
	height:20px;
	padding:4px;
	margin:0;
	line-height:1.5;
	font-size:12px;
	box-sizing:border-box;
	border:none;
	border-radius:0 3px 3px 0;
	vertical-align:middle;
	background: #7d7d7d;
	background: -moz-linear-gradient(top,  #7d7d7d 25%, #292929 100%);
	background: -webkit-linear-gradient(top,  #7d7d7d 25%,#292929 100%);
	background: linear-gradient(to bottom,  #7d7d7d 25%,#292929 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#292929',GradientType=0 );}

/*==================================================
GLOBAL NAVI
====================================================*/
#global_navi_area{
	background: #4883c3;
	background: -moz-linear-gradient(top,  #4883c3 0%, #1d4293 100%);
	background: -webkit-linear-gradient(top,  #4883c3 0%,#1d4293 100%);
	background: linear-gradient(to bottom,  #4883c3 0%,#1d4293 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4883c3', endColorstr='#1d4293',GradientType=0 );}
#global_navi{
	max-width:1000px;
	margin:0 auto;
	height:60px;}
#global_navi > ul{
	display:table;
	table-layout:fixed;
	width:100%;}
#global_navi > ul > li{
	display:table-cell;
	height:60px;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	border-left:1px solid #FFF;}
#global_navi > ul > li:last-child{
	border-right:1px solid #FFF;}
#global_navi > ul > li > a{
	display:table;
	table-layout:fixed;
	height:60px;
	width:100%;
	/*transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;*/}
#global_navi > ul > li > a > span:not(.arrow){
	display:table-cell;
	vertical-align:middle;
	line-height:1.2;
	height:60px;
	color:#FFF;}
#global_navi > ul > li > a:hover,
#global_navi > ul > li > a.activelink{
	text-shadow:0 0 2px rgba(255,255,255,0.2);
	background: #1d4293;
	background: -moz-linear-gradient(top,  #1d4293 0%, #4883c3 100%);
	background: -webkit-linear-gradient(top,  #1d4293 0%,#4883c3 100%);
	background: linear-gradient(to bottom,  #1d4293 0%,#4883c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4293', endColorstr='#4883c3',GradientType=0 );}
#global_navi .global_navi_hassub .arrow {
	width: 16px; height: 16px;
	margin-left: 3px;
	display:inline-block;
	background: url(../images/common/hdr_glb_arw.png) center bottom no-repeat;
	background-size: cover;
	}
#global_navi .global_navi_hassub.On .arrow {
	transform: rotate(-180deg);
}
#global_navi .global_navi_hassub {
	position: relative;
}
#global_navi > ul > li > ul {
	display: none;
	position:absolute;
	left:0;
	top:60px;
	z-index:100;
	box-sizing: border-box;
}
#global_navi > ul > li > ul li {
	line-height: 1.2;
}
#global_navi > ul > li > ul li a {
	display: block;
	padding: 10px;
	width:100%;
	text-align: center;
	background: #457FC0;
	color: #fff;
	box-sizing: border-box;
}
#global_navi > ul > li > ul li a:hover {
	background: #1F4595;
}
#global_navi > ul > li > ul li {
	border-top: 1px solid #FFF;
}
#global_navi > ul > .global_navi_hassub.On > ul {
	display:block;}
/*==================================================
BREADCRUMB
====================================================*/
#breadcrumb_area { }
#breadcrumb {
	max-width:1000px;
	margin:30px auto 30px;
	font-size: 14px;
}
/*==================================================
FOOTER
====================================================*/
footer {
	padding-top: 30px;
}
#footer_about{
	max-width:1000px;
	margin:30px auto;}
#footer_about_layout{
	display:table;
	width:100%;
	table-layout:fixed;}
#ftr_navi {
	display:table-cell;
	vertical-align:bottom;
}
#ftr_note {
	margin-bottom: 20px;
	line-height: 1.5;
}
#ftr_navi ul {
	letter-spacing:-0.4em;}
#ftr_navi ul li{
	letter-spacing:normal;
	display:inline-block;
	font-size:14px;
	padding:2px 10px;
	border-left:1px solid #000;}
#ftr_navi ul li:last-child{
	border-right:1px solid #000;}
#ftr_logo{
	display:table-cell;
	width:120px;
	vertical-align:bottom;
	text-align:right;}
#copy_right{
	margin:30px 0 0;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:15px 0;
	background: #4883c3;
	background: -moz-linear-gradient(top,  #4883c3 0%, #1d4293 100%);
	background: -webkit-linear-gradient(top,  #4883c3 0%,#1d4293 100%);
	background: linear-gradient(to bottom,  #4883c3 0%,#1d4293 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4883c3', endColorstr='#1d4293',GradientType=0 );}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					BASE STYLE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
BOX
====================================================*/
.box_cnt{
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;}
.box_cnt .box_spltcase,
.box_cnt .box_spltcase .box_spltbox { box-sizing: content-box; }
.box_cnt .box_spltcase {
	display: table;
	width: 100%;
}
.box_cnt .box_spltcase .box_spltbox {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.box_cnt .box_spltcase .box_spltbox.left { padding-right: 20px; }
.box_cnt .box_spltcase .box_spltbox.right { padding-left: 20px; }


/* 左右に3:4に分割 */
.box_cnt .box_spltcase.spl3-4 .box_spltbox.left { width: 42.86%; }
.box_cnt .box_spltcase.spl3-4 .box_spltbox.right { width: 57.14%; }

/*--------------------------------------------------- BOX : SPLIT*/
.box_split{
	margin:0 0 0 -40px;}
.box_split .box{
	float:left;
	padding:0 0 0 40px;
	box-sizing:border-box;}
.box_split .box2_1{
	width:50%;}
.box_split .box3_1{
	width:33.333%;}
.box_split .box3_2{
	width:66.666%;}
.box_split .box4_1{
	width:25%;}
.box_split .box4_3{
	width:75%;}
.box_split .box5_1{
	width:20%;}
.box_split .box5_2{
	width:40%;}
.box_split .box5_3{
	width:60%;}
.box_split .box5_4{
	width:80%;}
/*--------------------------------------------------- BOX : TABLE*/
.box_table{
	display:table;
	width:100%;
	table-layout:fixed;}
.box_table .box_cell{
	display:table-cell;
	vertical-align:top;}
.box_table .box_cell.middle{
	vertical-align:middle;}
/*--------------------------------------------------- BOX : ATTENTION*/
.box_attention{
	padding:20px;
	margin:20px 0;
	border:1px solid #AB0507;
	border-radius:10px;}
/*--------------------------------------------------- BOX : NORTICE*/
.box_notice{
	padding:20px;
	margin:20px 0;}
/*--------------------------------------------------- POINT*/
.box_point{
	padding:20px;
	margin:20px 0;}
/*==================================================
TITLE
====================================================*/
/*--------------------------------------------------- TITLE : H2*/
#contents h2.ttl_cmn{
	font-size:26px;
	margin:0 0 20px;}
#contents h2.ttl_cmn.ttl_lnk{
	display:table;
	width:100%;}
#contents h2.ttl_cmn.ttl_lnk .ttl_lnk_txt,
#contents h2.ttl_cmn.ttl_lnk .ttl_lnk_icon_area{
	vertical-align:middle;
	display:table-cell;}
#contents h2.ttl_cmn.ttl_lnk .ttl_lnk_icon_area{
	text-align:right;}
#contents h2.ttl_cmn.ttl_lnk .ttl_lnk_icon{
	display:inline-block;
	font-size:14px;
	line-height:30px;
	height:30px;
	color:#FFF;
	padding:0 45px 0 30px;
	border-radius:5px;
	background:#BE092C url(../images/top/icon_bt_arw.png) right center no-repeat;}
/*--------------------------------------------------- TITLE : H3*/
#contents h3{}
/*--------------------------------------------------- TITLE : H4*/
#contents h4{}
/*--------------------------------------------------- TITLE : H5*/
#contents h5{}
/*==================================================
TEXT
==================================================*/
/*--------------------------------------------------- TEXT : COMMON*/
#contents p.txt_cmn{
	margin:0 0 1em;
	text-align:justify;}
/*--------------------------------------------------- TEXT : ATTENTION*/
#contents p.txt_attention{
	font-weight:bold;
	font-size:18px;
	text-align:center;}
/*--------------------------------------------------- TEXT : NOTICE*/
#contents p.txt_notice{
	font-size:13px;
	color:#666;}
/*--------------------------------------------------- TEXT : REQUIRED*/
#contents .txt_required{
	color:#AB0507;}
/*--------------------------------------------------- TEXT : POINT*/
#contents p.txt_point{
	font-size:20px;
	font-weight:bold;
	color:#4883c3;
	text-align:center;
	margin:20px 0;}
#contents span.point{
	font-weight:bold;
	color:#4883c3;}
/*==================================================
LINK
====================================================*/
/*--------------------------------------------------- LINK : COLOR*/
a{
	color: #111;
	text-decoration:none;
	cursor:pointer;}
a:link {
	color: #111;}
a:visited {
	color: #111;}
a:hover {
	color: #4883c3;
	text-decoration: none;}
a:active {
	color: #111;
	text-decoration: none;}
#contents a{
	/*transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;*/}
/*--------------------------------------------------- LINK : IMG*/
a img{
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_cmn {
	display:block;
	min-width:320px;
	margin:0 auto;
	padding:10px;
	color:#FFF;
	background:#4883c3;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_txt {
	display:inline-block;
	padding:3px;
	color:#4883c3;
	border-bottom:1px dotted #4883c3;}
a.lnk_txt:hover {
	border-bottom:1px solid #4883c3;}
/*--------------------------------------------------- LINK : SCALE*/
a.lnk_scale img{
	transform: scale(1.001);}
a.lnk_scale:hover img{
	transform: scale(1.1);}
/*--------------------------------------------------- LINK : EXTERNAL*/
a[target="_blank"].external {
	color: #444;
	text-decoration: underline;
  	padding-right: 13px;
  	background: url(../images/common/external-link.png) no-repeat center right;
}
a[target="_blank"].external:hover {
	color: #4883c3;
}
/*==================================================
LIST
==================================================*/
#contents ul li,
#contents ol li {
	line-height:1.7;}
/*--------------------------------------------------- LIST : COMMON*/
#contents ul.lst_cmn li,
#contents ol.lst_cmn li {
	padding:10px 15px;
	border-bottom:1px dotted #CCC;}
/*--------------------------------------------------- LIST : NEWS*/
#contents .lst_news li,
#contents .lst_news > div {
	border: 1px solid #1d4293;
	border-radius: 3px;
	margin-bottom: 10px;
}
#contents .lst_news > div > div,
#contents .lst_news a {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#contents .lst_news a:hover .cont {
	background: rgba(119,201,240,0.05);
}
#contents #pg_contents .lst_news a {
	color: #111;
	text-decoration: none !important;
}
#contents .lst_news .meta,
#contents .lst_news .cont {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: top;
	padding: 0.75em;
}
#contents .lst_news .title {
	border-bottom: 1px dotted #1d4293;
	padding-bottom: 0.5em;
	display: block;
	margin-bottom: 0.75em;
}
#pg_contents .lst_news .title h3 {
	margin-bottom: 0;
	line-height: 1.2;
}
#contents .lst_news .meta {
	width: 110px;
	background: #1d4293;
	color: #fff;
}
#contents .lst_news .meta .date {
	font-size: 14px;
	text-align: center;
}
#contents .lst_news .meta .cat {
	display:inline-block;
	font-size:12px;
	border:1px solid #6c98cc;
	color: #6c98cc;
	border-radius:3px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

/*--------------------------------------------------- LIST : FLOAT DL*/
dl.lst_float dt{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	width:90px;
	float:left;
	clear:both;
	margin:0 0 10px 0;}
dl.lst_float dd{
	font-size:14px;
	line-height:1.5;
	width:400px;
	margin:0 0 10px 90px;}
/*==================================================
TABLE
==================================================*/
#contents table{
	width:100%;
	border-top:1px solid #CCC;}
#contents table th, #contents table td{
	padding:10px 5px;
	line-height:1.5;
	vertical-align:middle;
	border-bottom:1px solid #CCC;}
#contents table th {
	white-space:nowrap;
	color:#FFF;
	background:#4883c3;
	border-color:#FFF;}
#contents table.table_cmn{
	margin:20px 0;}
#contents table.center th, #contents table.center td, #contents table th.center, #contents table td.center{
	text-align:center;}
#contents table.right th, #contents table.right td, #contents table th.right, #contents table td.right{
	text-align:right;}
/*==================================================
FORM
====================================================*/
#contents input[type="text"],
#contents input[type="email"],
#contents input[type="pass"],
#contents input[type="tel"],
contents input[type="number"],
#contents textarea{
	display:block;
	max-width:100%;
	margin:3px 0;
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:16px;
	line-height:1.5;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;}
#contents label{
	display:inline-block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	font-size:16px;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius:3px;}
#contents select{
	display:block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	font-size:16px;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius:3px;}
#contents select option{
	padding:5px 10px;
	font-size:16px;
	cursor:pointer;
	border-bottom:1px solid #CCC;}
#contents input[type="submit"],
#contents input[type="reset"],
#contents input[type="button"],
#contents a.lnk_input{
	display:inline-block;
	min-width:320px;
	margin:20px 10px;
	text-align:center;
	padding:10px 20px;
	cursor:pointer;
	background:#4883c3;
	color:#FFF;
	border-radius:3px;
	vertical-align:middle;
	box-sizing:border-box;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
	transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;}
#contents input[type="reset"],
#contents a.lnk_input.cancel,
#contents a.lnk_input.back{
	background:#666;}
#contents input[type="submit"]:hover,
#contents input[type="reset"]:hover,
#contents input[type="button"]:hover,
#contents a.lnk_input:hover{
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
#contents input:focus,
#contents textarea:focus,
#contents label:focus,
#contents select:focus{
	border-color:#4883c3;
	box-shadow:0 0 5px #4883c3;}

/*==================================================
PAGE ナビ
====================================================*/
.wp-pagenavi {
	border-top: 1px solid #D7E1E3;
	border-bottom: 1px solid #D7E1E3;
	padding: 5px 0;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
	border-radius: 3px;
    padding: 2px 0 !important;
    margin: 2px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	font-size: 14px;
	border: 1px solid #D7E1E3 !important;
	background: #fff;
	color: #4C5767;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    color: #fff;
	background: #4883C3;
	border: 1px solid #4883C3;
}
#contents #pg_contents .wp-pagenavi a {
	text-decoration: none;
}
#contents #pg_contents .wp-pagenavi a:hover {
	color: #fff;
}
/*==================================================
PAGE TOP BUTTON
====================================================*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	background: rgba(0,0,0,0.6);
    text-decoration: none;
	width: 60px;
	padding: 10px 0;
	text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a img {
	width: 80%;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(100,100,100,0.7);
}
/*==================================================
TOP & ARCHIVE
====================================================*/
li.nonews {
	padding: 10px;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					TOP

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
SLIDER
====================================================*/
#slider{
	width:100%;
	height:450px;
	position:relative;
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #fff; /*#005488;*/}
#slider .sld_cnt {
	width:100%;
	height:450px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.sld_cnt_inner {
	display:block;
	height: 100%;
}
#slider .sld_cnt img { max-width: 100%; }
#sld_1 { background-position: center; }
#sld_2, #sld_3 { background-position: left center; }
#sld_4 { background-position: right center; }
.sld1_img{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:100%;}
.sld1_img02{
	position:absolute;
	top:0;
	right:0;
	width:auto;
	height:50%;}
.sld_txt_area{
	position:absolute;
	top:20%;
	left:0;
	width:100%;}
.sld_txt_area p.sld_txt{
	text-align:center;
	font-size:40px;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 30px;
	text-shadow:0 1px 2px rgba(255,255,255,0.4);
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sld_txt_area p.sld_link { text-align:center; }
.sld_txt_area p.sld_link a {
	display:inline-block;
	color:#FFF;
	border:2px solid #FFF;
	padding:10px 60px 10px 30px;
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-radius:3px;
	box-shadow:0 0 5px rgba(0,0,0,0.2),0 0 5px rgba(0,0,0,0.2) inset;
	text-shadow:0 0 5px rgba(0,0,0,0.2);
	background:url(../images/top/icon_sld_link.png) right center no-repeat;}

.sld_img { position: absolute; }
#sld2_img { top: 20px; right: 10%; }
#sld3_img { top: 20px; right: 20px; }
#sld4_img { top: 20px; left: 20px; }
#sld4_img2 { bottom: 0; right: 0; }

#SldPrev,
#SldNext {
	position: absolute;
	z-index: 10;
	top: 0;
	height: 100%;
	width: 70px;
	opacity: .3;
	background-position: 50% 46%;
	background-repeat: no-repeat;
}
#SldPrev {
	left: 0;
	background-image: url(../images/top/slidernav-l.png);
}
#SldNext {
	right: 0;
	background-image: url(../images/top/slidernav-r.png);	
}
#SldPrev:hover,
#SldNext:hover {
	opacity: .15;
	cursor: pointer;
}
#sldNav {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5%;
	z-index: 8;
}
#sldNav li {
	display: inline-block;
	margin: 0 4px;
}
#sldNav .sldnav {
	width: 12px; height: 12px;
	background: url(../images/top/sld_navi.png) no-repeat;
	background-position: top center;
	display: block;
	opacity: 1;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
#sldNav .sldnav:active,
#sldNav .sldnav:hover,
#sldNav .sldnav.On {
	background-position: bottom center;
}
#sldNav .sldnav:hover { opacity: 0.75; }


.top_txt_link{ padding:40px 0; }
.top_txt_link a{
	display:block;
	background:#1D4293;
	border-radius:5px;
	font-size:16px;
	padding:20px 10px;
	text-align:center;
	color:#FFF;}
.top_txt_link a:hover{ background:#4883C3; }

#top_news{
	margin:0 0 20px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;}
#top_news li{
	border-bottom:1px dotted #000;}
#top_news li:last-child{
	border-bottom:none;}
#top_news li a{
	display:table;
	padding:10px 0;
	width:100%;
	box-sizing: border-box;
	table-layout:fixed;}
#top_news li a .top_news_date,
#top_news li a .top_news_new,
#top_news li a .top_news_ttl{
	display:table-cell;
	vertical-align:middle;}
#top_news li a .top_news_date{
	width:180px;
	font-size:14px;}
#top_news li a .top_news_new{
	width:64px;}
#top_news li a .top_news_new .icon{
	display:none;
}
#top_news li:first-child a .top_news_new .icon {
	display:block;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:2px 0;
	background:#BE092C;}
#top_news li a .top_news_ttl{
	padding:0 0 0 20px;
	font-size:14px;}

.top_buttons {
	text-align:center;
	margin:0 auto 30px;
	display: table;}
.top_buttons li { display: table-cell; vertical-align: top; }
.top_buttons a { display:inline-block; margin: 0 10px; }
.top_buttons a img { max-width:100%; }
/*.top_soukanzu{
	text-align:center;}
.top_soukanzu img{
	max-width:100%;}*/
.top_buttons a.top_soukanzu {
	background-color: #1D4293;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align:center;
	width: 320px;
	height: 52px;
	box-sizing: border-box;
	padding-top: 10px;
}
.top_buttons a.top_soukanzu:hover {
	background-color: #5671AE;
}
#home_ytch a {
	position: relative;
}
#home_ytch a > small {
    color: #555;
    position: absolute;
    bottom: -20px;
    right: 0;
	font-size: 72%;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					PAGE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
COMMON
====================================================*/
#contents #pg_contents a { color: #1d4293; text-decoration: underline; }
#contents #pg_contents a:hover { color: #4883c3; }
.ilnblk { display: inline-block !important; }
.smaller { font-size: 14px; }
.larger { font-size: 18px; }
.alignright {
	width: 100%;
	display: block;
	text-align: right;
}

.box_cnt1000 {
	max-width: 1000px;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 auto;
}

#pg_contents .section { margin: 30px 0; }

#pg_contents h2 {
	font-size: 24px;
	margin-bottom: 20px
}
#pg_contents h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
#pg_contents,
#pg_contents p,
#pg_contents div { line-height: 1.6; }

.lst_cmn_buttons {
	text-align:center;
	margin:0 auto 30px;
	display: table;
	width: 100%;}
.lst_cmn_buttons li {
	display: table-cell;
	vertical-align: top;
	width: 33%; }
.lst_cmn_buttons li a {
	display:inline-block;
	background-color: #1D4293;
	border-radius: 5px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 22px;
	text-align:center;
	width: 95%;
	height: 52px;
	box-sizing: border-box;
	padding-top: 10px;
}
.lst_cmn_buttons li a:hover { background-color: #5671AE; }

/* 画像関連 */
.box_cnt .box_spltcase .box_spltbox .img_fullw { width: 100%; box-sizing: border-box; } /* 画像幅フル */
.img_blkc { display: block; margin: 0 auto; } /* ブロックセンタリング */
.img_w1000 {
	max-width: 1000px;
	width: 100%;
	box-sizing:border-box;
}

/* リスト関連 */
.lst_disc {
	margin: 10px 0;
	margin-left: 1.3em;
	list-style: disc;	
}
.lst_disc li { margin: 2px 0; }


/*==================================================
決算状況
====================================================*/
.tbl_kessan {
	width: 580px !important;
	margin: 10px auto;
}
.tbl_kessan th,
.tbl_kessan td { text-align: center; }
.tbl_kessan .em { background: rgba(72, 131, 195, .4); }
.tbl_kessan .upperem { border-bottom: 2px solid #FFF !important; }
.tbl_kessan .vline { border-right: 1px solid #CCC }
.tbl_kessan .vline.em { border-right: 1px solid #FFF !important; }


/*==================================================
工場見学
====================================================*/
.visit .box_cnt .box_spltcase.spl3-4 .box_spltbox.right {
	 font-size: 14px; line-height: 1.8
}
.tbl_visit { margin: 15px 0; }
.tbl_visit,
.tbl_visit th, .tbl_visit td {
	box-sizing: border-box;
	background: none !important;
	border: none !important;
}
.tbl_visit th {
	width: 120px;
	color: #111 !important;
	vertical-align: top !important;
}
.box_cnt .box_spltcase .box_spltbox .box_visitpic .img_fullw img {
	width: 100%;
}

/*==================================================
グループ情報
====================================================*/
#box_grptopimg {		/* 下層ページ上部の大きなイメージ画像 */
	width: 100%;
	background-size: cover;
	background-color: #f2f3f7;
	background: url(../images/pages/group/img_grp_bggrd_l.png) left bottom repeat-y, url(../images/pages/group/img_grp_bggrd_r.png) right bottom repeat-y;
	margin-bottom: 30px;
}
#box_grptopimg,
#box_grptopimg .box_cnt1000 {
	position: relative;
	height: 450px;
}
#box_grptopimg_wrd {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	height: 100%;
	width: auto;
}
/*#box_grptopimg_psn {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 40%;
}*/
#box_grptopimg_txt {
	/*padding-right: 20px;
	width: 60%;*/
	text-align: left;
	font-size: 14px;
	box-sizing: border-box;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	max-width: 720px;
	margin: 0 auto;
}
#box_grptopimg_tagline {
	padding: 60px 0 30px;
	font-size: 36px;
	line-height: 1.2;
	text-align: center;
}
#box_grptopimg_txt p:not(#box_grptopimg_tagline) { line-height: 1.6; }
#box_grptopimg_idx {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 21px;
}
#box_grptopimg_sig {
	padding-top: 16px;
	font-size: 12px;
	text-align: right;
}
#box_grptopimg_sig img {
	margin-left: 10px;
	max-width: 100px;
	width: 100%;
}

.ttl_companyname {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #1D4290;
	background: url(../images/common/ico_rarw.png) left center no-repeat;
	padding: 0 0 0 28px;
	margin: 10px 0 0 0;
}
.tbl_outline {
}
.tbl_products {  }
#contents .tbl_products { border-top: none; }
#contents .tbl_products th,
#contents .tbl_products td { border-bottom: none; }
#contents .tbl_products th {
	vertical-align: top;
	background: none;
	color: rgb(17, 17, 17);
	width: 140px;
}
.tbl_history {
}

#contents .tbl_vehicle th {
	background: none;
	color: rgb(17, 17, 17);
	border-bottom: 1px solid #CCC;
}
#contents .tbl_facility th {
    white-space: normal;
}
#contents .tbl_facility th:not(.mainhead) {
	background: none;
	color: rgb(17, 17, 17);
	border-bottom: 1px solid #CCC;
	padding: 10px 8px 10px 5px;
}
#contents .tbl_facility td{
	padding: 10px 8px;
}


.company_section{
	background:#FFF;
	margin: 16px auto 30px;}
.company_navi{
	display:table;
	width:100%;
	table-layout:fixed;}
.company_navi li{
	display:table-cell;
	vertical-align:middle;}
.company_navi li a{
	display:block;
	text-align:center;
	padding:20px 0;
	border:1px solid #000;
	border-left:none;
	background:#E1E7EC;}
.company_navi li:first-child a {
	border-left:1px solid #000;
	border-radius:5px 0 0 0;}
.company_navi li:last-child a { border-radius:0 5px 0 0;}
.company_navi li a.on{
	background:#FFF;
	border-bottom:1px solid #FFF;}
.company_detailbox{
	border:1px solid #000;
	border-top:none;
	position:relative;
	top: 0;
	left: 0;
	width:100%;
	box-sizing:border-box;}
.company_detailbox .company_fadebox:first-child{ display:block;}
.company_fadebox {
	/*position:absolute;
	top:0;
	left:0;*/
	width:100%;
	padding:20px 15px;
	box-sizing:border-box;
	display:none;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}

.company_fadebox.on { display:block; }
.company_fadebox iframe{ max-width:100%; }

/*==================================================
グループ採用情報
====================================================*/

#box_rectopimg {
	width: 100%;
	/*background: url(../images/pages/recruit/rec_hdrbg.jpg) bottom right;
	background-size: cover;*/
	background-color: #f2f3f7;
	margin-bottom: 30px;
	position: relative;
	height: 520px;
	overflow: hidden;
}
#box_rectopimg_tag,
#box_rectopimg_txt,
#box_rectopimg_rec,
#box_rectopimg_flw {
	position: absolute;
}
#box_rectopimg_tag {
	top: 10px;
	left: 10px;
}
#box_rectopimg_txt {
	top: 40px;
	left: 360px;
}
#box_rectopimg_rec {
	top: 0;
	right: 0;

}
#box_rectopimg_flw {
	bottom: 0;
	right: 0;
	width: 80%;
	min-width: 320px;
}


#rec_eldersvoice {
	width: 100%;
	letter-spacing: -0.4em;
	text-align: center;
	margin-bottom: 50px;
}
.box_elders {
	display: inline-block;
	width: 25%;
	letter-spacing: normal;
	padding: 10px;
	box-sizing: border-box;
	min-width: 245px;
	text-align: left;
}
.box_elders > .inner {
	border: 1px solid #1d4293;
	padding: 10px;
}
.box_elders > .inner > .pic {
	height: 176px;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
.box_elders > .inner > .pic img {
	width: 100%;
}
.prof {
	position: relative;
	padding-top: 10px;
}
.btn_prof {
	position: absolute;
	bottom: 0;
	right: 0;
}
.prof .company,
.prof .name,
.prof .school,
.prof .post {
	color: #1d4293;
}
.prof .company,
.prof .name {
	display: block;
}
.prof .company {
	font-size: 16px;
}
.prof .name {
	font-size: 24px;
}
.prof_cnt {
	display: none;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	position: fixed;
	padding: 30px 10px;
	box-sizing: border-box;
	line-height: 1.5;
	z-index: 100;}
.prof_overlay {
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	position:absolute;
	z-index: 101;
	background: rgba(0,0,0,0.5);}
.prof_cnt_inner {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin: 0 auto;
	background: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: auto;
	z-index: 105;}
#pg_contents .prof_cnt_inner p {
	font-size: 13px;
}
.prof_cnt_inner .prof {
	padding-bottom: 5px;
	border-bottom: 1px solid #1d4293;
	margin-bottom: 15px;
}
.prof_cnt_inner .prof .post {
	/*padding-left: 1em;*/
	font-size: 90%;
}
.prof_cnt_inner .prof .school {
	font-size: 12px;
}
.profbox > .txt {
	float: left;
	width: 330px;
	padding-bottom: 10px
}
.profbox > .pic {
	text-align: right;
	width: 250px;
	padding-left: 20px;
	float: right;
}
.prof_close {
	display: block;
	margin: 20px 0 0;
	background: #1d4293;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	bottom: 20px;
	left: 10%;
	width: 80%;
	box-sizing: border-box;
}
#contents #pg_contents a.prof_close {
	color: #FFF;
	text-decoration: none;
}

.tbl_recinfo {
	margin: 0 auto 30px;
}


/*==================================================
営業所一覧
====================================================*/
#img_ofc_bigmap {
	max-width: 500px;
	margin: 30px auto 40px;
	position: relative; 
}
#img_ofc_bigmap .marker {
	position: absolute;
	text-decoration: none !important;
	background: #fff;
	border-radius: 50%;
	width: 22px; height: 22px;
	line-height: 22px;
	font-size: 18px;
	text-align: center;
}
#img_ofc_bigmap #m_tokachi { left: 300px; top: 250px; } /* 1:blue */
#img_ofc_bigmap #m_bihoro { left: 300px; top: 150px; } /* 2: purple */
#img_ofc_bigmap #m_koshimizu { left: 400px; top: 200px; } /* 3:green */
#img_ofc_bigmap #m_kutchan { left: 100px; top: 250px; } /* 4:red */
#img_ofc_bigmap #m_biei { left: 220px; top: 100px; } /* 5:aqua */
#img_ofc_bigmap #m_mikawa { left: 180px; top: 250px; } /* 6:yellow */

.box_ofc_office { margin: 30px 0; }
.box_ofc_office > div { margin-left: 18px; }

#img_ofc_bigmap img {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.box_ofc_img {
	display: table;
	width: 100%;
	box-sizing: content-box;
	margin-top: 10px;
	/*height: 334px;*/
}
.box_ofc_img .box {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.box_ofc_img .box.left { padding-right: 20px; }
.box_ofc_img .box.right { padding-left: 20px; }
.box_ofc_img .box img { width: 100%; }

/*==================================================
ダウンロード
====================================================*/
.getadobe {
	margin-top: 20px;
	margin-bottom: 20px;
}
.getadobe .ico {
	width: 158px;
}
.getadobe .txt {
	padding-left: 20px;
}
.box_dlcmp {
	margin-top: 30px;
}
h3.ttl_dlcompany {
	color: #fff;
	padding: 10px 5px;
	margin: 10px 0;
}
#download h3#nichinouki {
	background: #18499d; /* Old browsers */
	background: -moz-linear-gradient(left,  #18499d 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #18499d 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #18499d 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18499d', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#download h3#tabata {
	background: #e71f19; /* Old browsers */
	background: -moz-linear-gradient(left,  #e71f19 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #e71f19 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #e71f19 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71f19', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#download h3#tokachi {
	background: #6ab82d; /* Old browsers */
	background: -moz-linear-gradient(left,  #6ab82d 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #6ab82d 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #6ab82d 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ab82d', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
h4.ttl_catindex {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
.box_catalogue {
	margin: 10px auto;
	border: 2px solid #6cb92d;
}
.box_catalogue .catbox_col {
	padding: 10px 0;
}
.box_catalogue .catbox_col > .inner {
	border-right: 1px solid #6cb92d;
}
.box_catalogue#cattable_5 > .catbox_col:last-child > .inner > .catbox_row > .inner,
.box_catalogue#cattable_4 > .catbox_col:first-child > .inner > .catbox_row:last-child > .inner{
    border-bottom: 1px solid #6cb92d;
	padding-bottom: 10px;
}
.box_catalogue .catbox_col:last-child > .inner {
	border-right: none;
}
.box_catalogue .catbox_row {
	padding: 0 10px;
}
.box_catalogue .catbox_row > .inner {
	border-top: 1px solid #6cb92d;
}
.box_catalogue .catbox_row:first-child > .inner {
	border-top: none;
}
.catbox_col > .inner > .catbox_row > .inner {
	padding: 10px 0;
}
.catbox_col > .inner > .catbox_row:first-child > .inner {
	padding-top: 0;
}
.catbox_col > .inner > .catbox_row:last-child > .inner {
	padding-bottom: 0;
}
.catimg {
	width: 100px;
	text-align: center;
}
.borderboxin {
	border: 1px solid #555;
	padding: 2px 5px;
}
.borderboxin .sp {
	display: none;
}
.box_catalogue .catinfo {
	position: relative;
}
.box_catalogue .pageinfo {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 80%;
}
.box_catalogue .catimg {
	height: 122px;
}
.box_catalogue .catimg a {
	display: block;
}

/*==================================================
style_seihin.css （製品情報ページ）
====================================================*/
#products #pg_contents h3{
	display:inline-block;
	margin:0 0.5em 0.5em 0;
	padding-top: 0.5em;
	font-size:2em;
	font-weight:bold;
}
div.seihin_box{
	display:inline-block;
	margin:1em ;
	width:450px;
	border-bottom:solid 2px #4883c3;
}
.seihin_box h4{
	font-weight:bold;
}
div.seihin_box:first-of-type{
	margin-top:2em;
}
p.seihin_img{
	width:400px;
	margin:0.5em auto;
}
p.seihin_text{
	font-size:0.9em;
	margin-bottom:0.5em;
}
a.catalog_dl{
	display:inline-block;
	margin:0.5em 0.5em 1em 2em;
	padding:0.2em;
	background-color:#4883c3;
	width:13em;
	text-align:center;
	font-size:0.8em;
	color:#fff !important;
	text-decoration:none !important;
}
.tabata_color{
	background-color:#e4007f !important;
}
.tokachi_color{
	background-color:#8fc31f !important;
}
.clear_both{
	clear:both;
	margin-bottom:3em
}
.hide_pc{
	display:none;
}

#to_tokachinouki {
	position: relative;
}
#to_tokachinouki > small {
	color: #555;
	position: absolute;
	bottom: -16px;
	right: 0;
}
/*==================================================
SINGLE / ARCHIVE お知らせ記事
====================================================*/
#SinglePostNav {
	width: 100%;
	border-top: 1px solid #D7E1E3;
	border-bottom: 1px solid #D7E1E3;
	padding: 7px 0;
	margin-top: 10px;
}
#SinglePostNav ul {
	display: table;
	table-layout: fixed;
	width: auto;
	margin: auto;
}
#SinglePostNav ul li {
	display: table-cell;
	text-align: center;
	padding: 0 5px;
	vertical-align: middle;
}
#SinglePostNav ul li span {
	background: none !important;
	border-color: #9095A1;
	display: inline-block;
}
#SinglePostNav ul li a,
#SinglePostNav ul li > span {
	display:inline-block;
	min-width:160px;
	padding:5px;
	color:#fff;
	font-size:14px;
	border-radius:3px;
	text-align:center;
	background: #4883C3;
}
#contents #pg_contents #SinglePostNav ul li a {
	color:#fff;
}
#SinglePostNav ul li a:hover {
	opacity: 0.8;
}
#SinglePostNav ul li a.rev {
}
#SinglePostNav ul li a.nobg,
#SinglePostNav ul li span.nobg {
}
/*==================================================
サイトマップ
====================================================*/
#sitemap h2 {
	margin-top: 50px;
}
#lst_sitemap {
}
#lst_sitemap > li {
	margin: 8px 0;
	border: 1px solid #1d4293;
	border-radius: 3px;
}
#contents #pg_contents #lst_sitemap li a {
	text-decoration: none;
}
#contents #pg_contents #lst_sitemap > li > a {
	color: #fff;
}
#lst_sitemap > li {
	width: 100%;
	display: table;
	box-sizing: border-box;
	outline: none;
}
#lst_sitemap > li.haschild .dscr span {
	border-bottom: 1px dotted #1D4293;
	display: block;
	padding-bottom: 0.4em;
}
#lst_sitemap li a {
	display: block;
}
#lst_sitemap > li > .title,
#lst_sitemap > li > .dscr {
	display: table-cell;
	padding: 0.5em;
}
#lst_sitemap > li > .title {
	width: 9em;
	background: #1D4293;
	color: #fff;
}
#lst_sitemap li ul {
	margin-top: 0.4em;
}
#lst_sitemap li ul > li {
	margin-top: 2px;
}
#lst_sitemap li ul > li > a {
	padding: 4px 0.5em;
}
#lst_sitemap li ul > li > a:hover {
	background: rgba(119,201,240,0.3);
}
/*==================================================
準備中
====================================================*/
#box_prep {
	border: 2px solid #3D5CA2;
	padding: 30px 20px;
	margin: 30px auto;
	text-align: center;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1200px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1200px){
	#sld4_img {
		width: 40%;
	}
		
	/*= 採用情報 =======================================*/
	#box_rectopimg {
		height: 400px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1040px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1040px){
	.box_img1000 { width: 100%; height: auto; } /* 下層ページ上部の大きなイメージ画像 */
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1020px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1020px){
	/*==================================================
	COMMON
	====================================================*/
	.box_cnt{ padding:0 10px; }
	.smaller { font-size: 12px; }
	.larger { font-size: 16px; }
	/*==================================================
	GLOBAL NAVI 1020
	====================================================*/
	#global_navi > ul > li{
		display:table-cell;
		height:60px;
		text-align:center;
		vertical-align:middle;
		box-sizing:border-box;
		border-left:1px solid #FFF;}
	#global_navi > ul > li:last-child{
		border-right:none;}
	#global_navi > ul > li:first-child{
		border-left:none;}
	#global_navi > ul > li > a{
		font-size:14px;}
	#global_navi > ul > li > ul > li > a{
		font-size:13px;}
	/*--------------------------------------------------- TITLE : H2*/
	#contents h2.ttl_cmn{
		font-size:18px;
		margin:0 0 20px;}
	#contents h2.ttl_cmn.ttl_lnk .ttl_lnk_icon{
		font-size:12px;
		line-height:30px;
		height:auto;
		color:#FFF;
		padding:0 20px 0 10px;
		background-size:15px;}
	/*==================================================
	TOP SLIDER 1020
	====================================================*/
	#slider{ height:280px; }
	#slider .sld_cnt {
		width:100%;
		height:280px; }
	.sld1_img { opacity:0.4; }
	.sld1_img02{
		opacity:0.4;
		height:auto;
		width:50%;}
	.sld_txt_area p.sld_txt{
		font-size:30px;
		margin:0 0 20px;}
	.sld_img { max-width: 75%; box-sizing: border-box; }
	#sld2_img { top: 0; right: 0; width: 51%; }
	#sld3_img { top: 0; right: 0; width: 51%; }
	#sld4_img { top: 5%; left: 5%; width: 53%; }
	#sld4_img2 { bottom: 0; right: 0; width: 49%; min-width: 340px; }
	#slider .sld_cnt#sld_2,
	#slider .sld_cnt#sld_3 {
		/*background-size: auto 100%;
		background-position: -30px 50%;*/
	}
	/*==================================================
	TOP NEWS 1020
	====================================================*/
	.top_txt_link{
		padding:20px 0;}
	#top_news li a{
		display:block;
		width:100%;
		table-layout:fixed;}
	#top_news li a .top_news_date,
	#top_news li a .top_news_new,
	#top_news li a .top_news_ttl{
		display:inline-block;
		vertical-align:middle;}
	#top_news li a .top_news_date{
		width:auto;
		font-size:14px;
		margin:0 10px 0 0;}
	#top_news li a .top_news_ttl{
		display:block;
		padding:10px 0 0;
		font-size:14px;}
	/*==================================================
	TOP BUTTONS 1020
	====================================================*/
	.top_buttons{ margin:0 auto 20px;}
	.top_buttons a { max-width:240px;}
	.top_buttons a.top_soukanzu {
		width:240px;
		height: 40px;
		font-size: 16px;
		padding-top: 6px;
	}
	
	/*==================================================
	FOOTER 1020
	====================================================*/
	#footer_about {
		padding-right: 10px;
		padding-left: 10px;
	}
	/*==================================================
	PAGE 1020
	====================================================*/
	#pg_contents .section { margin: 25px 0; }
	#breadcrumb {
		font-size: 13px;
		width: 100%;
		padding: 0 10px;
		box-sizing:border-box;
	}
	
	#pg_contents h2 { font-size: 21px; }
	#pg_contents h3 { font-size: 16px; }
	#pg_contents,
	#pg_contents p,
	#pg_contents div { font-size: 14px; }
	.lst_cmn_buttons li a {
		font-size: 18px;
		height: 48px;
	}
	
	/*= グループ情報 =======================================*/
	#box_grptopimg_txt { font-size: 13px; }
	#box_grptopimg_tagline { font-size: 34px; }
	#box_grptopimg_idx { font-size: 18px; }
	#box_grptopimg_sig { font-size: 11px; }
	#box_grptopimg_sig img { width:80px; }
	/*= 営業所情報 =======================================*/
	.box_ofc_office > div { margin-left: 16px; }
	/*= 工場見学 =======================================*/
	/*#kengaku-map iframe { width: auto; }*/
	/*==================================================
	style_seihin.css （製品情報ページ）
	====================================================*/
	div.seihin_box{
		display:block;
		margin:1em auto;
	}
	.hide_pc{
		display:inline-block;
	}
	a.catalog_dl {
		margin: 0.5em 2em 1em 0.5em;
		padding: 0.5em;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			980px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:980px){
	.profbox > .txt,
	.profbox > .pic {
		float: none;
		width: 100%;
	}
	.prof_cnt_inner .prof {
		position: absolute;
		left: 290px;
		top: 20px;
		border-bottom: none;
		box-sizing: border-box;
	}
	.prof .name {
		font-size: 20px;
	}
	.prof .company {
		font-size: 14px;
	}
	.profbox > .pic {
		width: 100%;
		max-width: 270px;
		text-align: left;
		padding-bottom: 10px;
		padding-right: 20px;
		padding-left: 0;
		box-sizing: border-box;
	}
	.profbox > .pic img {
		width: 100%;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			880px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:880px){
	/*==================================================
	HEADER 880
	====================================================*/
	#header{
		padding:10px;}
	#hdr_logo{
		width:160px;}
	#hdr_navi_area ul li{
		margin:0 0 0 10px;
		font-size:13px;}
	#hdr_navi_area ul li#hdr_search{
		display:block;
		margin:10px 0 0;}
	/*==================================================
	GLOBAL NAVI 880
	====================================================*/
	#global_navi > ul > li{
		display:table-cell;
		height:60px;
		text-align:center;
		vertical-align:middle;
		box-sizing:border-box;
		border-left:1px solid #FFF;}
	#global_navi > ul > li:last-child{
		border-right:none;}
	#global_navi > ul > li:first-child{
		border-left:none;}
	#global_navi > ul > li > a{
		font-size:12px;}
	#global_navi > ul > li > ul > li > a{
		font-size:11px;}
	/*==================================================
	PAGE 880
	====================================================*/
	.box_cnt .box_spltcase .box_spltbox.right { padding-top: 38px; }
	#pg_contents .section { margin: 20px 0; }
	#breadcrumb { font-size: 12px; }
	
	#pg_contents h2 { font-size: 17px; }
	#pg_contents h3 { font-size: 14px; }
	#pg_contents,
	#pg_contents p,
	#pg_contents div { font-size: 12px; }
	.lst_cmn_buttons li a {
		font-size: 15px;
		height: 42px;
	}
	/*= PAGE: 営業所情報 =======================================*/
	.box_ofc_img .box.left { padding-right: 10px; }
	.box_ofc_img .box.right { padding-left: 10px; }
	.box_ofc_office > div { margin-left: 14px; }
	
	/*= PAGE: 採用情報 =======================================*/
	#box_rectopimg_flw {
		width: 100%;
	}
	#box_rectopimg_tag {
		height: 50%;
	}
	#box_rectopimg_txt {
		left: 240px;
		top: 20px;
	}
	/*= PAGE: 製品情報 =======================================*/
	#products #pg_contents h3 img {
		width: 300px;
	}
	div.seihin_box {
		margin: 2em auto;
	}
	#to_tokachinouki > small {
		bottom: -14px;
	}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			720px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:720px){
	/*= PAGETOP BUTTON =======================================*/
	#page-top {
		bottom: 10px;
		right: 10px;
	}
	
	.box_cnt .box_spltcase.spl3-4,
	.box_cnt .box_spltcase.spl3-4 .box_spltbox.left,
	.box_cnt .box_spltcase.spl3-4 .box_spltbox.right {
		display: block;
		width: 100%;
		padding: 0;
	}
	.box_cnt .box_spltcase.spl3-4 .box_spltbox.right {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #a3adba;
	}
	.box_cnt .box_spltcase .box_spltbox .img_fullw { width: auto; }
		
	/*= PAGE: 工場見学 =======================================*/
	.box_visitpic {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin-bottom: 20px;
	}
	.box_cnt .box_spltcase .box_spltbox .box_visitpic .img_fullw {
		display: table-cell;
		width: 50%;
		box-sizing: border-box;
		}
	#kengaku-img { padding-right: 5px; }
	#kengaku-map { padding-left: 5px; }
	.tbl_visit th {
		font-weight: bold;
	}
	.tbl_visit tr {
		border-bottom: 1px solid #D7E1E3;
	}
	.tbl_visit tr:first-child {
		border-top: 1px solid #D7E1E3;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
	/*= グループ情報 =======================================*/
	#box_grptopimg_txt { font-size: 12px; }
	#box_grptopimg_tagline { font-size: 28px; }
	#box_grptopimg_idx { font-size: 16px; }
	#box_grptopimg_sig { font-size: 10px; }
/*==================================================
ダウンロード
====================================================*/
	.getadobe.box_table,
	.getadobe.box_table .box_cell {
		display: block;
	}
	.getadobe .txt {
		padding-left: 0;
		padding-top: 10px;
	}
	.borderboxin .pc {
		display: none;
	}
	.borderboxin .sp {
		display: inline;
	}
	.borderboxin {
    	border: none;
		padding: 5px 0;
	}
	.box_catalogue.box_table,
	.catbox_col.box_cell {
		display: block;
	}
	.box_catalogue .catbox_col {
		padding: 0;
	}
	.box_catalogue .catbox_col > .inner {
		border-right: none;
	}
	.box_catalogue .catbox_row > .inner {
		padding: 10px 0;
	}
	.catbox_col > .inner > .catbox_row:first-child > .inner {
		padding: 10px 0;
	}
	.catbox_col > .inner > .catbox_row:last-child > .inner {
		padding-bottom: 10px;
		border-bottom: 1px solid #6cb92d;
	}
	.box_catalogue > .catbox_col:last-child > .inner > .catbox_row:last-child > .inner,
	.box_catalogue#cattable_2 > .catbox_col:nth-child(2) > .inner > .catbox_row > .inner,
	.box_catalogue#cattable_3 > .catbox_col:nth-child(1) > .inner > .catbox_row > .inner {
		border-bottom: none !important;
	}
	
	/*= PAGE: 採用情報 =======================================*/
	#box_rectopimg {
		height: 320px;
	}
	#box_rectopimg_rec {
		width: 100%;
	}
	#box_rectopimg_txt {
		left: 190px;
		width: 280px;
	}
	
	/*= SINGLE: 新着情報 =======================================*/
	#contents .lst_news .meta {
		width: 90px;
	}
	#contents .lst_news .meta .date {
		font-size: 12px;
	}
	#contents .lst_news .meta .cat {
		font-size:11px;
	}
	
	#SinglePostNav ul li {
    	padding: 0 3px;
	}
	#SinglePostNav ul li a,
	#SinglePostNav ul li > span {
		min-width: 80px;
		font-size: 11px;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			600px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:600px){

	/*= 決算状況 =======================================*/
	.tbl_kessan {
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	/*= グループ情報 =======================================*/
	#box_grptopimg,
	#box_grptopimg .box_cnt1000 { height: auto; }
	#box_grptopimg_psn { display: none; }
	#box_grptopimg_txt { width: 100%; padding-bottom: 20px; padding-right: 0; }
	#box_grptopimg_tagline {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	/*= PAGE: 営業所情報 =======================================*/
	.box_ofc_img,
	.box_ofc_img .box {
		display: block;
		width: 100%;
		box-sizing:border-box;
	}
	.box_ofc_img .box.left { padding-right: 0; margin-bottom: 10px }
	.box_ofc_img .box.right { padding-left: 0; }
	.box_ofc_img .box { max-width: 400px; margin: 0 auto; }
	
	/*= PAGE: 採用情報 =======================================*/
	.profbox > .pic {
		max-width: 200px;
	}
	.prof_cnt_inner .prof {
		left: 220px;
	}
	.prof .name {
		font-size: 16px;
	}
	.prof .company {
		font-size: 12px;
	}
	.prof_cnt_inner .prof .school {
		font-size: 11px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			540px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:540px){
	/*==================================================
	TOP 540
	====================================================*/
	#slider .sld_cnt#sld_2,
	#slider .sld_cnt#sld_3 {
		background-size: auto 100%;
		background-position: -50px center;
	}
	#sld2_img { min-width: 180px; }
	#sld3_img {
		min-width: 250px;
		top: auto;
		bottom: 50px;
		right: 0;
	}
	.top_buttons, .top_buttons li { display: block; }
	.top_buttons a { width:100%; padding: 0; max-width: 300px; margin: 0;}
	.top_buttons a.top_soukanzu {
		font-size: 16px;
		padding-top: 6px;
		width: 100%;
		margin-top: 10px;
	}
	#home_ytch {
		margin-bottom: 15px;
	}
	
	/*= グループ情報 =======================================*/	
	#contents .tbl_products,
	#contents .tbl_products tbody,
	#contents .tbl_products tr,
	#contents .tbl_products th,
	#contents .tbl_products td {
		display: block;
		width: 100%;
		box-sizing:border-box;
	}
	#contents .tbl_products th { padding: 10px 5px 0;}
	#contents .tbl_products td {
		border-bottom: 1px dotted #CCC;
		padding-left:2em;
	}
	#contents .tbl_products td.last { border: none; }
	
	/*= 採用情報 =======================================*/
	.box_elders {
		width: 50%;
		min-width: auto;
		padding: 10px;
	}
	.box_elders > .inner > .pic {
		display: inline;
	}
	#box_rectopimg {
		height: 200px;
	}
	#box_rectopimg_tag {
		top: 10px;
		left: 10px;
	}
	#box_rectopimg_txt {
		left: 120px;
		width: 180px;
	}
	#box_rectopimg_flw {
		width: 80%;
	}
	.box_elders > .inner > .pic {
		width: 100%;
		height: 100px;
	}
	.btn_prof {
		display: block;
		width: 28px;
		text-align: right;
	}
	.btn_prof img {
		width: 20px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			480px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){
	/*==================================================
	HEADER 880
	====================================================*/
	#hdr_logo{
		width:140px;}
	#hdr_navi_area{
		padding:0 0 0 20px;}
	#hdr_navi_area ul li{
		margin:0 0 5px;
		display:block;
		font-size:12px;}
	#hdr_navi_area ul li#hdr_search form input[type="text"]{
		width:80px;}
	/*==================================================
FOOTER 480
====================================================*/
#footer_about_layout{
	display:block;}
#ftr_navi{
	display:block;
	text-align:center;}
#ftr_navi li{
	font-size:12px;}
#ftr_logo{
	display:block;
	width:100%;
	padding:20px 0 0;
	text-align:center;}
#copy_right{
	font-size:10px;
	line-height:1.2;}
	/*==================================================
	SLIDER 480
	====================================================*/
	.sld_txt_area p.sld_txt{
		font-size:20px;
		margin:0 0 20px;}
	
		
	/*= グループ情報 =======================================*/
	#contents .tbl_history,
	#contents .tbl_history tbody,
	#contents .tbl_history tr,
	#contents .tbl_history th,
	#contents .tbl_history td {
		display: block;
		width: 100%;
		box-sizing:border-box;
	}
	#contents .tbl_history th { padding: 6px 5px;}
	#contents .tbl_history td {
		border-bottom: 1px dotted #CCC;
		padding-left:2em;
	}
	#contents .tbl_history td.last { border: none; }
	#group .lst_cmn_buttons,
	#group .lst_cmn_buttons li {
		width: 100%;
		display: block;
	}
	#group .lst_cmn_buttons li {
		margin: 10px auto;
	}
	
	/*==================================================
	style_seihin.css （製品情報ページ）
	====================================================*/
	div.seihin_box {
		width: 100%;
	}
	p.seihin_img,
	p.seihin_img img {
		width: 100%;
		max-width: 400px;
	}
	a.catalog_dl {
		margin: 0.5em 0.75em 1em 0.5em;
		padding: 0.75em 0.4em;
	}
	#products #pg_contents h3 img {
		width: 250px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			440px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:440px){
	/*== 工場見学 ====================================*/
	 .tbl_visit { display: block; }
	.tbl_visit th,
	.tbl_visit td {
		display: block;
		width: 100%;
		padding: 0 !important;
		margin: 10px 0 !important;
	}
	/*= PAGE: 採用情報 =======================================*/
	.prof_cnt_inner {
		padding: 10px;
	}
	.prof_cnt_inner .prof {
		top: 0;
		left: 10px;
	}
	.profbox > .pic {
		padding-right: 0;
		padding-top: 80px;
		margin: 0;
	}
	
	#pg_contents .prof_cnt_inner p {
		font-size: 11px;
	}
	.prof_close {
		bottom: auto;
		left: auto;
		top: 10px;
		right: 10px;
		width: auto;
		margin-top: 0;
	}
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			400px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:400px){
	.box_visitpic,
	.visit .box_cnt .box_spltcase .box_spltbox .box_visitpic .img_fullw {
		display: block;
		width: 100%;
		padding: 0;
	}
	/*= グループ情報 =======================================*/
	#box_grptopimg_txt { font-size: 11px; }
	#box_grptopimg_tagline { font-size: 22px; }
	#box_grptopimg_idx { font-size: 14px; }
	#box_grptopimg_sig { font-size: 9px; }

	/*= 工場見学 =======================================*/
	#kengaku-img,
	#kengaku-map { padding: 0; }
	
	.box_elders {
		padding: 5px
	}
	.box_elders > .inner {
		padding: 5px;
	}
	.prof .company {
		font-size: 11px;
	}
	.prof .name {
		font-size: 14px;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			340px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:340px){

}





.nng{
	margin:40px 0;
}
.nng p{
	font-size:20px;
	border:solid 1px black;
	max-width:400px;
	margin:20px auto;
	padding: 20px;
	text-align:center;
	border-radius: 10px;
}

header #header #hdr_layout #hdr_navi_area a{
	display: inline-block;
	margin-bottom:10px;
}
header #header #hdr_layout #hdr_navi_area a img{
	max-width:260px;
	width:100%;
}

@media screen and (max-width: 480px){
	header #header #hdr_layout #hdr_navi_area a img{
		max-width:130px;
		width:100%;
	}
}