@charset "UTF-8";


/*---------------------------------
■初期設定リセット
---------------------------------*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

table {
	border:0px;
}

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


/*--------------------------------
■初期設定
---------------------------------*/

body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#000000;
	line-height:1.4;
	background: url(../common_img/bg.jpg) repeat-x;
	background-color:#FCFBF3;
}

a,
a:link,
a:visited {
	color:#333333;
	text-decoration:none;
}

a:hover,
a:active {
	color:#999999;
	text-decoration:none;
}

/*---------------------------------
■.wrapper
---------------------------------*/

#wrapper {
	width:854px;
	margin:0px auto;
	padding:0px;
	background:url(../common_img/kage.jpg) repeat-y;
}

/*---------------------------------
■.header
---------------------------------*/

#header {
	width:848px;
	height:61px;
	margin:0px auto;
	padding:0px 3px;
	background:url(../common_img/h_bg.jpg) repeat-x left bottom;
}

#header h1{
	float:left;
	width:127px;
	height:59px;
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background: url(../common_img/logo.jpg) no-repeat;
}

#header h1 a{
	width:127px;
	height:59px;
	text-decoration:none;
	display:block;
}

#header h1,
#header h1 a{
	background: url(../common_img/logo.jpg) no-repeat;
}

#head_right {
	float:right;
	text-align:right;
}

/*---------------------------------
■.main
---------------------------------*/

#main {
	width:848px;
	padding:0px 3px 3px;
	background:url(../common_img/f_btm.jpg) no-repeat left bottom;
}

/*---------------------------------
■.left_side
---------------------------------*/
#top_left_side{
	float:left;
	width:390px;
}


#left_side{
	float:left;
	width:180px;
}

/*---------------------------------
■.gnavi
---------------------------------*/

#top_left_side #gnavi {/*トップ用*/
	width:70px;
	margin:68px 0px 0px 37px;
	padding:0px;
}

#left_side #gnavi {/*中ページ用*/
	width:70px;
	margin:30px 0px 30px 37px;
	padding:0px;
}

#gnavi ul{
	width:70px;
	list-style-type:none;
}

#gnavi li img,
#gnavi li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}

#gnavi li{
	/* ￥*/
	overflow:hidden;
	/* */
	width:70px;
	height:29px;
	text-indent:-99999px;
}

#gnavi li a{
	width:70px;
	height:29px;
	text-decoration:none;
	display:block;
}

/*---通常時---*/
#gnavi #gnavi01,
#gnavi #gnavi01 a{
	background:url(../common_img/gnavi01.jpg) no-repeat;
}

#gnavi #gnavi02,
#gnavi #gnavi02 a{
	background:url(../common_img/gnavi02.jpg) no-repeat;
}

#gnavi #gnavi03,
#gnavi #gnavi03 a{
	background:url(../common_img/gnavi03.jpg) no-repeat;
}

#gnavi #gnavi04,
#gnavi #gnavi04 a{
	background:url(../common_img/gnavi04.jpg) no-repeat;
}

#gnavi #gnavi05,
#gnavi #gnavi05 a{
	background:url(../common_img/gnavi05.jpg) no-repeat;
}

#gnavi #gnavi06,
#gnavi #gnavi06 a{
	background:url(../common_img/gnavi06.jpg) no-repeat;
}


/*---マウスオーバー---*/
#gnavi #gnavi01 a:hover {
	background:url(../common_img/gnavi01on.jpg) no-repeat;
}

#gnavi #gnavi02 a:hover {
	background:url(../common_img/gnavi02on.jpg) no-repeat;
}

#gnavi #gnavi03 a:hover {
	background:url(../common_img/gnavi03on.jpg) no-repeat;
}

#gnavi #gnavi04 a:hover {
	background:url(../common_img/gnavi04on.jpg) no-repeat;
}

#gnavi #gnavi05 a:hover {
	background:url(../common_img/gnavi05on.jpg) no-repeat;
}

#gnavi #gnavi06 a:hover {
	background:url(../common_img/gnavi06on.jpg) no-repeat;
}

/*---------------------------------
■.content
---------------------------------*/

#top-content {
	float:right;
	width:441px;
	padding:0px 0px 0px;
	text-align:left;
}

#content {
	float:right;
	width:668px;
	text-align:left;
}

/*---------------------------------
■.footer
---------------------------------*/

#footer {
	width:848px;
	margin:0px auto;
	padding:5px 0px 50px;
	clear:both;
}

#footer #foot_navi{
	float:left;
	width:500px;
	background:url(../common_img/f_icon.jpg) no-repeat left top;
}

#footer #foot_navi ul{
	list-style-type:none;
	margin-left:48px;
}

#footer #foot_navi li img,
#footer #foot_navi li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}

#footer #foot_navi li{
	float:left;
	/* ￥*/
	overflow:hidden;
	/* */
	height:14px;
	text-indent:-99999px;
}

#footer #foot_navi li a{
	text-decoration:none;
	display:block;
}

/*---通常時---*/
#footer #foot_navi #f_navi01,
#footer #foot_navi #f_navi01 a{
	width:52px;
	margin-right:20px;
	background:url(../common_img/f_navi01.jpg) no-repeat;
}

#footer #foot_navi #f_navi02,
#footer #foot_navi #f_navi02 a{
	width:40px;
	background:url(../common_img/f_navi02.jpg) no-repeat;
}

/*---マウスオーバー---*/
#footer #foot_navi #f_navi01 a:hover {
	width:52px;
	background:url(../common_img/f_navi01_on.jpg) no-repeat;
}

#footer #foot_navi #f_navi02 a:hover {
	width:40px;
	background:url(../common_img/f_navi02_on.jpg) no-repeat;
}

#footer .c_right{
	float:right;
	width:250px;
	text-align:right;
	color:#BCBCBC;
	font-size:8px;
}


/*---------------------------------
■.page-top
---------------------------------*/

.page-up{
	text-align:right;
	padding:0px 0px 5px;
}

.page-up a,
.page-up a:link,
.page-up a:visited {
	color:#330000;
	text-decoration:none;
}

.page-up a:hover,
.page-up a:active {
	color:#999999;
	text-decoration:none;
}

/*---------------------------------
■.その他
---------------------------------*/

.clear {
	clear:both;
}

.pa_b25{
	padding-bottom:25px;
}

/*---------------------------------
■１.トップ What's new
---------------------------------*/

#t_news_wrap{
	width:372px;
	margin:252px 0px 0px 30px;
	padding:0px;
	text-align:left;
}


#t_news_wrap h2{
	width:99px;
	height:18px;
	padding:0px;
	margin:0px;
	font-size:10px;
	text-indent:-99999px;
	background:url(../images/news.jpg) no-repeat;
}

.t_news_content{
	width:362px;
	height:73px;
	overflow:auto;
	padding:0px 10px 0px 0px;
	margin-top:5px;
}

.t_news_content dl dt {
	float:left;
	padding:8px 0px 0px 12px;
	background:url(../images/disc.jpg) no-repeat 2px 12px;
	color:#999999;
	font-size:10px;
}

.t_news_content dl dd {
	padding:8px 0px 0px 80px;
	font-size:10px;
}

.t_news_content dd a,
.t_news_content dd a:link,
.t_news_content dd a:visited {
	color:#333333;
	text-decoration:none;
}

.t_news_content dd a:hover,
.t_news_content dd a:active {
	color:#999999;
	text-decoration: none;
}


/*---------------------------------
■２.Product 一覧
---------------------------------*/

#product{
	width:624px;
	margin:30px 0px 0px;
}

#product h2{
	width:78px;
	height:34px;
	padding:0px;
	margin:0px;
	font-size:12px;
	text-indent:-99999px;
	background:url(../product/images/title.jpg) no-repeat;
}


#product .catch{
	padding:38px 0px 30px;
}

#product .pro_big{
	padding-bottom:30px;
}

#product #left{
	float:left;
	width:222px;
}

#product #right{
	float:right;
	width:361px;
	text-align:left;
}

#list_box_area{
	padding:16px 0px 0px;
}

#tel_bnr{
	background:url(../common_img/line.jpg) no-repeat ;
	padding:15px 0px 10px;
	margin-top:5px;
	text-align:right;
}

.list_box {
	margin-bottom:30px;
}

.list_box li{
	float:left;
}

.list_box li.pa_r38{
	padding:0px 38px 0px 0px;
}

.list_box li img,
.list_box li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}


/*---------------------------------
■３.Product 詳細
---------------------------------*/

#pro_detail{
	width:624px;
	margin:30px 0px 0px;
}

#pro_detail #left{
	float:left;
	width:298px;
}

#pro_detail #right{
	float:right;
	width:285px;
	text-align:left;
}

#pro_detail .catch{
	padding:26px 0px 28px;
}

/*製品タイトル*/
#pro_detail h2#select_stainless{
	width:285px;
	height:40px;
	padding:0px;
	margin:0px;
	font-size:12px;
	text-indent:-99999px;
	background:url(../product/select_stainless/images/title.jpg) no-repeat;
}



/*製品ラインナップ*/

#lineup{
	width:624px;
	padding:14px 0px 10px;
}

#lineup_area{
	margin-bottom:35px;
}

#lineup_area li{
	float:left;
	padding-bottom:19px;
}

#lineup_area li.pa_r94{
	padding:0px 94px 0px 0px;
}

#lineup_area li img,
#lineup_area li a img {
	vertical-align:top;
}

/*NEXT_BACK*/
#lineup #next_back_wrap{
	width:624px;
}

#lineup #next_back_wrap #left_txt{
	float:left;
}


#lineup #next_back_wrap #next_back{
	float:right;
	width:135px;
}


#lineup #next_back ul{
	list-style-type:none;
}

#lineup #next_back li img,
#lineup #next_back li a img {
	vertical-align:top;
}

#lineup #next_back li{
	/* ￥*/
	overflow:hidden;
	/* */
	float:left;
	width:54px;
	height:15px;
	text-indent:-99999px;
}

#lineup #next_back li a{
	width:54px;
	height:15px;
	text-decoration:none;
	display:block;
}

#lineup #next_back #back{
	margin:0px 25px 0px 0px;
}

/*---通常時---*/
#lineup #next_back #next,
#lineup #next_back #next a{
	background:url(../product/images/next.jpg) no-repeat;
}

#lineup #next_back #back,
#lineup #next_back #back a{
	background:url(../product/images/back.jpg) no-repeat;
}

/*---マウスオーバー---*/
#lineup #next_back #next a:hover {
	background:url(../product/images/next_on.jpg) no-repeat;
}

#lineup #next_back #back a:hover {
	background:url(../product/images/back_on.jpg) no-repeat;
}

/*---------------------------------
■3.comingsoon
---------------------------------*/

#coming{
	
	margin:199px 199px;
}


/*---------------------------------
■４.News　マイヤーからのお知らせ
---------------------------------*/

#news{
	width:624px;
	margin:30px 0px 100px;
}

#news h2{
	width:112px;
	height:34px;
	padding:0px 0px 38px;
	margin:0px;
	font-size:12px;
	text-indent:-99999px;
	background:url(../news/images/title.jpg) no-repeat;
}

#news .subtitle{
	width:624px;
	margin-bottom:3px;
	background:url(../news/images/line.jpg) no-repeat left bottom;
}

#news .subtitle .txt{
	float:left;
	width:520px;
	font-size:16px;
	color:#330000;
	line-height:1.6;
}

#news .subtitle .date{
	float:right;
	text-align:right;
	font-size:10px;
	color:#999999;
	line-height:3;
}

#news .news_box{
	width:623px;
	margin:12px 0px 70px;
	font-size:11px;
	color:#666666;
	line-height:1.7;
}

#news .news_txt{
	float:left;
	width:360px;
}

#news .news_ph{
	float:right;
	width:248px;
	text-align:right;
}

#news ul.new_pro{
	width:248px;
}

#news ul.new_pro li{
	float:left;
}

#news ul.new_pro li.pa_r13{
	margin-right:13px;
}


/*---------------------------------
■５.Company 会社概要
---------------------------------*/

#company{
	width:624px;
	margin:30px 0px 100px;
}

#company h2{
	width:88px;
	height:34px;
	padding:0px 0px 38px;
	margin:0px;
	font-size:12px;
	text-indent:-99999px;
	background:url(../company/images/title.jpg) no-repeat;
}


#company .txt01{
	line-height:1.7;
	padding:18px 0px 44px;
}

#company .gaiyou{
	width:600px;
	line-height:1.7;
	margin-bottom:52px;
}

#company .gaiyou dt {
	float:left;
	padding:10px 0px 0px 0px;
}

#company .gaiyou dl dd {
	padding:10px 0px 0px 104px;
}



/*---------------------------------
■６.Contact
---------------------------------*/

#contact{
	width:624px;
	margin:30px 0px 220px;
}

#contact h2{
	width:82px;
	height:34px;
	padding:0px 0px 38px;
	margin:0px;
	font-size:12px;
	text-indent:-99999px;
	background:url(../contact/images/title.jpg) no-repeat;
}

#contact .tel_num{
	padding:132px 0px 0px 90px;
}

#contact #faq_btn{
}

#contact #faq_btn{
	width:154px;
	height:21px;
	text-indent:-99999px;
	background:url(../contact/images/faq_btn.jpg) no-repeat;
	margin:36px 0px 0px 192px;
}

#contact #faq_btn a{
	/* ￥*/
	overflow:hidden;
	/* */
	width:154px;
	height:21px;
	text-decoration:none;
	display:block;
	text-indent:-99999px;
	background:url(../contact/images/faq_btn.jpg) no-repeat;
}

#contact #faq_btn a:hover {
	background:url(../contact/images/faq_btn_on.jpg) no-repeat;
}




/*---------------------------------
■６.FAQ
---------------------------------*/
#faq{
	width:624px;
	margin:30px 0px 100px;
}

#faq h2{
	width:74px;
	height:34px;
	padding:0px 0px 20px;
	margin:0px;
	font-size:12px;
	text-indent:-99999px;
	background:url(../faq/images/title.jpg) no-repeat;
}

#faq .question{
	width:624px;
	color:#666666;
}

#faq .question li{
	padding:0px 0px 7px 25px;
	text-indent:-25px;
}

#faq .question a,
#faq .question a:link,
#faq .question a:visited {
	color:#666666;
	text-decoration:none;
}

#faq .question a:hover,
#faq .question a:active {
	color:#999999;
	text-decoration:none;
}

#faq .answer{
	width:624px;
	background:url(../faq/images/line.jpg) no-repeat left top;
	margin:30px 0px 20px;
	padding:25px 0px 0px;
}

#faq .answer dt{
	text-indent:-30px;
	font-size:13px;
	color:#330000;
	line-height:1.6;
	padding:0px 0px 17px 30px;
}

#faq .answer dd{
	color:#666666;
	line-height:1.7;
	padding-bottom:17px;
}

#faq .answer ul{
	margin-top:18px;
}

#faq .answer li{
	padding:0px 0px 0px 15px;
}

#faq .answer li.no1{
	background:url(../faq/images/no1.gif) no-repeat left 3px;
}

#faq .answer li.no2{
	background:url(../faq/images/no2.gif) no-repeat left 3px;
}
#faq .answer li.no3{
	background:url(../faq/images/no3.gif) no-repeat left 3px;
}

#faq .answer li.no4{
	background:url(../faq/images/no4.gif) no-repeat left 3px;
}

#faq .answer li.no5{
	background:url(../faq/images/no5.gif) no-repeat left 3px;
}
#faq .answer li.no6{
	background:url(../faq/images/no6.gif) no-repeat left 3px;
}

#faq .answer li.no7{
	background:url(../faq/images/no7.gif) no-repeat left 3px;
}

#faq .answer li.no8{
	background:url(../faq/images/no8.gif) no-repeat left 3px;
}

#faq .answer li.no9{
	background:url(../faq/images/no9.gif) no-repeat left 3px;
}
#faq .answer li.shikaku{
	background:url(../faq/images/shikaku.gif) no-repeat left 3px;
}

#faq .answer li.shikaku2{
	background:url(../faq/images/shikaku2.gif) no-repeat left 3px;
}