@charset "UTF-8";
/* ============ header ============== */
@media screen{
header{
width:100%;
height:140px;
text-align:center;
background-color:#e5eaee;
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
 
}

body {

	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}

}

@media print{
	.printLogo{
	margin:3mm 0;
	}
	.printMiniFooter{
		margin:2mm 0 0 0;
		border-top:1px solid #eee;
	}
	.printMiniFooter p{
	font-size:9px;
	margin:2px 0 0 0;
	}
}

#mainContentsWrapper {
	width: 100%;
}

 a,
 a:visited,
 a:link {
	color:#000; 
}

 @font-face {font-family:"AvantGardeMdITC";
 src:url("./font/AvantGardeMdITC/AvantGardeMdITC.eot") format("embedded-opentype"),
 url("./font/AvantGardeMdITC/AvantGardeMdITC.woff") format("woff"),
 url("./font/AvantGardeMdITC/AvantGardeMdITC.ttf") format("truetype"),
 url("./font/AvantGardeMdITC/AvantGardeMdITC.svg") format("svg");
 font-weight:normal;
 font-style:normal;
 }

hr {
clear:both;
height:1px;
padding:0;
margin:0;
border-top:dotted 1px #ddd;
border-bottom:1px solid #ccc;
} 

#header {
position:relative;
text-align:left;
width:1000px;
height:140px;
margin:0 auto;
padding:0;
}
#header h1 {
position:absolute;
width:150px;
height:81px;
top:30px;
left: 10px;
overflow:hidden;
}
#header h1 a {
display:block;
width:100%;
}

#toSPSite img {
	width: 100%;
}

#subNavi{
position:absolute;
top:12px;
right:55px;
height:1.2em;
text-align:right;
list-style:none;
}
#subNavi li{
display:inline-block;
padding-left:1em;
white-space:nowrap;
}

nav .facebook {
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 0px;
    margin: 0;
    display: inline-block;
    padding: 0;
    padding-left: 1em;
    white-space: nowrap;
}
nav .facebook a {
	text-decoration: none;
	width: 18px;
}

nav .facebook img {
	width: 18px !important;
}

#globalnavi{
    position: absolute;
    top: 80px;
    left: 150px;
	height:1.2em;
	text-align:right;
	list-style:none;
}
#globalnavi li {
	width: 198px;
	float:left;
	white-space:nowrap;
}
#header .stay,#footer .stay{
text-decoration:underline;
outline:none;
}


/* =============== globalnavi =============== */

#globalnavi {
	list-style:none;
	padding:0;
}
#globalnavi li.navi {
	position:relative;
	float:left;
	cursor: pointer;
	text-align: center;
	letter-spacing: 1px;
	font-family: "AvantGardeMdITC","Century Gothic", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-size: 19px;
	color:#000;
	margin:0;
	width: 113px;
	padding:0;
}

#globalnavi li.navi:first-child {
	margin-left: 20px;
}

#globalnavi li.navi:nth-child(4) {
	margin-right: 14px;
}


#globalnavi li.navi span:hover {
	border-bottom: 1px solid #000;
}

#globalnavi li.navi span {
   font-weight: bold;
}

#globalnavi ul.headerCategory {
	position:absolute;
	opacity:0.9;
	z-index:3000;
	background: #00335d;
	top: 35px;
	cursor: pointer;
	color:#000;
	margin:0;
	margin-left: -30px;
	width: 200px;
	padding: 0px;
}

.headerCategory:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #00335d;
	border-width:13px 10px;
	margin-left: -10px;
}


#globalnavi .headerDeta {
	cursor: pointer;
	opacity:0.9;
	text-align: left;
	line-height: 2.5em;
	font-size: 14px;
	color:#fff;
	margin:0;
	border-bottom: 1px dotted #fff; 
	width: 100%;
}

#globalnavi .headerDeta:last-child {
	border-bottom: none; 
}

#globalnavi .headerDeta p {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック";
	color: #fff;
	padding-left: 20px;
}

#globalnavi .headerDeta:hover {
	opacity:0.7;
}



#globalnavi li a {
	display:block;
	cursor:pointer;
    text-decoration: none;
}

.headerCategory {
	display:none;
}

#globalnavi #headerSearch {
	width: 238px;
}

#headerSearch input {
    font-size: 12px;
    border: none;
	outline: none;
	background: #e5eaee;
    margin: 0 0 10px 0px;
	-webkit-appearance: none;
    border-radius: 0;
	border-width: 0 0 1px 0 !important;
    border-bottom: solid 1px #000;
}

#headerSearch input[type=submit] {
	position: absolute;
	font-size: 17px;
	outline: none;
	font-family: 'FontAwesome';
	margin: 0;
	top: -7px;
	padding:0;
	border: none;
    right: 5px;
    background: #e5eaee;
}

/* =============== pankuzu =============== */
#pankuzu{
width:1000px;
height:16px;
margin:0 auto 0 auto;
list-style:none;
background:#fefefe;
margin-top:5px;
}
#pankuzu li{
display:inline;
float:left;
line-height:20px;
}

#pankuzu .panHome{
    width: 16px;
    height: 16px;
    margin: 0 7px;
    background: url(../_img_bg/home_pankuzu_icon.png) no-repeat;
    background-size: contain;
}
#pankuzu .panHome a{
display:block;
width:16px;
height:16px;
}

/* ================================ */
@media screen{
section{
width:1000px;
text-align:left;
background:#fff;
margin:0 auto 0 auto;
margin-top:20px;
}
}
@media print{
section{
text-align:left;
background:#fff;
padding:0;
}
}
/* ============= Banner関係 =============== */
.banner1050{
clear:both;
margin:0 0 15px 0;
padding:0;
}

.banner1050 h3{
clear:both;
padding:3px 8px;
font-size:13px;
height:1.5em;
line-height:1.5em;
color:#fff;
text-shadow:2px 2px 2px #aaa;
margin-bottom:10px;
font-weight:bolder;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color:#c3c5c7;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d3d5d5), to(#a3a5a7));
background: -moz-linear-gradient(top, #d3d5d5, #a3a5a7);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d3d5d5', endColorstr='#a3a5a7')";
background:linear-gradient(#d3d5d5, #a3a5a7);
}

.banner1050 .bnrImg{
text-align:center;
}
.banner1050 .bnrComment{
/* padding:3px; */
text-align:center;
}

.bannerLeft{
clear:both;
margin:8px 0;
padding:5px 0;
}
.bannerLeft .bnrImg{
text-align:center;
}
.bannerLeft .bnrTitle{
text-align:center;
padding:3px 0 0 0;
}
.bannerLeft .bnrComment{
text-align:center;
padding:5px;
}

/* ============= Form部品 ================= */
.fldtxA{
text-align:left;
margin:1px;
background-color: #F3F0FF;
border-top:1px #AAA solid;
border-right:1px #DDD solid;
border-bottom:1px #DDD solid;
border-left:1px #AAA solid;
padding: 3px;
}
.fldtxR{
text-align:right;
margin:1px;
background-color: #F3F0FF;
border-top:1px #AAA solid;
border-right:1px #DDD solid;
border-bottom:1px #DDD solid;
border-left:1px #AAA solid;
}
.fldtxMiniR{
text-align:right;
background-color: #F7F3FF;
border-top:1px #AAA solid;
border-right:1px #DDD solid;
border-bottom:1px #DDD solid;
border-left:1px #AAA solid;
font-size:10px;
margin:0 0 1px 0;
}
.fldRoMiniR{
text-align:right;
background-color: #fff;
color:#CCC;
border:1px #EEE solid;
font-size:10px;
margin:0 0 1px 0;
}



.ngFld{
border-bottom:1px solid #FF3300 !important;
background-color: #ffffcc !important;
}
.ngFld input,.ngFld select,.ngFld textarea{
border:1px solid #FF3300 !important;
}
.anError{
margin-bottom:8px;
font-size:14px;
font-weight:bolder;
color:#FF0000;
}
.ngMsgBox{
margin:5px 0;
padding:3px;
width:auto;
}
.selectMenuA{
cursor:pointer;
/* line-height:1.8em; */
padding: 3px;
}
.redioBox{
cursor:pointer;
line-height:1.8em;
}
label{
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
margin:0 5px 0 1px;
line-height:1.8em;
}


label:hover{
/* color:#FF5500; */
}

.submitBtnArea{
margin:15px 0 70px 0;
text-align:center;
}

.submitBtn{
margin:2px;
padding:1px 7px;
cursor:pointer;
background:#000 url(../_img_bg/submit_btn_bg.png) repeat-x left center; 
border:1px solid #000;
text-align:center;
color:#FFFFFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.submitBtn:hover{
color:#FFBB33;
}

.submitBtnG{
margin:2px;
padding:1px 7px;
cursor:pointer;
/* background:url(../_img_bg/news/search_btn.png) no-repeat 0 0; */
background-color:#555555;
background:linear-gradient(#eee, #ccc);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaaaaa), to(#555555));
background: -moz-linear-gradient(top, #aaaaaa, #555555);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaaaaa', endColorstr='#555555')";
text-align:center;
color:#eee;
border:solid 1px #efefef;
-webkit-border-radius: 4px;
/* -moz-border-radius: 4px; */
border-radius: 4px;
}
.submitBtnG:hover{
background-color:#111111;
background:linear-gradient(#ccc, #eee);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#999999), to(#111111));
background: -moz-linear-gradient(top, #999999, #111111);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#111111')"; 
color:#fff;
}


.btnFind{
padding:0 5px;
cursor:pointer;
/* background:url(../_img_bg/news/search_btn.png) no-repeat 0 0; */
background-color:#ddd;
background:linear-gradient(#eee, #ccc);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
background: -moz-linear-gradient(top, #eee, #ccc);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#cccccc')";

border:none;
text-align:center;
color:#777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.btnFind:hover{
color:#aa3333;
}
.btnClr{
margin:0 3px;
padding:1px 5px;
cursor:pointer;
background-color:#ddd;
border:1px solid #888;
color:#555;
font-weight:bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.btnClr:hover{
color:#999;
background:#eee; 
}
.ajaxImg{
width:100px;
text-align:center;
vertical-align:middle;
color:#CCC;
}
.ajaxImg2{
width:125px;
text-align:center;
vertical-align:top;
color:#CCC;
}
a.zoomme img {
border:1px solid #FFF;
}
a.zoomme img.zoom2 {
border:1px solid #8C8;
-webkit-box-shadow: 5px 5px 23px #BBB;
-moz-box-shadow: 5px 5px 23px #BBB;
box-shadow: 5px 5px 23px #BBB;
}
a.zoomme:hover img.zoom2 { border:1px solid #C88;}
/* ------------------ */
optgroup{
font-size:10px;
font-weight:normal;
color:#AAA;
}
option{
font-size:12px;
font-weight:normal;
color:#333;
}
.dateInput img{
vertical-align:middle;
}


/* ============= Form部品ここまで ================= */
/* ============= 問い合わせ ================= */
.inquiry{
text-align:center;
padding:3px 5px;
}
.inquiry a{
display:block;
line-height:1.8em;
background:#5178a0;
color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
.inquiry a:hover{
background:#546a8c;
color:#fff;
}

/* ============= 問い合わせここまで ================= */
.upImgChk2{
background: url(../_img_bg/loading_mini.gif) no-repeat center center; 
}
/* ============== 会員認証 =============== */
#oldcatalog{
margin:0 auto;
border:3px double #ffccaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 3px 3px 7px #ddd;
-moz-box-shadow: 3px 3px 7px #ddd;
box-shadow: 3px 3px 7px #ddd;
}
#oldcatalog dt{
text-align:center;
}
#oldcatalog dd{
padding:10px;
text-align:center;
}

#b2bLogin{
width:860px;
padding:30px 0;
margin:20px auto 50px auto;
border:1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 3px 3px 7px #ddd;
-moz-box-shadow: 3px 3px 7px #ddd;
box-shadow: 3px 3px 7px #ddd;
text-align:center;
}
#b2bLogin h3{
font-size:14px;
font-weight:bolder;
margin-bottom:15px;
}
#b2bLogin p{
line-height:1.7em;
}
#b2bLogin table{
width:500px;
margin:0 auto 20px auto;
}
#b2bLogin th{
width:50%;
padding:5px;
text-align:right;
}
#b2bLogin td{
width:50%;
padding:3px;
text-align:left;
}
#b2bLogin .sendBtn{
margin-bottom:15px;
}

/* =============topとproductのバルーン============== */
.balloon_content{
color:#eee;
}
.ballonCatch{
color:#eee;
margin-bottom:3px;
}
.ballonBrand{
color:#fff;
margin-bottom:3px;
}
.ballonName a{
color:#ffffff;
text-decoration:underline;
}
.ballonName a:hover{
color:#ff7733;
text-decoration:underline;
}
/* .ballonName a:visited{
color:#80ff00;
}
.ballonName a:active{
color:#ffff00;
} */
.ballonpPice{
text-align:right;
}

.calTx {
background: url("../_img_bg/ico_calen2.png") no-repeat scroll right 2px #F1F0F5;
cursor: pointer;
}


/* ============== footer ================ */
.toTop{
width:1000px;
margin:0 auto;
text-align:right;
font-size:11px;
font-weight:bolder;
padding:20px 0;
}
footer{
width:100%;
text-align:center;
background: #eeeeee;
border-top:1px solid #fff;
}

#footer{
position:relative;
text-align:left;
width:100%;
margin:0 auto;
padding:30px 0 0 0;
}

.locking {
	list-style: none;
	width:950px;
	text-align:right;
	margin:60px auto 20px auto;
	padding-right:18px;
	background: url(../_img_bg/key_locking.png) no-repeat center right; 
}
.unlocked {
	list-style: none;
	text-align:right;
	margin:10px auto;
	padding-top:3px;
	padding-right:18px;
	background: url(../_img_bg/key_unlocked.png) no-repeat center right; 
}



#bottomNavi{
clear:both;
line-height:1.8em;
padding-top:40px;
background-color:#efefef;
}

#bottomNavi ul{
width:1000px;
margin:0 auto;
text-align:center;
}

#bottomNavi li{
display:inline;
margin-right:1.2em;
white-space:nowrap;
}

footer .copyR{
	padding-top:10px;
	padding-bottom:70px;
	font-size :11px;
	text-align:center;
}

footer .copyR p{
margin:0 0 2px 0;
width:100%;
margin:0 auto;
text-align:center;
}

#printFooter{
margin-top:5mm;
border-top:1px solid #eee;
}
#printFooter p{
font-size:9px;
margin:1px 0 0 0;
}

.goTopBtn{
clear:both;
padding:8px 10px 0  0;
text-align:right;
font-size:10px;
}
#goTopBtn{
display:none;
position:fixed;
width:3.5em;
height:3.5em;
right:23px;
bottom:30px;
z-index:999;
text-align:center;
background-color:#585858;
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
border-radius: 4em;
    opacity: 0.8;
	line-height: 1.2em;
-webkit-box-shadow: 2px 2px 7px #aaa;
-moz-box-shadow: 2px 2px 7px #aaa;
box-shadow: 2px 2px 7px #aaa;
zoom: 1;

}
#goTopBtn a{
display:block;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration: none;
padding-top:2px;
}
#goTopBtn a:visited{
color:#fff;
}
#goTopBtn a:hover{
}