/* 全体設定
------------------------------------------------------------*/
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul,li,pre,form,input,textarea,p,th,td {
	font-size:12px;
	margin:0;
	padding:0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
html {
	width:100%;height:100%;
}

img {
	border:0;
	max-width: 100%;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;font-weight:normal;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}

.clearFIX{
	clear:both;
}

/* サイドカラムの表示非表示
------------------------------------------------------------*/
body.L0R0 #box {
display:none;
}

/* イベント通知消去
------------------------------------------------------------*/
.notification {
    display: none;
}

/* リンク色の設定
------------------------------------------------------------*/
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #999;
}
a:active {
	color: #ff8000;
}
a.current{
	color: #8a2023;
	font-weight:bold;
}
/* ----------------------------------------------------------
リンク色の設定終わり*/

/* フォント関連設定
------------------------------------------------------------*/
body {
	font-size: 62.5%; /* IE */
	color: #000;
}
html>/**/body{
	font-size: 12px; /* Except IE */
}
#inner{
	margin:0;
	padding:0;
}
span.block_controller {
    display: none;
}
/*フォントのリンク設定*/
a{
	text-decoration:none;
	font-weight:normal;
}
/* /フォントのリンク設定*/

/* ----------------------------------------------------------
フォント関連設定終わり*/

/* 共通設定
------------------------------------------------------------*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}

.fb{font-weight:bold;}

.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}

.dspy-non {
    display: none !important;
}
.clear {
    clear: both;
}
.clearFix {
    clear: both;
}
/* ----------------------------------------------------------
共通終わり*/

#content ul{
	list-style-type: disc;
}
/*
#content table{
	margin-right: 10px;
	line-height: 160%;
}
table th {
	background-color:#4F4F4F;
	text-align:left;
	padding:5px;
	color:#FFFFFF;
	font-size:12px;
	border: 1px solid #bfbfbf;
}
table,tr,td {
	border-collapse:collapse;
	border-spacing:0;
	border: 1px solid #999999;
}
#content td{
    margin:10px;
    padding:10px 5px 5px 5px;
}
*/
div.hrline{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------
全体設定終わり*/


#content hr{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content h1{
	font-size: 1.3em;
	margin: 15px 0 10px 0;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted #404040;
	}

#content h1 a{
	color: #845E49;
	font-weight: bold;
	text-decoration: none;
	}

#content h2{
	font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0 9px 0;
}

#content h3{
	font-size: 1.2em;
  padding: 5px 0 5px 20px;
  line-height: 36px;
  color: #333;
  /* border-top: 5px solid #333; */
  background: url(./images/blockheadericon.png) top left no-repeat;
  background-position: -15px 1px;
}

#content h4{
	font-size: 1em;
  margin: 10px 0;
  padding: 10px 0 10px 25px;
  border: 1px dotted #CCCCCC;
  background:#ececec url(./images/link_list_cat.png) top left no-repeat;
  background-position: 10px 13px;
}
#content h5{
	font-size: 1em;
  /*margin: 10px 0;*/
  padding: 10px 0 10px 15px;
  background: url(./images/link_list_cat.png) top left no-repeat;
  background-position: 0px 13px;
}
#content h6{
	font-size: 15px;
	font-weight:bold;
	margin: 15px 0 10px 0;
  padding: 0 0 0 8px;
	border-bottom: 1px dotted #ccc;
	border-left: 10px solid #333;
}
#content pre{
	font-size: 9px;
	line-height: 0.8;
	margin: 3px 0;
	padding: 0;
}
#content p{
	line-height: 1.7;
}

.center-h1 {
	padding: 0 0 10px 0;
  border-bottom: 1px solid #111;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.mt80_bdr-t{
	margin-top:80px;
	border-bottom:1px solid #444;
}

/* キャンペーン設定
------------------------------------------------------------*/
.cpn01 {
  border: 1px dotted #b2b2b2;
  padding: 10px;
	margin-bottom: 15px;
}
.cpn02 {
  font-size: 28px;
	font-weight:bold;
	color:#444;
  padding: 10px 0;
	line-height: 1.3;
}
.cpn03 {
  float:right;
	margin-left:15px;
}
.cpn04 {
  font-size: 14px;
  line-height: 1.9;
}
.cpn05 {
	border: none;
  background: #444;
  border-radius: .25em;
  padding: 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 80px;
  margin: 10px 0;
}
.cpn06 {
  font-size: 14px;
  font-weight: bold;
	color:#444;
  line-height: 1.9;
	padding-top: 15px;
}
.cpn07 {
  float:left;
	margin-right:25px;
}
.cpn08 {
  text-align: center;
	margin: 15px 0;
}
a.cpn09 {
	border: none;
  background: #b00000;
  border-radius: .25em;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}
/* ヘッダ内設定
------------------------------------------------------------*/
#headerBox {
  width: 960px;
  margin: 0 auto 10px auto;
	height: 70px;
}
#header {
	width: 100%;
	height:50px;
}
/*スローガン文字設定*/
.slogan {
    padding: 5px 0;
    font-size: 12px;
    font-weight: normal;
}
/*ヘッダ検索設定*/
#swords{
padding: 3px;
margin-left: 10px;
border: 1px solid #cfd9db;
background-color: #ffffff;
border-radius: .5em;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.sformButton2 {
  border: none;
  background: #444;
  border-radius: .25em;
  padding: 3px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}
/* /ヘッダ検索設定*/

/* ----------------------------------------------------------
ヘッダ内設定終わり*/


/* XSNS設定
------------------------------------------------------------*/
#mainFrame tr {
  padding: 10px;
}
td.even {
}

td.odd {
}

th.userMenu {
	background-color: #4682b4;
}

span.selectedPage{
	background-color: #cceeff;
}

tr td.bg0 {
	background-color: #d6e1ea;
}

tr td.bg1 {
	background-color: #c2cdd6;
}

span.red {
	font-weight: normal;
	color: #ff0000;
}

div#mainFrame {
	/*width: 600px;*/
}

input.submit {
	width: 80px;
	cursor: pointer;
}

input.submitS {
	width: 40px;
	cursor: pointer;
}

input.submitL {
	width: 150px;
	cursor: pointer;
}

.centerH {
	text-align: center;
}

.centerV {
	vertical-align: middle;
}

.centerHV {
	text-align: center;
	vertical-align: middle;
}

td.msgFrame {
	text-align: center;
	vertical-align: middle;
	padding: 15px 0 15px 15px;
}

div.msgFrame {
	text-align: left;
	vertical-align: middle;
	margin: 15px 0 15px 15px;
}

td.submitFrame {
	text-align: center;
	padding: 15px 0 15px 0;
}

td.blankRow {
	padding: 3px 0 3px 0;
}

textarea {
	font-size: 10pt;
}
#mainFrame th {
  padding: 10px;
  background: #ccc;
}
#mainFrame table {
  width:100%;
}
#mainFrame td {
  padding: 10px;
	border-bottom: 1px solid #eee;
}
td.parentCategory {
  font-weight: bold;
  border-right: 1px solid #eee;
	background: #ececec;
}
table.commuSearch td.parentCategory {
	width: 20%;
	vertical-align: middle;
}

table.commuSearch td.childCategory {
	width: 80%;
	vertical-align: middle;
}

table.commuList td.detail {
	width: 180px;
	text-align: center;
	vertical-align: middle;
}

table.commuList td.category {
	width: 180px;
	vertical-align: middle;
}

table.commuList td.image {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table.commuList td.itemTitle {
	width: 120px;
	vertical-align: middle;
	border-right: 1px solid #eee;
	background: #ececec;
}

table.commuList td.itemValue {
	vertical-align: middle;
	word-break: break-all;
}


table.commuDetail td.commuImage {
	height: 270px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

table.commuDetail td.avatar {
	width: 86px;
	height: 86px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

table.commuDetail td.itemTitle {
	width: 6.5em;
	text-align: center;
	vertical-align: middle;
}

table.commuDetail td.itemValue {
	vertical-align: middle;
	word-break: break-all;
}

table.commuEdit td.itemTitle {
	width: 6.5em;
	text-align: center;
	vertical-align: middle;
}

table.commuEdit td.itemValue {
	vertical-align: middle;
	word-break: break-all;
}


table.send td.itemTitle {
	width: 6.5em;
	text-align: center;
	vertical-align: middle;
}

table.send td.itemValue {
	vertical-align: middle;
	word-break: break-all;
}


table.commuJoin td.itemTitle {
	width: 8em;
	text-align: center;
	vertical-align: middle;
}

table.commuJoin td.itemValue {
	vertical-align: middle;
	word-break: break-all;
}

td.avatar {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

td.buttonFrame {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

td.itemTitle {
	width: 100px;
	vertical-align: middle;
}

td.itemValue {
	vertical-align: middle;
}

td.description {
	padding: 15px 15px 15px 15px;
}
table.fileDel td.itemTitle {
	width: 15%;
	text-align: center;
	vertical-align: middle;
}

table.fileDel td.itemValue {
	width: 85%;
	vertical-align: middle;
}
td.itemTitle {
	width: 7em;
	font-weight: bold;
	vertical-align: middle;
}
.respopup{
	position: absolute;
	visibility: hidden;
	background-color: #ffffcc;
	border: 1px black solid;
	font-size: 12px;
	padding: 8px;
	line-height: 120%;
}
table.topic td.date {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

table.topic td.name {
	width: 80%;
	vertical-align: middle;
}

table.topic td.author {
	width: 85%;
	vertical-align: middle;
}

table.topic td.body {
	width: 80%;
	word-break: break-all;
}

table.topic td.itemTitle {
	width: 15%;
	text-align: center;
	vertical-align: middle;
}

table.topic td.itemValue {
	width: 85%;
	vertical-align: middle;
}
/* ----------------------------------------------------------
XSNS設定終わり*/


/* 検索ページ設定
------------------------------------------------------------*/
.kakomi {
  padding: 3px;
  border: none;
  background: url(./images/bg-outside.gif);
}
.kakomi2 {
	padding: 20px;
	background-color: #fcfcfc;
}
.searchico{
	background: url(./images/search_icon.png) top left no-repeat;
	padding: 9px 50px;
	margin: 0px auto;
}
.searchico2{
	font-size:20px;
}
.search_table {
  border-bottom: 1px dotted #b2b2b2;
  display: table;
	padding-bottom: 15px;
}
.search_tr {
  display: table-row;
}
.search_th,
.search_td,
.search_th2,
.search_td2 {
  display: table-cell;
  padding: 0 25px;
}
.search_th {
  /*background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;*/
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
	width: 20%;
}
.search_th2 {
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}
.search_td {
  padding: 1em 0.5em;
  vertical-align: middle;
  line-height:2em;
	width: 80%;
}
.search_td2 {
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
#fwords {
	padding:10px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  height: 20px;
  width: 95%;
}
#budget{
	padding:10px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  height: 45px;
  width: 100%;
	-webkit-appearance: none;
}
.sformButton{
	border: none;
	background: #444;
	border-radius: .25em;
	padding: 10px 30px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
}
.s-caution2 {
    font-weight: bold;
    padding: 1em 0 0.5em;
}
.s-caution3 {
    font-size: 0.8em;
    line9height: 1.5em;
}
textarea#comments {
    width: 400px;
}
input#city {
    width: 400px;
}
textarea,input,select{
font-size:12px;
margin-right: 0.4em;
}
label {
	margin-right: 5px;
}
/*検索結果ページ設定*/
.stitle {
  font-size: 16px;
	font-weight:bold;
  color: #7C5845;
  margin: 20px 0 8px 0;
  padding: 0 0 2px 0;
  border-bottom: 2px dotted #7c5845;
}
#searchword {
  margin: 30px 0;
  font-size: 16px;
  font-weight: bold;
}
#searchcat{
	font-size: 1em;
    margin: 10px 0;
    padding: 10px 0 10px 25px;
    display: block;
    border: 1px dotted #CCCCCC;
    background: url(./images/link_list_cat.png) top left no-repeat;
    background-position: 10px 13px;
}
.searcht {
  font-size: 16px;
  background: url(images/link.gif) top left no-repeat;
  padding: 9px 37px;
  margin: 0px auto;
}
.context {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 10px 40px;
}
.sresults {
  margin-bottom: 50px;
}
#pagenavi {
  padding: 20px 0;
  width: 220px;
  margin: 0 auto;
}
.searcht strong a {
  color: #b00000;
}
.heading {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #111;
  color: #444;
  font-size: 20px;
  margin: 0 0 10px 0;
}
/* ----------------------------------------------------------
検索ページ設定終わり*/


/* センターカラム設定
------------------------------------------------------------*/
/*センターセンター設定*/
#centercolumn {
	background-color: #fff;
	color: #111;
}
#centerCcolumn h1 {
	padding: 10px 0;
  border-bottom: 1px solid #111;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px 0;
	}
#centerCcolumn h2 {
	height: 25px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	background:url(./images/h2_Top.gif) no-repeat  !important;
	border-bottom: 1px solid #111;
	line-height: 100%;
	padding-top: 6px;
	}
#centerCcolumn div.blockContent {
	margin: 0 0 8px 0;
	line-height: 120%;
	}
/*/　センターセンター設定*/
/*センターレフト設定*/
#centerLcolumn h2 {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 10px;
	background-color: #f3f4f5;
	color: #336699;
	font-size: 10px;
	font-weight: bold;
	}
#centerLcolumn div.blockContent {
	padding: 3px;
	line-height: 120%;
	}
/*/　センターレフト設定*/
/*センターライト設定*/
#centerRcolumn {
	/*float: right;*/
	}
#centerRcolumn h2 {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 10px;
	background-color: #f3f4f5;
	color: #369;
	font-size: 10px;
	font-weight: bold;
	}
#centerRcolumn div.blockContent {
	margin: 0 0 2px 0;
	padding: 3px;
	line-height: 120%;
	}
/*/　センターライト設定*/

#content {
	padding: 0 0 20px 0;
	text-align: left;
	}
#content ul {
	margin-left: 0px;
	}
#content ol {
	margin-left: -30px;
	}
/* ----------------------------------------------------------
	センタカラム設定終わり*/


/* サイドカラムの設定
------------------------------------------------------------*/
/* カテゴリ見出しの設定*/
#menu1 a,#menu2 a, #menu3 a, #menu4 a,  #menu5 a, #menu6 a, #menu7 a, #menu8 a, #menu9 a, #menu10 a, #menu11 a, #menu12 a, #menu13 a, #menu14 a, #menu15 a, #menu16 a, #menu17 a, #menu18 a, #menu19 a, #menu20 a, #menu21 a, #menu22 a, #menu23 a, #menu24 a, #menu25 a {
	font-size: 1em;
	margin: 10px 0;
	padding: 10px 0 10px 25px;
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	background: url(./images/link_list_cat.png) top left no-repeat;
	background-position: 10px 13px;
}
li.umenu01 {
  font-size: 1em;
  margin: 10px 0;
  padding: 10px 0 10px 25px;
  display: block;
  border-bottom: 1px dotted #CCCCCC;
  background: url(./images/link_list_cat.png) top left no-repeat;
  background-position: 10px 13px;
}

dt.blockTitle {
    color: #fff;
    padding: 12px 43px;
    margin: 0px auto 0px;
    background: url(./images/blockheadericon3.png) top left no-repeat;
    background-color: #444;
    width: 140px;
}

#leftcolumn li ul li a {
	font-size: 1em;
  text-align: left;
  background-image: none;
  background-position: 1px 17px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 10px;
  border: 1px dotted #ccc;
  border-width: 0 0 1px 0;
	background-color: #fff;
}
#rightcolumn li ul li a {
	font-size: 1em;
  text-align: left;
  background-image: url(./images/link_list_side_ul.gif);
  background-position: 1px 17px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 15px;
  border: 1px dotted #ccc;
  border-width: 0 0 1px 0;
}
/* ----------------------------------------------------------
	サイドカラム設定終わり*/

/* トップページNewsブロックの設定
------------------------------------------------------------*/
#topnewsblock li{
	display: list-item;
	text-align: -webkit-match-parent;
	border-bottom: dotted 1px #dedede;
	padding: 10px 0;
}
ul.news1 {
    font-size: 14px;
    line-height: 1.7;
}
li.news2{
	display: list-item;
  text-align: -webkit-match-parent;
  border-bottom: dotted 1px #dedede;
  padding: 10px 0;
}

/* ロゴマークの設定
------------------------------------------------------------*/
.shamei {
  font-size: 24px;
  margin: 6px 0 20px 0;
}
.sj_logo {/*フッターのロゴ*/
    height: 32px;
}
.sj-logo {/*ヘッダーのロゴ*/
    height: 50px;
}
#imageMain0 {
  text-align: center;
	margin: 20px 0;
}
.sj-title2 {
    text-align: center;
}

/* フッターの設定
------------------------------------------------------------*/
div#footer {
	overflow: hidden;
  min-width: 960px;
  /* position: relative; */
  clear: both;
  background-image: url(./images/footbg.gif);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #EDEDED;
}
.foot-inner{
	margin: 0 auto;
  width: 960px;
  background-color: #EDEDED;
}
.foot_grid_left,.foot_grid_right{
  display:inline-block;
	margin: 10px 0;
}
.foot_grid_left{
  float:left;
}
.foot_grid_right{
  float:right;
}
.foot_grid_navi {
  padding: 16px 0 0 0;
}
.foot_grid_navi li{
  float:left;
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 1em;
}
.foot_grid_navi_line{
  border-right: 1px solid #999;
}
.pwrd_ncc {
  font-size: 0.6em;
	text-align: center;
}
address {
  padding: 5px;
  text-align: center;
  font-style: normal;
  font-size: 10px;
  color: #fff;
}
/* ----------------------------------------------------------
	フッター設定終わり*/


/* 製品モジュール
------------------------------------------------------------*/
/*.cell2,.cell3,.cell4,.cell5,.cell6{
	display:none;
}
.sth,.sth1,.sth2,.sth3,.sth4,.sth5,.sth6,.sth7,.sth8,.sth9,.sth10,.sth11,.sth12,.sth13,.sth14,.sth15{
	display:none;
}
.std,.std2,.std3,.std4,.std5,.std6,.std7,.std8,.std9,.std10,.std11,.std12,.std13{
	display:none;
}
.specHead{
	display:none;
}*/
/* ヘッダ画像の設定*/
.jobs {
  /*background-image: url(./images/label/jobs.jpg);
	background-size: 100%;*/
}
.outplacement {
  /*background-image: url(./images/label/outplacement.jpg);
	background-size: 100%;*/
}
.muki {
  /*background-image: url(./images/label/muki.jpg);
	background-size: 100%;*/
}
.entry{
  /*background-image: url(./images/label/entry.jpg);
	background-size: 100%;*/
}
.yuki {
  /*background-image: url(./images/label/yuki.jpg);*/
}
.inner2 {
  /*background-image: url(./images/label/inner.jpg);*/
}
.about {
  /*background-image: url(./images/label/about.jpg);*/
}
.gengyo {
  /*background-image: url(./images/label/gengyo.jpg);*/
}
.contactus {
  /*background-image: url(./images/label/contactus.jpg);*/
}
.news{
  /*background-image: url(./images/label/news.jpg);*/
}
.contents{
  /*background-image: url(./images/label/contents.jpg);*/
}
.gengyo{
  /*background-image: url(./images/label/gengyo.jpg);*/
}
.toda{
  /*background-image: url(./images/label/toda.jpg);*/
}

#Label {
  background-repeat: no-repeat;
  color: #ffffff;
  height: 83px;
	text-shadow: 1px 1px 1px #444;
	margin-top: -86px;
}
.labelmain {
  font-size: 22px;
  font-weight: bold;
	/*padding:1px 0 0 20px;
	float: left;*/
}
.labelsub {
  font-size: 20px;
  padding:20px 0 0 0;
}
/* パンくずの設定*/
#breadcrumb {
  margin: 0;
  padding-right: 5px;
  background: transparent;
  font-size: 1.1em;
}
#breadcrumb li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: .5em 0;
}
#underlineT,#productName {
	font-size: 1.6em;
	margin: 30px 0 30px 0;
	position: relative;
	padding: 0 0 9px 0;
  border-bottom: 1px dotted #404040;
}

#underline {
  border-bottom: 1px dotted #404040;
  font-size: 4px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
}

/* ページノンブルの設定*/
.align-right {
  font-size: 1.2em;
  margin: 20px 0;
  text-align: center;
  letter-spacing: 5px;
  clear: both;
  padding-top: 50px;
}
/* 関連製品エリアの設定*/
#imagesSub {
  display: table;
  background: #ececec;
  padding: 14px 0;
  margin-top: 20px;
	width: 100%;
	text-align: center;
}
.thumbLeft, .thumbCenter, .thumbRight {
  padding: 0;
  margin: 0 10px 7px 0;
  width: 224px;
  vertical-align: top;
	display: inline-block;
  float: none;
  clear: both;
}
.thumbImage {
  /*border: 1px solid #bcbcbc;*/
  text-align: center;
  /*width: 186px;
  height: 93px;*/
  margin-bottom: 5px;
  /*background-color: #fff;*/
	padding: 5px;
}
.thumbCaption a {
  color: #cb421d;
}
a.onlycap {
  text-decoration: underline;
  /*background: url(./images/link_icon.svg) top left no-repeat;
  background-position: top 0px left 0px;
  padding: 5px 0 5px 30px;
  background-size: contain;*/
}

/* 仕様表関連の設定*/
table.specTable {
    clear: both;
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
}
.cell0 {
    width: 180px;
    padding: 10px;
    background: #F6F6F6;
    border-top: 2px solid #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}
.cell1 {
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
}
.specCaption {
  font-size: 18px;
  margin: 40px 0 0 12px;
}
.specCaption:before {
	font-family: "Font Awesome 5 Free";
  content: "\f009";
	font-weight: 900;
	position: relative;
  left: -10px;
}


/* ダウンロードボタンの設定*/
#detail {
  text-align: center;
  padding: 10px 0;
	margin-top: 30px;
}
.detalbtn1 a {
  padding: 15px;
	margin:10px;
  font-size: 16px;
  background-color: #444;
  display: inline;
	border-radius: 6px;
}
.detalbtn1 a {
  color: #fff !important;
}
.detalbtn1 a:hover {
  color: #999;
}
.detalbtn2 a{
	padding:15px;
	margin:10px;
	font-size:16px;
	background-color:#8a2023;
	display:inline;
	border-radius: 6px;
}
.detalbtn2 a{
	color:#fff !important;
}
.detalbtn2 a:hover{
	color:#999;
}
/* 管理画面の設定*/
#viewcatform fieldset {
  margin: 20px 0;
}
#producteditform fieldset {
  clear: both;
  margin: 0;
  padding: .5em 0 1.3em;
  border-bottom: 1px;
  border-color: #776d6b;
  border-style: none none dotted none;
}
#producteditform .label {
  clear: left;
  display: block;
  padding-top: .5em;
  padding-left: 0;
  float: left;
  width: 180px;
  line-height: 1.2em;
}
#producteditform .control {
  display: block;
  margin: 0 0 0 105px;
  padding-top: .5em;
  line-height: 1.9em;
  /*width: 495px;*/
}
p#langThumbEdit0 {
  margin-top: 20px;
}
p.langAddSpec {
  margin: 40px 0 20px 0;
}
div#description {
  margin-top: 20px;
}
body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
  background: #fff;
}
.oxjackTable {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #bfbfbf;
  color: #1b1b18;
  font-size: .9em;
}
tr.oxjackHead th {
  background: #7e1a07;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.1em;
  border-color: #bfbfbf;
  height: 30px;
}
tr.oxjackRow .head {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #bfbfbf;
  padding: 3px;
  height: 22px;
}
tr.oxjackRow td {
  vertical-align: middle;
  border: 1px solid #bfbfbf;
  height: 22px;
  padding: 3px;
}
.head, .head th {
  font-weight: bold;
  background: #ececec;
  color: #1b1b18;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  border: 1px solid #bfbfbf;
}
#spectable{
	width:100%;
}
#spectable td {
  padding: 3px;
}
input.c1 {
  width: 85px;
}
input.c2 {
  width: 85px;
}
#spectable textarea {
  width: 300px;
}
a.btn.btn-primary.venoboxframe.vbox-item {
  color: #cb421d;
}
a.btn.btn-default.venoboxframe.vbox-item {
  color: #cb421d;
}
.inline {
	text-align: center;
	margin: 100px 0;
}
.inline li {
	display: inline;
	padding: 10px;
}
.category_title {
  font-size: 1.8em;
  padding: 30px;
  text-align: center;
}

th.sth,th.sth1,th.sth2,th.sth3,th.sth4,th.sth5,th.sth6,th.sth7,th.sth8,th.sth9,th.sth10,th.sth11,th.sth12,th.sth13 {
  display:none;
}
td.std2,td.std3,td.std4,td.std5,td.std6 {
	display:none;
}
td.cell2,td.cell3,td.cell4,td.cell5,td.cell6{
	display:none;
}
.categoryList li a {
  color: #fff;
  font-size: 16px;
  padding: 50px;
  background: #444;
  text-align: center;
  border-radius: 3px;
}
/*給湯器indexの設定*/
li.products1 {
  background: url(images/temp/type05.png) no-repeat 0% 0%;
  height: 238px;
}
li.products2 {
  background: url(images/temp/type01.png) no-repeat 0% 0%;
  height: 238px;
}
li.products3 {
  background: url(images/temp/type02.png) no-repeat 0% 0%;
  height: 238px;
}
li.products4 {
  background: url(images/temp/type03.png) no-repeat 0% 0%;
  height: 238px;
}
li.products5 {
  background: url(images/temp/type04.png) no-repeat 0% 0%;
  height: 238px;
}
a.ctgrla1:hover,.ctgrla2:hover,.ctgrla3:hover,.ctgrla4:hover,.ctgrla5:hover {
  background: #b00000;
}

/*エコジョーズ給湯器indexの設定*/
li.ecojozu1 {
  background: url(images/temp/type01.png) no-repeat 0% 0%;
  height: 238px;
}
li.ecojozu2 {
  background: url(images/temp/type02.png) no-repeat 0% 0%;
  height: 238px;
}
li.ecojozu3 {
  background: url(images/temp/type03.png) no-repeat 0% 0%;
  height: 238px;
}

/* ----------------------------------------------------------
		製品モジュール設定終わり*/


/*  お問い合わせの設定
------------------------------------------------------------*/
#underlineForm {
  border-bottom: 1px dotted #404040;
  font-size: 15px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  padding-top: 10px;
  width: 100%;
}
#underlineForm2 {
  border-bottom: 1px dotted #404040;
  margin-bottom: 15px;
  width: 100%;
}
#bodyMain, #bodyform {
  padding-bottom: 10px;
  /*width: 570px;*/
}
#textform {
  border-left-color: #999999;
  border-left-style: solid;
  border-left-width: 4px;
  color: #333333;
  float: left;
  line-height: 150%;
  padding-left: 20px;
  width:100%;
}
#textform2 {
  padding-left: 10px;
}
#main p{
  margin: 0;
    line-height: 1.9;
}
.form1 {
  background-color: #ececec;
  border-left-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.form2 {
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.formC {
  background-color: #ececec;
  border-left-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.formD {
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.formE {
  background-color: #ececec;
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #000000;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #000000;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.formF {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
/* ----------------------------------------------------------
お問い合わせの設定終わり*/

/*各種非表示設定*/
.pdf7, .cad8 {
  display: none;
}
.cell7, .cell8 {
  display: none;
}
#close {
  display: none;
}
.hihyouji{
	display:none;
}

/*コンテンツの設定*/
.c-box {
  padding: 25px 0;
	border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 40px 0 15px 0;
}
.c-box1 {
  margin-left: 15px;
	float: left;
	width: 450px;
}
.c-box3 {
  margin-left: 15px;
	line-height: 1.9;
}
.c-btn0 {
    text-align: center;
    margin: 30px 0 0 0;
}
.c-btn1 {
  padding: 10px;
  font-size: 12px;
  color: #fff;
  background-color: #444;
  display: inline;
  margin-left: 20px;
  line-height: 2;
}
.c-btn2 {
  padding: 10px;
  font-size: 16px;
	font-weight: bold;
	color: #444;
  display: inline;
}
p.c-h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
		text-align: center;
}
a.c-btn3 {
  border: none;
  background: #b00000;
  border-radius: .25em;
  padding: 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}
.hsu01 {
  float: left;
  width: 150px;
  height: 100px;
  background: #b00000;
	border-radius: 10px;
	margin-right:15px;
}
.hsu02 {
  font-size: 16px;
  color: #fff;
  padding: 30px 10px;
  text-align: center;
  line-height: 1.5em;
}
.hsu03 {
  float: left;
  width: 150px;
  height: 100px;
  background: #b00000;
	border-radius: 10px;
}
.spacer {
    margin: 30px 0;
}

/*はじめての方へメニュー設定*/
.bgn01 {
    font-size: 1em;
    text-align: left;
    background-image: none;
    background-position: 1px 17px;
    background-repeat: no-repeat;
    padding: 10px 0 10px 10px;
    border: 1px dotted #ccc;
    border-width: 0 0 1px 0;
    background-color: #fff;
}
/*  お仕事をお探しの皆様へ
------------------------------------------------------------*/
.hkn_box_fl{
	float:left;
	width:49%;
}
.hkn_box_fr{
	float:right;
	/*width:34%;*/
}
.cntnt-tbl{
	display: table;
  width: 100%;
  border-collapse: separate;
}
.cntnt-td{
	display: table-cell;
	width: 33%;
	padding: 0 10px;
}
.cntnt-bgc01{
	background:#48b1b2;
	border-radius:10px;
}
.cntnt-bgc02{
	background:#e8577c;
	border-radius:10px;
}
.cntnt-bgc03{background:#dd7b26;border-radius:10px;}

#textMain3 .cntnt-tbl img{
	padding:10px;
}
.cntnt_cap_w{
	font-size: 20px;
  color: #fff;
  text-align: center;
}
.balloon3{
  position: relative;
  background: #00a0e9;
  padding: 10px;
  padding: 6px 0 6px 20px;
  width: 100px;
  color: #fff;
  font-size: 21px;
}
.balloon3:after{
  content: "";
  position: absolute;
  right: -30px;
  bottom: -15px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #00a0e9 transparent transparent transparent;
  border-width: 15px 3px 0 10px;
}
.csr_bg-box4{
	background-color: #e7eff9;
	padding: 20px;
  margin-top: 20px;
	border-radius: 20px;
}
.csr-box07 {
  /*float:left;
	width:20%;*/
	padding: 20px;
	box-sizing: border-box;
}
.csr-box08 {
  border-radius: 20px;
  background: #fff;
  margin: 0;
  padding: 30px;
  box-sizing: border-box;
}
.cntnt-t{
	font-size: 1.4em;
  font-weight: bold;
}
.cntnt-name{
	font-size:1.2em;padding-top:30px;
}
.cntnt-dpt{font-size:0.8em;font-weight:normal;}
img.cntnt_photo-fr {
  float: right;
  border-radius: 50px;
}
.cntnt-box{
	margin-right: 15px;
	float: left;
	width: 420px;
}
.cntnt_photo1{
	padding: 5px;
  border: 1px solid #eee;
}
.cntnt-box2{
	float: left;
	width: 65%;
	box-sizing: border-box;
}
.cntnt-box3{
	float: right;
	width: 30%;
	box-sizing: border-box;
}

/*  人材をお探しの企業様へ
------------------------------------------------------------*/
#textMain3 .clnt-flow ul {
  padding:10px;
}
#textMain3 .clnt-flow ul li{
	float:left;
  width: 24%;
	height:200px;
  margin: 0 8px 0 0;
	padding:10px;
	background: #98a8d8;
	list-style: none;
	box-sizing: border-box;
}
#textMain3 .clnt-flow ul li.clnt-flow_lir{
  float:right;
  width: 24%;
	height:200px;
	padding:10px;
	margin: 0;
	background: #98a8d8;
	list-style: none;
	box-sizing: border-box;
}
.clnt-td_t1{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin-left:6px;
}
.clnt-td_t2{
	font-size:16px;
	color:#fff;
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
}
.clnt-td_t3{
	font-size:12px;
	font-weight:normal;
	color:#fff;
}
.clnt-bgclr{
	background: #98a8d8;
}
.fc_w{
	color:#fff;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 #tres table thead tr td ul{
 padding:10px;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 #tres table thead tr td ul li{
	float:left;
	list-style-type: none;
	margin-left:10px;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 #tres table tbody tr td ul{
 padding:10px;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 #tres table tbody tr td ul li{
	float:left;
	list-style-type: none;
	margin-left:10px;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 #tres table thead tr{
	border-top: 1px solid #eee;
 	border-bottom: 1px solid #eee;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 #tres table tbody tr{
  border-bottom: 1px solid #eee;border-right: 1px solid #eee;
}
th.clnt_th {
    width: 60px;
    text-align: center;
		border-bottom: 1px solid #fff;
}
th.clnt_cell {
    width: 60px;
    text-align: center;
}
td.clnt_cell6 {
    border-right: 1px solid #eee;
		text-align: center;
}
td.clnt_th {
    border-right: 1px solid #eee;
}
.clnt_box-l{
	float:left;
	width:49%;
	box-sizing: border-box;
}
.clnt_box-r{
	float:right;
	width:49%;
	box-sizing: border-box;
}
#content #client_body #fiview #moduleWrapper #bodyMain #textMain3 .mt20 ul li{
	list-style-type: none;
}
.clnt-t{
	text-align: left;
	padding:10px 0 0 20px;
}

/*  会社プロフィールの設定
------------------------------------------------------------*/
ul#prsdnt_ul {
    padding: 15px;
}
ul#prsdnt_ul li{
    padding-bottom: 10px;
}


/*  決算公告の設定
------------------------------------------------------------*/
#productName2 {
    font-size: 1.3em;
    margin: 30px 0 0 0;
    position: relative;
    padding: 0 0 9px 0;
    border-bottom: 1px dotted #404040;
}
.dsplyN{display:none;}

/*  会社概要の設定
------------------------------------------------------------*/
.top_msg_img{
	float:right;
	padding: 10px;
	margin: 0 0 15px 15px;
	border: 1px solid #eee;
}
#textMain3 p {
  line-height: 2;
	padding-bottom:10px;
}
#textMain3 ul {
  padding: 5px 15px 0 15px;
}
#textMain3 ul li {
  padding: 0 0 010px 0;
}
.top_msg_p{
	font-size:13px;
}
.top_msg_t{
	font-size:16px;
	padding: 10px 0 0 0;
}

/* ----------------------------------------------------------
		会社概要の設定終わり*/


/*GoogleMap*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*picoの設定*/
.pico_controllers,.picotop,div.pico_controllers_in_menu {
  display: none;
}
/*お知らせの設定*/
.achvs {
  display: none;
}
.itemHead {
  font-size: 16px;
  line-height: 1.5;
  margin: 10px 0;
	padding: 10px 0 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
a.lginusr2 {
  border: none;
  background: #444;
  border-radius: .25em;
  padding: 3px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}

.text14{
	margin-top: 20px;
}
.pr_point_haken:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #2196F3;
  color: #fff;
  left: 0;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}
.pr_point_shokai:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #55c500;
  color: #fff;
  left: 0;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}
.pr_point_jobs:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #ef5350;
  color: #fff;
  left: 0;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}
.pr_point_haken,.pr_point_shokai,.pr_point_jobs {
	position: relative;
	padding: 1.5em 0em;
  margin: 20px 0 0 0px;
  border-radius: 0 5px 5px 5px;
}
.pr_point_admin_haken:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #2196F3;
  color: #fff;
  left: 20px;
  bottom: 20%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
	width: 110px;
}
.pr_point_admin_shokai:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #55c500;
  color: #fff;
  left: 20px;
  bottom: 20%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
	width: 110px;
}
.pr_point_admin_jobs:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #ef5350;
  color: #fff;
  left: 20px;
  bottom: 20%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
	width: 110px;
}
.pr_point_admin_haken,.pr_point_admin_shokai,.pr_point_admin_jobs {
	position: relative;
	padding: 1.5em 0em;
  margin: 20px 0 0 0px;
  border-radius: 0 5px 5px 5px;
}
.cv-pr_jobs,.cv-pr_haken,.cv-pr_shokai {
  position: relative;
  padding: 1.5em 0em;
  margin: 20px 0 0 0px;
  border-radius: 0 5px 5px 5px;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/* PC用モニター幅481px以上
/
/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_/*/

@media print, screen and (min-width: 481px){

/*テーマ選択設定*/
.select-themes-01 {
    float: right;
}
.select-themes-02,.select-themes-03 {
    display: inline-block;
		padding: 0 4px;
}

/* サイドカラムの表示非表示
------------------------------------------------------------*/
body.L0R0 #wrapper {
width:100%;
float:none;
}
br.sp {
  display: none;
}
#inner{
	min-width: 960px;
}
.logoname {
	 font-size: 24px;
	 color: #333;
}
p.cv-pr_jobs:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #ef5350;
  color: #fff;
  left: 320px;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}
p.cv-pr_haken:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #2196F3;
  color: #fff;
  left: 320px;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}
p.cv-pr_shokai:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #55c500;
  color: #fff;
  left: 320px;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}

/*スマホナビを隠す設定*/
#mainsNav {
	display:none;
}
/* /スマホナビを隠す設定*/

/*ヘッダ内ブロック設定*/
#topleft{
	min-width: 960px;
	/*background:#555;
	border-top:3px solid #BD000F;*/
}
#slogan{
	width: 960px;
	margin:0 auto;
	color:#333;
	text-align: left;
}

#header #topright{
	float: right;
	margin:15px 10px 5px auto;
	width: 430px;
	text-align: right;
	}

#header #topleft{
	margin:0;
	float: left;
}
/* /ヘッダ内ブロック設定*/

/*ロゴ設定*/
.logo{
float:left;
margin:10px 0 0 0;
}
img.corpname {
  margin: 20px 10px;
}
.logo p{
margin:10px 0 0 0;
font-size:14px;
font-weight:bold;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/* /ロゴ設定*/
/*検索設定*/
.search {
	float: right;
  padding-top: 15px;
  text-align: right;
}
/* /検索設定*/

/*コンテナ設定*/
#container {
	width: 960px;
	margin:0 auto;
	font-size:0.8em;
	height:100%;
	background-color: #FFF;
}
/* /コンテナ設定*/

/*メインカラム設定*/
#wrapper {
	float: right;
	width: 660px;
	background: #fff;
	margin: 0 15px 0 0;
	padding: 10px;
	box-sizing:border-box;
}
/* /メインカラム設定*/

/*copywright設定*/
div#copywright {
	clear: both;
  min-width: 960px;
  background: #444;
}
/* /copywright設定*/

/* グローバルメニュー設定
------------------------------------------------------------*/

.nbauto {
    width: 960px;
    margin: 0 auto;
}
.naviback {
  background-color: #444;
	min-width:960px;
}
#glblnavi {
    display: inline-block;
    border-left: 1px solid #575757;
    width: 960px;
}
#glblmenu {
	list-style:none;
	/*width:960px;
	margin:30px auto 0px auto;
	height:43px;
	padding:0px 10px;*/
	/*background: #444;*/
}
#glblmenu .glbl1 {
	/*margin-right:1px;
	border-top: 3px solid #BD000F;*/
}
#glblmenu .glbl {
	margin-right:1px;
	position:relative;
	/*border-top: 3px solid #BD000F;*/
}
#glblmenu li {
	float:left;
	text-align:center;
	width: 16.47%;
	/*border-right: 1px solid #575757;*/
}
#glblmenu li:hover {
	/*border: 1px solid #777777;
	background: #F4F4F4;*/
}
#glblmenu li a {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	/*font-size:14px;*/
	color: #eee;
	display:block;
	/*outline:0;
	text-decoration:none;*/
	text-shadow: 1px 1px 1px #000;
	height: 31px;
  padding-top: 12px;
}

/*プルダウン内のli設定*/
#tabcolor2 ul.catdepth1 li a {
    background-color: #F4F4F4;
    text-align: left;
    width: 140px;
    font-size: 100%;
		color:#444;
		text-shadow:none;
}
#tabcolor3 ul.simple li a {
    background-color: #F4F4F4;
    text-align: left;
    width: 140px;
    font-size: 100%;
		color:#444;
		text-shadow:none;
}
#tabcolor4 ul.simple li a {
    background-color: #F4F4F4;
    text-align: left;
    width: 140px;
		height: auto;
    font-size: 100%;
		color:#444;
		text-shadow:none;
}
#tabcolor5 ul.simple li a {
    background-color: #F4F4F4;
    text-align: left;
    width: 140px;
    font-size: 100%;
		color:#444;
		text-shadow:none;
}
/* /プルダウン内のli設定*/

/* タブ内文字のhover時色設定*/
#glblmenu li:hover a {
	color:#161616;
	/*font-weight:bold;*/
	text-shadow: 1px 1px 1px #fff;
	background:#F4F4F4;
	/*border-top:1px solid #444;*/
}
/* /タブ内文字のhover時色設定*/
.dropdown_1column {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #cfd9db;
	border-top:none;
	background:#F4F4F4;
	width: 145px;
}
.dropdown_2column {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #cfd9db;
	border-top:none;
	background:#F4F4F4;
  width: 350px;
}
.dropdown_1column,.dropdown_2column {
	z-index:99;
}
#glblmenu li:hover .dropdown_1column {
	left:1px;
	top:29px;
}
#glblmenu li:hover .dropdown_2column {
	left:0px;
	top:29px;
}
.col_1 {
	display:inline;
	float: left;
	position: relative;
	margin: 0 30px 10px 5px;
	width:130px;
}
#glblmenu h3 {
	font-size:13px;
	font-weight:bold;
	margin:7px 0 5px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#glblmenu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:127px;
	border-bottom: 1px dotted #dedede;
}
#glblmenu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
	border-bottom: 1px dotted #dedede;
}
#glblmenu li ul li a:hover {
	color: #999;
}
/* ----------------------------------------------------------
グローバルメニュー設定終わり*/

/* サイドカラム設定
------------------------------------------------------------*/
#box {
	float: left;
	padding: 10px 0;
	background: #fff;
	}
/* カテゴリ名の設定*/
/*
.side-h1 {
	font-size:1em;
	text-align:center;
	background: #ececec;
	border-top: 3px solid #BD000F;
	padding: .8em .9em .8em;
	height: 20px;
}
*/
.side-h1 {
	font-weight: normal;
	padding: 5px 0 5px 40px;
	line-height: 36px;
	color: #333;
	border-top: 5px solid #333;
	border-bottom: 1px dotted #333;
	background: url(./images/blockheadericon.png) top left no-repeat;
}
/* カテゴリ内製品名の設定*/
ul#smenu1 {
  line-height: 1.9;
  /*margin-left: 10px;*/
}
ul#smenu2 {
  line-height: 1.9;
  margin-left: 10px;
}
ul#smenu3 {
  line-height: 1.9;
  margin-left: 10px;
}
/* 右カラムの設定*/
#rightcolumn {
	width: 244px;
	margin: 0 0 0 15px;
}
#rightcolumn div.blockContent {
	padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}


/* 左カラムの設定*/
#leftcolumn {
	width: 244px;
	margin: 0 0 0 15px;
}
#leftcolumn div.blockContent {
	padding: 7px;
  /*margin-bottom: 20px;
  border: 1px solid #ebebeb;*/
  overflow: hidden;
}
#leftcolumn li {
	line-height: 1.9;
}

/* ----------------------------------------------------------
サイドカラム設定終わり*/

/* 製品モジュール
------------------------------------------------------------*/
.text14{
	font-size: 1.2em;
	margin-top: 20px;
}
.textMain_fl {
	float: left;
  width: 55%;
}
#textMain {
	margin:20px 10px 20px 0;
	/*padding-left: 20px;
  float: left;
  width: 100%;*/
	line-height: 2;
	/*border-left: 4px solid #999;*/
}
#textMain2 {
	width: 100%;
  float: left;
  /*border-left-color: #999999;
  border-left-style: solid;
  border-left-width: 4px;
	padding-left: 20px;*/
  color: #333333;
  line-height: 150%;
}
#textMain3 {
	margin:0 10px 20px 0;
	line-height: 1.9;
}
.ctgr1 {
  float: left;
  /*width: 100px;*/
  text-align: center;
  padding: 0 20px 0 0;
}

.ctgr2 {
  padding: 15px 0;
  font-weight: normal;
  text-align: left;
	font-size: 1.3em;
  /*width: 560px;
  line-height: 3;*/
}
.ctgr3 {
  border-bottom: dotted 1px;
  padding: 10px 0;
	/*width: 630px;*/
}
#imageMain {
  float: right;
  text-align: center;
  margin-bottom: 30px;
	width: 44%;
}
#mainImage {
    margin-bottom: 15px;
}
#imageMain2 {
	clear: both;
	text-align: center;
	margin-bottom: 30px;
	padding-right: 30px;
}
#mainImage2 {
	display: none;
}
/* ダウンロードボタンの設定*/
.detalbtn1, .detalbtn2 {
  display: inline-block;
}
/* カテゴリページ製品写真の設定*/
img.ctgrp2 {
  width: 300px;
	height: auto;
}

/* 採用ページ
------------------------------------------------------------*/
.employment_table {
  border-top: none;
  display: table;
}
.employment_tr {
  display: table-row;
}
.employment_td {
  background: #fff;
}
.employment_th, .employment_td {
  display: table-cell;
  padding: 0 25px;
}
.employment_table1 {
  border-top: none;
  display: table;
}
.employment_tr1 {
  display: table-row;
}
.employment_th1 {
  background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  width: 120px;
}
.employment_th2 {
  background: #e7e7e7;
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  width: 120px;
}
.employment_th1, .employment_th2, .employment_td1, .employment_td2 {
  display: table-cell;
}
.employment_td1 {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  width: 500px;
}
.employment_td2 {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 500px;
}
.employment_th1, .employment_th2, .employment_td1, .employment_td2 {
  display: table-cell;
}

/*************
/* 会社プロフィール
*************/
/* 会社概要*/
.prfl1{
  float:left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: bold;
  text-align: left;
  width:33%;
  line-height:200%;
}
.prfl2{
  float:left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  width:66%;
  line-height:200%;
}

/* 営業・生産拠点*/
.prfl3{
  float:left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: bold;
  text-align: left;
  width:40%;
  line-height:150%;
}
.prfl4{
  float:left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  width:55%;
  line-height:150%;
}
.prfl5{
  float:left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  width:29%;
  line-height:150%;
}

/* 沿革*/
.prfl_table {
  border: 1px solid #333;
  border-top: none;
  display: table;
  width: 100%;
}

.prfl_table2 {
  display: table;
  width: 650px;
}

.prfl_tr {
  display: table-row;
}

.prfl_th,
.prfl_th2,
.prfl_th3,
.prfl_td,
.prfl_td2 {
  display: table-cell;
  padding: 2px;
}

.prfl_th {
  background: #444;
  border-top: 1px solid #333;
  font-weight: bold;
  color:#fff;
  padding: 0.5em 0.5em.5em;
  text-align: center;
  vertical-align: middle;
}

.prfl_th2 {
  background: #444;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  font-weight: bold;
  color:#fff;
  padding: 0.5em 0.5em.5em;
  text-align: center;
  vertical-align: middle;
}

.prfl_th3 {
  background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  font-weight: normal;
  padding: 0.5em 0.5em.5em;
  text-align: center;
  vertical-align: middle;
}

.prfl_th4 {
  background: #e7e7e7;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  font-weight: normal;
  padding: 0.5em 0.5em.5em;
  text-align: center;
  vertical-align: middle;
}

.prfl_td {
  background: #fff;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  padding: 0.5em 0.5em.5em;
  text-align:center;
  vertical-align: middle;
}
.prfl_td2 {
  background: #fff;
  border-top: 1px solid #333;
  padding: 0.5em 0.5em.5em;
  text-align:center;
  vertical-align: middle;
}

/* お問い合せフォームの表組み設定
------------------------------------------------------------*/
.contactus_table {
  border-top: none;
  display: table;
}

.contactus_tr {
  display: table-row;
}

.contactus_th,
.contactus_td,
.contactus_th2,
.contactus_td2 {
  display: table-cell;
  padding: 0 25px;
}

.contactus_th {
  background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}

.contactus_th2 {
  background: #e7e7e7;
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}

.contactus_td {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.contactus_td2 {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

textarea#comments {
    width: 400px;
}
input#city {
    width: 400px;
}
/* ----------------------------------------------------------
お問い合せフォームの表組み設定終わり*/

/*************
/* 施工事例
*************/
.thumbLargeLeft {
  clear: both;
  float: left;
  padding: 20px 15px;
  margin: 0 0 7px 0;
  width: 263px;
}
.thumbLargeRight {
  float: right;
  padding: 20px 30px;
  margin: 0 0 7px 0;
  width: 263px;
}
.thumbImageLarge {
  border: 1px solid #bcbcbc;
  text-align: center;
  width: 263px;
  height: 197px;
	margin-bottom: 6px;
}
.thumbLargeLeft01 {
  clear: both;
  float: left;
  padding: 5px 0 0 15px;
	margin-bottom: -20px;
  width: 263px;
}
.thumbLargeRight01 {
  float: right;
  padding: 5px 25px 0 0;
	margin-bottom: -20px;
  width: 263px;
}

.expl01 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #333;
  z-index: 0;
  margin-bottom: 25px;
}
.expl01:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #333 transparent transparent transparent;
}
.expl02 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #b00000;
  z-index: 0;
  margin-bottom: 25px;
}
.expl02:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #b00000 transparent transparent transparent;
}

/* 製品モジュール内のtablもどき*/
.mtrx_table {
  display: table;
}
.mtrx_tr {
  display: table-row;
}
.mtrx_th {
    display: table-cell;
    padding-right: 15px;
    vertical-align: top;
}
.mtrx_td {
    display: table-cell;
    width: 33%;
    vertical-align: top;
}

/*お知らせの設定*/

.itemTitle {
  padding: 20px 0;
}
a.news_a02 {
  padding: 5px;
  font-size: 10px;
  color: #fff;
  background-color: #bbb;
  display: inline;
  line-height: 2;
  float: left;
	margin: 0 10px 0 0;
}
.news02 {
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 15px 20px 15px;
  display: inline;
}
.itemInfo {
  padding: 15px 0;
}
span.owner {
  display: none;
}
span.itemStats {
  display: none;
}
.itemFoot {
  display: none;
}

.lginusr {
  float: right;padding: 10px 0 0 0;
}

/* メニュー下のヘッダ画像
------------------------------------------------------------*/
#rightcolumn {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 960px;
}
#rightcolumn div.blockContent {
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
  overflow: hidden;
}
.pico_body {
  margin: 0 !important;
  padding: 0 !important;
}
.bg-coverimg_01 {
  background-image: url(../../themes/theme_10/images/label/head_brown.jpg);
  height: 68px;
}
.bg-coverimg_02 {
  background-image: url(../../themes/theme_10/images/label/head_sky.jpg);
  height: 68px;
}
.bg-coverimg_03 {
  background-image: url(../../themes/theme_10/images/label/head_gray.jpg);
  height: 68px;
}
.bg-coverimg_04 {
  background-image: url(../../themes/theme_10/images/label/head_metro.jpg);
  height: 68px;
}
.bg-coverimg_05 {
  background-image: url(../../themes/theme_10/images/label/head_wood.jpg);
  height: 68px;
}
.bg-coverimg_06 {
  background-image: url(../../themes/theme_10/images/label/head_blue.jpg);
  height: 68px;
}
.bg-coverimg_07 {
  background-image: url(../../themes/theme_10/images/label/head_chart.jpg);
  height: 68px;
}
img.head_img {
  width: 100%;
  height: 80px;
	min-width: 960px;
}

}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* スマホ縦(ポートレート)モニター幅480px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media only screen and (max-width:480px){
/*テーマ選択設定*/
.select-themes-01 {
  display:none;
}


/* ロゴマークの設定
------------------------------------------------------------*/
.sj-logo {
  margin: 20px 0 0 0;
}

/* サイドカラムの表示非表示
------------------------------------------------------------*/
body.L0R0 #wrapper {
float:none;
}
.lginusr {
	 float: none;padding: 15px 0;
}
br.sp {
  display: block;
}
/*お知らせの設定*/
.itemTitle {
  padding: 20px 0;
}
a.news_a02 {
  padding: 5px;
  font-size: 10px;
  color: #fff;
  background-color: #bbb;
  display: inline;
  line-height: 2;
	margin: 0 10px 0 0;
}
.news02 {
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 15px 20px 0;
}
.itemInfo {
  padding: 15px 0;
}
span.owner {
  display: none;
}
span.itemStats {
  display: none;
}
.itemFoot {
  display: none;
}
p.cv-pr:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c PR Point';
  background: #2196F3;
  color: #fff;
  left: 0;
  bottom: 90%;
  border-radius: 5px;
  padding: 3px 7px 1px;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 10px;
}

#glblnavi{
	display:none;
}
#mainsNav {
  display:block;
}
#headerBox {
    margin: 0 auto 10px auto;
  /*height: 120px;*/
}
img.corpname {
    margin-bottom: 15px;
}
.slogan {
  padding: 5px 0;
  font-size: 12px;
  font-weight: normal;
	color: #333;
	text-align: center;
}
/*ヘッダボックス設定*/
#headerBox{
	padding: 20px 0;
	width: 100%;
}
/*ヘッダボックス設定*/
/*ロゴ設定*/
.logo{
text-align: center;
}
/*ロゴ設定*/
/*ヘッダ内ブロック設定*/
#header #topright{
	clear:both;
	text-align: center;
	padding-top: 10px;
	}

#header #topleft{
	margin:0;
	float: left;
}

img.head_img {
  height: 80px;
}

/* /ヘッダ内ブロック設定*/
/*検索設定*/
.search {
  text-align:center;
}
.searchico2{
	font-size:16px;
}
.search_tr {
  display: block;
}
.search_th {
  width: 100%;
  display: inline-block;
}
.search_td {
  width: 100%;
  display: inline-block;
}
#fwords {
	width: 93%;
}
/* /検索設定*/

/*コンテナ設定*/
#container {
	height: auto;
	background:#fff;
}
/* /コンテナ設定*/

/* スマホ用グローバルナビの設定
------------------------------------------------------------*/
p#thirdaco {
	border-top: 1px dotted #888;
}
ul.xolgaccord {
	font-size:123.1%;
}
ul.xolgaccord a {
	display:block;
	padding:10px;
	background-position:95% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FFF;
}
ul.xolgaccord span {
	display:block;
	padding:10px;
	background-position:95% center;
	background-repeat:no-repeat;
	color:#FFF;
}
#thirdaco span {
	display:block;
	padding:10px;
	background-position:95% center;
	background-repeat:no-repeat;
	color:#444;
	background-color: #c9caca;
}
ul.xolgaccord ul {
	display:none;
}
ul.xolgaccord > li {
	background: -moz-linear-gradient(top, #666, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
}
ul.xolgaccord > li > p {
	background: -moz-linear-gradient(top, #666, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
}
ul.xolgaccord > li > ul > li {
	background:#888;
}
ul.xolgaccord > li > ul > li > p {
	background:#888;
	border-top: 1px dotted #fff;
}
ul.xolgaccord > li > ul > li > ul > li > ul > li{
	background:#FFF;
}
ul.xolgaccord > li > ul > li > ul > li:last-child {
	border:none;
}
ul.xolgaccord > li > p span {
	background-image:url("./images/a_close.png");
}
ul.xolgaccord > li > p span.open {
	background-image:url("./images/a_open.png");
}
ul.xolgaccord > li > a {
	background-image:url("./images/a_link.png");
}
ul.xolgaccord > li > ul > li > p span {
	background-image:url("./images/b_close.png");
}
ul.xolgaccord > li > ul > li > p span.open {
	background-image:url("./images/b_open.png");
}
ul.xolgaccord > li > ul > li > a {
	background-image:url("./images/b_link.png");
	background: #888;border-top: 1px dotted #fff;
}
#thirdaco span {
	background-image:url("./images/b_close.png");
	border-top: 1px dotted #888;
}
#thirdaco span.open {
	background-image:url("./images/b_open.png");
}
span#gry {
	color: #fff;
  background-color: #888;
}
ul.xolgaccord > li > ul > li > ul > li a {
	background-image:url("./images/c_link.png");
	color:#333;border-top: 1px dotted #888;
}
dl.xolgaccord {
	font-size:123.1%;
	padding:10px;
	background:#DDD;
	margin-bottom:30px;
}
dl.xolgaccord dt {
	height:40px;
	line-height:40px;
	text-indent:10px;
	color:#FFF;
	background:url("images/a_close.png") 95% center no-repeat,
	-moz-linear-gradient(top, #666, #000);
	background:url("img/a_close.png") 95% center no-repeat,
	-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	border-bottom:1px solid #EEE;
}
dl.xolgaccord dt.open {
	background:url("images/a_open.png") 95% center no-repeat,
	-moz-linear-gradient(top, #666, #000);
	background:url("images/a_open.png") 95% center no-repeat,
	-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
}
dl.xolgaccord dd {
	display:none;
	padding:10px;
	line-height:1.5;
	background:#FFF;
}
#mainsNav ul li > ul li{
	background-color: #fff;
}
/* ----------------------------------------------------------
スマホ用グローバルナビの設定終わり*/

/*wrapper設定*/
#wrapper {
padding: 10px;
}
/* /wrapper設定*/

/* サイドカラム設定
------------------------------------------------------------*/
#box {
	/*float: left;*/
	padding: 20px;
	background: #fff;
	}
/* カテゴリ内製品名の設定*/
ul#smenu1 {
  line-height: 1.9;
  margin-left: 10px;
}
/* 右カラムの設定*/
#rightcolumn {
	/*float: left;
	width: 224px;
	background-color: #FAF6F3;
	margin: 0 10px 0 10px;
	_margin-left: 5px;
	padding: 15px;*/
	text-align: left;
	}
.side-h1 h2 {
	height: 26px;
	width: 225px;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align: center;
	-moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
	background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
	background-color:#7d5d3b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
#rightcolumn div.blockContent {
	padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}
#rightcolumn li ul li a {
	font-size: 1em;
  text-align: left;
  background-image: none;
  background-repeat: no-repeat;
  padding: 10px 0 10px 0;
  border: 1px dotted #ccc;
  border-width: 0 0 1px 0;
}
#rightcolumn li ul li{
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-top: 5px;
	padding-bottom: 4px;
	padding-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* 左カラムの設定*/
#leftcolumn {
	/*float: left;
	width: 224px;*/
	/*background-color: #FAF6F3;
	margin: 0 10px 0 10px;
	padding: 15px;*/
	text-align: left;
	}
.side-h1 {
	font-weight: normal;
	padding: 5px 0 5px 40px;
	line-height: 36px;
	color: #333;
	border-top: 5px solid #333;
	background: #ececec url(./images/blockheadericon.png) top left no-repeat;
}

#leftcolumn li {
	line-height: 1.9;
}

#leftcolumn div.blockContent {
	padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}

/* ----------------------------------------------------------
サイドカラム設定終わり*/

/* 製品モジュール
------------------------------------------------------------*/
/* ヘッダ画像の設定*/
.general {
  background-image: url(./images/label/general_s.jpg);
	background-size: 100%;
}
.forsale {
  background-image: url(./images/label/forsale_s.jpg);
	background-size: 100%;
}
.special {
  background-image: url(./images/label/special_s.jpg);
	background-size: 100%;
}
.special {
  background-image: url(./images/label/special_s.jpg);
	background-size: 100%;
}
.example{
  background-image: url(./images/label/example_s.jpg);
	background-size: 100%;
}
.labelmain {
  font-size: 15px;
	padding: 6px 0 0 20px;
}
.labelsub {
  padding:20px 0 0 20px;
}
.ctgr3 {
  text-align: center;
	border-bottom: dotted 1px;
  padding: 10px 0;
}
#textMain p {
  text-align: left;
}
#imageMain {
  text-align: center;
  margin: 20px 0;
}
.thumbLargeLeft {
	clear: both;
  float: left;
  padding: 20px 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
.thumbLargeRight {
  float: right;
  padding: 20px 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
img.simg {
  height: auto;
}
.thumbLargeLeft01 {
  float: left;
  padding: 0 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
.thumbLargeRight01 {
  float: right;
  padding: 0 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
.expl01 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #333;
  z-index: 0;
  margin-bottom: 25px;
}
.expl01:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #333 transparent transparent transparent;
}
.expl02 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #b00000;
  z-index: 0;
  margin-bottom: 25px;
}
.expl02:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #b00000 transparent transparent transparent;
}
ul#viewNavigation {
  list-style: none;
}

/* 関連製品エリアの設定*/
#imagesSub {
	text-align: center;
	width: 100%;
}
.thumbLeft, .thumbCenter, .thumbRight {
	width: 100%;
}
/* 仕様表スライドの設定*/
div#tres{
  width: 100%;
  overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
th,td {
  padding: 0 10px;
}
tr.specRow td {
  height: 40px;
}
.specTable{
	width:480px;
}
.inline li {
  display: grid;
  padding: 10px;
}
.inline {
  margin:0;
}
.detalbtn1,.detalbtn2{
	display: block;
	margin: 10px;
}
/* ダウンロードボタンの設定*/
.detalbtn1, .detalbtn2 {
  display: grid;
}
/* カテゴリページ製品写真の設定*/
img.ctgrp2 {
  width: 100%;
	height: auto;
}
/* ----------------------------------------------------------
		製品モジュール設定終わり*/

/*  人材をお探しの企業様へ
------------------------------------------------------------*/

/* ----------------------------------------------------------
		会社概要の設定終わり*/
.clnt_box-l,.clnt_box-r {
	float: none;
	width: 100%;
}
#content h3{
	line-height: 18px;
	background-position: -15px -8px;
}


/*  会社概要の設定
------------------------------------------------------------*/
.top_msg_img{
	float:none;
	margin: 0 0 10px 0;
}
#textMain3 .top_msg_img img{
	width:100%;
}
/* ----------------------------------------------------------
		会社概要の設定終わり*/


/* スマホ用フッターの設定
------------------------------------------------------------*/
div#footer {
  height: 100%;
  min-width: 100%;
}
.foot-inner {
	margin: 0 auto;
  width: 100%;
}
.foot_grid_left,.foot_grid_right{
  display:block;
}
.foot_grid_left,.foot_grid_right{
  float:none;
	clear: both;
}
.sj_logo {
  text-align: center;
	height: 30px;
}

/* ----------------------------------------------------------
スマホ用フッターの設定終わり*/

/*コンテンツ*/
.c-box1,.cntnt-box {
	margin: 0;
	float: none;
	width: 100%;
}
.hsu01 {
  margin-bottom: 15px;
}
/*会社プロフィール*/
.prfl1 {
  float: left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: bold;
  text-align: left;
  width: 33%;
  line-height: 200%;
}
.prfl2 {
  float: left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  width: 66%;
  line-height: 200%;
}
.logoname {
    font-size: 20px;
}
.hkn_box_fl,.hkn_box_fr{
	float: none;
	width: 100%;
}
#textMain3 .clnt-flow ul li {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}
#textMain3 .clnt-flow ul li.clnt-flow_lir {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}
a.c-btn3{
	font-size: 16px;
}

/* メニュー下のヘッダ画像
------------------------------------------------------------*/
#rightcolumn {
  margin: 0;
  padding: 0;
  width: 100%;
}
#rightcolumn div.blockContent {
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
  overflow: hidden;
}
.pico_body {
  margin: 0 !important;
  padding: 0 !important;
}
.bg-coverimg_01 {
  background-image: url(../../themes/theme_10/images/label/head_brown.jpg);
  height: 68px;
}
.bg-coverimg_02 {
  background-image: url(../../themes/theme_10/images/label/head_sky.jpg);
  height: 68px;
}
.bg-coverimg_03 {
  background-image: url(../../themes/theme_10/images/label/head_gray.jpg);
  height: 68px;
}
.bg-coverimg_04 {
  background-image: url(../../themes/theme_10/images/label/head_metro.jpg);
  height: 68px;
}
.bg-coverimg_05 {
  background-image: url(../../themes/theme_10/images/label/head_wood.jpg);
  height: 68px;
}
.bg-coverimg_06 {
  background-image: url(../../themes/theme_10/images/label/head_blue.jpg);
  height: 68px;
}
.bg-coverimg_07 {
  background-image: url(../../themes/theme_10/images/label/head_chart.jpg);
  height: 68px;
}
#copywright {
  clear: both;
  background: #444;
}
address {
  padding: 5px;
  text-align: center;
  font-style: normal;
  font-size: 10px;
  color: #fff;
}

}