/* CSS Document */

@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #666666;
	font-size: 80%;
	line-height: 150%;
	text-align: center;
}

#wrapper {
	width: 782px;
	*height: 80%;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFFFFF url(../images/back.gif) repeat-y;
	border-left: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	text-align: left;
}

.clear {
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0%;
	clear: both;
}


/* リンク
---------------------------------------------------- */
a:link,
a:visited {
	color: #356bc4;
	text-decoration: none;
	background: transparent;
	overflow: hidden;
}
a:hover	{
	color: #356bc4;
	text-decoration: underline;
	background: transparent;
}



/* ヘッダ
---------------------------------------------------- */
#header {
	width: 782px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	position: relative;
}

#zerologo {
	top: 0px;
	left: 0px;
	width: 47px;
	margin: 7px 20px 0 34px;
	padding: 0;
	position: absolute;
}

h1 {
	top: 63px;
	left: 680px;
	width: 90px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#pankuzu {
	top: 83px;
	left: 208px;
	width: 450px;
	margin: 0;
	padding: 0;
	font-size: 85%;
	position: absolute;
}
/*　デフォのフォントサイズはM　*/
#fontsize {
	top: 85px;
	left: 677px;
	width: 94px;
	height: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 5px;
	line-height: 5px;
	text-indent: -9999px;
	background: url(../images/btn_fontsize.gif) no-repeat;
}
#fontsize ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#fontsize li {
	height: 12px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#fontsize li#font_s {
	top: 0px;
	left: 51px;
	width: 13px;
	position: absolute;
}
#fontsize li#font_m {
	top: 0px;
	left: 66px; 
	width: 13px;
	position: absolute;
	background: url(../images/btn_fontsize.gif) -66px -12px;
}
#fontsize li#font_l {
	top: 0px;
	left: 81px;
	width: 13px;
	position: absolute;
}
#fontsize li a {
	height: 12px;
	text-decoration: none;
	display: block;
}
#fontsize li#font_s a:hover {
	background: url(../images/btn_fontsize.gif) -51px -12px;
}
#fontsize li#font_m a:hover {
	background: url(../images/btn_fontsize.gif) -66px -12px;
}
#fontsize li#font_l a:hover {
	background: url(../images/btn_fontsize.gif) -81px -12px;
}

/* ページ本体
---------------------------------------------------- */
#pagebody {
	margin: 0;
	padding: 0;
	width: 782px;
}



/* コンテンツ
---------------------------------------------------- */
#content {
	width: 565px;
	margin: 0;
	padding: 0 10px 0 0;
	float: right;
}
/*
#content h2 {
	width: 565px;
	height: 214px;
	margin: 0; 
	padding: 0;
	background: url(../images/img_transtop.jpg) no-repeat;
	text-indent: -9999px;
}
*/
#mainArea {
	width: 565px;
	margin: 0; 
	padding: 0;
}



/* ナビゲーション
---------------------------------------------------- */
#navigation {
	width: 190px;
	margin: 0;
	padding: 0 0 0 11px;
	float: left;
	background-color: #FFFFFF;
	font-size: 5px;
	line-height: 5px;
}

#navigation01 {
	width: 190px;
}
#navigation01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation01 li {
	width: 190px;
	height: 29px;
	margin: 0 0 1px 0;
	padding: 0;
	text-indent: -9999px;
}
#navigation01 li a {
	width: 190px;
	height: 29px;
	text-decoration: none;
	display: block;
}

#navigation01 li#home {
	background: url(../images/mn_home.gif) no-repeat;
}
#navigation01 li#home a:hover {
	background: url(../images/mn_home_on.gif) no-repeat;
}
#navigation01 li#home-act {
	background: url(../images/mn_home_on.gif) no-repeat;
}
#navigation01 li#home-act a:hover {
	background: url(../images/mn_home_on.gif) no-repeat;
}

#navigation01 li#service {
	background: url(../images/service.gif) no-repeat;
}
#navigation01 li#service a:hover {
	background: url(../images/service_on.gif) no-repeat;
}
#navigation01 li#service-act {
	background: url(../images/service_on.gif) no-repeat;
}
#navigation01 li#service-act a:hover {
	background: url(../images/service_on.gif) no-repeat;
}

#navigation01 li#warehouse {
	background: url(../images/warehouse.gif) no-repeat;
}
#navigation01 li#warehouse a:hover {
	background: url(../images/warehouse_on.gif) no-repeat;
}
#navigation01 li#warehouse-act {
	background: url(../images/warehouse_on.gif) no-repeat;
}
#navigation01 li#warehouse-act a:hover {
	background: url(../images/warehouse_on.gif) no-repeat;
}

#navigation01 li#safety {
	background: url(../images/safety.gif) no-repeat;
}
#navigation01 li#safety a:hover {
	background: url(../images/safety_on.gif) no-repeat;
}
#navigation01 li#safety-act {
	background: url(../images/safety_on.gif) no-repeat;
}
#navigation01 li#safety-act a:hover {
	background: url(../images/safety_on.gif) no-repeat;
}

#navigation01 li#policy {
	background: url(../images/policy.gif) no-repeat;
}
#navigation01 li#policy a:hover {
	background: url(../images/policy_on.gif) no-repeat;
}
#navigation01 li#policy-act {
	background: url(../images/policy_on.gif) no-repeat;
}
#navigation01 li#policy-act a:hover {
	background: url(../images/policy_on.gif) no-repeat;
}

#navigation02 {
	width: 190px;
}
#navigation02 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation02 li {
	width: 190px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#navigation02 li a {
	width: 190px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
}
#navigation02 li#corporate {
	background: url(../images/mn_corporate.gif) no-repeat;
}
#navigation02 li#corporate a:hover {
	background: url(../images/mn_corporate_on.gif) no-repeat;
}
#navigation02 li#corporate-act {
	background: url(../images/mn_corporate_on.gif) no-repeat;
}
#navigation02 li#corporate-act a:hover {
	background: url(../images/mn_corporate_on.gif) no-repeat;
}
#navigation02 li#contact {
	background: url(../images/mn_contact.gif) no-repeat;
}
#navigation02 li#contact a:hover {
	background: url(../images/mn_contact_on.gif) no-repeat;
}
#navigation02 li#contact-act {
	background: url(../images/mn_contact_on.gif) no-repeat;
}
#navigation02 li#contact-act a:hover {
	background: url(../images/mn_contact_on.gif) no-repeat;
}



/* フッタ
---------------------------------------------------- */
#footer {
	width: 782px;
	*width: 784px;
	height: 10%;
	min-height: 120px;
	*height: 20%;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
	background: #FFFFFF url(../images/foot_bg.gif) no-repeat 11px 0px;
	border-left: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	font-size: 5px;
	line-height: 5px;
}

#footer #gototop a {
	top: 38px;
	left: 690px;
	width: 75px;
	height: 8px;
	margin:0;
	padding:0;
	position: absolute;
	text-indent: -9999px;
	background: url(../images/foot_gototop.gif) no-repeat 0px 0px;
}
#footer #gototop a:hover {
	background: url(../images/foot_gototop.gif) no-repeat 0px -8px;
}

#footer #group a {
	top: 75px;
	left: 592px;
	width: 180px;
	height: 10px;
	margin:0;
	padding:0;
	position: absolute;
	text-indent: -9999px;
	background: url(../images/foot_zerogroup.gif) no-repeat;
}


#footer #jpcopy {
	top: 45px;
	left: 11px;
	width: 415px;
	height: 8px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	background: url(../images/foot_jpcopy.gif) no-repeat;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#footer li a {
	top: 60px;
	height: 8px;
	position: absolute;
	display: block;
}
#footer li#contact a {
	left: 11px;
	width: 47px;
	background: url(../images/foot_contact.gif) no-repeat;	

}
#footer li#entry a {
	left: 58px;
	width: 84px;
	background: url(../images/foot_entry.gif) no-repeat;	

}
#footer li#privacy a {
	left: 142px;
	width: 95px;
	background: url(../images/foot_privacy.gif) no-repeat;	

}
/* hover */
#footer li#contact a:hover {
	background: url(../images/foot_contact.gif) no-repeat 0px -8px;
}
#footer li#entry a:hover {
	background: url(../images/foot_entry.gif) no-repeat 0px -8px;
}
#footer li#privacy a:hover {
	background: url(../images/foot_privacy.gif) no-repeat 0px -8px;
}

#footer #copy {
	top: 75px;
	left: 11px;
	width: 228px;
	height: 8px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	background: url(../images/foot_copy.gif) no-repeat;
}