@charset "utf-8";
/*
Theme Name: natsume css
Theme URL: http://www.mflens.co.jp/
Description: side-i.CSS
Version: 1.0
Author: 夏目光学株式会社
Author URL: http://www.mflens.co.jp/
*/

/* CSS Document */
#i-side {
float:left;
width:267px;
margin:0;
padding:0;
overflow: hidden;
}
#i-side:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #i-side {
height: 1em;
overflow: visible;
}
/**/
.indexlist {
width:267px;
margin:0;
padding:0;
list-style:none;
}
.indexlist li {
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
outline:none;
display:block;
}
.indexlist li a {
margin:0;
padding:0;
outline:none;
display:block;
}
.indexlist li a:hover {
margin:0;
padding:0;
outline:none;
display:block;
}
#i-seihin {
width:267px;
height:67px;
margin:0;
padding:0;
background:url(../img/index/i-seihin.jpg) no-repeat 0 0;
}
#i-seihin a {
width:267px;
height:67px;
margin:0;
padding:0;
background:url(../img/index/i-seihin.jpg) no-repeat 0 0;
}
#i-sosi {
width:267px;
height:48px;
margin:0 0 5px 0;
padding:0;
background:url(../img/index/i-sosi.jpg) no-repeat 0 0;
}
#i-sosi a {
width:267px;
height:48px;
margin:0;
padding:0;
background:url(../img/index/i-sosi.jpg) no-repeat 0 0;
}
#i-sosi a:hover {
width:267px;
height:48px;
margin:0;
padding:0;
background:url(../img/index/i-sosi.jpg) no-repeat 0 -49px;
}
.listgreen {
margin:0 0 5px 35px;
padding:0;
list-style:url(../img/public/list3.gif) inside;
}
.listgreen li {
margin:0 0 2px 0;
padding:0;
font-size:12px;
}
.listgreen li a {
margin:0;
padding:0;
color:#333333;
}
.listgreen li a:hover {
color:#FF9900;
}
/*-*/
#i-corn {
width:259px;
height:146px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/i-corn.jpg) no-repeat top left;
}
#i-corn a {
width:259px;
height:146px;
margin:0;
padding:0;
background:url(../img/index/i-corn.jpg) no-repeat top left;
}
#i-corn a:hover {
width:259px;
height:146px;
margin:0;
padding:0;
background:url(../img/index/i-corn.jpg) no-repeat bottom left;
}
/*-*/
#i-micro {
width:258px;
height:144px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/i-micro.jpg) no-repeat 0 0;
}
#i-micro a {
width:258px;
height:144px;
margin:0;
padding:0;
background:url(../img/index/i-micro.jpg) no-repeat 0 0;
}
#i-micro a:hover {
width:258px;
height:144px;
margin:0;
padding:0;
background:url(../img/index/i-micro.jpg) no-repeat bottom right;
}
/*-*/
#i-solution {
width:259px;
height:146px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/i-solution.jpg) no-repeat 0 0;
}
#i-solution a {
width:259px;
height:146px;
margin:0;
padding:0;
background:url(../img/index/i-solution.jpg) no-repeat 0 0;
}
#i-solution a:hover {
width:259px;
height:146px;
margin:0;
padding:0;
background:url(../img/index/i-solution.jpg) no-repeat 0 -147px;
}
/*-*/
#i-kogaku {
width:267px;
height:46px;
margin:0 0 30px 0;
padding:0;
background:url(../img/index/i-kogaku.jpg) no-repeat 0 0;
}
#i-kogaku a {
width:267px;
height:46px;
margin:0;
padding:0;
background:url(../img/index/i-kogaku.jpg) no-repeat 0 0;
}
#i-kogaku a:hover {
width:267px;
height:46px;
margin:0;
padding:0;
background:url(../img/index/i-kogaku.jpg) no-repeat 0 -51px;
}
#i-sisutemu {
width:267px;
height:67px;
margin:0 0 20px 0;
padding:0;
background:url(../img/index/i-sisutemu.jpg) no-repeat 0 0;
}
#i-sisutemu a {
width:267px;
height:67px;
margin:0;
padding:0;
background:url(../img/index/i-sisutemu.jpg) no-repeat 0 0;
}
#i-sisutemu a:hover {
width:267px;
height:67px;
margin:0;
padding:0;
background:url(../img/index/i-sisutemu.jpg) no-repeat 0 -71px;
}
#i-kanren {
width:267px;
height:45px;
margin:0 0 2px 0;
padding:0;
background:url(../img/index/i-kanren.jpg) no-repeat 0 0;
}
#i-kanren a {
width:267px;
height:45px;
margin:0 0 2px 0;
padding:0;
background:url(../img/index/i-kanren.jpg) no-repeat 0 0;
}
#i-tac {
width:267px;
height:72px;
margin:0 0 5px 0;
padding:0;
background:url(../img/index/i-tac.jpg) no-repeat 0 0;
}
#i-tac a {
width:267px;
height:72px;
margin:0;
padding:0;
background:url(../img/index/i-tac.jpg) no-repeat 0 0;
}
#i-tac a:hover {
width:267px;
height:72px;
margin:0;
padding:0;
background:url(../img/index/i-tac.jpg) no-repeat 0 -78px;
}
#i-flc {
width:267px;
height:72px;
margin:0 0 20px 0;
padding:0;
background:url(../img/index/i-flc.jpg) no-repeat 0 0;
}
#i-flc a {
width:267px;
height:72px;
margin:0;
padding:0;
background:url(../img/index/i-flc.jpg) no-repeat 0 0;
}
#i-flc a:hover {
width:267px;
height:72px;
margin:0;
padding:0;
background:url(../img/index/i-flc.jpg) no-repeat 0 -78px;
}
#i-otoi {
width:267px;
height:47px;
margin:0 0 20px 0;
padding:0;
background:url(../img/index/i-otio.jpg) no-repeat 0 0;
}
#i-otoi a {
width:267px;
height:47px;
margin:0;
padding:0;
background:url(../img/index/i-otio.jpg) no-repeat 0 0;
}
#i-otoi a:hover {
width:267px;
height:47px;
margin:0;
padding:0;
background:url(../img/index/i-otio.jpg) no-repeat 0 -53px;
}