.indexbox {
width:340px;
margin:15px 0 0 0;
padding:0 200px 0 0;
background:url(../img/index/index-bg.jpg) no-repeat bottom right;
}
h2 {
margin:30px 0 0 0;
padding:0;
color:#FF9900;
font-size:1em;
}
.i-products {
width:534px;
margin:30px 0 0 0;
padding:202px 0 0 0;
background:url(../img/index/yama-bg.jpg) no-repeat 0 0;
}


.i-products-box {
clear:both;
width:524px;
margin:0;
padding:15px 0 170px 0;
background:url(../img/index/index-products.jpg) no-repeat 0 0;
}
p.p-products {
width:524px;
height:48px;
margin:0;
padding:0;
text-indent:-9999em;
display:block;
}
p.p-products a {
width:524px;
height:48px;
margin:0;
padding:23px 0 0 0;
text-indent:-9999em;
display:block;
}
.i-products-box-in {
width:290px;
margin:20px 0 0 0;
padding:0;
}
.i-etc-box {
clear:both;
position:relative;
width:540px;
margin:20px 0 0 0;
padding:0;
    overflow: hidden;
}

.i-etc-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .i-etc-box {
    height: 1em;
    overflow: visible;
}
/**/
.i-about-box {
clear:both;
float:left;
width:262px;
margin:0;
padding:0;
}
.i-about-box h3 {
width:262px;
height:41px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-about.jpg) no-repeat top left;
display:block;
}
.i-about-box h3 a {
width:262px;
height:41px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-about.jpg) no-repeat top left;
display:block;
}
.i-about-box h3 a:hover {
width:262px;
height:41px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-about.jpg) no-repeat bottom left;
display:block;
}
.i-about-box img {
float:left;
margin:0 15px 0 0;
padding:0;
}

.i-quality-box {
float:right;
width:262px;
margin:0;
padding:0;
}
.i-quality-box h3 {
width:262px;
height:41px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-quality.jpg) no-repeat top left;
display:block;
}
.i-quality-box h3 a {
width:262px;
height:41px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-quality.jpg) no-repeat top left;
display:block;
}
.i-quality-box h3 a:hover {
width:262px;
height:41px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-quality.jpg) no-repeat bottom left;
display:block;
}
.i-quality-box img {
float:left;
margin:0 15px 25px 0;
padding:0;
}
.i-contact-box {
width:524px;
margin:20px 0 0 0;
padding:0;
}
.i-contact-box h3 {
width:524px;
height:32px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-contact.jpg) no-repeat top left;
display:block;
}
.i-contact-box h3 a {
width:524px;
height:32px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-contact.jpg) no-repeat top left;
display:block;
}
.i-contact-box h3 a:hover {
width:524px;
height:32px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/title-contact.jpg) no-repeat bottom left;
display:block;
}
.i-contact-box img {
float:left;
margin:0 15px 0 0;
padding:0;
}
.box {
clear:both;
margin:40px 0 0 0;
padding:0;
}


/* news
-------------------------------------------------------------------*/
.newsbox {
width:495px;
margin:25px 0 0 0;
padding:15px 15px 10px 15px;
border:#990000 3px solid;
}
.newsbox h4 {
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:#990000 2px solid;
line-height:150%;
color:#990000;
font-size:1em;
}
/* news-imp
-------------------------------------------------------------------*/
.newsbox-imp-container {
margin:60px 0 30px 0;
}
.newsbox-imp-container h4 {
margin:0;
padding:0;
font-size:0.85em;
font-weight:normal;
color:#FF0000;
letter-spacing:2px;
}
.newsbox-imp-container h4 a {
color:#FF0000;
}
.newsbox-imp-container h4 a:hover {
color:#FF9900;
}
.newsbox-imp {
margin:0;
padding:0 40px 10px 40px;
border:#FF0000 3px solid;
}

.newsbox-imp p {
margin:15px 0;
font-size:0.85em;
}
.newsbox-imp p a {
color:#FF0000;
text-decoration:underline;
}
span.date {
font-size:0.7em;
}
span.new {
font-size:0.7em;
}