@charset "UTF-8";
@import url("reset.css");
@import url("module.css");

/*	共通指定
--------------------------------------------- */
body {
	background: #;
	color: #;
}

a.btn:hover img {
	opacity:0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	background: #fff;
}

/*	リンク指定
--------------------------------------------- */
a {
}

a:hover {
}

/*	共通レイアウト
--------------------------------------------- */
#wrapper {
	margin: 30px auto 0;
	width: 918px;
	height: 598px;
	border: solid 1px #333;
	background: #fabe00;
}

#header {
	height: 63px;
	background: #fff;
}
h1 {
	padding-top: 16px;
	padding-left: 20px;
}

#gnav {
	height: 36px;
	background: #d69d00;
}
#gnav ul {
	padding-left: 41px;
}
#gnav li {
	display: inline;
}


#contents {
	height: 458px;
}

#footer {
	height: 41px;
	background: #fff;
}

#footer p {
	padding: 8px 10px 0 0;
}

/*	TOP
--------------------------------------------- */
#mainIndex #contents {
	position: relative;
	background: url(../images/top/bg.gif) no-repeat center center;
}
#mainIndex #contents ul {
	position: absolute;
	top: 240px;
	left: 100px;
}
#mainIndex #contents li {
	display: inline;
}
#mainIndex #contents li a img.popup {
	display: block;
	position: absolute;
	top: -10000px;
	left: -10000px;
	/*\*/overflow: hidden;/**/
}
#mainIndex #contents li a:hover {
	position: relative;
}
#mainIndex #contents li a:hover img.popup {
	left: 0;
}

/* リトル・ヤミィ */
#mainIndex #contents li a:hover img.p_yammy {
	top: -240px;
}
* html #mainIndex #contents li a:hover img.p_yammy {
	top: -120px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_yammy {
	top: -120px;
}

/* エッグ・キャット */
#mainIndex #contents li a:hover img.p_egg {
	top: -220px;
}
* html #mainIndex #contents li a:hover img.p_egg {
	top: -110px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_egg {
	top: -110px;
}

/* びー・ぼー */
#mainIndex #contents li a:hover img.p_beeboo {
	top: -230px;
}
* html #mainIndex #contents li a:hover img.p_beeboo {
	top: -115px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_beeboo {
	top: -115px;
}

/* はなちゃん */
#mainIndex #contents li a:hover img.p_hana {
	top: -250px;
}
* html #mainIndex #contents li a:hover img.p_hana {
	top: -125px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_hana {
	top: -125px;
}

/* ポポ */
#mainIndex #contents li a:hover img.p_popo {
	top: -230px;
}
* html #mainIndex #contents li a:hover img.p_popo {
	top: -115px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_popo {
	top: -115px;
}

/* ムームーさん */
#mainIndex #contents li a:hover img.p_moomoo {
	top: -240px;
}
* html #mainIndex #contents li a:hover img.p_moomoo {
	top: -120px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_moomoo {
	top: -120px;
}

/* めたぼぅ */
#mainIndex #contents li a:hover img.p_meta {
	top: -220px;
}
* html #mainIndex #contents li a:hover img.p_meta {
	top: -110px;
}
*:first-child+html #mainIndex #contents li a:hover img.p_meta {
	top: -110px;
}



/*	共通指定
--------------------------------------------- */

.image_area a {
	outline: none;
}

.image_area {
	position: relative;
	width: 918px;
	height: 458px;
}

.image_btn {
	position: absolute;
	width: 165px;
	height: 60px;
	bottom: 40px;
	right: 38px;
}

.image_btn2 {
	position: absolute;
	width: 180px;
	height: 60px;
	bottom: 40px;
	right: 218px;
}

.image_btn a,
.image_btn2 a {
	display: block;
	width: 160px;
	height: 60px;
	background: url(../images/share/transparent.gif) repeat;
	text-indent: -9999px;
	/*\*/overflow: hidden;/**/
}



/*	リンク
--------------------------------------------- */
#link {
	padding: 30px 30px 30px 38px;
}
.linkList {
	display: inline;
	float: left;
	margin-bottom: 10px;
	width: 400px;
	background: #fff;
}

#link li {
	display: inline;
	margin-right: 2em;
}
#link p span {
	font-family: sans-serif;
}