@charset eUTF-8Œ;

html {
  height: 100%;
}

body {
	background-image: url(../layout_images/background.gif) ;
	background-color:#fff;
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-position-x: 0px;
	background-position-y: 0px;
	margin:0px;
	padding:0px;
	min-height:100%;
	text-align: center;
}




/* ----------------- Layout Block ----------------- */
#wrapper {
	width:850px;
	margin: 0 auto;
	text-align: left;  
}


/* Header */
#topheader {
	margin:0px;
	width:850px;
	height:160px;
	text-align:left;
	display:bock;
	background-color:#ffffff;
}

#header {
	margin:0px;
	width:850px;
	height:100px;
	text-align:left;
	display:bock;
	background-color:#ffffff;
}


/* Body */
#container {
	display:block;
	position:relative;
	background-color:#ffffff;
	width:834px;
	margin:0px;
	padding-left:8px;
	padding-right:8px;
}


#container-in {
	width:834px;
	margin:0;
	display:block;
	position:relative;
	background-color:#333333;
}


#sub_navigation {
	width:192px;
	height:100%;
	float:left;
	text-align:left;
	display:block;
	background-color: #333333;
}

#main {
	background: #ffffff url(../layout_images/contents_bg.gif) repeat-y;
	margin:0px;
	width:642px;
	float:right;
	text-align:left;
	display:block;

}
#content-inner {
	margin:0px;
	
}
#content-inner-text {
	padding-left:18px;
	padding-right:18px;
}
#content-bottom {
	background: #ffffff url(../layout_images/contents_bgbottom.gif) no-repeat;
	width:642px;
	height:80px;
	margin:0px;
	float:right;
	text-align:left;
	display:block;
}

	
#footer {
	background-color: #ffffff;
	width:834px;
	height:40px;
	margin:0 auto;
	padding-left:8px;
	padding-right:8px;
	display:block;

}

#footer-inner {
	background-color: #666666;
	width:834px;
	height:40px;
	margin:0 auto;

}

#footer-inner-text {
	padding-left:10px;
	padding-right:10px;

}


#footer-inner-text a:hover {
	COLOR:#FFF;
	font-size: 10px;
	text-decoration:underline;
}

#footer-inner-text a:link, a:visited {
	COLOR:#FFF;
	font-size: 10px;
	text-decoration:inherit;
	
}

/* ----------------- Menu Navigate ----------------- */


ul#navimenu { width:187px; margin:0px; margin-left:5px; padding: 0px; display: block; list-style:none; }
ul#navimenu li a { width:177px; height:25px; display:block; text-indent:-99999px; margin-bottom:5px;}
ul#navimenu li a#menu01 {background:url("../layout_images/btn_01home_up.gif") no-repeat;}
ul#navimenu li a#menu02 {background:url("../layout_images/btn_02mem_up.gif") no-repeat;}
ul#navimenu li a#menu03 {background:url("../layout_images/btn_03custmer_up.gif") no-repeat;}
ul#navimenu li a#menu04 {background:url("../layout_images/btn_04process_up.gif") no-repeat;}
ul#navimenu li a#menu05 {background:url("../layout_images/btn_05contact_up.gif") no-repeat;}
ul#navimenu li a#menu06 {background:url("../layout_images/btn_06support_up.gif") no-repeat;}
ul#navimenu li a#menu07 {background:url("../layout_images/btn_07about_up.gif") no-repeat;}
ul#navimenu li a:hover#menu01 {background:url("../layout_images/btn_01home_over.gif") no-repeat;}
ul#navimenu li a:hover#menu02 {background:url("../layout_images/btn_02mem_over.gif") no-repeat;}
ul#navimenu li a:hover#menu03 {background:url("../layout_images/btn_03custmer_over.gif") no-repeat;}
ul#navimenu li a:hover#menu04 {background:url("../layout_images/btn_04process_over.gif") no-repeat;}
ul#navimenu li a:hover#menu05 {background:url("../layout_images/btn_05contact_over.gif") no-repeat;}
ul#navimenu li a:hover#menu06 {background:url("../layout_images/btn_06support_over.gif") no-repeat;}
ul#navimenu li a:hover#menu07 {background:url("../layout_images/btn_07about_over.gif") no-repeat;}


ul#navimenu_sub { width:182px; margin:0px; margin-left:5px; padding: 0px; display: block; list-style:none; }
ul#navimenu_sub li a { width:177px; height:25px; display:block; text-indent:-99999px; margin-bottom:5px;}
ul#navimenu li a#menu021 {background:url("../layout_images/btn_021brand_up.gif") no-repeat;}
ul#navimenu li a#menu022 {background:url("../layout_images/btn_022products_up.gif") no-repeat;}
ul#navimenu li a#menu025 {background:url("../layout_images/btn_025pricelist_up.gif") no-repeat;}
ul#navimenu li a#menu023 {background:url("../layout_images/btn_023glass_up.gif") no-repeat;}
ul#navimenu li a#menu024 {background:url("../layout_images/btn_024designgallery_up.gif") no-repeat;}
ul#navimenu li a#menu041 {background:url("../layout_images/btn_041glasschoice_up.gif") no-repeat;}
ul#navimenu li a#menu051 {background:url("../layout_images/btn_051faq_up.gif") no-repeat;}
ul#navimenu li a:hover#menu021 {background:url("../layout_images/btn_021brand_over.gif") no-repeat;}
ul#navimenu li a:hover#menu022 {background:url("../layout_images/btn_022products_over.gif") no-repeat;}
ul#navimenu li a:hover#menu025 {background:url("../layout_images/btn_025pricelist_over.gif") no-repeat;}
ul#navimenu li a:hover#menu023 {background:url("../layout_images/btn_023glass_over.gif") no-repeat;}
ul#navimenu li a:hover#menu024 {background:url("../layout_images/btn_024designgallery_over.gif") no-repeat;}
ul#navimenu li a:hover#menu041 {background:url("../layout_images/btn_041glasschoice_over.gif") no-repeat;}
ul#navimenu li a:hover#menu051 {background:url("../layout_images/btn_051faq_over.gif") no-repeat;}

ul#navimenu_sub_sub { width:160px; margin:0px; margin-left:5px; padding: 0px; display: block; list-style:none; }
ul#navimenu_sub_sub li a { width:160px; height:25px; display:block; text-indent:-99999px; margin-bottom:5px;}
ul#navimenu li a#menu0221 {background:url("../layout_images/btn_0221sb_up.gif") no-repeat;}
ul#navimenu li a#menu0222 {background:url("../layout_images/btn_0222sn_up.gif") no-repeat;}
ul#navimenu li a#menu0223 {background:url("../layout_images/btn_0223se_up.gif") no-repeat;}
ul#navimenu li a:hover#menu0221 {background:url("../layout_images/btn_0221sb_over.gif") no-repeat;}
ul#navimenu li a:hover#menu0222 {background:url("../layout_images/btn_0222sn_over.gif") no-repeat;}
ul#navimenu li a:hover#menu0223 {background:url("../layout_images/btn_0223se_over.gif") no-repeat;}

/* ----------------- FONT CSS ----------------- */


h1 {
width:850px;
height:0px;
margin: 0 auto;
text-align:left;
color:#FFF;
font-weight:normal;
text-indent: -999em;
}

h2 {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Geneva, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:133.4%;
	font-color: #333333;
	text-shadow: 2px 2px 3px #bbbbbb;
}

h3.wt_title {
	width:580px;
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 10px; 
	border-top: 0px solid #cccccc ;
	border-bottom: 1px solid #900;;
	border-right: px solid #cccccc;
	border-left: 10px solid #900;
	margin: 20px 0px 20px; 
	font: bold 1em 'Arial';
	color: #333333;
	text-indent: 0px; 
}

h3.wt_title_g {
	width:580px;
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 10px; 
	border-top: 0px solid #cccccc ;
	border-bottom: 1px solid #6EC152;
	border-right: px solid #cccccc;
	border-left: 10px solid #6EC152;
	margin: 20px 0px 20px; 
	font: bold 1em 'Arial';
	color: #333333;
	text-indent: 0px; 
}

h4 {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Geneva, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	font-color: #999;
}

h5 {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Geneva, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:133.4%;
	font-color: #333333;
	text-shadow: 2px 2px 3px #bbbbbb;
}

p {
	margin:0px;
	padding:0px;
	font-size: 108.4%;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Geneva, Arial, Verdana, sans-serif;
	font-weight: inherit;
	text-align: inherit;
	font-color: #333333;
	line-height: 1.6;
	vertical-align:baseline;
}

strong {
	font-size: 108.4%;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Geneva, Arial, Verdana, sans-serif;
}

img {
	border:0px;
}
div {
	margin:0px;
	padding:0px;
}
.clearfloat {
	clear:both;
	height:0px;
}

.spacer5 {
	width:auto;
	height:5px;
}
.spacer10 {
	width:auto;
	height:10px;
}
.spacer15 {
	width:auto;
	height:15px;
}
.spacer20 {
	width:auto;
	height:20px;
}
.spacer25 {
	width:auto;
	height:25px;
}

a:link, a:visited{
	font-size: 108.4%;
	color:#6C6;
	text-decoration:inherit;
}

a:link, a:visited{
	font-size: 108.4%;
	color:#090;
	text-decoration:inherit;
}

a:hover, a:focus {
	font-size: 108.4%;
	color:#F60;
	text-decoration:underline;
}


#footer-inner-text a:link, #footer-inner-text a:visited{
	font-size: 100%;
	color:#FFF;
	text-decoration:inherit;
}

#footer-inner-text a:hover, #footer-inner-text a:focus {
	font-size: 100%;
	color:#FFF;
	text-decoration:underline;
}



a.more {
	background:transparent url(../layout_images/morearrow_02.gif) no-repeat scroll 100% 50%;
	font-size: 108.4%;
	padding-right:10px;
	white-space:nowrap;
}


/* ----------------- Functions CSS ----------------- */


/* Crossfader CSS */
.cf_wrapper {
	margin:0px;
	padding:0px;
	background-color:#333333;
}

.cf_element {
	margin:0px;
	padding:0px;
}

.content {
	margin:0px;
	padding:0px;
}



/* Breadcrumb Navigation - old */

#crumbs {
background:transparent url("../layout_images/bc-bg-corners2.gif") no-repeat scroll 0 0;
display:block;
padding:0px;
margin:0px;
width:642px;
height:30px;
}

ol li {
list-style-type:none;
padding:0px;
margin:0px;
}

#crumbs li {
float:left;
line-height:24px;
padding-left:5px;
color:#333333;
text-shadow:1px 1px 1px #FFFFFF;
}

#crumbs li a {
display:block;
height:24px;
padding:0 15px 0 5px;
background:transparent url("../layout_images/chevron.gif") no-repeat right center;
color:#333333;
text-shadow:1px 1px 1px #FFFFFF;
}

#crumbs li a:link, #crumbs li a:visited {
color:#333333;
text-shadow:1px 1px 1px #FFFFFF;
}

#crumbs li a:hover, #crumbs li a:focus {
color:#dd2c0d;
text-shadow:1px 1px 1px #FFFFFF;
}



/* FAQ - ShadeG.css */

.shadeGroup{
	padding-bottom:15px;
	margin:15px;
	font-style:normal;font-weight:normal;
}
.shadeBtn,
.shadeContents{
	padding:5px;
	margin:0px;
}
.shadeBtn{
	border-left:2px solid #cceca0;
	background-color:#cceca0;
}
.shadeContents{
	border:2px solid #cceca0;
	border-top:none;
	background-color:#F3F3F3;
}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn,
.shadeOpen .shadeContents,
.shadeClose .shadeContents{
	padding-left:30px;
	padding-right:10px;
}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn{
	cursor:pointer;
}
.shadeOpen .shadeBtn{
	background:#cceca0 url(../layout_images/bg_open.gif) no-repeat 2px 2px;
}
.shadeClose .shadeBtn{
	background:#cceca0 url(../layout_images/bg_close.gif) no-repeat 2px 2px;
}


/* Image Frame */
.alpha-shadow {
  float: left;
  background: url(../layout_images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(../layout_images/shadow2.png) no-repeat left top !important;
  background: url(../layout_images/shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}



/* Company Profile  */

div.company {
	padding:0 10px 15px 15px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Geneva, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:108.4%;
}

div.company span.map {
	float:right;
}

.newWindow {
	background:transparent url(../layout_images/icon_window.gif) no-repeat scroll right top;
	padding-right:1.1em;
}

div.company dl dt {
	clear:left;
	float:left;
	padding-bottom:1px;
	padding-top:0.5em;
	width:10em;
}
div.company dl dd {
	border-bottom:1px dotted #dddddd;
	padding-bottom:0.5em;
	padding-left:10em;
	padding-top:0.5em;
}


/* Page Guide  */

#pagenav {
display:block;
border-top:1px solid #EEEEEE;
clear:both;
margin: 0px;
padding: 0px;
margin-bottom:0;
padding-top:12px;
}

#pagenav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#pagenav li{
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px;
padding: 0px;
}


#pagenav li.next a {
background:transparent url(../layout_images/rightarrow.gif) no-repeat scroll 100% 50%;
float:right;
padding-right:25px;
line-height:25px;
}

#pagenav li.prev a {
background:transparent url(../layout_images/leftarrow.gif) no-repeat scroll 0 50%;
float:left;
padding-left:25px;
line-height:25px;
}

#relational_keywords {
margin:0px 30px;
}

#relational_keywords .keywords {
background-color:#EBEBEB;
border:#999 solid thin;
padding:5px 8px;
}



#thinline520 {
	width: 520px;
	height:1px;
	float:left;
	background-color: #CCC;
}

.scroll-pane {
	width: 530px;
	height: 330px;
	overflow: auto;
	background: #F5F5F5;
	float: left;
	padding: 20px 0px 20px 20px;
	border-spacing:0px;
}
