@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: styles.css

		Setting of: General pages
			1: General setting
			2: Contents setting
	}

****************************************************************** */

/*===================================================================
	0: ‘S‘Ì—p
===================================================================*/

/* import style
------------------------------------------------------------------- */
@import url('../mod_default.css');
@import url('../mod_layout.css');
@import url('../mod_headerfooter.css');
@import url('../mod_common.css');
/*@import url('../mod_login.css');
@import url('../mod_form.css');*/


/*===================================================================
	1: General setting
===================================================================*/

*{
	margin:0;
	padding:0;
}

div,p,span,a,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table{font-size:100%;
}
ul,ol,table,td,th,p{padding:0;
}
ul,ol{list-style:none;
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	font-size:1em;
}

strong,em{font-weight:bold; font-style:normal;
}

hr{display:none;
}

img,a{border:0;
}

img{vertical-align:top;
}

a{outline:0;}

/* -- Link Color -- */
a:link{color:#0052E9; text-decoration:underline;
}
a:visited{color:#660099; text-decoration:underline;
}
a:hover{color:#003399; text-decoration:none;
}
a:active{color:#003399; text-decoration:none;
}

address{font-style:normal;
}

/* -- clearfix -- */
.pkg:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
.pkg{display:inline-block;
}
/* no ie mac \*/
* html .pkg{height:1%;
}
.pkg{display:block;
}
/* */

.dispNone,
.skipNav{
	display: none;
	/* no ie mac \*/
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	font-size: 1px;
	line-height: 100%;
	/* */
}

.test{border:solid 1px #000!important;
}

.clearBoth{clear:both;
}

.caution{color:#CC0000;
}

.noscriptCaution{
	display:block;
	padding:3px;
	text-align:center;
	color:#CC0000;
}



/*===================================================================
	2: Contents setting
===================================================================*/

div#contentsLine{
	border:1px solid #DEDEDE;
	margin:0;
	padding:10px 9px;
	width:810px;
}

/** html div#contentsLine{
	width:830px;
}
*/

div#headWrapper, div#contentsTop{
	margin:0 auto;
	padding:0;
	width:864px;
}

div#header div#headLogo{
	width:800px;
	padding:10px 0 8px;
	text-align:left;
	position:relative;
	margin-left:5px;
}

div#header div#headLogo img{
	vertical-align:middle;
}

div#header div#headLogo span{
	position:absolute;
	right:0px;
	top:3px;
}

div#header div#headLogo h1{
	position:absolute;
	width:500px;
	height:53px;
	margin-left:296px;
	background:url(../../image/nifty/h201006/page_desc.gif) no-repeat 0 0;
	text-indent:-9999px;
}



div#contentsTopWrapper{
	background:url(../../image/nifty/h201006/contentstop_bg.jpg) repeat-x 0 0;
}


div#infoWrapper{
	padding-top:5px;
	overflow:hidden;
	margin-left:5px;
}

div#infoWrapper .infoinner{
	padding:5px;
	width: 790px ;
	text-align:left;
	background:#DA0404;
}

div#infoWrapper .infoinner dt{
	float:left;
	width:80px;
	background: #4C0404;
}

div#infoWrapper .infoinner dd{
	margin-left:85px;
	padding:1px 10px 1px 5px;
	background:#FFF;
}

* html div#infoWrapper .infoinner dd{
	padding:2px 10px 2px 5px;
}

div#infoWrapper .infoinner dt img{
	vertical-align:top;
}

div#infoWrapper .infoinner dd img{
	vertical-align:middle;
	margin:0px 5px 0 0;
	padding-bottom:1px;
}


div#contentsTop{
	padding:0px 0 25px;
	width:864px;
}

div#contentsTop div.ttl{
	margin:0 32px 10px;
	text-align:left;
}

div#contentsTop div.recommend{
	width:800px;
	margin:0 32px;
}

div#contentsTop div.recommend h1{
	float:left;
	width:390px;
}

div#contentsTop div.recommend ul{
	float:right;
	width:401px;
	position:relative;
}

div#contentsTop div.recommend li.online{
	position:relative;
	float:right;
}

div#contentsTop div.recommend li.online a{
	position:absolute;
	top:9px;
	right:7px;
}

div#mainTitleWrapper{
	background:url(../../image/nifty/h201006/maintitlewrap_bg.gif) repeat-x 0 100%;
	height:27px;
}

div#mainTitleWrapper p{
	margin:0 auto;
	padding:0;
	width:864px;
	text-align:left;
}

div#mainTitleWrapper p img{
	margin-left:32px;
}


div#mainWrapper{
	clear:both;
	width:800px;
	margin-left:5px;
}

* html div#mainWrapper{
	margin-left:0;
}

div#container{
	padding:30px 0 0px;
}

div#contents{
	width:810px;
	padding:0;
}

div#mainContents{
	width:800px;
	margin-left:5px;
	text-align:left;
}
	

div#mainImgArea{
	background:url(../../image/nifty/h201006/mainimg.jpg) no-repeat;
	width:800px;
	height:552px;
	margin:0 auto;
	text-align:center;
}

* html div#mainImgArea{
	background:url(../../image/nifty/h201006/mainimg.jpg) no-repeat;
	width:800px;
	height:552px;
	margin-left:5px;
	text-align:center;
}


div#mainImgArea h2{
	display:none;
}

div#mainImgArea p{
	background:url(../../image/nifty/h201006/btn01.jpg) no-repeat;
	width:558px;
	height:118px;
	text-indent:-9999px;
	display:block;
	position:relative;
	top:463px;
	left:114px;
}
	
* html div#mainImgArea p{
	left:0px;
}

div#mainImgArea p a{
	width:558px;
	height:118px;
	display:block;
}
	
div#mainImgArea p a:hover{
	background:url(../../image/nifty/h201006/btn01_on.jpg) no-repeat;
}
	
div.play{
	width:800px;
	height:454px;
	overflow:hidden;
	margin-top:15px;
}
	
div.play_L{
	width:450px;
	height:454px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../../image/nifty/h201006/img_play01.jpg) no-repeat;
}

div.play_L h2,
div.play_L p{
	font-size:0;
	display:none;
}

div.play_L img{
	display:block;
	margin:0;
	padding:134px 0 0 28px;
}
	
div.play_R{
	width:350px;
	float:right;
	margin:0;
	padding:0;	
}

div.play_R h3{
	display:none;
}

div.play_R div.box{
	background:url(../../image/nifty/h201006/img_play03.jpg) no-repeat;
	width:345px;
	height:119px;
	overflow:hidden;
	padding:151px 0 0 5px;
}
		
/** html div.play_R div.box{
	width:350px;
	height:270px;
}*/
	
	
	
div.play_R table{
	border-collapse:collapse;
}

div.play_R table.itemA{
	margin:0 0 0 12px;
	float:left;
	width:138px;
}
	
* html div.play_R table.itemA{
	margin-left:6px;
}
	
div.town{
	background:url(../../image/nifty/h201006/img_town_bg.jpg) no-repeat;
	width:800px;
	height:784px;
	margin:30px 0;
	position:relative;
}
	
div.town h2,
div.town p{
	font-size:0;
	text-indent:-9999px;
}


div.town ul{
}

div.town ul li.ive{
	position:absolute;
	right:0px;
	top:298px;
}

div.town ul li.str{
	position:absolute;
	left:17px;
	top:150px;
}

div.town ul li.pet{
	position:absolute;
	left:17px;
	top:329px;
}

div.town table{
	position:absolute;
	top:506px;
	border-collapse:collapse;
	margin-left:17px;
}

	

div#mainContents div.unit{
	background:#FFF;
	padding:0 0 17px;
	margin:0 0 20px;
	border:2px solid #AB8B2A;
}

div#mainContents div#informationArea{
	border-color:#D280AA;
	text-align:center;
}

div#mainContents div#informationArea ul.step{
	width:760px;
	padding:0 0 48px;
	margin:0 auto;
	_margin:0;
	text-align:left;
}

div#mainContents div#informationArea ul.step li{
	float:left;
}

div#mainContents div#informationArea div.event-sample{
	background:#F6EFD9 url(../image/bg_event_top.gif) no-repeat;
	width:760px;
	margin:0 auto;
	position:relative;
	clear:both;
}

div#mainContents div#informationArea div.event-sample p.btn{
	position:relative;
	top:-23px;
	margin:0 auto;
	background:url(../../image/nifty/h201006/btn_entry_off.gif) no-repeat;
	width:578px;
	height:75px;
	text-indent:-9999px;
}

div#mainContents div#informationArea div.event-sample p.btn a{
	display:block;
	width:578px;
	height:75px;
}

div#mainContents div#informationArea div.event-sample p.btn a:hover{
	background:url(../../image/nifty/h201006/btn_entry_on.gif) no-repeat;
}

div#mainContents div#informationArea div.event-sample ul.note{
	width:736px;
	padding:0 0 10px;
	margin:0 auto;
	text-align:left;
	position:relative;
	_margin:0;
	top:-10px;
}

div#mainContents div#informationArea div.event-sample ul.note li em{
	display:block;
	padding:5px 5px 0;
	font-weight:bold;
	font-size:1.05em;
	color:#FF0060
}

div#mainContents div#informationArea div.event-sample ul.note li p{
	padding:0 15px 0 10px;
}


div#mainContents div#informationArea div.event-sample dl{
	background:url(../../image/nifty/h201006/bg_event_btm.gif) bottom left no-repeat;
	width:760px;
	padding:0 0 12px;
}


div#footer{
	margin:0;
	padding:0;
	
}