body{
	margin:0;
	font-size: 16px;
	background-color:#333333;
	text-align: center; /*for IE6*/
}

*{
	border-style: none;
}

#page{
	min-width: 320px;
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
	width: expression(document.body.clientWidth < 322? "320px" : document.body.clientWidth > 802? "800px" : "auto"); /*for IE6*/
} 

#header, #main{
	width: 100%;
	background-color: #000000;
}

#main{
	min-height: 420px;
}


#header img, #footer img{
	width: 100%;
}

#logo img{
	display: block;
	width:100%;
}

.catch{
 font-size: 120%;
 color: navy;
 font-weight: bold;
 text-shadow: 1px 1px 3px #000;
}

.link img{
	width:100%;
}

.topic_img img{
	margin-left: 0%;
	width:100%;
}

.inlinebox{
//	clear: both;
	width: 96%;
	margin-top: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	background-color: #ff9921;
}

.inlinebox img{
	float: left;
	width: 30%;
	margin-top: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
}

.inlinebox2{
//	clear: both;
	width: 96%;
	margin-top: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	background-color: #ff3333;
}

.inlinebox2 img{
	float: left;
	width: 40%;
	margin-top: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
}

#topic{
	width: 96%;
	margin-top: 0%;
	margin-left: 2%;
	margin-bottom: 2%;
	background-color: #333333;
}

#link2gp_site_detail img{
	width: 20%;
}

#link2gp_site_top img{
	margin-top: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	width: 96%;
}

#page h3{
	float:right;
	width: 54%;
	margin-right: 2%;
}

#page h3 span{
	display:block;
	font-size:180%;
	color: navy;
	text-shadow: 1px 1px 3px #000;
	padding-left:0.05em;
}

#page h4{
	float:right;
	width: 54%;
	margin-right: 2%;
}

#page h4 span{
	display:block;
	font-size:140%;
	color: black;
	text-shadow: 1px 1px 3px #888;
}

#page p{
	float: left;
	width: 96%;
	margin-left: 2%;
}

#page p span{
	display:block;
	font-size:140%;
	font-weight: bold;
	color: white;
}

.forAndroid, .forGpapps{
	display: none;
}