@charset 'Shift_JIS';

/* Common Style 
-------------------------------------------------- */
#bodyArea.easyGame #contentsArea {
position: relative;
padding-bottom: 20px;
}
#bodyArea.easyGame #contentsArea #contents {
width: 644px;
margin: 8px auto 0;
padding: 0;
}

/* Main Menu
-------------------------------------------------- */
/* Title */
#topGuideArea {
position: relative;
height: 205px;
overflow: hidden;
}
#topGuideArea h1 {
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 5px;
width: 644px;
height: 219px;
}
	#topGuideArea h1 span{
	display: none;
	}
	#topGuideArea .rta {
	position:absolute;
	top:109px;
	left:0;
	margin-left:22px;
	font-weight:bold;
	}
	#topGuideArea .rta .counter {
	color:#fb7408;
	}
#topGuideArea #funkBox {
margin-left: 5px;
position: absolute;
top: 127px;
width: 635px;
height: 78px;
background: url('https://images.hange.jp/hangame/easy/easy_common/v2/common/bg_keyimage.png') no-repeat left top;
}
	#topGuideArea #funkBox #iconBox {
	width: 420px;
	margin: 10px 0 0 17px;
	}
	#topGuideArea ul{
	zoom:1;
	}
	#topGuideArea ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#topGuideArea #iconBox ul li{
		height: 15px;
		margin:0 2px 2px 0;
		float: left;
		}
	#topGuideArea #funkBox p.ema {
		margin-top:5px;
	}
	#topGuideArea #funkBox p#gameCopy {
	width: 420px;
	margin: 5px 0 0 17px;
}
	#topGuideArea #funkBox p#gameCopy strong {
	color: #ff7200;
	}

	#topGuideArea #funkBox p#no-start {
	width: 420px;
	margin: 4px 0 0 17px;
	_margin-top:2px;
	color: #979797;
	}
		#topGuideArea #funkBox p#no-start a {
		color: #ff7200;
		font-weight: bold;
		text-decoration: underline;
		}

		#topGuideArea #funkBox #countArea {
		position: absolute;
		top: 70px;
		left: 10px;
		width: 611px;
		height: 25px;
		background: url('https://images.hange.jp/hangame/easy/easy_common/v2/common/bg_count.jpg') no-repeat center top;
}
			#topGuideArea #funkBox #countArea p.counter {
			position: absolute;
			top: 2px;
			left: 85px;
			height: 20px;
			margin: 0 38px 0 0;
			line-height: 23px;
			font-weight: bold;
			color: #ff7200;
}
			#topGuideArea #funkBox #countArea #AnncOver {
			position: relative;
			top: 6px;
			left: 152px;
			width: 452px;
			overflow: hidden;
			height: 15px;
			}
				#topGuideArea #funkBox #countArea p.newAnnc {
				white-space:nowrap;
				color: #ffffff;
				position: absolute;
				top:1px;
				left: 0px;
				font-size: 11px;
				padding-right: 20px;
				}
			#topGuideArea #funkBox #countArea span.numBlue a {
			padding: 0 2px;
			color: #4e55f4;
			}
			#topGuideArea #funkBox #countArea span.numRed a {
			padding: 0 2px;
			color: #ffa6e5
			}
			#topGuideArea #funkBox #countArea span.numWhite a {
			padding: 0 2px;
			color: #ffffff;
			}
			#topGuideArea #funkBox #countArea span.news a {
			padding: 0 2px;
			color: #ffffff;
			}
			#topGuideArea #funkBox div#startBtn{
			position: absolute;
			top: 13px;
			right: 20px;
			width: 171px;
			height: 50px;
			}
				/** PNG for IE6 **/
				* html #topGuideArea #funkBox #countArea div#startBtn p.nomal a img{
				width: 0;
				padding-left: 171px;
				height: 50px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://images.hange.jp/hangame/easy/easy_common/v2/common/btn_gamestart.png', sizingMethod='crop'); }
				}
				* html #topGuideArea #funkBox #countArea div#startBtn p.nomal a:hover img{
				width: 0;
				padding-left: 171px;
				height: 50px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://images.hange.jp/hangame/easy/easy_common/v2/common/btn_gamestart_on.png', sizingMethod='crop'); }
				}
				* html #topGuideArea #funkBox #countArea div#startBtn p.jsoff img{
				width: 0;
				padding-left: 171px;
				height: 50px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://images.hange.jp/hangame/easy/easy_common/v2/common/btn_gamestart_jsoff.png', sizingMethod='crop'); }
				}

			#topGuideArea #funkBox #countArea div#startBtn img{
			width:0px;

			}
			#topGuideArea #funkBox #countArea div#startBtn a:hover{
			background: url('https://images.hange.jp/hangame/easy/easy_common/v2/common/btn_gamestart_on.png') no-repeat left top;
			}
#topGuideArea p#doubleGameBtn {
position: absolute;
top: 82px;
left: 495px;
}
#topGuideArea p#doubleGameBtn img {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://images.hange.jp/hangame/easy/easy_common/btn_doublegame.png", sizingMethod="crop");
_width: 0px;
_padding-left: 144px;
_height: 31px;
}




/*=== add startBtn 20081121 ===*/
/*
#topGuideArea div#startBtn {
position: absolute;
top: 120px;
right: 15px;
}
	#topGuideArea div#startBtn img{
	margin-left:8px;
	cursor:pointer;
	}
*/

/* Game Navi */
#gameNavi {
position: relative;
width: 634px;
height: 34px;
margin: 0;
padding: 5px 0 0 10px;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_gamenavi.gif') 0 0 no-repeat;
}
#gameNavi ul {
width: 620px;
margin-left: 4px;
}
#gameNavi ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#gameNavi ul li {
	float: left;
	}
	#gameNavi ul li a {
	display: block;
	margin: 0 0 0 -2px;
	z-index: 1;
	}
	#gameNavi li.gameTop a { width: 58px; }
	#gameNavi li.notice a { width: 72px; }
	#gameNavi li.community a { width: 89px; }
	#gameNavi li.help a { width: 66px; }
	#gameNavi ul li a:hover,
	#gameNavi ul li a.nowGame {
	position: relative;
	}
	#gameNavi ul li a:hover	{
	z-index: 10;
	}
#gameNavi p {
position: absolute;
top: 11px;
right: 13px;
}
#gameNavi p a {
color: #fff;
font-size: 11px;
}
#contents #playNavi {
position: relative;
width: 632px;
height: 18px;
margin: 0 auto 10px;
padding: 0 0 9px 12px;
border-bottom: 1px solid #d1d1d1;
}
#contents #playNavi ul {
height: 18px;
margin-left: -1px;
}
#contents #playNavi ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#contents #playNavi ul li {
	float: left;
	height: 18px;
	border-left: 1px solid #e8e8e8;
	line-height: 18px;
	}
		#contents #playNavi ul li.first {
		border-left: none;
		}
	#contents #playNavi ul li a {
	padding: 0 8px;
	color: #676767;
	zoom: 1;
	}
	#contents #playNavi ul li a:focus{
	outline:none;
	} 
		#contents #playNavi ul li a.now {
		color: #333;
		font-weight: bold;
		}



/* extraArea
-------------------------------------------------- */
/* simpleMydata */
#bodyArea.easyGame #extraArea #simpleMydata {
width: 200px;
margin: 5px auto 0;
padding-bottom: 5px;
background: #fff url('https://images.hange.jp/hangame/common/extraarea/bg_simplemydata_btm.gif') left bottom no-repeat;
}
#bodyArea.easyGame #extraArea #simpleMydata h2 {
width: 180px;
height: 15px;
padding: 5px 10px;
background: url('https://images.hange.jp/hangame/common/extraarea/bg_simplemydata_top.gif') 0 0 no-repeat;
color: #498200;
font-weight: normal;
}
#bodyArea.easyGame #extraArea #simpleMydata ul {
width: 180px;
margin: 5px auto 0;
padding: 0;
}
	#bodyArea.easyGame #extraArea #simpleMydata ul li {
	width: 170px;
	margin-bottom: 2px;
	*margin-bottom: 1px;
	padding-left: 10px;
	background: url('https://images.hange.jp/hangame/common/ico_2x2_gray.gif') 3px 6px no-repeat;
	}
	
	#bodyArea.easyGame #extraArea #simpleMydata ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	
	#bodyArea.easyGame #extraArea #simpleMydata li dt.dataTitle {
	float: left;
	width: 83px;
	color: #54860b;
	font-weight: normal;
	clear: both;
	}
		#bodyArea.easyGame #extraArea #simpleMydata li dd {
		margin-left: 80px;
		color: #858585;
		}
		#bodyArea.easyGame #extraArea #simpleMydata li dd .data {
		display: block;
		margin-top: -15px;
		color: #676767;
		text-align: right;
		}
#bodyArea.easyGame #extraArea #simpleMydata p.money {
clear: both;
text-align: center;
padding: 5px 0;
}
#bodyArea.easyGame #extraArea #simpleMydata p.notice {
margin-left: 1em;
padding: 3px 5px 3px 12px;
text-indent: -1em;
font-size: 11px;
}
#bodyArea.easyGame #extraArea #simpleMydata li a {
margin-left: 0.3em;
text-decoration: underline;
}
#myMenuList p.addIcon {
position: absolute;
top:-15px;
left: 75px;
}


/* mydata */
#extraArea .mydata{
width: 200px;
margin: 5px auto 0;
padding-bottom: 5px;
background: url('https://images.hange.jp/hangame/easy/fishing/common/bg_extrabox_btm.gif') left bottom no-repeat;
}
#extraArea .mydata h2{
width: 170px;
height: 15px;
padding:10px 15px 7px;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_mydata.gif') 0 0 no-repeat;
}
#extraArea .mydata em{
	font-style:normal;
	font-weight:bold;
}
#extraArea .mydata strong{
	font-weight:normal;
	color:#fc8715;
}
#extraArea .mydata ul {
width: 180px;
margin: 5px auto 0;
padding: 0;
}
#extraArea .mydata ul li {
width: 170px;
margin-bottom: 2px;
*margin-bottom: 1px;
padding-left: 10px;
background: url('https://images.hange.jp/hangame/common/ico_2x2_gray.gif') 3px 6px no-repeat;
}

#extraArea .mydata li *{
display:inline;
}
#extraArea .mydata li dt.dataTitle {
color: #999999;
font-weight: normal;
clear: both;
margin-right:3px;
}
#extraArea .mydata li dd {
color: #858585;
}
#extraArea .mydata li dd .data {
margin-left:3px;
color: #676767;
}
#extraArea .mydata p.money {
clear: both;
text-align: center;
padding: 5px 0;
}
#extraArea .mydata p.notice {
margin-left: 1em;
padding: 3px 5px 3px 12px;
text-indent: -1em;
font-size: 11px;
}
#extraArea .mydata li a {
margin-left: 0.3em;
text-decoration: underline;
}
#extraArea .mydata .premium {
clear: both;
width: 182px;
height: 60px;
margin: 8px auto 2px;
padding:0 2px 3px;
background: #f5f5f0;
}
	#extraArea .mydata .premium p {
	padding:8px 0 0 21px;
	color:#888;
	background:url('https://images.hange.jp/hangame/easy/fishing/common/icon_premium.gif') 7px 9px no-repeat;
	font-size:10px;
	font-weight:bold;
	}

/* play icon */
#extraArea .playIcon{
clear: both;
position: relative;
width: 200px;
margin: 10px auto 0;
padding-bottom: 10px;
background: url('https://images.hange.jp/hangame/easy/typing/common/bg_extrabox_btm.gif') left bottom no-repeat
}
#extraArea .playIcon:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#extraArea .playIcon .largeIcon{
background-color:#F5F5F0;
margin: 0 0 9px 6px;
border: 2px solid #ECEBE3;
padding: 5px 0 5px 4px;
width: 180px;
}
	#extraArea .playIcon .largeIcon:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	#extraArea .playIcon .largeIcon img{
	float: left;
	}
	#extraArea .playIcon .largeIcon p{
	float: left;
	width: 110px;
	padding: 3px 0 0 7px;
	}
			#extraArea .playIcon .largeIcon p span.iconTitle{
			display: block;
			font-weight: bold;
			}
			#extraArea .playIcon .largeIcon p span.iconRead{
			color: #999999;
			}
#extraArea .playIcon h2{
padding: 0 0 13px 8px;
background: #eaeae0 url('https://images.hange.jp/hangame/easy/typing/common/bg_extrabox_top.gif') left 19px no-repeat;
}
#extraArea .playIcon ul{
clear: both;
width: 196px;
margin: 0 0 0 4px;
}
	#extraArea .playIcon ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	#extraArea .playIcon li{
	position: relative;
	float: left;
	width: 55px;
	height: 55px;
	padding-left: 7px;
	}
	#extraArea .playIcon li p.icon_baloon{
	background: url('https://images.hange.jp/hangame/easy/easy_common/v2/common/icon_balloon.png') no-repeat top left;
	color: #999999;
	padding: 15px 0 0 13px;
	font-size: 10px;
	width: 95px;
	height: 49px;
	position: absolute;
	top: 40px;
	left:-35px;
	}
		#extraArea .playIcon li p.icon_baloon span.iconName {
		display: block;
		}
		#extraArea .playIcon li p.icon_baloon span.iconName {
		display: block;
		}
#extraArea .playIcon img {
vertical-align:top;
}
#extraArea .playIcon .otherIcon a{
position: relative;
display: block;
margin: 5px 0 -5px 10px;
padding-left: 8px;
font-size: 11px;
background: url('https://images.hange.jp/hangame/easy/easy_common/ico_arrow.gif') 0 3px no-repeat;
zoom: 1;
}
#extraArea .playIcon .more{
position: absolute;
top: 3px;
right: 5px;
}


/* help */
#bodyArea.easyGame #extraArea #gameHelp {
width: 198px;
margin: 20px auto 0;
}
#bodyArea.easyGame #extraArea #gameHelp ul {
margin-top: 8px;
}
	#bodyArea.easyGame #extraArea #gameHelp li {
	width: 188px;
	margin-bottom: 3px;
	padding-left: 10px;
	background: url('https://images.hange.jp/hangame/common/ico_2x2_black.gif') no-repeat 5px 6px;
	}

/* polling */
#bodyArea.easyGame #extraArea #pollingArea {
width: 198px;
margin: 20px auto;
padding: 0;
background-color: #eaeae0;
}

/* Sub Menu */
#bodyArea.easyGame #extraArea #specialContents {
width: 194px;
margin: 25px auto 0;
}


/* others
-------------------------------------------------- */
#contents h2 {
padding: 7px 0 12px 31px;
background: url('https://images.hange.jp/hangame/easy/easy_common/ico_title.gif') no-repeat 8px 7px;
color: #333;
font-size: 14px;
}
/* playNavi */
ul.pageNavi {
clear: both;
margin: 15px auto 0;
padding-bottom: 15px;
text-align: center;
}
	ul.pageNavi li {
	display: inline;
	border-left: 1px solid #d2d2d2;
	margin-right: -4px;
	font-weight: bold;
	}
		ul.pageNavi li.first {
		border-left: none;
		}
	ul.pageNavi li.first,
	ul.pageNavi li.last {
	width: 69px;
	*margin-right: 0;
	zoom: 1;
	}
	ul.pageNavi li.prev {
	width: 53px;
	*margin-right: 1px;
	zoom: 1;
	border:none;
	}
	ul.pageNavi li.next {
	width: 52px;
	*margin-right: 1px;
	zoom: 1;
	}
	ul.pageNavi li a {
	padding: 0 10px;
	zoom: 1;/* for IE */
	}
		ul.pageNavi li a:hover {
		border-left: 1px solid #fff;
		border-right: 1px solid #f3f3f3;
		background-color: #f3f3f3;
		text-decoration: none;
		padding: 0 9px;
		}
		ul.pageNavi li.now a {
		color: #f90;
		font-weight: bold;
		}
	ul.pageNavi li img {
	padding: 2px 0;
	vertical-align: top;
	}
	ul.pageNavi li.first img,
	ul.pageNavi li.last img {
	width: 49px;
	margin: 0 9px;
	}
	ul.pageNavi li.prev img {
	width: 33px;
	margin: 0 9px;
	}
	ul.pageNavi li.next img {
	width: 32px;
	margin: 0 9px;
	}
	ul.pageNavi li.first a img,
	ul.pageNavi li.prev a img,
	ul.pageNavi li.next a img,
	ul.pageNavi li.last a img {
	margin: 0;
	}

/* none */
#container #bodyArea.easyGame .none {
background: none;
border: none;
}

/* contents wrapper */
.ctsWrapper {
border: 1px #d1d1d1 solid;
}



/* premiumLinks */
#extraArea #premiumLinks {
margin: 10px auto 18px;
width:196px;
height:61px;
background:url('https://images.hange.jp/hangame/easy/fishing/common/pre_box_bg.gif') 0 0 no-repeat;
}

#extraArea #premiumLinks h2 {
padding:10px 0 0 9px;
}

#extraArea #premiumLinks ul {
padding:5px 0 0 4px;
}

#extraArea #premiumLinks li {
float:left;}


/* モバイル連動
================================== */

/* mobileForm
----------------------- */
#mobileForm {
background:url(https://images.hange.jp/hangame/common/extraarea/bg_specialcontents_bottom.gif) no-repeat left bottom #FFFFFF;
margin:10px auto 0;
padding-bottom:10px;
width:194px;
overflow:hidden;
color: #888888;
}
#mobileForm h2 {
background:url(https://images.hange.jp/hangame/easy/easy_common/v2/common/bg_mailform_top.gif) no-repeat 0 0;
line-height:26px;
padding-left:8px;
}
#mobileForm .txt	{
padding: 12px 8px 8px;
}
#mobileForm form	{padding: 0 8px;}
#mobileForm .local	{
width: 155px;
height: 14px;
margin-bottom: 6px;
vertical-align: middle;
}
#mobileForm #domain	{
width: 122px;
margin-top: 2px;
}
#mobileForm .btn	{
vertical-align: top;
}
#mobileForm .hedge	{
padding: 10px 8px 6px;
font-size: 10px;
}