@charset "utf-8";

.hdnavi{display:table-cell;font-size:13px;vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;}

.hdnavi2{display:table-cell;font-size:11px;vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;text-align:right;width:90px;}
.hdnavikara{display:table-cell;width:100px;}

.hdnavi3{
	font-size:11px;
	width:100%;
	text-align:center;
	margin-top:-10px;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;}
.hdnavi3 .tp{
	display:table-cell;
	vertical-align: middle;
	position: relative;
	top:0px;
	width:30%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;}
.hdnavi3 .tp2{display:table-cell;
	width:30%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;}

.hdnavi3 table{margin-top:-4px;}
.hdnavi3 td.h1{width:50px;}
.hdnavi3 td.h2{width:30px;text-align:right;}

.hdnavi3 .kago{display:table-cell;width:12%;}

.hdnavi3 p.cart-label {
	width:17px;
	height:17px;
	position:relative;
	margin-top:-40px;
	text-align:center;
	list-style-type:none;
	color: white;
	background-color:#cb0916;
	padding:3px;
	left:22px;
	border-radius:17px;
	-webkit-border-radius:17px;
    -moz-border-radius:17px;
	z-index:5;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;

}

/*検索*/
.headernavi form, input {margin: 0;display:table-cell;width:70%;vertical-align:middle;}
.headernavi form { position: relative; /* 基準位置とする */}
.headernavi input[name="search"] {
  background-color:#fff;border:1px solid #aaa;border-radius:6px;
  border: 0;
  height:30px;
  width:400px;
  padding: 0 10px; 
  position:absolute; /* 絶対配置 */
  left:-5px;top:-1px; 
}
.headernavi input[type="image"] {
	border: 0;
	padding: 0;
	width: 46px;
	height: 28px;
	position: absolute; /* 絶対配置 */
	left:430px;top:0px;

}

/*セレクトナビ*/
#sequence{margin-left:15px;}
#sequence-001{display:table-cell; vertical-align:top;margin:0px 0 0 10px;
　　display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /*display: inline; *//*for ie5～7*/
    /*zoom: 1; *//*for ie5～7*/}
#sequence-002{margin:20px 0 20px 0;text-align:right;margin-top:-60px;}
#sequence-003{margin:20px 0 20px 0;text-align:left;margin-top:-60px;}
.selectbox{
    text-indent:3px;
    background:#EEE;
    background-position: right center;
    height:30px;
    line-height:30px;
    font-size:12px;
    vertical-align: middle;
    border:1px solid #CCC;
    margin-bottom:3px;
	-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.mainContent input[type="button"] {width:50px;background-color:#4fc4e0;vertical-align: middle;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;border-style: none;color:#fff;margin-bottom:3px;height:26px;line-height:26px;}
.mainContent input[type="button"]:hover {background:#acacac;}


#sequence ul{margin-top:0px;margin-left:-33px;position: relative;}
#sequence li{list-style-type :none;display: table-cell;}
#sequence li.kara{height:10px;}

#sequence input[type="checkbox"] {display: none;}


#sequence label {box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 10px 8px 0;
  padding: 12px 12px 12px 30px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;font-size:12px;
}

#sequence label::after {
-webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left:5px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';background: #f0f0f0;
  }

#sequence label::before {z-index:5;
	position: absolute;
	-webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left:11px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #368ea3;
  border-bottom: 3px solid #368ea3;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }

#sequence input[type=checkbox]:checked + label:before { opacity: 1;}



/*mypage*/
.mypage {width:94%;margin-left:40px;}
.mypage p.mypage01 {font-size:18px;margin-top:-10px; border: 0px solid #ddd;
padding:0px;margin:0px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px}
.mypage p.mypage02 {border-bottom:#e7e7e7 2px solid;}
.mypage p.mypage03 {margin:10px 0 25px 0;text-align:right;}
	
.mypg table{width:100%;background:#ddd;}
.mypg th.mya  {padding: 10px; border: 0px solid #ddd;background: #f4f4f4;width:30%;text-align:left;}
.mypg td.myb  {padding: 10px; border: 0px solid #ddd;width:70%;background:#fff;}

.mypage button.button50 {width:50%;font-size:20px;padding:0px;
padding:15px 15px;
background-color:#4fc4e0;
color: #fff;
border-style: none;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;}
.mypage button.button50:hover {background:#368ea3;}
.mypage button.button51 {width:25%;font-size:12px;padding:0px;background-color:#4fc4e0;
color: #fff;
border-style: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}
.mypage button.button51:hover {background:#368ea3;}

 .mypage ul.mypgtd{}
 .mypage ul.mypgtd li{list-style-type :circle;margin-left:0px;color:#444344;}