@charset "utf-8";
/*
base.css

(0)common
(1)header
(2)footer
(3)breadcrumb　パンくずリスト
(4)pagenav　ページャー

*/

/* -------------------------------------------------- */
/* common ------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width:1500px;
	min-width:1060px;
	padding:0 20px;
}
.wrap2 {
	margin: 0 auto;
	max-width:1240px;
	min-width:1060px;
	padding:0 20px;
}
a:link   {color:#0055D5; text-decoration:none;}/*#2C3F9F*/
a:visited{color:#0055D5; text-decoration:none;}
a:hover  {color:#FF8000; text-decoration:underline;}

a.arrow{
	background: url(../images/arrow21.png) no-repeat left center;
    margin: 0 20px 0 0;
    padding: 0 0 0 15px;
    display: inline-block;
}

ul {
	margin: 0;
	padding: 0;
	zoom: 1; /* IE向け */
}

#contents{
	margin:0;
	padding:102px 0 0 0;
	overflow:hidden;
}
#contents2{/* 簡単ヘッダー時 */
	margin:0;
	padding:51px 0 0 0;
	overflow:hidden;
}
select,input,pre{
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}
a:focus, *:focus { outline:none; }
.form label:focus{
	color:#CCCCCC;
}
.form label:focus::after{
}
pre{
	margin:0;
}

/* -------------------------------------------------- */
/* header ------------------------------------------- */

header{
	background:#000000;
	color:#FFF;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:1100px;
	z-index:1000000;
}
header a:link,
header a:visited,
header a:hover{color:#FFF; text-decoration:none;}

header #head_top{
	vertical-align:middle;

}
header #head_top h1 {
	margin:0;
	padding:10px 0 5px 20px;
	display:inline-block;
}
header #head_top h1 a{
	vertical-align:bottom;
}
header #head_top h1 img{
	margin:0;
	padding:0;
}
header #head_top ul{
	float:right;
	margin:0 145px 0 0;
	height:100%;
	font-size:0;
}
header #head_top li{
	display:inline-block;
	border-left:solid 1px #222222;
}
header #head_top li a{
	display:inline-block;
	padding:17px 30px 16px 30px; 
	font-size:12px;
	font-weight:bold;
}
header #head_top li.cart a{
	background-image: url(../images/icn_cart01.png), url(../images/arrow01.png);
	background-repeat:no-repeat,no-repeat;
	background-position:center right 90px, center right 20px;
	padding:17px 40px 16px 20px;
}
header #head_top li.sample a{
	background-image: url(../images/icn_cart01.png), url(../images/arrow01.png);
	background-repeat:no-repeat,no-repeat;
	background-position:center right 100px, center right 20px;
	padding:17px 40px 16px 20px;
}
header #head_top li:hover{
	background:#444444;
	-webkit-transition: all .3s;
    transition: all .3s;
}

header #head_top li span{
	position: relative;
	background: #545454;
	margin:0 50px 0 0;
	padding:4px 9px 2px 8px;
	line-height:0;
}
header #head_top li span:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-left-color: #545454;
	border-width: 5px;
	margin-top: -5px;
}
header #head_top .user{
	margin:0;
}
header #head_top .user {
	padding:0;
	font-size:14px;
	font-weight:bold;
	position: relative;
}
header #head_top .user a.name {
    display: block;
    color: #FFFFFF;
	padding:15px 43px 14px 20px;
	background: url(../images/arrow14.png) no-repeat center right 20px;
}
header #head_top .user img{
	width:22px;
	height:22px;
	vertical-align:middle;
	margin:0 10px 0 0;
}
header #head_top .user li:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
	background:#777777;
}
header #head_top .user .user_menu{
    position: absolute;
    top: 40px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	font-size:12px;
	padding:0;
	visibility: hidden;
    opacity: 0;
    z-index: 1;
}
header #head_top .user .user_menu li {
    position: relative;
	background:#222222;
	border-bottom:solid 1px #000000;
	display:block;
}
header #head_top .user .user_menu li a{
	padding:10px 20px;
	display: block;
	font-weight:normal;
}
header #head_top .user .user_menu li a:link,
header #head_top .user .user_menu li a:visited{
	color:#FFFFFF;
	background:#222222;
}
header #head_top .user .user_menu li a:hover{
	color:#FFFFFF;
	font-weight:bold;
	background:#333333;
}
header #head_top .user:hover ul.user_menu {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

header #head_top #btn_sns{
	position:absolute;
	top:0;
	right:10px;
	background: url(../images/logo_sns.png) no-repeat center 25px #222222;
	border-left:solid 1px #444444;
	border-right:solid 1px #444444;
	height:100%;
}
header #head_top #btn_sns p{
	color:#999999;
	font-size:12px;
	font-weight:bold;
	background:url(../images/arrow31.png) no-repeat center right;
	margin:65px 20px 0 20px;
	padding:0 12px 0 0;
}
header #head_top #btn_sns a{
	width:100%;
	height:100%;
	display:inline-block;
}
header #head_top #btn_sns:hover{
	background: url(../images/logo_sns.png) no-repeat center 25px #444444;
	-webkit-transition: background 0.2s;
    transition: background 0.2s;
}
header #head_top #btn_sns a:link   { color:#999; text-decoration:none;}
header #head_top #btn_sns a:visited{ color:#999; text-decoration:none;}
header #head_top #btn_sns a:hover  { color:#999; text-decoration:none;}



header #head_sub{
	background:#333333;
	vertical-align:middle;
	height:51px;
}

/* ドロップダウンメニュー */
/*--1階層（タイトル）--*/
header #head_sub .category {
    margin: 0 0 0 20px;
}
header #head_sub .category li.menu_multi {
    float: left;
	padding:0;
	font-size:14px;
	font-weight:bold;
	position: relative;
}
header #head_sub .category li a.menu_title {
    display: block;
    color: #FFFFFF;
	padding:15px 47px 15px 20px;
	background:url(../images/arrow03.png) no-repeat center right 10px;
}
header #head_sub .category li a.menu_title:hover {
	background:url(../images/arrow03.png) no-repeat center right 10px;
}
header #head_sub .category > li:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
	background:#777777;
}
/*--2階層--*/
header #head_sub .category .menu_second-level {
    position: absolute;
    top: 41px;
    width: 173px;
    background: #FFFFFF;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
	font-size:13px;
	padding:20px 0 20px 20px;
}
header #head_sub .category .menu_second-level li {
    position: relative;
}
header #head_sub .category .menu_second-level li a{
	padding:5px 20px 5px 5px;
	display: block;
	font-weight:normal;
}
header #head_sub .category .menu_second-level li a:link,
header #head_sub .category .menu_second-level li a:visited{
	color:#333333;
}
header #head_sub .category .menu_second-level li a:hover{
	color:#FF8000;
	font-weight:bold;
	background:url(../images/arrow05.png) no-repeat center right 10px;
}
header #head_sub .category .menu_second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
header #head_sub .category .menu_multi:hover ul.menu_second-level {
    top: 51px;
    visibility: visible;
    opacity: 1;
}
/*--3階層--*/
header #head_sub .category .menu_third-level {
    visibility: hidden;
    opacity: 0;
	padding:20px 0 20px 20px;
    position: absolute;
    top: -20px;
    left: 100%;
    width: 100%;
    background: #FFFFFF;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
}
header #head_sub .category > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
	background:#777777;
}
header #head_sub .category li.menu_multi ul.menu_second-level li:hover ul.menu_third-level {
    visibility: visible;
    opacity: 1;
}
header #head_sub .category li.menu_multi ul.menu_second-level li ul.menu_third-level li {
    position: relative;
}
/* floatクリア */
header #head_sub .category:before,
header #head_sub .category:after {
    content: " ";
    display: inline-block;
}
header #head_sub .category:after {
    clear: both;
}
header #head_sub .category {
    *zoom: 1;
}
header #head_sub .category .init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/**/
header #head_sub #search{
	float:left;
	margin:-9px 0 0 30px;
	vertical-align: top;
	width:calc(100% - 695px);
}
header #head_sub #search select{
	border-top:solid 1px #EEEEEE;
	border-left:solid 1px #EEEEEE;
	border-right:none;
	border-bottom:solid 1px #EEEEEE;
	background:url(../images/arrow06.png) no-repeat center right 10px #EEEEEE;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	padding:3px 25px 3px 6px;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   /*Firefox用*/
    text-indent: .01px; 
    text-overflow: "";
	width:155px;
	font-size:14px;
	vertical-align: top;
}
/* IE用 */
header #head_sub #search select::-ms-expand {
  display: none;
}
/* Chrom */
@media screen and (-webkit-min-device-pixel-ratio:0) {
header #head_sub #search select{
	padding:4px 25px 4px 6px;
}
}


header #head_sub #search input[type="text"]{
	background:#777777;
	border:none;
	font-size:14px;
	color:#FFFFFF;
	padding:5px 8px 5px;
	margin:0 0 0 -4px;
	width: calc(100% - 350px);
	min-width:185px;
	font-size:14px;
	vertical-align: top;
}
header #head_sub #search input::-webkit-input-placeholder,
header #head_sub #search input:-moz-placeholder {
	color: #CCCCCC;
}
header #head_sub #search input[type="submit"]{
	background:url(../images/icn_search01.png) no-repeat center center #FF8000;
	width:45px;
	padding:4px 0;
	border-top:#FF8000 solid 1px;
	border-left:#E87400 solid 1px;
	border-right:#FF8000 solid 1px;
	border-bottom:#FF8000 solid 1px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	margin:0 0 0 -4px;
	font-size:14px;
	text-indent:-999999px;
	vertical-align: top;
}
header #head_sub #sub_menu{
	float:right;
	margin:0 145px 0 0;
}
header #head_sub #sub_menu li{
	display:inline-block;
	padding:0 20px;
}
header #head_sub #sub_menu li a:hover{
	color:#999999;
}


/* -------------------------------------------------- */
/* footer ------------------------------------------- */
footer{
	background:#111111;
	color:#FFFFFF;
	position:relative;
	margin:100px 0 0 0;
	clear:both;
}
footer a:link   {color:#FFFFFF; text-decoration:none;}
footer a:visited{color:#FFFFFF; text-decoration:none;}
footer a:hover  {color:#FFFFFF; text-decoration:underline;}

footer .pagetop{
	_position:absolute;
	position:fixed;
	bottom:80px;
	right:40px;
}
/**/
footer #foot_top{
	padding:50px 20px 40px 20px;
}
footer #foot_top .category,
footer #foot_top .guide{
	display:inline-block;
	vertical-align: top;
}
footer #foot_top h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px 0;
	width:100%;
}
footer #foot_top ul{
	display:inline-block;
	width:170px;
	margin:0 30px 0 0;
	vertical-align:top;
}
footer #foot_top li{
	margin:0 0 8px 0;
}
/**/
footer #foot_sub{
	background:url(../images/bg_footer.png) repeat-x top #111111;
	overflow:hidden;
	vertical-align:middle;
	padding:10px 20px;
}
footer #foot_sub .logo{
	display:inline-block;
	vertical-align:middle;
	margin:5px 60px 3px 0;
}
footer #foot_sub nav,
footer #foot_sub nav li{
	display:inline-block;
	vertical-align:middle;
}
footer #foot_sub nav li{
	margin:5px 20px 0 0;
}
footer #foot_sub .copy{
	display:inline-block;
	float:right;
	vertical-align:middle;
	margin:12px 0 12px 0;
}


/* -------------------------------------------------- */
/* breadcrumb --------------------------------------- */
#breadcrumb{
	margin:30px 0 20px 0;
	display:inline-block;
}
#breadcrumb a:link   { color:#FF8000; font-weight:normal; text-decoration:none;}
#breadcrumb a:visited{ color:#FF8000; font-weight:normal; text-decoration:none;}
#breadcrumb a:hover  { color:#FF8000; font-weight:normal; text-decoration:underline;}

#breadcrumb li{
	font-weight:bold;
	display:inline-block;
	margin:0;
}
#breadcrumb li:after{
	content:" ＞";
	font-weight:normal;
}
#breadcrumb li:last-child:after{
	content:"";
}


/* -------------------------------------------------- */
/* pagenav ------------------------------------------ */
#pagenav{
	text-align:center;
	margin:10px 0 70px 0;
	vertical-align:middle;
}
#pagenav ul{
	font-size:0;
	vertical-align:middle;
}
#pagenav p{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background:#7D7D7D;
	margin:0 10px 0 0;
	padding:9px 20px 7px;
	display:inline-block;
	vertical-align:middle;
}
#pagenav ul li{
	font-size:14px;
	display:inline-block;
	width:auto;
	margin:0 15px 0 0;
	border:solid 1px #7D7D7D;
	vertical-align:middle;
}
#pagenav ul li.prev,
#pagenav ul li.next{
	text-indent:-999999px;
	width:30px;
	height:30px;
	border:none;
}
#pagenav ul li.prev,
#pagenav ul li.prev:hover{
	background:url(../images/arrow12.png) no-repeat center center;
}
#pagenav ul li.next,
#pagenav ul li.next:hover{
	background:url(../images/arrow13.png) no-repeat center center;
}
#pagenav ul li.prev:hover,
#pagenav ul li.next:hover{
	opacity:0.5;
}
#pagenav ul li a,
#pagenav ul li span{
	display:block;
	vertical-align:middle;
	padding:6px 12px 5px;
}
#pagenav ul li span,
#pagenav ul li:hover{
	background:#DDDDDD;
}
#pagenav ul li a:link   { color:#000000; text-decoration:none;}
#pagenav ul li a:hover  { color:#000000; text-decoration:none;}
#pagenav ul li a:visited{ color:#000000; text-decoration:none;}

/* 商品一覧用 */
#itemlist #pagenav{
	border-top:solid 1px #E7E7E7;
	border-bottom:solid 1px #E7E7E7;
	padding:50px 0;
}


















/* ハック */
/* IE11 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .foo { color: red }
}
/* IE10 */
@media all and (-ms-high-contrast:none){
  .foo { color: green } 
}
/* IE9 */
body:not(:target) {
color: #cccccc¥9;
}
:root #message h2{
		letter-spacing:-15px\0/;
	}
/* IE8 */
html>/**/body {
color/***/: #cccccc¥9;
}
/* Chrom */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	Selector {
		margin-top: 0;
	}
}