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

* {
	margin:0px;
	paddning:0px;
//	border:0px;
	-webkit-text-size-adjust:none;
}
body {
	background-color:#FFFCF8;
	font-size:120%;
	line-height:120%;
}
img {
	vertical-align:bottom;
}
#alert {
	background-color:#C30;
	color:#fff;
	display:block;
	padding-top:20px;
	padding-bottom:0px;
	
	font-size:120%;
	line-height:130%;
	text-align:center;
	font-weight:bold;
}
#msgbg {
	background-color:#072263;
}
#msgbg img {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
#img {
	vertical-align:middle;
	width:280px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	vertical-align:middle;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#cm {
	text-align:center;
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
	background-color:#030D4B;
	padding-top:10px;
	padding-bottom:10px;
}
.yellowbtn {
	display:block;
	background-color:transparent;
	border:0px;
	font-size: 100%;
	font-weight:bold;
	width:300px;
	clear:both;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background: -moz-linear-gradient( top, #fcd200 0%, #ffb700 50%, #ffa303 52%, #ffbf00 99%, #d6d6d6);
	background: -webkit-gradient( linear, left top, left bottom, from(#fcd200), color-stop(0.50, #ffb700), color-stop(0.52, #ffa303), color-stop(0.99, #ffbf00), to(#d6d6d6));
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border: 0px solid #ffbf00;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	clear:both;
  /*IE6 IE7 */  
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ffee00, endcolorstr=#ff9900));
	/* IE8 */  
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffee00, endcolorstr=#ff9900))";
	zoom: 1;
}
.yellowbtn:link {
	text-decoration:none;
	color:#000;
}
.whitebtn{
	display:block;
	background-color:transparent;
	border:0px;
	font-size: 80%;
	font-weight:bold;
	width:300px;
	clear:both;
	color: #888;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background: -moz-linear-gradient( top, #fff 0%, #eee 50%, #ddd 52%, #ccc 99%, #bbb);
	background: -webkit-gradient( linear, left top, left bottom, from(#fff), color-stop(0.50, #eee), color-stop(0.52, #ddd), color-stop(0.99, #ccc), to(#bbb));
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border: 0px solid #ffbf00;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	clear:both;
  /*IE6 IE7 */  
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ffffff, endcolorstr=#ccccccc));
	/* IE8 */  
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#ccccccc))";
	zoom: 1;
	}
.whitebtn:link {
	text-decoration:none;
	color:#666;
}
#cm a:visited {
	text-decoration:none;
	color:#000;
}
#about {
	padding:12px;
}
#about h1 {
	font-size: 140%;
	line-height:130%;
	color:#C96;
}
#about p {
	font-size: 100%;
	line-height:130%;
}
#about strong {
	font-size: 110%;
	line-height:130%;
	color:#006;
	font-weight:bold;
}
#about small {
	font-size: 90%;
	line-height:100%;
	color:#666;
}
#launch {
	visibility: hidden;
	width: 0;
	height: 0;
}
 @media only screen and (min-device-width: 768px) and (-webkit-device-pixel-ratio: 1) {
/*タブレット*/

#img {
	width:auto;
	margin-left:20px;
}
#logo {
	width:auto;
	margin-left:20px;
}
#cm button {
	font-size:160%;
}
#alert {
	font-size:140%;
}
#about h1 {
	font-size:160%;
	line-height:180%;
}
}