@charset "utf-8";
/*ver.20080912*/
/*
font-family: "Optima", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", Arial, sans-serif;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝",serif;
*/
* { margin: 0; padding: 0; border: 0; outline:0;}
html, body { height: 100%; width: 100%; }

/* bg ==========================================================================================*/
body { background: #000000 url(../img/bg_window.jpg) left top; }
body#profile { background: #000000 url(../img/bg_window.jpg) left bottom; }
body#home { overflow: hidden; }

/* common ==========================================================================================*/
div#contents {
 background: transparent url(../img/bg_body.png) repeat left top;
 width: 900px; min-height:100%; padding-left: 1px;
 position: absolute; left: 36px; top: 0;
 font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝",serif;
 color: #E5E5E5;
}
h1, ul#navi, ul#thumb, p#c, p#gpt, div#content-ja, div#content-en {
 clear: left; float: left; display: block; width: 900px;
}
h1 { margin-top: 48px; }
h1 a {
 display: block; text-indent: -9999px; text-decoration: none;
 height: 20px; width: 277px;
 background: transparent url(../img/bg_h1.png) no-repeat left top;
}
a, a img, img { outline:0;}
/* navigation ==========================================================================================*/
ul#navi { text-decoration: none; margin-top: 14px; height: 15px; }
ul#navi li { list-style: none; float: left; }
ul#navi a { height: 15px; display: block; width: 180px; }
ul#navi li a { text-indent: -9999px;  text-decoration: none; }
li#panel a { background: transparent url(../img/bg_nav.png) no-repeat 0 0; }
li#window a { background: transparent url(../img/bg_nav.png) no-repeat -180px 0; }
li#lamp a { background: transparent url(../img/bg_nav.png) no-repeat -360px 0; }
li#profile a { background: transparent url(../img/bg_nav.png) no-repeat -540px 0; }
li#contact a { background: transparent url(../img/bg_nav.png) no-repeat -720px 0; }
li#panel a:hover, body#panel li#panel a {
 background: transparent url(../img/bg_nav.png) no-repeat 0 -15px; }
li#window a:hover, body#window li#window a {
 background: transparent url(../img/bg_nav.png) no-repeat -180px -15px; }
li#lamp a:hover, body#lamp li#lamp a {
 background: transparent url(../img/bg_nav.png) no-repeat -360px -15px; }
li#profile a:hover, body#profile li#profile a {
 background: transparent url(../img/bg_nav.png) no-repeat -540px -15px; }
li#contact a:hover, body#contact li#contact a {
 background: transparent url(../img/bg_nav.png) no-repeat -720px -15px; }

/* thumbnail ==========================================================================================*/
ul#thumb { text-decoration: none; margin-top: 166px; }
ul#thumb li { list-style: none; float: left; height: 180px; width: 180px; }
ul#thumb a img{ height: 89px; width: 89px; }
ul#thumb a {
 display: block; width: 89px; height:89px;
 background: transparent url(../img/bg_thumbs.png) no-repeat left top;
 padding: 45px; margin-right: 1px; margin-bottom: 1px;
}
ul#thumb a:hover { background: transparent url(../img/bg_thumbs.png) no-repeat 0 -180px; }

/* #gpt ==========================================================================================
body#profile p#gpt {
	margin-top: 1px;
}
p#gpt a {
	display: block;
	width: 89px;
	height:89px;
	background: transparent url(../img/bg_thumbs.png) no-repeat left top;
	padding: 45px;
	margin-bottom: 1px;
}
p#gpt a:hover { background: transparent url(../img/bg_thumbs.png) no-repeat 0 -180px; }*/

/* home ==========================================================================================*/
body#home div#contents {
 background: url(none);
 height: 100px; min-height:100px; margin-top: -50px; top: 50%;
}
body#home p#c { margin-top: -22px; position: absolute; top: 100%; left: 37px; }
div#news {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 0px;
	background: #FFFFFF; filter: alpha(opacity=80); -moz-opacity: 0.8;  opacity: 0.8;
}
div#news-inner {
	width: 30%;
	margin-top: 96px;
	margin-left: 66%;
	color: #000000;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
}
div#news-inner h2 {
	font-size: 16px;
	line-height: 1.2;
}
div#news-inner p {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div#news-inner a {
	color: #CC0000;
	text-decoration: underline;
}
div#news-inner a:hover {
	color: #CC0000;
	text-decoration: none;
}

/* profile ==========================================================================================*/
body#profile div#content-ja,
body#contact div#content-ja { margin-top: 166px; }
body#profile div#content-ja, 
body#profile div#content-en,
body#contact div#content-ja {
/* background: transparent; filter: alpha(opacity=90); -moz-opacity: 0.9;  opacity: 0.9;*/
 font-size: 12px; background: transparent url(../img/bg_profile.png) repeat;
 padding-top: 45px; padding-bottom: 45px;
}
body#profile div#content-en { padding-top: 134px; }
body#profile div#content-ja a, 
body#profile div#content-en a,
body#contact div#content-ja a {
 color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #009b9f;
}
body#profile div#content-ja a:hover, 
body#profile div#content-en a:hover,
body#contact div#content-ja a:hover {
 color: #FFFFFF; text-decoration: none; border-bottom: 0; background: #009b9f;
}
body#profile div#content-ja h2, 
body#profile div#content-en h2,
body#contact div#content-ja h2 {
 font-size: 16px; line-height: 1; font-weight: bold; margin-bottom: 10px;
}
body#profile div#content-ja p, 
body#profile div#content-ja dl,
body#contact div#content-ja,
body#profile div#content-en p, 
body#profile div#content-en dl { line-height: 1.6; }
body#profile div#content-ja dt, 
body#profile div#content-en dt { float: left; width: 180px; }
body#profile div#content-ja dd, 
body#profile div#content-en dd {
 margin-bottom: 8px; width: 720px; margin-right: 1px; margin-left: 180px;
}
body#profile div#content-ja address, 
body#profile div#content-en address { margin-bottom: 45px; }

/* copyright ==========================================================================================*/
p#c { padding-bottom: 45px; height: 11px; margin-top: 168px;
 text-indent: -9999px;
 background: transparent url(../img/bg_copyright.png) no-repeat left top;
}