@charset "utf-8";

body {
margin:0;
padding:0;
line-height:180%;
color:#333;
background:#fff url(img/bg.jpg) repeat-x;
font-family: "Noto Sans JP", "Hiragino Sans", "游ゴシック", "Yu Gothic", "Meiryo", sans-serif;
font-size: 78%;
text-align:center;
}

body.bg2 {
background-image:url(img/bg2.jpg);
}

body.other {
background:#fff url(img/bg_other.jpg) repeat-x;
}

div#wrap {
margin:0 auto;
padding:0;
text-align:center;
width:921px;
}

img {border:none;}

td {font-size: 10pt;line-height:150%;}

.clear {clear:both;}
.b {font-weight:bold;}

.center {text-align:center;}

.big {font-size:120%;}
.small {font-size:95%;line-height:140%;}

div#header {
margin:0;
padding:0;
height:69px;
}

div#contents {
margin:0;
padding:0;
overflow: hidden;
background:url(img/bg_contents.jpg) no-repeat;
width:921px;
}

div#main {
margin:0;
padding:0 0 40px;
float:right;
overflow: hidden;
width:717px;
text-align:left;
}

div#contents_left {
margin:0;
padding:0;
float:left;
overflow: hidden;
width:204px;
text-align:left;
}

div#footer {
margin:0;
padding:0;
clear:both;
color:#fff;
overflow:hidden;
background:#fff url(img/bg_footer.gif) repeat-x;
height:200px;
text-align:center;
}

a:link {text-decoration:underline;color:#0033ff;}
a:visited {text-decoration:underline;color:#0033ff;}
a:hover {text-decoration:none;color:#0033ff;}

a.foot:link {text-decoration:none;color:#fff;}
a.foot:visited {text-decoration:none;color:#fff;}
a.foot:hover {text-decoration:underline;color:#fff;}

h1 {
margin:0;
padding:0;
font-size: 100%;
font-weight:normal;
}

h2 {
margin:0;
padding:0;
clear: both;
font-size:110%;
}

h2.t {
background:#fff url(img/t.jpg) no-repeat;
color: #fff;
padding: 6px 0 0 10px;
font-size:22px;
font-weight:400;
width:670px;
height:36px;
}

h3 {
margin:15px 0 10px;
padding:2px 0 0 20px;
background:#fff url(img/subtitle.jpg) no-repeat;
width:650px;
height:24px;
font-size:100%;
clear:both;
}

iframe {border: none;}

/* --- PRINT --- */

@media print {
body { _zoom: 0.8;}
}

/*************グローバルナビ***************/

#navi span {display: none;}

#navi a {display: block;}

#navi {
margin:18px 0 0 11px;
padding:0;
width: 195px;
height:472px;
background: url(img/navi.jpg?20250522181516);
}

#navi ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navi li {float: left; display: inline;}

#navi li, #navi a {
margin: 0 0 6px 0;
padding: 0;
display: block;
width: 195px;
height: 53px;
}

#navi a:hover {background-image: url(img/navi_.jpg?20250522181516);}

#t1 a:hover {background-position: 0 0px;}
#t2 a:hover {background-position: 0px -59px;}
#t3 a:hover {background-position: 0px -118px;}
#t4 a:hover {background-position: 0px -177px;}
#t5 a:hover {background-position: 0px -236px;}
#t6 a:hover {background-position: 0px -295px;}
#t7 a:hover {background-position: 0px -354px;}
#t8 a:hover {background-position: 0px -413px;}

/********************
index.html
********************/
#main-visual {position:relative;}

#main-visual::before {
position:absolute;
left:11px;
bottom:0;
width:195px;
height:27px;
background:url(img/menu-top.png) no-repeat;
content:"";
}

#main-visual img {vertical-align:top;}

#top_contents {
margin:0 20px 0 17px;
padding:0;
width:680px;
}

#greeting {
margin:0;
padding:0 0 30px 0;
}

.top_b {
margin:0;
padding:0 10px 0 0;
float:left;
width:333px;
}

.top_b2 {
margin:0;
padding:0 0px 0 0;
float:right;
width:327px;
}

#whatsnew {
margin:0;
padding:10px 0 0 0;
clear:both;
}

div.box01 {
width:670px;
background: url(img/box01_bottom.gif) no-repeat bottom;
padding-bottom:10px;
margin-bottom:0px;
margin-top: 10px;
}

div.box01 .inner {
background: url(img/box01_top.gif) no-repeat;
padding-bottom:0px;
padding-top: 10px;
}

div.box01 .inner .bg {
background: url(img/box01_bg.gif) repeat-y;
padding: 0 20px;
overflow: hidden;
}

.topics {
margin:0;
padding:0px 0px 10px;
}

#top_img {
margin:0;
padding:0;
vertical-align: bottom;
line-height:0;
height: 240px;
}

.title {
margin:0;
padding:10px 0 0 0;
}

/********************
about.html
********************/
/*
共通スタイル
*/
.company-outline, .company-history {
margin: 0;
padding: 0;
}

.company-outline table {
width: 100%;
max-width: 430px;
border-collapse: collapse;
border: 0;
}

.company-history table {
width: 100%;
max-width: 670px;
border-collapse: collapse;
border: 0;
}

.company-outline caption, .company-history caption {
caption-side: top;
text-align: left;
font-weight: bold;
margin-bottom: 8px;
}

.label-cell, .value-cell {
padding: 0.5em 1em;
border-bottom: 2px dotted #ccc;
line-height: 1.5;
}
.label-cell {
background-color: #ececec;
width: 40%;
}

.value-cell {
background-color: #ffffff;
width: 60%;
}

.first-row {border-top: 2px dotted #ccc;}

/*
レイアウト調整
*/
.outline-left {
padding: 0;
float: left;
width: 220px;
background-color: #fff;
}

.outline-right {
padding: 0;
float: right;
width: 450px;
}

.clear {clear: both;}

/********************
products.html
********************/
.product-table {
margin: 10px 0 0;
padding: 0;
}

.product-table-inner {
width: 670px;
border-collapse: collapse;
border-spacing: 0;
border: none;
}

.product-item {
margin: 15px;
padding: 15px;
color: #3300cc;
font-weight: bold;
font-size: 120%;
}

.product-item img {
width: 300px;
height: 225px;
padding: 0 15px;
margin: 5px;
}

.product-cell-left, .product-cell-right {
margin: 0;
padding: 4px;
border-bottom: #ccc dotted 1px;
vertical-align: top;
}

.product-cell-top-left, .product-cell-top-right {
margin: 4px;
padding: 4px;
border-top: #ccc dotted 1px;
border-bottom: #ccc dotted 1px;
width: 335px;
vertical-align: top;
}

/********************
repair.html
********************/
.repair-section {
display: flex;
gap: 20px;
max-width: 700px;
}

.repair-left {
flex: 0 0 240px;
display: flex;
flex-direction: column;
align-items: center;  /* 横方向の中央揃え */
justify-content: center;  /* 縦方向の中央揃え（必要に応じて） */
text-align: center;
}

.repair-left img {
width: 211px;
height: 184px;
display: block;
}

.repair-left p {
margin-top: 10px;
font-size: 14px;
line-height: 1.5;
}

.repair-right {flex: 1;}

.repair-frame {
width: 100%;
height: 320px;
border: none;
}

/*
map
*/

body.style1 {
font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "Hiragino Sans", sans-serif;
font-size:78%;
background:#eee;
}
body.style1 img {
width:352px;
height:173px;
border:0;
}

body.style1 p, p.style1 {
text-align:left;
padding: 0em 2em;
}

/********************
rental.html
********************/
/* 製品紹介 */
td.img_center {text-align: center;}


/********************
hammer.html
********************/

.hammer_l {
padding:0px 0px 0px 0px;
float:left;
width:190px;
}

.hammer_r {
padding:0px 0px 0px 0;
float:right;
width:480px;
}

.hammer02_l {
padding:0px 0px 0px 0px;
float:left;
width:320px;
}

.hammer02_r {
padding:0px 0px 0px 0;
float:right;
width:320px;
}

/********************
footer
********************/

#footer_top {
margin:0 auto;
padding:10px 0 0;
width:899px;
text-align:center;
display: block;
line-height:120%;
}

#footer_c {
margin:0;
padding:0;
float:left;
width:420px;
text-align:left;
}

.footer_pad {margin:0;padding:0 0 10px 0;}

#footer_r {
margin:0;
padding:0;
float: right;
width:250px;
text-align:left;
}

#footer_bottom {
margin:10px;
padding:10px 0 0;
clear:both;
text-align:center;
}

div#copy {
margin:0;
padding:5px 0 0;
clear:both;
font-size:90%;
color:#fff;
}

/**************************************************
トピックス
**************************************************/
/* トップページのリスト*/

div#whats_new * {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
div#whats_new {width: 600px;}

div#whats_new p {
width: 490px;
float: right;
}