@charset "UTF-8";
/* ---------------------------------------------------------------
Variables Setting
Author: Shiho
Author URI: http://www.liencode.net/
License: Shiho
Constitution:
	Set prefix
	Support
	Grobal styles
	Path
	Grobal styles
	Font
	Media Queries
	Colors
--------------------------------------------------------------- */
/*********************
Set prefix
*********************/
/*********************
Support
*********************/
/*********************
Path
*********************/
/*********************
Grobal styles
*********************/
/*********************
Font
*********************/
/*********************
Media Queries
*********************/
/* ---------------------------------------------------------------
Helper class
Author: Shiho
Author URI: http://www.liencode.net/
License: Shiho
Constitution:
	Clearfix
	Space
--------------------------------------------------------------- */
/*********************
Clearfix
*********************/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/*********************
Space
*********************/
.mt00 { margin-top: 0 !important; }

.mt01 { margin-top: 1px !important; }

.mt02 { margin-top: 2px !important; }

.mt03 { margin-top: 3px !important; }

.mt04 { margin-top: 4px !important; }

.mt05 { margin-top: 5px !important; }

.mt06 { margin-top: 6px !important; }

.mt07 { margin-top: 7px !important; }

.mt08 { margin-top: 8px !important; }

.mt09 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt11 { margin-top: 11px !important; }

.mt12 { margin-top: 12px !important; }

.mt13 { margin-top: 13px !important; }

.mt14 { margin-top: 14px !important; }

.mt15 { margin-top: 15px !important; }

.mt16 { margin-top: 16px !important; }

.mt17 { margin-top: 17px !important; }

.mt18 { margin-top: 18px !important; }

.mt19 { margin-top: 19px !important; }

.mt20 { margin-top: 20px !important; }

.mt24 { margin-top: 24px !important; }

.mt25 { margin-top: 25px !important; }

.mt28 { margin-top: 28px !important; }

.mt30 { margin-top: 30px !important; }

.mt32 { margin-top: 32px !important; }

.mt35 { margin-top: 35px !important; }

.mt36 { margin-top: 36px !important; }

.mt40 { margin-top: 40px !important; }

.mt44 { margin-top: 44px !important; }

.mt45 { margin-top: 45px !important; }

.mt48 { margin-top: 48px !important; }

.mt50 { margin-top: 50px !important; }

.mt52 { margin-top: 52px !important; }

.mt55 { margin-top: 55px !important; }

.mt56 { margin-top: 56px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb00 { margin-bottom: 0 !important; }

.mb01 { margin-bottom: 1px !important; }

.mb02 { margin-bottom: 2px !important; }

.mb03 { margin-bottom: 3px !important; }

.mb04 { margin-bottom: 4px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb06 { margin-bottom: 6px !important; }

.mb07 { margin-bottom: 7px !important; }

.mb08 { margin-bottom: 8px !important; }

.mb09 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb11 { margin-bottom: 11px !important; }

.mb12 { margin-bottom: 12px !important; }

.mb13 { margin-bottom: 13px !important; }

.mb14 { margin-bottom: 14px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb16 { margin-bottom: 16px !important; }

.mb17 { margin-bottom: 17px !important; }

.mb18 { margin-bottom: 18px !important; }

.mb19 { margin-bottom: 19px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb24 { margin-bottom: 24px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb28 { margin-bottom: 28px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb32 { margin-bottom: 32px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb36 { margin-bottom: 36px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb44 { margin-bottom: 44px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb48 { margin-bottom: 48px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb52 { margin-bottom: 52px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb56 { margin-bottom: 56px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt00 { padding-top: 0 !important; }

.pt01 { padding-top: 1px !important; }

.pt02 { padding-top: 2px !important; }

.pt03 { padding-top: 3px !important; }

.pt04 { padding-top: 4px !important; }

.pt05 { padding-top: 5px !important; }

.pt06 { padding-top: 6px !important; }

.pt07 { padding-top: 7px !important; }

.pt08 { padding-top: 8px !important; }

.pt09 { padding-top: 9px !important; }

.pt10 { padding-top: 10px !important; }

.pt11 { padding-top: 11px !important; }

.pt12 { padding-top: 12px !important; }

.pt13 { padding-top: 13px !important; }

.pt14 { padding-top: 14px !important; }

.pt15 { padding-top: 15px !important; }

.pt16 { padding-top: 16px !important; }

.pt17 { padding-top: 17px !important; }

.pt18 { padding-top: 18px !important; }

.pt19 { padding-top: 19px !important; }

.pt20 { padding-top: 20px !important; }

.pt24 { padding-top: 24px !important; }

.pt25 { padding-top: 25px !important; }

.pt28 { padding-top: 28px !important; }

.pt30 { padding-top: 30px !important; }

.pt32 { padding-top: 32px !important; }

.pt35 { padding-top: 35px !important; }

.pt36 { padding-top: 36px !important; }

.pt40 { padding-top: 40px !important; }

.pt44 { padding-top: 44px !important; }

.pt45 { padding-top: 45px !important; }

.pt48 { padding-top: 48px !important; }

.pt50 { padding-top: 50px !important; }

.pt52 { padding-top: 52px !important; }

.pt55 { padding-top: 55px !important; }

.pt56 { padding-top: 56px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pb00 { padding-bottom: 0 !important; }

.pb01 { padding-bottom: 1px !important; }

.pb02 { padding-bottom: 2px !important; }

.pb03 { padding-bottom: 3px !important; }

.pb04 { padding-bottom: 4px !important; }

.pb05 { padding-bottom: 5px !important; }

.pb06 { padding-bottom: 6px !important; }

.pb07 { padding-bottom: 7px !important; }

.pb08 { padding-bottom: 8px !important; }

.pb09 { padding-bottom: 9px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb11 { padding-bottom: 11px !important; }

.pb12 { padding-bottom: 12px !important; }

.pb13 { padding-bottom: 13px !important; }

.pb14 { padding-bottom: 14px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb16 { padding-bottom: 16px !important; }

.pb17 { padding-bottom: 17px !important; }

.pb18 { padding-bottom: 18px !important; }

.pb19 { padding-bottom: 19px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb24 { padding-bottom: 24px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb28 { padding-bottom: 28px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb32 { padding-bottom: 32px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb36 { padding-bottom: 36px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb44 { padding-bottom: 44px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb48 { padding-bottom: 48px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb52 { padding-bottom: 52px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb56 { padding-bottom: 56px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

.pb80 { padding-bottom: 80px !important; }

/*********************
Hover
*********************/
.ov:hover { opacity: .7; filter: alpha(opacity=70); }

/* ---------------------------------------------------------------
Functions
Author: Shiho
Author URI: http://www.liencode.net/
License: Shiho
Constitution:
	Font size
--------------------------------------------------------------- */
/*********************
Font size
*********************/
/* ---------------------------------------------------------------
Site Name: 西川ロジスティックス
Author: Shiho
Author URI: http://www.liencode.net/
License: Shiho
Stylesheet: About Stylesheet
Constitution: 
	00 - General
	01 - Company
	02 - Philosophy
	03 - Recuruit
Comments: 
--------------------------------------------------------------- */
/* ----------------------------------------------
	00 - General
---------------------------------------------- */
.pageTitWrap { height: 330px; margin-bottom: 70px; }
.pageTitWrap .pageTit { padding: 159px 0 0; text-align: center; }
.pageTitWrap .txt { float: left; color: #fff; font-size: 128.6%; line-height: 1.9; }

.tit01 { margin-bottom: 60px; }

.boxRayout01 { padding-bottom: 59px; border-bottom: 1px solid #c8c8c8; margin-bottom: 52px; }
.boxRayout01 .secInner-txtBox { float: right; }
.boxRayout01 .secInner-im { float: left; }

.boxRayout02 .secInner-txtBox { float: left; }
.boxRayout02 .secInner-img { float: right; }

/* ----------------------------------------------
	01 - Company
---------------------------------------------- */
.company .pageTitWrap { background: url(/images/about/about_bg.jpg) center top no-repeat; }
.company .tabBtn { overflow: hidden; padding: 0; list-style-type: none; }
.company .tabBtn li { width: 50%; float: left; text-align: center; }
.company .tabBtn li img { padding-top: 31px; }
.company .tabBtn li a { display: block; height: 70px; }
.company .tabBtn li a.active, .company .tabBtn li a:hover { background: #ececec; }
.company .tabPanel { padding: 62px 0 180px; background: #ececec; }

#company .cmmTable th { padding: 30px 0; }
#company .cmmTable td { padding: 30px 45px; }
#company .cmmTable td span { display: block; }

/* ----------------------------------------------
	02 - Philosophy
---------------------------------------------- */
#philo .lead { margin-bottom: 65px; font-size: 172%; line-height: 1.8; }
#philo .txt-block { margin-bottom: 45px; font-size: 135.7%; line-height: 2.4; }

#guide { margin-top: 100px; }

/* ----------------------------------------------
	03 - Recuruit
---------------------------------------------- */
.recruit .cmmTable th { padding: 30px 0; }
.recruit .cmmTable td { padding: 30px 0 30px 35px; }
.recruit .cmmTable td ul { padding: 0; }
.recruit .cmmTable td ul li { overflow: hidden; list-style-type: none; }
.recruit .cmmTable td ul li span { float: left; }
.recruit .cmmTable td ul li span.time { margin-left: 23px; }
.recruit .cmmTable td .notes { font-size: 85.7%; margin-top: 23px; }
