/* CSS Document */


#search_box{
	text-align:center;
	margin:20px auto;
	width:980px;
	background:#e9e9e9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}
#search_box .in{
	margin:0 auto;
	width:900px;
	padding:20px 0;
}
#search_box td{
	text-align:left;
}

#search_box .txt{
	width:700px;
	padding:5px;
}



#top_menu{
	margin:30px auto;
	width:980px;
	text-align:left;
}
.top_menu_box,
.item_box_top2 {
	list-style: none;
}

.top_menu_box li {
	height:250px;
	width:230px;
	margin-bottom:20px;
	background:#434343;
	float:left;
	margin-right: 20px;
}
.item_box_top2 li {
	width:23.5%;
	margin-bottom:20px;
	float:left;
	margin-right: 2%;
}
.top_menu_box li:nth-of-type(4n),
.item_box_top2 li:nth-of-type(4n){
	margin-right: 0px;
}
.top_menu_box li h3{
	width:90%;
	margin:0 auto;
	font-size:17px;
	background:url(/new_img/item/index/ya.jpg) center right no-repeat;
}
.top_menu_box li a{
	color:#d3ebbf;
	text-decoration:none;
	display:block;
}
.top_menu_box li a:hover{
	text-decoration:underline;
}
.top_menu_box li .txt{
	width:90%;
	margin:3px auto 0 auto;
	font-size:12px;
	color:#FFF;
}

#top_osusume{
	width:980px;
	margin:0 auto;
}


#top_osusume .box1{
	float:left;
	width:480px;
}


#top_osusume .box2{
	float:right;
	width:480px;
}


.item_box_top {
	width:100%;
	font-size:12px;
}

.item_box_top img{
	border:1px solid #CCC;
	padding:5px;
	width:100%;
	box-sizing: border-box;
}



/* 検索ページ */
#search_item{
	margin:30px auto;
	width:980px;
}



#top_case{
	margin:10px auto;
	width:980px;
	text-align:left;
}



@media screen and (max-width: 980px){

	#search_box,
	#search_box .in{
		width:95%;
	}
	#top_menu,
	#top_osusume,
	#search_item,
	#top_case{
		width:95%;
	}
	#search_box .txt{
		width:300px;
	}
.top_menu_box li {
		height:250px;
		width:31%;
		background:#434343;
		float:left;
		margin:0 2% 2% 0;
	}
.top_menu_box li:nth-of-type(2n){
		margin:0 2% 2% 0;
	}
.top_menu_box li:nth-of-type(3n){
		margin:0 0px 2% 0;
	}
.top_menu_box li img {
		width:100%;
	}
	#top_osusume .box1,
	#top_osusume .box2{
		width:100%;
	}


}

@media screen and (max-width: 450px){
	#search_box .txt{
		width:130px;
	}

.top_menu_box li,
.item_box_top2 li{
		width:49%;
		float: left;
		margin: 0 0 2% 0;
	}
	
.top_menu_box li:nth-of-type(2n),
.item_box_top2 li:nth-of-type(2n) {
		width:49%;
		float: right;
	margin: 0 0 2% 0;
	}
.top_menu_box li img,
.item_box_top2 li img {
		width:100%;
	}
.top_menu_box li {
		height:140px;
	}
	#top_menu h3{
		width:130px;
		margin:0 auto;
		font-size:12px;
	}
	#top_menu .txt{
		display:none;
	}


}

@media screen and (max-width: 410px){
.top_menu_box li{
		height:130px;
	}
}