@charset "UTF-8";

/* MAIN WINDOW MODULES -MAIN AREA- 
--------------------------------------------------------------*/
body{
	background:url(/ex/typing/common/images/bg_background.gif) repeat-x 0 0;
	background-color:#84dffe;
}
.outline_middle{
	background:url(/ex/typing/common/images/bg_outline_middle.gif) repeat-y 0 0;
	margin:0 auto;
	width:916px;
}
.outline_bottom{
	background:url("/ex/typing/common/images/bg_outline_bottom.gif") no-repeat 0 bottom;
	padding-bottom:0px;
	position:relative; top:0px; left:0px;
	text-align:left;
}
.footer{
	position:relative; bottom:0px; left:0px;
	width:916px; height:91px;
}
.footer .haribotekit{
	width:916px; height:91px;
}
.footer .haribotekit .panel{
	background:url("/ex/typing/common/images/bg_outline_bottom.gif") no-repeat 0 bottom;
}

.outline_top{
	background:url("/ex/typing/common/images/bg_outline_top.gif") no-repeat 0 0;
	padding:50px 3px 0 23px;
}
.header{
}
.header ul{
	padding:0px; margin:0px;
}
.header ul li{
	padding:0px; margin:0px;
	list-style-type:none;
	position:absolute;
}
.header ul li.header_ds                    { position:absolute; top:0px; left:0px;  }
.header ul li.header_pokemon               { position:absolute; top:0px; right:75px; }
.header ul li.header_nintendo              { position:absolute; top:0px; right:0px; }
.header ul li.header_ds       .haribotekit { width:103px; height:24px; }
.header ul li.header_pokemon  .haribotekit { width:166px; height:24px; }
.header ul li.header_nintendo .haribotekit { width: 66px; height:24px; }
.header ul li.header_ds       .haribotekit .panel { background-image:url("/ex/typing/common/images/outline_header_ds.gif"); }
.header ul li.header_pokemon  .haribotekit .panel { background-image:url("/ex/typing/common/images/outline_header_pokemon.gif"); }
.header ul li.header_nintendo .haribotekit .panel { background-image:url("/ex/typing/common/images/outline_header_nintendo.gif"); }


#mainArea{
	float:right;
	width:655px;
}
#mainArea p{
	margin-bottom:1em;
}
#mainArea p span.red{
	color:#ff0000;
}
#mainArea div.section{
	float:none;
	clear:both;
	padding:15px 30px;
	text-align:left;
}
#mainArea div.wireframe_section{
	padding:15px 20px;
}
/* graybox */
#mainArea .graybox_top{
	background:url(/ex/typing/common/images/bg_graybox_top.gif) no-repeat 0 0;
	padding:20px;
}
#mainArea .graybox_middle{
	background:url(/ex/typing/common/images/bg_graybox_middle.gif) repeat-y 0 0;
}
#mainArea .graybox_bottom{
	background:url(/ex/typing/common/images/bg_graybox_bottom.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}
#mainArea .graybox{
	margin-bottom:20px;
	zoom:1;
}
#mainArea .graybox_half{
	width:295px;
	text-align:left;
}
#mainArea .graybox p{
	margin-bottom:0;
}
#mainArea .graybox p img {
	margin-bottom: 20px;
}
#mainArea .graybox p.caption{
	margim-top: 1px;
	border-top: 1px solid #dcdcdc;
	line-height: 1.3em;
}
#mainArea .graybox p.caption span{
	display:block;
	padding-top: 15px;
	border-top: 1px solid #FFFFFF;
}
/* graybox2colom */
#mainArea .graybox2colom_top{
	background:url(/ex/typing/common/images/bg_graybox_2colom_top.gif) no-repeat 0 0;
	padding:20px;
}
#mainArea .graybox2colom_middle{
	background:url(/ex/typing/common/images/bg_graybox_2colom_middle.gif) repeat-y 0 0;
}
#mainArea .graybox2colom_bottom{
	background:url(/ex/typing/common/images/bg_graybox_2colom_bottom.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}
#mainArea .graybox .floL,#mainArea .graybox .floR{
	width:249px;
}
/* graybox2colom_other */
#mainArea .graybox_other .graybox2colom_top{
	padding:10px;
}
#mainArea .graybox .graybox_other .floL,#mainArea .graybox .graybox_other .floR{
	width:269px;
}
/* bluebox */
#mainArea .bluebox{
	margin:0 auto;
	width:551px;
}
#mainArea .bluebox_top{
	background:url(/ex/typing/common/images/bg_bluebox_top.gif) no-repeat 0 0;
	padding:20px 20px 5px;
}
#mainArea .bluebox_middle{
	background:url(/ex/typing/common/images/bg_bluebox_middle.gif) repeat-y 0 0;
}
#mainArea .bluebox_bottom{
	background:url(/ex/typing/common/images/bg_bluebox_bottom.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}
#mainArea .bluebox .floL .imgCap,#mainArea .bluebox .floR .imgCap{
	width:249px;
}
#mainArea .bluebox_top .topbox{
	margin-bottom:1px;
	border-bottom: 1px solid #FFFFFF;
}
#mainArea .bluebox_top .topbox .topbox_inner{
	padding-bottom:5px;
	border-bottom: 1px solid #dcdcdc;
}

#mainArea .bluebox{
	margin-bottom:20px;
}


/* graybox_mini */
#mainArea .graybox_mini{
	margin:0 auto;
	width:551px;
	position:relative;
}
#mainArea .graybox_mini_top{
	background:url(/ex/typing/common/images/bg_graybox_m_top.gif) no-repeat 0 0;
	padding:20px 20px;
}
#mainArea .graybox_mini_middle{
	background:url(/ex/typing/common/images/bg_graybox_m_middle.gif) repeat-y 0 0;
}
#mainArea .graybox_mini_bottom{
	background:url(/ex/typing/common/images/bg_graybox_m_bottom.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}
#mainArea .graybox_mini .floL,
#mainArea .graybox_mini .floL .imgCap,
#mainArea .graybox_mini .floR,
#mainArea .graybox_mini .floR .imgCap{
	width:249px;
}

#mainArea .graybox_mini p{
	margin-bottom:0;
}
#mainArea .graybox_mini p img {
	margin-bottom: 20px;
}
#mainArea .graybox_mini p.caption{
	margim-top: 1px;
	border-top: 1px solid #dcdcdc;
	line-height: 1.3em;
}
#mainArea .graybox_mini p.caption span{
	display:block;
	padding-top: 15px;
	border-top: 1px solid #FFFFFF;
}

#mainArea .graybox_mini{
	margin-bottom:20px;
}

#mainArea .graybox_mini .course02_poke{
	position:absolute;
	bottom:25px;
}


/* wireframe */
#mainArea .wireframe{
	margin:0 auto;
	width:594px;
}
#mainArea .wireframe_middle{
	background:url(/ex/typing/common/images/bg_wireframe_middle.gif) repeat-y 0 0;
}
#mainArea .wireframe_bottom{
	background:url(/ex/typing/common/images/bg_wireframe_bottom.gif) no-repeat 0 bottom;
	padding-bottom:8px;
}
#mainArea .wireframe .floL .imgCap,#mainArea .wireframe .floR .imgCap{
	padding-top: 5px;
	width:249px;
}

#mainArea .wireframe{
	margin-bottom:20px;
}

.pagetop{
	margin:0 20px 30px 0;
	text-align:right;
}
/* image colom */
#mainArea div.imgLeft img {
	display: block;
	float: left;
	margin: 0 15px 15px 0;
}
#mainArea div.imgLeft div.text {
	overflow: auto;
}
#mainArea p.imgCap, #mainArea p.caption {
	line-height: 1.3em;
/*	margin-top: -5px;*/
}
.haribotekit,
.imagereplace{
	display:block;
	position:relative; top:auto; left:auto;
	padding:0px 0px 0px 0px !important;
	border:0px solid transparent !important;
	overflow:hidden;
	zoom:100%;
}
.haribotekit .panel,
.imagereplace .panel{
	display:block;
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background-repeat:no-repeat;
	background-color:transparent;
	zoom:100%;
}
/* table */
#mainArea div.section table {
	margin-bottom: 1em;
}
#mainArea div.section table.w100per, #mainArea div.section table.wAuto {
	border-collapse: collapse;
}
#mainArea div.section table.w100per th, #mainArea div.section table.w100per td, #mainArea div.section table.wAuto th, #mainArea div.section table.wAuto td {
	border: 1px solid #CCCCCC;
	padding: 0.5em 10px;
	text-align: left;
	vertical-align: top;
}
#mainArea div.section table.w100per thead th, #mainArea div.section table.w100per thead td, #mainArea div.section table.wAuto thead th, #mainArea div.section table.wAuto thead td, #mainArea div.section table.w100per thead th p, #mainArea div.section table.w100per thead td p, #mainArea div.section table.wAuto thead th p, #mainArea div.section table.wAuto thead td p {
	background-color: #E6E6E6;
	text-align: center;
	vertical-align: middle;
}
#mainArea div.section table.w100per tbody th, #mainArea div.section table.wAuto tbody th {
	background-color: #E6E6E6;
}
#mainArea div.section table.w100per tbody th.subTh, #mainArea div.section table.wAuto tbody th.subTh {
	background-color: #F7F7F7;
}
#mainArea div.section table.w100per th p, #mainArea div.section table.w100per td p, #mainArea div.section table.wAuto th p, #mainArea div.section table.wAuto td p {
	margin: 0.5em 0;
}
#mainArea div.section table.w100per {
	width: 100%;
}
#mainArea div.section p.tblCap {
	color: #808080;
	margin-top: -0.5em;
	text-align: right;
}
#mainArea div.section table.tblSpec {
	border-bottom: 2px solid #CCCCCC;
	border-collapse: collapse;
	border-top: 2px solid #CCCCCC;
	width: 100%;
}
#mainArea div.section table.tblSpec th, #mainArea div.section table.tblSpec td {
	border-top: 1px dotted #CCCCCC;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}
#mainArea div.section table.tblSpec th p, #mainArea div.section table.tblSpec td p {
	line-height: 1.2;
	margin: 5px 0;
	padding: 0;
}
#mainArea div.section table.w100per tbody th, #mainArea div.section table.wAuto tbody th {
	background-color: #d5ebf1;
}
#mainArea div.section table.w100per th, #mainArea div.section table.w100per td, #mainArea div.section table.wAuto th, #mainArea div.section table.wAuto td {
	border: 1px solid #6992a7;
	padding: 0.5em 10px;
	text-align: left;
	vertical-align: top;
}
/* clearfix */
#mainArea div.imgLeft:after,
#mainArea div.imgLeftFl:after,
#mainArea div.imgRight:after,
#mainArea div.imgRightFl:after,
#mainArea div.imgW340Left:after,
#mainArea div.imgW220Left:after,
#mainArea div.imgW160Left:after,
#mainArea div.imgW340Right:after,
#mainArea div.imgW220Right:after,
#mainArea div.imgW160Right:after,
#mainArea div.imgW340LeftFl:after,
#mainArea div.imgW220LeftFl:after,
#mainArea div.imgW160LeftFl:after,
#mainArea div.imgW340RightFl:after,
#mainArea div.imgW220RightFl:after,
#mainArea div.imgW160RightFl:after,
#mainArea div.paging div.funcTop:after,
#mainArea div.paging div.funcBtm:after,
#mainArea div.newsIndex dl:after,
#mainArea div.index04 ul li:after,
#mainArea div.index03 ul li div:after,
#mainArea div.twoColumn:after,
#mainArea div.mediaGuide div.btm:after,
#mainArea div.goodsDtl:after,
#mainArea div.index05TxtImg ul li a:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainArea div.imgLeft,
#mainArea div.imgLeftFl,
#mainArea div.imgRight,
#mainArea div.imgRightFl,
#mainArea div.imgW340Left,
#mainArea div.imgW220Left,
#mainArea div.imgW160Left,
#mainArea div.imgW340Right,
#mainArea div.imgW220Right,
#mainArea div.imgW160Right,
#mainArea div.imgW340LeftFl,
#mainArea div.imgW220LeftFl,
#mainArea div.imgW160LeftFl,
#mainArea div.imgW340RightFl,
#mainArea div.imgW220RightFl,
#mainArea div.imgW160RightFl,
#mainArea div.paging div.funcTop,
#mainArea div.paging div.funcBtm,
#mainArea div.newsIndex dl,
#mainArea div.index04 ul li,
#mainArea div.index03 ul li div,
#mainArea div.twoColumn,
#mainArea div.mediaGuide div.btm,
#mainArea div.goodsDtl,
#mainArea div.index05TxtImg ul li a{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainArea div.imgLeft,
html #mainArea div.imgLeftFl,
html #mainArea div.imgRight,
html #mainArea div.imgRightFl,
html #mainArea div.imgW340Left,
html #mainArea div.imgW220Left,
html #mainArea div.imgW160Left,
html #mainArea div.imgW340Right,
html #mainArea div.imgW220Right,
html #mainArea div.imgW160Right,
html #mainArea div.imgW340LeftFl,
html #mainArea div.imgW220LeftFl,
html #mainArea div.imgW160LeftFl,
html #mainArea div.imgW340RightFl,
html #mainArea div.imgW220RightFl,
html #mainArea div.imgW160RightFl,
html #mainArea div.paging div.funcTop,
html #mainArea div.paging div.funcBtm,
html #mainArea div.newsIndex dl,
html #mainArea div.index04 ul li,
html #mainArea div.index03 ul li div,
html #mainArea div.twoColumn,
html #mainArea div.mediaGuide div.btm,
html #mainArea div.goodsDtl,
html #mainArea div.index05TxtImg ul li a{
	* height:1%;
}
#mainArea div.imgLeft,
#mainArea div.imgLeftFl,
#mainArea div.imgRight,
#mainArea div.imgRightFl,
#mainArea div.imgW340Left,
#mainArea div.imgW220Left,
#mainArea div.imgW160Left,
#mainArea div.imgW340Right,
#mainArea div.imgW220Right,
#mainArea div.imgW160Right,
#mainArea div.imgW340LeftFl,
#mainArea div.imgW220LeftFl,
#mainArea div.imgW160LeftFl,
#mainArea div.imgW340RightFl,
#mainArea div.imgW220RightFl,
#mainArea div.imgW160RightFl,
#mainArea div.paging div.funcTop,
#mainArea div.paging div.funcBtm,
#mainArea div.newsIndex dl,
#mainArea div.index04 ul li,
#mainArea div.index03 ul li div,
#mainArea div.twoColumn,
#mainArea div.mediaGuide div.btm,
#mainArea div.goodsDtl,
#mainArea div.index05TxtImg ul li a{
	display:block;
}
/* */