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

/*全体を囲む**********************************************************************/
.inner{width:100%;max-width:980px;margin:0 auto;padding:0;}

#guide{width:80%;color:#333;font-size:12px;line-height:180%;margin:5% 0 10% 10%;}


/*検索方法別タイトル**********************************************************************/
#guide .title{color:#990014;width:100%;font-size:20px;font-weight:bold;border-bottom:solid 2px;margin:50px 0 10px 0;}


/*ページタイトルアンダーライン**********************************************************************/
#page_cat_name{border-bottom:solid 4px #990014;}

/*エラーページ用サイト内検索フォーム**********************************************************************/
#error_site_search{width:100%;}

#error_site_search form{
	width:100%;	
	margin:2% auto;
}

#error_site_search:after{
	content: "";
	display:block;
	clear:both;
}

#error_site_search input.search_text_area{
	float:left;
	width:65%;
	min-width:100px;
	height:25px;
	border:1px solid #CCC;
	-moz-border-radius: 6px 0 0 6px;    /* 古いFirefox */
	-webkit-border-radius: 6px 0 0 6px; /* 古いSafari,Chrome */
	border-radius: 6px 0 0 6px;         /* CSS3 */
	padding:4px 4px 4px 30px;
	background:#FFFFFF url(../Templates_make/img/header/mark_serchbtn_off.png) 5px center no-repeat;

}
#error_site_search input#search_button{
	float:left;
	width:19%;
	min-width:60px;
	height:35px;
	cursor: pointer;
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #499bea 0%,#207ce5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-ms-border-radius:0 6px 6px 0;
	-o-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
	border:1px solid #CCC;
	border-left:none;
	text-align:center;
	font-size:12px;
	line-height:33px;
	font-weight:bold;
	color:#FFF;
}


/*「注目機種」「カテゴリ」から検索**********************************************************************/

ul.select{ width:80%; margin:0 auto;}
ul.select li{margin-bottom:10px; position: relative;}
ul.select li a{ display:block; padding:10px 5px;border:#aaa solid 1px;}
ul.select li a:hover{border:#cc0000 solid 1px; text-decoration:none;}
ul.select li.category{ border:none; font-weight:bold; font-size:16px;}

ul.select li:after{
	content: "";
	display:block;
	clear:both;
}

/* 矢印**********************************************************************/
.error_arrow{
position:absolute;
top:35%;
right:3%;
display:block;
padding:0 0 0 12px;
color:#000;
vertical-align:middle;
text-decoration:none;
font-size:10px;
}
.error_arrow:before,
.error_arrow:after{
position:absolute;
top:0;
left:0;
bottom:0;
margin:auto;
content:"";
vertical-align:middle;
}
.btn_link:before{
left:3px;
width:10px;
height:10px;
border-top:2px solid #cc0000;
border-right:2px solid #cc0000;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

@media screen and (max-width: 639px){
#guide{ width:95%; margin:5% auto;}	
	
}