@charset "utf-8";
/*-------------------------------------
beginner contents style
-------------------------------------*/
* {
	margin:0;
	padding:0;}

table,img {border:none;}

body {
	word-break:break-all;
	font:12px/1.4 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	color:#008a31;
	background:url("") center top no-repeat transparent;}

a {color:#0bd051;font-weight:bold;}
a:hover {color:#93ecb3;}
ul,ol {list-style:none;}
table {border-collapse:collapse;}



/*---------------------
common
---------------------*/
.read {
	height:0;}

/* form */
.idpw {
	padding-left:36px;}

.idpw strong {
	display:block;
	width:16em;
	float:left;
	clear:both;
	font-weight:bold;}

input {
	width:20em;
	border:1px solid #6c6c6c;
	text-indent:0.1em;}

.idpw strong,input {
	height:1.4em;
	line-height:1.4em;
	margin:3px auto;}


/* table */
table.type1 {
	width:100%;
	margin:0 auto;
	border:1px solid #0bd051;
	border-collapse:collapse;}

table.type1 td,
table.type1 th {
	padding:3px;
	text-align:center;}

table.type1 thead th {
	font-weight:bold;}

table.type1 tbody th {
	width:123px;}

table.type1 th {
	border:1px solid #0bd051;
	background-color:#0bd051;
	color:#fff;}

table.type1 td {
	background-color:#fff;
	border:1px solid #0bd051;}

hr.sep {
	border:none;
	border-bottom:1px dashed #008a31;
	background:none;
	height:0;
	margin:0 20px;
	font-size:0;
	line-height:0;}

.dn {display:none;}

.red {color:#ff0101;}
.blue {color:#00d;}
.green {color:#0d0;}
.black {color:#111;}

.bold {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}

.ffmono {
	display:block;
	width:13.2em;
	float:left;
	clear:both;
	/line-height:1.7;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
td .fl,
.fclear .fl {display:block;float:left;}
td .fr,
.fclear .fr {display:block;float:right;}
.fc {margin-left:auto;margin-right:auto;}

.imr img,
.iml img,
.imc img {
	display:block;
	margin-bottom:3px;}

.imc img {margin-left:auto;margin-right:auto;}
.iml img {float:left;margin-right:8px;_margin-right:4px;}
.imr img {float:right;margin-left:8px;_margin-left:4px;}

.border0 {
	border:none !important;}

.frame {
	background-color:#fff;
	border:1px solid #9f905e;
	padding:8px;}

a.btn {
	margin:0 2px 0 0;}

a.btn:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	_filter:alpha(opacity=70);}

a.btnimg {
	display:block;
	width:209px;
	height:39px;
	background:url("") left top no-repeat transparent;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:39px;}
a.btnimg:hover {
	background-position:left -39px;}

a.btn2img {
	display:block;
	width:172px;
	height:63px;
	background:url("") left top no-repeat transparent;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:63px;}
a.btn2img:hover {
	background-position:left -63px;}

.btn_play:hover,
.btn_play {text-decoration:none;}

h1 {
	position:relative;
	width:585px;
	margin:0 auto;}

h2 {
	font-weight:bold;
	font-size:13px;}

h2.sep {
	margin-bottom:10px;
	border-bottom:1px dashed #008a31;}

.article {
	margin:0 15px;}

.article * {
	line-height:1.4;}

dt,dd span {
	font-weight:bold;}

hr.sep,
h1,
.article table,
.article p,
.article dl,
.article ul,
.article ol {
	margin-bottom:18px;}

.current {font-weight:bold;}



/*---------------------
layout
---------------------*/
#ra {
	background:url("/rainbow/beginner/common/images/bg_container.jpg") center top no-repeat #eaffea;}

#ra_container {
	position:relative;
	width:1000px;
	margin:0 auto;
	padding-top:199px;
	background:url("/rainbow/beginner/common/images/bg_container.jpg") center top no-repeat transparent;
	z-index:2;}

#ra_navi {
	height:30px;
	background:url("/rainbow/beginner/common/images/bg_main_top.gif") left top no-repeat transparent;
	line-height:30px;
	text-indent:20px;
	font-size:10px;}

#ra_navi a {font-weight:normal;}

#ra_main {
	min-height:800px;
	_height:800px;
	width:615px;
	margin:0 0 0 192px;
	background:url("/rainbow/beginner/common/images/bg_main_middle.gif") left top repeat-y transparent;}

#ra_logo {
	width:280px;
	height:130px;
	position:absolute;
	top:0;
	left:361px;}

#ra_registration_bottom,
#ra_registration_bottom a,
#ra_registration_top,
#ra_registration_top a {
	display:block;
	width:182px;
	height:76px;}

#ra_registration_bottom,
#ra_registration_top {
	position:absolute;
	z-index:1;}

#ra_registration_bottom {
	left:193px;
	top:-112px;}

#ra_registration_top {
	left:191px;
	top:123px;}


#ra_registration_bottom a {
	background:url("/rainbow/beginner/common/images/btn_registration_bottom.png") left top no-repeat transparent;}

#ra_registration_top a {
	background:url("/rainbow/beginner/common/images/btn_registration_top.png") left top no-repeat transparent;}

#ra_registration_bottom a:hover,
#ra_registration_top a:hover {
	background-position:left -76px;}


/*---------------------
footer
---------------------*/
#footer {
	position:relative;
	width:1000px;
	height:161px;
	margin:0 auto;
	text-align:center;
	background:url("/rainbow/beginner/common/images/bg_footer.gif") left top no-repeat transparent;}

#footer ul {
	display:none;}

#footer li {
	display:inline;
	margin:0 8px;}

#footer ul {
	margin:3px auto;}

#footer p {
	text-align:center;
	padding-top:122px;}



/*---------------------
main(unique)
---------------------*/
/* cbt */
img.limited {
	position:absolute;
	right:-85px;
	top:-123px;
/*
	right:-39px;
	top:-73px;
*/}

.terms {
	width:100%;
	height:200px;}

.error {
	min-height:44px;
	_height:44px;
	padding:15px 15px 15px 84px;
	background:url("/rainbow/beginner/common/images/ico_caution.gif") 14px center no-repeat #f00;
	color:#fff;}

/* howto */
#howto .btn_registration {display:none !important;}

.menustep {
	width:585px;
	height:42px;
	margin:-15px auto 10px;
	background:url("/rainbow/beginner/common/images/menu_step.gif") left top no-repeat transparent;}

#howto .menustep {background-position:left top;}
#system .menustep {background-position:left -42px;}
#download .menustep {background-position:left -84px;}
#howto .disable1 {background-position:left -126px;}
#howto .disable2 {background-position:left -168px;}
#system .disable2 {background-position:left -210px;}

.menustep a {
	display:block;
	width:195px;
	height:42px;
	float:left;}

.menustep span {display:none;}

/* box_green */
.box_green h2,
.box_green {
	background:url("/rainbow/beginner/common/images/bg_box_green.gif") left top no-repeat transparent;}

.box_green {
	margin-bottom:10px;
	background-position:left bottom;}

.box_green h2 {
	padding:15px 20px 10px;}

.box_green p {
	margin:0 20px;
	padding:12px 0;
	border-top:1px dashed #0bd051;}

/* box_step */
.box_step {
	min-height:120px;
	background:url("/rainbow/beginner/common/images/bg_box_step.gif") left bottom no-repeat transparent;}

.box_step p {
	padding:5px 10px 40px 15px;
	/padding:5px 10px 20px 15px;}

.box_step .btn {
	margin-left:5px;
	_margin-left:2px;}

/* info */
#info .article {}

#info .article h2 {
	height:35px;
	line-height:35px !important;
	margin:0 0 8px;
	background:url("/rainbow/beginner/common/images/title_info_2.gif") left top no-repeat transparent;
	text-indent:25px;
	color:#fff;}

#bbs .article h3,
#info .article h3 {
	border-bottom:1px dashed #0bd051;
	font-weight:bold;
	font-size:13px;
	margin-bottom:1em;}

#info .article h3,
#info .article p,
#info .article ul,
#info .article dl,
#info .article ol,
#info .article table {
	margin:0 20px 1em;}

#info .article div {
	margin:0 20px;}

#info .article .tac {
	margin:0;
	padding-bottom:1em;}

#info .article .tac a {color:#fff;}

#info .article hr.sep {
	margin:18px 20px;}

#info .article li {
	border-bottom:1px dotted #ddd;
	padding:3px 0;}

.btn_next_gray,
.btn_back_gray,
.btn_next,
.btn_back {
	font-size:0;
	text-decoration:none;}

.btn_next_gray img,
.btn_back_gray img,
.btn_next img,
.btn_back img {
	width:63px;
	height:38px;
	background:url("") left top no-repeat transparent;}

.btn_next_gray img,
.btn_next img {background-image:url("/rainbow/beginner/common/images/btn_next.gif");}
.btn_back_gray img,
.btn_back img {background-image:url("/rainbow/beginner/common/images/btn_prev.gif");}

.btn_next_gray,
.btn_back_gray {
	-moz-opacity:0.5;
	opacity:0.5;
	_filter:alpha(opacity=50);}




/*---------------------
top
---------------------*/
#top #ra_container,
#top #ra {background:url("/rainbow/beginner/common/images/bg_index_1.jpg") center top no-repeat transparent;}

#top #ra_container {
	padding:0;}

#top #ra_main {
	position:relative;
	width:804px;
	min-height:772px;
	_height:772px;
	margin:0 auto;
	background:none;}

#top #ra_logo {
	left:32px;
	top:-5px;}

#top #footer {
	height:auto;
	background:none;
	z-index:999;}

#top #footer p {
	margin-top:-55px;position:relative;
	padding:0 0 5px;}

#top #ra_registration_bottom {display:none;}

/* menu */
#ra_menu {
	position:absolute;
	right:0;
	top:0;
	width:411px;/*450*/
	height:100px;
	padding-left:39px;
	background:url("/rainbow/beginner/common/images/bg_index_menu.png") left top no-repeat transparent;}
#ra_menu dd,
#ra_menu dd a {
	height:30px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*webkit*/
	body #ra_menu dt {
		display:none !important;
	}
}

#ra_menu dd {
	float:left;}

#ra_menu dd a {
	background:url("/rainbow/beginner/common/images/bg_index_menu.png") left top no-repeat transparent;}

#ra_menu dd.m1 a,
#ra_menu dd.m1 {
	width:142px;}

#ra_menu dd.m2 a,
#ra_menu dd.m2 {
	width:139px;}

#ra_menu dd.m3 a,
#ra_menu dd.m3 {
	width:130px;}

#ra_menu dd.m4 a,
#ra_menu dd.m4 {
	width:158px;}

#ra_menu dd.m4 {
	margin-left:67px;
	_margin-left:34px;}

#ra_menu dd.m5 a,
#ra_menu dd.m5 {
	width:105px;}

#ra_menu dd.m1 a {background-position:-39px top;}
#ra_menu dd.m1 a:hover {background-position:-39px -100px;}

#ra_menu dd.m2 a {background-position:-181px top;}
#ra_menu dd.m2 a:hover {background-position:-181px -100px;}

#ra_menu dd.m3 a {background-position:-321px top;}
#ra_menu dd.m3 a:hover {background-position:-321px -100px;}

#ra_menu dd.m4 a {background-position:-106px -30px;}
#ra_menu dd.m4 a:hover {background-position:-106px -130px;}

#ra_menu dd.m5 a {background-position:-264px -30px;}
#ra_menu dd.m5 a:hover {background-position:-264px -130px;}

/* movie */
#ra_movie {
	position:absolute;
	right:0;
	top:98px;
	width:301px;
	height:270px;
	background:url("/rainbow/beginner/common/images/bg_index_movie.png") left top no-repeat transparent;}

#ra_movie p {
	width:259px;
	height:195px;
	position:relative;
	left:21px;
	top:54px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*webkit*/
	body #ibox_content {
		height:400px !important;
	}
}

/* download */
#ra_download {
	position:absolute;
	right:0;
	top:64px;
	width:301px;
	height:270px;}

#ra_download p a {
	display:block;
	width:301px;
	height:270px;
	background:url("/rainbow/beginner/common/images/bg_index_download.png") left top no-repeat transparent;}

/* official */
#ra_official {
	position:absolute;
	right:0;
	top:64px;
	width:301px;
	height:270px;}

#ra_official p a {
	display:block;
	width:301px;
	height:270px;
	background:url("/rainbow/beginner/common/images/bg_index_official.png") left top no-repeat transparent;}


/* banner1 */
#ra_banner1 a,
#ra_banner1 {
	display:block;
	width:485px;
	height:390px;}

#ra_banner1 {
	position:absolute;
	left:396px;
	top:366px;}

#ra_banner1 a {
	background:url("/rainbow/beginner/common/images/bn_regist.png") right top no-repeat transparent;}
#ra_banner1 a:hover {background-position:left top;}
/*
#ra_banner1 a,
#ra_banner1 {
	display:block;
	width:408px;
	height:142px;}

#ra_banner1 {
	position:absolute;
	right:0;
	top:332px;}

#ra_banner1 a {
	background:url("/beginner/common/images/bn_cbt.png") right top no-repeat transparent;}
#ra_banner1 a:hover {background-position:left top;}
*/

/* banner2 */
#ra_banner2 a,
#ra_banner2 {
	display:block;
	width:408px;
	height:76px;}

#ra_banner2 {
	position:absolute;
	right:0;
	top:480px;}

#ra_banner2 a {
	background:url("/rainbow/beginner/common/images/bn_cbtpremium.png") right top no-repeat transparent;}
#ra_banner2 a:hover {background-position:left top;}

/* information */
#ra_information {
	position:absolute;
	right:0;
	top:568px;
	width:408px;
	height:110px;
	padding-bottom:8px;
	background:url("/rainbow/beginner/common/images/bg_index_infobottom.png") left bottom no-repeat transparent;}

#ra_information dt {
	width:408px;
	height:36px;
	margin-top:-4px;
	background:url("/rainbow/beginner/common/images/bg_index_infotop.png") left top no-repeat transparent;}

#ra_information dd {
	margin-bottom:5px;
	padding:0 13px;
	line-height:1.4;}

#ra_information dd a {
	color:#ff1800;
	font-weight:normal;}

#ra_information dd a span {
	margin-left:3px;
	font-weight:bold;}

#ra_information .more {
	width:390px;
	padding:0;
	margin:5px auto 0;}

#ra_information .more a {
	width:33px;
	height:11px;
	background:url("/rainbow/beginner/common/images/btn_more.png") left top no-repeat transparent;
	float:right;}

/* support */
#support iframe {
	display:block;
	width:565px;
	height:300px;
	margin:0 auto;}

#support .box_green {
	padding-bottom:10px;}

/* go official */
#btn_go_official {
	position:absolute;
	top:590px;
	left:-80px;}

#btn_go_official a {
	display:block;
	width:569px;
	height:93px;
	background:url("/rainbow/beginner/common/images/btn_go_official.png") left top no-repeat transparent;}
#btn_go_official a:hover {
	background-position:left -93px;}



/*---------------------
[common]:float clear
---------------------*/
#ra_information .more:after
#ra_menu:after,
.menustep:after,
.article:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
#ra_information .more,
#ra_menu,
.menustep,
.article {zoom:100%;}


/*---------------------
[common]:text fly out
---------------------*/
#btn_go_official a,
#ra_official p a,
#ra_download p a,
#ra_information .more a,
#ra_information dt,
#ra_banner2 a,
#ra_banner1 a,
#ra_menu dd a,
#ra_menu dt,
.read,
#ra_registration_bottom a,
#ra_registration_top a,
.menustep a {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/