@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: July 14, 2010
	COLONY+iNTERACTIVE INC. 

	01: html5 define - do not change!
	02: overall definitions
	03: article
	04: footer
	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* ============================================================
01: html5 define - do not change!
============================================================ */
article, header, nav, footer {
    display: block;
}

html {
    overflow: hidden;
    height: 100%;
}
body {
   height: 100%;
}

body.msie {
    font-size: 62.5%;
}
 
body.win {
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

img.bgimage {
    display: none;
}

img.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}

/* ============================================================
02: overall definitions
============================================================ */

/* ============================================================
03: article
============================================================ */

/*
   Please note that <nav> is conteined in <article>
   instead of <aside> as in any other pages,
   since this page no contains nothing but navigation and footer.
*/

article {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 100%;
	background: #000 url(../images/bg_main.png) repeat-y left top;
}

article h1 {
	display: block;
	width: 130px;
	height: 246px;
	padding-bottom: 1px;
	background: url(../images/bar.jpg) no-repeat left bottom;
}
article h1 a {
	display: block;
	width: 100px;
	height: 114px;
	padding: 66px 15px;
	text-indent: -9999px;
	background: url(../images/h1.png) no-repeat 15px 66px;
	background-color: none;
}
article h1:hover {
	background-repeat: repeat-y;
}

article nav {
	width: 130px;
}

/* ============================================================
04: footer
============================================================ */

/* ie7 doesn't recognize width without below */
*:first-child+html footer {
	left: 0;
}