/* @SearchBox */

#search {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
	}

#searchBox {
	margin-bottom: 1.5em;
	padding: 1em;
	border: 2px solid #397ecf;
	background: url(../images/base/search_bg.png) left top repeat;
	text-align: left;
	}

#searchBox #qaTxt {
	padding:  0.2em 0.5em;
	background: #397ecf;
	color: #FFF;
	font-size: 80%;
	}

#searchBox #searchBtn {
	vertical-align: middle;
	float:right;
	width: 38px;
	}

#searchBox #searchBtn:hover {
	filter: alpha(opacity=85);
	opacity: 0.85;	
	}

#searchBox #kwHidden {
	overflow: hidden;
	}

#searchBox #kw{
	float: left;
	padding: 6px 6px 4px;
	border: none;
	vertical-align: middle;
	height: 28px;
	}

#searchBox input.searchBox,
#searchBox input.iSearchAssist {
	width: 100%;
	color: #CCC;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",
	"Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 160%;
	}

#searchBox #qaHowto {
	clear: both;
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 80%;
	text-align: right;
	}

#searchBox #qaHowto a{
	padding-left: 1em;
	background: url(../images/base/list.png) no-repeat left center;
	color: #0066cc;	
	}

#searchBox #qaHowto a:hover{
	color: #92b4dd;
	text-decoration: underline;
	}

#searchBox #key-spe{
    margin-top: 0.1em;
    padding:0.2em 0.5em; 
    background:white;
    font-size:80%;
	}

#searchBox #topTen {
	overflow: hidden;
	}

#searchBox #topTen li {
	display: block;
	float: left;
	margin-bottom: 0.5em;
	}

#searchBox #topTen li a {
	margin-right: 1em;
	padding: 0.5em;
	background: #397ecf;
	color: #FFF;
	font-size: 80%;
	}

#searchBox #topTen li a:hover {
	background: #72a3dc;
	}

#searchBox #topTen2 {
	overflow: hidden;
	}
	
#searchBox #topTen2 p {
	display: block;
	margin-bottom: 0.5em;
	text-align: center;
	}

#searchBox #topTen2 p a {
	padding: 0.5em;
	background: #FFF;
	color: #397ecf;
	font-weight: bold;
	font-size: 80%;
	}

#searchBox #topTen2 p a:hover {
	color: #92b4dd;
	text-decoration: underline;
	}

/*768px*/
@media screen and (min-width : 768px){
#searchBox #qaTxt { font-size: 87.5%; }

#searchBox #topTen li a {
	margin: 0 1.5em 0 0;
	padding: 0.25em;
	font-size: 87.5%;
	}
}

/*1024px*/
@media screen and (min-width : 1024px){
#searchBox #kw{ height: 34px; }

#searchBox #searchBtn { width: 44px; }
}