/*======================================

	スマートフォンボタンCSS

=======================================*/


.buttons {padding: 4px;}
.buttons:after{content:"";clear:Both;display:block;}
.buttons li {width:50%;float:left;line-height:1.8em;}
.buttons li.long {width:100%;float:left;line-height:1.8em;}
.buttons li a {
		display: block;
		padding: 4px;
		border: 1px solid #333;
		background: #333;
		margin: 2px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		border-radius: 4px;
}
.buttons2 {padding: 4px;}
.buttons:after{content:"";clear:Both;display:block;}
.buttons2 li {width:50%;float:left;line-height:1.5em;} 

.buttons2 li a {
		display: block;
		padding: 4px;
		border: 1px solid #666;
		background: #666;
		margin: 2px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		border-radius: 4px;
}
.buttons2 li.active a {
		display: block;
		padding: 4px;
		border: 1px solid #666;
		background: #a9a9a9;
		margin: 2px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		border-radius: 4px;
}
.moreSearchButtons {
		display: block;
		background: #8B8B8B;
		clear: both;
		margin: 1px 7px;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		border-radius: 4px;
}
.buttons_a {padding: 4px;}
.buttons_a:after{
		content:"";clear:Both;
		display:block;
}
.buttons_a li {width:50%;float:left;line-height:1.7em;}
.buttons_a li a {
		display: block;
		padding: 4px;
		border: 1px solid #00A3D9;
		box-shadow: 1px 1px #00A3D9;
		background: #BFEFFF;
		margin: 5px 3px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #003366;
		border-radius: 6px;
}
.buttons_b {padding: 4px;}
.buttons_b:after{content:"";clear:Both;display:block;}
.buttons_b li {width:50%;float:left;line-height:1.6em;}
.buttons_b li a {
		background: -moz-linear-gradient(top,#80CCE6,#80CCE6 5%,#09C 5%,#069 95%,#069 95%,#00293D);
		background: -webkit-gradient(linear, left top, left bottom, from(#80CCE6), color-stop(0.05,#80CCE6), color-stop(0.05,#09C), color-stop(0.95,#069), color-stop(0.95,#00293D), to(#00293D));
		border: 1px solid #DDD;
		color: #FFF;
		width: 100px;
		padding: 10px 0;
		border-radius: 6px;
}
.moreSearchButtons:after{content:"▼"}
.moreSearchButtons_active:after {content:"▲"}
#moreLists{display:none;}
</style>