@charset "shift_jis";
/* =========================================

nasluck common CSS

============================================ */

*{
margin: 0;
padding: 0;
font-size: 100%;
}

a:link		{color: #0000ff;text-decoration: none;}
a:visited	{color: #0000ff;text-decoration: none;}
a:hover		{color: #ff0000;text-decoration: underline;}
a:active	{color: #ff0000;text-decoration: underline;}

h1,h2{
margin:0;
padding:0;
text-align:left;
}

img{
border: none;
margin:0;
padding:0;
}

hr{
display: none;
}

ul,li,dt,dd {
list-style:none;
}

dl {
list-style:none;
margin:0;
padding:0;
}

table {
margin:0;
padding:0;
}

body{
background:#e6eded;
color: #666666;
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
text-align: center;
line-height: 1.2;
font-size: 80%;
}

.keepcenter {
text-align:center;
margin:0;
padding:0;
}

/* サイズ */
.fts-exsmall  { font-size:80%; }
.fts-xsmall   { font-size:85%; }
.fts-small    { font-size:90%; }
.fts-normal   { font-size:95%; }
.fts-large    { font-size:105%; }
.fts-xlarge   { font-size:115%; }
.fts-exlarge  { font-size:125%; }
.gyo15 {
	font-size: 12px;
	line-height: 20px;
	color: #000066;
}

/* -------------------------------------------
	wrapper
------------------------------------------- */
#wrapper {
overflow: hidden;
width: 820px;
margin: 0 auto;
padding:0 10px;
background:#FFFFFF url(/image_cmn/main_bg.gif) repeat-y 0 0 ;
text-align:left;
}

/* -------------------------------------------
	header
------------------------------------------- */

#header {
clear:both;
width:820px;
height:75px;
padding:5px 0 0 0;
background:#FFFFFF url(/image_cmn/header_bg.gif) no-repeat 0 0;
position:relative;
}

#header .header_text {
		float:none;
		height:12px;
		display:block;
		margin:0;
		padding:7px 0 0 20px;
		color:#999;
		font-size:85%;
		font-weight:normal;
		}

#header span.logo{
width:326px;
height:53px;
position:absolute;
bottom:0;
left:0;
}

#header span.logo a{
display:block;
width:326px;
height:53px;
overflow:hidden;
text-indent:-9999px;
background:url(/image_cmn/logo_test.gif) 0 0;
}

#header ul{
display:inline-table;
list-style:none;
width:auto;
position:absolute;
top:6px;
right:15px;
}

#header ul form{
position: relative;
}

#header ul li {
float:left;
margin:0;
padding:0;
}

#header ul li a {
display:block;
overflow:hidden;
text-indent:-9999px;
}

#header ul li.searcharea {
width:192px;
position:relative;
top:10px;
left:241px;
}

#header ul li.searcharea img{
display:block;
float:left;
}

#header ul li.searcharea input.serch_area{
display:block;
float:left;
width:128px;
height:17px;
padding:3px 2px 0 2px;
background: #eeeeee;
border:0;
}

#header ul li.searcharea input.btn_serch{
display: block;
float:left;
width:40px;
height:20px;
background:url(/image_cmn/btn_search.gif) 0 0;
border: none;
overflow: hidden;
cursor:pointer;
text-indent: -9999px;
}


#header ul li a.btn_help {
width:20px;
height:20px;
background:url(/image_cmn/btn_help.gif) 0 0;
position:relative;
top:3px;
left:225px;
}

#header ul li a.btn_bgm {
display: block;
width:47px;
height:20px;
background:url(/image_cmn/btn_bgm.gif) 0 0;
position:relative;
top:10px;
left:246px;
}
#header ul li a:hover.btn_bgm {
background:url(/image_cmn/btn_bgm.gif) 0 -20px;
}


#header ul li.catalog a.btn_catalog {
display:block;
width:108px;
height:19px;
margin:0;
background:url(/image_cmn/btn_catalog.gif) 0 0;
text-indent:-9999px;
position:relative;
top:39px;
left:1px;
}
#header ul li.catalog a:hover.btn_catalog {
background:url(/image_cmn/btn_catalog.gif) 0 -19px;
}



/* -------------------------------------------
	フォントサイズ変更ボタン
------------------------------------------- */

#header ul li.font{
position:relative;
top:38px;
left:14px;
}

#fchange{
width:132px;
height:20px;
position:relative;

}

#fchange #size{
width:132px;
height:20px;
}

#fchange #size span.ttl_text{
float:left;
width:61px;
height:20px;
text-indent:-9999px;
background:#FFFFFF url(/image_cmn/ttl_text.gif) no-repeat 0 0 ;
}

#fchange a{
cursor:pointer;
}

#fsmall a,
#fmiddle a,
#flarge a{
float:left;
display: block;
width: 20px;
height: 20px;
}

#fchange .ftxt{
display: none;
}

/* ボタンの表示状態
--------------------*/
#fsmall a {
display:block;
width:17px;
margin:0 2px;
background:url(/image_cmn/btn_font.gif) no-repeat 0 0 ;
text-indent:-9999px;
position:relative;
top:0;
}

/*カレント*/
#fmiddle a {
display:block;
width:19px;
margin:0 2px 0 0;
background:url(/image_cmn/btn_font.gif) no-repeat -19px -20px ;
text-indent:-9999px;
position:relative;
top:0;
}

#flarge a {
display:block;
width:21px;
margin:0 1px 0 0;
background:url(/image_cmn/btn_font.gif) no-repeat -40px 0 ;
text-indent:-9999px;
position:relative;
top:0;
}


#fsmall a:hover {
background:url(/image_cmn/btn_font.gif) no-repeat 0 -20px ;
}
#flarge a:hover {
background:url(/image_cmn/btn_font.gif) no-repeat -40px -20px ;
}

*:first-child+html #fsmall a:hover { background:url(/image_cmn/btn_font.gif) no-repeat 0 -20px ; } 
*:first-child+html #flarge  a:hover { background:url(/image_cmn/btn_font.gif) no-repeat -40px -20px ; } 

* html #fsmall a:hover { background:url(/image_cmn/btn_font.gif) no-repeat 0 -20px ; } 
* html #flarge a:hover { background:url(/image_cmn/btn_font.gif) no-repeat -40px -20px ; } 





/* -------------------------------------------
	left
------------------------------------------- */

#left {
float:left;
width:150px;
height:auto;
margin:1px 0 0 0;
padding:0;
background:none;
}

#left ul li {
list-style:none;
margin:0;
padding:0;
}

#left ul.navi {
width:150px;
margin:0;
padding:0 0 10px 0;
background:url(/image_cmn/bg_leftline.gif) no-repeat left bottom ;
text-align:center;
}

#left ul.navi li a {
display:block;
overflow:hidden;
width:150px;
height:50px;
text-indent:-9999px;
}

#left ul.navi li a.navi_01 { background:url(/image_cmn/navi.jpg) 0 0; }
#left ul.navi li a.navi_02 { background:url(/image_cmn/navi.jpg) 0 -50px; }
#left ul.navi li a.navi_03 { background:url(/image_cmn/navi.jpg) 0 -100px; }
#left ul.navi li a.navi_04 { background:url(/image_cmn/navi.jpg) 0 -150px; }
#left ul.navi li a.navi_05 { background:url(/image_cmn/navi.jpg) 0 -200px; }
#left ul.navi li a.navi_06 { background:url(/image_cmn/navi.jpg) 0 -250px; }
#left ul.navi li a.navi_07 { background:url(/image_cmn/navi.jpg) 0 -300px; }
#left ul.navi li a.navi_08 { background:url(/image_cmn/navi.jpg) 0 -350px; }

#left ul.navi li a:hover.navi_01 { background:url(/image_cmn/navi.jpg) -150px 0; }
#left ul.navi li a:hover.navi_02 { background:url(/image_cmn/navi.jpg) -150px -50px; }
#left ul.navi li a:hover.navi_03 { background:url(/image_cmn/navi.jpg) -150px -100px; }
#left ul.navi li a:hover.navi_04 { background:url(/image_cmn/navi.jpg) -150px -150px; }
#left ul.navi li a:hover.navi_05 { background:url(/image_cmn/navi.jpg) -150px -200px; }
#left ul.navi li a:hover.navi_06 { background:url(/image_cmn/navi.jpg) -150px -250px; }
#left ul.navi li a:hover.navi_07 { background:url(/image_cmn/navi.jpg) -150px -300px; }
#left ul.navi li a:hover.navi_08 { background:url(/image_cmn/navi.jpg) -150px -350px; }


#left ul.panel {
width:150px;
margin:0;
padding:0 0 10px 0;
text-align:center;
background:none;
}

#left ul.panel li {
margin:3px 0 ;
}

#left ul.panel li a {
display:block;
width:150px;
overflow:hidden;
text-indent:-9999px;
}

#left ul.panel li a.mobile { height:50px; background:url(/image_cmn/panel.jpg) 0 0; }
#left ul.panel li a.catalog { margin:7px 0 0 0; height:50px; background:url(/image_cmn/panel.jpg) 0 -50px; }
#left ul.panel li a.sekouten { margin:7px 0 0 0; height:50px; background:url(/image_cmn/panel.jpg) 0 -100px; }
#left ul.panel li a.group { margin:7px 0 0 0; height:50px; background:url(/image_cmn/panel.jpg) 0 -150px; }
#left ul.panel li a.cooking { margin:7px 0 0 0; height:105px; background:url(/image_cmn/panel.jpg) 0 -200px; }
#left ul.panel li a.criesta { margin:7px 0 0 1px; width:146px; height:105px; background:url(/image_cmn/btn_criesta_banner.jpg) 0 0; }
#left ul.panel li a.showeresh { margin:7px 0 0 1px; width:146px; height:105px; background:url(/image_cmn/btn_showeresh_banner.jpg) 0 0; }
#left ul.panel li a.cup { margin:7px 0 0 2px; width:146px; height:105px; background:url(/image_cmn/nas_cup2010.jpg) 0 0; }
#left ul.panel li a.stainless { margin:7px 0 0 1px; width:146px; height:105px; background:url(/image_cmn/btn_side_st.jpg) 0 0; }


#left ul.panel li a:hover.mobile { height:50px; background:url(/image_cmn/panel.jpg) -150px 0; }
#left ul.panel li a:hover.catalog { margin:7px 0 0 0; height:50px; background:url(/image_cmn/panel.jpg) -150px -50px; }
#left ul.panel li a:hover.sekouten { margin:7px 0 0 0; height:50px; background:url(/image_cmn/panel.jpg) -150px -100px; }
#left ul.panel li a:hover.group { margin:7px 0 0 0; height:50px; background:url(/image_cmn/panel.jpg) -150px -150px; }
#left ul.panel li a:hover.cooking { margin:7px 0 0 0; height:105px; background:url(/image_cmn/panel.jpg) -150px -200px; }
#left ul.panel li a:hover.criesta { margin:7px 0 0 1px;width:146px; height:105px; background:url(/image_cmn/btn_criesta_banner.jpg) -146px 0; }
#left ul.panel li a:hover.showeresh { margin:7px 0 0 1px;width:146px; height:105px; background:url(/image_cmn/btn_showeresh_banner.jpg) -146px 0; }
#left ul.panel li a:hover.cup { margin:7px 0 0 2px; width:146px; height:105px; background:url(/image_cmn/nas_cup2010.jpg) -146px 0; }
#left ul.panel li a:hover.stainless { margin:7px 0 0 1px; width:146px; height:105px; background:url(/image_cmn/btn_side_st.jpg) -146px 0; }


/* -------------------------------------------
	contents
------------------------------------------- */

#contents {
overflow: hidden;
float:right;
display: block;
width:640px;
height:auto;
margin:0;
padding:15px;
text-align:center;
}

#contents ul.route{
display:inline-table;
width:630px;
margin: 0 5px 15px 0;
padding: 0 0 5px 10px;
text-align:left;
border-bottom: 1px solid #cccccc;
}

#contents ul.route:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
}

#contents ul.route{
display:inline-block;
}

/*Hides from IE-mac/*/
*html #contents ul.route{height: 1%;}
#contents ul.route{ display: block;}
/*End Hide from IE-mac*/


#contents ul.route li{
display:inline;
float:left;
width:auto;
height:auto;
padding: 0 5px 0 10px ;
background:url(/image_cmn/icon_arrow02.gif) no-repeat 0 40% ;
/*line-height:15px;*/
line-height:120%;
font-size: 85%;
text-align:left;
white-space:nowrap;
}

#contents div.main {
clear:both;
width:640px;
margin:0 auto;
padding:0;
text-align:center;
}

#contents div.section {
clear:both;
width:620px;
height:auto;
margin:0 auto;
padding:0;
text-align:left;
}

#contents .keepcenter {
text-align:center;
}


#contents span.fts-exsmall {
font-size:85%;
}


/* -------------------------------------------
	footer
------------------------------------------- */

#footer {
clear:both;
overflow:inherit;
width:820px;
height:auto;
margin: 0 auto;
padding:13px 10px 3px 10px;
background:#e6eded url(/image_cmn/bg_footer_01.jpg) no-repeat left top ;
}


#footer ul.under_up{
margin:3px auto 5px auto;
padding:2px 0;
}

#footer ul.under_bottom{
margin:0 auto ;
padding:1px 0;
}

#footer ul.under_up li,
#footer ul.under_bottom li{
display:inline;
padding:2px 5px 2px 17px;
}

/*上段*/
#footer ul.under_up li#products{background:url(../image/fd_aikon02_01.gif) 0 0 no-repeat;}
#footer ul.under_up li#showroom{background:url(../image/fd_aikon02_02.gif) 0 0 no-repeat;}
#footer ul.under_up li#plant{background:url(../image/fd_aikon02_03.gif) 0 0 no-repeat;}
#footer ul.under_up li#useful{background:url(../image/fd_aikon02_04.gif) 0 0 no-repeat;}
#footer ul.under_up li#public{background:url(../image/fd_aikon02_05.gif) 0 0 no-repeat;}

/*下段*/
#footer ul.under_bottom li#profile{background:url(../image/fd_aikon02_06.gif) 0 0 no-repeat;}
/*#footer ul.under_bottom li#condition{background:url(../image/fd_aikon02_13.gif) 0 0 no-repeat;}*/
#footer ul.under_bottom li#recruit{background:url(../image/fd_aikon02_07.gif) 0 0 no-repeat;}
#footer ul.under_bottom li#catalog{background:url(../image/fd_aikon02_12.gif) 0 0 no-repeat;}
#footer ul.under_bottom li#contact{background:url(../image/fd_aikon02_08.gif) 0 0 no-repeat;}
#footer ul.under_bottom li#mobile{background:url(../image/fd_aikon02_09.gif) 0 0 no-repeat;}
/*#footer ul.under_bottom li#link{background:url(../image/fd_aikon02_10.gif) 0 0 no-repeat;}*/
#footer ul.under_bottom li#sitemap{background:url(../image/fd_aikon02_11.gif) 0 0 no-repeat;}

/* 一文 */
#footer p.guide { 
	width:820px;
	margin:10px auto 0 auto;
	padding:3px 0;
	color:#999;
	font-size:85%;
	}

#footer_copyright {
clear:both;
width:820px;
height:auto;
margin: 0 auto;
padding: 10px 10px 0 10px;
background:url(/image_cmn/bg_footer_02.jpg) no-repeat left top ;
}

#footer_copyright ul.copyright {
clear:both;
margin: 0 auto;
padding:5px;
}

#footer_copyright ul.copyright li {
list-style:none;
margin:0;
padding:0;
}

#footer_copyright ul.copyright li a {
color:#888787;
}

#footer_copyright ul.copyright li a:hover {
color:#888787;
}

#footer_copyright ul.copyright li.other {
float:left;
font-size:85%;
color:#888787;
padding:3px 0 0 0;
}

#footer_copyright ul.copyright li.copy {
float:right;
text-align:right;
}