@charset "utf-8";

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

	ザックザック / common layout styles
	author   : (C)KAYAC http://www.kayac.com/

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

/*
共通のレイアウトはすべてここに書く。
*/

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

basic layout

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

body {
	text-align: center;
}

div#wrapper {
	position: relative;
	text-align: center;
	width: 970px;
	margin: 0 auto;
	padding:55px 0 20px 0;
	background:url(/img/common/bg_date.gif) no-repeat 20px 20px;

	z-index: 1;
}
div#content {
	position: relative;
	width: 930px;
	margin:0 auto;
	border-top:solid 10px #000;
	background:url(/img/common/bg_content.gif) repeat-y 0 0;
}

div#content.contentTop {
	border:none;
}

div#content div#main {
	padding-left:10px;
	width:730px;
}

div#sub {
	width: 160px;
	padding:5px;
	margin-left:10px;
}

div#swfBackground {
	position: fixed;
	width:100%;
	top: 0;
	left: 0;
	z-index: 0;
}

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

various layout

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

/* 2 column right
------------------------------------------------------*/

div#content div#main {
	float: left;
	overflow: hidden;
}
div#content div#sub {
	float:left;
	display: inline;
	overflow: hidden;
}



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

other common layout

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

/* header
------------------------------------------------------*/

div#header {
	position:relative;
	border: 10px solid #000000;
	margin:0 20px 45px;
	height:95px;
	width:910px;
}

div#header h1,
div#header div#imgHeader {
	width: 910px;
	height: 0;
	overflow: hidden;
	background:url(/img/common/header.png) no-repeat 0 0;
	text-indent:-9999px;
}

div#header h1{
height:95px;}
div#header h1 a{
display:block;
height:95px;}

/* header menu
------------------------------------------------------*/
div#uNav {
	position: absolute;
	top: 30px;
	right: 20px;
	text-align: right;
	width:598px;
	height:16px;
	padding-right:3px;
	float:right;
	background:url(/img/common/nav/unav_line.gif) no-repeat 0 0;
	background-position:right;
}

div#uNav input {
	float: left;
	width: 144px;
	height:16px;
	margin-right: 10px;
	border: 1px solid #000000;
	padding: 1px;
}
div#uNav a.submit {
	float: left;
	width: 45px;
	height: 0;
	overflow: hidden;
	border-width: 0;
	padding-top: 20px;
	cursor: pointer;
	background:url(/img/common/zackzack.gif) no-repeat 0 0;
	text-indent: -1000px;
}
div#uNav a.submit:hover {
	background-position: -46px 0;
}

div#uNav ul {
	float:right;
	padding-top: 2px;
}

div#uNav ul li {
	text-align:left;
	display:block;
	padding-left:3px;
	float:left;
	background:url(/img/common/nav/unav_line.gif) no-repeat 0 1px;
}

div#uNav ul li a {
	display:block;
	height: 0;
	overflow: hidden;
	padding-top: 16px;
	background:url(/img/common/zackzack.gif) no-repeat;
	text-indent:-9999px;
}
div#uNav ul li.unav01 a {
	width: 145px;
}
div#uNav ul li.unav02 a {
	width: 129px;
}
div#uNav ul li.unav03 a {
	width: 88px;
}
div#uNav ul li.unav01 a:link,
div#uNav ul li.unav01 a:visited {
	background-position: -156px -5px;
}
div#uNav ul li.unav01 a:hover,
div#uNav ul li.unav01 a:active {
	background-position: -518px -5px;
}
div#uNav ul li.unav02 a:link,
div#uNav ul li.unav02 a:visited {
	background-position: -301px -5px;
}
div#uNav ul li.unav02 a:hover,
div#uNav ul li.unav02 a:active {
	background-position: -663px -5px;
}
div#uNav ul li.unav03 a:link,
div#uNav ul li.unav03 a:visited {
	background-position: -430px -5px;
}
div#uNav ul li.unav03 a:hover,
div#uNav ul li.unav03 a:active {
	background-position: -792px -5px;
}






/* date
------------------------------------------------------*/

div#header ul#date {
	position: absolute;
	top: -41px;
	left: -10px;
	width: 220px;
	color: #FDE800;
	font-size: 167%;
	text-align: center;
	font-weight: bold;
}

/* body
------------------------------------------------------*/

div#content {
	text-align: left;
}

/* global menu
------------------------------------------------------*/

div#gNav {
	position: absolute;
	top: 170px;
	left: 20px;
	width: 930px;
	height: 45px;
	background: #000000;
	padding: 0;
}

div#gNav ul {
}

div#gNav ul li {
	display: inline;
	float: left;
	margin-left:10px;
}

div#gNav ul li a {
	display:block;
	width: 220px;
	height: 0;
	overflow: hidden;
	padding-top: 45px;
	background:url(/img/common/zackzack.gif) no-repeat;
	text-indent:-9999px;
}
div#gNav ul li.gnav01 a:link,
div#gNav ul li.gnav01 a:visited {
	background-position: 0 -21px;
}
div#gNav ul li.gnav01 a:hover,
div#gNav ul li.gnav01 a:active {
	background-position: 0 -66px;
}
div#gNav ul li.gnav02 a:link,
div#gNav ul li.gnav02 a:visited {
	background-position: -220px -21px;
}
div#gNav ul li.gnav02 a:hover,
div#gNav ul li.gnav02 a:active {
	background-position: -220px -66px;
}
div#gNav ul li.gnav03 a:link,
div#gNav ul li.gnav03 a:visited {
	background-position: -440px -21px;
}
div#gNav ul li.gnav03 a:hover,
div#gNav ul li.gnav03 a:active {
	background-position: -440px -66px;
}
div#gNav ul li.gnav04 a:link,
div#gNav ul li.gnav04 a:visited {
	background-position: -660px -21px;
}
div#gNav ul li.gnav04 a:hover,
div#gNav ul li.gnav04 a:active {
	background-position: -660px -66px;
}



/* footer
------------------------------------------------------*/

div#footer {
	background:#000;
	height:85px;
	vertical-align:middle;
	margin:0 auto;
	width:930px;
	clear:both;
}

/* footer menu */
div#footer div#fNav {
	width: 910px;
	height:18px;
	margin:14px 0 0 10px;
	float:left;
}

div#footer div#fNav ul {
}

div#footer div#fNav ul li {
	margin-right:15px;
	float:left;
}

div#footer div#fNav ul li a {
	display:block;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	background:url(/img/common/footer.gif) no-repeat;
	text-indent:-9999px;
}
div#footer div#fNav ul li.fnav01 a {
	width: 75px;
}
div#footer div#fNav ul li.fnav02 a {
	width: 76px;
}
div#footer div#fNav ul li.fnav03 a {
	width: 52px;
}
div#footer div#fNav ul li.fnav04 a {
	width: 100px;
}
div#footer div#fNav ul li.fnav05 a {
	width: 120px;
}
div#footer div#fNav ul li.fnav06 a {
	width: 47px;
}
div#footer div#fNav ul li.fnav07 a {
	width: 98px;
}
div#footer div#fNav ul li.fnav08 a {
	width: 87px;
}
div#footer div#fNav ul li.fnav09 a {
	width: 73px;
}
div#footer div#fNav ul li.fnav01 a:link,
div#footer div#fNav ul li.fnav01 a:visited {
	background-position: 0 0;
}
div#footer div#fNav ul li.fnav01 a:hover,
div#footer div#fNav ul li.fnav01 a:active {
	background-position: 0 -18px;
}
div#footer div#fNav ul li.fnav02 a:link,
div#footer div#fNav ul li.fnav02 a:visited {
	background-position: -75px 0;
}
div#footer div#fNav ul li.fnav02 a:hover,
div#footer div#fNav ul li.fnav02 a:active {
	background-position: -75px -18px;
}
div#footer div#fNav ul li.fnav03 a:link,
div#footer div#fNav ul li.fnav03 a:visited {
	background-position: -151px 0;
}
div#footer div#fNav ul li.fnav03 a:hover,
div#footer div#fNav ul li.fnav03 a:active {
	background-position: -151px -18px;
}
div#footer div#fNav ul li.fnav04 a:link,
div#footer div#fNav ul li.fnav04 a:visited {
	background-position: -203px 0;
}
div#footer div#fNav ul li.fnav04 a:hover,
div#footer div#fNav ul li.fnav04 a:active {
	background-position: -203px -18px;
}

div#footer div#fNav ul li.fnav05 a:link,
div#footer div#fNav ul li.fnav05 a:visited {
	background-position: -310px 0;
}
div#footer div#fNav ul li.fnav05 a:hover,
div#footer div#fNav ul li.fnav05 a:active {
	background-position: -310px -18px;
}

div#footer div#fNav ul li.fnav06 a:link,
div#footer div#fNav ul li.fnav06 a:visited {
	background-position: -651px 0;
}
div#footer div#fNav ul li.fnav06 a:hover,
div#footer div#fNav ul li.fnav06 a:active {
	background-position: -651px -18px;
}
div#footer div#fNav ul li.fnav07 a:link,
div#footer div#fNav ul li.fnav07 a:visited {
	background-position: -438px 0;
}
div#footer div#fNav ul li.fnav07 a:hover,
div#footer div#fNav ul li.fnav07 a:active {
	background-position: -438px -18px;
}
div#footer div#fNav ul li.fnav08 a:link,
div#footer div#fNav ul li.fnav08 a:visited {
	background-position: -548px 0;
}
div#footer div#fNav ul li.fnav08 a:hover,
div#footer div#fNav ul li.fnav08 a:active {
	background-position: -548px -18px;
}
div#footer div#fNav ul li.fnav09 a:link,
div#footer div#fNav ul li.fnav09 a:visited {
	background-position: -708px 0;
}
div#footer div#fNav ul li.fnav09 a:hover,
div#footer div#fNav ul li.fnav09 a:active {
	background-position: -708px -18px;
}


div#footer #copyright {
	width:270px;
	margin:13px 10px 0 0;
	text-align:right;
	float:right;
}

/* kayacFooter
------------------------------------------------------*/
div#kayacFooter{
	width: 930px;
	margin: 20px auto;
	text-align: left;
}

/* kayacProject
------------------------------------------------- */
#kayacProject {
	font-size: 85%;
}

#kayacProject dt {
	float: left;
	width: 120px;
}

#kayacProject dd {
	margin-left: 120px;
}

#kayacProject li {
	display: inline-block;
	margin: 0 10px 5px 0;
}


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

	hack

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


/* clearfix
------------------------------------------------------*/

div#content,
div#gNav ul,
div#fNav ul,
div#uNav ul,
div#uNav ul li {
		zoom: 1;/*for IE 5.5-7*/
}
div#content:after,
div#gNav ul:after,
div#fNav ul:after,
div#uNav ul:after,
div#uNav ul li:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
}
* html div#content,
* html div#gNav ul,
* html div#fNav ul,
* html div#uNav ul,
* html div#uNav ul li {
	display: inline-table;
	/*\*/display: block;/**/
}

/* transparent PNG for IE
------------------------------------------------------*/

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