@charset "utf-8";
/* CSS Document */


/*#footer{
	display:none;
}
@media screen and (max-width: 769px){
	#footer{
		display:none;
	}
}*/

#open_area{
	margin:0 auto 20px;
	padding: 0;
}
@media screen and (max-width: 769px){
	#open_area{
	  margin:30px auto 0px;
  }
}


#often_tbl, #list_kind{
	margin-right:20px;
}

/*排出品目一覧*/
#list_top{
	margin-bottom:20px;
	width:100%;
}

#list_top td{
	text-align:left;
}

#list_top .ttl{
	font-size:2.2rem;
	line-height:18px;
	font-weight:bold;
	padding-bottom:30px;
}

#list_top .btn{
	padding-top:20px;
	padding-bottom:30px;
}

#list_top td input{
	font-size: 1.5rem;
    line-height: 28px;
    padding: 10px 70px;
    margin: 5px auto 0px;
}



/*検索プルダウン*/
#list_search{
	margin:0 auto;
}

#list_search .ttl{
	font-size: 1.6rem;
    font-weight: bold;
    border-left: 4px solid #010e1e;
    padding-left: 7px;
	text-align:left;
	margin:0 0 5px 0;
}
#list_search .ttl span{	
	font-size: 1.3rem;
}

/*テキストボックスのラッパー*/
.txt_wrap{
	width:100%;
	text-align:left;
	position:relative;
}

.txt_wrap input[type=text]{
	box-sizing:border-box;
	width:788px;
	line-height:33px;
	position:absolute;
	top:0px;
	left:0;
	font-size:16px;
}
@media screen and (max-width: 769px){
	.txt_wrap input[type=text]{
		box-sizing:border-box;
		width:100%;
		position:static;
	}
}

.txt_wrap input[type=submit]{
	width:114px;
	line-height:23px;
	position:absolute;
	top:-1px;
	right:0;
}
@media screen and (max-width: 769px){
	.txt_wrap input[type=submit]{
		box-sizing:border-box;
		width:100%;
		position:static;
		margin:10px 0 0;
	}
}

.btn_wrap{
	text-align:left;
	margin-bottom:20px;
}

.btn_wrap input[type=submit].txtbox{
	width: 100%;
	border:none;
	font-size:1.6rem;
	font-weight:bold;
	line-height:16px;
	padding:10px 40px;
	border:solid 1px #999999;
	border-radius:3px;
	color:#333;
	text-shadow:0 1px 1px #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.btn_wrap input[type=submit]{
	line-height:50px;
	padding:10px 100px;
	
	text-shadow:none;
	background-image: none;
    background-color: transparent;
    -ms-filter: none;
    filter: none;
	border:none;
	
	color:#fff;
	background-color:#360;
}
@media screen and (max-width: 769px){
	.btn_wrap input[type=submit]{
	  line-height:50px;
	  padding:10px 50px;
	  
	  text-shadow:none;
	  background-image: none;
	  background-color: transparent;
	  -ms-filter: none;
	  filter: none;
	  border:none;
	  
	  -webkit-appearance: none;
	  
	  color:#fff;
	  background-color:#360;
	  font-weight:normal;
  }
}


.select_wrap{
	margin-bottom:20px;
}

.aiueo_list{
	min-height:45px;
}

/*注意事項*/
#item_list_attention{
	width:640px;
	margin: 20px 0 0;
}
@media screen and (max-width: 769px){
	#item_list_attention{
	  width:100%;
	  margin:0;
	}
}


#item_list_attention td{
	font-size:1.4rem;
}
#item_list_attention .ttl{
	color:#C00000;
	font-size:110%;
}



/*品目名*/
#item_result{
	width:100%;
	margin:0 auto 75px auto;
}

#item_result .item_result_ttl{
	padding:0 0 10px;
}

#item_result .item_result_ttl span{
	font-size:1.6rem;
	font-weight:bold;
}
#item_result .item_result_ttl span.list_none{
	font-size:1.5rem;
	font-weight:normal;
	border:none;
}

#item_result th{
	padding:5px;
	background-color:#360;
	color:#fff;
	border-right:solid 1px #fff;
	text-align:center;
	font-size:1.5rem;
}

#item_result td{
	padding:5px;
	font-size:1.5rem;
}
#item_result tr{
	background-color:#fff;
}
#item_result tr:nth-child(2n){
	background-color:#f0f0f0;
}


/*排出品目入力説明*/
#item_input td{
	text-align:left;
}

#item_input .ttl{
	font-size:2.5rem;
	font-weight:bold;
	padding-bottom:30px;
}
#item_input p.point{
	text-indent:-1em;
	margin-left:1em;
}
#item_result th.delete_hd{
	width:140px;
}
#item_result th.name_hd{
	width:auto;
}
#item_result th:last-child{
	width:70px;
	border-right:none;
}
@media screen and (max-width: 769px){
	#item_result th.delete_hd{
		width:55px;
	}
	#item_result th.name_hd{
		width:auto;
	}
	#item_result th:last-child{
		width:70px;
		border-right:none;
	}
}



/*排出品目*/
#iteminfo_tbl,
#itemtable{
	width:100%;
	margin:0 auto 50px;
}
#iteminfo_tbl th,
#itemtable th{
	padding:5px;
	background-color:#360;
	color:#fff;
	border-right:solid 1px #fff;
	text-align:center;
}

/*排出品目*/
#iteminfo_tbl th.itemlist,
#itemtable th.itemlist{
	min-width:360px;
}
@media screen and (max-width: 769px){
	#iteminfo_tbl th.itemlist,
	#itemtable th.itemlist{
 		min-width:100px;
	}
}

#iteminfo_tbl th a,
#itemtable th a{
	color:#ffffc0;
}

#iteminfo_tbl th:last-child,
#itemtable th:last-child{
	border-right:none;
}
#iteminfo_tbl td,
#itemtable td{
	padding:5px;
}

#iteminfo_tbl tr.last td,
#itemtable tr.last td{
	border-top:solid 3px #000000;
	border-bottom:solid 3px #000000;
	text-align:center;
	font-weight:bold;
}

#iteminfo_tbl tr,
#itemtable tr{
	background-color:#fff;
}
#iteminfo_tbl tr:nth-child(2n+1),
#itemtable tr:nth-child(2n+1){
	background-color:#f0f0f0;
}

#iteminfo_tbl input.money,
#itemtable input.money{
	 width:3em;
 }
#iteminfo_tbl input.totalsubp,
#itemtable input.totalsubp{
	 width:3em;
 }

@media screen and (max-width: 769px){
	 #iteminfo_tbl input.money,
	 #itemtable input.money{
		 width:2em;
	 }
	 #iteminfo_tbl input.totalsubp,
	 #itemtable input.totalsubp{
		 width:2em;
	 }
 }

#itemtable th.del{
	width:65px;
}
#itemtable th.item_hd{
	width:65px;
}
#itemtable th.num_hd{
	width:75px;
}
@media screen and (max-width: 769px){
	#itemtable th.del{
		width:auto;
	}
	#itemtable th.item_hd{
		width:auto;
	}
	#itemtable th.num_hd{
		width:auto;
	}
}

/*ポイント合計*/
#pointinfo{
	width:250px;
	margin:50px auto 50px auto;
}

#pointinfo th{
	padding:5px;
	text-align:left;
	font-weight:bold;
	background-color:#360;
	border-bottom:solid 1px #ffffff;
	color:#ffffff;
}

#pointinfo td{
	border-bottom:solid 1px #ffffff;
	text-align:right;
	padding-right:10px;
}

#pointinfo td input{
border:none;
text-align:right;
background-color:transparent;
}

#pointinfo tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

#page_move_btn{
	margin:	30px auto 0;
}


@media screen and (max-width: 769px){
#btn_set input[type="submit"]{
	margin-bottom:1em;
	width:274px;
}
}


#page_move_btn{
	position:static;
	margin:30px auto 0;
	text-align:center;
}
@media screen and (max-width: 769px){
	#page_move_btn{
	  position:fixed;
	  margin:0;
	  bottom:42px;
	  right:0;
	  left:0;
	}
	#page_move_btn input{
		line-height:42px;
	}
}


/*注意書き*/
.new_how_top{
	padding-left:1em;
	text-indent:-1em;
}

.new_how{
	padding-left:2em;
	text-indent:-2em;
}
.padding-left_1em{
	padding-left:1em;
}