@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: #333333;
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;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* for IE 5.5-7 */
.clearfix {
	zoom:100%;
}

/* -------------------------------------------
	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:100px;
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 h1.logo{
width:284px;
height:69px;
position:absolute;
bottom: 14px;
left: 12px;

}

#header h1.logo a{
display:block;
width:284px;
height:69px;
overflow:hidden;
text-indent:-9999px;
background: url(/image_cmn_new/header_logo.png) 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:230px;
}

#header ul li.searcharea input[type="text"],input[type="submit"]{
	-webkit-appearance: none;
	border-radius: 0;
}

#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:240px;
}
#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:60px;
left:-110px;
}
#header ul li.catalog a:hover.btn_catalog {
background:url(/image_cmn/btn_catalog.gif) 0 -19px;
}


/*---------------文字サイズ変更-------*/
#control-wrap {
	width: 230px;
	margin: 15px 0 0 30px;
}

#control-wrap ul{
display: block;
border-bottom:1px solid #148ec6;
background-image: url(../image_new/font-bg.png);
height: 33px;
width: 230px;
}

#control-wrap ul li{
padding:0px 10px 0px 10px;
float:right;
}

#control-wrap ul li img{
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#control-wrap img:hover,
#control-wrap .active {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


#animation {
	width: 400px;
	float: left;
	margin: 10px 10px 0 26px;
}


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

#header ul li.font{
position:relative;
top:25px;
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 2px 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.htm { margin:0 0 7px 0; text-indent:0; }
#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/bnr_tokencup.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.ecoreform { margin:7px 0 0 0; height:97px; background:url(/image_cmn/panel_ecoreform.jpg) 0 0; }
#left ul.panel li a.event { margin:7px 0 0 2px; width:146px; height:105px; background:url(/image_cmn/bnr_tokutoku.jpg) 0 0; }

#left ul.panel li a.htm:hover { opacity: 0.7 }
#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.ecoreform { margin:7px 0 0 0; height:97px; background:url(/image_cmn/panel_ecoreform.jpg) 0px -97px; }
#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/bnr_tokencup.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; }
#left ul.panel li a:hover.event { margin:7px 0 0 2px; width:146px; height:105px; background:url(/image_cmn/bnr_tokutoku.jpg) -146px 0; }



#left ul.panel_new {
width:150px;
margin:0;
padding:0 0 10px 0;
}

#left ul.panel_new li {
margin:3px 2px;
}

/* -------------------------------------------
	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: 90%;
*/
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 3px 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;
color:#888787;
}


/* @タブレット非表示対応-リンク非表示
	「userAgent.js」とセットで動作します。 */
.noFlash {
	display:none;
}
.mobile .hasFlash {
	display:none;
}
.mobile .noFlash {
	display:block;
}