@charset "shift_jis";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : assist.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@import "../../assets/styles/reset.css";
@import "../../assets/styles/class.css";

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */
a:link {
	color: #ffffff;
	text-decoration: none;
}
/* a:active */
a:active {
	color: #ffffff;
	text-decoration: none;
}
/* a:visited */
a:visited {
	color: #ffffff;
	text-decoration: none;
}
/* a:hover */
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */

/* html */
html,body {
	height: 100%;
}
/* body */
body {
	background: #fff;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-align: left;
}

/* ********************************************************************************
 * ■一緒に遊べる「2人協力プレイ」
 * file path : /support/assist/
 * ******************************************************************************** */

/* div#content
 * ================================================================================ */
div#content {
	position:absolute; top:50%; left:50%;
	width: 706px;
	height: 433px;
	margin: -216px 0 0 -353px;
	background: url(images/bg_content.gif) 0 0 no-repeat;
}
/* p#title */
div#content p#title {
	position:absolute; top:-28px; right:13px;
	z-index: 100;
}
/* h2 */
div#content h2 {
	position:absolute; top:29px; left:49px;
}
/* h3 */
div#content h3 {
	position:absolute; top:90px; left:59px;
	font-size: 0;
	line-height: 0;
}
/* ul.sliderNav
------------------------------------------------------------*/
div#content ul.sliderNav {
	position:absolute; top:91px; left:518px;
	width: 136px;
}
div#content ul.sliderNav li {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 9px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content ul.sliderNav li a {
	display: block;
	width: 25px;
	height: 25px;
	background: 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content ul.sliderNav li.nav_1 {
	background: url(../../support/images/assist_nav_1.gif) 0 100% no-repeat;
}
div#content ul.sliderNav li.nav_2 {
	background: url(../../support/images/assist_nav_2.gif) 0 100% no-repeat;
}
div#content ul.sliderNav li.nav_3 {
	background: url(../../support/images/assist_nav_3.gif) 0 100% no-repeat;
}
div#content ul.sliderNav li.nav_4 {
	background: url(../../support/images/assist_nav_4.gif) 0 100% no-repeat;
}

div#content ul.sliderNav li.nav_1 a {
	background-image: url(../../support/images/assist_nav_1.gif);
}
div#content ul.sliderNav li.nav_2 a {
	background-image: url(../../support/images/assist_nav_2.gif);
}
div#content ul.sliderNav li.nav_3 a {
	background-image: url(../../support/images/assist_nav_3.gif);
}
div#content ul.sliderNav li.nav_4 a {
	background-image: url(../../support/images/assist_nav_4.gif);
}
div#content ul.sliderNav li.nav_1 a:hover,
div#content ul.sliderNav li.nav_2 a:hover,
div#content ul.sliderNav li.nav_3 a:hover,
div#content ul.sliderNav li.nav_4 a:hover,
div#content ul.sliderNav li.nav_1 a.active,
div#content ul.sliderNav li.nav_2 a.active,
div#content ul.sliderNav li.nav_3 a.active,
div#content ul.sliderNav li.nav_4 a.active {
	background-position: 0 100%;
}
/* p.txt_1 */
div#content p.txt_1 {
	position:absolute; top:131px; left:49px;
	font-size: 0;
	line-height: 0;
}
/* p.btnPrev */
div#content p.btnPrev {
	position:absolute; top:377px; left:25px;
	z-index: 100;
}
div#content p.btnPrev a {
	display: block;
	width: 67px;
	height: 37px;
	background: url(images/btn_prev.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content p.btnPrev a:hover {
	background-position: 0 100%;
}
/* p.btnNext */
div#content p.btnNext {
	position:absolute; top:377px; right:27px;
	z-index: 100;
}
div#content p.btnNext a {
	display: block;
	width: 70px;
	height: 37px;
	background: url(images/btn_next.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content p.btnNext a:hover {
	background-position: 0 100%;
}