@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit; /*font-size:100%;*/ font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

html{
font-size:62.5%;
}

body{
font-size:16px;
font-size:1.6rem;
line-height:1.5;
font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background:url("../img/bg_main.png") repeat-x scroll 0 0 transparent;
-webkit-text-size-adjust:100%;
}

*, *:before, *:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
color:#313131;
}

a:hover, a:active{
outline:none;
color:#6f6f6f;
}


/**** Clearfix ****/
#wrapper:after, nav .panel:after, nav#mainNav:after, ul.product_list li:after, nav#mainNav .inner:after, #order:after, #pdf:after, #pdf2:after, #spec:after, #spec2:after, #caution:after, #footer1:after{content:""; display:table;clear:both;}
#wrapper, nav .panel, nav#mainNav, ul.product_list li, nav#mainNav .inner, #order, #pdf,  #pdf2, #spec, #spec2, #caution, #footer1{zoom:1;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:1280px;
}

#wrapper{
background-color:#fff;
}

#header{
height:110px;
border-top:3px #000080 solid;
overflow:hidden;
}

#header .inner{
position:relative;
height:110px;
}

#content{
float:left;
width:1050px;
padding:20px 15px 5px 15px;
}

#sidebar{
float:right;
width:230px;
padding:20px 15px 20px 15px;
}

#footer1{
clear:both;
border-top:3px solid #000080;
background-color:#eee;
}

#footer2{
clear:both;
background-color:#000080;
}

/* ヘッダー
------------------------------------------------------------*/

/* サイト説明文
----------------------------------*/
#header h1{
padding:2px 0 0 0;
font-size:12px;
font-size:1.2rem;
font-weight:normal;
color:#999;
text-align:left;
}

/* 上部ナビ
----------------------------------*/
#header ul.headNav {
position:absolute;
top:0;
right:0;
background-color:#f9f9f9;
border:1px solid #666;
border-top:none;
border-bottom-left-radius:8px;
}

#header ul.headNav li {
background-image:none;
float:right;
padding:0 8px;
}

#header ul.headNav li a {
display:block;
position:relative; /* IE6用 */
margin:3px 0;
padding:0 0 0 20px;
font-size:14px;
color:#000080;
text-align:left;
}

#header ul.headNav li.info a {
background-image:url(../img/headnav_sprite.png);
background-repeat:no-repeat;
background-position:0 3px;
background-size:50px 400px;
}
.ie8 #header ul.headNav li.info a {
background-position:0 -45px;
}


#header ul.headNav li.sitemap a {
background:url(../img/headnav_sprite.png);
background-repeat:no-repeat;
background-position:0 -118px;
background-size:50px 400px;
}
.ie8 #header ul.headNav li.sitemap a {
background-position:0 -285px;
}

#header ul.headNav li.shop_cart a {
background:url(../img/headnav_sprite.png);
background-repeat:no-repeat;
background-position:0 -38px;
background-size:50px 400px;
}
.ie8 #header ul.headNav li.shop_cart a {
background-position:0 -127px;
}

#header ul.headNav li.que a {
background:url(../img/headnav_sprite.png);
background-repeat:no-repeat;
background-position:0 -78px;
background-size:50px 400px;
}
.ie8 #header ul.headNav li.que a {
background-position:0 -207px;
}

#header ul.headNav li a:hover {
text-decoration:underline;
color:#800000;
}

/* ヘダー
----------------------------------*/
#header h2{
position:absolute;
top:30px;
left:0;
}
#header .freepostage{
position:absolute;
top:85px;
left:5px;
}
#header .telfax{
position:absolute;
top:32px;
right:-15px;
}
#header .banner{
position:absolute;
top:30px;
left:250px;
width:300px;
height:75px;
}


/* パンくずリスト
------------------------------------------------------------*/
ol.breadcrumb{
/*padding:0 0 5px 6px;*/
background: url(https://www.iifas.jp/img/tri_black_s.gif) no-repeat 0 2px;
padding:0 0 10px 6px;
/*white-space:nowrap;*/
overflow:hidden;
line-height:1.2;
}

ol.breadcrumb li{
display:inline;
font-size:14px;
font-size:1.4rem;
}

ol.breadcrumb li::before{
content:'\003E';
margin:0 0.4em;
}

ol.breadcrumb li:first-child::before{
content:'';
}

ol.breadcrumb li a{
color:#000;
font-size:14px;
font-size:1.4rem;
text-decoration:underline;
}

ol.breadcrumb li a:hover{
color:#800000;
}


/* 見出し
------------------------------------------------------------*/
#main_header1{
float:right;
text-align:right;
font-size:16px;
font-size:1.6rem;
padding:3px 5px 2px 28px;
background:url('https://www.iifas.jp/img/diagonal5.png') no-repeat;
margin-bottom:1px;
}

#main_header1 a{
color:#fff;
}

#main_header1 a:hover{
text-decoration:underline;
}

h2#main_header2{
clear:both;
margin:0;
padding:5px;
text-align:center;
font-size:25px;
font-size:2.5rem;
color:#fff;
font-weight:bold;
line-height:1.3em;
background:url('https://www.iifas.jp/img/bg02.jpg') repeat-x;
}

#main_header3{
clear:both;
text-align:center;
font-weight:bold;
background:url('https://www.iifas.jp/img/bg07.jpg') repeat-x;
padding:5px;
text-align:center;
font-size:16px;
font-size:1.6rem;
line-height:1.3em;
color:#800000;
margin-bottom:15px;
}

.order_caption{
clear:both;
color:#000099;
font-weight:bold;
font-size:20px;
font-size:2.0rem;
}


/* 各種テーブル
------------------------------------------------------------*/

table.spec_table{
border:2px solid #808080;
margin-top:5px;
margin-bottom:10px;
}

table.spec_table th{
padding:5px;
background-color:#ccc;
text-align:center;
vertical-align:middle;
border:1px solid #808080;
}

table.spec_table td{
padding:5px;
text-align:center;
vertical-align:middle;
border:1px solid #808080;
}

table.spec_table td a{
color:#990000;
text-decoration:underline;
}

table.spec_table tr:hover{
background-color:#eee;
}

table.pdf_table{
/*width:220px;*/
width:31%;
float:left;
/*margin:0 5px 10px 2px;*/
margin:0 1% 10px 1%;
}

table.pdf_table th{
padding:5px;
background-color:#f5f5dc;
text-align:center;
border:1px solid #99cc00;
border-bottom:none;
line-height:1.3;
}

table.pdf_table td{
padding:10px 5px;
background-color:#fff;
text-align:center;
border:1px solid #99cc00;
border-top:none;
line-height:1.3;
}

table.pdf_table td img{
margin:10px auto;
max-width:98%;
height:auto;
border:1px solid #999;
}

table.pdf_table td ul li{
display:inline;
}

table tr.border_top{border-top:2px solid #666;}

.table_wrapper{
width:100%;
overflow-x:auto;
}
.table_wrapper::-webkit-scrollbar{
width:8px;
height:8px;
}
.table_wrapper::-webkit-scrollbar-track{
background: #F1F1F1;
}
.table_wrapper::-webkit-scrollbar-thumb {
background: #BCBCBC;
}


/* 各種設定
------------------------------------------------------------*/
.verysmall{font-size:12px;font-size:1.2rem;/*line-height:1.3;*/}
.small{font-size:14px;font-size:1.4rem;line-height:1.3;}
.normal{font-size:16px;font-size:1.6rem;/*line-height:1.3;*/}
.big{font-size:20px;font-size:2.0rem;line-height:1.3;}
.verybig{font-size:25px;font-size:2.5rem;/*line-height:1.3;*/}

.float-l{float:left;}
.float-r{float:right;}
.clear{clear:both;}

.left{text-align:left!important;}
.right{text-align:right!important;}
.center{text-align:center;}

.mg-t10{margin-top:10px;}
.mg-b10{margin-bottom:10px;}
.mg-t20{margin-top:20px;}
.mg-b20{margin-bottom:20px;}
.mg-r10{margin-right:10px;}
.mg-l10{margin-left:10px;}
.mg-r20{margin-right:20px;}
.mg-l20{margin-left:20px;}


.f00{color:#FF0000;}

.dark-red{color:#660000;}
.red{color:#800000;}
.bright-red{color:#990000;}
.blue{color:#000080;}
.orange{color:#F3823E;}
.gray{color:#666666;}

.w-bold{font-weight:bold;}
.w-normal{font-weight:normal;}

.nowrap{white-space:nowrap;}

.kome{text-indent:-1em;padding-left:1em;line-height:1.3;}

.border-gray{border:1px solid #ccc;}

ul.yaz3 li {
list-style-type: none;
padding: 2px 0 8px 22px;
background: url(https://www.iifas.jp/img/yaz3.gif) no-repeat 2px 4px;
color:#000080;
font-weight:bold;
line-height:1.3;
}

ul.circle_black li {
list-style-type: none;
padding: 4px 0 4px 20px;
background: url(https://www.iifas.jp/img/circle_black.gif) no-repeat 4px 8px;
text-align:left;
color:#333;
font-weight:normal;
line-height:1.3;
}

ul.tri_black_s li {
list-style-type: none;
padding: 4px 0 4px 18px;
background: url(https://www.iifas.jp/img/tri_black_s.gif) no-repeat 2px 6px;
text-align:left;
line-height:1.3;
}
ul.tri_black_s li a{
color:#000080;
text-decoration:underline;
}
ul.tri_black_s li a:hover{
color:#800000;
text-decoration:underline;
}

ul.tri_red li {
list-style-type: none;
padding: 2px 0 8px 18px;
background: url(https://www.iifas.jp/img/tri_red.gif) no-repeat 2px 4px;
text-align:left;
line-height:1.3;
}

ul.tri_red li a{
color:#000080;
}
ul.tri_red li a:hover{
color:#800000;
text-decoration:underline;
}

p.tri_blue_anim{
color:#000080;
margin:10px 0;
padding-left:20px;
background:url("../img/tri_blue_anim.gif") no-repeat 0 4px;
line-height:1.3;
}
p.tri_blue_anim a{
color:#000080;
text-decoration:underline;
}

.scroll{
width:100%;
overflow-x:auto;
}
.scroll::-webkit-scrollbar {
height:5px;
}
 
.scroll::-webkit-scrollbar-track {
/*border-radius:5px;*/
background:#eee;
}
.scroll::-webkit-scrollbar-thumb {
/*border-radius:5px;*/
background:#666;
}

.wholesale {
font-size:14px;
font-size:1.4rem;
padding:8px;
padding:10px 10px 10px 45px;
background:#f5f5f5 url("../img/cart.png") no-repeat 5px 5px;
background-size:32px 32px;
color:#000066;
border-radius:8px;
margin-bottom:10px;
line-height:1.3;
}
.wholesale a{
font-size:14px;
font-size:1.4rem;
color:#000066;
text-decoration:underline;
}

.sale {
font-size:14px;
font-size:1.4rem;
color:#fff;
background-color:#f00;
padding:0 3px;
font-weight:bold;
white-space:nowrap;
border-radius:3px;
}

.finished {
font-size:14px;
font-size:1.4rem;
color:#000;
background-color:#ffa500;
padding:0 3px;
font-weight:bold;
white-space:nowrap;
border-radius:3px;
}

.caption{
margin-top:35px;
position:relative;
color:#000080;
line-height:1.2;
padding-left:22px;
min-height:35px;
}
.caption_arrow {
position:absolute;
top:3px;
left:0;
width:0;
height:0;
float:left;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:30px solid #000080;
}


/* 大カテゴリー
------------------------------------------------------------*/
.cat1_header1{
margin-top:10px;
float:left;
text-align:left;
font-size:24px;
font-size:2.4rem;
font-weight:bold;
color:#fff;
padding:4px 30px 4px 5px;
background:url('https://www.iifas.jp/img/diagonal2.png') top right no-repeat;
margin-bottom:1px;
}

.cat1_header2{
clear:both;
border:1px solid #800000;
}

.cat1_header3{
text-align:right;
color:#800000;
margin-bottom:10px;
}

/* 中カテゴリー
------------------------------------------------------------*/
.cat2_header1{
margin-top:10px;
float:left;
text-align:left;
font-size:24px;
font-size:2.4rem;
font-weight:bold;
color:#fff;
padding:4px 30px 4px 5px;
background:url('https://www.iifas.jp/img/diagonal4.png') top right no-repeat;
margin-bottom:1px;
}

.cat2_header1 span{
font-size:18px;
font-size:1.8rem;
}

.cat2_header2{
clear:both;
border:1px solid #006600;
}

.cat2_header3{
text-align:right;
color:#800000;
margin-bottom:10px;
}

/* 関連商品
------------------------------------------------------------*/
.related_header1{
margin-top:50px;
float:left;
text-align:left;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
color:#fff;
padding:4px 30px 4px 5px;
background:url('https://www.iifas.jp/img/diagonal2.png') top right no-repeat;
margin-bottom:1px;
}

.related_header2{
clear:both;
border:1px solid #800000;
margin-bottom:10px;
}


/* 製品リスト
------------------------------------------------------------*/
ul.product_list{
margin-bottom:50px;
}
ul.product_list li{
padding:20px 5px 20px 25px;
background:no-repeat url("https://www.iifas.jp/img/yaz3.gif") 7px 25px;
border-bottom:2px dotted #666;
line-height:1.2;
}

/*ul.product_list li:hover{
background-color:#f3f3f3;
cursor:pointer;
}*/

ul.product_list li a{
font-size:20px;
font-size:2.0rem;
color:#000080;
text-decoration:underline;
}

ul.product_list li a:hover{
color:#800000;
text-decoration:underline;
}

ul.product_list li .detail_link a{
color:#000080;
text-decoration:none;
font-weight:normal;
font-size:14px;
font-size:1.4rem;
text-align:center;
padding:0 5px;
margin-left:10px;
border:1px solid #999;
border-radius:5px;
background:#EEE;
background:-moz-linear-gradient(top,#fff 0%,#eee);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
white-space:nowrap;
cursor:pointer;
line-height:1;
}
ul.product_list li .detail_link a:hover{
text-decoration:underline;
}

ul.product_list li .sub_content{
display:table;
width:100%;
}
ul.product_list li .column1{
display:table-cell;
vertical-align:top;
}
ul.product_list li .column2{
display:table-cell;
text-align:right;
vertical-align:top;
}
ul.product_list li .w400 {width:400px;}
ul.product_list li .w350 {width:350px;}
ul.product_list li .w300 {width:300px;}
ul.product_list li .w250 {width:250px;}
ul.product_list li .w200 {width:200px;}

ul.product_list li img.detail_button{
margin:0 5px;
}

ul.product_list li img.goods, ul.product_list li embed.goods{
margin:5px;
border:1px solid #ccc;
}

ul.product_list li table{
border:1px solid #666;
}
ul.product_list li table td{
padding:2px;
border:1px solid #666;
}

ul.product_list p{
padding:2px;
}

ul.product_list ul.tri_black_s{
margin-left:0;
}

ul.product_list ul.tri_black_s li{
color:#333;
padding:2px 2px 2px 18px;
background:no-repeat url("https://www.iifas.jp/img/tri_black_s.gif") left 2px;
border-bottom:none;
}

ul.product_list ol{
margin-left:20px;
}

ul.product_list ol li{
list-style-type:decimal;
color:#333;
padding:2px;
background:none;
border-bottom:none;
}

/* 右ペイン
------------------------------------------------------------*/
#sidebar #cart {
border-color:#666;
border-style:solid solid solid solid;
border-width:1px;
padding:4px 10px;
padding:0;
margin-bottom:10px;
background-color:#f9f9f9;
}

#sidebar #cart .title {
height:37px;
background:url(../img/title_cart_bg.png) repeat-x;
border-bottom:solid 1px #666;
text-align:center;
}

#sidebar #search {
border-color:#666;
border-style:solid solid solid solid;
border-width:1px;
padding:4px 10px;
padding:0;
margin-bottom:10px;
}

#sidebar #search .title {
height:25px;
background:#f9f0f6;
border-bottom:solid 1px #666;
text-align:center;
}

#sidebar #search span{
color:#ff4500;
font-size:15px;
font-size:1.5rem;
padding-bottm:5px;
}

#sidebar #shop_feature{
border-color:#666;
border-style:solid solid solid solid;
border-width:1px;
padding:4px 10px;
padding:0;
margin-bottom:10px;
}

#sidebar #shop_feature .title {
height:30px;
background:#faf6e0;
border-bottom:solid 1px #666;
text-align:center;
}

#sidebar #shop_feature #feature_content{
padding:5px;
}

#sidebar #shop_feature dt{
padding:0 0 4px 16px;
background:url(../img/check_new.gif) no-repeat left 2px;
color:#CC0000;
}
#sidebar #shop_feature dt span{
background:linear-gradient(transparent 60%, #ff9 0%);
}
#sidebar #shop_feature dd{
padding:0 0 4px 16px;
color:#000033;
font-size:15px;
font-size:1.5rem;
line-height:1.3em;
}

#sidebar #fax_banner{
height:45px;
margin-bottom:10px;
}
#sidebar #creditsale{
height:45px;
margin-bottom:10px;
}
#sidebar #certificate{
height:45px;
margin-bottom:10px;
}

#sidebar #calendar{
border-color:#666;
border-style:solid solid solid solid;
border-width:1px;
text-align:center;
padding-bottom:5px;
margin-bottom:10px;
}

#sidebar #calendar .title{
height:45px;
background:#eee;
border-bottom:solid 1px #666;
text-align:center;
}

#sidebar #calendar .note{
color:#ff4500;
font-weight:bold;
line-height:1;
}
#sidebar #calendar p{
margin:10px auto 0;
}

#sidebar #ranking{
width:100%;
margin-bottom:10px;
}
#sidebar #ranking iframe{
width:100%;
height:868px;
overflow:hidden;
margin:0;
}

#sidebar #other_banners{
text-align:center;
}

#sidebar #other_banners .banner_b10{
margin-bottom:10px;
line-height:0;
}
#sidebar #other_banners .banner_b20{
margin-bottom:20px;
line-height:0;
}

/* サイト内検索
------------------------------------------------------------*/
#search .cse .gsc-control-cse, .gsc-control-cse {
padding:4px !important;
}
#search .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
padding:6px !important;
width:30px !important;
height:30px !important;
}
#search .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:6px !important;
}
#search .search-control-cse, 
#search .search-control-cse-ja,
#search .gsib_a{
margin:0 !important;
padding:0 !important;
}
#search input[type="text"]{
border:1px solid #dddddd !important;
/*height:25px !important;*/
font-size:18px;
}
/*#search input[type="text"]:focus {
border:2px solid #B0C4DE !important;
outline:0;*/  /*safariの自動フォーカスを切る */
/*}*/
/* テキスト入力フォームの影を消す */
#search #search-iw-id1{
border:none !important;
}
/* 入力時に出る「×」ボタンを非表示 */
#search .gsib_b{
display:none;
}

#search .gsc-results-wrapper-overlay{
height:90%;
padding:10px;
width:80%;
left:10%;
}

/* フッター
------------------------------------------------------------*/
#footer1 #footer-sitemap{
margin:0 auto;
padding:8px 0;
text-align:left;
width:100%;
color:#000000;
}

#footer1 #footer-sitemap ul{
margin:0 10px 20px 10px;
}

#footer1 #footer-sitemap ul li{
margin:0 0 8px 0;
list-style-type:none;
font-size:14px;
font-size:1.4rem;
}

#footer1 #footer-sitemap ul li ul{
padding:6px 0 0 8px;
background-image:url(../img/sitemap_linev.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

#footer1 #footer-sitemap ul li ul li{
margin:0 0 8px 0;
padding:0 0 0 24px;
background-image:url(../img/sitemap_lineh.gif);
background-repeat:no-repeat;
background-position:0 11px;
}

#footer1 #footer-sitemap ul li ul li:last-child{
background-image:none;
}

#footer1 #footer-sitemap ul li a{
font-size:14px;
font-size:1.4rem;
color:#000080;
text-decoration:underline;
}

#footer1 #footer-sitemap ul li a:hover{
background-color:#800000;
color:#fff;
}

#footer2 p{
padding:8px 0;
text-align:right;
}

#footer2 p a{
color:#fff;
font-size:14px;
font-size:1.4rem;
}

#footer2 p a:hover{
text-decoration:underline;
}



/* トップへ戻るボタン
------------------------------------------------------------*/
#page-top {
position:fixed;
bottom:5%;
right:5%;
font-size:11px;
font-size:1.1rem;
}
#page-top a {
display:block;
text-decoration:none;
padding-top:62px;
width:62px;
height:0;
overflow:hidden;
background:url('../img/pagetop.png') no-repeat 0 -62px;
}

/*#page-top a:hover {
background-position:0 0;
}*/

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:981px){
	nav#mainNav{
	clear:both;
	position:relative;
	z-index:2;
	width:100%;
	}
	
	nav#mainNav .inner{
	padding-left:1px;
	background:url(../img/mainNavSep.png) no-repeat 0 2px;
	}

	nav#mainNav ul li{
	float:left;
	position:relative;
	background:url(../img/mainNavSep.png) no-repeat 100% 2px;
	margin-left:1px;
	}
	
	nav#mainNav ul li a{
	display:block;
	text-align:center;
	_float:left;
	color:#000;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	border-bottom:2px solid #000080;
	margin-right:1px;
	/*padding:0 40px 0;*/
	}
	nav#mainNav ul li a .menu_arrow{
	color:#ff4500;
	}

	nav#mainNav ul li.nav01 a{width:169px;}
	nav#mainNav ul li.nav02 a{width:129px;}
	nav#mainNav ul li.nav03 a{width:229px;}
	nav#mainNav ul li.nav04 a{width:89px;}
	nav#mainNav ul li.nav05 a{width:79px;}
	nav#mainNav ul li.nav06 a{width:179px;}
	nav#mainNav ul li.nav07 a{width:78px;}
	nav#mainNav ul li.nav01 a{width:calc(980px * 0.17);}
	nav#mainNav ul li.nav02 a{width:calc(980px * 0.13);}
	nav#mainNav ul li.nav03 a{width:calc(980px * 0.24);}
	nav#mainNav ul li.nav04 a{width:calc(980px * 0.08);}
	nav#mainNav ul li.nav05 a{width:calc(980px * 0.08);}
	nav#mainNav ul li.nav06 a{width:calc(980px * 0.18);}
	nav#mainNav ul li.nav07 a{width:calc(980px * 0.08);}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

	/*nav#mainNav ul li.current-menu-item a, */ 
	/*nav#mainNav ul li a:hover span,*/
	nav#mainNav ul li a:hover
	/*, nav#mainNav ul li.current-menu-parent a*/ {
	color:#fff;
	border-bottom:2px solid #800000;
	background:url(../img/gnav_on.png) repeat-x;
	}
	nav#mainNav ul li a:hover .menu_arrow{
	color:#fff;
	}

	nav#mainNav ul ul{
/*	width:200px;*/
	border:1px solid #CDCDCD;
	border-top:0;
	}

	nav#mainNav ul li ul{display:none;}

	nav#mainNav ul li:hover ul{
	display:block;
	position:absolute;
	top:30px;
	left:-1px;
	z-index:500;
	}

	nav#mainNav ul li li{
	margin:0;
	float:none;
	height:37px;
/*	width:200px;*/
	background:#fff;
	border-bottom:1px dotted #CDCDCD;
	}

/*	nav#mainNav ul li li:last-child{border:0;}*/

	nav#mainNav ul li li a{
	display:block;
	height:35px;
	padding:0 0 0 3px;
	line-height:35px;
	font-weight:normal;
	font-size:14px;
	font-size:1.4rem;
	color:#006600;
	text-align:left;
	border-bottom:none;
	}

	nav#mainNav ul li.nav01 li a{width:350px;}
	nav#mainNav ul li.nav02 li a{width:380px;}
	nav#mainNav ul li.nav03 li a{width:500px;}
	nav#mainNav ul li.nav04 li a{width:400px;}
	nav#mainNav ul li.nav05 li a{width:260px;}
	nav#mainNav ul li.nav06 li a{width:420px;}
	nav#mainNav ul li.nav07 li a{width:280px;}

	nav#mainNav ul li li a div{
	float:left;
	width:35px;
	height:35px;
	background-image: url("../img/gnav_bg.png");
	}

	nav#mainNav ul li li.nav0101 a div { background-position: 0 0; }
	nav#mainNav ul li li.nav0102 a div { background-position: 0 -35px; }
	nav#mainNav ul li li.nav0103 a div { background-position: 0 -70px; }
	nav#mainNav ul li li.nav0104 a div { background-position: 0 -105px; }
	nav#mainNav ul li li.nav0105 a div { background-position: 0 -140px; }
	nav#mainNav ul li li.nav0106 a div { background-position: 0 -175px; }
	nav#mainNav ul li li.nav0107 a div { background-position: 0 -210px; }
	nav#mainNav ul li li.nav0108 a div { background-position: 0 -245px; }
	nav#mainNav ul li li.nav0109 a div { background-position: 0 -280px; }
	nav#mainNav ul li li.nav0201 a div { background-position: -35px 0; }
	nav#mainNav ul li li.nav0202 a div { background-position: -35px -35px; }
	nav#mainNav ul li li.nav0203 a div { background-position: -35px -70px; }
	nav#mainNav ul li li.nav0204 a div { background-position: -35px -105px; }
	nav#mainNav ul li li.nav0205 a div { background-position: -35px -140px; }
	nav#mainNav ul li li.nav0206 a div { background-position: -35px -175px; }
	nav#mainNav ul li li.nav0207 a div { background-position: -35px -210px; }
	nav#mainNav ul li li.nav0208 a div { background-position: -35px -245px; }
	nav#mainNav ul li li.nav0209 a div { background-position: -35px -280px; }
	nav#mainNav ul li li.nav0210 a div { background-position: -35px -315px; }
	nav#mainNav ul li li.nav0211 a div { background-position: -35px -350px; }
	nav#mainNav ul li li.nav0301 a div { background-position: -70px 0 }
	nav#mainNav ul li li.nav0302 a div { background-position: -70px -35px; }
	nav#mainNav ul li li.nav0303 a div { background-position: -70px -70px; }
	nav#mainNav ul li li.nav0304 a div { background-position: -70px -105px; }
	nav#mainNav ul li li.nav0305 a div { background-position: -70px -140px; }
	nav#mainNav ul li li.nav0306 a div { background-position: -70px -175px; }
	nav#mainNav ul li li.nav0401 a div { background-position: -105px 0 }
	nav#mainNav ul li li.nav0402 a div { background-position: -105px -35px; }
	nav#mainNav ul li li.nav0403 a div { background-position: -105px -70px; }
	nav#mainNav ul li li.nav0404 a div { background-position: -105px -105px; }
	nav#mainNav ul li li.nav0405 a div { background-position: -105px -140px; }
	nav#mainNav ul li li.nav0501 a div { background-position: -140px 0 }
	nav#mainNav ul li li.nav0502 a div { background-position: -140px -35px; }
	nav#mainNav ul li li.nav0601 a div { background-position: -175px 0 }
	nav#mainNav ul li li.nav0602 a div { background-position: -175px -35px; }
	nav#mainNav ul li li.nav0603 a div { background-position: -175px -70px; }
	nav#mainNav ul li li.nav0604 a div { background-position: -175px -105px; }
	nav#mainNav ul li li.nav0605 a div { background-position: -175px -140px; }
	nav#mainNav ul li li.nav0701 a div { background-position: -210px 0 }
	nav#mainNav ul li li.nav0702 a div { background-position: -210px -35px; }
	nav#mainNav ul li li.nav0703 a div { background-position: -210px -70px; }
	nav#mainNav ul li li.nav0704 a div { background-position: -210px -105px; }
	nav#mainNav ul li li.nav0705 a div { background-position: -210px -140px; }
	nav#mainNav ul li li.nav0706 a div { background-position: -210px -175px; }

	/*nav#mainNav ul li li.current-menu-item a, */
	nav#mainNav ul li li a:hover{
	color:#800000;
	background:#F9F9F9;
	text-decoration:underline;
	border-bottom:none;
	}

}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:1081px){
	nav#mainNav ul li.nav01 a{width:calc(1080px * 0.17);}
	nav#mainNav ul li.nav02 a{width:calc(1080px * 0.13);}
	nav#mainNav ul li.nav03 a{width:calc(1080px * 0.24);}
	nav#mainNav ul li.nav04 a{width:calc(1080px * 0.08);}
	nav#mainNav ul li.nav05 a{width:calc(1080px * 0.08);}
	nav#mainNav ul li.nav06 a{width:calc(1080px * 0.18);}
	nav#mainNav ul li.nav07 a{width:calc(1080px * 0.08);}
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:1181px){
	nav#mainNav ul li.nav01 a{width:calc(1180px * 0.17);}
	nav#mainNav ul li.nav02 a{width:calc(1180px * 0.13);}
	nav#mainNav ul li.nav03 a{width:calc(1180px * 0.24);}
	nav#mainNav ul li.nav04 a{width:calc(1180px * 0.08);}
	nav#mainNav ul li.nav05 a{width:calc(1180px * 0.08);}
	nav#mainNav ul li.nav06 a{width:calc(1180px * 0.18);}
	nav#mainNav ul li.nav07 a{width:calc(1180px * 0.08);}
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:1281px){
	nav#mainNav ul li.nav01 a{width:calc(1280px * 0.17);}
	nav#mainNav ul li.nav02 a{width:calc(1280px * 0.13);}
	nav#mainNav ul li.nav03 a{width:calc(1280px * 0.24);}
	nav#mainNav ul li.nav04 a{width:calc(1280px * 0.08);}
	nav#mainNav ul li.nav05 a{width:calc(1280px * 0.08);}
	nav#mainNav ul li.nav06 a{width:calc(1280px * 0.18);}
	nav#mainNav ul li.nav07 a{width:calc(1280px * 0.08);}
}

/* 幅1280px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1280px){

	#wrapper, .inner{width:100%;}

	#header{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	}

	#content{
	width:750px;
	width:calc(100% - 230px) 
	}
}

/* 幅980px以下から
------------------------------------------------------------*/
@media only screen and (max-width:980px){

	body{background-image:none;}

	#header h1{display:none;}
	#header .banner{display:none;}

	nav#mainNav{
	clear:both;
	width:96%;
	margin:0 auto;
	border:1px solid #999;
	}

	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:36px;
	line-height:36px;
	font-weight:bold;
	text-align:left;
	background:#f6f6f6 url(../img/menuOpen.png) no-repeat left 0;
	}

	nav#mainNav a#menu span{padding-left:36px;}

	nav#mainNav a.menuOpen{
	background:#f6f6f6 url(../img/menuOpen.png) no-repeat left -36px;
	}

	nav#mainNav a#menu:hover{cursor:pointer;}

	nav#mainNav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}

	nav#mainNav div.panel{float:none;}

	nav#mainNav ul{
	margin:0 auto;
	padding:0;
	}

	nav#mainNav ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul ul{padding:0;}

	nav#mainNav ul li a /*, nav#mainNav ul li.current-menu-item li a*/
	{
	display:block;
	padding:10px 5px;
	text-align:left;
	border-bottom:1px dashed #999;
	background:#fff url(../img/sp_arrow.png) no-repeat right 5px top 4px;
	}
	nav#mainNav ul li a .menu_arrow{display:none;}

	nav#mainNav ul li:last-child a{border:0;}
/*	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}*/

	/*nav#mainNav ul li.current-menu-item a,*/
	nav#mainNav ul li a:hover, /*nav#mainNav ul li.current-menu-item a, */
	nav#mainNav ul li a:active /*, *nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active*/
	{
	background:#f6f6f6 url(../img/sp_arrow.png) no-repeat right 5px top 4px;
	}

	nav#mainNav ul li li{
	display:none;
/*	float:left;
	border:0;*/
	}

	nav#mainNav ul li li a /*, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a*/
	{
	padding-left:40px;
	background:#fff url(../img/sub1.png) no-repeat 20px 18px;}

/*	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#f6f6f6 url(../img/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fff url(../img/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(../img/subLast.png) no-repeat 20px -65px;}*/
	
	nav div.panel{float:none;}

	/*ol#breadcrumb{display:none;}*/

	ol#breadcrumb{
	padding:0 0 5px 6px;
	background: url(https://www.iifas.jp/img/tri_black_s.gif) no-repeat 0 2px;
	}

	ol#breadcrumb li{
	font-size:12px;
	font-size:1.2rem;
	}

	ol#breadcrumb li a{
	font-size:12px;
	font-size:1.2rem;
	color:#000099;
	text-decoration:none;
	}

	ol#breadcrumb li::before{
	content:'\003E';
	margin:0 0.4em;
	}

	a.lightbox {pointer-events:none;}
	a.crs_full {pointer-events:none;}
	.crs_full img{cursor:auto!important; border:none!important;}
	.crs_full:hover img{border:none!important;}

	#content, #sidebar{
	clear:both;
	width:96%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}

	#sidebar #cart {float:left; width:46%;margin:0 2% 20px;}
	#sidebar #search {float:left; width:46%;margin:0 2% 20px;}
	#sidebar #shop_feature {clear:both; width:96%;margin:0 2% 20px;}

	#sidebar #fax_credit_calendar{
	float:left; width:46%;margin:0 2% 20px;
	}
	#sidebar #fax_banner , #sidebar #creditsale , #sidebar #certificate {
	float:left; margin:0 2% 10px;
	}

	#sidebar #calendar{
	/*display:none;*/
	float:left;/* width:46%;margin:0 2% 20px;*/
	width:100%;
	}

	#sidebar #ranking{
	/*display:none;*/
	float:left; width:46%;margin:0 2% 20px;
	}

	#sidebar #other_banners .banner_b10, #sidebar #other_banners .banner_b20{
	float:left;
	margin-left:10px;
	}
	/*#sidebar #other_banners .catalogue2 {
	float:none;
	}*/

	#footer1{
	background-color:#fff;
	}

	#footer1 #footer-sitemap .float-l{
	float:none;
	width:95%;
	margin:0 auto;
	border-left:1px solid #666;
	border-right:1px solid #666;
	}

	#footer1 #footer-sitemap .float-l:last-of-type{
	border-bottom:1px solid #666;
	}

	#footer1 #footer-sitemap ul{
	margin:0;
	}

	#footer1 #footer-sitemap ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	margin:0;
	}

	#footer1 #footer-sitemap ul li a{
	display:block;
	padding:6px 10px;
	text-align:left;
	border-top:1px solid #666;
	background:#f6f6f6 url(../img/sp_arrow.png) no-repeat right 5px top 4px;
	text-decoration:none;
	font-size:16px;
	font-size:1.6rem;
	color:#313131;
	}

	#footer1 #footer-sitemap ul li a:hover{
	color:#990000;
	background:#f6f6f6 url(../img/sp_arrow.png) no-repeat right 5px top 4px;
	text-decoration:underline;
 	}

	#footer1 #footer-sitemap ul li ul{
	margin:0;
	padding:0;
	}

	#footer1 #footer-sitemap ul li ul li{
	margin:0;
	padding:0;
	}

	#footer1 #footer-sitemap ul li ul li a{
	padding-left:40px;
	background:url(../img/sub1.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	border-top:1px dashed #666;
	}

	#footer1 #footer-sitemap ul li ul li a:hover{
	background:url(../img/sub1.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	}

	#footer1 #footer-sitemap ul li ul li:last-child a{
	background:url(../img/subLast.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	}

	#footer1 #footer-sitemap ul li ul li:last-child a:hover{
	background:url(../img/subLast.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	}

	#footer1 #footer-sitemap ul li ul li ul li a{
	padding-left:80px;
	background:url(../img/sub2.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	border-top:1px dashed #666;
	}

	#footer1 #footer-sitemap ul li ul li ul li a:hover{
	background:url(../img/sub2.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	}

	#footer1 #footer-sitemap ul li ul li ul li:last-child a{
	background:url(../img/subLast2.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	}

	#footer1 #footer-sitemap ul li ul li ul li:last-child a:hover{
	background:url(../img/subLast2.png) no-repeat 20px 6px, url(../img/sp_arrow.png) no-repeat right 5px top 4px #f6f6f6;
	}

	#footer2{
	background-color:#fff;
	}

	#footer2 p{
	text-align:center;
	}

	#footer2 p a{
	color:#666;
	}
}


/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	#header{
	text-align:center;
	background-image:none;
	border-top:none;
	}

	#header .inner{
	height:70px;
	background:none;
	}

	#header h2 {
	top:10px;
	left:0;
	}
	#header .freepostage {
	display:none;
	}

	#header ul.headNav {
	top:auto;
	bottom:10px;
	margin-left:130px;
	border:none;
	background-color:transparent;
	text-align:right;
	}
	#header ul.headNav li {
	float:right;
	padding:0 5px;
	}
	#header ul.headNav li a {
/*	display:inline;
	font-size:16px;*/
	display:block;
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden; 
	width:50px;
	height:40px;
/*	border:1px solid red;*/
	}

	#header ul.headNav li.info a {
	background-position:0 -200px;
	}
	#header ul.headNav li.shop_cart a {
	background-position:0 -240px;
	}
	#header ul.headNav li.que a {
	background-position:0 -280px;
	}
	#header ul.headNav li.sitemap a {
	background-position:0 -320px;
	}

	#header .telfax{display:none;}

	nav#mainNav{width:98%;}

	ol#breadcrumb li:last-child{
	display:none;
	}

	.alignright,.alignleft{float:none;}

	.nodisplay {display:none;}

	ul.product_list li a{
	text-decoration:underline;
	}

	ul.product_list li .sub_content{
	display:block;
	width:100%;
	}
	ul.product_list li .column1{
	display:block;
	width:100%;
	}
	ul.product_list li .column2{
	display:block;
	width:100%;
	text-align:left;
	}
	ul.product_list li .w400 {width:100%;}
	ul.product_list li .w350 {width:100%;}
	ul.product_list li .w300 {width:100%;}
	ul.product_list li .w250 {width:100%;}
	ul.product_list li .w200 {width:100%;}

	/*#footer1 #footer-sitemap .float-l{
	float:none;
	}

	#footer1 #footer-sitemap ul {
	margin:0 2%;
	}

	#footer1 #footer-sitemap ul li{
	display:inline;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.8;
	}

	#footer1 #footer-sitemap ul li ul {
	padding:0;
	background-image:none;
	}

	#footer1 #footer-sitemap ul li ul li{
	padding:0 5px;
	background-image:none;
	white-space:nowrap;
	border-right:1px solid #666;
	}

	#footer1 #footer-sitemap ul li ul li:last-child{
	border-right:none;
	}

	#footer1 #footer-sitemap ul li a:hover{
	background-color:#800000;
	color:#800000;
	}

	#footer1 #footer-sitemap ul li ul li ul{
	display:none;
	}
	#footer2 {display:none;}*/

	table.certificate tbody td:nth-of-type(1):before { content:"■商品コード："!important; }
	table.certificate tbody td:nth-of-type(2):before { content:"品　名"!important;background:#e6e6e6; padding:2px;}
	table.certificate tbody td:nth-of-type(3):before { content:"入り数"!important; background:#e6e6e6;color:#000;font-weight:normal;padding:2px;}
	table.certificate tbody td:nth-of-type(4):before { content:"価格[税別]"!important;background:#e6e6e6;color:#000;font-weight:normal;padding:2px;}
	table.certificate tbody td:nth-of-type(5):before { content:"ご注文⇒"!important; background:#fff3f3;color:#900;font-weight:bold;padding:2px;}
	table.certificate tbody td:nth-of-type(6):before { content:""!important;}
	table.certificate tbody td:nth-of-type(7):before { content:""!important;}
	table.certificate tbody td:nth-of-type(8):before { content:""!important;}
	table.certificate tbody td:nth-of-type(9):before { content:""!important;}
	table.certificate tbody td:nth-of-type(10):before { content:""!important;}

}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

	#header h2 {
	top:auto;
	bottom:5px;
	left:0;
	}

	#header h2 img{
	width:176px;
	height:42px;
	}

	#header ul.headNav li {
	padding:0 3px;
	}

	#header ul.headNav li.que {
	display:none;
	}

	table.pdf_table{
	width:48%;
	}

	ul.product_list li img {
	margin:2px;
	}

	#sidebar #cart {float:none; width:96%;margin:0 2% 20px;}
	#sidebar #search {float:none; width:96%;margin:0 2% 20px;}

	#sidebar #fax_credit_calendar {float:none; width:100%;margin:0;}
	#sidebar #fax_banner {float:none; width:96%;margin:0 2% 10px;}
	#sidebar #creditsale {float:none; width:96%;margin:0 2% 10px;}
	#sidebar #certificate {float:none; width:96%;margin:0 2% 20px;}

	#sidebar #calendar {float:none; width:96%;margin:0 2% 20px;}
	#sidebar #ranking {float:none; width:96%;margin:0 2% 20px;}

/*	#sidebar #other_banners {width:100%;text-align:center;}*/
	#sidebar #other_banners .banner_b10, #sidebar #other_banners .banner_b20{
	float:none; margin-left:0;
	}

	#footer1 .telfax img{
	width:98%;
	height:auto;
	}

}

/* 幅359px以下から
------------------------------------------------------------*/
@media only screen and (max-width:359px){

	#header ul.headNav li.info {
	display:none;
	}

}