@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");
@import url("style-entry.css");

/* top */
.cp-box {
	background:url(../img/top/copy-bg2.jpg) no-repeat 0 0 #FFFFFF;
	height:225px;
	min-height:225px;
	height: auto;
}
.text-cp {
	padding-bottom: 20px;
	padding-left: 6px;
	line-height: 180%;
	width: 390px;
	padding-top: 12px;
}

div#info-title {
	background:url(../img/top/bar-info.gif) no-repeat 0 0;
	height: 42px;
	margin-top: 10px;
	width: 555px;
}
div#info-title img {
	padding: 8px;
}
div#info-bottom {
	margin: 0px;
	padding: 0px;
}
div#info-bottom img {
	vertical-align: top;
}
div#info {
	background:url(../img/top/info-bg.gif) repeat-y 0 0;
	margin: 0px;
	width: 555px;
}
div#info dl {
	border-bottom:1px solid #D7D7D7;
	position:relative;
	overflow:hidden;
	padding-left: 5px;
	width: 538px;
	margin: 0px auto;
}
div#info dl.last {
	border-bottom:none;
}
div#info dt {
	background:url(../img/top/info-ya.gif) no-repeat 0;
	width:95px;
	float:left;
	padding: 5px 0px 5px 23px;
	font-weight: bold;
}
div#info dd {
	width:415px;
	float:left;
	padding: 5px 5px 5px 0px;
}
div#info dd.nodate {
	background:url(../img/top/info-ya.gif) no-repeat 0 5px;
	float:left;
	padding: 5px 0px 5px 23px;
	width: 515px;
}

/* 装飾 */
h2.pt{ margin: 0px; }
h3.midashi{
	color:#FFFFFF;
	font-size:11px;
	padding:9px 5px 9px 35px;
	margin-bottom: 10px;
	background:url(../img/h3-bg.jpg) no-repeat;
}

h4.ttl02{
	background:url(../img/inner/point.gif) no-repeat 5px 8px;
	border-bottom:1px dashed #000000;
	padding:5px 0px 5px 20px;
}

.txt02{
	line-height:180%;
	padding:10px 5px;
}

.text-blue { color:#1540dd; }
.point { color:#071184; font-weight: bold; }
.red { color: #F80000; }
.vertical-middle { vertical-align: middle; }


/* category */
#sub-menu{
	margin-bottom: 50px;
}
#sub-menu ul{ margin:0px; }
#sub-menu ul li{ margin:0px; vertical-align:bottom;}
#sub-menu ul li a{
	display: block;
	width:192px;
	height:20px;
	padding: 10px 5px 5px 23px;
	background:#FFFFFF url(../img/navi/sub-bg.gif) top left no-repeat;
}
#sub-menu ul li.line a{
	height: 23px;
	background:#FFFFFF url(../img/navi/sub-bg2.gif) top left no-repeat;
}

/* main */
img.float-left{float:left; margin:0px 18px 10px 0px;}
img.float-right{float:right; margin:0px 0px 10px 18px;}

.box1{
	clear: both;
	line-height: 150%;
	margin-bottom: 30px;
}
.box2{
	clear: both;
	line-height: 150%;
}

.box3{
	clear: both;
	line-height: 150%;
	margin-bottom: 30px;
}

.box3 p img{
	border:2px solid #36A737;
	margin:5px 3px;
}

.box4 p img{
	margin:5px;
}



.box-blue{
	clear: both;
	padding: 3px 15px 10px 15px;
	border: solid 1px #B3E1F1;
	background-color:#E9F8FD;
	line-height: 150%;
	margin-bottom: 30px;
}
.box-info{
	clear: both;
	line-height: 150%;
	margin-bottom: 30px;
}
.box-info dt {
	text-align:right;
}
.box-info dd {
	margin-top:10px;
}
.box-info dd a:hover{
    text-decoration:underline;
}

.table1{
	border-top: solid 1px #DEE7F6;
	border-right: solid 1px #DEE7F6;
}
.table1 th,.table1 td{
	padding: 5px 0px;
	border-left: solid 1px #DEE7F6;
	border-bottom: solid 1px #DEE7F6;
}
.table1 th{
	width: 140px;
	color:#005598;
	text-align:center;
	background-color:#D3E1FE;
}
.table1 td{ width:380px; padding-left: 30px; }

.table-blue{ margin: 0px; }
.table-blue th{ padding: 2px 15px; background-color:#5AAAE9; text-align:left; color:#FFFFFF; }
.table-blue td{ padding: 5px 15px; background-color:#D4E9FA; }

.table-purple{ margin: 0px; }
.table-purple th,.table-purple td{ padding: 2px 15px; }
.table-purple th{ background-color:#C982D2; text-align:left; color:#FFFFFF; }
.table-purple td{ background-color:#EBDDEE; }

.list1{
	margin: 5px 0px 10px 15px;
	line-height: 150%;
}
.list2{
	padding:3px 0px 3px 25px;
	list-style:circle;
}
.list2 li{
	padding:1px 0px;
	line-height:180%;
}

/* contact */
table.form_table{
	border-top:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7;
	margin-top:15px;
}
table.form_table th{
	border-bottom:1px solid #D7D7D7;
	background:#EEEEEE;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:10px 7px;
	width:130px;
}
table.form_table th.must{
	width:150px;
	background:url(../img/inner/must.gif) no-repeat 120px 6px #EEEEEE;
}
table.form_table td{
	border-bottom:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	text-align:left;
	vertical-align:top;
	padding:10px 7px;
}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.cont-txt02{
font-weight: normal;
}



.mintxt{
	font-size:10px;
}

.f450:focus,
.f350:focus,
.f300:focus,
.f200:focus,
.f100:focus,
.f50:focus,
.f30:focus,
.change_table textarea:focus{
	background-color:#FEEEEE;
}

.f350{
width:350px;
padding:1px;
border:1px solid #858585;
}
.f300{
width:300px;
padding:1px;
border:1px solid #858585;
}
.f450{
width:450px;
padding:1px;
border:1px solid #858585;
}
.f200{
width:200px;
padding:1px;
border:1px solid #858585;
}
.f100{
width:100px;
padding:1px;
border:1px solid #858585;
}
.f50{
width:50px;
padding:1px;
border:1px solid #858585;
}
.f30{
width:30px;
padding:1px;
border:1px solid #858585;
}

/* sitemap */
#sitemap {
	width: 555px;
	padding-bottom: 10px;
	display: block;
}
#site_left{
	width:250px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
}
#site_right{
	width:250px;
	float:right;
	padding-right: 10px;
	padding-left: 10px;
}
#sitemap ul{
	list-style:none;
}
#sitemap ul li{
	background:url(../img/inner/point-ya.gif) no-repeat left 9px;
	line-height:150%;
	margin-top:8px;
	padding:4px 0px 4px 15px;
	border-bottom: 1px solid #CCCCCC;
}

#sitemap ul li.sublist{
	background: url(../img/inner/point-ya2.gif) no-repeat left 9px;
	line-height:150%;
	margin-top: 8px;
	margin-left:15px;
	padding: 4px 0px 4px 15px;
	border-bottom: 1px dotted #CCCCCC;
}

/* nanolife */
.nano-green1{
	margin-bottom: 30px;
	padding: 15px 15px 5px 15px;
	border:solid 1px #36A636;
	background-color: #D8F2D9;
}
.nano-skill{
	width: 458px;
	height: 367px;
	padding:  20px 15px 15px 20px;
	line-height: 165%;
	margin: 0px auto 20px auto;
	background: url(../img/product/nano-skill-bg.gif) top left no-repeat;
}
.nano-4l{
	background-color: #D3FDFB;
	padding:  20px;
	line-height: 135%;
}

/* eco */
.vision-box {
	background: url(../img/eco/eco-bg1.jpg) no-repeat 0 0;
	height: 255px;
	min-height:255px;
	height: auto;
	width: 555px;
	margin: 30px 0px 30px 0px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 15px;
}
.vision-txt{
	line-height: 180%;
	width: 350px;
}
.ukai-pic1 {
	float:left;
	margin-right: 10px;
}
.ukai-pic2 {
	float:right;
}

/* selfeel */
.sel-pic1 {
	float:left;
	margin-right: 2px;
}
.sel-pic2 {
	float:right;
}




.txt01{
line-height:180%;
}




/* natulasoil */
.soil{
background: url(../img/product/soil03.jpg) no-repeat right bottom #DFF8FF;
border: 1px solid #51AAC3;
padding: 15px;
line-height:180%;
margin-bottom:30px;
}
.soil02{
border: 1px solid #51AAC3;
padding: 15px;
line-height:180%;
margin-bottom:30px;
}

.f-b{
font-weight:bold;
}

.soil03{
font-weight: bold;
color: #0C5A04;
}
.soil04{
width: 555px;
background: #8a8a8a;
margin: 10px auto 30px auto;
}
.soil04 th{
padding: 5px 10px;
background:#DFF8FF;
text-align:center;
border-bottom: 1px solid #8a8a8a;
}
.soil04 td{
padding: 5px 10px;
background:#FFFFFF;
}
.soil04 .so-name{
background:#DFF8FF;
text-align:center;
border-right: 1px solid #8a8a8a;
}

.soil05{
padding-left: 25px;
line-height:180%;
padding-bottom:30px;
padding-top:10px;
}
.soil06{
margin-top:-30px;
margin-bottom:30px
}

.news {
background:#D4E9FA;
width:502px;
padding:8px 25px 30px 25px;
line-height:1.8;
}