body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
h1{ line-height:140%;}
h2{ margin:50px 0;
line-height:180%; }
p{
	font-size:16px;
	margin:20px 0;
}
.contener {
	max-width: 960px;
	padding: 20px 0;
	margin:0 auto;
	line-height:180%;
}

#header { width: 100%; background-color:#f7f7f7; }
#content { width: 100%; clear:both; }
#footer { width: 100%; font-size:65%; color:#666; }
#header logo{
	float:left;
}
#header .menu{
	display:block;
	border-bottom:1px solid #ccc;
	-moz-box-shadow:1px 1px #fff;
	-webkit-box-shadow:1px 1px #fff;
	box-shadow:0px 1px #fff;
}
#header .menu li{
	display:inline;
	margin-left:10px;
	font-weight:bold;
}
#header .searchbox{
	margin-left:50px;
	border-right:1px solid #ccc;
	-moz-box-shadow:1px 0px #fff;
	-webkit-box-shadow:1px 0px #fff;
	box-shadow:1px 0px #fff;
}
#header .members{
	text-align:center;
	width:250px;
}
#header .members strong{
	font-size:20px;
	display:block;
}
.sizebig{
	font-size:140%;
}
a.css3button {
	display:block;
	text-align:center;
	line-height:160%;
	font-size: 26px;
	color: #000033;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#fcbd7b 0%,
		#fcbd7b 35%,
		#fa9a33 75%,
		#fa9a33);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fcbd7b),
		color-stop(0.35, #fcbd7b),
		color-stop(0.75, #fa9a33),
		to(#fa9a33));
	background-color:#FA9A33;
	-moz-border-radius: 90px 15px 15px 90px;
	-webkit-border-radius: 90px 15px 15px 90px;
	border-radius: 90px 15px 15px 90px;
	border: 5px solid #000033;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
a.css3button:hover{
	opacity:0.7;
}
.ico{
	float:left;
	font-size:240%;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	border: 3px solid #000033;
	padding:10px;
	color:#FFFFFF;
	background-color:#000033;
	margin-left:-10px;
}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#header { width: 100%; }
	#content { width: 100%; }
	#footer { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#header { width: 100%; }
	#content { width: 100%; }
	#footer { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#header { width: 100%; }
	#content { width: 100%; }
	#footer { width: 100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#header { width: 100%; }
	#content { width: 100%; }
	#footer { width: 100%; }
}