@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name : reset.css

[index]

Reset
Base
Link
Structur


----------------------------------------------------------- */

/* -------------------------------------------------

	Reset
	
----------------------------------------------------*/
select,
input,
textarea {
	font-size: 100%;
}

option{ 
    padding-right: 7px; 
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

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

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {}

div img,
p img {
	vertical-align: bottom;
}

/* -------------------------------------------------

	Base
	
----------------------------------------------------*/
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
/* end hide */

body {
	color: #000;
	font-family: Sans-Serif,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic";
	height: 100%;
	margin: 0;
	padding: 0;
	background:#fff;
	position:relative;
	overflow:hidden;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

*html body {
	font-family:"ＭＳ Ｐゴシック","MS PGothic";
}

* + html body {
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック";
}


/* -------------------------------------------------
	Link
----------------------------------------------------*/

a:link, a:visited {text-decoration: none; color: #000;}
a:hover, a:active {text-decoration: none; color: #900;}

/* -------------------------------------------------
	Header
----------------------------------------------------*/

#header{text-align: center; position:absolute; left:0px; bottom:0px; width:100%; background:url(../img/home/bk_htmlArena.png) repeat-x center bottom;}
#header-inner{ width:960px; margin:0 auto;}

#News{text-align:left; padding:0 0 20px}
	.info{float:left; width:400px;}
		.info-inner{padding:10px; background:#FFF; filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
	.bana{float:right; width:440px; padding-top: 25px}

#header-conts{ padding-left:78px; background:url(../img/home/bk_naviArena.png) no-repeat 0 0;}

.gnaviList{ width:402px; float:left; }
	.gnaviList li{ float:right;}
	.gnaviList li a{ display:block; height:197px; text-indent:-9999em; overflow:hidden; background-image:url(../img/home/navi.png);}
	
	.gnaviItem01 a:link, .gnaviItem01 a:visited{ width:44px; background-position:-358px 0;}
		.gnaviItem01_01 a:link, .gnaviItem01_01 a:visited{ width:26px; background-position:-332px 0;}
		.gnaviItem01_02 a:link, .gnaviItem01_02 a:visited{ width:26px; background-position:-306px 0;}
	.gnaviItem02 a:link, .gnaviItem02 a:visited{ width:44px; background-position:-262px 0;}
		.gnaviItem02_01 a:link, .gnaviItem02_01 a:visited{ width:26px; background-position:-236px 0;}
		.gnaviItem02_02 a:link, .gnaviItem02_02 a:visited{ width:26px; background-position:-210px 0;}
		.gnaviItem02_03 a:link, .gnaviItem02_03 a:visited{ width:26px; background-position:-184px 0;}
		.gnaviItem02_04 a:link, .gnaviItem02_04 a:visited{ width:26px; background-position:-158px 0;}
		.gnaviItem02_05 a:link, .gnaviItem02_05 a:visited{ width:26px; background-position:-132px 0;}
	.gnaviItem03 a:link, .gnaviItem03 a:visited{ width:44px; background-position:-88px 0;}
	.gnaviItem04 a:link, .gnaviItem04 a:visited{ width:44px; background-position:-44px 0;}
	.gnaviItem05 a:link, .gnaviItem05 a:visited{ width:44px; background-position:0 0;}
	
	.gnaviItem01 a:hover, .gnaviItem01 a:active{ background-position:-358px -197px;}
		.gnaviItem01_01 a:hover, .gnaviItem01_01 a:active{ background-position:-332px -197px;}
		.gnaviItem01_02 a:hover, .gnaviItem01_02 a:active{ background-position:-306px -197px;}
	.gnaviItem02 a:hover, .gnaviItem02 a:active{ background-position:-262px -197px;}
		.gnaviItem02_01 a:hover, .gnaviItem02_01 a:active{ background-position:-236px -197px;}
		.gnaviItem02_02 a:hover, .gnaviItem02_02 a:active{ background-position:-210px -197px;}
		.gnaviItem02_03 a:hover, .gnaviItem02_03 a:active{ background-position:-184px -197px;}
		.gnaviItem02_04 a:hover, .gnaviItem02_04 a:active{ background-position:-158px -197px;}
		.gnaviItem02_05 a:hover, .gnaviItem02_05 a:active{ background-position:-132px -197px;}
	.gnaviItem03 a:hover, .gnaviItem03 a:active{ background-position:-88px -197px;}
	.gnaviItem04 a:hover, .gnaviItem04 a:active{ background-position:-44px -197px;}
	.gnaviItem05 a:hover, .gnaviItem05 a:active{ background-position:0 -197px;}

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/*--------------------------------------------------

	ClearFix

----------------------------------------------------*/
.clear{ clear:both;}
.clearFix:after {content: ".";display: block;clear: both; height: 0; visibility: hidden;}
.clearFix {display: inline-block;min-height: 1%;  /* for IE 7*/}
/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hides from IE-mac \*/