/***********************************************************
	PJ: 			手塚運輸
	PATH:			/assets/styles/default.css
	DESCRIPTION:	デフォルト　スタイルシート
************************************************************/


/* インポート
---------------------------------------------------------- */

@import url(top.css);
@import url(thickbox.css);
@import url(introduction.css);
@import url(onestop_service.css);
@import url(delivery.css);
@import url(recruit.css);
@import url(car.css);
@import url(map.css);
@import url(media_service.css);
@import url(album.css);
@import url(cost.css);
@import url(choise.css);
@import url(pride.css);
@import url(rental.css);
@import url(misc.css);
@import url(sitemap.css);

/* リセット
---------------------------------------------------------- */
*{
	margin:				0;
	padding:			0;
	font-size: 			100%;
}
html{
	height:				100%;
}
html>/**/body{
	overflow:			-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:			100%;
	padding-bottom:		1px;
}
/* タグの再定義
---------------------------------------------------------- */
body {
	font-family: 				'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	margin:						0;
	padding:					0;
	text-align:					center;
	color:						#333333;
	background:					url(../images/backImage.gif) 0 0 repeat;
	font-size:					9pt;

}
ul {
	list-style-type:			none;
}
img {
	border: 					none;
	vertical-align: 			bottom;
}
p {
	margin-bottom:				10px;
}
a {
	outline:					none;
	color:						#333;
	text-decoration:			none;
}
a:hover {
	color:						#0471f8;
}
table {
	border-collapse:			collapse;
}
a:hover {
	text-decoration:			underline;
}
label, button {
	cursor:						pointer;
}
address {
	font-style:					normal;
	color:						#19194c;
	font-size:					9pt;
	text-align:					center;
}
/* 共通レイアウト
---------------------------------------------------------- */
#header {
	text-align:					left;
	width:						990px;
	background:					url(../images/headerImage.gif) 0 0 no-repeat;
	height:						140px;
	margin:						0 auto;
	position:					relative;
}
#header * {
	text-indent:				-10000em;
	font-size:					0.1px;
	line-height:				0.1px;
}
#header h1 a {
	display:					block;
	position:					absolute;
	top:						33px;
	left:						16px;
	/*border:						1px solid #000;*/
	width:						480px;
	height:						105px;
}
#contents:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
	text-align:					left;
	margin:						0 auto;
}
#contents {
	zoom:						100%;
	clear:						both;  
	text-align:					left;
	margin:						0 auto;
	width:						990px;
	background:					url(../images/contentsBackImage.gif) 0 0 repeat-y;
	line
}
#mainArea {
	float:						right;
	width:						730px;
	margin-top:					16px;
}
#contentsInner:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
	text-align:					left;
	margin:						0 auto;
}
#contentsInner {
	zoom:						100%;
	margin-right:				39px;
	
}
#mainAreaInner {
	width:						525px;
	float:						left;
	line-height:				2em;
}
#mainAreaInner a {
	color:						#0471F8;
}
.mainInnerUnit {
	margin-left:				7px;
	margin-bottom:				32px;
}

#mainAreaInner h2 {
	background:					url(../images/mainTitleBack.gif) 0 0 no-repeat;
	height:						32px;
	overflow:					hidden;
	margin-bottom:				12px;
	color:						#fff;
	font-size:					12pt;
	padding-top:				6px;
	padding-left:				12px;
	width:						540px;
	/*text-indent:				-10000em;
	font-size:					0.1px;
	line-height:				0.1px;
	height:						32px;*/
}
#mainAreaInner h3 {
	/*background:					url(../images/arrow2.gif) 0 50% no-repeat;
	border-top:					1px solid #f0d305;
	border-bottom:				1px solid #f0d305;
	background-color:			#fefdd8;*/
	border-left: double 8px #f0d305;
	padding-left:				5px;
	color:						#212152;
	margin-bottom:				12px;
	font-size: 10.5pt;
}
.mainInnerUnit h4 {
	font-size: 					11pt;
	color: 						#353576;
	font-weight: 				bold;
	margin: 					10px 0;
}
.unitInner {
	margin:						21px 0 40px 0;
}
.mainInnerUnit .unitInner a {
	color:						#212152;
}
#mainAreaInner dl {
	margin-bottom:				1em;
}
#mainAreaInner dl dt a {
	color:						#212152;
}
#mainAreaInner dl dt {
	background:					url(../images/deltaIcon.gif) 0 6px no-repeat;
	color:						#353576;
	padding-left:				25px;
	text-indent:				-15px;
}
#mainAreaInner dl dd {
	margin-left:				12px;
	margin-bottom:				10px;
}

table.pattern1 {
	border-collapse: collapse;
	border:	solid 1px #17174B;
}

table.pattern1 thead th {
	background-color:	#dadaef;
	border: solid 1px #17174b;
	padding: 5px;
}

table.pattern1 tbody th {
	background-color:	#dadaef;
	width: 20%;
	border: solid 1px #17174b;
	padding: 5px;
}

table.pattern1 tbody td {
	background-color: #FFF;
	border: solid 1px #17174b;
	padding: 5px;
}
p.lead {
		color:					#353576;
	font-size:					12pt;
	margin:						10px 0;
	padding:					0 0 0 10px;
	font-weight:				bold;
	border-left: 				solid 5px #353576;
}

/* メイン右エリア
--------------------------------*/
#mainAreaSide {
	float:						right;
	width:						140px;
}
#mainAreaSide a {
	color:						#212152;
}
#mainAreaSide a:hover {
	color:						#0471F8;
}
#mainAreaSideInner {
	background-color:			#e9e9f4;
	margin-bottom:				40px;
}

#innerMenu {
	border:						1px solid #fff;
	margin:						2px;
}
#innerMenu ul {
	width:						;
}
#innerMenu ul li {
	background:					url(../images/innerMenuArrow01.gif) 0 50% no-repeat;
	border-bottom:				1px solid #fff;
	padding:					5px;
	padding-left:				14px;
	margin:						5px;
	margin-bottom:				3px;
	font-size:					9pt;
}
#innerMenu ul li.yellowArrow {
	background:					url(../images/innerMenuArrow02.gif) 0 50% no-repeat;
}
ul#pdfArea {
	margin-top:					25px;
	margin-bottom:				40px;
}
ul#pdfArea li {
	border-left:				3px solid #4d4d82;
	border-bottom:				1px solid #cccccc;
	background:					url(../images/pdfIcon.gif) 6px 50% no-repeat;
	min-height:					30px;
	padding-left:				30px;
	margin-bottom:				8px;
	font-size:					9pt;
	line-height:				1.5em;
}
* html ul#pdfArea li {
	padding: 7px 0 0 30px;
}
#bnrArea:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
	text-align:					left;
	margin:						0 auto;
}
#bnrArea {
	zoom:						100%;
	margin-bottom:	30px;
}
#bnrArea img{
	vertical-align:				bottom;}
#bnrArea p {
	float:						left;
	margin-right:				10px;
}

.topReturn  {
	text-align:					right;
	margin-top:					20px;
}
.topReturn a {
	font-size:					9pt;
	color:						#0471f8;
}
#breadCrumb a{
	font-size:					9pt;
	color:						#0471f8;

}

.sideBnr {
	text-align:					center;
}

#bnrSpace {
	margin: 25px 0 0 0;
}

#footer {
	width:						990px;
	background-color:			#fff;
	margin:						0 auto;
	background:					url(../images/footerBack.gif) 0 0 repeat-y;
	font-size:					8pt;
	padding-bottom:				50px;
	color:						#cccccc;
}
/*#footer a {
	color:						#cccccc;
}*/
#footerInner {
	border-top:					1px solid #1a1a4d;
	padding:					8px;
	margin:						0 5px;
	text-align:					center;
}

/*　サイドメニュー
--------------------------------*/
#sideMenu {
	float:						left;
	width:						217px;
	font-size:					12pt;
}

#sideMenu ul li {
	background:					url(../images/sideMenuIcon.gif) 20px 10px no-repeat;
	line-height:				1em;
	border-bottom:				1px solid #cccccc;
	padding:					8px 0 8px 36px;
	font-weight:				bold;
}
#sideMenu ul li span.little {
	font-size:					8.5pt;
}
#sideMenu .listInner {
	margin-top:					5px;
}
#sideMenu .listInner li {
	background:					none;
	border:						none;
	padding:					0;
}
#sideMenu li.starIcon {
	background:					none;
	padding-left:				17px;
}
#sideMenu li.starIcon a span {
	color:						#cc0000;
}
#sideMenu #sideSserviceMenu,
#sideMenu #sideDeliveryTitle,
#sideMenu #sideOnestopTitle,
#sideMenu #sideMediaTitle {
	text-indent:				-10000em;
	font-size:					0.1px;
	line-height:				0.1px;
	height:						41px;
}
#sideMenu #sideSserviceMenu {
	background:					url(../images/serviceMenuTitle.gif) 0 0 no-repeat;
	height:						33px;
}
#sideMenu #sideDeliveryTitle {
	background:					url(../images/deliveryServiceTitle.gif) 0 0 no-repeat;
}
#sideMenu #sideOnestopTitle  {
	background:					url(../images/oneStopTitle.gif) 0 0 no-repeat;
}

#sideMenu #sideMediaTitle  {
	background:					url(../images/mediaServiceTitle.gif) 0 0 no-repeat;
}
#sideMenu h3 a,
#sideMenu h4 a {
	display:					block;
	text-indent:				-10000em;
	line-height:				0.1px;
	font-size:					0.1px;
}
#sideMenu h3 a {
	height:						32px;
}
#sideMenu h4 a {
	width:						217px;
	height:						39px;
}

#sideInfo {
	background:					url(../images/infoBnr.gif) 50% 0 no-repeat;
	height:						114px;
	margin-top:					20px;
}
#sideInfo * {
	text-indent:				-10000em;
	font-size:					0.1px;
	line-height:				0.1px;
}

/* グローバルナヴィゲーション
-----------------------------------------*/
#g-nav {
	background:					url(../images/navBackImage.gif) 0 0 repeat-x;
	height:						54px;
}
#g-navInner {
	width:						990px;
	margin:						0 auto;
}
#g-navInner ul li {
	float:						left;
}
#g-navInner ul li a {
	float:						left;
	display:					block;
	background:					url(../images/g-nav.gif) 0 0 no-repeat;
	height:						54px;
	text-indent:				-10000em;
	font-size:					0.1px;
	line-height:				0.1px;
}

#g-navInner ul li#g-nav01 a {
	background-position:		0 0;
	width:						99px;
}
#g-navInner ul li#g-nav02 a  {
	background-position:		-99px 0;
	width:						107px;
}
#g-navInner ul li#g-nav03 a {
	background-position:		-207px 0;
	width:						109px;
}
#g-navInner ul li#g-nav04 a {
	background-position:		-317px 0;
	width:						118px;
}
#g-navInner ul li#g-nav05 a {
	background-position:		-435px 0;
	width:						107px;
}
#g-navInner ul li#g-nav06 a {
	background-position:		-542px 0;
	width:						103px;
}
#g-navInner ul li#g-nav07 a {
	background-position:		-645px 0;
	width:						116px;
}
#g-navInner ul li#g-nav08 a {
	background-position:		-761px 0;
	width:						107px;
}
#g-navInner ul li#g-nav09 a {
	background-position:		-868px 0;
	width:						122px;
}

/* hover時挙動 */
#g-navInner ul li#g-nav01 a:hover {
	background-position:		0 -64px;
	width:						99px;
}
#g-navInner ul li#g-nav02 a:hover,
body#introduction #g-navInner ul li#g-nav02 a {
	background-position:		-99px -64px;
	width:						107px;
}
#g-navInner ul li#g-nav03 a:hover,
body#car #g-navInner ul li#g-nav03 a {
	background-position:		-207px -64px;
	width:						109px;
}
#g-navInner ul li#g-nav04 a:hover {
	background-position:		-317px -64px;
	width:						118px;
}
#g-navInner ul li#g-nav05 a:hover,
body#map #g-navInner ul li#g-nav05 a {
	background-position:		-435px -64px;
	width:						107px;
}
#g-navInner ul li#g-nav06 a:hover,
body#qa #g-navInner ul li#g-nav06 a {
	background-position:		-542px -64px;
	width:						103px;
}
#g-navInner ul li#g-nav07 a:hover,
body#recruit #g-navInner ul li#g-nav07 a {
	background-position:		-645px -64px;
	width:						116px;
}
#g-navInner ul li#g-nav08 a:hover,
body#contact #g-navInner ul li#g-nav08 a {
	background-position:		-761px -64px;
	width:						107px;
}
#g-navInner ul li#g-nav09 a:hover,
body#sitemap #g-navInner ul li#g-nav09 a {
	background-position:		-868px -64px;
	width:						122px;
}



/* 共通クラス
-----------------------------------------*/
.note {
	font-size:					8pt;
}
ul.outLink li {
	background:					url(../images/outLink.gif) 0 50% no-repeat;
	padding-left:				25px;
}
.pdf_dl li {
	display:					block;
	background:					url(../images/pdfIcon.gif) no-repeat scroll 6px 50%;
	padding-left:				35px;
	margin-bottom:				10px;
}

ol#questions {
	margin:						0 0 30px 45px;
}

body#qa #mainAreaInner dl dt {
	background:					url(../images/deltaIcon.gif) 0 6px no-repeat;
	color:						#353576;
	padding-left:				45px;
	text-indent:				-30px;
}