/* ----------メモ---------------------------------- 
メインカラー「青」#003399



 
/*全体レイアウト「container」（左サイドメニュー）
-----------------------------------------------------------------------*/
#container{
	width:800px;
	background: url(../common-image/container-back.jpg);
	background-repeat: no-repeat;
	margin:0 auto;
	text-align:left;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}


#heder{
	width:760px;
	margin:0 20px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #039;
	padding-bottom: 10px;
		
}

#main{
	width:760px;
	margin:0 20px;
		background: url(../common-image/main-slash.gif);
		background-repeat: repeat-y
}

.contents{
	width:580px;
	margin:0px 0px 20px 20px;
	float:right;
	font-size: 14px;
	line-height: 1.8em;

}

.side{
	width:160px;
	margin:0px;
	padding-bottom: 0px;

	float:left;
	height: auto;
	text-align:center;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}


#footer{
	width:760px;
	margin:0 20px;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #039;
	border-bottom-color: #039;
}

#copyright{
	width:760px;
	margin:0 20px;
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 12px;
	line-height: 1.6em;
	text-align: center;

}

/*ヘッダー「heder」
-----------------------------------------------------------------------*/
.hederrogo{
	float:left;
}
.hedertel{
	float:right;
	text-align:right;
}

.hederkeyword {
	font-size: 10px;
	line-height: 1.6em;
	color: #039;
}

.hedertime12 {
	font-size: 12px;
	line-height: 1.8em;
}

.hedertime10 {
	font-size: 10px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}



/*メインのコンテンツエリア「contents」
-----------------------------------------------------------------------*/
/*タイトル「contents」
------------------------*/

#contents-title-back{
	background-image: url(../common-image/contents-title.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 81px;
	margin-bottom: 30px;
}

#contents-title{
	font-size: 18px;
	line-height: 1em;
	color: #003399;
		height: 18px;
	padding-top: 30px;
	padding-left: 35px;
	padding-bottom: 33px;

}



/*トップのお知らせ「news」
-------------------------------------------------*/

#news-title{
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:center;
	background-color: #003399;
	width: 540px;
	margin:0 auto;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
}

#news-text{
	padding-top: 10px;
	padding-bottom: 2px;
	text-align:left;
	width: 540px;
	margin:0 auto;
}






/*トップ＆募集要項の応募方法 & コンテンツ下メール／募集要項へ「contents」
-------------------------------------------------*/

#aboutbosyu-title, #aboutbosyu-title-bottom{
	width:auto;
	background: url(../top-image/bosyu-title.jpg) no-repeat;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #003399;
	text-align:right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003399;
}

#aboutbosyu-title{margin:0px 40px;}
#aboutbosyu-title-bottom{margin:0px 0px;}




/*電話メール左右振り分け
----------------------------------------*/
/*枠　共通*/


/*バック　スラッシュバージョン*/
#aboutbosyu{
	width:auto;
	margin:0px 40px;
	padding-right: 20px;
	padding-left: 20px;
	background: url(../common-image/slash.gif);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;

}


/*バック　やじるしバージョン*/
#aboutbosyu-yaji{
	width:auto;
	margin:0px 40px;
	padding-right: 20px;
	padding-left: 20px;
	background:   url(../recruit/image/yaji-back.gif) no-repeat;
	padding-top: 0px;

}



.foremail{
	width:220px;
	float:right;
	text-align:center;

}

.fortel{
	width:220px;
	float:left;
	text-align:center;
}



/*メールでの応募方法*/
#bosyu-mail{
	width:auto;
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #003399;
	background-color: #FFFFFF;
	text-align:center;

}


.bosyu-mail-list{
	text-align:left;
	margin-top: 20px;
	margin-bottom: 20px;


}


.bosyu-mail-10px{
	width:auto;
	text-align:left;
	font-size: 10px;
	line-height: 1.2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	

}


/*サイドメニュー「side」
-----------------------------------------------------------------------*/

#sidebottom{
	width:160px;
	margin:0px;
	height: auto;
	text-align:center;
}


.bottom{
	border: 1px solid #666;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	height: 58px;
}

.bottomother{
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/*フッター「footer」
-----------------------------------------------------------------------*/
#footerlink{
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 12px;
	text-align: center;
		
}

#footertel{
	height: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 360px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #039;
	background-image: url(../common-image/footer-2.gif);
	background-color: #ccf;
		
}


/*文字レイアウト設定「共通」
-----------------------------------------------------------------------*/

.textandimage{
	margin:8px 0px;
}

/*サブタイトル文字指定　うす青四角*/
.sabtitle-usuao{
	color: #003399;
	font-size: 16px;
	line-height: 1em;
	margin:2px 0px 2px 2px;
	}
	
/*サブタイトル文字指定　濃い青四角*/
.sabtitle-ao{
	font-size: 16px;
	line-height: 1em;
	}
	
/*サブタイトルの下の段落ち文字*/
.sabtitle-text{
	margin:8px 0px 8px 16px;

	}


/*リスト2文字落ち*/
.list-a{
	padding-left: 2em;
}



	
	

/*460枠　設定「共通」
-----------------------------------------------------------------------*/
.box460{
	width:460px;
	margin:0px 60px;

}


/*460枠・ボーダーあり（460-1-1=458）*/
.box460-border{
	width:458px;
	margin:0px 60px;

	border: 1px solid #003399;
	background-color: #FFFFFF;

}

/*500枠　設定「共通」
-----------------------------------------------------------------------*/
.box500{
	width:500px;
	margin:0px 40px 0px 60px;

}



/*表・スラッシュバック・灰色「共通」
-------------------------------*/
table.hyouslash {
	width:460px;
	margin:0px 60px;
}

table.hyou500 {
	width:500px;
	margin:0px 40px 0px 60px;
}

table.fare-reserved {
	width:460;
	margin:0px 60px;
}

table.hyou-fare {
	width:auto;
	margin:0px 40px 0px 60px;
}

table.hyou-fare, table.fare-reserved {
	font-size: 14px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
table.hyou-fare th, table.fare-reserved th {

}
table.hyou-fare td, table.fare-reserved td {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 5px;
}
table.hyou-fare td.text {
	text-align: right;
	padding-right: 20px;
	padding-left: 20px;

}
table.fare-reserved td.text {
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;

}


table.hyouslash, table.hyou500 {
	font-size: 14px;
	border-top: 1px solid #999999;
}

table.hyouslash th, table.hyou500 th {

}
table.hyouslash td, table.hyou500 td {
	border-bottom: 1px solid #999999;
	padding-right: 10px;
	padding-left: 10px;
}



td.slashcenter {
	background: url(../common-image/slash.gif);
	background-repeat: repeat;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.lefttext {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;

}


/*表・青バック・点線「共通」
-------------------------------*/
table.hyouao {
	width:460px;
	margin:0px 60px;
	font-size: 14px;
	border-top: 1px dashed #003399;
	background-color: #ccccff;
}

table.hyouao th {

}

table.hyouao td {
	border-bottom: 1px dashed #003399;
	background-color: #ccccFF;
}

td.ao-text-dotto {
	text-align: left;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #003399;
}

td.ao-text {
	text-align: left;

	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;

}


/*表・フォーム「共通」
-------------------------------*/
.form-back-slash{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 14px;
	padding-bottom: 14px;
	background: url(../common-image/slash.gif);
	background-repeat: repeat;
	width:500px;
	margin:0px 40px 0px 40px;

}

table.form {
	width:480px;
	
}


table.form td.border-bottm {
	border-bottom: 1px solid #666666;
	text-align: left;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 14px;
	line-height: 24px;
}



/*入社貸付制度　幅418角丸枠
-------------------------------*/
#kashituke {
	width:418px;
	padding:25px 0px 10px 0px;
	margin-right: 81px;
	margin-left: 81px;
	background:  url(../recruit/image/kashituke.jpg) no-repeat;
	margin-top: 50px;
}  


/*豊かな生活幅418角丸枠
-------------------------------*/
#yutakana {
	width:418px;
	padding:25px 0px 10px 0px;
	margin-right: 81px;
	margin-left: 81px;
	background:   url(../recruit/image/yutakana.gif) no-repeat;
	margin-top: 50px;
}


/*幅418角丸枠　青　下部「共通」
-------------------------------*/
.ao_bottom {  
width:418px;  
height:12px;  
margin-bottom:30px; 
	margin-right: 81px;
	margin-left: 81px; 
background:url(../common-image/ao_bottom.jpg) no-repeat;  
}

/*区切り線　線無し「共通」
-------------------------------*/
hr {display:none;}



/*幅418角丸枠　文章エリア　「共通」
-------------------------------*/
.kadomaru {
	width:376px;
	text-align: left;
	margin-right: 21px;
	margin-left: 21px;
 
} 

/*タイトル　バック水色　青文字*/
.title-ao-back {
	background-color: #CCF;
	text-align: center;
	padding-top: 1px;
	padding-left: 1px;
	color: #003399;
	margin-bottom: 14px;
	margin-top: 20px;

}

/*写真　回り込み　右よせ*/
.righttop{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 14px;
} 

/*写真　回り込み　左よせ*/
.lefttop{
	float: left;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 14px;
	margin-left: 0px;
} 


/*幅376角丸枠内「kadomaru」　写真　左右よせ*/
.P-right{
	float:right;
	margin-left: 8px;
}
.P-left{
	float:left;
	margin-right: 8px;
}


 
/*区切り線「文書上」*/
.linetop{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 12px;
	text-align: center;
}



img.aki {  
	margin: 12px;
} 






/*540枠　ドライバーの1日、応募から入社の流れ「共通」
-----------------------------------------------------------------------*/
img.yamamoto{
margin:0px 20px;}


#green-line{
	background: url(../common-image/back-green-line.gif) no-repeat;
	background-repeat: repeat-y;
	width:auto;
	margin:0px 20px;

}

/*タイトル／文字エリア（写真は「righttop」を使用）*/
.green-line-texttitle{
	float: left;
}
.green-line-whit{
	background-color: #FFF;
		}

.green-line-text, .green-line-text-auto{
	margin-left: 32px;
	margin-bottom: 36px;
}
.green-line-text{width:326px;}

.green-line-text-auto{width:auto;}





/*ドライバーの声「contents」
-------------------------------------------------*/

/*年代選択「contents」*/
.drive-age {
	background: url(../common-image/slash.gif);
	background-repeat: repeat;
	text-align: center;
	width:auto;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #003399;
	border-bottom-color: #003399;
	color: #999999;
	margin-top: 4px;
	margin-right: 60px;
	margin-bottom: 40px;
	margin-left: 60px;
}


.voice{
	margin:0px 60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003399;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
}



table.voice-title {
	width:460px;
	margin-top: 2px;
	margin-bottom: 2px;

}
td.title-v-ao {
	text-align: left;
	width:342px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #CCCCFF;
	padding-left: 20px;

}
td.title-v {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;

}

.voice-text{
	margin:10px 60px 40px;

}


/*地域へのサービス「contents」
-------------------------------------------------*/

/*文字エリア「contents」*/
.service-text{
	margin:14px 20px 40px 52px;
}


/*登録　スラッシュバックエリア「service-text」*/
.service-back-slash{
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
	background: url(../common-image/slash.gif);
	background-repeat: repeat;
	margin-top: 14px;

}


/*登録　左右枠「service-back-slash」*/
.service-back-rightleft{
	margin-top: 14px;
}


/*登録　左右「service-back-rightleft」*/
.service-back-slash-text{
	width:301px;
	text-align: left;
	float: left;
	vertical-align: middle;
}

.service-back-slash-bottom{
	width:159px;
	float: right;
	margin-left: 8px;
	vertical-align: bottom;
}


/*登録　下　記入要項「service-text」*/
.service-list {
	text-align: center;
	width:auto;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #003399;
	border-bottom-color: #003399;
	background-color: #CCCCFF;
}



/*文字エリア　要素横並び　アキ30px「service-text」*/
.yokonarabi-a{
	float: left;
	margin-right: 20px;
}