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

/* CSS Document */
#i-container {
width:700px;
margin:0 auto;
padding:0;
overflow: hidden;
position:relative;
}
#i-container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #i-container {
height: 1em;
overflow: visible;
}
/**/
#i-header h1 {
width:700px;
margin:0 0 2px 0;
padding:0;
font-size:12px;
color:#999999;
font-weight:normal;
}
#i-header h1 a {
width:700px;
margin:0;
padding:0;
font-size:12px;
color:#999999;
text-decoration:none;
}
.i-mainbox {
width:698px;
margin:0;
padding:0;
    overflow: hidden;
}

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

/*\*/
* html .i-mainbox {
    height: 1em;
    overflow: visible;
}
/**/
#i-main {
float:left;
width:400px;
margin:0;
padding:0 18px 0 10px;
overflow: hidden;
}
#i-main:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #i-main {
height: 1em;
overflow: visible;
}
/**/

.flash {
width:700px;
height:223px;
margin:0;
padding:0;
background:url(../img/index/i-header.jpg) no-repeat bottom right;
}

/* main内
----------------------------- */
#nano {
width:397px;
height:45px;
margin:12px 0 8px 0;
padding:0;
text-indent:-9999em;
background:url(../img/index/i-nano.jpg) no-repeat top center;
}
.i-mainlist {
width:400px;
margin:0;
padding:0;
list-style:none;
}
.i-mainlist li {
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
outline:none;
display:block;
}
.i-mainlist li a {
margin:0;
padding:0;
outline:none;
display:block;
}
.i-mainlist li a:hover {
margin:0;
padding:0;
outline:none;
display:block;
}
#i-mf {
width:400px;
height:144px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/i-mf.jpg) no-repeat 0 -1px;
}
#i-mf a {
width:400px;
height:144px;
margin:0;
padding:0;
background:url(../img/index/i-mf.jpg) no-repeat 0 -1px;
}
#i-mf a:hover {
width:400px;
height:144px;
margin:0;
padding:0;
background:url(../img/index/i-mf.jpg) no-repeat 0 -146px;
}
#i-genki {
width:400px;
height:102px;
margin:0 0 2px 0;
padding:0;
background:url(../img/vigorous/i-genki.jpg) no-repeat 0 0;
}
#i-genki a {
width:400px;
height:102px;
margin:0;
padding:0;
background:url(../img/vigorous/i-genki.jpg) no-repeat 0 0;
}
#i-genki a:hover {
width:400px;
height:102px;
margin:0;
padding:0;
background:url(../img/vigorous/i-genki.jpg) no-repeat 0 -120px;
}
#i-tenji {
width:400px;
height:124px;
margin:0 0 2px 0;
padding:0;
background:url(../img/index/banner-tenji.jpg) no-repeat top left;
}
#i-tenji a {
width:400px;
height:124px;
margin:0;
padding:0;
background:url(../img/index/banner-tenji.jpg) no-repeat top left;
}
#i-tenji a:hover {
width:400px;
height:124px;
margin:0;
padding:0;
background:url(../img/index/banner-tenji.jpg) no-repeat bottom left;
}
#i-tenji-contact {
width:399px;
height:45px;
margin:0 0 2px 0;
padding:0;
background:url(../img/index/banner-tenji-form.jpg) no-repeat top left;
}
#i-tenji-contact a {
width:399px;
height:45px;
margin:0;
padding:0;
background:url(../img/index/banner-tenji-form.jpg) no-repeat top left;
}
#i-tenji-contact a:hover {
width:399px;
height:45px;
margin:0;
padding:0;
background:url(../img/index/banner-tenji-form.jpg) no-repeat bottom left;
}
#i-info {
width:400px;
height:53px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/i-info.jpg) no-repeat 0 0;
display:block;
}
#i-info a {
width:400px;
height:53px;
margin:0;
padding:0;
background:url(../img/index/i-info.jpg) no-repeat 0 0;
text-indent:-9999em;
outline:none;
display:block;
}
#i-infowaku {
width:400px;
margin:0 0 20px 0;
padding:0;
background:#FFFFCC;
}
.i-infobox {
width:380px;
margin:0;
padding:10px;
overflow: hidden;
}
.i-infobox:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .i-infobox {
height: 1em;
overflow: visible;
}
/**/
.i-infobox h3 {
margin:15px 0 5px 0;
padding:0;
font-size:14px;
line-height:150%;
border-bottom:#660000 1px solid;
color:#660000;
}
.i-infobox img {
float:left;
width:150px;
height:150px;
margin:0 10px 5px 0;
padding:0;
display:inline;
}
.i-infomain {
clear:both;
margin:0 0 10px 0;
padding:0 0 5px 0;
    overflow: hidden;
}

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

/*\*/
* html .i-infomain {
    height: 1em;
    overflow: visible;
}
/**/
.i-infomain h4 {
margin:0 0 5px 0;
padding:0 0 0 3px;
font-size:14px;
line-height:135%;
border-bottom:#CCCCCC 1px solid;
}
.i-infomain p {
margin:0;
padding:0;
}
#i-kaisya {
width:400px;
height:165px;
margin:0 0 10px 0;
padding:5px 0 0 0;
font-size:14px;
background:url(../img/index/i-kaisya.jpg) no-repeat 0 0;
}
#i-kaisya p {
margin:0;
padding:0 0 0 200px;
line-height:130%;
font-size:14px;
}
#i-kaisya a {
margin:0;
padding:0;
color:#333333;
}
#i-kaisya a:hover {
margin:0;
padding:0;
color:#FF9900;
}
#i-tokutyo {
width:400px;
height:61px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/i-tokutyo.jpg) no-repeat 0 0;
}
#i-tokutyo a {
width:400px;
height:61px;
margin:0;
padding:0;
background:url(../img/index/i-tokutyo.jpg) no-repeat 0 0;
}
#i-tokutyo a:hover {
width:400px;
height:61px;
margin:0;
padding:0;
background:url(../img/index/i-tokutyo.jpg) no-repeat 0 -61px;
}
#i-gakusei {
width:400px;
height:40px;
margin:0 0 10px 0;
padding:0;
background: no-repeat 0 0;
background:url(../img/index/i-gakusei.jpg) no-repeat 0 0;
}
#i-gakusei a {
width:400px;
height:40px;
margin:0;
padding:0;
background:url(../img/index/i-gakusei.jpg) no-repeat 0 0;
}
#i-gakusei a:hover {
width:400px;
height:40px;
margin:0;
padding:0;
background:url(../img/index/i-gakusei.jpg) no-repeat 0 -41px;
}
#i-hataraku {
width:400px;
height:146px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/i-hataraku.jpg) no-repeat 0 0;
}
#i-hataraku a {
width:400px;
height:146px;
margin:0;
padding:0;
background:url(../img/index/i-hataraku.jpg) no-repeat 0 0;
}
#i-hataraku a:hover {
width:400px;
height:146px;
margin:0;
padding:0;
background:url(../img/index/i-hataraku.jpg) no-repeat 0 -150px;
}
.m-date {
margin:0 0 0 10px;
padding:0;
color:#666666;
font-size:12px;
font-weight:normal;
}



/* seo対策
----------------------------- */
.seobox {
clear:both;
width:700px;
margin:20px 0 0 0;
padding:0;
}

.seobox p {
margin:0;
padding:0;
line-height:150%;
color:#CCCCCC;
font-size:10px;
}
.seobox a {
margin:0;
padding:0;
line-height:150%;
color:#CCCCCC;
font-size:10px;
}


/* English
------------------------------------------------*/
p.english {
	position:absolute;
	width:50px;
	height:15px;
	margin:0;
	padding:0;
	text-indent:-9999em;
	background:url(../img/public/english.gif) no-repeat 0 0;
	display:block;
	left: 650px;
	top: -1px;
}
p.english a {
width:50px;
height:15px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/public/english.gif) no-repeat 0 0;
display:block;
}