@charset "shift_jis";

body {font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;}

a{outline:none;}

#wrapper {
	margin:0 auto;
	width:100%;
	background:#83dafd;
	background-image:url("../images/contentsbg.png");
	box-shadow:0 1px 1px rgba(0,0,0,0.1);;
}

.header {
	margin: 0 auto;
	width: 100%;
	background: #83dafd;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.05)inset;
	text-align: left;
}

.header > div {
	margin:0 auto;
	width:950px;
	text-align:left;
}

.header > div > h1 {
	float:left;
	padding:20px 0 5px;
	width:300px;
}

.header > div > ul > li {
	float:right;
	padding:30px 0 0;
}

.nav {
	position: relative;
	z-index: 100;
	clear:both;
	width:100%;
	background: #97d69f;
	background-image:url("../images/menubg.png");
}

.nav > ul {
	margin:0 auto;
	width:950px;
	height:80px;
}

.nav ul li {
	float: left;
}
.nav ul li a {
	display: block;
	overflow: hidden;
	width: 190px;
	height: 80px;
	background-image: url("../images/nav.png");
	text-indent: -99999px;
}

.gm01 { background-position: 0 bottom;}
.gm02 { background-position: 760px bottom;}
.gm03 { background-position: 570px bottom;}
.gm04 { background-position: 380px bottom;}
.gm05 { background-position: 190px bottom;}

.gm01:hover { background-position: 0 top;}
.gm02:hover { background-position: 760px top;}
.gm03:hover { background-position: 570px top;}
.gm04:hover { background-position: 380px top;}
.gm05:hover { background-position: 190px top;}

/*
.gm01:hover { transition: background-position 0.24s linear 0;background-position: 0 top;}
.gm02:hover { transition: background-position 0.24s linear 0;background-position: 760px top;}
.gm03:hover { transition: background-position 0.24s linear 0;background-position: 570px top;}
.gm04:hover { transition: background-position 0.24s linear 0;background-position: 380px top;}
.gm05:hover { transition: background-position 0.24s linear 0;background-position: 190px top;}
*/
.toppng {
	margin:0 8px 0 0;
	width:50px;
}

.contentsWidth {
	margin:0 auto;
	padding:20px 20px;
	width:910px;
	background:#ffffff;
}

/* @group clearfix ----------------------------------------- */

#wrapper:after,
.header:after,
.header > div:after,
.mainArea:after,
.menuArea:after
 {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	font-size:0;
}

* html #wrapper,
* html .header,
* html .header > div:after,
* html .mainArea,
* html .menuArea
 {/* IE6 */
	zoom:1;
}

*:first-child+html #wrapper,
*:first-child+html .header,
*:first-child+html .header > div:after,
*:first-child+html .mainArea,
*:first-child+html .menuArea
 {/* IE7 */
	zoom:1;
}

/* @end */