@charset "UTF-8";
/* *****************************************************************************************************
*
*  layout.css
* 
* ------------------------------------------------------------------------------------------
* 
*   ---- FONT-SIZE -----
*	
*	10px	77%			|		19px	146.5%
*	11px	85%			|		20px	153.9%
*	12px	93%			|		21px	161.6%
*	13px	100%		|		22px	167%
*	14px	108%		|		23px	174%
*	15px	116%		|		24px	182%
*	16px	123.1%		|		25px	189%
*	17px	131%		|		26px	197%
*	18px	138.5%		|
*
*	---- COMMON 目次 -----					---- PAGE 目次 -----
*
*	01-01:  margin						|	02-01:  index.html
*	01-02:  text						|	02-02:  company_greeting.html
*	01-03:  table						|	02-03:  company_philosophy.html
*	01-04:  title						|	02-04:  company_outline.html
*	01-05:  btn							|	02-05:  company_office.html
*	01-06:  list						|	02-06:  business_management.html
*	01-07:  .attentionBox				|	02-07:  business_enforcement.html
*	01-08:  .postBox					|	02-08:  safety.html
*	01-09:  .sectionBox					|	02-09:  csr.html
*	01-10:  .workSummary				|	02-10:  recruit_requirements.html
*	01-11:  .workBox					|	02-11:  recruit_voice.html
*	01-12:  .column2					|	02-12:  recruit_day.html 
*	01-13:  .column3					|	02-13:  policy_site.html, policy_security.html
*	01-14:  .linkBox					|	02-14:  404.html
*	01-15:  .floatBox					|	02-15:  handiwork.html
*	01-16:  pagenation					|  
*
*
***************************************************************************************************** */

/* ========================================================================
	
	COMMON
	
 ======================================================================== */
 
 /* --------------------------------------------------------------------
  01-01: margin
 ----------------------------------------------------------------------- */

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
 
 /* --------------------------------------------------------------------
  01-02: text
 ----------------------------------------------------------------------- */
 
.txtRight { text-align:right; }

.txt11 { font-size:85% !important; /*11px*/ }

.signature { font-size: 100% !important; }
.signature span { font-size: 100% !important; line-height: 2.4; }

 /* --------------------------------------------------------------------
  01-03: table
 ----------------------------------------------------------------------- */
table {
	width:100%;
	font-size:93%; /*12px*/
	border-top:1px dotted #ccc;
}

th, td {
	padding:10px 0 10px 5px;
	border-bottom:1px dotted #ccc;
}

th {
	vertical-align:top;
}

 /* --------------------------------------------------------------------
  01-04: title
 ----------------------------------------------------------------------- */

.sectionTitle {
	font-size:138.5%; /*18px*/
	margin-bottom:20px;
	line-height:1.6;
}

.sectionSummary {
	font-weight:bold;
	margin-bottom:30px;
}

 /* --------------------------------------------------------------------
  01-05: btn
 ----------------------------------------------------------------------- */

.btnLink150 a {
	width:150px;
	background:url(../images/btn_link_150_2.gif) no-repeat;
}

.btnLink180 a {
	width:180px;
	background:url(../images/btn_link_180.gif) no-repeat;
}

.btnLink200 a {
	width:200px;
	background:url(../images/btn_link_200.gif) no-repeat;
}

.btnLink220 a {
	width:220px;
	background:url(../images/btn_link_220.gif) no-repeat;
}

.btnArrow a {
	display:block;
	padding-left:10px;
	height:28px;
	line-height:28px;
	font-weight:bold;
	background-position:0 top;
}

.btnArrow a:hover { background-position:0 bottom; color:#333; }

 /* --------------------------------------------------------------------
  01-06: list
 ----------------------------------------------------------------------- */

.listDecimal li {
	list-style:decimal;
	margin-left:20px;
}

* html .listDecimal li { margin-left:25px; }
*:first-child+html .listDecimal li { margin-left:25px; }

.listDisc li {
	list-style:disc;
	margin-left:20px;
}

.listIndent {
	margin-left: 1em; /* ブロック全体を 1em 右に */
    text-indent: -1em; /* 先頭の1文字のみ 1em 左に */
}

  /* --------------------------------------------------------------------
  01-07: .attentionBox
 ----------------------------------------------------------------------- */

.attentionBox {
	border:5px solid #d0f0ff;
	background:#f9ffff;
	padding:7px;
	margin-top:10px;
}

  /* --------------------------------------------------------------------
  01-08: .postBox  ---  news_index.html,  news_detail.html, csr.htmlで使用
 ----------------------------------------------------------------------- */

.postBox {
	font-size:93%; /*12px*/
	margin-bottom:20px;
}

* html .postBox { margin-bottom:40px; }

*:first-child+html .postBox { margin-bottom:40px; }

.postBoxTop {
	padding-bottom:30px !important;
	margin-bottom:30px !important;
	border-bottom:1px dotted #ccc !important;
}

* html .postBoxTop { padding-bottom:40px !important; }

*:first-child+html .postBoxTop { padding-bottom:40px !important; }

.postBoxTop .floatBox a {
	text-decoration:underline;
	font-weight:bold;
}

.postBox .sectionTitle {
	font-size:150%/*18px*/;
	margin-bottom:20px;
}

.postNews .sectionTitle { margin-bottom:5px; }

.postNews .date { margin-bottom:20px; }

.btnPost {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

.btnPost p { width:120px; }

.btnPost a {
	display:block;
	height:28px;
	line-height:28px;
	font-weight:bold;
	background-position:0 top;
}

.btnPost a:hover { background-position:0 bottom; color:#333; }

.btnPostP { float:left; }

.btnPostP a {
	width:100px;
	padding-left:20px;
	background:url(../images/btn_post_p.gif);
}

.btnPostN { float:right; }

.btnPostN a {
	width:110px;
	padding-left:10px;
	background:url(../images/btn_post_n.gif);
}

 /* --------------------------------------------------------------------
  01-09: .sectionBox  ---  company , business, policy, recruitのindexで使用
 ----------------------------------------------------------------------- */

.child_pagesOuter { margin-bottom:-40px; }

.sectionBox {
	width:100%;
	overflow: hidden;
	margin-bottom:40px;
}

.sectionImg {
	width:290px;
	float:left;
}

.sectionTxt {
	width:390px;
	float:right;
}

.sectionTxt .sectionTitle { line-height:1.1; }

.sectionTxt p { font-size:93%; /*12PX*/ }

.sectionTxt .btnArrow {
	margin-top:20px;
	/*font-size:108% -- wpのpage.cssで追加*/
}

/* for wordpress */

.child_pagesOuter { margin-bottom:-40px; }

/*wordpress -.sectionBox*/
.child_pages .child_page {
	width:100%;
	overflow: hidden;
	margin-bottom:40px;
}

/*wordpress -.sectionImg*/
.child_pages .post_thumb {
	width:290px;
	float:left;
}

/*wordpress -.sectionTxt*/
.child_pages .post_content {
	width:660px;
	float:right;
}

/*wordpress -.sectionTxt .sectionTitle*/
.child_pages .post_content h4  {
	font-size:138.5%; /*18px*/
	margin-bottom:20px;
	line-height:1.1;
}

/*wordpress -.sectionTxt p*/
.child_pages .post_content .post_excerpt {
	font-size:100%;
	margin-bottom:0;
}

/*wordpress -.sectionTxt .btnArrow*/
.child_pages .post_content .post_excerpt .btnArrow {
	margin-top:20px;
	font-size:108%
}


 /* --------------------------------------------------------------------
  01-10: .workSummary  ---  business全般, 安全への取り組みで使用
 ----------------------------------------------------------------------- */

.workSummary{
	font-size:93%; /*12px*/
	margin-bottom:30px;
}

.workSummary p { margin-bottom:10px; }

 /* --------------------------------------------------------------------
  01-11: .workBox  ---  business全般, 安全への取り組みで使用
 ----------------------------------------------------------------------- */

.workBox {
	width:100%;
	overflow: hidden;
}

.workImg img { display:block; }

.workTxt p {
	font-size:93%; /*12px*/
	margin-top:10px;
}

.workTxt h3 {
	padding:0 0 5px;
	font-size:108%/*14px*/;
	border-bottom:1px dotted #ccc;
}

 /* --------------------------------------------------------------------
  01-12: .column2  ---  交通管理業務, 交通管制業務, 法令違反車両取締等業務, その他 で使用
 ----------------------------------------------------------------------- */

.column2 {
	width:620px !important;
	overflow:hidden;
	margin:0 -20px -20px 0 !important;
}

*:first-child+html .column2 { margin-bottom:0 !important; }

.column2 li {
	width:290px;
	float:left;
	margin:0 20px 20px 0;
}

.column2 li .workImg { float:none; }

.column2 li .workTxt { margin-top:10px; float:none; }

 /* --------------------------------------------------------------------
  01-13: .column3  --- 安全への取組み で使用
 ----------------------------------------------------------------------- */

.column3 {
	width:615px  !important;
	overflow:hidden;
	margin-right:-15px  !important;
}

.column3 li {
	width:190px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.column3 li .workImg {
	width:190px;
	float:none;
}

.column3 li .workImg img { margin-bottom:10px; }

.column3 li .workTxt {
	width:190px;
	float:none;
}

 /* --------------------------------------------------------------------
  01-14: .linkBox  --- サイトマップ、リンクページで使用 
 ----------------------------------------------------------------------- */

.linkBox ul {
	margin:0 0 15px 10px;
}

.linkBox li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(../images/list_footernavi.gif) no-repeat left center;
	
}

.linkBox h3 {
	margin-bottom:10px;
	padding:0 0 10px 15px;
	font-size:116%; /*15px*/
	border-bottom:1px dotted #ccc;
	background:url(../images/list_triangle.gif) no-repeat left 3px;
}

 /* --------------------------------------------------------------------
  01-15: .floatBox  --- お知らせページ、　CSR活動で使用（画像の回り込み）
 ----------------------------------------------------------------------- */

.floatBox {
	width:600px;
	overflow: hidden;
	height: auto;
}
 
.floatBox img {
   float: left;
   margin: 0 10px 12px 0;
}

/* -------------------------------------------------------------------------
  01-16: pagenation 
 ------------------------------------------------------------------------ */

.page-nav {
	margin-bottom:10px;
	text-align: center;
}

.page-nav li {
	display: inline;
	list-style: none outside none;
}

.page-nav li a {
	border: 1px solid #e5e5e5;
	color: #666;
	text-decoration: none;
}

.page-nav li a:hover {
	border: 1px solid #ccc;
}

.page-nav li a:active {
	top:1px;
}

.page-nav li.current span {
	border: 1px solid #949988;
	font-weight: bold;
}

.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	color: #e6e6e6;
	text-decoration: none;
}

.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}

.pages-link {
	text-align: center;
}

/* ========================================================================
	
	02-01: index.html
	
 ======================================================================== */
 
.activityBox {
	width:100%;
	overflow:hidden;
	/*margin-bottom:30px;*/
}

.activityBox img {
	display:block;
	margin-bottom:10px;
}

.activityBox h4 {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	font-size:116%; /*15px*/
}

.activityBox p {
	margin-bottom:10px;
	font-size:93%; /*12px*/
}

#NewsList { 
	margin-bottom:20px; 
	width:400px;
}

#NewsList h2 {
	padding-bottom:18px;
	font-size:100%; /*13px*/
}

#NewsList ul {
	border-top:1px dotted #ccc;
	margin-bottom:15px;
}

#NewsList li {
	overflow:hidden;
	font-size:93%; /*12px*/
	border-bottom:1px dotted #ccc;
	padding:5px 5px 5px;
}

#NewsList .date {
	width:80px;
	float:left;
}

#NewsList .newsarticle {
	width:300px;
	float:left;
}

/* ========================================================================
	
	02-02: company_greeting.html
	
 ======================================================================== */
 
.greetingsBox {
	width:100%;
	overflow: hidden;
}

.greetingsBox p {
	font-size:93%; /*12px*/
	margin-bottom:10px;
}

.greetingsBox .name {
	font-weight:bold;
	text-align:right;
	margin-top:10px;
	font-size:108%; /*14px*/
}

/* ========================================================================
	
	02-03: company_philosophy.html
	
 ======================================================================== */

.philosophyBox {
	border:1px solid #e5e5e5;
	padding:15px 10px;
	margin-bottom:20px;
}

.philosophyBox .sectionTitle {
	text-align:center;
	margin-bottom:10px;
}

.philosophyBox .sectionSummary {
	text-align:center;
	margin-bottom:0;
}

.philosophyBox p {
	font-size:93%; /*12px*/
	margin-bottom:10px;
}

.philosophyBox li {
	margin-bottom:5px;
	font-size:93%; /*12px*/
}

/* ========================================================================
	
	02-04: company_outline.html
	
 ======================================================================== */

.outlineBox { margin-bottom:-30px; }

.outlineBox table { margin-bottom:30px; }

.outlineBox th { width:100px; }

.baseInfo { margin-top:10px; }

.hisTbl th { width:22%; }

/* ========================================================================
	
	02-05: company_office.html
	
 ======================================================================== */

.baseInfo span {
	padding:0 20px 0 15px;
	font-size:85%; /*11px*/
}

.base01 { background:url(../images/list_base01.gif) no-repeat left center; }

.base02 { background:url(../images/list_base02.gif) no-repeat left center; }

.base03 { background:url(../images/list_base03.gif) no-repeat left center; }

/* ========================================================================
	
	02-06: business_management.html
	
 ======================================================================== */

.btnManagement { padding-top:20px; }

.btnManagement a {
	display:block;
	width:100%;
	height:120px;
	background:url(../images/btn_business_management01.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}

.btnManagement a:hover { background-position:0 bottom; }

/* ========================================================================
	
	02-07: business_enforcement.html
	
 ======================================================================== */

.btnEnforcement { padding-top:20px; }

.btnEnforcement a {
	display:block;
	width:100%;
	height:120px;
	background:url(../images/btn_business_enforcement01.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}

.btnEnforcement a:hover { background-position:0 bottom; }

/* ========================================================================
	
	02-08: safety.html
	
 ======================================================================== */
 
.safetyBox { margin-bottom:30px; }

*:first-child+html .safetyBox { margin-bottom:45px; }

.safetyBox .workBox { margin-bottom:-15px; }

.safetyBox h4 {
	font-size:123.1%; /*16px*/
	margin-bottom:15px;
}

.safetySummary {
	font-size:93%; /*12px*/
	margin-bottom:15px;
}

.safeCapL {
	float: left;
	width: 395px;
}

*html .safeCapL { padding-top:20px; }
*:first-child+html .safeCapL { padding-top:25px; }

.safeCapR {
	float: right;
	width: 190px;
	margin-bottom: 10px;
}

*html .safeCapR { padding-top:20px; }
*:first-child+html .safeCapR { padding-top:25px; }

/* ========================================================================
	
	02-09: csr.html
	
 ======================================================================== */
 
.csrSummary{
	font-size:93%; /*12px*/
	margin-bottom:30px;
}

/* ========================================================================
	
	02-10: recruit_requirements.html
	
 ======================================================================== */

.recruitBox { margin-bottom:20px; }

.recruitBox th { width:100px; }

/* ========================================================================
	
	02-11: recruit_voice.html
	
 ======================================================================== */

.messageBox {
	width:100%;
	overflow: hidden;
	border-bottom:1px dotted #ccc;
	padding-bottom:25px;
	margin-bottom:30px;
}

.introductionBox {
	width:100%;
	overflow: hidden;
	margin-bottom:20px;
}

.introductionImg {
	width:250px;
	float:left;
}

.introductionTxt {
	width:330px;
	float:right;
}

.introductionTxt p {
	font-size:85%; /*11px*/
	font-weight:bold;
	margin-bottom:10px;
}

.introductionTxt h3 {
	font-size:138.5%; /*18px*/
	margin-bottom:20px;
}

.introductionTxt h3 span{
	font-size:77%;
}

.introductionTxt h4 {
	font-size:123.1%; /*16px*/
	font-weight:normal;
	line-height:1.5;
}

.messageTxt { font-size:93%; } /*12px*/

.messageImg img { display:block; }

/* ========================================================================
	
	02-12: recruit_day.html
	
 ======================================================================== */

.scheduleTitle {
	width:100%;
	position:relative;
}

.scheduleTitle .time {
	position:absolute;
	right:0;
	top:0;
	font-size:93%; /*12px*/
	text-align:right;
}

.flowBoxOuter {
	width:100%;
	overflow:hidden;
}

.flowBoxOuter .arrow {
	width:40px;
	padding-top:10px;
	min-height: 161px;
	height: auto !important;
	height: 161px;
	float:left;
	background: url(../images/bg_arrow.jpg) no-repeat left bottom #effaff;
	font-size:77%; /*10px*/
	text-align:center;
}

.flowBoxOuter .last { background: url(../images/bg_arrow_last.jpg) no-repeat left bottom #effaff !important; }

.flowBox {
	width:530px;
	float:right;
	overflow:hidden;
	padding-top:20px;
	border-top:1px dotted #ccc;
	margin-bottom:20px;
}

.flowBox .flowImg {
	width:260px;
	float:left;
}

.flowBox .flowImg img { display:block; }

.flowBox .flowTxt {
	width:250px;
	float:right;
}

.flowBox .flowTxt h4 {
	color:#11466b;
	font-size:123.1%; /*16px*/
	margin-bottom:20px;
}

.flowBox .flowTxt p {
	font-size:93%; /*12px*/
}

/* ========================================================================
	
	02-13: policy_site.html, policy_security.html
	
 ======================================================================== */

.policyBox {
	font-size:93%; /*12px*/
	margin-bottom:-20px;
}

.policyBox .sectionTitle { margin-bottom:10px; }

.policyBox h4 {
	font-size:116%; /*15px*/
	margin-bottom:10px;
}

.policyBox p { margin-bottom:20px; }

.policyBox ol { margin-bottom:20px; }

.policyBox li { margin-bottom:5px; }

/* ========================================================================
	
	02-14: 404.html
	
 ======================================================================== */

.notpageBox li {
	font-size:93%; /*12px*/
	margin-bottom:5px;
}

.notpageBox a {
	font-weight:bold;
	text-decoration:underline;
}



/* ========================================================================
	
	02-15:  handiwork.html
	
 ======================================================================== */


.hwIntro {margin-bottom:20px;}

.hwKraft h3, .hwnurie h3 {
	width:100%;
	height:34px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}

.hwKraft h3 {background:url(../images/img_handiwork_ti01.jpg) no-repeat;}

.hwnurie h3 {background:url(../images/img_handiwork_ti02.jpg) no-repeat;}

.hwKraft ul, .hwnurie ul {margin-top:20px;}

.hwKraft li, .hwnurie li{float:left;}

.hwKraft li a, .hwnurie li a {
	display:block;
	width:280px;
	height:200px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}

.papercraft, .nurie01 {margin-right:30px;}

.papercraft a {
	background:url(../images/img_handiwork02.jpg) no-repeat;
	background-position:0 0;
}

.papercraft a:hover { background-position:0 -200px; }

.howto a {
	background:url(../images/img_handiwork02.jpg) no-repeat;
	background-position:-311px 0;
}

.howto a:hover { background-position:-311px -200px; }


.nurie01 a {
	background:url(../images/img_handiwork04.jpg) no-repeat;
	background-position:0 0;
}

.nurie01 a:hover { background-position:0 -200px; }


.nurie02 a {
	background:url(../images/img_handiwork04.jpg) no-repeat;
	background-position:-311px 0;
}

.nurie02 a:hover { background-position:-311px -200px; }

.hwAttention {margin:24px 0;}

.hwnote {padding:24px 0;}

.hwAdobe {
	border:#E5E5E5 solid 1px;
	width:550px;
	padding:20px;
}

.hwAdobe h3 {
	font-size:138.5%; /*18px*/
	margin-bottom:16px;
}
.hwAdobe p {margin-bottom:16px;}

.hwAdobe a {
	display:block;
	width:112px;
	height:33px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
	background:url(../images/img_handiwork_adobe.jpg) no-repeat
}