/* -----------------------------------------------------------
CSS Information
 File name:      style.css
 Style Info:     つばさ急便web　一般ページ用CSS
 
 
 このスタイルシートの構成
 ページ
----------------------------------------------------------- */

/*----------------------------------------------------
	一般ページ用
----------------------------------------------------*/


body {
	margin:0px auto 0px auto;
	height:100%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background:url("../img/main_back.gif") repeat-x #fff;
	line-height:1.8em;
	font-size: 11pt;
	color:#4c4c4c;
}


.box {
	min-height:100%;
	height:auto !important;
	height:100%;
	width:950px;
	margin:0px auto 0px auto;
	padding: 0px;
	background-image: url("../img/l_r_bg.gif");
    background-repeat: repeat-y;

}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

a,
a:link {
	color: #103382;
	text-decoration: none;
}
a:visited {
	color: #713360;
	text-decoration: none;
}
a:hover,
a:active {
	color: #b41706;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
th, td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}






/*--------------ヘッダーイメージ---------*/


.hedder_box {
	width: 950px;
    height: 215px;
}


.hedder_bg_l a {/*普通の画像 左フロート*/
    float: left;
	margin: 0px 0px 0px 0px ;
	background:url("../img/hedder_bg_l.jpg");
    width: 739px;
    height: 165px;
	text-indent:-9999px;
	display:block;
}

.hedder_bg_r a {/*一枚だけのロールオーバー画像*/
	float: right;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 211px;
  height: 165px;
  background-image: url("../img/hedder_bg_r.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.hedder_bg_r a:hover {
  text-decoration: none;
  background-image: url("../img/hedder_bg_r.jpg");
  background-position: -212px 0;
  background-repeat: no-repeat;
  
}












/*----------グローバルメニュ---*/
#g_navi {
  margin:0px 0px 0px 0px;
  padding: 0px;
  list-style-type: none; 
  width: 950px;
  height: 50px;
}

#g_navi li {

  width: 190px;
  height: 50px;
  margin: 0;
  padding: 0;
  display: inline;
}

#g_navi a {
  float:left;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 190px;
  height: 50px; 
  background-image: url("../img/g_menu.gif");
  background-repeat: no-repeat;
}

#g_navi01 a { background-position: 0 0; } 
#g_navi02 a { background-position: 0px -50px; }
#g_navi03 a { background-position: 0px -100px; }
#g_navi04 a { background-position: 0px -150px; }
#g_navi05 a { background-position: 0px -200px; }

#g_navi a:hover {
  text-decoration: none;
  background-image: url("../img/g_menu.gif");
  background-repeat: no-repeat;
}

#g_navi01 a:hover{ background-position: -190px 0px; } 
#g_navi02 a:hover{ background-position: -190px -50px; }
#g_navi03 a:hover{ background-position: -190px -100px; }
#g_navi04 a:hover{ background-position: -190px -150px; }
#g_navi05 a:hover{ background-position: -190px -200px; }

#g_navi01_on a{ background-position: -190px 0px; } 
#g_navi02_on a{ background-position: -190px -50px; }
#g_navi03_on a{ background-position: -190px -100px; }
#g_navi04_on a{ background-position: -190px -150px; }
#g_navi05_on a{ background-position: -190px -200px; }

/*-------------グローバルメニュー終わり----*/
/*--------------ヘッダーイメージ終わり---------*/

/*----------------------中ページ設定-------------------*/

.l_r_box { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 950px;
	height: auto
	text-align: left;
	
}


/*----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------左右box高さ指定-----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/


.l_box_00 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 2300px;
	text-align: left;

}

.r_box_00 { 
    /*background: url("../img/main_bg.gif") repeat-y center top;*/
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 2300px;
	text-align: left;
}

.l_box_01 { 
    /*background: url("../img/main_bg.gif") repeat-y center top;*/
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 1863px;
	text-align: left;


}

.r_box_01 { 
    /*background: url("../img/main_bg.gif") repeat-y center top;*/
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 1863px;
	text-align: left;

}

.l_box_02 { 
    /*background: url("../img/main_bg.gif") repeat-y center top;*/
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 800px;
	text-align: left;

}

.r_box_02 { 
    /*background: url("../img/main_bg.gif") repeat-y center top;*/
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 800px;
	text-align: left;

}

.l_box_03 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 1200px;
	text-align: left;

}

.r_box_03 { 
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 1200px;
	text-align: left;


}

.l_box_04 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 3450px;
	text-align: left;


}

.r_box_04 { 
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 3450px;
	text-align: left;

}


.l_box_05 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 800px;
	text-align: left;


}

.r_box_05 { 
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 800px;
	text-align: left;


}


.l_box_06 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 1750px;
	text-align: left;



}

.r_box_06 { 
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 1750px;
	text-align: left;


}


.l_box_07 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 2200px;
	text-align: left;



}

.r_box_07 { 
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 2200px;
	text-align: left;

}


.l_box_08 { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 1400px;
	text-align: left;

}

.r_box_08 { 
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
	height: 1400px;
	text-align: left;

}


/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/


/*----------------ページタイトル----------------*/

#title_01 {/*運送ページタイトル*/
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_01.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}



#title_02 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_02.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}


#title_03 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_03.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}

#title_04 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_04.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}

#title_05 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_05.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}

#title_06 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_06.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}

#title_07 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_07.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}


#title_08 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 680px;
	height: 150px;
   	background: url("../img/title_08.gif") ;
	text-align: center;
	text-indent:-9999px;
	display:block;
	position:relative;
}


/*-----------------フォントと見出し-----------------*/

.midashi_01 {  /*運送ページ運送見出し*/
	margin: 15px 0px 15px 0px ;
	display:block;
	background:url("../img/midashi_01.gif"); 
	background repeat:no-repeat;
    width: 680px;
    height: 63px;
    			background-color: #666666;
}

.midashi_01_txt {
	margin-left: 20px; 
	padding-top: 22px;
	color: #cc0000;
	font-weight: bold;
	font-size: 14pt;

}

.midashi_02 {  /*バナー重ね文字リンク付*/
	margin: 0px 0px 0px 0px ;
	display:block;
	background:url("../img/midashi_02.gif"); 
	background repeat:no-repeat;
    width: 690px;
    height: 50px;
    			background-color: #e8e8e8;
}

.midashi_02_txt  {  
	margin-left: 20px; 
	padding-top: 13px;
	font-size: 13pt;
	line-height: 160%;
}


.b {/*太字 見出し*/
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #047C0F;
	margin: 15px 0px 10px 0px ;
}


.f1 {/*デフォルトのフォント情報はbodyにあり。ここは位置情報のみ*/
	margin: 20px 0px 20px 20px;
	padding: 0px;

}

.txt_bg {
	background-color:#FEFBC8;
	padding: 3px 0px 0px 13px;
	font-size: 11pt;
		text-decoration: none;
}


/*-----------------------左コンテンツ トップページ-----------------*/

.top_img_00 {/*普通の画像　トラック*/
	margin: 0px 0px 0px 0px ;
    width: 680px;
    height: 310px;
   background-image: url("../img/top_img_00.jpg");
	text-indent:-9999px;
	display:block;
}

.top_midashi_01 {/*普通の画像*/
	margin: 0px 0px 0px 0px ;
    width: 680px;
    height: 50px;
   background-image: url("../img/top_midashi_01.gif");
	text-indent:-9999px;
	display:block;
}


.top_img_01 {  /*バナー重ね文字 トップごあいさつ*/
	margin: 15px 0px 10px 0px ;
    width: 680px;
    height: 380px;
    background-image: url("../img/top_img_01.jpg");
	display:block;
	background repeat:no-repeat;
	line-height:2.0em;
}


.top_img_01_txt  {  
	margin-left: 30px; 
	padding-top: 15px;
}


.top_midashi_02 {/*普通の画像*/
	margin: 15px 0px 5px 0px ;
    width: 680px;
    height: 50px;
   background-image: url("../img/top_midashi_02.gif");
	text-indent:-9999px;
	display:block;
}

.top_img_02 {/*普通の画像 取り組み*/
	margin: 15px 0px 5px 0px ;
    width: 680px;
    height: 92px;
   background-image: url("../img/top_img_02.gif");
	text-indent:-9999px;
	display:block;
}


.top_midashi_03 {/*普通の画像*/
	margin: 15px 0px 5px 0px ;
    width: 680px;
    height: 50px;
   background-image: url("../img/top_midashi_03.gif");
	text-indent:-9999px;
	display:block;
}

.top_midashi_04 {/*普通の画像*/
	margin: 15px 0px 5px 0px ;
    width: 680px;
    height: 50px;
   background-image: url("../img/top_midashi_04.gif");
	text-indent:-9999px;
	display:block;
}

dl {/*ボーダー付きボックス*/
	margin: 80px 0px 15px 0px;
	padding: 35px 10px 30px 0px;
	border: 1px #DEB887 solid;
}
dl dt {
	float: left;
	width: 9em;/*各タイトル部分の横幅*/
	padding: 10px 0;
	/*font-weight: bold;*/
	text-indent: 3em;
	line-height: 150%;
}
dl dd {
	padding: 10px 0 10px 10em;/*左にはdt widthの値以上を書く*/
	line-height: 150%;
	border-bottom: 1px #DEB887 dashed;
}




.map_box {
  	width:660px;
	height:415px;    
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
        border-width:1px;
        border-style:solid;
        border-color:#999999;
	background-color: #FFFFFF;
}


/*-----------------------左コンテンツ 中ページ-----------------*/

.box_u {
	margin: 0px 20px 0px 0px ;
	display:block;
	background:url("../img/u.gif"); 
	background repeat:no-repeat;
    width: 680px;
    height: 40px;

}

.box_m {  
	margin:0px 20px 0px 0px ;
	display:block;
	background:url("../img/m.gif"); 
	background repeat:repeat-y;
    width: 680px;
    height: auto;

}

.box_m_txt  {  
	margin-left: 30px; 
	padding-top: 0px;
		margin-right: 30px; 
	font-size: 13pt;
			line-height:2.0em;
}

.box_b {
	margin: 0px 20px 0px 0px ;
	display:block;
	background:url("../img/b.gif"); 
	background repeat:no-repeat;
    width: 680px;
    height: 40px;

}








/*-----------写真画像-----------*/


.img_par_01{/*普通の画像*/
	margin: 0px 0px 0px 0px ;
	background:url("../img/img_par_01.jpg");
    width: 680px;
    height: 424px;
	text-indent:-9999px;
	display:block;
}

.img_sha_03{/*普通の画像 右フロート*/
	float: left;
	margin: 0px 15px 10px 0px ;
	background:url("../img/img_sha_03.jpg");
    width: 237px;
    height: 322px;
	text-indent:-9999px;
	display:block;
}


.img_car_01{/*普通の画像 左フロート*/
    float: left;
	margin: 5px 5px 0px 5px ;
	background:url("../img/img_car_01.png");
	background repeat:no-repeat;
    width: 372px;
    height: 285px;
	text-indent:-9999px;
	display:block;
}

.img_car_02{/*普通の画像 右フロート*/
    float: right;
	margin: 5px 0px 50px 10px ;
	background:url("../img/img_car_02.png");
	background repeat:no-repeat;
    width: 362px;
    /*width: 372px;*/
    height: 304px;
	text-indent:-9999px;
	display:block;
}

.img_car_03{/*普通の画像 右フロート*/
    float: left;
	margin: 5px 5px 0px 5px ;
	background:url("../img/img_car_03.png");
	background repeat:no-repeat;
    width: 372px;
    height: 304px;
	text-indent:-9999px;
	display:block;
}

.img_car_04{/*普通の画像 右フロート*/
    float: right;
	margin: 5px 0px 5px 5px ;
	background:url("../img/img_car_04.png");
	background repeat:no-repeat;
    width: 322px;
    height: 371px;
	text-indent:-9999px;
	display:block;
}


.img_car_05{/*普通の画像 右フロート*/
    float: left;
	margin: 0px 5px 130px 0px ;
	background:url("../img/img_car_05.png");
	background repeat:no-repeat;
    width: 222px;
    height: 232px;
	text-indent:-9999px;
	display:block;
}

.img_kan{/*普通の画像 右フロート*/
    float: right;
	margin: 5px 0px 5px 15px ;
	background:url("../img/img_kan.png");
	background repeat:no-repeat;
    width: 195px;
    height: 272px;
	text-indent:-9999px;
	display:block;
}

.img_bill{/*普通の画像 右フロート*/
    float: left;
	margin: 5px 5px 0px 5px ;
	background:url("../img/img_bill.jpg");
	background repeat:no-repeat;
    width: 479px;
    height: 504px;
	text-indent:-9999px;
	display:block;
}

.img_par_02{/*普通の画像*/
	margin: 0px 0px 0px 0px ;
	background:url("../img/img_par_02.png");
    width: 680px;
    height: 133px;
	text-indent:-9999px;
	display:block;
}


.arrow {/*普通の画像*/
	margin: 8px 0px 8px 320px ;
	padding: 0px 0px 0px 0px;
	background:url("../img/arrow.gif");
    width: 75px;
    height: 27px;
	text-indent:-9999px;
	display:block;
}

.arrow_02 {/*普通の画像*/
	margin: 10px 0px 10px 100px ;/*100*/
	padding: 0px 0px 0px 0px;
	background:url("../img/arrow.gif");
    width: 75px;
    height: 27px;
	text-indent:-9999px;
	display:block;
}

.arrow_03 {/*普通の画像*/
	margin: 10px 0px 10px 400px ;/*400*/
	padding: 0px 0px 0px 0px;
	background:url("../img/arrow.gif");
    width: 75px;
    height: 27px;
	text-indent:-9999px;
	display:block;
}


.rec_syokai {/*普通の画像*/
	margin: 0px 0px 50px 0px ;/*400*/
	padding: 0px 0px 0px 0px;
	background:url("../img/rec_syokai01.gif");
    width: 680px;
    height: 125px;
	text-indent:-9999px;
	display:block;
}

/*---------------------------------*/

#all_bana a {/*一枚だけのロールオーバー画像*/
  margin:50px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 680px;
  height: 215px;
  background-image: url("../img/all_bana.gif");
  background-position: 0 0;
  background-repeat: no-repeat;

}

#all_bana a:hover {
  text-decoration: none;
  background-image: url("../img/all_bana.gif");
  background-position: -680px 0;
  background-repeat: no-repeat;

}


.all_link {

}

.page_top {
	/*float: right;*/
	margin: 10px 0px 5px 535px;
	padding: 0px;
	width: 680px;
    height: 20px;
	font-size: 9pt;
}

.txt_right {
	/*float: right;*/
	margin: 10px 0px 20px 550px;
	padding: 0px;
	width: 680px;
    height: 100px;
	font-size: 9pt;
}


.bottom_link {
	margin: 15px 0px 20px 10px;
	padding: 0px;
	width: 670px;
    height: 15px;
	font-size: 9pt;
}

.all_link a,
.all_link a:link {
	text-decoration: underline;
	color:#4c4c4c;
}
.all_link a:visited {
	text-decoration: underline;
	color:#4c4c4c;
}
.all_link a:hover,
.all_link a:active {
	text-decoration: underline;
	color:#cc0000;
}

/*----------------サイドメニュー-------------*/

#sidemenu {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
  width: 215px;
  height: 364px;
}

#sidemenu li {
  width: 215px;
  height: 91px;
  margin: 0px;
  padding: 0px;
  display: inline;
}

#sidemenu a {
  text-indent: -9999px;
  display: block;
  text-decoration: none;
  width:215px;
  height:91px; 
  background-image: url("../img/sidemenu03.gif");
  background-repeat: no-repeat;
}

#sidemenu_01 a { background-position: 0 0; } 
#sidemenu_02 a { background-position: 0 -91px; }
#sidemenu_03 a { background-position: 0 -182px; }
#sidemenu_04 a { background-position: 0 -273px; }


#sidemenu a:hover {
  text-decoration: none;
  background-image: url("../img/sidemenu03.gif");
  background-repeat: no-repeat;
}

#sidemenu_01 a:hover { background-position: -215px 0; } /*入替え画像の位置を指定*/
#sidemenu_02 a:hover { background-position: -215px -91px; }
#sidemenu_03 a:hover { background-position: -215px -182px; }
#sidemenu_04 a:hover { background-position: -215px -273px; }


#sidemenu_01_on a{ background-position: -215px 0; } /*該当ページに居る時バナー反転*/
#sidemenu_02_on a{ background-position: -215px -91px; }
#sidemenu_03_on a{ background-position: -215px -182px; }
#sidemenu_04_on a{ background-position: -215px -273px; }


/*------------サイドメニュー終わり---------*/




/*----------------------フッター-------------------*/
#footer_bg {/*ページ一番上部に記載*/	
	/*width: 100%;*/
	height:auto !important;
	background:url("../img/footer_bg.gif") repeat-x ;
	background-position:0% 100%;
	margin:0 auto -167px auto;
}


.footer {
	width:950px;
	height:207px;
	text-decoration:none;

}


.footer_box a {
  position:relative;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 950px;
  height: 167px;
  background-image: url("../img/footer.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.footer_box a:hover {
  text-decoration: none;
  background-image: url("../img/footer.jpg");
  background-position: -950px 0;
  background-repeat: no-repeat;
  
}


.cp {
	width: 950px;
    height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 0px 0px;
	text-align: right;
	font-size:9pt;
    background-color:#FFFFFF;

}	

/*----------------- フッター終わり----------------*/

.clear {
	clear: both;
}