@charset "Shift_JIS";


/*--- デザイン ---*/


/*--- 表示 ---*/

div#smp_button {
	width:100%;
	padding:20px 0;
	background-color:#820000;
}

div#deviceKit {
	width:460px;
	margin:0 auto;
}

div#deviceKit a{
	background-color: #efefef;
	font-size: 3em;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	-webkit-box-shadow: 1px 1px 3px #333, inset  0 0 5px #820000;
	-moz-box-shadow: 1px 1px 3px #333, inset  0 0 5px #820000;
	-ms-box-shadow: 1px 1px 3px #333, inset  0 0 5px #820000;
	-o-box-shadow: 1px 1px 3px #333, inset  0 0 5px #820000;
	box-shadow:inset 1px 1px 5px #820000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	height: 70px;

	width:460px;
	overflow: hidden;
	color: #334DAB;
	-webkit-text-shadow: 0 -1px 1px #eee;
	-moz-text-shadow: 0 -1px 1px #eee;
	-ms-text-shadow: 0 -1px 1px #eee;
	-o-text-shadow: 0 -1px 1px #eee;
	text-shadow: 0 -1px 1px #eee;
}

/*-- 押され --*/

div#deviceKit a:active {
	background-color: #efefef;
	color: #4082c4;
	-webkit-box-shadow: -1px -1px 2px #ccc;
	-moz-box-shadow: -1px -1px 2px #ccc;
	-ms-box-shadow: -1px -1px 2px #ccc;
	-o-box-shadow: -1px -1px 2px #ccc;
	box-shadow: -1px -1px 2px #ccc;
}


/*--- landscapeの場合、全OB_小さめにする ---*/

@media only screen and (orientation : landscape) {
	div#deviceKit a{
		height: 70px;
	}
}

div#deviceKit .speech {
	display:none;
}