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

/* CSS Document */
#side {
float:right;
width:193px;
margin:0;
padding:0 10px 0 0;
}
#side:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #side {
height: 1em;
overflow: visible;
}
/**/
.sidelist {
width:193px;
margin:0;
padding:0;
list-style:none;
}
.sidelist li {
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
outline:none;
display:block;
}
.sidelist li a {
margin:0;
padding:0;
outline:none;
display:block;
}
.sidelist li a:hover {
margin:0;
padding:0;
outline:none;
display:block;
}
#s-jyouhou {
width:193px;
height:56px;
margin:0 0 5px 0;
padding:0;
background:url(../img/side/s-seihin.jpg) no-repeat 1px 0;
}
#s-jyouhou a {
width:193px;
height:56px;
margin:0;
padding:0;
background:url(../img/side/s-seihin.jpg) no-repeat 1px 0;
}
#s-jyouhou a:hover {
width:193px;
height:56px;
margin:0;
padding:0;
background:url(../img/side/s-seihin.jpg) no-repeat 1px -56px;
}
#s-mflens {
width:193px;
height:96px;
margin:0 0 10px 0;
padding:0;
background:url(../img/side/s-mflens.jpg) no-repeat 0 0;
}
#s-mflens a {
width:193px;
height:96px;
margin:0;
padding:0;
background:url(../img/side/s-mflens.jpg) no-repeat 0 0;
}
#s-mflens a:hover {
width:193px;
height:96px;
margin:0;
padding:0;
background:url(../img/side/s-mflens.jpg) no-repeat 0 -96px;
}
#gakusei {
width:193px;
height:43px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/side/s-gakusei.jpg) no-repeat top left;
display:block;
}
#gakusei a {
width:193px;
height:43px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/side/s-gakusei.jpg) no-repeat top left;
display:block;
}
#s-job {
width:193px;
height:80px;
margin:0 0 5px 0;
padding:0;
background:url(../img/side/s-job.jpg) no-repeat 0 0;
}
#s-job a {
width:193px;
height:80px;
margin:0;
padding:0;
background:url(../img/side/s-job.jpg) no-repeat 0 0;
}
#s-job a:hover {
width:193px;
height:80px;
margin:0;
padding:0;
background:url(../img/side/s-job.jpg) no-repeat 0 -80px;
}
.listdai {
margin:0;
padding:0;
list-style:url(../img/public/list2.gif) inside;
}
.listdai li {
margin:0 0 5px 0;
padding:0;
font-size:16px;
}
.listdai li a {
margin:0;
padding:0;
font-size:16px;
color:#333333;
}
.listdai li a:hover {
color:#FF9900;
}
#s-com {
width:193px;
height:80px;
margin:0 0 5px 0;
padding:0;
background:url(../img/side/s-com.jpg) no-repeat 0 0;
}
#s-com a {
width:193px;
height:80px;
margin:0;
padding:0;
background:url(../img/side/s-com.jpg) no-repeat 0 0;
}
#s-com a:hover {
width:193px;
height:80px;
margin:0;
padding:0;
background:url(../img/side/s-com.jpg) no-repeat 0 -80px;
}
.listsyou {
margin:0 0 5px 0;
padding:0;
list-style:none;
}
.listsyou li {
margin:0 0 5px 0;
padding:0 0 0 13px;
background:url(../img/public/list2.gif) no-repeat 0 0;
font-size:12px;
line-height:115%;
}
.listsyou li a {
margin:0;
padding:0;
color:#333333;
}
.listsyou li a:hover {
margin:0;
padding:0;
color:#FF9900;
}
.listsyou-g {
margin:0 0 5px 0;
padding:0;
list-style:none;
}
.listsyou-g li {
margin:0 0 5px 0;
padding:0 0 0 13px;
background:url(../img/public/list3.gif) no-repeat 0 0;
font-size:12px;
line-height:115%;
}
.listsyou-g li a {
margin:0;
padding:0;
color:#333333;
}
.listsyou-g li a:hover {
margin:0;
padding:0;
color:#FF9900;
}
#tokutyo {
width:193px;
height:118px;
margin:0 0 5px 0;
padding:0;
background:url(../img/side/s-tokutyo.jpg) no-repeat 0 0;
}
#tokutyo a {
width:193px;
height:118px;
margin:0;
padding:0;
background:url(../img/side/s-tokutyo.jpg) no-repeat 0 0;
}
#tokutyo a:hover {
width:193px;
height:118px;
margin:0;
padding:0;
background:url(../img/side/s-tokutyo.jpg) no-repeat 0 -118px;
}
#s-otoi {
width:193px;
height:42px;
margin:10px 0 10px 0;
padding:0;
background:url(../img/side/s-otoi.jpg) no-repeat 0 0;
}
#s-otoi a {
width:193px;
height:42px;
margin:0;
padding:0;
background:url(../img/side/s-otoi.jpg) no-repeat 0 0;
}
#s-otoi a:hover {
width:193px;
height:42px;
margin:0;
padding:0;
background:url(../img/side/s-otoi.jpg) no-repeat 0 -42px;
}


li#use {
width:192px;
height:41px;
margin:10px 0 10px 0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/use/s-yoto.jpg) no-repeat top center;
display:block;
} 
li#use a {
width:192px;
height:41px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/use/s-yoto.jpg) no-repeat top center;
display:block;
} 
li#use a:hover {
width:192px;
height:41px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/use/s-yoto.jpg) no-repeat bottom center;
display:block;
}

/****************/
p.s-corn {
width:193px;
height:109px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/item/corn/side-corn.jpg) no-repeat top left;
display:block;
}
p.s-corn a {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/corn/side-corn.jpg) no-repeat top left;
display:block;
}
p.s-corn a:hover {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/corn/side-corn.jpg) no-repeat bottom left;
display:block;
}

/****************/
li.s-corn2 {
width:193px;
height:109px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/item/corn/side-corn.jpg) no-repeat top left;
display:block;
}
li.s-corn2 a {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/corn/side-corn.jpg) no-repeat top left;
display:block;
}
li.s-corn2 a:hover {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/corn/side-corn.jpg) no-repeat bottom left;
display:block;
}

/****************/
p.s-solution {
width:193px;
height:109px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/item/solution/side-solution.jpg) no-repeat top left;
display:block;
}
p.s-solution a {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/solution/side-solution.jpg) no-repeat top left;
display:block;
}
p.s-solution a:hover {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/solution/side-solution.jpg) no-repeat bottom left;
display:block;
}

/****************/
li.s-solution2 {
width:193px;
height:109px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/item/solution/side-solution.jpg) no-repeat top left;
display:block;
}
li.s-solution2 a {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/solution/side-solution.jpg) no-repeat top left;
display:block;
}
li.s-solution2 a:hover {
width:193px;
height:109px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/item/solution/side-solution.jpg) no-repeat bottom left;
display:block;
}

/******************/
.s-tenji {
width:193px;
height:72px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
background:url(../img/exhibition-shiguma/side-tenji.jpg) no-repeat top left;
display:block;
}
.s-tenji a {
width:193px;
height:72px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/exhibition-shiguma/side-tenji.jpg) no-repeat top left;
display:block;
}
.s-tenji a:hover {
width:193px;
height:72px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/exhibition-shiguma/side-tenji.jpg) no-repeat bottom left;
display:block;
}
/******************/
.s-tenji-contact {
width:193px;
height:28px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/exhibition-shiguma/side-tenji-from.jpg) no-repeat top left;
display:block;
}
.s-tenji-contact a {
width:193px;
height:28px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/exhibition-shiguma/side-tenji-from.jpg) no-repeat top left;
display:block;
}
.s-tenji-contact a:hover {
width:193px;
height:28px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/exhibition-shiguma/side-tenji-from.jpg) no-repeat bottom left;
display:block;
}

/****************/
li.s-micro {
width:193px;
height:108px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/side/side-micro.jpg) no-repeat top left;
display:block;
}
li.s-micro a {
width:193px;
height:108px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/side/side-micro.jpg) no-repeat top left;
display:block;
}
li.s-micro a:hover {
width:193px;
height:108px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/side/side-micro.jpg) no-repeat bottom left;
display:block;
}