@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;

}