* {
	padding:0px;
	margin:0px;
	font-family:normal normal 100%/1em Osaka,Verdana,Roboto,"Droid Sans","ＭＳ Ｐゴシック",Arial,sans-serif;
}

/* pc */
@media screen and (min-width: 640px) {
	/*======== body ========*/
	
	body {
		background:#FFF;
		text-align:center;
		width:640px;
		margin:0 auto;
		line-height:1.5em;
		font-size:0.8em;
	}
	
	
	/*======== all ========*/
	
	header, nav, article, aside, section, footer{
		display:block;
	}
	
	
	/*======== header ========*/
	
	header {
		text-align:left;
		padding:0px;
		margin-bottom:0px;
		border:none;
		line-height:0;
	}
	header h1 {
		//border:none;
		//position:relative;
		float:left;
		//display:table-cell;
		//overflow:hidden;
	}
	header h1 img {
		max-width:240px;
		height:auto;
	}
	header h2 {
		height:60px;
		font-size:0.75em;
		font-weight:normal;
		text-align:center;
		position:relative;
		top:30px;
		left:5px;
	}
	header ul {
		padding:0px;
		margin:0px;
		border:none;
		width:400px;
		height:40px;
		list-style-type:none;
		position:relative;
		display:table-cell;
	}
	header li {
		margin:0;
		padding:0;
		border:none;
		width:100px;
		height:43px;
		list-style-type:none;
		display:table-cell;
	}
	header ul li a {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		font-size:1.8em;
		//font-weight:bold;
		display:block;
		text-align:center;
		margin:0;
		padding:23px 0 0 5px;
		width:95px;
		height:20px;
		background:#149CCF;
		border-radius:30px 0 0 0;
		text-decoration:none;
		color:#fff;
		
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	header ul li a:hover{
		display:block;
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	header .overflow {
		overflow:hidden;
	}
	
	
	/*======== main ========*/
	
	#main {
		display:block;
		clear:both !important;
		padding:0px;
		margin:0px;
		border:none;
		text-align:center;
		line-height:1.2;
	}
	#main a img {
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	#main a:hover img {
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	
	/*======== content ========*/
	
	#content h1 {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		padding:2.5px;
		margin:0px 0px 10px 0px;
		border:none;
		font-size:1.4em;
		font-weight:normal;
		display:block;
		height:20px;
		background-color:#149CCF;
		color:#FFF;
		text-align:center;
	}
	#whatsNew {
		margin:0px 3px 0px 0px;
		float:left;
		width:337px;
		height:750px;		/* 元400px */
		text-align:left;
	}
	#whatsNew dl {
		width:337px;
		height:670px;		/* 元320px */
		overflow:auto;
	}
	#whatsNew dd.space{
		margin-bottom:15px;
	}
	#whatsNew dd {
		margin:0px 0px 0px 15px;
	}
	#information p, #banner p, #etc p {
		padding:0px;
		margin:0px;
	}
	#information, #banner, #etc {
		margin:0px 0px 0px 3px;
		width:300px;
		overflow:hidden;
		text-align:center;
	}
	#information {
		height:450px;		/* 元100px */
	}
	#etc {
		height:100px;
	}
	#banner {
		height:160px;
	}
	
	
	/*======== title(about,illust,link) ========*/
	
	#title {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		border:none;
		margin:2px 0px;
		padding:4px;
		font-size:2.2em;
		font-weight:bold;
		display:block;
		height:30px;
		background-color:#149CCF;
		color:#FFF;
		text-align:center;
	}
	
	
	/*======== set ========*/
	
	#set {
		padding:0px 0px 100px 0px;
	}
	#set h1 {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", cursive;
		font-size:1.5em;
		font-weight:bold;
		color:#149CCF;
		margin:40px 0px 5px 0px;
		padding:0px;
	}
	#set h2 {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", cursive;
		font-size:1.2em;
		font-weight:normal;
		color:#149CCF;
		margin-bottom:30px;
		padding:0px;
	}
	#set hr {
		margin:5px 0px 20px 0px;
	}
	#set p {
		padding:0px;
		margin:0px;
	}
	#set table {
		border:1px solid;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	#set table th, #set table td {
		border:1px #000 solid;
	}
	#set table th {
		color:#008080;
	}
	#set p.new{
		color:red;
		font-size:0.5em;
		display:inline;
	}
	
	
	/*======== preview ========*/
	
	#preview a img {
		width: 96px;
		height: 96px;
	}
	
	
	/*======== footer ========*/
	
	footer {
		clear:both !important;
		border:none;
		font-size:0.5em;
		text-align:center;
		margin:50px 0px 0px 0px;
	}
	
	/*======== back ========*/
	#back {
		margin-bottom:50px;
	}
	#back a{
		display:block;
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		text-align:center;
		margin:auto;
		padding:3px 0 0 0;
		width:100px;
		height:23px;
		text-decoration:none;
		font-size:1.4em;
		background:#149CCF;
		color:#FFF;
		border-radius:10px;
		
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	
	#back a:hover{
		display:block;
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	
	
	/*======== other ========*/
}





/* smartPhone */
@media screen and (max-width: 639px) {
		/*======== body ========*/
	
	body {
		background:#FFF;
		text-align:center;
		width:100%x;
		margin:0 auto;
		line-height:1.5em;
		font-size:0.8em;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	
	/*======== all ========*/
	
	header, nav, article, aside, section, footer{
		display:block;
	}
	
	
	/*======== header ========*/
	
	header {
		text-align:center;
		padding:0px;
		margin-bottom:0px;
		border:none;
		line-height:0;
	}
	header h1 {
		float:center;
	}
	header h1 img {
		max-width:100%;
		height:auto;
	}
	header h2 {
		height:60px;
		font-size:0.8em;
		font-weight:normal;
		position:relative;
		top:30px;
	}
	header ul {
		padding:0px;
		margin:0px;
		border:none;
		width:100%;
		height:40px;
		list-style-type:none;
		position:relative;
		display:table;
	}
	header li {
		margin:0;
		padding:0;
		border:none;
		width:25%;
		height:43px;
		list-style-type:none;
		display:table-cell;
	}
	header ul li a {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		font-size:1.8em;
		display:block;
		text-align:center;
		margin:0;
		padding:23px 0 0 0;
		width:100%;
		height:20px;
		background:#149CCF;
		border-radius:30px 0 0 0;
		text-decoration:none;
		color:#fff;
		
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	header ul li a:hover{
		display:block;
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	header .overflow {
		overflow:hidden;
	}
	
	
	/*======== main ========*/
	
	#main {
		//display:block;
		//clear:both !important;
		padding:0px;
		margin:0px;
		border:none;
		text-align:center;
		line-height:1.2;
	}
	#main a img {
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	#main a:hover img {
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	
	/*======== topShow ========*/
	#topShow {
		text-align:center;
	}
	
	#topShow img {
		max-width:100%;
		height:auto;
	}
	
	/*======== content ========*/
	
	#content h1 {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		padding:2.5px;
		margin:0px 0px 10px 0px;
		border:none;
		font-size:1.8em;
		font-weight:normal;
		display:block;
		height:25px;
		background-color:#149CCF;
		color:#FFF;
		text-align:center;
	}
	#whatsNew {
		margin:0px 0px 0px 0px;
		float:left;
		width:100%;
		height:750px;		/* 元400px */
		text-align:left;
	}
	#whatsNew dl {
		width:auto;
		height:670px;		/* 元320px */
		margin:0px 0px 0px 15px;
		overflow:auto;
	}
	#whatsNew dd.space{
		margin-bottom:15px;
	}
	#whatsNew dd {
		margin:0px 30px 0px 15px;
	}
	#information p, #banner p, #etc p {
		padding:0px;
		margin:0px;
	}
	#information, #banner, #etc {
		margin:0px;
		width:100%;
		overflow:hidden;
		text-align:center;
	}
	#information {
		height:450px;		/* 元100px */
	}
	#etc {
		height:100px;
	}
	#banner {
		height:160px;
	}
	
	
	/*======== title(about,illust,link) ========*/
	
	#title {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		border:none;
		margin:2px 0px;
		padding:4px;
		font-size:2.2em;
		font-weight:bold;
		display:block;
		height:30px;
		background-color:#149CCF;
		color:#FFF;
		text-align:center;
	}
	
	
	/*======== set ========*/
	
	#set {
		padding:0px 0px 100px 0px;
	}
	#set img {
		width:100%;
		height:auto;
	}
	#set h1 {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", cursive;
		font-size:1.5em;
		font-weight:bold;
		color:#149CCF;
		margin:40px 0px 5px 0px;
		padding:0px;
	}
	#set h2 {
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", cursive;
		font-size:1.2em;
		font-weight:normal;
		color:#149CCF;
		margin-bottom:30px;
		padding:0px;
	}
	#set hr {
		margin:5px 0px 20px 0px;
	}
	#set p {
		padding:0px;
		margin:0px;
	}
	#set table {
		border:1px solid;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	#set table th, #set table td {
		border:1px #000 solid;
	}
	#set table th {
		color:#008080;
	}
	#set p.new{
		color:red;
		font-size:0.5em;
		display:inline;
	}
	
	
	/*======== preview ========*/
	
	#preview a {
		margin:1%;
	}
	
	#preview a img {
		width: 25%;
		height: auto;
	}
	
	/*======== footer ========*/
	
	footer {
		clear:both !important;
		border:none;
		font-size:0.5em;
		text-align:center;
		margin:50px 0px 0px 0px;
	}
	
	/*======== back ========*/
	#back {
		margin-bottom:50px;
	}
	#back a{
		display:block;
		font-family:"HG創英角ﾎﾟｯﾌﾟ体", "Comic Sans MS", Roboto, "Droid Sans", ChalkboardSE-Bold, Verdana, cursive;
		text-align:center;
		margin:auto;
		padding:3px 0 0 0;
		width:100px;
		height:23px;
		text-decoration:none;
		font-size:1.8em;
		background:#149CCF;
		color:#FFF;
		border-radius:10px;
		
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	
	#back a:hover{
		display:block;
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	
	
	/*======== other ========*/

}