@charset "utf-8";

a.btn_hajimete, a.btn_view, a.btn_look, a.btn_favo/*, a.btn_my, a.btn_thanks*/ {
  font-weight:bold;	
  display: block;
  color: #333333;
  text-decoration: none;
  text-align:center;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  padding: 7px 0px;
　border:1.5px solid #FFF; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
  }



/*初めてボタン*/

#hajimete{
	width:100px;
	margin-right:10px;
	float:right;}

a.btn_hajimete{
	background-color: #b66822;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

/*もっと見るボタン*/
.view{
	width:120px;
	margin:10px auto 0;
	}

a.btn_view{
background-color: #194d89;
color: #FFFFFF;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
/*一覧ボタン*/

.btn_look{
	width:50px;
	float:right;
	margin-top:4px;}

a.btn_look{
padding: 5px 0px!important;
background-color:#999;
color: #FFF;
margin-right:10px;
-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.4)!important;
box-shadow: none!important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
border:1px solid #2f90ba;
}


/*お気に入り*/
a.btn_favo{background-color: #ffffff;
color: #333;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	
	}

/*質問(input)*/
.btn_qu{
-webkit-border-radius:10px;
-moz-border-radius: 10px;
color:#FFF;
font-weight:bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
cursor:pointer;
display:block;
background-color:#ff6600;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
padding: 7px 0px;
text-align:center;
border:1.5px solid #FFF;  
}

.btn_choice{
-webkit-border-radius:10px;
-moz-border-radius: 10px;
color:#333;
font-weight:bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
cursor:pointer;
display:block;
background-color:#cccccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
padding: 7px 0px;
text-align:center;
border:1.5px solid #FFF;  
}

.btn_elimination{
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#ccc;
font-weight:bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
display:block;
background-color:#cccccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
padding:3px 0px;
text-align:center;
border:1.5px solid #FFF;
width:80px;

}
.btn_elimination_on{width:80px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#333;
font-weight:bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
display:block;
background-color:#cccccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
padding:3px 0px;
text-align:center;
border:1.5px solid #FFF;  
cursor:pointer;
}


/*検索ボタン*/

#sbsbmtbtn {
	
	cursor:pointer;
	padding:4px 0 5px;
    border: 1px solid #636363;
    color: #FFFFFF;   
    font-weight: bold;  	
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    width:100px;margin-right:20px;
    margin-top: 10px;
	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
	-webkit-appearance:button;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;	 
	}





/**********************************************************個別下のナビ*/

#toolbarBox {
	text-align:center;
	margin:10px auto 0;
	width:200px;
	color: #999;
	height:29px;
	text-align: center;
	
	  }

.toolBtn {
	top:0;
	left:0px;
	position:relative;
	background:url(/images/touch/arrow.png) no-repeat left top;	
	height:29px;
	width:51px;
	/*padding:5px 0px 0 5px;*/
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
		}
.toolBtn span{
	top:0;
	left:0px;
	position:absolute;
	display:block;
	padding:5px 0px 0 5px;
	height:24px;
	width:46px;	
	}
.toolBtn a:link, .toolBtn a:hover, .toolBtn a:visited, .toolBtn a:active {
	top:0;
	left:0px;
	width:51px;	
	position:absolute;
	display:block;
	height:29px;
	text-decoration:none;
	color:#000;
	}



/*次へ*/
.toolBtn2 {
	top:0;
	left:0px;
	position:relative;
	background:url(/images/touch/arrow.png) no-repeat;
	background-position:-66px 0px;
	width:51px;	
	height:29px;
	float:right;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
		}
.toolBtn2 span{
	top:0;
	left:0px;
	position:absolute;
	display:block;
	padding:5px 5px 0px 0 ;
	height:24px;
	width:46px;	
	}

.toolBtn2 a:link, .toolBtn2 a:hover, .toolBtn2 a:visited, .toolBtn2 a:active {
	top:0;
	left:0px;
	width:51px;
	position:absolute;
	height:29px;
	text-decoration:none;
	color:#000;
	}




/*チョイスボタン*/
.choice_btn{
	width:40px;
	height:25px;

	}
.choice_btn_off{
	background:url(/images/touch/choice_btn.png) no-repeat;
	background-position:0 -84px;
	background-size:40px 108px;
	width:40px;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	}

.choice_btn_on{
	background:url(/images/touch/choice_btn.png) no-repeat;
	background-position:0 -56px;
	background-size:40px 108px;
	width:40px;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	}

.choice_btn a {
	background:url(/images/touch/choice_btn.png) no-repeat;
	background-size:40px 108px;
	width:40px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}