@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			top.css;
	created:		2010-07-05;
	last-modified:	2010-07-05;

::::::::::::::::::::::::::::::::::::::::::::: */


/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */

html, body,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li,
dl, dt, dd, address {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul, ol {
	list-style-type: none;
}





/* :::::::::::::::::::::::::::::::::::::::::::::
	default style
::::::::::::::::::::::::::::::::::::::::::::: */

hr {
	display: none;
}

strong {
	font-weight: bold;
	text-decoration: none;
}

address {
	font-weight: normal;
	font-style: normal;
}





/* :::::::::::::::::::::::::::::::::::::::::::::
	class
::::::::::::::::::::::::::::::::::::::::::::: */

/* clearfix: Ver. 2010.03.10 ---------------- */
element{ /zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }



/* :::::::::::::::::::::::::::::::::::::::::::::
	typography
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

*:first-child + html body {	/* for IE7 */
	font-family: "メイリオ", "Meiryo";
}

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}




/* :::::::::::::::::::::::::::::::::::::::::::::
	essential
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	color: #444;
}

/* 
a:link,
a:visited {
	color: #88aa00;
	text-decoration: none;
}

a:active,
a:hover {
	color: #88aa00;
	text-decoration: underline;
}
 */

a {
	outline: #fff;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	layout
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html, body {
	min-width: 1000px;
	min-height: 625px;
	height: 100%;
}


body {
	background: url(../img/bg.gif) no-repeat 50% 50%;
}

div#container {
	position: relative;
	top: 50%;
	width: 1000px;
	height: 624px;
	margin: -322px auto 0;
	text-align: left;
}


div#container h1 {
	padding: 236px 0 0 358px;
}

div#container ul {
	padding: 28px 0 0 285px;
}

div#container ul li {
	float: left;
	width: 152px;
}

div#container ul li.nav1 { width: 162px; }

div#container ul li a {
	display: block;
	height: 32px;
}

div#container ul li img {
	vertical-align: middle;
}






/* css end ------------ */