/* basic elements */

html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body {
	margin: 5px;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-size: 12px;
}

a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 {
	font-size: 24px;
	margin: 20px 0 0 0;
}

a { color: #36414d; text-decoration: underline; }
a:hover { color: #CC0000; }


/* page layout */

body { text-align: center; } /* center on ie */

body {
	min-width: 780px;
	font-family:"Hiragino Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", verdana, arial, sans-serif;
	font-size: 12px;
}

#page {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 780px;
}

#pagebody {
	width: 780px;
	height: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #cccccc;
	text-align: center;
}


/* toppage layout_______________________________________________*/

#toppage-inner {
	width: 700px;
	height: 400px;
	margin: 20px auto 0 auto;
}

#toppage-img {
	width: 420px;
	height: 297px;
	margin:0;
	float: left;
}


.toppage-btn {
	width: 280px;
	height: 64px;
	margin: 0 0 10px 0 ;
	float: left;
}

#footer {
	text-align: left;
	margin: 10px;
}


/* about-page layout */

#to-toppage {
	margin: 5px 20px 0 0;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 10px;
}

#aboutpage-inner {
	width: 700px;
	height: 100%;
	margin: 20px auto 0 auto;
	border-top: 1px solid #cccccc;
}

.about-ttl {
	margin: 0;
	padding: 20px 0 0 20px;
	text-align: left;
}

#about-side {
	margin: 20px 20px 0 0;
	padding: 0 0 0 0;
	float:left;
}

p.about {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}