@charset "utf-8";

/* COMMON STYLE LIST ------------------------------------------------------

 01. SEARCH INDEX
 
 02. MEDIAQUERY for SMARTPHONE
 

*/


/* 01. SEARCH INDEX
-------------------------------------------------------------------- */
.editableArea.hdNavi{
	padding:10px 30px;
	border:5px solid #E6E6E6;
}

.editableArea.hdNavi h2{
	margin:0;
}

.editableArea.hdNavi dl{
	margin:0.3em 1em;
}

.editableArea.hdNavi dl dt,
.editableArea.hdNavi dl dd{
	display:inline-block;
	margin:0 1em 0 0;
	letter-spacing: normal;
	vertical-align:top;
	height: 100%;
	*display:inline;
	*zoom:1;
}

.editableArea.hdNavi dl.result dd,
.editableArea.hdNavi dl dd.carrent{
	background-color:#cccccc;
}

.editableArea.hdNavi span.title{
	font-size:11pt;
}


.editableArea.hdNavi .category span.title:before{
	content:url(../../shared/img/icon/icnBike.png);
	margin-right:0.5em;
	vertical-align:text-bottom;
}

.editableArea.hdNavi .category,
.editableArea.hdNavi .buttonBlue{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:1em 0;
}

.editableArea.hdNavi .category{
	margin:0 35px 0 0;
}

.editableArea.hdNavi .category select{
	width:80%;
	margin-bottom:1em;
	border:1px solid #CCC;
}

h2.contenttitle{
	margin-top:15px;
}

.editableArea{
	padding:0;
}

.editableArea div.search_box h3{
	margin:0;
}
/*
.search .editableArea div.search_box h3:before {
	content:normal;
}
*/
.editableArea div.search_box{
	padding:1em;
	border-bottom:solid 1px #8d8d8d;
}

.editableArea ul{
	margin:1em 0;
}

.editableArea ul li{
	margin:0;
}

div.buttonContainer{
	text-align:center;
}

div.buttonContainer nav.buttonRed{
	margin:2em;
}

/* 02. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	
	.editableArea.hdNavi dl dt{
		display:block;
	}
	
	.editableArea.hdNavi .buttonBlue{
		display:block;
		margin:0 auto;
	}
	
	.editableArea.entry figure{
		float:none;
		display:block;
		margin:15px 0;
		text-align:center;
	}

}


