﻿
/* ------------------------------------------------------------ search_item --*/
.vmenuitem{
	background-color:#FFFFFF;
	cursor:pointer;
	/*width:960px;*/
	font-size:16px;
	padding:5px;
}
.vmenu_on, .vmenu_off{
	margin:5px 0px;
}
.vmenu_on .vmenuitem{
	border:1px solid #4D4D4D;
	/*border-left:5px solid #cccc77;*/
	background-image: url("../img/itemSearch/Item_search_arrow2.png");
	background-position: 10px center; 
	background-repeat: no-repeat;


}
.vmenu_off .vmenuitem{
	border:1px solid #4D4D4D;
	/*border-left:5px solid #cccc77;*/
	background-image: url("../img/itemSearch/Item_search_arrow3.png");
	background-position: 10px center; 
	background-repeat: no-repeat;
}
.vmenu_on ul{
	display:auto; margin:2px auto;
}
.vmenu_off ul{
	display:none;
}
/* ------------------------------------------------------------ search_item --*/
.vmenuitem_s1{
	position:relative;
}
.vmenuitem_s1 img{
	padding-left: 10px;
}
	@media screen and (max-width:425px) { 
		.vmenuitem_s1 img {
			width:90%;
		}
	}

.vmenu_on_s1, .vmenu_off_s1{
	/*margin:2px 0px;*/
	width:100%;
}
.vmenu_on_s1 .vmenuitem_s1{
	border:1px solid #4D4D4D;
	/*border-left:5px solid #cccc77;*/
	background-image: url("../img/smart/arrow_down_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;


}
.vmenu_off_s1 .vmenuitem_s1{
	border:1px solid #4D4D4D;
	/*border-left:5px solid #cccc77;*/
	background-image: url("../img/smart/search_item_responsivebtn_arrow.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
}


.vmenu_on_s1 ul{
	/*display:auto; margin:2px auto;*/
}
.vmenu_off_s1 ul{
	display:none;
}


/* ------------------------------------------------------------ search_item --*/
.vmenuitem_s2{
	background-color:#FFFFFF;
	cursor:pointer;
	padding:5px;
}
.vmenu_on_s2, .vmenu_off_s2{
	/*margin:2px 0px;*/
	clear:both;
	/*width:100%;*/
	border:1px solid #808080;
	text-align:center;
	line-height:30px;
}
.vmenu_on_s2 .vmenuitem_s2{
	/*border-left:5px solid #cccc77;*/
	background-image: url("../img/smart/arrow_down_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
		border-bottom:1px solid #808080;


}
.vmenu_off_s2 .vmenuitem_s2{
	/*border-left:5px solid #cccc77;*/
	background-image: url("../img/smart/arrow_up_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
	border-bottom:1px solid #808080;	
}
/*.vmenu_on ul_s2{
	display:auto; margin:2px auto;
}
.vmenu_off_s2 ul{
	display:none;
}

.vmenu_on ul_s2{
	display:auto; margin:2px auto;
}*/

.vmenu_off_s2 ul{
	display:none;
}

.vmenu_off_s2 table{
	display:none;
}

.vmenu_on_s2 li, .vmenu_off_s2 li{
	text-align:left;
	border-bottom:1px solid #808080;
}
.vmenu_on_s2 input, .vmenu_off_s2 input{
	width:30px;
}
/* ------------------------------------------------------------ vmenuitem_s3 --*/
.vmenuitem_s3{
	/*width:100%;*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */

	clear:both;
	height:40px;
	background-color:#F2F2F2;
}
.vmenuitem_s3 img{
	width:70%;
}
.vmenu_on_s3, .vmenu_off_s3{
	width:100%;
}
.vmenu_on_s3 .vmenuitem_s3{
	border:1px solid #4D4D4D;
	background-image: url("../img/smart/arrow_down_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
}
.vmenu_off_s3 .vmenuitem_s3{
	border:1px solid #4D4D4D;
	background-image: url("../img/smart/arrow_up_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
}


.vmenu_on_s3 ul{

}
.vmenu_off_s3 ul{
	display:none;
}



/* ------------------------------------------------------------ vmenuitem_s3 --*/
/* ------------------------------------------------------------ vmenuitem_s4 --*/
.vmenuitem_s4{
	/*width:100%;*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */

	clear:both;
	height:40px;
	background-color:#F2F2F2;
}
.vmenu_on_s4, .vmenu_off_s4{
	clear:both;
	/*width:100%;*/
	border:1px solid #808080;

	text-align:center;
	line-height:30px;
}
.vmenu_on_s4 .vmenuitem_s4{
	background-image: url("../img/smart/arrow_down_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
	border-bottom:1px solid #808080;


}
.vmenu_off_s4 .vmenuitem_s4{
	background-image: url("../img/smart/arrow_up_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
	border-bottom:1px solid #808080;	
}

.vmenu_off_s4 ul{
	display:none;
}

.vmenu_off_s4 table{
	display:none;
}

.vmenu_on_s4 li, .vmenu_off_s4 li{
	text-align:left;
	border-bottom:1px solid #808080;
}
.vmenu_on_s4 input, .vmenu_off_s4 input{
	width:30px;
}


/* ------------------------------------------------------------ vmenuitem_s4 --*/
/* ------------------------------------------------------------ vmenuitem_s5 --*/
.vmenuitem_s5{
	/*width:100%;*/
	clear:both;
	height:40px;
	text-align:center;
	line-height:40px;
	background-color:#F2F2F2;
}
.vmenu_on_s5, .vmenu_off_s5{
	clear:both;
	/*width:100%;*/
	border:1px solid #808080;
	text-align:center;
	line-height:30px;
}
.vmenu_on_s5 .vmenuitem_s5{
	border-bottom:1px solid #808080;


}
.vmenu_off_s5 .vmenuitem_s5{
	background-image: url("../img/smart/arrow_up_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
	border-bottom:1px solid #808080;	
}

.vmenu_off_s5 ul{
	display:none;
}

.vmenu_off_s5 table{
	display:none;
}

.vmenu_on_s5 li, .vmenu_off_s5 li{
	text-align:left;
	border-bottom:1px solid #808080;
}
.vmenu_on_s5 input, .vmenu_off_s5 input{
	width:30px;
}


/* ------------------------------------------------------------ vmenuitem_s6 --*/
.vmenuitem_s6{
	clear:both;
	height:40px;
	line-height:40px;
	background-color:#EBf9EB;
}
.vmenu_on_s6, .vmenu_off_s6{
	clear:both;
	line-height:30px;
}
.vmenu_on_s6 .vmenuitem_s6{
	background-image: url("../img/smart/arrow_down_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
	border:1px solid #808080;


}
.vmenu_off_s6 .vmenuitem_s6{
	background-image: url("../img/smart/arrow_up_responsive.png");
	background-position: 95% center; 
	background-repeat: no-repeat;
	border:1px solid #808080;
}

.vmenu_off_s6 ul{
	display:none;
}

.vmenu_off_s6 table{
	display:none;
}

.vmenu_on_s6 li, .vmenu_off_s6 li{
	text-align:left;
	border-bottom:1px solid #808080;
}
.vmenu_on_s6 input, .vmenu_off_s6 input{
	width:30px;
}

/* ------------------------------------------------------------ vmenuitem_s6 --*/
.tabledate{
	width:100%;
}
.tabledate tr{
	width:100%;
	border-bottom:1px solid #808080;
}
.td1{
	width:7%;
	border-right:1px solid #808080;
	background-color:#EBf9EB;
}
.td2{
	width:93%;
	text-align:left;
	padding-left:5px;
}

.tr.selected{
background-color: red;
}




/* ------------------------------------------------------------ search_item --*/
ul.tabs {
	zoom: 1;
	background: #fff;
	border-bottom: 1px solid #4D4D4D;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul.tabs:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}

ul.tabs li{
	float: left;
	text-align: center;
	width:190px;
}

ul.tabs li a{
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #4D4D4D;
	width:100%;
	text-align:cnter;
	font-size:16px;
	border: 1px solid #808080;
	border-bottom: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ul.tabs li a:hover {
	background: #EBF0FA;
	color: #808080;
}
ul.tabs li.active,
ul.tabs li.active a,
ul.tabs li.active a:hover {
	background: #EBF0FA;
	color: #808080;
}

ul.panels{
	clear: both;
	overflow: hidden;
	background: #fff;
	padding: 20px;
}
ul.panels > li.panel {
  display: none;
}
ul.panels > li.panel.active {
  display: block;
}

ul#tab_item{
	float: left;
	position: relative;
}

ul#tab_item li{
  width: 200px;
  float: left;
  margin-right: 5px;
  line-height: 110%;
  padding:5px;
  font-size: 13px;
}

ul#tab_item input{
  width: 30px;
}

ul.tabs_s {
	zoom: 1;
	background: #fff;
	border-bottom: 1px solid #4D4D4D;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul.tabs_s:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}

ul.tabs_s li{
	float: left;
	text-align: center;
	width:190px;
}

ul.tabs_s li a{
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #4D4D4D;
	width:100%;
	text-align:cnter;
	font-size:16px;
	border: 1px solid #808080;
	border-bottom: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ul.tabs_s li a:hover {
	background: #EBF0FA;
	color: #808080;
}
ul.tabs_s li.active,
ul.tabs_s li.active a,
ul.tabs_s li.active a:hover {
	background: #EBF0FA;
	color: #808080;
}

ul.panels_s{
	clear: both;
	overflow: hidden;
	background: #fff;
	padding: 20px;
}
ul.panels_s > li.panel {
  display: none;
}
ul.panels_s > li.panel.active {
  display: block;
}

ul#tab_item_s{
	float: left;
	position: relative;
}

ul#tab_item_s li{
  width: 200px;
  float: left;
  margin-right: 5px;
  line-height: 150%;
  padding:5px;
}

ul#tab_item_s input{
  width: 30px;
}
