@charset "utf-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
width: device-width;
background-color: #ffffff; /* 全体の背景色 */
color: #333333; /* 全体の文字色 */
font-size: nomal; /* 全体の文字サイズ */
}

img {
width: 98%;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #c07100; }
a:active { color: #c07100; }



/****★メニュー全体****/
#menu{
	/*配置*/
	position: fixed;
	top: 0;
	left: 0;
	width: 98%;
	height: 98%;
	pointer-events: none;
	z-index: 100;
}

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 80px;
	height: 80px;
	/*配置*/
	overflow: hidden;
	position: absolute;
	right: 1px;
}

#menu .menuopen{
	/*配置*/
	display: block;
	width: 98%;
	max-width: 600px;
	height: 98%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
	/*配置*/
	display: none;
	width: 98%;
	max-width: 600px;
	height: 98%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background: rgba(240,255,255,1);
	width: 90%;
	max-width: 540px;
	/*配置*/
	position: absolute;
	top: 80px;/*#menu divの高さ*/
	right: 0;
	padding: 50px 0 50px 15px;
	display: none;
        list-style-type: none;
        text-align: left;
}

#menu li{
	/*デザイン*/
	padding: 20px 0 30px 10px;
	color: rgba(0,35,35,1);
	font-size: x-large;
	border-bottom: 0px rgba(255,255,255,0) solid;
	/*配置*/
	pointer-events: auto;
}

#menu li a{
	text-decoration: none;
	color: #000000;
}


/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}

/*** メインエフェクト ***/
#main{
	/*アニメーション*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#menu:target ~ #main{
	-webkit-filter:blur(1px);
	-moz-filter:blur(1px);
	-ms-filter:blur(1px);
	filter:blur(1px);
}

/***　◆↑↑menu↑↑◆　***/


/* --- ▼ヘッダ内の設定開始 --- */

#header{
width: device-width;
max-width: 1000px;
margin: 0 auto; 
background-color: #ffffff;
}

#header p {
margin: 0; 
padding: 3px 80px 0px 10px; 
font-size: xx-small;
color: #999999;
}

#header h1 {
margin: 0 auto;
padding: 0;
}

#header div {
margin: 20px 0;
padding: 10px 0px;
background-color: #00cccc;
border-top: 3px #ffff00 solid;
border-bottom: 3px #ffff00 solid;
color: #ffffff;
font-size: nomal;
font-weight: bold;
}



/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#container {
width: 98%;
max-width: 980px;
margin: 50px auto;
padding: 0;
background-color: #ffffff;
text-align: center;
}


#container hr {
margin: 20px 0;
border-color: #000000;
}

#container div {
width: 98%;
margin: 0 auto;
font-size: nomal;
line-height: 150%;
}

#container div div {
width: 95%;
margin: 0;
font-size: nomal;
line-height: 150%;
text-align: left;
}

#container div ul {
width: 90%;
margin: 0 auto 50px;
font-size: nomal;
line-height: 150%;
text-align: left;
list-style: url(../img/bo_r.gif);
}

#container div ul li {
margin: 5px 0;
}


#container div h2 {
margin: 10px 0;
padding: 5px 0 5px 10px;
width: 98%;
font-size: large;
color: #ff191d;
font-weight: bold;
background: #f6ff00;
text-align: left;
}

/*-- page01 --*/
#container div ul.page01 {
width: 95%;
margin: 0 auto 50px;
font-size: nomal;
line-height: 150%;
text-align: left;
list-style: url(../img/li.gif);
}

#container div ul.page01 li {
margin: 5px 25px 10px 0;
float: left;
}

#container div ul.page01 li a {
text-decoration: none;
}


#container div.ba {
margin: 50px auto;
padding: 10px 10px 220px 5px;
width: 95%;
color: #333333;
font-size: nomal;
text-align: left;
line-height: 180%;
background-color: #ffffff;
border: 2px #3300cc solid;
background: url(../img/ba_rk.jpg) no-repeat right bottom;
}

/*-- bat01 --*/
#container div.bat01 {
margin: 5px 0;
padding: 0;
}
#container div.bat01 p {
margin: 10px 0 0;
font-size: small;
color: #333333;
text-align: left;
}
#container div.bike {
margin: 5px 1px;
padding: 5px 0px;
font-size: x-small;
width: 32%;
max-width: 320px;
height: auto;
border: 1px #666666 solid;
float: left;
}
#container div.bike p.b_00 {
margin: 0;
padding: 0 0 5px 0;
font-size: small;
height: 30px;
}
#container div.bike p.b_01 {
margin: 0 0 15px 0;
padding: 3px 1px;
color: blue;
background-color: yellow;
font-size: large;
font-weight: bold;
line-height: 100%;
}
#container div.bike p.b_02 {
margin: 8px 0;
font-size: x-large;
color: red;
font-weight: bold;
text-align: center;
}
#container div.bike p.b_03 {
margin: 0;
text-align: right;
padding: 0 0 5px 0;
font-size: small;
}

/*-- bat02 --*/
#container div.bat02 {
margin: 10px 0;
padding: 0;
}
#container div.bat02 p {
margin: 10px 0 0;
font-size: small;
color: #333333;
text-align: left;
}
#container div.car {
margin: 5px 1px;
padding: 5px 0px;
font-size: small;
width: 32%;
max-width: 320px;
height: auto;
border: 1px #666666 solid;
float: left;
}
#container div.car h5 {
margin: 5px 0;
padding-left: 5px;
font-size: small;
text-align: left;
line-height: 80%;
}
#container div.car div {
margin: 5px auto 10px;
padding: 0;
width: 90%;
height: 60px;
font-size: small;
text-align: left;
}
#container div.car p.b_01 {
margin: 0 0 15px 0;
padding: 3px 1px;
color: blue;
background-color: yellow;
font-size: large;
font-weight: bold;
line-height: 100%;
}

#container div.car p.b_02 {
margin: 8px 0;
font-size: x-large;
color: red;
font-weight: bold;
text-align: center;
}

#container div.car p.b_03 {
margin: 0;
text-align: right;
padding: 0 0 5px 0;
font-size: small;
}

#container table.carb {
margin: 5px auto 50px;
padding: 0px;
font-size: small;
width: 98%;
height: auto;
border: 1px #666666 solid;
border-collapse: collapse;
}
#container table.carb th {
margin: 0 0 15px 0;
padding: 7px 0px;
font-size: large;
font-weight: bold;
text-align: center;
vertical-align: middle;
background-color: #0066cc;
line-height: 100%;
color: #ffffff;
}
#container table.carb td.w {
margin: 0 0 15px 0;
padding: 7px 0px;
font-size: large;
text-align: center;
vertical-align: middle;
line-height: 100%;
background-color: #ffffff;
border-right: 1px solid #666666;
}
#container table.carb td.b {
margin: 0 0 15px 0;
padding: 7px 0px;
font-size: large;
text-align: center;
vertical-align: middle;
line-height: 100%;
background-color: #D8EBFF;
border-right: 1px solid #666666;
}
#container table.carb td.ws {
margin: 0 0 15px 0;
padding: 7px 0px;
text-align: center;
vertical-align: middle;
line-height: 100%;
background-color: #ffffff;
border-right: 1px solid #666666;
}
#container table.carb td.bs {
margin: 0 0 15px 0;
padding: 7px 0px;
text-align: center;
vertical-align: middle;
line-height: 100%;
background-color: #D8EBFF;
border-right: 1px solid #666666;
}



#container table.car {
margin: 5px auto 50px;
padding: 0px;
font-size: small;
width: 98%;
height: auto;
border: 1px #666666 solid;
border-collapse: collapse;
}
#container table.car td {
margin: 0 0 15px 0;
padding: 7px 0px;
color: blue;
font-size: large;
font-weight: bold;
line-height: 100%;
border: 1px solid #666666
}

#container table.car p.b_02 {
margin: 8px 0;
font-size: x-large;
color: red;
font-weight: bold;
text-align: center;
}

#container table.car p.b_03 {
margin: 0;
text-align: right;
padding: 0 0 5px 0;
font-size: small;
}


#container h2.car_p {
margin: 5px 0;
padding: 5px 0 5px 5px;
font-size: large;
color: #ffffff;
text-align: left;
line-height: 120%;
background-color: #9ccc00;
}
#container div.car_p {
margin: 5px 1px;
padding: 5px 0px;
font-size: small;
width: 48%;
max-width: 480px;
height: auto;
border: 1px #666666 solid;
float: left;
}
#container div.car_p p.b_01 {
margin: 0 0 15px 0;
padding: 3px 1px;
color: blue;
background-color: yellow;
font-size: large;
font-weight: bold;
line-height: 100%;
}
#container div.car_p p.b_02 {
margin: 8px 0;
font-size: x-large;
color: red;
font-weight: bold;
text-align: center;
}
#container div.car_p p.b_03 {
margin: 0;
text-align: right;
padding: 0 0 5px 0;
font-size: small;
}
#container div.car_p h5 {
margin: 5px 0;
padding-left: 5px;
font-size: small;
text-align: left;
line-height: 80%;
}

/*-- フォークリフト --*/
#container div.traction {
margin: 50px auto 20px;
padding: 0px;
width: 98%;
}
#container div.traction h3 {
background-color: #3e936b;
padding: 5px 30px;
color: #ffffff;
}
#container div.traction h3 img {
width: 15%;
margin: 0 20px;
}
#container div.tr_01 {
margin: 50px auto 20px;
padding: 0px;
width: 98%;
}
#container div.tr_01 h4 {
border-bottom: #3e936b 2px solid;
padding: 5px 10px;
text-align: left;
}
#container div.tr_01 dl {
margin: 0;
padding: 0px;
}
#container div.tr_01 dl dt {
margin: 0;
padding: 0px;
font-weight: bold;
}
#container div.tr_01 dl dd {
margin: 0 0 30px 0;
padding: 0px;
}

#container div.tr_01 table {
margin: 50px 0 20px;
padding: 0px;
width: 100%;
border-top: 1px dotted #3e936b;
border-left: 1px dotted #3e936b;
}
#container div.tr_01 table th {
background-color: #3e936b;
color: #ffffff;
border-bottom: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
padding: 0;
}
#container div.tr_01 table td {
border-bottom: 1px dotted #3e936b;
border-right: 1px dotted #3e936b;
}
























/* -- 会社案内 --*/
#container div.com {
margin: 50px auto 20px;
padding: 0px;
width: 95%;
}

#container div.com dl {
margin: 0 auto;
width: 90%;
font-size: nomal;
}

#container div.com dl dt {
margin: 0;
padding: 0;
text-align: left;
font-weight: bold;
}

#container div.com dl dd {
padding-left: 20px;
text-align: left;
border-bottom: 1px solid #999999;
margin-bottom: 30px;
}

#container div.com h5 {
margin: 30px 0 0 0;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #99ffff;
}

#container div.com ul {
margin: 0 auto;
width: 95%;
list-style: url(../img/bo_b.gif);
}

#container div.com ul li {
margin: 0 auto;
width: 90%;
font-size: nomal;
}


/* -- 問い合わせ --*/

#container div.toi div {
margin: 35px auto;
width: 90%;
font-size: nomal;
color: #003675;
line-height: 150%;
}

#container div.toi h4 {
margin: 20px 0 5px;
line-height: 100%;
background-color: #f9f06f;
}

#container div.toi h5 {
margin: 30px 0 0 0;
font-weight: bold;
text-align: left;
color: blue;
}

#container div.toi ul {
margin: 0 auto;
width: 95%;
list-style: url(../img/bo_r.gif);
}

#container div.toi ul li {
margin: 0 auto;
width: 90%;
font-size: nomal;
}


#container div.toi p {
margin: 35px auto;
width: 90%;
font-size: nomal;
line-height: 150%;
text-align: left;
}


/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

#footer {
margin: 0;
width: device-width;
padding: 20px 0;
font-size: nomal;
color: #666666;
line-height: 130%;
background-color: #eeffff;
}

#footer div.add {
margin: 10px auto;
width: device-width;
max-width: 1000px;
font-size: nomal;
line-height: 140%;
text-align: left;
}

#footer p.copy {
margin: 0px;
padding: 8px 0;
text-align: center;
color: #333333;
font-size: x-small;
background-color: #99ffff;
}

#footer p.s {
margin: 0px auto;
padding: 5px 0;
width: 90%;
text-align: right;
color: #999999;
font-size: x-small;
}
/* --- ▲フッタ内の設定終了 --- */