@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-color:#ebf0f2;
/*background:url("../img/bg_main.png") repeat-x scroll 0 0 transparent;*/
/*background:url("../img/bg.gif") repeat-y scroll center 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 ****/
#top:after, #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, #footer2:after{content:""; display:table;clear:both;}
#top, #wrapper, nav .panel, nav#mainNav, ul.product_list li, nav#mainNav .inner, #order, #pdf,  #pdf2, #spec, #spec2, #caution, #footer1, #footer2{zoom:1;}


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

#wrapper{
background-color:#fff;
border-right:1px solid #000080;
border-left:1px solid #000080;
}

#header{
height:60px;
overflow:hidden;
}

#header .inner{
border-top:1px #000080 solid;
border-right:1px #000080 solid;
border-left:1px #000080 solid;
position:relative;
height:60px;
background:url("../img/header.jpg") no-repeat right #fff;
}

#content{
width:100%;
padding:30px 50px;
}
#content p{
margin:0 0 8px;
}
#content img{
max-width:100%;
height:auto;
}
#content a{
text-decoration:underline;
}
#content a:hover{
color:#800000;
}

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

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

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

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

/* 上部ナビ
----------------------------------*/
#top ul.lang {
float:right;
/*position:absolute;
top:0;
right:0;*/
}

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

#top ul.lang li a {
display:block;
position:relative; /* IE6用 */
padding:0;
font-size:14px;
font-size:1.4rem;
font-weight:bold;
color:#000080;
text-align:left;
}
#top ul.lang li a:hover {
color:#800000;
text-decoration:underline;
}

/* ヘダー
----------------------------------*/
#header h2{
position:absolute;
top:6px;
left:3px;
}
#header .fiftieth{
position:absolute;
top:3px;
left:120px;
width:220px;
height:45px;
}
#header #shop_link{
float:right;
padding:10px;
}

/* パンくずリスト
------------------------------------------------------------*/
.breadcrumb{
/*padding:0 0 5px 6px;*/
/*background: url(../img/tri_black_s.gif) no-repeat 0 2px;*/
padding:8px 5px;
/*white-space:nowrap;*/
overflow:hidden;
line-height:1.2;
background-color:#eee;
border-bottom:4px double #003399;
}

.breadcrumb ol{
}

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

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

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

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

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


/* 見出し
------------------------------------------------------------*/
.iframe{
height:40px;
border-bottom:4px double #003399;
}

.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!important;;font-size:1.2rem!important;;/*line-height:1.3;*/}
.small{font-size:14px!important;;font-size:1.4rem!important;;line-height:1.3;}
.normal{font-size:16px!important;;font-size:1.6rem!important;;/*line-height:1.3;*/}
.big{font-size:20px!important;;font-size:2.0rem!important;;line-height:1.3;}
.verybig{font-size:25px!important;;font-size:2.5rem!important;;/*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;}

.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}

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


.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;}

.mincho{font-family:"Times New Roman","游明朝",YuMincho,"HGS明朝E","ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W6","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ Ｐ明朝","メイリオ",Meiryo,serif;}

.del{
background-image:url("../img/doubleLine_black.png");
background-repeat:repeat-x;
background-position: center;
}

.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(../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(../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(../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(../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;
}


/* 関連商品
------------------------------------------------------------*/
.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('../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("../img/yaz3.gif") 7px 25px;
border-bottom:2px dotted #666;
line-height:1.2;
}
ul.product_list li:last-child{
border-bottom:none;
}

/*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 !important;
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 .w500 {width:500px;}
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("../img/tri_black_s.gif") left 2px;
border-bottom:none;
}

ul.product_list ul.circle_black li{
color:#333;
padding: 4px 0 4px 20px;
background: url(../img/circle_black.gif) no-repeat 4px 8px;
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;
}

/* サイト内検索
------------------------------------------------------------*/
#search {
width:300px;
float:right;
}
#search .gsc-control-cse {
padding:14px !important;
background:transparent !important;
border:none !important;
}
#search .cse .gsc-search-button-v2, .gsc-search-button-v2 {
border:1px solid #ccc !important;
padding:6px !important;
width:40px !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 img{
display:block;
}

#footer1 #footer-sitemap ul li a:hover{
background-color:#000080;
color:#fff;
}
#footer2 {
position:relative;
height:50px;
}

#footer2 .logo{
position:absolute;
top:8px;left:8px;
}

#footer2 .copyright{
position:absolute;
top:15px;right:8px;
}

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

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



/* トップへ戻るボタン
------------------------------------------------------------*/
#page-top {
position:fixed;
bottom:50px;
right:50px;
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 0;
}

/*#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%;
	position:sticky;
	top:0;
	}
	
	nav#mainNav .inner{
	/*padding-left:1px;*/
	border:1px #000080 solid;
	/*background:url(../img/mainNavSep.png) no-repeat 0 2px;*/
	background-color:#B0C4DE;
	}

	nav#mainNav ul li{
	float:left;
	position:relative;
	/*border-right:1px #ccc solid;*/
	/*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:#000080;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-size:1.6rem;
	background-color:#B0C4DE;
	border-right:1px solid #000080;
	/*border-bottom:1px solid #000080;*/
	/*margin-right:-1px;*/
	/*padding:0 40px 0;*/
	}
	nav#mainNav ul li a .menu_arrow{
	color:#000080;
	}
	nav#mainNav ul li a i{
	display:none;
	}

/*	nav#mainNav ul li a{width:calc(1280px * 0.125);}*/

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

	a#menu{display:none;}

	nav#mainNav ul li a:hover{
	color:#fff;
	/*border-bottom:2px solid #800000;*/
	background-color:#000080;
	}
	nav#mainNav ul li a:hover .menu_arrow{
	color:#fff;
	}

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

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

	nav#mainNav ul li li{
	margin:0;
	float:none;
	height:30px;
/*	width:200px;*/
	background:#B0C4DE;
	}

	nav#mainNav ul li li a{
	display:block;
	height:30px;
	padding:0 0 0 10px;
	line-height:30px;
	font-weight:normal;
	font-size:16px;
	font-size:1.6rem;
	color:#000080;
	text-align:left;
	border-bottom:1px dotted gray;
	}
	nav#mainNav ul li li:last-child a{
	border-bottom:none;
	}

	nav#mainNav ul li.nav03 li a{width:350px;}
	nav#mainNav ul li.nav05 li a{width:260px;}

	nav#mainNav ul li li a:hover{
	color:#fff;
	background:#000080;
	/*text-decoration:underline;*/
	border-bottom:none;
	}

}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:981px){
	nav#mainNav ul li a{width:calc(980px * 0.12);}
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:1081px){
	nav#mainNav ul li a{width:calc(1080px * 0.12);}
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:1181px){
	nav#mainNav ul li a{width:calc(1180px * 0.12);}
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width:1281px){
	nav#mainNav ul li a{width:calc(1280px * 0.12);}
}

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

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

	#header{width:100%;}

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

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

	body{background-color:#fff;}

	#top{height:0;}
	#top .lang{display:none;}
	#top h1{display:none;}

	#header .inner{background-position:top right calc(100vw - 1050px);}

	nav#mainNav{
	clear:both;
	width:100%;
	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;
	color:#000080;
	background:#B0C4DE url(../img/menuOpen.png) no-repeat left 0;
	border:1px solid #000080;
	}

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

	nav#mainNav a.menuOpen{
	background:#B0C4DE 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;
	border:1px solid #000080;
	}

	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 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 #000080;
	color:#000080;
	background:#B0C4DE url(../img/sp_arrow.png) no-repeat right 5px top 4px;
	}
	nav#mainNav ul li a .menu_arrow{display:none;}
	nav#mainNav ul li a i{font-style:normal;}

	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*/
	{
	color:#fff;
	background:#000080 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;}

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

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

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

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

	.breadcrumb ol 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{
	clear:both;
	width:96%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}

	#footer1{
	background-color:#fff;
	}

	#footer1 #footer-sitemap {
	padding:0;
	}

	#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:#000080;
	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 .logo{display:none;}

	#footer2 a{
	color:#666;
	}
}


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

	#header .fiftieth {display:none;}
}

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

	#header{
	text-align:center;
	background-image:none;
	border-top:none;
	}
	#header #search {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 .w500 {width:100%;}
	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;}*/

}

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

	table.pdf_table{
	width:48%;
	}
	ul.product_list li img {
	margin:2px;
	}

}