@charset "utf-8";

/* 初期化 */
* {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: normal;
	list-style: none;
}

h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,p{
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

caption,th {
	text-align: left;
}

a {
	color: #333;
}

a:link    {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover   {
	color: #09C;
	text-decoration: underline;
}

a:active  {
	color: #333;
	text-decoration: underline;
}


/* 初期化ここまで */

/*--------------------------------------------------------------------
img rollover
--------------------------------------------------------------------*/
a img.css-hover{
	opacity:1.0;
	filter: alpha(opacity=100);
}
a:hover img.css-hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/*--------------------------------------------------------------------
clearfix
--------------------------------------------------------------------*/
.clearfix:after { content:""; display:block; clear:both; height:0; }  

* html .clearfix  { zoom: 1; }  /* IE6 */ 

*:first-child+html .clearfix { zoom: 1; }  /* IE7 */ 


/*
########################################################
	ページレイアウト
########################################################
*/
html,body { /* footer最下部固定対策 */
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

}

#bg-top {
	background: #FFF url(images/bg-top.jpg) repeat-x center top;
}

#bg-sub {
	background: #FFF url(images/bg-sub.jpg) repeat-x center top;
}


#container {
	width: 960px;
	height: auto;
	margin: 0px auto;
	min-height: 100%;　/* ポイント1 */
	_height: 100%; /* for IE6 */
}


#header {
	width: 981px;
	height: 100px;
	padding-top: 8px;
	margin-top: 0px;
	text-align: left;

	position: relative; /* 子BOX に対しての基準位置指定（左上が0 0） */
}

#header .logo_main {
	float: left;
	width: 332px;
	margin:5px 0px 0px 3px;
}
#header .header-tel {
	position: absolute; top: 10px; left: 600px;
}

#childlink {
	width: 967px;
	height: 20px;
	text-align: right;
	margin: 20px 0px 1px 0px;
	padding: 0px 10px 5px 0px;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
}

#gnavi{
	width: 960px;
	height: 39px;
	padding: 0;
	margin-top: 76px;
}

#gnavi ul{
	margin-left: 0px;
}

#gnavi li{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
	vertical-align: middle;
}

#gnavi a{
	display: block; /* 入れないとFirefoxでgnaviの下にスキマ空く */
}

#main_top {
	width: 960px;
	height: auto;
}

#main_left {
	float: left;
	width: 690px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#main_right {
	float: right;
	width: 240px;
	margin: 0px;
	padding-right: 10px;
}

#subnavi_area {
	float: right;
	width: 240px;
	height: auto;
}

.subnavi01 {
	float: right;
	width: 240px;
	margin: 0px 0px 18px 0px;
	background-color: #FFF;
}
.subnavi02 {
	float: right;
	width: 240px;
	margin: 0px 0px 18px 0px;
	background-color: #FFF;
}
.subnavi03 {
	float: right;
	width: 240px;
	margin: 0px 0px 18px 0px;
	background-color: #FFF;
}
.subcp {
	float: right;
	width: 240px; 
	margin: 0px 0px 18px 0px;
	background-color: #FFF;
}

#footer_wrap {
	clear: both;
	width: 100%;
	height: 90px;	
	margin-top: 20px;

	background: url(images/footer-bg.png) repeat-x center top ;
}

#footer	{
	width: 960px;
	margin: 0 auto;
}

#footer ul {
}

#footer li {
	padding: 1px 7px;
	display: inline;
	background: url(images/arrow.gif) no-repeat left center ;
}
.copy {
	height: 30px;
	line-height: 30px; /* ブロック要素の縦位置中央（virtical-alignはテーブルとインライン要素のみ） heightとline-heightを同じ値にすればOK！ */
	font-size: 10px;
	color: #FFF;
	padding-top: 0px;
	padding-left: 10px;
}

.foot-link {
	font-size: 100%;
	color: #333;
	margin-top: 15px;
	padding-left: 10px;
}

	
/* clearfix */
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*
########################################################
	共通
########################################################
*/
body {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 80%;
	color: #444;
	line-height: 1.5;
	text-align: left;
}

p {
	margin-top: 1em;
	vertical-align: middle;
}

h1 {
	font-family: "ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 150%;
	color: #fff;
}

h2 {
	font-family: "ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 100%;
	color: #09C;
}

h3{
	font-size: 125%;
	font-weight: bold;
	color: #4674B7;
}


img,a img,:link img,:visited img{
	border: none;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.indent01 {
	text-indent: 1.6em;
}

.midashi02 {
	font-family: "ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 120%;
	font-weight: bold;
	color: #39C;
}

.midashi03 {
	font-family: "ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 110%;
	font-weight: bold;
	color: #C36;
}

.midashi04 {
	margin-top: 5px;
	font-size: 95%;
	font-weight: bold;
	color: #969;
}

.midashi05 {
	padding-left: 1em;
	margin-top: 5px;
	font-size: 95%;
	font-weight: bold;
	color: #C66;
}

#main_left h1 {
	margin-top: 20px;
}

/*
########################################################
	TOP
########################################################
*/

/* IEではulにfloat使うとlist-style-imageが表示されないバグ
#footer02 ul {
	list-style-image: url(images/arrow.gif);
}

*/

#slideshow {
	width: 960px;
	height: 340px;
	padding-top: 4px;
	padding-bottom: 10px;
	text-align: left;
}
#slideshow div {
	width: 960px;
	height: 340px;
	overflow: hidden;
	position: relative;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	margin: 0 auto;
	width: 6px;
	/*	margin-top: -338px; */
	top: 446px;
	left: 144px;
	position: absolute;
	z-index: 99;
}

#slideshow ul li {

	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



.top-banner01 {
	margin: 0 0 8px 0;
}

.top-banner02 {
	margin: 8px 0 8px 0;
}

.top-title-news {
	width: 685px;
	padding-top: 12px;
	margin: 0px;
}

.news_area {
	width: 650px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 15px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 10pt;
	color: #003366;
	line-height: 1.5;
	text-align: left;
	background-color: #FFF;
	overflow:auto;
}
.news_area hr {
	width: 650px;
	border:dotted #d4d4d4;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:7px 0;
	clear:both;
}

/*
########################################################
	LED 照明
########################################################
*/
.sub-lights-title {
	height: 362px;
	background: url(images/lights-banner01.png) no-repeat top; /* top */
	color: #FFF;
	margin-bottom: 40px;
	margin-top: 0px;
}
.sub-lights-title .text01-wt {
	padding: 70px 8px 10px 12px;
}
.sub-lights-title .box {
	clear: both;
	margin: 0px 0 10px 0;
}
.sub-lights-title .box-m {
	margin: 0px 8px 0px 12px
}
.sub-lights-title .box-l {
	float:left;
	width: 180px;
	padding: 0px 8px 0px 12px
}
.sub-lights-title .box-r {
	float:right;
	width: 480px;
	padding: 0px 8px 0px 0px
	}
.sub-lights-title .about {
	margin: 4px 8px 4px 0px;
}
.sub-lights-title .products-btn {
	margin-top: 8px;
	margin-bottom: 50px;
	margin-left: 0px;
	text-align: left;
}

#box01 {
	width: 686px;
	height: auto;
	text-align: left;
	margin: 10px 0 10px 0;
	padding: 0px;	
}

.box-upper {
	width: 686px;
	height: 4px;
	background: url(images/sub-bg01_u.jpg) no-repeat top; /* top */
}
.inner-m {
	background: url(images/sub-bg01_m.jpg) repeat-y;
	padding: 10px 0;
}
.box-bottom	{
	width: 686px;
	height: 4px;
	background: url(images/sub-bg01_b.jpg) no-repeat bottom; /* bottom */
}

.box01-l {
	float: left;
	width: 260px;
	padding-left: 8px;

}
.box01-r {
	float: right;
	width: 395px;
	padding: 0 10px 0 10px;
}
.table02 {
	width: 670px;
	margin-top: 0px;
	margin-left: 6px;
	margin-bottom: 0px;
}
.box01-title {
	background: #006699;
	font-size: 14px;
	color: #FFF;
	font-weight:600;
	padding: 0 7px 0px 7px;
}
.box01-r p {
	margin-top: 10px;
}

.box-kigyolist01 {
	margin-left: 12px;
}
.box-kigyolist01-l {
	float: left;
	width: 230px;
	margin-right: 12px;
}
.box-kigyolist01-m {
	float: left;
	width: 216px;
	margin-right: 8px;
}
.box-kigyolist01-r {
	float: left;
	width: 200px;
	margin-right: 8px;
}
/*
########################################################
	アルコール除菌
########################################################
*/

.sub-sterili-title {
	height: 716px;
	background: url(images/sterili-banner01-bg.jpg) no-repeat top; /* top */
	color: #036;
	margin-bottom: 40px;
	margin-top: 0px;
}
.sub-sterili-title .text01 {
	padding: 90px 8px 10px 12px;
}
.sub-sterili-title .box {
	clear: both;
	margin: 0px 0 10px 0;
}
.sub-sterili-title .box-l {
	float:left;
	width: 180px;
	padding: 0px 8px 0px 12px
}
.sub-sterili-title .box-r {
	float:right;
	width: 480px;
	padding: 0px 8px 0px 0px
	}
.sub-sterili-title .img02 {
	margin: 10px 8px 0px 12px;
}
.sub-sterili-title .products-btn {
	margin-top: 8px;
	margin-bottom: 50px;
	margin-left: 12px;
	text-align: center;
}
.sub-sterili-about-aoac {
	margin-top: 10px;
}
.sub-sterili-about-aoac p , .sub-sterili-about-aoac img {
	margin: 8px;
}

.box-kigyolist02 {
	margin-left: 12px;
	font-size: 10px;
}
.box-kigyolist02-01 {
	float: left;
	width: 70px;
	margin-right: 12px;
}
.box-kigyolist02-02 {
	float: left;
	width: 190px;
	margin-right: 6px;
}
.box-kigyolist02-03 {
	float: left;
	width: 190px;
	margin-right: 6px;
}
.box-kigyolist02-04 {
	float: left;
	width: 190px;
	margin-right: 6px;
}
/*
########################################################
	Company Profile
########################################################
*/
#sub-header {
	width: 100%;
	height: 120px;
	padding-top: 4px;
	padding-bottom: 10px;
	text-align: left;
}

.table {
	width: 600px; /*テーブルの幅*/
	margin-top: 10px; /*テーブルの上にスペース*/
	margin-left: 30px;
	margin-bottom: 20px;
	table-layout: fixed; /* table 内でのジャスティファイ対策 */
}

.tabledata01 {
	width: 100px;
}

.tabledata02 {
	width: 450px;
}

.table th,.table td {
	padding: 10px 22px;
	vertical-align: top;
}

.table th {
	border-bottom: dotted 1px #DDD;
}

.table td {
	border-bottom: dotted 1px #DDD;
}

.arrow-bl {
	margin-right: 6px;
}
/*
########################################################
	Inquiry
########################################################
*/

.form {
	margin: 0px auto;
	width: 600px;
	text-align: left;
}

.form table {
	margin: 20px 0px 10px 0px;
	border: 0px solid #FFF;
	width: 590px;
}

.form table .abs {
	margin-left: 3px;
	color: #F00;
}

.form table th {
	border-bottom: dotted 1px #DDD;
	background: #FFF;
	width: 30%;
	white-space:nowrap
}

.form table td {
	border-bottom: dotted 1px #DDD;
	width: 70%;
}


.form table th, .form table td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
 
.form table td.submit {
	border: 0;
	text-align: center;
}

#main_right .contact_img01 {

	margin: 35px 12px 0px 0px;
	text-align: center;
}

#main_right .contact_img01 img{
	background-color:#FFF;
	border: 1px solid #E4E4E4;
	padding: 1px;
}