/* :::::::::::::::::::::::::::::::::::::::::::::

	site: Luci Official Web Site
	name: base.css;

::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	COMMON
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*********************************base************************/
* {
	margin: 0px;
	padding: 0px;
}
a {
	outline:0;
	text-decoration: underline;
	color: #333333;
}
a:hover {
	color: #f98d00;
	text-decoration: none;
}
img {
	vertical-align:bottom;
	border:0;
}
hr {
	display: none;
}
ul,ol,li {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li {
	text-align: left;
}
p {
}
html{
	overflow-y: scroll;
}
* html ,  
* html body {  
    height: 100%;  
    overflow-y: hidden;  
    overflow-x: auto; 
}
* html #wrapper {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 100%;
}
body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Helvetica, Arial, sans-serif;
	color: #333333;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FBFBFB;
}

/**LAYOUT**/
#cantainer {
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 101px;
}
#left_wrap {
	width: 248px;
	float: left;
}
#right_wrap {
	width: 734px;
	float: right;
}

/**header**/
#header {
	width: 982px;
	background-image: url(../image/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 16px;
}
.header_layout {
	float: left;
}
#header #site_title {
	padding-left: 39px;
	padding-top: 17px;
}
#header #site_title a {
	background-image: url(../image/logo_luci.gif);
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 64px;
	width: 100px;
	font-size: 0px;
	line-height: 0px;
}
#header #site_title a:hover {
	background-position: 0px -64px;
}
#header #lead h1 {
	font-size: 65%;
	line-height: 120%;
}
/**IE HACK**/
* html #lead h1 { line-height: 150%; }
*:first-child+html #lead h1 { line-height: 150%; }
#site_title {}
#site_catch {
	margin-left: 53px;
	width: 300px;
	margin-top: 24px;
	
}
#site_catch #sublead {
	margin-top: 5px;
	font-size: 65%;
	line-height: 120%;
}
/**IE HACK**/
* html #site_catch #sublead { 
	font-size: 55%;
	line-height: 150%;
}
*:first-child+html #site_catch #sublead { 
	font-size: 55%;
	line-height: 150%;
}
#language {
	margin-left: 40px;
	width: 62px;
	margin-top: 22px;
	height: 59px;
}

#language li {
	line-height:0;
	font-size: 0%;
	margin-top: 8px;
	}

#language #lang_title {
	background-image: url(../image/language_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 8px;
	width: 47px;
	font-size: 0%;
	line-height:0;
}
#language #jp  {
	background-image: url(../image/language_jp.gif);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	text-indent: -9999px;
	display: block;
	height: 9px;
	width: 61px;
	
}
#language #en a {
	background-image: url(../image/language_en.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 9px;
	width: 51px;
	line-height:normal;
}
#language #en a:hover {
	background-position: 0px -9px;
}
#language #ch a {
	background-image: url(../image/language_ch.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 9px;
	width: 52px;
	line-height:normal;
}
#language #ch a:hover {
	background-position: 0px -9px;
}
#search {
	margin-left: 37px;
	background-image: url(../image/bg_search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 72px;
	width: 344px;
	margin-top: 17px;
}
#search ul {
	margin-top: 8px;
	margin-left: 8px;
	width: 328px;
}
#search li {
	float: left;
}
#search li a {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 82px;
}
#search li a:hover {
	background-position: 0px -27px;
}
#searchform {
	margin-top: 1px;
	position: relative;
}
#keywords	{
	width: 255px;
	height: 18px;
	border: 1px solid #CCC;
	padding: 2px;
	margin-left: 8px;
	margin-top: 3px;
}
#searchBtn	{
	position: absolute;
	top: 2px;
	left: 272px;
	height: 30px;
	width: 67px;
	border: 1px solid #EDEDED;
	border:0px;
}

#search #searchBtn  {
	background-image: url(../image/search_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 63px;
	cursor: pointer;
	
}
/**IE HACK**/
* html #search #searchBtn { 
	height: 26px;
	width: 65px;
}
*:first-child+html #search #searchBtn { 
	height: 26px;
	width: 65px;
}
#search #searchBtn:hover {
	background-position: 0px -26px;
}
#search #search_1 a{
	background-image: url(../image/search_btn_category_1.gif);	
}
#search #search_2 a{
	background-image: url(../image/search_btn_category_2.gif);
}
#search #search_3 a{
	background-image: url(../image/search_btn_category_3.gif);
}
#search #search_4 a{
	background-image: url(../image/search_btn_category_4.gif);
}




/**globalnavi**/
/**common**/
#globalnavi {
	margin-left: 7px;
	font-size: 75%;
}
#globalnavi .category_wrap_1 {
	background-image: url(../image/bg_globalnavi_top.gif);
	width: 241px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: left top;
}
#globalnavi .category_wrap_2 {
	background-image: url(../image/bg_globalnavi_bottom.gif);
	width: 241px;
	padding-bottom: 12px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#globalnavi .category_wrap_3 {
	background-image: url(../image/bg_globalnavi_mid.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 7px;
}
#globalnavi .main_category .category_list {
	background-image: url(../image/bg_globalnavi_titleunder.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 227px;
	padding-top: 8px;
	padding-bottom: 4px;
}
#globalnavi .main_category li {
	padding-left: 17px;
}
#globalnavi .main_category .underline {
	background-image: url(../image/line_dot_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
#globalnavi .main_category .arrow {
	background-image: url(../image/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#globalnavi .main_category .arrow_1 {
	background-image: url(../image/arrow_pink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#globalnavi .main_category .arrow_2 {
	background-image: url(../image/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#globalnavi .main_category .arrow_3 {
	background-image: url(../image/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#globalnavi .cat_navi_head a {
	font-size: 0px;
	line-height: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 227px;
}
#globalnavi .cat_navi_head a:hover {
	background-position: 0px -40px;
}
#globalnavi #category_products .cat_navi_head a {
	background-image: url(../image/globalnavi_title_products.gif);
}
#globalnavi #category_works .cat_navi_head a {
	background-image: url(../image/globalnavi_title_works.gif);
}
#globalnavi #category_reference .cat_navi_head a {
	background-image: url(../image/globalnavi_title_reference.gif);
}


/**product_banner**/
#product_banner {
	margin-left: 2px;	
}
#product_banner li .type_image {
	height: 68px;
	width: 237px;
}
#product_banner li .type_movie {
	height: 68px;
	width: 237px;
}

/**product_banner**/
#other_navi {
	margin-left: 2px;
	background-image: url(../image/bg_othernavi.gif);
	height: 126px;
	width: 237px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 4px;
	margin-bottom: 4px;
}
#other_navi ul {
	margin-left: 5px;
	padding-top: 4px;
}
#other_navi li a {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 227px;
	margin-top: 2px;
}
#other_navi li a:hover {
	background-position: 0px -27px;
}
#other_navi #ot_1 a {
	background-image: url(../image/globalnavi_othernavi_1.gif);
}
#other_navi #ot_2 a {
	background-image: url(../image/globalnavi_othernavi_2.gif);
}
#other_navi #ot_3 a {
	background-image: url(../image/globalnavi_othernavi_3.gif);
}
#other_navi #ot_4 a {
	background-image: url(../image/globalnavi_othernavi_4.gif);
}

/**product_banner**/
#banner {
	margin-left: 2px;	
}
#banner li {
	height: 65px;
	width: 237px;
}

/**footer2**/
#footer2 {
	background-image: url(../image/bg_footer2_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	margin-top: 4px;
	width: 982px;
	text-align: center;
	font-size: 75%;
}
#footer2_area_1 {
	background-image: url(../image/bg_footer2_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}
#footer2_area_2 {
	background-image: url(../image/bg_footer2_mid.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#footer2 a {
	background-image: url(../image/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;	
}
#footer2 .line_foot2 {
	color: #CCC;
}


/**footer**/
#footer {
	margin-top: 4px;
}
#footer #footer_left {
	float: left;
	height: 45px;
	width: 856px;
	font-size: 0px;
	line-height: 0px;
}
#footer #footer_right {
	float: right;
	height: 45px;
	width: 126px;
}
#footer #footer_area {
	background-image: url(../image/bg_footer.gif);
	height: 45px;
	width: 845px;
	margin-left: 9px;
}
#footer #copyright {
	background-image: url(../image/footer_copyright.gif);
	height: 17px;
	width: 327px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-left: 24px;
}
#footer #footer_navi {
	float: right;
	margin-top: 17px;
	margin-right: 29px;
}
#footer #footer_navi li {
	float: left;
}
#footer #footer_navi li a {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 11px;
	margin-left: 23px;
}
#footer #footer_navi li a:hover {
	background-position: 0px -11px;
}
#footer #footer_navi #fn_1 a{
	background-image: url(../image/footer_navi_1.gif);
	width: 109px;
}
#footer #footer_navi #fn_2 a{
	background-image: url(../image/footer_navi_2.gif);
	width: 102px;
}
#footer #footer_navi #fn_3 a{
	background-image: url(../image/footer_navi_3.gif);
	width: 68px;
}
#footer #btn_totop a {
	background-image: url(../image/footer_btn_totop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 121px;
}
#footer #btn_totop a:hover {
	background-position: 0px -45px;
}

/**fix_footer**/
div#fix_footer {
	width: 100%;
	background-image: url(../image/bg_fixfooter_02.gif);
	background-repeat: repeat-x;
	position:fixed;
	bottom:0;
	left:0;
}
* html div#fix_footer  {
	left:-17px;
	position:absolute;
	bottom:expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);
}


#fix_footer_area {
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../image/bg_fixfooter_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 94px;
}

* html div#fix_footer_area  {
	left:8px;
	position:relative;
	bottom:expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);
}

#fix_footer .ff_layout {
	float: left;
}
#fix_footer #contact_catalog {
	background-image: url(../image/fixfooter_icon_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 22px;
	margin-left: 33px;
	width: 225px;
	height: 57px;
	padding-top: 2px;
	padding-left: 64px;
}
#fix_footer #contact_estimate {
	background-image: url(../image/fixfooter_icon_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 23px;
	margin-left: 45px;
	width: 261px;
	height: 57px;
	padding-top: 2px;
	padding-left: 64px;
}
#fix_footer #contact_tel {
	background-image: url(../image/fixfooter_icon_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 23px;
	margin-left: 42px;
	width: 147px;
	height: 57px;
	/*padding-top: 2px;*/
	padding-left: 64px;
}
#fix_footer h4{
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	font-size: 0px;
	line-height: 0px;
}
#fix_footer #contact_catalog h4{
	background-image: url(../image/fixfooter_category_title_1.gif);
	height: 12px;
	width: 74px;
	
}
#fix_footer #contact_estimate h4{
	background-image: url(../image/fixfooter_category_title_2.gif);
	height: 13px;
	width: 224px;
}
#fix_footer #contact_tel h4{
	background-image: url(../image/fixfooter_category_title_3.gif);
	height: 14px;
	width: 150px;
}
#fix_footer #contact_catalog .btn_1 a {
	background-image: url(../image/fixfooter_btn_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 11px;
	width: 149px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 8px;
}
#fix_footer #contact_catalog .btn_1 a:hover {
	background-position: 0px -11px;
}
#fix_footer #contact_catalog .btn_2 a {
	background-image: url(../image/fixfooter_btn_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 11px;
	width: 155px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 5px;
}
#fix_footer #contact_catalog .btn_2 a:hover {
	background-position: 0px -11px;
}
#fix_footer #contact_estimate li {
	float: left;
}
#fix_footer #contact_estimate ul {
	margin-top: 5px;
}
#fix_footer #contact_estimate .btn_1 a {
	background-image: url(../image/fixfooter_btn_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 128px;
	font-size: 0px;
	line-height: 0px;
}
#fix_footer #contact_estimate .btn_1 a:hover {
	background-position: 0px -30px;
}
#fix_footer #contact_estimate .btn_2 a {
	background-image: url(../image/fixfooter_btn_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 128px;
	font-size: 0px;
	line-height: 0px;
	margin-left: 5px;
}
#fix_footer #contact_estimate .btn_2 a:hover {
	background-position: 0px -30px;
}
#fix_footer #contact_tel .tel_1 {
	background-image: url(../image/fixfooter_tel_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 150px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 5px;
}
#fix_footer #contact_tel .tel_2 {
	background-image: url(../image/fixfooter_tel_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 147px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 2px;
}


/**SEARCH RESULT**/
#search_header {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
	margin-bottom: 4px;
}
#search_header h3 {
	background-image: url(../image/search_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 89px;
	width: 725px;	
}
#search_contents {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;		
}
/**DETAIL**/
#search_detail {
	width: 665px;
	padding-top: 21px;
	padding-right: 30px;
	padding-bottom: 21px;
	padding-left: 30px;
}
#search_detail .info{
	background-image: url(../../common/image/pagetitle_bar.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 12px;
	width: 653px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#search_detail .key_text{
	color: #ec900b;
}
#search_detail .title{
}
#search_detail .result{
}
* html #search_detail .title { padding-top: 3px; }
*:first-child+html #search_detail .title { padding-top: 3px; }
* html #search_detail .result {
	padding-top: 3px;
	font-size: 80%;
}
*:first-child+html #search_detail .result {
	padding-top: 3px;
	font-size: 80%;
}
#search_detail .detail{
	font-size: 80%;
	line-height: 160%;
	margin-top: 17px;
	color: #555555;
}
/*failure*/
#search_detail .failure {
	width: 665px;
	background-color: #ec900b;
	padding-top: 1px;
	padding-bottom: 1px;
}
#search_detail .failure_text {
	color: #ec900b;
	background-color: #FFF;
	width: 663px;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	font-weight: bold;
}


/***PNG_FIX***/
.iepngfix {  
	behavior: expression(IEPNGFIX.fix(this));
} 

/***clearboth***/
.floatclear {
	clear:both;	
}

/*********************************hack************************/
.fixed {
	position:fixed;
	_position : absolute ;
}
.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */