@charset "utf-8";


#special #container {
	background: url(../img/body_bg_3.png) 0 46px repeat-x;
}

/* header
---------------------------------------- */

#special #header {
	width: 905px;
	margin: 0 auto;
	padding: 6px 0 17px 55px;
}
/* IE6 Only */
* html #special #header { padding-bottom: 21px;}
/* IE7 Only */
*:first-child + html #special #header { padding-bottom: 23px;}



#special #bandHead {
	background: url(../img/header_band.png) 50% 10px repeat-x;
}

#special #header .bandText span {
	position: absolute;
	left: 673px;
	top: -33px;
}

#special #visual {
	background-image: url(../../special/img/visual.png);
	background-repeat: no-repeat;
	background-position: center 55px;
}
/* IE6 Only */
* html #special #visual {
/*	background-image: url(../img/visual_2.png);*/
	background-image: url(../../special/img/visual.png);
	background-repeat: no-repeat;
	background-position: center 54px;
}

/* tabnavi
---------------------------------------- */
#special .navi {
	margin-left: 19px;
	padding-top: 213px;
	height: 36px;
}

#special .navi li {
	float: left;
}


/* tab
---------------------------------------- */

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* common */
.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
}

.ui-tabs-nav a {
}


#special ul#specialTab {
	margin-bottom: 15px;
	padding: 0 20px;
	height: 88px;
}

#special ul#specialTab li {
	float: left;
	text-indent: -9999px;
}

#special ul#specialTab li a {
	height: 88px;
	width: 380px;
	display: block;
	outline: 0;
}

#special ul#specialTab li#special_01 a {
	background: url(../../special/img/special_btn_01.png) no-repeat;
}

#special ul#specialTab li#special_02 a {
	background: url(../../special/img/special_btn_02.png) no-repeat;
}

#special ul#specialTab li a:hover {
	background-position: 0 -88px !important;
}

#special ul#specialTab li.ui-tabs-selected a,
#special ul#specialTab li.ui-tabs-selected a:hover {
	background-position: 0 -176px !important;
}


/* productArea
------------------------------------------ */

#specialArea {
	width: 800px;
	margin: 0 auto;
	padding:15px 11px 0;
	background: url(../img/contents_bg.png) no-repeat;
}

.specialBottom {
	width: 800px;
	margin: 0 auto 10px;
	padding: 0 11px;
	height: 22px;
	background: url(../img/contents_bg_bottom.png) no-repeat;
}

#specialArea h2 {
	margin-bottom: 11px;
	text-align: center;
	clear: both;	
}

#specialArea p, ul li, ol li, h5 { font-size:0.85em;}

/* tab contents
---------------------------------------- */

#specialArea .tabcontents {
	padding: 0;
	width: 800px;
	min-height: 275px;
}

/* IE6 Only */
* html #specialArea .tabcontents {height: 275px;}

#specialArea .tabcontents h3 {
	margin-bottom: 15px;
}

#special #specialArea .tabcontents #game,
#special #specialArea .tabcontents #download {
	}
	
#special #specialArea .tabcontents a {
	color:#CC0000;
	text-decoration: underline;
}
	
/* attention
---------------------------------------- */
#special #specialArea .tabcontents .attention {
	margin-top: 20px;
	padding-top: 20px;
	background:url(../../special/img/download_border.gif) repeat-x;
}
#special #specialArea .tabcontents .attention p.attentionTitle { margin-bottom: 3px !important;}

#special #specialArea .tabcontents .attention ul { margin-bottom: 24px;}
#special #specialArea .tabcontents .attention ul li {
	padding-left: 1.2em;
	list-style: none;
	background: url(../../special/img/special_ico_list.gif) 6px 0.55em no-repeat;
}

	/* game
	---------------------------------------- */
	#special #specialArea .tabcontents #game {
		padding-bottom: 10px;
	}
	
	#special #specialArea .tabcontents #game .section {
		background:url(../../special/img/special_bg_01.png) no-repeat;
		padding: 16px 20px 0;
	}
		
	#special #specialArea .tabcontents #game .section h3 {
		margin-bottom: 13px;
	}
	
		/* section01
		---------------------------------------- */
		#special #specialArea .tabcontents #game .section.section01 p { margin-bottom: 16px;}
	
		#special #specialArea .tabcontents #game .section.section01 .innerUnit {
			margin-bottom: 7px;
			zoom: 1;
		}
		#special #specialArea .tabcontents #game .section.section01 .innerUnit:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#special #specialArea .tabcontents #game .section.section01 .innerUnit .txtUnit {
			float: left;
			display: inline;
			width: 400px;
		}
		
		#special #specialArea .tabcontents #game .section.section01 .innerUnit .imgUnit {
		 float: right;
		 display: inline;
		 width: 360px;
		}
	
	
		/* section02
		---------------------------------------- */
		#special #specialArea .tabcontents #game .section.section02 .innerUnit p { margin-bottom: 12px;}
	
		#special #specialArea .tabcontents #game .section.section02 .innerUnit ul.step {
			margin-bottom: 15px;
			padding-top: 5px;
			zoom: 1;
		}
		#special #specialArea .tabcontents #game .section.section02 .innerUnit ul.step:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#special #specialArea .tabcontents #game .section.section02 .innerUnit ul.step li {
			float: left;
			display: inline;
			padding-left: 31px;
			width: 167px;
			background: url(../../special/img/game_ico_arrow.gif) 6px 90px no-repeat;
		}
		
		#special #specialArea .tabcontents #game .section.section02 .innerUnit ul.step li.first {
			padding: 0;
			background: none;
		}
		
		#special #specialArea .tabcontents #game .section.section02 .innerUnit ul.step li.last {
			padding-left: 30px;
		}
		
		/* section03
		---------------------------------------- */
		#special #specialArea .tabcontents #game .section.section03 .innerUnit p { margin-bottom: 12px;}
	
		#special #specialArea .tabcontents #game .section.section03 .innerUnit {
			zoom: 1;
		}
		#special #specialArea .tabcontents #game .section.section03 .innerUnit:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#special #specialArea .tabcontents #game .section.section03 .innerUnit .imgUnit {
			float: left;
			display: inline;
			width: 360px;
			height: 203px;
		}
		
		#special #specialArea .tabcontents #game .section.section03 .innerUnit .imgUnit.game01 {
			padding-right: 19px;
		}
		
		#special #specialArea .tabcontents #game .section.section03 .innerUnit .imgUnit.game02 {
			padding-left: 19px;
			border-left: 2px solid #E4E4E4
		}
	


	/* download
	---------------------------------------- */
	#special #specialArea .tabcontents #download {
		background:url(../../special/img/special_bg_01.png) no-repeat;
		padding: 15px 20px 0;
	}
	
	#special #specialArea .tabcontents #download h3 {}
	
	#special #specialArea .tabcontents #download h4,
	#special #specialArea .tabcontents #download h5 {
		margin-bottom: 10px;
	}
	
	#special #specialArea .tabcontents #download ol {
		margin-bottom: 10px;
	}
	
	#special #specialArea .tabcontents #download ol li {
		padding: 0 0 2px 23px;
		background: 1px 1px no-repeat;
		zoom:1;
	}
	
	#special #specialArea .tabcontents #download ol li.step01 {background-image: url(../../special/img/download_step_01.gif);}
	#special #specialArea .tabcontents #download ol li.step02 {background-image: url(../../special/img/download_step_02.gif);}
	#special #specialArea .tabcontents #download ol li.step03 {background-image: url(../../special/img/download_step_03.gif);}
	#special #specialArea .tabcontents #download ol li.step04 {background-image: url(../../special/img/download_step_04.gif);}
	
		
		
		/* innerUnit
		---------------------------------------- */
		#special #specialArea .tabcontents #download .innerUnit {
			margin-bottom: 15px;
			zoom;1;
		}
		#special #specialArea .tabcontents #download .innerUnit:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		/* IE6 Only */
		* html #special #specialArea .tabcontents #download .innerUnit {height: 259px;}
		/* IE7 Only */
		*:first-child + html #special #specialArea .tabcontents #download .innerUnit {height: 259px;}


		
			/* mainUnit
			---------------------------------------- */
			#special #specialArea .tabcontents #download .innerUnit .mainUnit {
				position: relative;
				float: left;
				display: inline;
				background: url(../../special/img/download_bg_01.png) no-repeat;
				width: 560px;
				height: 259px;
			}
			
			#special #specialArea .tabcontents #download .innerUnit .mainUnit h4 { margin: 9px 14px;}
			
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit {
				position: absolute;
				top: 47px;
				width: 245px;
				height: 194px;
			}
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit.img01 { left: 21px;}
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit.img02 { left: 295px;}
			
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit p {
				margin-bottom: 3px;
			}
			
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit ul {
				position: relative;
				margin-left: -5px;
				zoom:1;
			}
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit ul:after { /* for Modern Browser */
				content: "."; display: block; clear: both; height: 0px; visibility: hidden;
			}
			
			#special #specialArea .tabcontents #download .innerUnit .mainUnit .downloadUnit ul li {
				float: left;
				display: inline;
				padding-left: 5px;
			}
			
			
			/* qrUnit
			---------------------------------------- */
			#special #specialArea .tabcontents #download .innerUnit .qrUnit {
				float: right;
				display: inline;
				background: url(../../special/img/download_bg_02.png) no-repeat;
				width: 180px;
				height: 259px;
			}
			
			#special #specialArea .tabcontents #download .innerUnit .qrUnit h4 { margin: 9px 14px;}
			
			#special #specialArea .tabcontents #download .innerUnit .qrUnit p {
				margin: 38px auto 5px;
				width: 140px;
			}
		
			#special #specialArea .tabcontents #download .innerUnit .qrUnit p.imgQRcode {
				margin: 0 auto 13px;
				width: 92px;
			}