/* CSS Document */

/* Body Styles
----------------------------------------------- */

* {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;}
li, dd {margin-left:5%;}
fieldset {padding: .5em;}
optgroup option {padding-left: 2em;}
.clear {clear: both;}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}
html {height: 100%;
	font-size: 13px;
/*	*font-size: 81.25%; /*for IE6,IE7*/
}
/**+html, * html { for IE6,IE7
	font-size: 10.5px;
}*/
body {
	background-color: #000;
	color: #FFF;
	font-size:95%;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

body#popup {
	background-color: #000;
	background-image:url(/images/popup_back_body.jpg);
	background-repeat:repeat-y;
}

img {border:none;}
td {vertical-align:top;}

.contact_address_change {text-align:right;}
/*common parts
----------------------------------------------- */
div.cb_popup{
	background-image:url(/images/mypage/icon_cb.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:5px 0;
	height:18px;
}
div.cb_popup a {color: #ff7192;}
div.cb_popup p{padding:0;}
* a.cb_popup{color:#ff7192;}
#content_body a.cb_popup{color:#ff7192;}
#content_body a.cb_popup:visited{color:#ff7192;}

.centering{text-align:center;}

/* Wrapper Styles
----------------------------------------------- */
#index_wrap {
	margin: 0 auto;
	width: 960px;
	height: 100%;
}
#wrap {
	margin: 0 auto;
	width: 960px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: url(/images/content_bg.gif) repeat-y #000;
}

#top {
	width: 960px;
	height: 28px;
	background: url(/images/top.gif) no-repeat;
}
#content {
	padding: 0 10px;
	width: 940px;
	background: url(/images/content.gif) repeat-y;
}
#bottom {
	width: 960px;
	height: 25px;
	background: url(/images/bottom.gif) no-repeat;
}

/* Header Styles
----------------------------------------------- */
#header {
	line-height:1.2em;
	clear: both;
	height: 64px;
	background: url(/images/top_gradient.gif) repeat-x;
}
#header input{
	font-size:0.8em;
	margin-bottom:3px;
}
#logo {
	float: left;
	margin: 0 0 0 15px;
	width: 190px;
	height: 55px;
	background: url(/images/logo.gif) no-repeat;
	text-indent: -3000px;
}
#logo a {
	display: block;
	width: 190px;
	height: 55px;
	background: url(/images/logo.gif) no-repeat;
}
#header_link {
	margin: 0 25px 0 0;
	text-align: right;
}

#header_link table{
	margin:4px 0 0 auto;
	padding:0;
}
#header_link td{
	vertical-align:middle;
}
span.forgot{font-size:74%;}

/* Top Image Styles
----------------------------------------------- */
#top_img {
	width: 940px;
	height: 310px;
	background: url(/images/top_img.jpg) no-repeat;
}
#top_title {
	float: right;
	margin: 15px 0 0 0;
	width: 680px;
	height: 123px;
	text-indent: -3000px;
	background: url(/images/top_title.png) no-repeat;
}
#sign_up_badge {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
	width: 160px;
	height: 160px;
	text-indent: -3000px;/*	background: url(/images/sign_up_badge.png) no-repeat; */
}
#sign_up_badge a {
	display: block;
	width: 160px;
	height: 160px;
	background: url(/images/sign_up_badge.png) no-repeat;
}
#sign_up_badge a:hover {
	background: url(/images/sign_up_badge_h.png) no-repeat;
}

/* Top Content bottom Styles
----------------------------------------------- */

#content_bottom {
	padding: 17px 10px 0 16px;
	background: top url(/images/bottom_gradient.gif) repeat-x;
}
#news_block {
	float: left;
	margin: 0 14px 0 0;
	width: 327px;
	overflow: auto;
}
#news_block h2 {
	margin: 0 0 10px 0;
	padding: 3px 0;
	font-size: 1.2em;
	font-weight: bolder;
	border-bottom: 1px solid #666;
}
#news_block h3 {
	margin: 5px 0 0 0;
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: normal;
}
#news_block p {
	margin: 0 0 10px 0;
	padding: 0 0 0 70px;
	line-height: 1.2;
}
#join_block{
	float:left;
	width: 570px;
	height:220px;
	margin-bottom:5px;
}

#join_block:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#sign_up_btn {
	float: right;
	margin: 15px 0 30px 0;
	width: 190px;
	height: 34px;
	text-indent: -3000px;
	background: url(/images/sign_up_btn.gif) no-repeat;
}
#sign_up_btn a {
	display: block;
	margin: 0;
	width: 190px;
	height: 34px;
	background: url(/images/sign_up_btn.gif) no-repeat;
}
#sign_up_btn a:hover {
	background: url(/images/sign_up_btn_h.gif) no-repeat;
}
#content_footer {
	clear:both;
	padding:2px 8px 0 8px;
	border-top: 1px solid #666;
}
#footer_copy {
	float: right;
}

/* 07/09/12TOP PAGE2nd Phase
----------------------------------------------- */
#join_block div#for_creators{
	float:left;
	background-image:url(/images/top_forcreator.jpg);
	width:283px;
	height:220px;
	background-repeat:no-repeat;
	margin:0 2px 0 0 ;
}

#join_block div#for_promotors{
	float:left;
	background-image:url(/images/top_forpromotor.jpg);
	width:284px;
	height:220px;
	background-repeat:no-repeat;
}

#join_block h2{
	display:none;
}

#join_block div.inner{
	width:260px;
	height:163px;
	margin:46px 9px 0 14px;
	overflow:auto;
}

#join_block td{
	padding:0 4px 10px 0;
}

#join_block p{
	margin:0;
	padding:0;
	width:160px;
	line-height:1.2em;
}
#join_block p.coming_soon{font-size:1.5em;padding-bottom:5px;}
#for_promotors span{color:#cc5ed0; font-weight:900;}
#for_creators span{color:#e3ba16; font-weight:900;}
#for_promotors td.thumbnail{
	padding:8px 10px 0 0;
}

#for_promotors a{color:#cc5ed0}
#for_creators a{color:#e3ba16}

/* Static Page Header Styles
----------------------------------------------- */
#content_header {
	line-height:1.2em;
	padding: 10px 10px 0 28px;
	width: 922px;
	height: 75px;
	background: url(/images/content_header.gif) no-repeat;
}
#content_logo {
	float: left;
	display: inline;
	margin: 0;
	width: 180px;
	height: 55px;
	background: url(/images/content_logo.gif) no-repeat;
	text-indent: -3000px;
}
#content_logo a {
	display: block;
	width: 180px;
	height: 55px;
	background: url(/images/content_logo.gif) no-repeat;
}
#content_header_link {
	margin: 20px 0 0 0;
	text-align: right;
}
#content_header table{
	margin:4px 0 0 auto;
	padding:0;
}
#content_header td{
	vertical-align:middle;
}
#content_header input{
	font-size:0.8em;
	margin-bottom:3px;
}
#breadcrumbs {
	margin: 0;
	padding: 2px 25px;
	background-color: #000;
}
#breadcrumbs li {
	margin: 0;
	display: inline;
	list-style-type: none;
}
#breadcrumbs a {
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}

/* Static Page Content Styles
----------------------------------------------- */

#content_top {
	width: 960px;
	height: 25px;
	background: url(/images/content_top.gif) no-repeat;
}
#content_body {
	padding: 10px 25px;
	width: 910px;
	color: #333;
}
#content_body a {
	color: #0099FF;
	background: #FFF;
	text-decoration: underline;
}
#content_body a:hover {
	text-decoration: none;
}
#content_body h1 {
	margin: 0;
	height: 25px;
	font-size: 24px;
	color: #666;
	border-bottom: 1px solid #333;
}
#content_body h2 {
	margin: 20px 0 5px 30px;
	color: #247992;
	font-size: 1.6em;
	font-weight: bolder;
	background: #FFF;
}
#content_body p {
	margin: 5px 0 50px 30px;
}
#content_body_footer {
	clear: both;
	padding: 7px 0;
	height: 18px;
}
#content_body #content_body_footer a {
	text-decoration: none;
	color: #333;
	background: #FFF;
}
#content_body #content_body_footer a:hover {
	text-decoration: underline;
	color: #333;
}
#content_body .node_footer {
	text-align: right;
	font-size: smaller;
	font-style: italic;
}
.error_message {
	clear: both;
	display: inline;
	color: #ff9000;
	background-color: #fff;
	margin: 2px 0px;
	font-weight: bold;
}
/*
.form_error {
	background-color: #ffc;
}
*/

/*static contents
----------------------------------------------- */
/*common parts-----------*/
#content_body a {
	color: #0099FF;
	background-color: transparent;
	text-decoration: underline;
}
#content_body p {
	margin:0 0 10px 0;
	padding:0;
}
#content_body h2 {
	margin:10px 0 10px 0;
	padding:0;
}
#content_body h3 {
	margin:10px 0 10px 0;
	padding:0;
}
#content_body ul {
	margin:0;
	padding:0;
}
#content_body li {
	margin:0;
	padding:0;
}
#content_body label {
	margin:0;
	padding:0;
}
.node_body {
	width:845px;
	margin:20px 0 10px 20px;
}

.error_msg{
	color:#ff9000;
}

.ceparation {
	width:100%;
	height:15px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

h2.content-subtitle {
	font-size:1.4em;
	font-weight:900;
	color:#247992;
}
div.content-paragraph {
	width:841px;
	margin:0 0 20px 20px;
}
#content_body p.back-to-top {
	background-image:url(/images/back_triangle.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#07a1ce;
	padding:0 12px;
	margin:10px 0 15px 720px;
}

/*what is----------*/
div.submenu {
	background-color:#eee;
	width:770px;
	margin:0 auto 13px auto;
	color:#07a1ce;
}
#content_body li.submenu {
	display:inline;
	padding:0 8px 0 8px;
}
#content_body ul.submenu {
	text-align:center;
	padding:15px 0;
}

/*Sign Up-----------*/
div#signup-field {
	width:700px;
	padding-left:90px;
	margin: 0 auto;
}

div#signup-field p.form-attension {
	color:#999;
	margin:0;
	padding:0;
}
div#signup-field td.title {
	width:240px;
	color:#247992;
	text-align:right;
	padding:0 15px 10px 0;
}
div#signup-field td.form {
	width:440px;
	padding:0 15px 10px 0;
}

#content_body p.signup-attension {
	background-image:url(/images/signup01_img02.jpg);
	background-repeat:no-repeat;
	height:28px;
	padding:6px 0 0 33px;
	margin:3px 0;
}

.form-attension {
	margin:0;
	padding:4px 0 0 0;
}
div.attension-top {
	background-image:url(/images/signup01_attensiontop.gif);
	background-repeat:no-repeat;
	width:600px;
	height:21px;
	background-color:#eee;
	margin-top:15px;
	margin-left:15px;
}
div.attension {
	width:600px;
	background-color:#eee;
	margin-left:15px;
}
div.attension-ex {
	width:600px;
	background-color:#eee;
	background-image:url(/images/ex_mark.jpg);
	background-repeat:no-repeat;
	margin-left:15px;
}
div.attension-bottom {
	background-image:url(/images/signup01_attensionbottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:600px;
	height:21px;
	background-color:#eee;
	margin-bottom:15px;
	margin-left:15px;
}
#content_body p.attension1 {
	padding:0 0 0 14px;
}
#content_body p.attension {
	margin:0;
	padding:5px 20px 5px 95px;
}
#content_mypage p.attension {
	margin:0;
	padding:5px 20px 5px 95px;
}
#content_body ul.attension {
	padding:0 0 0 30px;
}
div.attension-top-point {
	background-image:url(/images/signup04_point_top.jpg);
	background-repeat:no-repeat;
	width:644px;
	height:92px;
	background-color:#eee;
	margin-top:10px;
}
div.attension-point {
	background-image:url(/images/signup04_point_main.jpg);
	width:644px;
	background-color:#eee;
}
div.attension-bottom-point {
	background-image:url(/images/signup04_point_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:644px;
	height:25px;
	background-color:#eee;
	margin-bottom:5px;
}

.send_btn {margin:30px 0; text-align:center;}
.send_btn img{margin:7px;}

/*QA------------*/
#content_body h3.qa-title {
	font-size:1.3em;
	font-weight:900;
	color:#247992;
	margin-bottom:2px;
	margin-left:15px;
}
.qa-back-top {
	margin-left:15px;
	width:782px;
	height:15px;
	background-image:url(/images/qa_back_top.jpg);
	background-repeat:no-repeat;
	background-color:#eee;
}
.qa-back-main {
	margin-left:15px;
	width:732px;
	background-color:#eee;
	padding:0 20px 0 30px;
}
.qa-back-bottom {
	margin-left:15px;
	width:782px;
	height:14px;
	background-image:url(/images/qa_back_bottom.jpg);
	background-repeat:no-repeat;
}
/*contact----------*/
#qa a.question_links {
	color:#333;
	text-decoration:underline;
}
#qa a.question_links:visited {
	color:#333;
	text-decoration:underline;
}
#qa a.question_links:hover {
	color:#333;
	text-decoration:none;
}
/*privacy-policy----------*/
#content_body ul.privacy {
	margin-left:40px;
}
li.privacy {
	list-style:decimal;
}
/*2007/08/02 - for what is rollmio---------*/
#get_reward {
	background-image:url(/images/whats_rollmio_img02.gif);
	background-repeat:no-repeat;
	width:820px;
	height:440px;
	position:relative;
}
#get_reward h3 {
	display:none;
}
#get_reward_creator {
	position:absolute;
	left:151px;
	top:102px;
	width:207px;
	font-size:90%;
	line-height:1.1em;
	text-align:right;
}
#get_reward_promotor {
	position:absolute;
	left:514px;
	top:102px;
	width:200px;
	font-size:90%;
	line-height:1.1em;
	text-align:right;
}
#get_reward_register {
	position:absolute;
	left:335px;
	top:354px;
}
#get_reward_forcompany {
	position:absolute;
	left:80px;
	top:420px;
}
#content_body h2.subtitle_02 {
	font-size:1.6em;
	font-weight:900;
	color:#247992;
	background-color:#dbebef;
	padding:6px;
}
#content_body h3.subtitle_02 {
	font-size:1.4em;
	font-weight:900;
	color:#247992;
}

/*Company Info----------*/
.eg {
	background-color: #f3f3f3;
	height: 40px;
	width: 600px;
	border: 1px dotted #aaaaaa;
	padding: 30px;
	margin-left: 60px;
}

/*Login Page
-------------------------------------------------*/
#content_body h2.login {
	background-color:#d5ecf3;
	color:#333;
	width:710px;
	padding:20px;
	margin:0 0 25px 40px;
	font-weight:400;
	font-size:1.0em;
}
#login_box {
	background-image:url(/images/mypage/login_box.jpg);
	width:750px;
	margin-left:40px;
}
#login_box:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#login_box_body1 {
	margin:25px 0 0 10px;
	margin-left /**/:20px;
	width:330px;
	overflow:hidden;
	float:left;
}
#login_box_body2 {
	margin:25px 0 0 50px;
	width:330px;
	float:left;
	overflow:hidden;
}
#login_box_bottom {
	background-image:url(/images/mypage/login_box_bottom.jpg);
	width:750px;
	height:29px;
	margin:0 0 20px 40px;
}
#login_box h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	margin:0;
	padding:0 0 3px 0;
}
#login_box p {
	padding:15px 0 15px 15px;
	margin:0;
}
#login_box table {
	margin:0;
}
#login_box td.title {
	width:130px;
}
#login_box td.form {
	width:150px;
}

/*my_page_commonCSS
----------------------------------------------- */
#content_mypage label {
	margin:0;
	padding:0;
}
#content_mypage a {
	color: #0099FF;
	background-color: transparent;
	text-decoration: underline;
}


#content_mypage a.cb_popup {
	color: #ff7192;
	background-color: transparent;
	text-decoration: underline;
}
#content_mypage a:hover.cb_popup {
	color: #ff7192;
	background-color: transparent;
	text-decoration: none;
}

#content_mypage a:hover {
	color: #0099FF;
	background-color: transparent;
	text-decoration: none;
}
#content_mypage span.date_emphasis{
	color:#ff6000;

}
#content_mypage span.deadline {
	color:#f23c9a;
}
#mypage_header_link {
	margin: 2px 25px 0 0;
	text-align: right;
/*
	line-height:1.9em;
*/
}
#content_mypage {
	color:#333333;
	margin-left:10px;
}
#content_mypage:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#content_mypage h1 {
	margin:0 5px 0 0 ;
	padding:0 0 0 5px;
	line-height:1.05em;
	font-size:24px;
	color:#666;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#content_mypage h2.subtitle {
	padding:0;
	margin:0 0 10px 0;
	font-weight:900;
	font-size:1.0em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.my_content_main {
	width:679px;
	margin:10px auto;
}
.my_content_main p{
	padding:7px 0;
	margin:0;
}
.my_content_main p.signup-attension {
	background-image:url(/images/mypage/signup01_img02_yellow.gif);
	background-repeat:no-repeat;
	height:28px;
	padding:6px 0 0 33px;
	margin:20px 0;
}
.my_content_main p.form-attension {
	color:#999;
	margin:0;
	padding:0;
}
div.my_content_attension {
	width:651px;
	background-color:#d5ecf3;
	padding:14px;
	margin:-5px 0 20px 0;
}
div.my_content_attension h3 {
	color:#247992;
	font-weight:900;
	font-size:1.1em;
	margin:0;
	padding:0;
}
div.my_content_attension ul, li {
	margin:0;
	padding:0;
}
div.my_content_attension li {
	list-style:disc;
	margin-left:20px;
}
div.my_conten_btn {
	text-align:center;
	width:100%;
	margin:20px 0 25px 0;
}

/*my_page_SideBar
----------------------------------------------- */
#my_menu {
	float:left;
	width:180px;
	overflow:hidden;
}
#my_content {
	float:left;
	width:733px;
	margin:0 0 0 10px;
	overflow:hidden;
}
#menu_earning {
	width:180px;
	height:90px;
	background-image:url(/images/mypage/menu_earning.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0 0 10px 0;
}
#menu_earning p {
	padding:35px 10px 0 60px;
	margin:0;
	font-size:1.7em;
	font-weight:900;
	text-align:center;
}
#menu_payment {
	position:absolute;
	top:65px;
	left:42px;
}
#menu_main_creator {
	width:170px;
	padding:8px 0 0 10px;
	background-color:#fef5d2;
	margin-bottom:5px;
}

#my_menu span.coming_soon{
	color:#bbb;
}
#menu_main_promotor {
	width:170px;
	padding:8px 0 0 10px;
	background-color:#f0e3f0;
	margin-bottom:5px;
}
#menu_main_both {
	width:170px;
	padding:8px 0 0 10px;
	background-color:#d5ecf3;
	margin-bottom:5px;
}
#my_menu h3 {
	font-weight:900;
	font-size:1.2em;
	margin:0 10px 0 5px;
	padding:0;
}
#my_menu ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
#my_menu ul.top {
	padding-bottom:10px;
}
#my_menu li.top {
	color:#666;
	font-weight:900;
	padding-bottom:4px;
}
.menu_seledted {
	background-color:#FFF;
	font-weight:900;
	display:block;
	width:158px;
}

/*creator_menu*/
#menu_main_creator ul.sub a {
	color:#c79f00;
	text-decoration:none;
	background-color:#fef5d2;
	font-weight:400;
	display:block;
	width:158px;
}
#menu_main_creator ul.sub a:hover {
	color:#ab8903;
	text-decoration:none;
	background-color:#fff;
}
#menu_main_creator ul.sub {
	color:#ab8903;
	margin-left:6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #c79f00;
	border-bottom-color: #c79f00;
}
#menu_main_creator li.sub_bottom {
	background-image:url(/images/mypage/menu_icon_c.gif);
	background-repeat:no-repeat;
	padding-left:8px;
}
#menu_main_creator li.sub_notbottom {
	background-image:url(/images/mypage/menu_icon_c.gif);
	background-repeat:no-repeat;
	padding-left:8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c79f00;
}
/*promotor_menu*/
#menu_main_promotor ul.sub a {
	text-decoration:none;
	background-color:#f0e3f0;
	font-weight:400;
	color:#be56c2;
	display:block;
	width:158px;
}
#menu_main_promotor ul.sub a:hover {
	color:#a633aa;
	text-decoration:none;
	background-color:#fff;
}
#menu_main_promotor ul.sub {
	color:#a633aa;
	margin-left:6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #be56c2;
	border-bottom-color: #be56c2;
}
#menu_main_promotor li.sub_bottom {
	background-image:url(/images/mypage/menu_icon_p.gif);
	background-repeat:no-repeat;
	padding-left:8px;
}
#menu_main_promotor li.sub_notbottom {
	background-image:url(/images/mypage/menu_icon_p.gif);
	background-repeat:no-repeat;
	padding-left:8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #be56c2;
}
/*both_menu*/
#menu_main_both ul.sub a {
	text-decoration:none;
	background-color:#d5ecf2;
	font-weight:400;
	color:#60a3b6;
	display:block;
	width:158px;
}
#menu_main_both ul.sub a:hover {
	color:#116179;
	text-decoration:none;
	background-color:#fff;
}
#menu_main_both ul.sub {
	color:#116179;
	margin-left:6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #60a3b6;
	border-bottom-color: #60a3b6;
}
#menu_main_both li.sub_bottom {
	background-image:url(/images/mypage/menu_icon_b.gif);
	background-repeat:no-repeat;
	padding-left:8px;
}
#menu_main_both li.sub_notbottom {
	background-image:url(/images/mypage/menu_icon_b.gif);
	background-repeat:no-repeat;
	padding-left:8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #60a3b6;
}
#menu_notetop {
	background-image:url(/images/mypage/menu_note_top.jpg);
	width:179px;
	height:16px;
}
#menu_notebottom {
	background-image:url(/images/mypage/menu_note_bottom.jpg);
	width:179px;
	height:19px;
}
#menu_note {
	background-image:url(/images/mypage/menu_note_body.jpg);
	background-repeat:repeat-y;
	width:149px;
	padding:0 15px;
	background-color:#fff;
}
#menu_note h4 {
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#menu_note li {
	list-style:disc;
	line-height:1.0em;
	padding-bottom:7px;
}
#menu_note ul {
	padding:0 0 0 17px;
}

/*CB_enter pages
-------------------------------------------------*/
#my_content input, #my_content select {
	font-size: 0.9em;
}
#my_content table {margin:0;border-collapse:collapse;}

td.title {
	width:140px;
	color:#247992;
	text-align:right;
	padding:0 15px 10px 0;
}
td.form {
	width:500px;
	padding:0 15px 10px 0;
}
#submit_current{
	background-image:url(/images/mypage/mypage_submit_currentp.gif);
	background-repeat:no-repeat;
	width:716px;
	margin:20px 0 0 -10px;
	padding:95px 70px 0 50px;
	position:relative;
	z-index:0;
}
#submit_current:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#submit_bottom {
	background-image:url(/images/mypage/mypage_submit_currentp_bottom.jpg);
	width:716px;
	height:13px;
	background-repeat:no-repeat;
	margin:0 0 0 -10px;
}
#submit_current_creator{
	float:left;
	width:310px;
}
#submit_current_promotor{
	margin-left:30px;
	width:310px;
	float:left;
}
td.thumbnail {padding:0 5px 20px 0;}
td.detail {
	padding:0 0 20px 0;
	line-height:1.2em;
}

/*My page Coomn Your RECORD
-------------------------------------------------*/
#my_content div#record {
	background-image:url(/images/mypage/current_yourrecord.jpg);
	width:499px;
	height:70px;
	margin:15px 0 25px 3px;
	padding:10px 30px 0 200px;
}
#record p {
	margin:0;
	padding:0;
	color:#247992;
	line-height:1.5em;
}
#record span {color:#333;}

/*MYPAGE MainPart
===================================*/
/*common
--------------*/
div#projects_view {
	line-height:1.15em;
	width:737px;
	margin:0 0 5px 0;
	position:relative;
}
#projects_view table {margin:0;padding:0;}
#projects_view td {
	border-top:dotted #247992 1px;
	padding:6px 3px;
}

#projects_view p {margin:0;	padding:0}
#projects_view td{vertical-align:middle;}
#projects_view td td{border:none;padding:2px;}
#projects_view table td table{margin:0 auto;}
#projects_view td tabel{margin:0 auto;}
#projects_view td.project a,#projects_view td.project_past a {color:#333;}
#projects_view td.project a:visited {color:#333;}
#projects_view td.project a:hover {color:#999;}
#projects_view th{padding:6px 0;}
#projects_view div#current_tab{
	float:left;
	width:163px;
	height:27px;
}
#projects_view div#past_tab {
	float:left;
	width:189px;
	height:27px;
}
#projects_view div#pages {
	float:left;
	width:373px;
	height:21px;
	text-align:right;
	padding: 5px 6px 0 0;
}
#projects_view div#bottom {
	width:737px;
	background-image:url(/images/mypage/current_table_bottom.jpg);
	background-repeat:no-repeat;
	height:10px;
	margin-bottom:25px;
}
#projects_view div#table_title {
	float:left;
	width:712px;
	background-image:url(/images/mypage/current_title.jpg);
	background-repeat:repeat-y;
	color:#fff;
	padding:4px 0 4px 25px;
	position:relative;
}
#projects_view div#table_title p {
	font-size:1.1em;
	font-weight:900;
	display:inline;
}

#projects_view div#body {
	width:713px;
	background-image:url(/images/mypage/current_table_body.jpg);
	background-repeat:repeat-y;
	padding:5px 10px 0 10px;
	margin:0;
	clear:both;
}

#projects_view td.project img, #projects_view td.project_past img{
	margin:7px 7px 7px 0;
}
#projects_view td.project td, #projects_view td.project_past td {padding:0;}
p#page_link {
	text-align:right;
	margin:-20px 0 0 0;
	padding:0 15px 25px 0;
}
div.my_content_attension02 {
	width:100%;
	background-color:#d5ecf3;
	padding:14px;
	margin:0 0 20px 0;
}
div.my_content_attension02 h3 {
	color:#247992;
	font-weight:900;
	font-size:1.1em;
	margin:0;
	padding:0;
}
div.my_content_attension02 ul, li {
	margin:0 0 0 10px;
	padding:0;
}
div.my_content_attension02 li {
	list-style:disc;
}

/*Curretn_projects_for_creator
-----------------------------------------*/
#projects_view td.project {
	width:240px;
	padding-left:8px;
}
#projects_view td.project table{
	margin-left:0;
}
#projects_view td.deadline {
	width:130px;
	text-align:center;
}
#projects_view td.status {
	width:142px;
	text-align:center;
}
#projects_view td.prize {
	width:192px;
}

#projects_view td.deadline p.left_hours:first-line {
	color:#e55329;
	font-size:1.3em;
	font-weight:900;
}
#projects_view td.deadline p.left_hours span{font-size:147%;}

#projects_view td.deadline p.left_days:first-line {
	color:#58bcd8;
	font-size:118%;
	font-weight:900;
}

#projects_view td.deadline p.left_days span {font-size:132%;}

#projects_view td.deadline p.left span {
	font-weight:900;
	font-size:118%;
}

#projects_view img.cm_view{
	display:block;
	padding-bottom:5px;
}

/*Past projects
---------------------*/
#projects_view td.project_past {
	width:195px;
	padding-left:10px;
}
#projects_view td.project_past table{margin-left:0;}
#projects_view td.your_commercial img{padding-bottom:5px;}
#projects_view td.your_commercial {width:213px;}
#projects_view td.your_commercial td{vertical-align:top;}
#projects_view td.status_past {
	width:124px;
	text-align:center;
}
#projects_view td.your_commercial td.detail{font-size:75%;line-height:1.05em;}
#projects_view td.status_past .notice{ color:#d3ae5f;font-weight:900;}
#projects_view td.prize_past {
	width:150px;
	text-align:center;
}
#projects_view td.prize_past td{border:none; vertical-align:middle;}
#projects_view td.prize_past table{margin:0 auto;}
#projects_view td.prize_past .prize_amount{
	color:#cd8c00;
	font-weight:900;
	font-size:16px;
	}
#projects_view td.prize_past .prize_stats{
text-align:left;
font-size:77%;
}
#projects_view td.prize_past table{margin-top:5px;}
#projects_view td.prize_past td{vertical-align:top;}

#projects_view div#table_title p.form{
	position:absolute;
	right:15px;
	top:1px;
	}
#projects_view div#table_title select{font-size:85%;}

/*Promotor top
--------------------------*/
div#projects_view #for_promotor{
	clear:both;
	background-image:url(/images/mypage/current_table_body_promotor.jpg);
	width:703px;
	background-repeat:repeat-y;
	padding:15px;
	font-size:90%;
}

p#cb_attention{
	color:#F00;
	background-image:url(/images/mypage/icon_attention.jpg);
	background-repeat:no-repeat;
	margin:8px 0 0 10px;
	padding:0 0 0px 32px;
}

div#search_projects p{color:#999;}
div#search_projects td{padding:0;}
div#projects_view #search_projects{
	background-image:url(/images/mypage/current_table_body.jpg);
	width:703px;
	background-repeat:repeat-y;
	padding:10px 15px 0 15px;
	font-size:90%;

	}
#projects_view table#promotor{line-height:1.2em;}
#projects_view th{padding:0 2px 5px 2px;margin:0;}
#projects_view #search_projects td{border:none; vertical-align:top;}
#projects_view select{font-size:105%;}
#projects_view td.promotor_title{width:120px; line-height:1.0em;}
#projects_view td.promotor_title td.detail{	vertical-align:top;}

#projects_view td.favorite{
	vertical-align:middle;
	text-align:center;
}
#projects_view td.sales{
	width:135px;
	vertical-align:middle;
}

#projects_view td.coments{
	vertical-align:middle;
	text-align:center;
	width:120px;
}
#projects_view p.comment_exist{text-align:left;}
#projects_view td.promoters{
	vertical-align:middle;
}
#projects_view td.promoters table{margin: auto 5px auto 0; width:100px;}
#projects_view td.embed{
	width:120px;
	vertical-align:middle;
	text-align:center;
}
#projects_view td.embed img{padding-top:5px;}
#projects_view td.promotor_title .detail{font-size:75%;line-height:1.2em;}
#projects_view td.promotor_title td{border:none;}
#projects_view td.promotor_title table{margin-left:0px}

.gender_female{
	background-image:url(/images/mypage/icon_gender_female.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-top:2px;
}
.gender_male{
	background-image:url(/images/mypage/icon_gender_male.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin-top:2px;
}

div#promotor_top_direction{
	width:520px;
	float:left;

}

div#submit_blog{
	float:left;
	width:164px;
	padding:0 0 0 16px;
	border-left:dotted 1px #333;
}
div#submit_blog p{margin-bottom:1em;}
div#submit_blog img{margin-left:20px;}
div#promotor_direction_wrap{
	zoom:1;
	margin-top:15px;
}
div#promotor_direction_wrap:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.cb_popup_promortor_top{
	background-image:url(/images/mypage/icon_cb.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	height:18px;
	position:absolute;
	top:66px;
	right:20px;
}
div.cb_popup_promortor_top a {color: #ff7192;}
div.cb_popup_promortor_top p{padding:0;}
* a.cb_popup_promortor_top{color:#ff7192;}
#content_body a.cb_popup_promortor_top{color:#ff7192;}
#content_body a.cb_popup_promortor_top:visited{color:#ff7192;}



/*Current.earning
--------------------------*/
p.current_earning{margin-bottom:100px;}


/*CB Detail
===================================*/
.my_content_navi{
	margin:0;
	padding:0;
	text-align:right;
}
#cb_content{
	width:710px;
	margin:20px auto;
}

#cb_content div.status{
	background-image:url(/images/mypage/cb_nosubmito_back.gif);
	width:660px;
	padding:20px;
	font-size:125%;
	font-weight:900;
	color:#999999;
	text-align:center;
	margin:15px 0;

}

#cb_content p{margin:0;padding:0;}

#cb_content div#title img{
	float:left;
	margin:0 8px 8px 0;
}

#cb_content div#title h3{
	color:#247992;
	font-weight:900;
	font-size:1.3em;
	line-height:0.8em;
	margin:0 0 0 68px;
	padding:0 0 8px 0;

}
#cb_content div#title span{
	color:#999;
	font-size:0.8em;
	font-weight:400;
}

#cb_content div#table{
	margin-top:20px;
}

#cb_content caption{
	margin:0;
	padding:2px 5px;
	background-color:#9bcddc;
	text-align:left;
	color:#fff;
	font-weight:900;
	width:686px;
	font-size:1.1em;
}
#cb_content table{
	border-collapse:collapse;
	clear:both;
	margin:0;
}

#cb_content td.item{
	background-color:#edf7fa;
	border-top:dotted #60a3b6 1px;
	border-bottom:dotted #60a3b6 1px;
	font-weight:900;
	width:119px;
	text-align:center;
	font-size:1.1em;
}

#cb_content td.item_content{
border-top:dotted #60a3b6 1px;
	border-bottom:dotted #60a3b6 1px;
	width:550px;
	}

#cb_content td{
	vertical-align:middle;
	padding:8px 6px;
}

span.deadline_caution{color:#F00;}

/*CB notlogin
===================================*/
#my_menu div#not_login{
	background-image:url(/images/mypage/cb_notlogin_back.gif);
	margin:0 0 0 11px;
	padding:10px 6px 0 6px;
	width:162px;
	background-repeat:no-repeat;
}
#my_menu div#not_login_bottom{
	background-image:url(/images/mypage/cb_notlogin_back_bottom.gif);
	background-repeat:no-repeat;
	margin:0 0 0 11px;
	width:174px;
	height:17px;
}

#not_login h3{
	border-bottom:dashed #333333 1px;
	padding-bottom:7px;
	font-size:1.0em;
}

#not_login div#btn{
	padding:120px 0 0 11px;
}

/*CB POPUP
===================================*/
#wrap_popup{
	margin:0 10px 0 10px;
	width: 750px;
	background-color:#FFF;
}
#popup_top{
	background-image:url(/images/popup_back_top.jpg);
	width:770px;
	height:20px;

}
#popup_bottom{
	background-image:url(/images/popup_back_bottom.jpg);
	width:770px;
	height:23px;
	}

/* Upload
-------------------------------------------------*/
/*eg addition*/
div.upload{
	width:640px;
	padding:10px;
	border:solid #CCCCCC 1px;
}
p.upload_in_progress{color:#318198}

table#progress_bar{
margin:0;
padding:0
}
table#progress_bar td{
	padding:0 40px 0 35px;
	vertical-align:middle;
}

table#upload_detail{
	color:#999999;
	margin:0;
	}
table#upload_detail td{
	padding:0 15px;
}
/*eg addition*/

.upload_bar1 {
	background-color:#FFF;
	position:relative;
	text-align:left;
	height:11px;
	width:376px;
	border:1px solid #CCC;
}
.upload_bar2 {
	background-color:#55959F;
	position:relative;
	text-align:left;
	height:11px;
	width:0%;
}
/*
.upload_bar1 {
	background-image:url(/upload/images/progress_bar_white.gif);
	position:relative;
	text-align:left;
	height:20px;
	width:400px;
	border:1px solid #505050;
}
.upload_bar2 {
	background-image:url(/upload/images/progress_bar_blue.gif);
	position:relative;
	text-align:left;
	height:20px;
	width:0%;
}
*/

/*arhive pages
===================================*/
/*common parts
----------------------------*/
table.cm_data{
	padding:0;
	float:left;
}
table.cm_data p.title{
	padding:0 0 0 5px;
}

table.cm_data td.tumb img{
	display:block;
	padding:0;
}

table.cm_data td.tumb{
	width:86px;
}

.comment{
	width:100px;
	font-size:77%;
	line-height:1.2em;
}

#archive{
	width:890px;
	margin:5px auto 15px auto;
}
#archive p{margin:0;padding:0;}


/*CM Archives
----------------------------*/


h2#cm_archive{
	background-image:url(/images/archive/cm_archive_subtitle.gif);
	width:760px;
	height:92px;
	margin:10px auto 30px auto;
	text-indent:-999999px;
}
#archive p.cm_search_option{
	margin:0 0 0 55px;
	font-size:85%;
	color:#999;
}
div#cm_search_form{
	width:500px;
	float:left;
	}
#archive p.cm_pages{
	text-align:right;
	margin:0;
	padding:3px 0;
}
#archive table{border-collapse:collapse;}

#archive table#cm_list td td{
	border:none;
}

#archive table#cm_list td{
	border-top:dotted #247992 1px;
	border-bottom:dotted #247992 1px;
	padding:5px;
}

#cm_archive_list{clear:both;}
#archive table#search_box{margin: 0 0 0 10px;}

#archive table th{
	border-top:dotted #247992 1px;
	background-color:#e4f8fe;
	padding:3px 0;
}

#archive table td.project{
	width:210px;
	line-height:1.2em;
	vertical-align:middle;
}
#archive table td.project table{margin-bottom:3px;}
#archive table td.commercials{
	width:665px;
	vertical-align:middle;
}
#archive table#cm_list td.project td{
	vertical-align:middle;
	padding:5px 5px 0px 5px;
}
#archive table td.project a{
	color:#333333;
	text-decoration:underline;
}
#archive table td.project a:hover{
	color:#333333;
	text-decoration:none;
}
#archive table td.project img.tumb{padding:2px 0}
#archive table#cm_list td.commercials td{padding:1px;}
#archive table#cm_list td.commercials p{margin:0 0 0 23px;}
table.cm_data td.prize_img{width:23px;}

/*project_top
-----------------------*/
#content_body #archive h2.project_subtitle{
	color:#247992;
	font-size:140%;
	margin:8px 0 0 0;
	}
span.project_subtitle_profile{font-size:85%}

.archive_section{
	width:830px;
	margin:25px 0 0 0;
	position:relative;
}

.archive_section:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

table.cm_data td.prize_big_img{width:38px;}

div#top_winners_icon{
	position:absolute;
	top:-15px;
	left:7px;
	background-image:url(/images/archive/top_winners.gif);
	width:58px;
	height:58px;
	z-index:0;
}

table.archive_section_content{
	width:890px;
	}
table.archive_section_content td{border-top:dotted #247992 1px;}
table.archive_section_content td td{border:none;}
table.archive_section_content th{
	text-align:left;
	font-size:110%;
	color:#247992;
}
table.archive_section_content th span.winners{margin-left:80px;}
div.top3{
	margin:8px auto 30px auto;
	width:690px;
	}
div.top3:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.archive_section #search_box{padding:10px 5px; font-size:90%;}
.archive_section #search_box td {padding:3px 5px;}
.archive_section #search_box p{color:#999;}

div.selected_approved{
	margin:8px auto 8px auto;
	width:815px;
	}
span#selected_icon{
	background-image:url(/images/archive/selected.gif);
	background-repeat:no-repeat;
	padding-left:19px;
	margin-left:13px;
	height:18px;
	display:block;
}
span#approved_icon{
	background-image:url(/images/archive/approved.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-left:7px	;
	height:18px;
	display:block;
}
div.selected_approved:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.selected_approved table.cm_data{
	margin-right:16px;
}
div#line{border-bottom:dotted #247992 1px;width:100%;}

/*video detail
----------------------------------------------- */

div#video_detail h2, div#video_detail p,div#video_detail h3{margin:0;padding:0;}

div#video_detail h2 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size:140%;
}

div#video_detail h3{font-size:109%;}

div.layer_top_left{
	float:left;
	margin: 10px 0 0 0;
	padding: 0;
	width:521px;
	z-index:200;
}

div#video_detail_top:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.layer_top_right{
	float:left;
	width:353px;
	margin: 0;
	padding: 0;
}

div#video_detail #result{
	position:relative;
	background-color:#EBEBE4;
	width:313px;
	padding:6px 20px;
}
div#video_detail #result_comment_gold{
	width:303px;
	padding-left:35px;
	margin:15px 0 25px 15px;
	background-repeat:no-repeat;
	background-image:url(/images/layer/icon_medal_gold_black.gif);
}
div#video_detail #result_comment_silver{
	width:303px;
	padding-left:35px;
	margin:15px 0 25px 15px;
	background-repeat:no-repeat;
	background-image:url(/images/layer/icon_medal_silver_black.gif);
}
div#video_detail #result_comment_bronze{
	width:303px;
	padding-left:35px;
	margin:15px 0 25px 15px;
	background-repeat:no-repeat;
	background-image:url(/images/layer/icon_medal_bronze_black.gif);
}
div#video_detail #result_comment_special{
	width:303px;
	padding-left:35px;
	margin:15px 0 25px 15px;
	background-repeat:no-repeat;
	background-image:url(/images/layer/icon_medal_special_black.gif);
}

div#video_detail p.prize_title{
	font-weight:900;
	padding-bottom:2px;
}
div#video_detail p.prize_explain{
	font-size:77%;
	line-height:1.2em;
	}

div#video_detail #torophy{
	position:absolute;
	top:-9px;
	left:145px;
}

div#video_detail #status{
	position:absolute;
	top:5px;
	left:210px;
	font-size:125%;
	font-weight:900;
}
div#video_detail #status .status{
	font-size:125%;
	color:#F99D18;
}
div#current_status{margin-bottom:20px;}
div#video_detail #current_status div.detail{
	background-color:#EBEBE4;
	width:323px;
	padding:10px 15px;
}
p#update_time{
	font-size:77%;
	text-align:right;
	}

div#video_detail #embed_player div.detail{
	font-size:85%;
}

div#video_detail_bottom{
	margin:30px 0;
	width:874px;
}

div#video_detail_bottom:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#video_detail_bottom p.sales{
	width:480px;
	font-size:80%;
	margin-bottom:15px;
	line-height: 12px;
}

div#video_detail_bottom p.comment{
	width:450px;
	background-color:#EBEBE4;
	padding:5px 15px;
	font-size:80%;
	margin-bottom:15px;
	line-height: 12px;
}

div#video_detail_bottom #creator_movies{
	width:351px;
	height:298px;
	overflow:auto;
	background: #EBEBE4;
	border: 1px solid #A5ACB2;
}

div#video_detail_bottom #creator_movies td{
	vertical-align: top;
	padding: 5px 3px 8px 3px;
	
}


#video_detail p{margin:0;padding:0;}

#video_detail div#title img{
	float:left;
	margin:0 8px 3px 0;
}

#video_detail div#title h3{
	color:#247992;
	font-weight:900;
	font-size:1.3em;
	line-height:0.8em;
	margin:0 0 0 68px;
	padding:0 0 8px 0;

}

#video_detail div#title h3 a {
	color: #247992;
	text-decoration: none;
}

#video_detail div#title h3 a:hover {
	color: #247992;
	text-decoration: underline;
}

#video_detail div#title span{
	color:#999;
	font-size:0.8em;
	font-weight:400;
}

#video_detail #table {
	clear: both;
}

#video_detail #table table {
	margin: 0 0 10px 0;
}

#video_detail #table table th {
	margin:0;
	padding:2px 5px;
	background-color:#9bcddc;
	text-align:left;
	color:#fff;
	font-weight:900;
	font-size:1.1em;
}

#video_detail #table td.item{
	padding: 5px;
	background-color:#edf7fa;
	border-bottom:dotted #60a3b6 1px;
	font-weight:900;
	width:170px;
	text-align:center;
	font-size:1.0em;
}

#video_detail #table td.item_content{
	padding: 5px;
	width:685px;
	border-bottom:dotted #60a3b6 1px;
}

.popup_link {
	margin: 0 40px 0 0;
	padding: 5px 0;
	text-align: right;
}

.popup_link a {
	color: #ff7192;
}

.popup_link a:hover {
	color: #ff7192;
}


/*video archive
----------------------------------------------- */

#archive p{margin:0;padding:0;}

#archive div#title img{
	float:left;
	margin:0 8px 10px 0;
}

#archive div#title h3{
	color:#247992;
	font-weight:900;
	font-size:1.3em;
	line-height:0.8em;
	margin:0 0 0 68px;
	padding:0 0 8px 0;

}

#archive div#title h3 a {
	color: #247992;
	text-decoration: none;
}

#archive div#title h3 a:hover {
	color: #247992;
	text-decoration: underline;
}

#archive div#title span{
	color:#999;
	font-size:0.8em;
	font-weight:400;
}

#archive #table {
	clear: both;
}

#archive #table table {
	margin: 0 0 10px 0;
}

#archive #table table th {
	margin:0;
	padding:2px 5px;
	background-color:#9bcddc;
	text-align:left;
	color:#fff;
	font-weight:900;
	font-size:1.1em;
}

#archive #table td.item{
	padding: 5px;
	background-color:#edf7fa;
	border-bottom:dotted #60a3b6 1px;
	font-weight:900;
	width:170px;
	text-align:center;
	font-size:1.0em;
}

#archive #table td.item_content{
	padding: 5px;
	width:685px;
	border-bottom:dotted #60a3b6 1px;
}

div.for_promoter {
	margin: 10px 0;
	padding: 10px;
	background: #FFEFF3;
}