@charset "utf-8";
/* CSS Document */

.clearfix:after {
	content: url(../images/common/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* Hides from IE-Mac \*/
* html .wrapper { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-Mac \*/

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dd,
dt,
p,
div,
span,
object,
embed,
img,
form,
a {
	border: none;
	text-decoration: none;
	list-style: none;
 	margin: 0;
	padding: 0;
	vertical-align: top;
}

table,
tr,
th,
td {
	border-collapse: collapse;
	border: none;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

body {
	color: #333333;
	font-size: 80%;
	line-height: 1.3;
	font-weight: normal;
	font-family: "#2Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "? , meiryo, "ＭＳ Ｐ?, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
}

#container .mA0 { margin: 0 !important; }

#container .mT5 { margin-top: 5px !important; }
#container .mT10 { margin-top: 10px !important; }
#container .mT15 { margin-top: 15px !important; }
#container .mT20 { margin-top: 20px !important; }
#container .mT25 { margin-top: 25px !important; }
#container .mT30 { margin-top: 30px !important; }
#container .mT35 { margin-top: 35px !important; }
#container .mT40 { margin-top: 40px !important; }
#container .mT45 { margin-top: 45px !important; }
#container .mT50 { margin-top: 50px !important; }
#container .mT55 { margin-top: 55px !important; }

#container .mR5 { margin-right: 5px !important; }
#container .mR10 { margin-right: 10px !important; }
#container .mR15 { margin-right: 15px !important; }
#container .mR20 { margin-right: 20px !important; }
#container .mR25 { margin-right: 25px !important; }
#container .mR30 { margin-right: 30px !important; }
#container .mR35 { margin-right: 35px !important; }
#container .mR40 { margin-right: 40px !important; }
#container .mR45 { margin-right: 45px !important; }
#container .mR50 { margin-right: 50px !important; }

#container .mB5 { margin-bottom: 5px !important; }
#container .mB10 { margin-bottom: 10px !important; }
#container .mB15 { margin-bottom: 15px !important; }
#container .mB20 { margin-bottom: 20px !important; }
#container .mB25 { margin-bottom: 25px !important; }
#container .mB30 { margin-bottom: 30px !important; }
#container .mB35 { margin-bottom: 35px !important; }
#container .mB40 { margin-bottom: 40px !important; }
#container .mB45 { margin-bottom: 45px !important; }
#container .mB50 { margin-bottom: 50px !important; }

#container .mL5 { margin-left: 5px !important; }
#container .mL10 { margin-left: 10px !important; }
#container .mL15 { margin-left: 15px !important; }
#container .mL20 { margin-left: 20px !important; }
#container .mL25 { margin-left: 25px !important; }
#container .mL30 { margin-left: 30px !important; }
#container .mL35 { margin-left: 35px !important; }
#container .mL40 { margin-left: 40px !important; }
#container .mL45 { margin-left: 45p !important; }
#container .mL50 { margin-left: 50px !important; }

#container .bothC { clear: both !important; }
#container .alignR { text-align: right !important; }
#container .alignL { text-align: left !important; }
#container .alignC { text-align: center !important; }

#container .txtL,
#container .imgL { float: left; text-align: left; }
#container .txtR,
#container .imgR { float: right; text-align: left; }

div#container .colL,
div#container .colR { display: table-cell; vertical-align: top; text-align: left; }

* html div#container .colL,
* html div#container .colR { display: inline; zoom: 1; }
*:first-child+html div#container .colL,
*:first-child+html div#container .colR { display: inline; zoom: 1; }

/* LINK */
a { color: #0273A9; }
a:link     { color: #0273A9; }
a:visited  { color: #0273A9; }
a:hover    { color: #0273A9; }
a:active   { color: #0273A9; }

/* --------------------------------------------------------------- GLOBAL */
#container { 
	width: 1024px;
	text-align: center;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 64px;
	background: url(../images/header/navi_bg.gif) repeat-x left top;
	padding: 15px 0 0 0;
}

#header #navi {
	width: 780px;
	margin: 0 auto;
}

#header #navi li {
	float: left;
	width: 105px;
	height: 60px;
	display: block;
}

#header #navi li a {
	text-indent: -999em;
	overflow: hidden;
}

#header #navi li.navi01 a { width: 110px;	height: 60px;	display: block; }
#header #navi li.navi02 a,
#header #navi li.navi03 a,
#header #navi li.navi04 a,
#header #navi li.navi06 a,
#header #navi li.navi07 a,
#header #navi li.navi05 a { width: 107px;	height: 60px;	display: block; }

#header #navi li.navi01 a { background: url(../images/header/navi01.gif) no-repeat left top; }
#header #navi li.navi02 a { background: url(../images/header/navi02.gif) no-repeat left top; }
#header #navi li.navi03 a { background: url(../images/header/navi03.gif) no-repeat left top; }
#header #navi li.navi04 a { background: url(../images/header/navi04.gif) no-repeat left top; }
#header #navi li.navi05 a { background: url(../images/header/navi05.gif) no-repeat left top; }
#header #navi li.navi06 a { background: url(../images/header/navi06.gif) no-repeat left top; }
#header #navi li.navi07 a { background: url(../images/header/navi07.gif) no-repeat left top; }

#header #navi li.navi01 a:hover,
#header #navi li.navi02 a:hover,
#header #navi li.navi03 a:hover,
#header #navi li.navi04 a:hover,
#header #navi li.navi05 a:hover,
#header #navi li.navi06 a:hover,
#header #navi li.navi07 a:hover,
#header #navi.naviTop li.navi01 a,
#header #navi.naviConcept li.navi02 a,
#header #navi.naviProduct li.navi03 a,
#header #navi.naviPress li.navi04 a,
#header #navi.naviCaseStudy li.navi05 a { background-position: bottom; }
#header #navi.naviContact li.navi06 a { background-position: bottom; }
#header #navi.naviLuciHP li.navi07 a { background-position: bottom; }


#footer .float150 {
	width: 870px;
	margin: 0 auto;
}

#footer .float150 .imgL {
	width: 150px;
}

#footer .float150 .txtR {
	width: 710px;
	font-size: 80%;
}

#footer .float150 .txtR {
	width: 710px;
	font-size: 85%;
}

* html #footer .float150 .txtR {
	width: 710px;
	font-size: 70%;
}

*:first-child+html #footer .float150 .txtR {
	width: 710px;
	font-size: 80%;
}


#footer .decoFont01 {
	font-size: 115%;
	font-weight: bold;
	color: #f5a30b;
	margin: 0;
}

#footer .decoFont02 {
	margin: 3px 0 0 0;
}

#footer .copy {
	clear: both;
	width: 100%;
	background: #e1e3ae;
	font-size: 75%;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 12px 0 10px 0;
}


#container .headline {
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #00ac97;
	line-height: normal;
	text-align: left;
	border-left: 5px solid #f8ba48;
	background: url(../images/common/line_dotted01.gif) no-repeat 5px bottom;
	padding: 5px 7px;
}

/* --------------------------------------------------------------- COCEPT */
#concept {
	width: 625px;
	line-height: 2.2;
	text-align: left;
	margin: 50px auto 40px;
}

#concept .headline {
	margin: 0 auto;
}

#concept .txt01 {
	margin: 15px 0 0 0;
}
#concept .txt02,
#concept .txt03 {
	margin: 30px 0 0 0;
}

/* --------------------------------------------------------------- PRODUCT */
#product {
	line-height: 2.2;
	margin: 50px auto 245px;
}

#product .box2Col { width: 660px; margin: 0 auto; }

#product .colL { width: 210px; }
#product .colR { width: 450px; }

#product .navi li {
}

#product .navi a {
	display: block;
	width: 131px;
	background: url(../images/product/naviArrow.gif) no-repeat 14px;
	color: #666666;
	font-weight: bold;
	margin: 10px 0;
	padding: 2px 4px 2px 25px;
}
#product .navi a:hover,
#product .navi a.on {
	background: #eeeeee url(../images/product/naviArrow.gif) no-repeat 14px;
}

#product .colR .colL dt,
#product .colR .colR dt,
#product .boxProduct .colR .name {
	font-weight: bold;
	color: #666666;
}
#product .colR .colL dt p,
#product .colR .colR dt p {
	border-bottom: 1px solid #b9b9b9;
}
#product .colR .boxList {
	margin-top: 20px;
}

#product .colR .boxList .colL,
#product .colR .boxList .colR {
	width: 210px;
}
#product .colR .boxList .colR {
	width: 210px;
	padding-left: 30px;
}
#product .colR .boxList a {
	font-size: 85%;
	color: #666762;
}
*:first-child+html #product .colR .boxList a {
	font-size: 80%;
	color: #666762;
}

#product .boxProduct {
	margin-top: 25px;
}

#product .boxProduct .colL {
	width: 145px;
	padding-top: 5px;
}
#product .boxProduct .colR {
	width: 275px;
	line-height: normal;
	padding-left: 15px;
}
#product .boxProduct .colR .name {
	margin-bottom: 10px;
}
#product .boxProduct .colR .arrow {
	height: 15px;
	background: url(../images/product/detailArrow.gif) no-repeat left;
	padding: 1px 0 1px 25px;
}
/*
#product .btnDownload {
	display: block;
	width: 228px;
	height: 47px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/product_btn_dl.gif) no-repeat left top;
	margin: 40px auto 0;
}

#product .btnDownload:hover {
	background-position: bottom;
}
*/

/* --------------------------------------------------------------- CASESTUDY */
#casestudy,
#caselower {
	line-height: 2.2;
	margin: 50px auto 10px;
}
#casestudy .box2Col { width: 710px; margin: 0 auto; }
#caselower .box2Col { width: 735px; margin: 0 auto; }

#casestudy .colL,
#caselower .colL { width: 180px; }

#casestudy .colR {
	width: 475px;
	border-left: 1px solid #00ac97;
	padding: 0 0 50px 25px;
}

#caselower .colR {
	width: 507px;
	border-left: 1px solid #00ac97;
	padding: 0 0 50px 25px;
}

#casestudy .navi a,
#caselower .navi a {
	display: block;
	width: 131px;
	background: url(../images/product/naviArrow.gif) no-repeat 14px;
	color: #666666;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 2px 4px 2px 25px;
}

#casestudy .navi li span,
#caselower .navi li span {
	display: block;
	width: 131px;
	background: url(../images/product/naviArrow.gif) no-repeat 14px;
	color: #666666;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 2px 4px 2px 25px;
}
#casestudy .navi li.sub a,
#caselower .navi li.sub a {
	display: block;
	width: 123px;
	background: url(../images/casestudy/naviSubBg.gif) no-repeat 25px 2px;
	line-height: normal;
	color: #7d7c7c;
	font-size: 90%;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 37px;
}
#casestudy .navi .sub a:hover,
#casestudy .navi .sub a.on,
#caselower .navi .sub a:hover,
#caselower .navi .sub a.on {
	display: block;
	width: 123px;
	background: #eeeeee url(../images/casestudy/naviSubBg.gif) no-repeat 25px 2px;
	padding: 2px 0 2px 37px;
}
#casestudy .navi a:hover,
#casestudy .navi a.on,
#caselower .navi a:hover,
#caselower .navi a.on {
	background: #eeeeee url(../images/product/naviArrow.gif) no-repeat 14px;
}
#casestudy .navi span.on,
#caselower .navi span.on {
	background: #eeeeee url(../images/product/naviArrow.gif) no-repeat 14px;
}

#casestudy .lead,
#caselower .lead {
	font-size: 90%;
	margin-top: 20px;
}

#casestudy .boxCaseCatch {
	background: #f2f3dd;
	margin-top: 25px;
	padding: 6px;
}
#casestudy .boxCaseCatch .colL {
	width: 103px;
}
#caselower .boxCaseCatch .colL {
	width: 180px;
}
#casestudy .boxCaseCatch .colR,
#caselower .boxCaseCatch .colR {
	width: 270px;
	padding-left: 10px;
	border: none;
}

#casestudy .title {
	color: #00ac97;
	font-weight: bold;
	line-height: normal;
}
#caselower .title {
	color: #00ac97;
	font-size: 150%;
	font-weight: bold;
	line-height: normal;
}
#casestudy .text,
#caselower .text {
	font-size: 90%;
	line-height: normal;
	margin: 10px 0 0 0;
}
#casestudy .arrow,
#caselower .arrow {
	height: 15px;
	background: url(../images/product/detailArrow.gif) no-repeat left;
	padding: 1px 0 1px 25px;
	line-height: normal;
	margin-top: 10px;
}

#caselower .boxCase01 .colL {
	width: 330px;
	padding-top: 15px;
}
#caselower .boxCase01 .colR {
	width: 158px;
	padding-left: 15px;
	border: none;
}

#caselower .colR.lower .title02 {
	font-size: 200%;
	font-weight: bold;
	color: #22beab;
	line-height: normal;
	margin: 0;
}
#caselower .colR.lower .lead02 {
	line-height: normal;
	margin: 5px 0 0 0;
}


#caselower .boxCaseLower {
	background: #ddefec;
	margin-top: 25px;
	padding: 6px;
	line-height: normal;
	vertical-align: top;
}
#caselower .boxCaseLower .title {
	font-size: 105%;
	background: url(../images/casestudy/iconSquare.gif) no-repeat left;
	margin: 20px 0 3px;
	padding-left: 14px;
}
#caselower .boxCaseLower .lead {
	color: #666762;
	line-height: normal;
	font-weight: bold;
	border-bottom: 1px solid #74c6be;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
#caselower .boxCaseLower .q {
	font-weight: bold;
	color: #666762;
	margin-bottom: 3px;
}
#caselower .boxCaseLower .a {
	font-weight: bold;
	color: #22beab;
	margin-bottom: 3px;
}
#caselower .boxCaseLower .text {
line-height: 1.8;
	margin: 0 0 15px 0;
}

#caselower .capText { font-size: 80%; line-height: normal; margin-top: 5px; }
#caselower .capText span { font-size: 90%; line-height: normal; }


/* --------------------------------------------------------------- COTACT */
#contact {
	width: 625px;
	line-height: 2.2;
	text-align: left;
	margin: 50px auto 40px;
}

#contact .style1 {
	color: #FF0000;
}

#contact td,th {
	padding: 5px;
}

#contact .must {
	color: #FF3366;
}

#contact .main {
	width:500px;
	text-align:left;
	margin: 0 auto 0;
}

#contact .box1 p {
	clear:both;
	margin:10px 0px 20px 0px;
}

#contact .bar1 {
	border-bottom:2px solid #4ba7d8;
	padding-bottom:3px;
}

#contact .box2 {
	padding:0px 10px 20px 10px;
}

#contact .title {
	background-color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	float:left;
}

#contact .mtxt {
	font-size:12px;
	line-height:18px;
	color:#333333;
}

/* 200904 GLJ */

h1.lep-h1 {
	font-size:12px;
	color:#666666;
	padding-top:5px;
}

h2.lep-h2 {
	background:url(../images/product/naviTitle.gif) no-repeat;
	width:160px;
	height:22px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	font-size:10px;
}

div.lep-footlink {
	font-size:12px;
	margin:0px;
	padding:15px;
}



/*=========== caseP02 =====*/

#caselower .fZ7 { font-size: 7px!important; }
#caselower .fZ8 { font-size: 8px!important; }
#caselower .fZ9 { font-size: 9px!important; }
#caselower .fZ10 { font-size: 10px!important; }
#caselower .fZ11 { font-size: 11px!important; }
#caselower .fZ12 { font-size: 12px!important; }

/* --------------------------------------------------------------- CASESTUDY */
.boxCase02 {
	position:relative;
	margin: 0;
	padding: 15px 0 0 0;
}
.boxCase02 .importTitle {
	position: absolute;
	top: 0px;
	left: 0;
	margin-top: 15px;
}

.importProd { margin: 0; padding:0;}

.importProd .leftCol {
	width: 153px;
	float: left;
	margin: 15px 8px 0 0;
}
.importProd .rightCol {
	float: left;
}
.importProd .leftCol p {
	margin: 5px 0 !important;
	padding: 0;
	line-height: 120%;
}
.importProd .rightCol p {
	marign: 0;
	padding: 0;
	line-height: 100%;
}

.importProd h4 {
	margin: 0;
	padding: 0 0 0 10px!important;
	height: 15px;
	display: block;
}

.importProd a {
	text-decoration: none;
}
.importProd a.orange {
	color: #f7941e;
}

.clear { clear: both; line-height: 0;}