@charset "utf-8";

/* playguideCSS Category ---------
01. Title
02. Navigation
03. common element
---------------------------- */


/* 01. Title
--------------------------------------------------------------------------- */
h2.primaryTtl{
	background:url(../images/playguide/h2ttl_guide.jpg) left top no-repeat;
	overflow:hidden;
	padding:45px 0 0 0;
	height:0;
	width:580px;
	}
h3{
	clear:both;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	padding:30px 0 0 0;
	height:0;
	width:560px;
	}



/* 02. Navigation
--------------------------------------------------------------------------- */
.tabNavi {
	background: url(../images/playguide/navi_back.jpg) left top no-repeat;
	clear: both;
	height:80px;
	width:580px;
	}

.tabNavi02 {
	background: url(../images/playguide/navi_back02.jpg) left top no-repeat;
	clear: both;
	height:120px;
	width:580px;
	}

ul.mainNavi {
	background: url(../images/playguide/mainnav_back.jpg) left top no-repeat;
	margin-left:40px;
	height:40px;
	width:540px;
	}

ul.mainNavi li,
ul.subNavi01 li,
ul.subNavi02 li,
ul.subNavi03 li,
ul.subNavi04 li,
ul.subNavi05 li,
ul.subNavi06 li,
ul.subNavi07 li {float: left;}

ul.mainNavi li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 77px;
	}
li a:hover.navi01,
li a.navi01On {background: url(../images/playguide/mainnav_back.jpg) left -40px no-repeat;}
li a:hover.navi02,
li a.navi02On {background: url(../images/playguide/mainnav_back.jpg) -77px -40px no-repeat;}
li a:hover.navi03,
li a.navi03On {background: url(../images/playguide/mainnav_back.jpg) -154px -40px no-repeat;}
li a:hover.navi04,
li a.navi04On {background: url(../images/playguide/mainnav_back.jpg) -231px -40px no-repeat;}
li a:hover.navi05,
li a.navi05On {background: url(../images/playguide/mainnav_back.jpg) -308px -40px no-repeat;}
li a:hover.navi06,
li a.navi06On {background: url(../images/playguide/mainnav_back.jpg) -385px -40px no-repeat;}
li a:hover.navi07,
li a.navi07On {background: url(../images/playguide/mainnav_back.jpg) -462px -40px no-repeat;}


/*-------------------- プレイ準備 --------------------*/
ul.subNavi01 {
	background: url(../images/playguide/subnav01_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi01 li a {
	display: block;
	width: 109px;
	padding:40px 0 0 0;
	height:0;
	}
ul.subNavi01 li a:hover.sub01,
ul.subNavi01 li a.sub01On {background: url(../images/playguide/subnav01_back.jpg) left -40px no-repeat;}
ul.subNavi01 li a:hover.sub02,
ul.subNavi01 li a.sub02On {background: url(../images/playguide/subnav01_back.jpg) -109px -40px no-repeat;}
ul.subNavi01 li a:hover.sub03,
ul.subNavi01 li a.sub03On {background: url(../images/playguide/subnav01_back.jpg) -218px -40px no-repeat;}
ul.subNavi01 li a:hover.sub04,
ul.subNavi01 li a.sub04On {background: url(../images/playguide/subnav01_back.jpg) -327px -40px no-repeat;}


/*-------------------- ゲーム画面 --------------------*/
ul.subNavi02 {
	background: url(../images/playguide/subnav02_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:80px;
	width:545px;
	}
ul.subNavi02 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 91px;
	}
ul.subNavi02 li a.sub06,
ul.subNavi02 li a:hover.sub06,
ul.subNavi02 li a.sub06On {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 89px;
	}
ul.subNavi02 li a:hover.sub01,
ul.subNavi02 li a.sub01On {background: url(../images/playguide/subnav02_back.jpg) left -80px no-repeat;}
ul.subNavi02 li a:hover.sub02,
ul.subNavi02 li a.sub02On {background: url(../images/playguide/subnav02_back.jpg) -91px -80px no-repeat;}
ul.subNavi02 li a:hover.sub03,
ul.subNavi02 li a.sub03On {background: url(../images/playguide/subnav02_back.jpg) -182px -80px no-repeat;}
ul.subNavi02 li a:hover.sub04,
ul.subNavi02 li a.sub04On {background: url(../images/playguide/subnav02_back.jpg) -273px -80px no-repeat;}
ul.subNavi02 li a:hover.sub05,
ul.subNavi02 li a.sub05On {background: url(../images/playguide/subnav02_back.jpg) -364px -80px no-repeat;}
ul.subNavi02 li a:hover.sub06,
ul.subNavi02 li a.sub06On {background: url(../images/playguide/subnav02_back.jpg) -455px -80px no-repeat;}

ul.subNavi02 li a:hover.sub07,
ul.subNavi02 li a.sub07On {background: url(../images/playguide/subnav02_back.jpg) left -120px no-repeat;}
ul.subNavi02 li a:hover.sub08,
ul.subNavi02 li a.sub08On {background: url(../images/playguide/subnav02_back.jpg) -91px -120px no-repeat;}


/*-------------------- 操作方法 --------------------*/
ul.subNavi03 {
	background: url(../images/playguide/subnav03_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi03 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 109px;
	}
ul.subNavi03 li a:hover.sub01,
ul.subNavi03 li a.sub01On {background: url(../images/playguide/subnav03_back.jpg) left -40px no-repeat;}
ul.subNavi03 li a:hover.sub02,
ul.subNavi03 li a.sub02On {background: url(../images/playguide/subnav03_back.jpg) -109px -40px no-repeat;}
ul.subNavi03 li a:hover.sub03,
ul.subNavi03 li a.sub03On {background: url(../images/playguide/subnav03_back.jpg) -218px -40px no-repeat;}
ul.subNavi03 li a:hover.sub04,
ul.subNavi03 li a.sub04On {background: url(../images/playguide/subnav03_back.jpg) -327px -40px no-repeat;}
ul.subNavi03 li a:hover.sub05,
ul.subNavi03 li a.sub05On {background: url(../images/playguide/subnav03_back.jpg) -436px -40px no-repeat;}


/*-------------------- ロボ --------------------*/
ul.subNavi04 {
	background: url(../images/playguide/subnav04_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi04 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 109px;
	}
ul.subNavi04 li a:hover.sub01,
ul.subNavi04 li a.sub01On {background: url(../images/playguide/subnav04_back.jpg) left -40px no-repeat;}
ul.subNavi04 li a:hover.sub02,
ul.subNavi04 li a.sub02On {background: url(../images/playguide/subnav04_back.jpg) -109px -40px no-repeat;}
ul.subNavi04 li a:hover.sub03,
ul.subNavi04 li a.sub03On {background: url(../images/playguide/subnav04_back.jpg) -218px -40px no-repeat;}
ul.subNavi04 li a:hover.sub04,
ul.subNavi04 li a.sub04On {background: url(../images/playguide/subnav04_back.jpg) -327px -40px no-repeat;}
ul.subNavi04 li a:hover.sub05,
ul.subNavi04 li a.sub05On {background: url(../images/playguide/subnav04_back.jpg) -436px -40px no-repeat;}


/*-------------------- コミュニケーション --------------------*/
ul.subNavi05 {
	background: url(../images/playguide/subnav05_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi05 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 109px;
	}
ul.subNavi05 li a:hover.sub01,
ul.subNavi05 li a.sub01On {background: url(../images/playguide/subnav05_back.jpg) left -40px no-repeat;}
ul.subNavi05 li a:hover.sub02,
ul.subNavi05 li a.sub02On {background: url(../images/playguide/subnav05_back.jpg) -109px -40px no-repeat;}
ul.subNavi05 li a:hover.sub03,
ul.subNavi05 li a.sub03On {background: url(../images/playguide/subnav05_back.jpg) -218px -40px no-repeat;}
ul.subNavi05 li a:hover.sub04,
ul.subNavi05 li a.sub04On {background: url(../images/playguide/subnav05_back.jpg) -327px -40px no-repeat;}
ul.subNavi05 li a:hover.sub05,
ul.subNavi05 li a.sub05On {background: url(../images/playguide/subnav05_back.jpg) -436px -40px no-repeat;}


/*-------------------- スキンエディット --------------------*/
ul.subNavi06 {
	background: url(../images/playguide/subnav06_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi06 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 109px;
	}
ul.subNavi06 li a:hover.sub01,
ul.subNavi06 li a.sub01On {background: url(../images/playguide/subnav06_back.jpg) left -40px no-repeat;}
ul.subNavi06 li a:hover.sub02,
ul.subNavi06 li a.sub02On {background: url(../images/playguide/subnav06_back.jpg) -109px -40px no-repeat;}


/*-------------------- システム --------------------*/
ul.subNavi07 {
	background: url(../images/playguide/subnav07_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:80px;
	width:545px;
	}
ul.subNavi07 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 91px;
	}
ul.subNavi07 li a.sub06,
ul.subNavi07 li a:hover.sub06,
ul.subNavi07 li a.sub06On,
ul.subNavi07 li a.sub12,
ul.subNavi07 li a:hover.sub12,
ul.subNavi07 li a.sub12On {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 89px;
	}
ul.subNavi07 li a:hover.sub01,
ul.subNavi07 li a.sub01On {background: url(../images/playguide/subnav07_back.jpg) left -80px no-repeat;}
ul.subNavi07 li a:hover.sub02,
ul.subNavi07 li a.sub02On {background: url(../images/playguide/subnav07_back.jpg) -91px -80px no-repeat;}
ul.subNavi07 li a:hover.sub03,
ul.subNavi07 li a.sub03On {background: url(../images/playguide/subnav07_back.jpg) -182px -80px no-repeat;}
ul.subNavi07 li a:hover.sub04,
ul.subNavi07 li a.sub04On {background: url(../images/playguide/subnav07_back.jpg) -273px -80px no-repeat;}
ul.subNavi07 li a:hover.sub05,
ul.subNavi07 li a.sub05On {background: url(../images/playguide/subnav07_back.jpg) -364px -80px no-repeat;}
ul.subNavi07 li a:hover.sub06,
ul.subNavi07 li a.sub06On {background: url(../images/playguide/subnav07_back.jpg) -455px -80px no-repeat;}

ul.subNavi07 li a:hover.sub07,
ul.subNavi07 li a.sub07On {background: url(../images/playguide/subnav07_back.jpg) left -120px no-repeat;}
ul.subNavi07 li a:hover.sub08,
ul.subNavi07 li a.sub08On {background: url(../images/playguide/subnav07_back.jpg) -91px -120px no-repeat;}
ul.subNavi07 li a:hover.sub09,
ul.subNavi07 li a.sub09On {background: url(../images/playguide/subnav07_back.jpg) -182px -120px no-repeat;}
ul.subNavi07 li a:hover.sub10,
ul.subNavi07 li a.sub10On {background: url(../images/playguide/subnav07_back.jpg) -273px -120px no-repeat;}
ul.subNavi07 li a:hover.sub11,
ul.subNavi07 li a.sub11On {background: url(../images/playguide/subnav07_back.jpg) -364px -120px no-repeat;}


/* 03. common element
--------------------------------------------------------------------------- */
.detailBox{
	clear:both;
	margin:20px auto;
	_margin:20px 0 0 10px;
	width:560px;
	}

#guideInfo{
	background: url(../images/playguide/guide_back.jpg) left center repeat-x;
	border:1px solid #003366;
	margin:0 auto 20px;
	width:540px;
	}
	
#guideInfo p{padding:10px;}

.viewnom01 {background: url(../images/playguide/guide_num01.gif) left top no-repeat;}
.viewnom02 {background: url(../images/playguide/guide_num02.gif) left top no-repeat;}
.viewnom03 {background: url(../images/playguide/guide_num03.gif) left top no-repeat;}
.viewnom04 {background: url(../images/playguide/guide_num04.gif) left top no-repeat;}
.viewnom05 {background: url(../images/playguide/guide_num05.gif) left top no-repeat;}
.viewnom06 {background: url(../images/playguide/guide_num06.gif) left top no-repeat;}
.viewnom07 {background: url(../images/playguide/guide_num07.gif) left top no-repeat;}
.viewnom08 {background: url(../images/playguide/guide_num08.gif) left top no-repeat;}
.viewnom09 {background: url(../images/playguide/guide_num09.gif) left top no-repeat;}
.viewnom10 {background: url(../images/playguide/guide_num10.gif) left top no-repeat;}
.viewnom11 {background: url(../images/playguide/guide_num11.gif) left top no-repeat;}
.viewnom12 {background: url(../images/playguide/guide_num12.gif) left top no-repeat;}
.viewnom13 {background: url(../images/playguide/guide_num13.gif) left top no-repeat;}
.viewnom14 {background: url(../images/playguide/guide_num14.gif) left top no-repeat;}
.viewnom15 {background: url(../images/playguide/guide_num15.gif) left top no-repeat;}