@charset "utf-8";

/*------------------------------------------------------------------------------
	Title: 漫画チャット - Common
	Created: 2010-03-09
	Copyright: (C) Samurai Factory Inc.
	Note :
		Outline - 
				1: Structure
				
					1-1. Common			--- 共通スタイル
					1-2. Hypertext		--- リンクカラー
					1-3. Layout			--- 基本構造
					1-4. Detail			--- ブロック内各要素
											--- 1-4-1. div#header
											--- 1-4-2. div#mainfla
											--- 1-4-3. div#right_boxS
											--- 1-4-4. div#footer
					1-5. Toppage		--- トップページ
					1-6. Rule			--- 利用規約ページ
------------------------------------------------------------------------------*/

/*============================================================================

	1-1. Common
	
=============================================================================*/
/* カテゴリーカラー */
.official{color: #ff6461;}
.niji{color: #51a1ff;}
.suki{color: #ffb5b5;}
.nari{color: #ffab51;}
.peace{color: #91d84b;}
.tst{color: #bb73d9;}

/* 共通 */
.alt{position:absolute;top:-5000px;left:-999px;}
h1,h2,h3,h4,h5,h6,li,ul,p{margin: 0px;padding: 0px;}

input[type="text"], input[type="select"], input[type="password"], textarea, select {
    border: 1px solid #88b928;
}


html{
	background-color: #231815;
}

.question{
	background-image: url(/img/icon_q.gif);
	height: 17px;
	width: 14px;
	margin-left: 4px;
	float: right;
	margin-right: 22px;
}
.clear {
	clear: both;
	height: 0px;
	width: 0px;
}

.txt_62{
	font-size:62%;
	line-height:130%;
}
.txt_75{
	font-size:75%;
	line-height:130%;
}
.txt_85{
	font-size:85%;
	line-height:130%;
}
.r_txt{
	float:right
}
.input_txt_off{
	color:#545454;
	margin: 0px;
	padding: 0px;
}
.boldtxt{
	font-weight: bold;
}
.centertxt{
	text-align: center;
}
.btn_s{
	background-image: url(/img/r_btnbg01.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 14px;
	width: 106px;
	padding-top: 4px;
	float: right;
	font-size: 1em;
	color: #FFF;
	clear: both;
	line-height: 100%;
	padding-bottom: 1px;
	cursor: pointer;
}
.btn_s_off{
	background-image: url(/img/r_btnbg02.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 12px;
	width: 111px;
	font-size: 10px;
	color: #FFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	margin-bottom: 5px;
	padding-bottom: 1px;
	line-height: 100%;
	padding-top: 3px;
	cursor: pointer;
}
.btn_s_re{
	background-image: url(/img/r_btnbg02.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 12px;
	width: 111px;
	font-size: 10px;
	color: #FFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	padding-bottom: 1px;
	line-height: 100%;
	padding-top: 3px;
}
.btn_s02{
	background-image: url(/img/r_btnbg01.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 14px;
	width: 106px;
	padding-top: 4px;
	font-size: 10px;
	color: #FFF;
	clear: both;
	line-height: 100%;
	padding-bottom: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	margin-bottom: 3px;
	cursor: pointer;
}
.btn_s03{
	background-image: url(/img/r_btnbg03.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 14px;
	width: 106px;
	padding-top: 4px;
	float: right;
	font-size: 10px;
	color: #FFF;
	clear: both;
	line-height: 100%;
	padding-bottom: 1px;
}
.btn_s04{
    background-image: url(/img/r_btnbg03.gif);
    background-repeat: no-repeat;
    text-align: center;
    height: 14px;
    width: 106px;
    padding-top: 4px;
    font-size: 10px;
    color: #FFF;
    clear: both;
    line-height: 100%;
    padding-bottom: 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 3px;
}
.btn_s05 {
    background-image: url(/img/btn_chat_join.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    margin: 2px 10px 0px 40px;
    cursor: pointer;
    float: left;
}
.btn_s05:hover {
    background-image: url(/img/btn_chat_join_h.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    margin: 2px 10px 0px 40px;
    cursor: pointer;
    float: left;
}
.btn_s06{
    background-image: url(/img/btn_chat_join_no.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    margin: 2px 10px 0px 40px;
    cursor: pointer;
    float: left;
}
.btn_s07 {
    background-image: url(/img/btn_chat_read.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    margin-top: 2px;
    cursor: pointer;
    float: left;
}
.btn_s07:hover {
    background-image: url(/img/btn_chat_read_h.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    margin-top: 2px;
    cursor: pointer;
    float: left;
}
.btn_s08 {
    background-image: url(/img/btn_chat_read_no.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 55px;
    margin-top: 2px;
    cursor: pointer;
    float: left;
}
.btn_s_off02{
	background-image: url(/img/r_btnbg02.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 12px;
	width: 111px;
	font-size: 9px;
	color: #FFF;
	margin-right: 35px;
	margin-top: 22px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	line-height: 100%;
	padding-top: 5px;
	float: right;
	background-position: right 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	cursor: pointer;
}
.btn_s_off03{
	background-image: url(/img/r_btnbg02.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 12px;
	width: 111px;
	font-size: 9px;
	color: #FFF;
	margin-right: 15px;
	margin-top: 22px;
	margin-bottom: 6px;
	line-height: 100%;
	padding-top: 3px;
	float: right;
	background-position: right 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	cursor: pointer;
}
.btn_mychara_delete{
	background-image: url(/img/r_btnbgdelete.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 12px;
	width: 111px;
	font-size: 9px;
	color: #FFF;
	margin-right: 35px;
	margin-top: 22px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	line-height: 100%;
	padding-top: 5px;
	float: right;
	background-position: right 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	cursor: pointer;
}
.txt_rig{
	float:right;
}
.dotline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2px;
	clear: both;
	height: 3px;
}
.txt_color01{color: #ED4E96;}
.txt_color02{color: #F3982D;}
.txt_color03{color: #664899;}
.txt_color04{color: #68A2D2;}
.txt_color05{color: #A7374A;}
.txt_color06{color: #EA5532;}

.txt_color_gr{color: #A6D34E;}

.txt_red_bold{
	font-width: bold;
	color: red;
}

p.loading {
	width: 80px;
	height: 80px;
	margin: auto;
}

div.second_frame_load {
	background-color: #fff;
	width: 220px;
	height: 180px;
	margin: 0px 3px 0px 3px;
	padding-top: 100px;
}

div.chara_detail_load {
	background-color: #fff;
    height: 215px;
    margin: 0px 3px 0px 3px;
    padding-top: 134px;
}

div.book_detail_load {
    background-color: #fff;
    height: 145px;
    margin: 0px 3px 0px 3px;
    padding-top: 65px;
}

div.back_detail_load {
    background-color: #fff;
    height: 150px;
    margin: 0px 3px 0px 3px;
    padding-top: 69px;
}

div.ctrl_load {
	height: 80px;
	width: 197px;
	padding-top: 0px;
}

div.my_chara_load {
	background-image: url("/img/myf_block_bg.gif");
	width: 707px;
	height: 242px;
	padding-top: 170px;
	margin-right: auto;
    margin-left: auto;
}

div.my_chara_no_data {
    background-image: url("/img/myf_block_bg.gif");
    width: 707px;
    height: 302px;
    padding-top: 110px;
    margin-right: auto;
    margin-left: auto;
}

.my_chara_no_data_txt {
	width: 310px;
	margin: auto;
}

.my_chara_no_data_button {
	background-image: url("/img/btn_mychara_new.gif");
	background-repeat: no-repeat;
	width: 55px;
	height: 151px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.my_chara_no_data_button:hover {
    background-image: url("/img/btn_mychara_new_h.gif");
    background-repeat: no-repeat;
    width: 55px;
    height: 151px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

div.my_back_load {
    background-image: url("/img/myf_block_bg.gif");
    width: 707px;
    height: 240px;
    padding-top: 160px;
    margin-right: auto;
    margin-left: auto;
}

div.my_back_no_data {
    background-image: url("/img/myf_block_bg.gif");
    width: 707px;
    height: 264px;
    padding-top: 136px;
    margin-right: auto;
    margin-left: auto;
}

.my_back_no_data_txt {
    width: 310px;
    margin: auto;
}

.my_back_no_data_button {
    background-image: url("/img/btn_mybg_new.gif");
    background-repeat: no-repeat;
    width: 262px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.my_back_no_data_button:hover {
    background-image: url("/img/btn_mybg_new_h.gif");
    background-repeat: no-repeat;
    width: 262px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.submit_editing {
	width: 18px;
	height: 20px;
	position: absolute;
	background-image: url("/img/btn_ok.gif");
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.submit_saving {
    width: 18px;
    height: 20px;
    position: absolute;
    background-image: url("/img/icon_save_start.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

.submit_finish {
    width: 18px;
    height: 20px;
    position: absolute;
    background-image: url("/img/icon_save_end.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

.submit_fail {
    width: 18px;
    height: 20px;
    position: absolute;
    background-image: url("/img/icon_save_fail.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

/*============================================================================

	1-2. Hypertext
	
=============================================================================*/

a:link {
	color: #88B928;
	text-decoration: none;
}
a:visited {
	color: #88B928;
	text-decoration: none;
}
a:hover {color: #EF7C00;}
a:active {
	color: #A6D34E;
	text-decoration: none;
	text-align: right;
}
.linktxt{
	background-image: url(/img/icon_aarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 75%;
	line-height: 130%;
	color: #88B928;
	text-indent: 12px;
	clear: both;
}

/*============================================================================

	1-3. Layout
	
=============================================================================*/

body {
	font-family: arial, osaka, "ＭＳ Ｐゴシック", "MS P Gothic", helvetica, sans-serif;
	font-size: 100%;
	line-height: 138%;
	color: #3c3c3c;
	text-align: left;
	margin: 0px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.body_bg{
	background-image: url(/img/bg_rmanga.gif);
    background-repeat: no-repeat;
    background-position: right 90px;
}

.wrapper {
	padding: 0px;
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*============================================================================

	1-4. Detaile
	
=============================================================================*/

/*------------------------------------------------------------
	1-4-1. div#header
-------------------------------------------------------------*/
#header {
	height: 70px;
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
.head_ad{
	background-image: url(/img/bg_ad.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 468px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 4px;
	display: block;
	float: right;
	margin-right: 30px;
}
/* logo 
----------------------------------------*/
#logo_navi{
	height: 70px;
	width: 350px;
	float: left;
}

/*------------------------------------------------------------
	1-4-2. div#mainfla
-------------------------------------------------------------*/
#mainfla {
	left:0;
	top:0;
	margin-top:70px;
	padding-top: 0px;
	padding-right: 190px;
	padding-bottom: 50px;
	float: left;
}

.rank_txt {
    width: 247px;
    float: left;
    height: 256px;
    margin-left: 1px;
}

.main{
    text-align: left;
}

.bookrank_pata{
    margin-left: 5px;
    font-size: 0.75em;
    color: #666;
    padding: 0px;
    margin-top: 0px;
    float: right;
}
.top_submit {
	cursor: pointer;
	float: right;
}
.top_chara_sort{
	float: right;
}
.main_under{
	width: 100%;
	overflow: auto;
	border-top: 1px solid #9e9d9d;
	margin-top: 2px;
}
.main_under .contents{
	width: 770px;
	margin-top: 3px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}
.main_under .contents .right{
	border-left: 1px dotted #686868;
	margin-left: 5px;
	overflow: auto;
}
.banner{
    padding: 3px 6px 3px 3px;
    float: left;
	font-size:90%;
	line-height: 120%;
	color: #adadad;
	text-align: center;
}
.main_ti{
    width: 700px;
    height: 21px;
    margin: auto;
}
.top_search_elem {
	margin: auto;
    display: none;
}
#top_booklist_wrapper {
	margin-left: 7px;
	height: 21px;
	width: 700px;
    background-image: url(/img/ti_bookmark_rank.gif);
    background-repeat: no-repeat;
}
#top_charalist_wrapper {
	margin-left: 7px;
	height: 21px;
	width: 700px;
    background-image: url(/img/ti_chara_rank.gif);
    background-repeat: no-repeat;
}
#top_bglist_wrapper {
	margin-left: 7px;
	height: 21px;
	width: 700px;
    background-image: url(/img/ti_bg_rank.gif);
    background-repeat: no-repeat;
}
#top_userlist_wrapper {
	margin-left: 7px;
	height: 21px;
	width: 700px;
    background-image: url(/img/ti_user_rank.gif);
    background-repeat: no-repeat;
}
.rank_special{
    width: 235px;
    height: 23px;
    background-color: #F7F7F7;
    border: 1px solid #BBB;
    font-size: 0.7em;
    color: #333;
    padding-top: 2px;
    padding-right: 4px;
    padding-left: 8px;
    margin: 0px;
}
.main_under .rank_txt p {
    font-size: 0.75em;
    color: #555;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 9px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    line-height: 100%;
}
.under_twit{
    float: left;
    width: 157px;
    background-image: url(/img/twit_main.gif);
    background-repeat: repeat-y;
    margin-left: 8px;
}
.under_twit_txt{
    height: 200x;
    overflow: hidden;
}
.main_under .under_twit p {
    font-size: 0.75em;
    color: #555;
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    line-height: 100%;
    width: 135px;
    padding-right: 8px;
    margin-right: 2px;
    margin-left: 2px;
}
.main_under .twitterwrapper{
	float: left;
	margin-left: 5px;
}
.main_under .twitterwrapper a{
	color: #fff;
}
.main_under .twitterwrapper img{
    border: 0px;
}
.main_under .rank_txt p img {
    height: 14px;
    width: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 6px;
    vertical-align: text-top;
}

.tranking_page {
    font-size: 0.75em;
    line-height: 100%;
    color: #666;
    text-align: center;
    width: 247px;
    padding-top: 7px;
}
.topsearchtxt{
	margin-left: 10px;
	color: #9e9e9e;
	font-size:62%;
	float: right;
}
/*------------------------------------------------------------
	1-4-2. div#right_box
-------------------------------------------------------------*/
#first_frame {
	float: right;
    width: 180px;
    padding-right: 4px;
    padding-left: 6px;
    height: auto;
    margin-top: 15px;
    margin-right: 1px;
	position:relative;
	display: none;
}
.right_box_foot {
	width: 180px;
	height: 5px;
	background-color: #9B9A9A;
}

/* before login
----------------------------------------*/

.newcomer{
	height: 113px;
}
.newcomer img {
	position:absolute;
	right: -1px;
}


.login_block {
	width: 181px;
	margin-bottom: 5px;
}

.login_header {
	background-image: url("/img/r_btn_login.gif");
	width: 181px;
	height: 25px;
}

.login_body {
	background-image: url("/img/r_btn_bg.gif");
	width: 181px;
}

.login_body form {
	margin: 0px;
}

.login_footer {
    background-image: url("/img/r_btn_foot.png");
    width: 181px;
    height: 4px;
}

/*-------------------------------
.login{
	display: block;
	height: 28px;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 5px;
}
--------------------------------*/
.login{
    height: 18px;
    width: 74px;
    margin-top: 8px;
    margin-bottom: 5px;
    margin-left: 92px;
}

#first_frame #login_panel .panel_content {
	height: auto;
	margin: 0px;
}

#login_panel .login_form_title {
	font-size:62%;
    line-height:130%;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
}

#login_panel .pass_remind {
    font-size:62%;
    line-height:130%;
    font-weight: bold;
    border-top: 1px dotted #BBBBBB;
    margin-left: 10px;
    margin-right: 13px;
    padding-top: 3px;
    padding-bottom: 5px;
}

#login_panel .pass_remind a {
    margin-left: 60px;
}

#login_panel .text_box {
    font-size:75%;
    line-height:130%;
    margin-left: 10px;
    width: 155px;
}

#about_mancha {
	cursor: pointer;
	margin-bottom: 2px;
}

/*----------------------------------------------
.logout{
    background-image: url(/img/btn_logout.gif);
    background-repeat: no-repeat;
    display: block;
    height: 19px;
    width: 180px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.logout:hover {
    background-image: url(/img/btn_logout_on.gif);
    background-repeat: no-repeat;
    display: block;
    height: 19px;
    width: 180px;
    margin-top: 5px;
    margin-bottom: 5px;
}
-----------------------------------------------*/

.ttl_mylist {
    background-image: url(/img/ttl_mylist.gif);
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 190px;
    margin-top: 5px;
    position: absolute;
    left: 1px;
}

.ttl_mylist2 {
    background-image: url(/img/ttl_mylist2.gif);
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 181px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.logout {
	background-image: url(/img/ttl_logout.gif);
    background-repeat: no-repeat;
    width: 46px;
    height: 12px;
    position: relative;
    top: -2px;
    left: 140px;
    display: block;
}

#mylist_help {
	position: relative;
	top: -11px;
	left: 98px;
}

#mylist2_help {
    position: relative;
    top: 1px;
    left: 108px;
}

.tab_news{
	background-image: url(/img/tab_news_bg.gif);
	background-repeat: repeat-y;
	width: 180px;
	font-size: 75%;
	line-height: 135%;
	float: left;
	margin-left: 5px;
}
.tab_news p {
	width: 170px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbb;
}

.tab_news_footer{
	background-image: url(/img/tab_news_foot.gif);
	background-repeat: no-repeat;
	height: 3px;
	width: 180px;
	margin-bottom: 0px;
	font-size: 68%;
	line-height: 135%;
	clear: both;
}
#tab_news_thin{
	float: right;
	height: 40px;
	width: 350px;
	margin-top: 3px;
	font-size: 80%;
	line-height: 140%;
	overflow: auto;
}
#tab_news_btn{
	float: right;
	height: 40px;
	width: 75px;
	margin: 3px 12px 5px 7px;
	border-left: 1px dotted #bebebe;
	padding-left: 13px;
}
#tab_news_btn img{
	border-width: 0px;
}
.login_error{
	font-size: 60%;
	color: red;
	display: none;
	margin: 0px 0px 0px 10px;
}

/* after login
----------------------------------------*/
.panel_title_off, .panel_title_on{
	cursor: pointer;
}
#first_frame .panel{
    height: auto;
    width: 181px;
    background-image: url(/img/r_btn_bg.gif);
    background-repeat: repeat-y;
    margin-bottom: 5px;
    
}
#first_frame .panel_title_off{
    text-align: center;
    height: 25px;
    width: 181px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
}
#first_frame .panel_title_on{
    text-align: center;
    height: 25px;
    width: 181px;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px top;
}
#first_frame #own_status a{
	font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
#first_frame #own_status .panel_title {
	text-align: center;
    height: 25px;
    width: 181px;
    margin-top: 28px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
	background-image: url(/img/r_btn_hello_off.gif);
	overflow: hidden;
}

.own_contents {
	width: 165px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

.own_profile {
	background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_profile.gif);
    width: 41px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_profile:hover {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_profile_h.gif);
    width: 41px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_book {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_book.gif);
    width: 41px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_book:hover {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_book_h.gif);
    width: 41px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_character {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_chara.gif);
    width: 41px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_character:hover {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_chara_h.gif);
    width: 41px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_back {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_bg.gif);
    width: 42px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.own_back:hover {
    background-repeat: no-repeat;
    background-image: url(/img/btn_mymenu_bg_h.gif);
    width: 42px;
    height: 26px;
    float: left;
    cursor: pointer;
}
.profiletxt {
	font-size: 10px;
}
.profiletxt textarea { 
	font-size: 120%; 
}

/* ------------------------------
#first_frame #own_status .panel_title_on {
	background-image: url(/img/r_btn_hello_on.gif);
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
------------------------------ */
#first_frame #chat_list .panel_title_off{
	background-image: url(/img/r_btn_chat_off.gif);
	overflow: hidden;
	background-position: 0px top;
}
#first_frame #temp_list .panel_title_off{
    background-image: url(/img/r_btn_stoc_off.gif);
}
#first_frame #fun_list .panel_title_off{
	background-image: url(/img/r_btn_fan_off.gif);
}
#first_frame #look_list .panel_title_off{
	background-image: url(/img/r_btn_look_off.gif);
}
#first_frame #block_list .panel_title_off{
	background-image: url(/img/r_btn_block_off.gif);
}
#first_frame #allow_list .panel_title_off{
    background-image: url(/img/r_btn_perm_off.gif);
}

#first_frame #chat_list .panel_title_on{
	background-image: url(/img/r_btn_chat_on.gif);
}
#first_frame #temp_list .panel_title_on{
    background-image: url(/img/r_btn_stoc_on.gif);
}
#first_frame #fun_list .panel_title_on{
	background-image: url(/img/r_btn_fan_on.gif);
}
#first_frame #look_list .panel_title_on{
	background-image: url(/img/r_btn_look_on.gif);
}
#first_frame #block_list .panel_title_on{
	background-image: url(/img/r_btn_block_on.gif);
}
#first_frame #allow_list .panel_title_on{
    background-image: url(/img/r_btn_perm_on.gif);
}

#chatting_panel {
	display: none;
}



#login_panel .panel_title {
	text-align: center;
    height: 25px;
    width: 181px;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px top;
    background-image: url(/img/r_btn_login.gif);
}

.auto_panel_content {
	position:relative;
}

#chatting_panel #chat_list .panel_content{
	position:relative;
	height: auto;
}

#first_frame .panel_content{
	position:relative;
    height: auto;
}

/*--------------------------------------
#first_frame .panel_content_hover{
    position:relative;
    height: auto;
    background-color: #f8b655;
}
--------------------------*/

#temp_list {
	display: none;
}
#temp_list .panel_content{
    height: auto;
}
#block_list .panel_content, #block_list .panel_footer{
    
}
#first_frame .panel_footer{
	background-image: url(/img/r_btn_foot.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	clear: both;
	height: 4px;
	width: 181px;
	
	bottom: 0px;
}
.chatting_user, .chatting_user_boss {
	width: 160px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	clear: both;
	height: 30px;
	cursor: pointer;
}
.chatting_user_guest {
	width: 160px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    clear: both;
    height: 30px;
}

#first_frame .chatting_self{
    width: 160px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    clear: both;
    height: 30px;
    
}
#first_frame .chatting_self_boss{
    width: 160px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    clear: both;
    height: 30px;
}
#first_frame .chatting_boss_offline{
    width: 160px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    clear: both;
    height: 30px;
    cursor: pointer;
    background-color: #E9E9E9;
}
#first_frame .user_list_hide{
	display: none;
}
#first_frame .user_list{
	width: 160px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	clear: both;
	height: 14px;
}
.user_list_drag{
    background-image: url(/img/bg_drag_mylist.gif);
}
#first_frame .user_list .user_list_icon{
    float: left;
}
#first_frame .tab_chatchara_ico{
	background-color: #646464;
	padding: 2px;
	clear: left;
	height: 26px;
	width: 26px;
	margin-right: 5px;
	float: left;
}
#first_frame .tab_chatchara_ico_on{
	background-color: #E7355C;
	padding: 2px;
	clear: left;
	height: 26px;
	width: 26px;
	margin-right: 5px;
	float: left;
}
#first_frame .tab_chatchara_ico_off{
    background-color: #C9C8C8;
    padding: 2px;
    clear: left;
    height: 26px;
    width: 26px;
    margin-right: 5px;
    float: left;
}
#first_frame .tab_chatchara_name{
	font-size: 75%;
	line-height: 100%;
	height: 14px;
}
#first_frame .tab_chatchara_name span{
    position: relative;
    bottom: -2px;
}
#first_frame .tab_chatchara_uname {
	font-size: 64%;
	color: #CCC;
	float: right;
}
#first_frame .tab_chatchara_uname span, #first_frame .tab_chatchara_uname a{
	vertical-align: top;
}
#first_frame .mylist_switch_button{
    position: absolute;
    top: -10px;
    left: -10px;
}

.panel_content_active {
	background-color: #eaffb1;
}

.panel_content_hover {
    background-color: #d5ff7c;
}

.chat_kick_config {
	width: 370px;
    padding: 10px;
    border: 3px solid #646464;
    background-color: #fff;
}

.chat_kick_btns{
    text-align: center;
    width: 370px;
    margin-top: 8px;
    padding-bottom: 8px;
    height: 16px;
    margin-right: auto;
    margin-left: auto;
}

.chat_kick_comf{
    width: 350px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    padding-top: 8px;
    font-size: 0.75em;
    line-height: 125%;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}

.kick_btn_ac{
    background-image: url(/img/lb_btn_ac.gif);
    text-align: center;
    height: 21px;
    width: 111px;
    padding-top: 1px;
    float: left;
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

.kick_btn_ac a {
	color: #fff;
}
.kick_extxt{
	border: 1px dotted #c9c9c9;
	background-color: #e1e1e1;
	color: #6d6d6d;
	padding: 5px;
	font-size: .9em;
	margin-top: 4px;
}

/* right_box01
----------------------------------------*/
#mylist_ctrlpanel{
	position: absolute;
    right: 200px;
    display: none;
    z-index: 1000;
}
.ctrl_panel{
	background-image: url(/img/r_con01_bg.gif);
	background-repeat: repeat-y;
	position: absolute;
}
.ctrl_panel_head {
	background-image: url(/img/r_con01_head.gif);
	background-repeat: no-repeat;
	width: 197px;
	height: 3px;
	background-position: 0px top;
	margin-bottom: 5px;
}
.ctrl_panel_foot{
	background-image: url(/img/r_con01_foot.gif);
	background-repeat: no-repeat;
	width: 197px;
	height: 3px;
	background-position: 0px bottom;
}
.ctrl_panel_linktxt{
	background-image: url(/img/icon_aarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 156px;
	height: 12px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	font-size: 75%;
	line-height: 130%;
	color: #88B928;
	clear: both;
	padding-right: 5px;
	padding-left: 14px;
	margin-right: 8px;
	margin-left: 14px;
}
.tab01_linktxt02{
    background-image: url(/img/icon_aarrow.png);
    background-repeat: no-repeat;
    background-position: left 9px;
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #88B928;
    clear: both;
    padding-right: 5px;
    padding-left: 14px;
    margin-right: auto;
    margin-left: auto;
    width: 180px;
    list-style-type: none;
    padding-top: 5px;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #BBB;
    margin-top: 5px;
}
.tab01_name{
    font-size:75%;
    margin-bottom: 3px;
    margin-left: 14px;
    line-height: 130%;
}
/* right_box02
----------------------------------------*/
.right_box02_arrow{
	background-image: url(/img/r_con01_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	width: 243px;
}
#second_frame {
	float: right;
	display: none;
	position: absolute;
	right: 200px;
	z-index: 100;
	display: none;
}
.second_frame_body {
	background-image: url(/img/r_con02_bg.gif);
    background-repeat: repeat-y;
}
.second_frame_head {
	background-image: url(/img/r_con02_head.gif);
	background-repeat: no-repeat;
	width: 226px;
	height: 3px;
	background-position: 0px top;
}
.second_frame_foot{
	background-image: url(/img/r_con02_foot.gif);
	background-repeat: no-repeat;
	width: 226px;
	height: 3px;
	background-position: 0px bottom;
}

#second_frame .sub_panel{
	height: auto;
	width: 219px;
	margin-bottom: 5px;
	background-color: #FFF;
	margin-left: 3px;
	margin-top: 0px;
}
#second_frame .panel_footer{
	background-image: url(/img/r_btn02_foot.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	clear: both;
	height: 3px;
	width: 219px;
}
#second_frame .panel_title_off {
	background-image: url(/img/r_btn02_off.gif);
	text-align: center;
    height: 23px;
    width: 219px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
}

#second_frame .panel_title_noevent_off {
    background-image: url(/img/r_btn02_block.gif);
    text-align: center;
    height: 23px;
    width: 219px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
}

#second_frame .panel_title_on, #second_frame .panel_title_noevent_on{
	background-image: url(/img/r_btn02_on.gif);
	text-align: center;
	height: 23px;
	width: 219px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 6px;
}
#second_frame .panel_content{
	width: 200px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: both;
}
.tab02_rtxt02{
	width: 200px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	clear: both;
}
.tab02_rtxt03{
    width: 219px;
    margin-right: 3px;
    margin-left: 3px;
    clear: both;
    background-color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
}
.tab02_rtxt04{
    width: 200px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    clear: both;
}
.tab02_name{
	font-size:75%;
	margin-bottom: 3px;
	line-height: 130%;
}
.tab02_uid{
	color: #24979b;
}
.tab02_linktxt_li{
    height: auto;
    width: 200px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    font-size: 75%;
    line-height: 130%;
    color: #88B928;
    clear: both;
    overflow: visible;
    list-style-image: url(/img/icon_aarrow.png);
    list-style-type: none;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    list-style-position: inside;
    float: left;
}
.tab02_linktxt{
	background-image: url(/img/icon_aarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 12px;
	width: 200px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	font-size: 75%;
	line-height: 130%;
	color: #88B928;
	text-indent: 12px;
	clear: both;
	overflow: hidden;
}
.tab02_linktxtnoborder{
	background-image: url(/img/icon_aarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 12px;
	width: 200px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 75%;
	line-height: 130%;
	color: #88B928;
	text-indent: 12px;
	clear: both;
	overflow: hidden;
}
.tab02_linktxt_click{
	background-image: url(/img/icon_aarrow_sel.png);
	background-repeat: no-repeat;
	background-position: left center;
    height: 12px;
    width: 196px;
    margin-bottom: 5px;
    margin-left: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    border-top: 1px solid #f7535f;
    border-right: 1px solid #f7535f;
    border-bottom: 1px solid #f7535f;
    border-radius: 3px;
    font-size: 75%;
    line-height: 130%;
    text-indent: 12px;
    clear: both;
    overflow: hidden;
}

.tab02_linktxt_click a {
    color: #555555;
}
	
.tab02_linktxt02{
	background-image: url(/img/icon_aarrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 12px;
    width: 200px;
    margin-top: 3px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    font-size: 75%;
    line-height: 130%;
    color: #88B928;
    text-indent: 12px;
    clear: both;
    overflow: visible;
}
.tab02_linktxt03{
    background-image: url(/img/icon_aarrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 12px;
    width: 200px;
    margin-top: 3px;
    margin-bottom: 2px;
    padding-top: 5px;
    padding-bottom: 8px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    font-size: 75%;
    line-height: 130%;
    color: #88B928;
    text-indent: 12px;
    clear: both;
    overflow: visible;
}
.tab02_linktxt04{
	background-image: url(/img/icon_aarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 12px;
	line-height: 130%;
	color: #88B928;
	padding-left: 12px;
}
.tab02_lead {
	font-size:75%;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	line-height: 130%;
}
.tab02_lead02 {
	font-size:75%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 130%;
}
.tab02_lead03 {
    font-size:69%;
    margin-bottom: 5px;
    line-height: 130%;
    padding-top: 5px;
    border-top: 1px dotted #BBBBBB;
    color: #999;
    clear: both;
    margin-top: 3px;
    height: auto;
    overflow-y: visible;
}
.tab02_booktitle {
	font-size:110%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 130%;
}
/*----small, light grey-----*/
.tab02_info {
	padding: 3px 3px 3px 4px;
	color: #aaaaaa;
	font-size:.75em;
	margin: 3px 0px 3px 0px;
	line-height: 130%;
	background-color: #f6f6f6;
	border: 1px solid #ededed;
}
/*----above with alert color-----*/
.tab02_alert {
	padding: 3px 3px 3px 4px;
	color: #eaa92c;
	font-size:.75em;
	margin: 3px 0px 3px 0px;
	line-height: 130%;
	background-color: #fffe75;
	border: 1px solid #f3f259;
}
/*----small, light grey, small margin-----*/
.tab02_info2 {
	padding: 0px 0px 2px 0px;
	color: #aaaaaa;
	font-size:70%;
	line-height: 130%;
}
/*----wrap text-----*/
.forcewrap {
	word-wrap:break-word;
}

.tab02_newbook{
	background-image: url(/img/btn_makebook.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 177px;
	padding-top: 10px;
	padding-right: 25px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	line-height: 140%;
}
.tab02_r_booknow{
    font-size: 12px;
    background-image: url(/img/r_bg_red.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 180px;
    padding-top: 5px;
    padding-right: 6px;
    padding-left: 16px;
    margin-bottom: 5px;
}
.tab02_r_bookclose{
    font-size: 12px;
    background-image: url(/img/r_bg_gray.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 180px;
    padding-top: 5px;
    padding-right: 6px;
    padding-left: 16px;
    margin-bottom: 5px;
}
.book_status{
	display: none;
}
.tab02_txt{
	width: 200px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
	font-size: 75%;
	line-height: 150%;
	clear: both;
}
.tab02_txtnoborder{
	width: 200px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 75%;
	line-height: 150%;
	clear: both;
}
.tab02_border{
	width: 200px;
	margin: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBB;
}
.tab_bookmark{
    font-size:62%;
    border: 1px solid #CCC;
    float: right;
    margin-left: 3px;
    padding-right: 2px;
    padding-left: 3px;
    height: 15px;
    line-height: 115%;
    padding-top: 1px;
    width: 80px;
    margin-bottom: 2px;
}
.tab_book_subt{
    font-size: 0.68em;
    clear: both;
    padding-top: 2px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    margin-bottom: 5px;
}
.raadio_tayo{
	width: 130px;
	float:right;
	clear: both;
	font-size: 10px;
	line-height: 100%;
}
.tab_bg_setbiew{
	margin-top:5px;
}
.tab_charav_left{
	background-image: url(/img/charav_bg.gif);
	height: 187px;
	width: 97px;
	margin-right: 3px;
	float: left;
	font-size: 10px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	margin-bottom: 3px;
	padding-left: 1px;
}
.tab_charav_rig{
	background-image: url(/img/charav_bg.gif);
	height: 187px;
	width: 97px;
	float: right;
	font-size: 10px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	margin-bottom: 3px;
	padding-left: 1px;
}

.charav_on{
	background-color: #E7355C;
	padding: 2px;
	height: 36px;
	width: 36px;
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 5px;
}
div#prof_chara_data_detail{
	width: 200px;
    position: absolute;
}
div#prof_back_data_detail{
	width: 200px;
    position: absolute;
}
.image_block{
	background-color: #646464;
	padding: 2px;
	height: 36px;
	width: 36px;
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 5px;
}
.full_image {
    position: relative;
    top: -416px;
    left: 80px;
    disblay: none;
}
div#prof_chara_data_detail .image_block .full_image{
	display: none;
    position: absolute;
}
.tab_bgactif{
	text-align: left;
	vertical-align: middle;
	height: 40px;
	border: 2px solid #E7355C;
	width: 196px;
	margin-top: 2px;
}
.tab_bgactif_txt{
	font-size: 12px;
	line-height: 100%;
	margin-top: 13px;
	padding-right: 3px;
	padding-left: 3px;
	text-indent: 8px;
}
.mes{
    margin-bottom: 5px;
    font-size: .8em;
    color: #000;
    line-height: 110%;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #BBB;
}
.mes_head{
    background-image: url(/img/icon_up_fukidashi01.gif);
    background-repeat: no-repeat;
    background-position: 0px top;
    margin-bottom: 0px;
    display: block;
    height: 6px;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
}
.mes_myhead{
    background-image: url(/img/icon_up_fukidashi02.gif);
    background-repeat: no-repeat;
    background-position: 0px top;
    margin-bottom: 0px;
    display: block;
    height: 6px;
    margin-right: 14px;
    margin-left: 14px;
}
.mes_day{
    font-size: .75em;
    line-height: 15px;
    color: #94cfe5;
}
.mes_txt{
    border-top:1px dashed #BBBBBB;
	line-height:115%;
	margin-bottom:5px;
	padding-top:5px;
}
.mes_name{
    font-weight:bold;
    font-size: .85em;
    color: #68c0db;
    position:relative;
	left:-4px;
}
.tab_re01{
    font-size: 0.7em;
    color: #88B928;
    background-image: url(/img/icon_arrow_return.gif);
    background-position: right center;
    padding-right: 15px;
    background-repeat: no-repeat;
    text-align: right;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    margin-bottom: 4px;
    line-height: 100%;
    padding-top: 2px;
    cursor: pointer;
}

.prof_cannot_see{
	text-align: center;
	height: 100px;
	padding-top: 50px;
}

.mes_cannot_see{
	text-align: center;
	height: 80px;
    padding-top: 50px;
}

.message_icon {
	position: absolute;
	left: -18px;
	top: -8px;
	display: none;
	border: 0px;
}


/*------------------------------------------------------------
    1-4-4. div.main_frame
-------------------------------------------------------------*/
div.main_frame{
	display: none;
	position: absolute;
	top: 90px;
	right: 200px;
	z-index: 10;
}

/*------------------------------------------------------------
	1-4-4. div#footer
-------------------------------------------------------------*/
#footer{
	background-color: #231815;
    text-align: center;
    height: 40px;
    width: 100%;
    color: #FFF;
    padding-top: 5px;
    font-size: 62%;
    clear: both;
    left: 3px;
    line-height: 155%;
}

.foot_con{
    width: 460px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3px;
    vertical-align: super;
}


/* my_folder
----------------------------------------*/
.myf_bg{
	background-image: url(/img/myf_bgb.gif);
	background-repeat: no-repeat;
	width: 850px;
	display: block;
	float: right;
	background-position: 20px;
}

#my_folder{
	background-image: url(/img/myf_bg.gif);
	background-repeat: repeat-y;
	width: 717px;
	float: right;
}
.myf_ti{
	background-image:url(/img/myf_head.gif);
	display: block;
	height: 25px;
	width: 717px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.my_folder_foot{
	background-image: url(/img/myf_foot.gif);
	width: 717px;
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 3px;
}
.tab{
	background-image: url(/img/myf_block_bg.gif);
    background-repeat: repeat-y;
    width: 707px;
    margin-right: auto;
    margin-left: auto;
}
.myf_block{
	background-image: url(/img/myf_block_bg.gif);
	background-repeat: repeat-y;
	width: 707px;
	margin-right: auto;
	margin-left: auto;
}
.myf_block_head{
	background-image: url(/img/myf_block_head.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin-right: auto;
    margin-left: auto;
	height: 3px;
	width: 707px;
}
.myf_block_footer{
	background-image: url(/img/myf_block_foot.gif);
	background-position: 0px bottom;
	margin-right: auto;
    margin-left: auto;
	height: 3px;
	width: 707px;
	margin-bottom: 8px;
	clear: both;
}
.myf_sti01{
	background-image: url(/img/myf_sti01.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 697px;
	margin-right: auto;
	margin-left: auto;
}
.myf_sti02{
	background-image: url(/img/myf_sti02.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 697px;
	margin-right: auto;
	margin-left: auto;
}
.myf_block_lead{
	font-size: 75%;
	color: #666;
	width: 678px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	line-height: 115%;
	margin-bottom: 8px;
}
.myf01_r{
	background-image: url(/img/mancha_myfolder+-01_14.gif);
	padding: 0px;
	float: right;
	height: 417px;
	width: 230px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.chara_name{
	padding-top: 19px;
	padding-left: 7px;
	height: 12px;
}
*:first-child+html .chara_name {
	padding-top: 16px;
    padding-left: 7px;
    height: 15px;
}

.chara_text{
	height: 106px;
	padding-top: 15px;
	padding-left: 7px;
}
.myf_face{
	height: 187px;
	width: 205px;
	margin-top: 22px;
	margin-left: 7px;
	font-size: 0.63em;
	line-height: 20px;
}
.myf_linktxt{
	background-image: url(/img/icon_aarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
	width: 200px;
	margin-top: 34px;
	margin-bottom: 2px;
	font-size: 75%;
	line-height: 130%;
	color: #88B928;
	text-indent: 12px;
	margin-left: 7px;
}
.myf_block .myf_l .myf01_r .chara_name .input_txt_off {
	margin: 0px;
	padding: 0px;
}
.myf_l{
	float: left;
	width: 458px;
}
.myf_fla{
	height: 315px;
	width: 458px;
/*--
	background-image: url(/img/myf_fla.gif);
--*/
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0px;
}
.myf_date01{
	background-image: url(/img/myf_fukidashi01.gif);
	height: 98px;
	width: 458px;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0px;
}
.myf_chara_situ{
	width: 200px;
	margin-top: 20px;
	margin-left: 8px;
	font-size: 75%;
	height: 18px;
	float: left;
	
}
.myf_chara_set{
	background-repeat: no-repeat;
	text-align: center;
	height: 20px;
	width: 87px;
	margin-left: 5px;
	display: block;
	font-size: 10px;
	padding-bottom: 1px;
	float: left;
	line-height: 100%;
	padding-top: 5px;
}

.chara_type_off_img{
	background-image: url(/img/btn_myf_c1b.gif);
	color: #FFF;
	cursor: pointer;
}

.chara_type_on_img{
	background-image: url(/img/btn_myf_c1.gif);
	color: #c36887;
}

.chara_type_view{
    width: 300px;
	display: none;
}
.chara_type_selecter{
	background-color: #ffffff;
	width: 206px;
	position: relative;
	display: none;
}

.myf_chara_txt{
	font-size: 0.68em;
	line-height: 160%;
	text-align: center;
	float: left;
	height: 40px;
	width: 151px;
	color: #FFF;

}
.myf_chara_setbox{
	height: 50px;
	width: 458px;
	clear: both;
	padding-top: 11px;
}

.myf_back_set{
    background-image: url(/img/btn_myf_set_share.gif);
    background-repeat: no-repeat;
    text-align: center;
    height: 19px;
    width: 87px;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
    font-size: 10px;
    color: #FFF;
    padding-bottom: 1px;
    float: left;
    line-height: 100%;
    padding-top: 3px;
    cursor: pointer;
    
}

.back_set_list{
	float: left;
	width: 300px;
	height: 350px;
}
.back_set_element{
	background-image: url(/img/myf_newsetbg.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 301px;
	background-position: right 0px;
	margin-bottom: 5px;
	cursor: pointer;
}
.back_set_element_on{
	background-image: url(/img/myf_newsetbg_on.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 301px;
	background-position: right 0px;
	margin-bottom: 5px;
}
.0_back_public, .1_back_public{
	display: none;
}
.myf_set_li_img{
	float: left;
	height: 40px;
	width: 60px;
	margin-top: 2px;
	margin-left: 4px;
}
/*
.myf_set_li_txt{
	font-size: 0.75em;
	line-height: 100%;
	color: #999;
	padding-top: 15px;
	float: left;
	margin-left: 5px;
}
.myf_set_li_txt span{
	position: relative;
	top: -3px;
}
*/
.myf_set_li_txt{
    font-size: 0.75em;
    line-height: 100%;
    color: #999;
    float: left;
    margin-left: 5px;
}
.myf_set_li_txt div{
    margin-top: 17px;
}

.myf_set_li_txt input{
    margin-top: 12px;
}

.back_set_list input{
    display: none;
}
#set_new{
	background-image: url(/img/myf_newset.gif);
	background-repeat: no-repeat;
}
.myf_set_li_newtxt{
	font-size: 0.75em;
	line-height: 100%;
	color: #999;
	padding-top: 15px;
	float: left;
	padding-left: 107px;
}
.myf_set_li_newtxt input{
    position: relative;
    top: -3px;
}
.myf02_r{
	float: right;
	width: 369px;
	margin-right: 20px;
}
.back_detail_preview{
	height: 200px;
	width: 300px;
	border: 2px solid #636363;
	background-color: #636363;
	float: left;
}
.back_detail_preview img{
	
    display: none;
}
.myf_bg_imgblo{
	float: right;
	width: 40px;
	margin-right: 15px;
}
.back_img_block {
	width: 40px;
	height: 27px;
	padding-bottom: 8px;
}
.back_img_block img{
	width: 40px;
	height: 27px;
	border: 2px solid #636363;
	background-color: #636363;
	cursor: pointer;
}
.myf_bg_img_on{
	width: 40px;
	height: 27px;
	border: 2px solid #E7345C;
	background-color: #E7345C;
	margin-bottom: 4px;
}
.myf_bg_fukidashi{
	background-image: url(/img/myf_fukidashi02.gif);
	background-repeat: no-repeat;
	height: 97px;
	width: 369px;
	margin-bottom: 8px;
}
.myf_bg_setbox{
	height: 50px;
	width: 369px;
	clear: both;
	padding-top: 8px;
}
.myf_bg_txt{
	font-size: 0.68em;
	line-height: 160%;
	text-align: center;
	float: left;
	height: 40px;
	width: 123px;
	color: #FFF;
}
.myf_bg_lead{
	font-size: 1em;
	line-height: 125%;
	margin-bottom: 3px;
	width: 369px;
	height: 58px;
}
.myf_set_navi{
	background-image: url(/img/myf_set_navi.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 21px;
	width: 262px;
	padding-top: 4px;
	float: right;
	font-size: 0.63em;
	line-height: 100%;
	color: #666;
	margin-right: 16px;
}



/* Q&A
----------------------------------------*/
#qa_wrapper{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #737373;
    width: 650px;
    padding: 15px;
}
#qa_menu{
	font-size: 0.75em;
    line-height: 1.52em;
    background-color: #f5fbe6;
    border: 1px dotted #abd590;
    padding: 5px 15px 5px 15px;
    margin: 5px 0px 20px 0px;
    overflow: auto;
}
#qa_menu2{
    line-height: 1.52em;
    padding: 5px 15px 5px 15px;
    margin: 5px 0px 20px 0px;
}
#qa_menu2 img{
    border: none;
}
.qa_title{
    background-image: url(/img/faq_title.gif);
    background-repeat: none;
    width: 650;
    height: 60;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 8px 0px 10px 12px;
	margin: 30px 0px 4px 0px;
}
.qa_title_sub{
    font-size: 0.8em;
    line-height: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-weight: bold;
    color: #646464;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #b1b1b1;
    width: 600px;
}
.qa_title_sublink{
    line-height: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #b1b1b1;
    width: 600px;
}
.qa_txt{
    font-size: 0.80em;
    line-height: 1.6em;
    margin: 5px 20px 5px 30px;
    color: #888;
}
#qa_footer{
    background-image: url(/img/footer_bdr.gif);
    width: 750px;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
.qa_screen{
	text-align: center;
}
.qa_screen img{
	border: 1px solid #b1b1b1;
	margin-top: 4px;
}
.qa_menuleft{
	width: 100px;
	float: left;
	border-right: 1px dotted #abd590;
	margin: 7px 0px 7px 0px;
	padding-right: 5px;
}
.qa_menuright{
	width: 480px;
	padding-left: 10px;
	float: left;
	margin: 7px 0px 7px 0px;
}
/* help
----------------------------------------*/

.help_icon {
	cursor: pointer;
}

#mychara_help {
	margin-top: 3px;
	margin-left: 130px;
}

#myback_help {
    margin-top: 3px;
    margin-left: 115px;
}

.help_box{
    background-image: url(/img/help_bg.gif);
    background-repeat: repeat-y;
    width: 475px;
    float: right;
    margin-top: 20px;
}

.help_box .close_button {
	top: 8px;
}
	
.help_box_head{
    background-image: url(/img/help_head.gif);
    background-repeat: no-repeat;
    height: 23px;
    width: 395px;
    padding-top: 6px;
    padding-left: 80px;
    font-size: 1em;
    line-height: 100%;
    font-weight: bold;
    margin-bottom: 6px;
}
.help_box_main{
    width: 450px;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}
.help_subti01{
    font-size: 0.75em;
    line-height: 100%;
    margin-top: 12px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(/img/help_subti01.gif);
    background-repeat: no-repeat;
    height: 23px;
    width: 425px;
    padding-top: 3px;
    padding-left: 7px;
}
.help_subti01top{
    padding-top: 0px;
    border-top: 1px dotted #a3a3a3;
    background-image: url(/img/help_subti01top.gif);
    background-repeat: no-repeat;
    height: 1px;
    width: 425px;
}
.help_subti01middle{
    font-size: 0.75em;
    line-height: 120%;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(/img/help_subti01middle.gif);
    background-repeat: repeat-y;
    width: 425px;
}
.help_subti01middle p{
    padding: 6px 7px 6px 7px;
}
.help_subti01bot{
    margin-bottom: 0px;
    background-image: url(/img/help_subti01bot.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 425px;
}
.help_subti02{
    font-size: 0.8em;
    line-height: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 7px;
    font-weight: bold;
    color: #646464;
/*    background-image: url(/img/help_subti02.gif); 
    background-repeat: no-repeat;
    height: 22px;*/
    width: 410px;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #b1b1b1;
}
.help_txt{
    font-size: 0.75em;
    line-height: 1.7em;
    margin: 0px 10px 12px 13px;
    color: #707070;
    width: 405px;
}

.helptxt_sp{
    font-size: 0.75em;
    color: #888;
    line-height: 1.6em;
    margin: 0px 40px 5px 24px;
}
#help_submenu{
    font-size: 0.75em;
    line-height: 1.52em;
    width: 80%;
    background-color: #f5fbe6;
    border: 1px dotted #abd590;
    padding: 5px 15px 5px 15px;
    margin: 5px 0px 15px 0px;
}

.help_box_foot{
    background-image: url(/img/help_foot.gif);
    background-repeat: no-repeat;
    display: block;
    height: 5px;
    width: 475px;
    background-position: 0px top;
}

.photo_rig{
    float: right;
    margin-left: 5px;
    margin-bottom: 3px;
}
.photo_lef{
    float: left;
    margin: 0px 8px 3px 10px;
}

/*--------------------------------------------------------------
    js
-------------------------------------------------------------*/
div#prof_chara_data_detail, div#prof_book_data_detail, div#prof_back_data_detail {
    display: none;
}
div#prof_back_preview img{
    display: none;
    position: absolute;
}
div#book_select_list p.tab02_linktxt{
    cursor: pointer;
}
img.close_button{
	float: right;
    position: absolute;
    right: 15px;
    top: -12px;
    cursor: pointer;
}


img.panel_pointer{
	float: right;
	position: absolute;
	right: -16px;
	cursor: pointer;
}

img.panel_pointer_sp{
    position: absolute;
    left: -10px;
    display: none;
    z-index: 101;
}


#panel_chara_select {
    position: absolute;
    right: 240px;
    display: none;
}
.panel_chara_select_linktxt{
    background-image: url(/img/icon_aarrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 36px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    font-size: 75%;
    line-height: 130%;
    color: #88B928;
    clear: both;
    padding-right: 5px;
    padding-left: 14px;
    margin-right: 8px;
    margin-left: 14px;
}

.panel_chara_select_linktxt img {
    weight: 36px;
    height: 36px;
}

.panel_chara_select_linktxt span {
    weight: 36px;
    height: 36px;
}

#chatroom_input {
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: relative;
	top: -27px;
	left: 178px;
	width: 355px;
}

#chatroom_input input {
	width: 355px;
	height: 14px;
	margin: 0px;
    padding: 0px;
	background-color: transparent;
	border: 0px;
}

#chatcharaselect_input {
    margin: 0px;
    padding: 0px;
    z-index: 1;
    position: relative;
    width: 197px;
}

#chatcharaselect_input input {
    width: 197px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.chat_writing, .chat_deleting {
	display: none;
	width: 22px;
	height: 18px;
	position: relative;
	top: -18px;
	left: 0px;
}


/* book
----------------------------------------*/

.lb_book{
    background-image: url(/img/lb_book_de_bg.gif);
    background-repeat: repeat-y;
    float: right;
    width: 392px;
}
.lb_book_head{
    background-image: url(/img/lb_book_de_head.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 392px;
    margin: 0px;
    padding: 0px;
}
.lb_book_foot{
    background-image: url(/img/lb_book_de_foot.gif);
    background-repeat: no-repeat;
    clear: both;
    height: 5px;
    width: 392px;
}
.lb_book_left{
    float: left;
    width: 200px;
    margin-left: 15px;
}
.lb_book_ti{
    font-size: 1.13em;
    line-height: 1.25em;
    font-weight: bold;
    color: #666;
    text-align: center;
}
.lb_book_keyword{
    font-size: 0.75em;
    line-height: 1.25em;
    margin-top: 6px;
    margin-bottom: 5px;
    padding-bottom: 6px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    color: #999;
}
.lb_book_lead{
    font-size: 0.75em;
    line-height: 1.38em;
    margin-bottom: 5px;
    padding-bottom: 6px;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
}
.lb_book_in{
    background-image: url(/img/lb_btn_ac02b.gif);
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    width: 97px;
    margin-right: 6px;
    text-align: center;
    padding-top: 12px;
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
}
.lb_book_look{
    background-image: url(/img/lb_btn_ac02.gif);
    background-repeat: no-repeat;
    height: 18px;
    width: 94px;
    float: left;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding-top: 6px;
    text-align: center;
    line-height: 100%;
}
.lb_book_out{
    background-image: url(/img/lb_btn_nega02.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 94px;
    float: left;
    font-size: 10px;
    line-height: 100%;
    color: #FFF;
    text-align: center;
    padding-top: 4px;
}
.lb_book_mark{
    font-size: 0.63em;
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
}
.lb_book_right{
    text-align: center;
    float: right;
    width: 155px;
    margin-right: 15px;
}

#second_frame #book_delete_footer {
	background-image: url(/img/r_btn03_foot.gif);
    background-repeat: no-repeat;
}

.book_delete_block {
	background-image: url(/img/bg_delete.gif);
    background-repeat: no-repeat;
    clear: both;
    height: 23px;
    overflow-y: visible;
    width: 229px;
    position: relative;
    left: -10px;
    top: 5px;
}

.btn_book_delete {
	background-image: url(/img/btn_delete.gif);
    background-repeat: no-repeat;
    width: 110px;
    height: 18px;
    text-align: right;
    font-size:75%;
    color: #dadada;
    clear: both;
    margin-left: 105px;
    line-height: 100%;
    cursor: pointer;
    position: relative;
    top: 3px;
    padding: 4px 10px 0px 0px; 
}

/* bgimg set
----------------------------------------*/
.config{
    width: 280px;
    padding: 10px;
    border: 3px solid #646464;
    background-color: #fff;
}
.bgset{
    width: 280px;
    padding: 10px;
    border: 3px solid #646464;
    background-color: #fff;
}
.bgimg_serch{
    width: 260px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    padding-top: 8px;
    font-size: 0.63em;
    line-height: 100%;
    margin-bottom: 8px;
    margin-right: auto;
    margin-left: auto;
}
#bgset_list{
	height: 250px;
	margin-right: auto;
    margin-left: auto;
}
.bgimg_set_li{
    background-image: url(/img/myf_newsetbg.gif);
    background-repeat: no-repeat;
    height: 45px;
    width: 262px;
    background-position: 1px 0px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}
.bgimg_set_navi{
    background-image: url(/img/myf_set_navi.gif);
    background-repeat: no-repeat;
    text-align: center;
    height: 21px;
    width: 262px;
    padding-top: 4px;
    font-size: 0.63em;
    line-height: 100%;
    color: #666;
    margin-right: auto;
    margin-left: auto;
}
.bgimg_set_li_on{
    background-image: url(/img/myf_newsetbg_on.gif);
    background-repeat: no-repeat;
    height: 45px;
    width: 262px;
    background-position: right 0px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
}
.bgimg_btns{
    text-align: center;
    width: 262px;
    margin-top: 8px;
    padding-bottom: 8px;
    height: 16px;
    margin-right: auto;
    margin-left: auto;
}
.bgimg_btn_ac{
    background-image: url(/img/lb_btn_ac.gif);
    text-align: center;
    height: 21px;
    width: 111px;
    padding-top: 1px;
    float: left;
    margin-left: 16px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}
.bgimg_btn_nega{
    background-image: url(/img/lb_btn_nega.gif);
    text-align: center;
    height: 21px;
    width: 111px;
    padding-top: 1px;
    float: left;
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}
.comf{
    width: 260px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    padding-top: 8px;
    font-size: 0.75em;
    line-height: 125%;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}
.comfpoint{
    width: 250px;
    padding: 5px 5px 5px 7px;
	color: #858585;
	margin: 3px 0px 3px 0px;
	line-height: 130%;
	background-color: #f6f6f6;
	border: 1px solid #ededed;
    margin-left: auto;
    margin-right: auto;
}
.comfpointred{
    width: 250px;
    padding: 5px 5px 5px 7px;
	color: #e0273c;
	margin: 3px 0px 3px 0px;
	line-height: 130%;
	background-color: #fffacf;
	border: 1px solid #f0e491;
    margin-left: auto;
    margin-right: auto;
}

#mychara_hider_right{
	width: 250px;
	height: 375px;
	position: relative;
	top: -372px;
	left: -20px;
	background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
	display: none;
}

#mychara_hider_text{
    width: 240px;
    height: 153px;
    position: relative;
    top: -396px;
    left: -10px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

#mychara_hider_100{
    width: 250px;
    height: 24px;
    position: relative;
    top: -175px;
    left: -20px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

#mychara_hider_bottom{
    width: 435px;
    height: 100px;
    position: relative;
    top: -108px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

#myback_hider_right{
    width: 369px;
    height: 368px;
    position: relative;
    top: -372px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

#myback_hider_bottom {
    width: 369px;
    height: 163px;
    position: relative;
    top: -163px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

div#book_prof_setting, div#book_prof_advance {
	position: relative;
}

div#mybook_hider_up {
    width: 219px;
    height: 110px;
    position: absolute;
    top: 23px;
    left: 0px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

div#mybook_hider_middle {
    width: 219px;
    height: 275px;
    position: absolute;
    top: 180px;
    left: 0px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

*:first-child+html div#mybook_hider_middle {
    width: 219px;
    height: 260px;
    position: absolute;
    top: 210px;
    left: 0px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

div#mybook_hider_bottom {
    width: 219px;
    height: 400px;
    position: absolute;
    top: 24px;
    left: 0px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

*:first-child+html div#mybook_hider_bottom {
    width: 219px;
    height: 430px;
    position: absolute;
    top: 24px;
    left: 0px;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    display: none;
}

#chat_frame {
	display: none;
}


/*--------------------------------------------------------------
    ポップウィンドウ
-------------------------------------------------------------*/

div#pop_window {
	display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(00,00,00,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000, gradienttype=0);
    z-index: 1000000;
}

div#pop_frame {
    position: fixed;
    display: none;
}

div#pop_page {
    position: relative;
}

div#pop_frame .pop_frame_button {
    margin: 10px 0px 0px 15px;
    background-color: #fafa00;
    width: 150px;
    height: 35px;
}

div#confirm {
    width: 200px;
    background-color: #33ff33;
}

div#confirm p#confirm_title {
    font-size: 120%;
    text-align:center;
    word-break: break-all;
    margin: 5px 5px 0px 5px;
}

div#confirm p#confirm_contents {
    word-break: break-all;
    margin: 5px 5px 0px 5px;
}

div#confirm div.confirm_button {
    float: right;
    width: 80px;
    height: 40px;
    background-color: #99ff99;
    margin: 5px 10px 0px 10px;
}



/*--------------------------------------------------------------
    運営報告フォーム
-------------------------------------------------------------*/

.masterform_block{
    width: 500px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border: 3px solid #646464;
    background-color: #fff;
    
}
.masterform_standalone_block{
    width: 500px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 16px;
}
.mf_fblock{
    width: 88%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #CCC;
    text-align: left;
    padding: 5px;
}
.mf_txt{
    width: 90%;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    padding-top: 8px;
    font-size: 0.75em;
    line-height: 125%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    vertical-align: bottom;
}
.masterform_block dl dd {
    font-size: 0.75em;
    line-height: 140%;
    vertical-align: middle;
}
.masterform_block dl {
    margin: 0px;
}
.mf_fbtxt{
    margin-left:5px;
    font-size: 0.68em;
    line-height: 150%;
    float: left;
    width: 42%;
    
}
.mf_txt_sti{
    width: 90%;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #BBB;
    padding-top: 8px;
    font-size: 0.94em;
    line-height: 125%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    vertical-align: bottom;
}
.mf_btnblock{
    padding-top: 8px;
    font-size: 0.94em;
    line-height: 125%;
    margin-bottom: 8px;
    vertical-align: middle;
    text-align: center;
    height: 24px;
    padding-left: 115px;
}
#chat_screen_cap{
    display: none;
}
#report_finish{
	display: none;
}
.screen_loading {
	width: 240px;
	height: 112px;
	padding-top: 32px;
	float: left;
}

/*------contact_form------*/
dl.info_input dt {
    float:left;
    font-size: 0.76em;
    line-height: 125%;
    padding:4px 0px 0px 50px;
    width:140px;
}
.mf_subtitle{
    padding:12px 300px 5px 8px;
    font-size: 0.80em;
    line-height: 150%;
    float: left;
    width: 42%;
    padding-left: 40px;
}
.mf_subtitle2{
    font-size: 0.80em;
    float: left;
    width: 42%;
    padding-left: 40px;
}
.mf_txt_note{
    width: 90%;
    padding:6px 0px 0px 52px;
    font-size: 0.94em;
    line-height: 125%;
    vertical-align: bottom;
}
#inquiry_submit_button{
	display: none;
}
#inquiry_error_mess{
	font-size: 80%;
	font-weight: bold;
	display: none;
}
.inquiry_error{
	color: red;
}
.inquiry_btn_close{
	background-image: url(/img/lb_btn_nega.gif);
    text-align: center;
    height: 21px;
    width: 111px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}
#inquiry_finish{
	display: none;
}

/*--------------------------------------------------------------
    新規登録ページ
-------------------------------------------------------------*/

.regist_body {
	width: 639px;
	height: 529px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 0px;
}

.regist_top_error {
	height: 20px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	color: red;
	width: 640px;
	margin-top: 30px;
	margin-left: auto;
    margin-right: auto;
}

#regist_step1 {
	background-image: url(/img/regist_step1.jpg);
}

#regist_step2 {
    background-image: url(/img/regist_step2.jpg);
}

#regist_step3 {
    width: 639px;
    height: auto;
}

#regist_step4 {
    background-image: url(/img/regist_step4.jpg);
}

.regist_body .regist_step1_address {
	font-size: 100%;
	width: 230px;
	position: absolute;
	top: 277px;
	left: 310px;
}

.regist_body .regist_button {
    position: absolute;
    top: 307px;
    left: 433px;
}

.regist_body .regist_step1_button {
    position: absolute;
    top: 310px;
    left: 455px;
}

.send_address {
	font-size: 25px;
	font-weight: bold;
	color: red;
	position: absolute;
    top: 135px;
    left: 125px;
}

.regist_body .regist_step3_button {
	width: 79px;
    margin-left: auto;
    margin-right: auto;
}
.regist_body .regist_prof_button {
	width: 103px;
	height: 21px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    padding-bottom: 3px;
}
.regist_body .regist_prof_button img {
    border: 0px;
}
.regist_body .regist_step3_button img {
    border: 0px;
}
.regist_body .regist_step4_button {
    position: absolute;
    top: 130px;
    left: 110px;
}

.regist_body .regist_step4_button img{
	border: 0px;
}

.regist_body .regist_body_header {
	width: 639px;
	height: 284px;
	background-image: url(/img/regist_step3_header.jpg);
}

.regist_body .regist_body_body {
    width: 639px;
    height: auto;
    background-image: url(/img/regist_step3_body.jpg);
}

.regist_body .regist_form{
	width: 600px;
    margin: auto;
    border: 1px solid black;
}

.regist_form_arrow {
	width: 45px;
	height: 23px;
	background-image: url(/img/regist_step3_form_arrow.jpg);
	position: relative;
    top: -1px;
    margin-left: auto;
    margin-right: auto;
}

.regist_body .regist_body_footer {
    width: 639px;
    height: 30px;
    background-image: url(/img/regist_step3_footer.jpg);
}

.regist_body .regist_form .regist_top_error {
	margin-top: 5px;
}

.regist_body .regist_form table {
	border: 0px;
	font-size: 80%;
	margin-left: auto;
    margin-right: auto;
}

.regist_body .regist_form table th {
    border: 0px;
    
}

.regist_body .regist_form table .regist_table_title {
	width: 145px;
	vertical-align: top;
}

.regist_body .regist_form table .regist_table_title_error{
    width: 145px;
    vertical-align: top;
    color: red;
}

.regist_body .regist_form table .regist_table_kome {
    font-size: 87%;
    font-weight: normal;
}

.regist_body .regist_form .area_long {
	width: 270px;
}

.regist_body .regist_form .area_short {
    width: 180px;
}

.private_data_return {
	width: 106px;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.private_data_return img {
	border: 0px;
}

#remind_step1 {
    background-image: url(/img/remind_step1.jpg);
}

#remind_step2 {
    background-image: url(/img/remind_step2.jpg);
}

#remind_step3 {
    background-image: url(/img/remind_step3.jpg);
}

#remind_step3 .remind_step3_answer {
	font-size: 85%;
    width: 240px;
    position: absolute;
    top: 272px;
    left: 303px;
}

#remind_step3 .remind_step3_question {
    font-size: 100%;
    font-weight: bold;
    position: absolute;
    top: 165px;
    left: 50px;
    color: red;
}

#remind_step3 .remind_step3_button {
    position: absolute;
    top: 320px;
    left: 455px;
}

#remind_step4 {
    width: 639px;
    height: auto;
}

#remind_step4 .remind_step4_header {
	width: 639px;
    height: 284px;
    background-image: url(/img/remind_step4_header.jpg);
}

#remind_step4 .remind_step4_body {
    width: 639px;
    height: auto;
    background-image: url(/img/regist_step3_body.jpg);
}

#remind_step4 table{
	width: 360px;
    border: 0px;
    font-size: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;;
}

#remind_step5 {
    background-image: url(/img/remind_step5.jpg);
}

.regist_body .unregist_body_header {
    width: 639px;
    height: 284px;
    background-image: url(/img/unregister.jpg);
}

.regist_body .unregist_body_header2 {
    width: 639px;
    height: 284px;
    background-image: url(/img/unregister2.jpg);
}

#unregist_body_header3 {
    
    background-image: url(/img/unregister3.jpg);
}
/*--------------------------------------------------------------
    privacy
-------------------------------------------------------------*/
#privacy_wrapper{
    width: 500px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border: 3px solid #373737;
    background-color: #fff;
    overflow: auto;
}
#privacy_header{
    font-size: 1.13em;
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 12px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
}
#privacy_content{
    width: 430;
}
#privacy_content li{
	line-height: 1.5em;
	font-size: 10pt;
}
#privacy_content ol{
	line-height: 1.5em;
	font-size: 10pt;
}
#privacy_content ul{
	margin-left: 20px;
	line-height: 1.5em;
	font-size: 10pt;
}
.privacy_title{
    font-size: 1em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BBB;
    margin-left: 3px;
    margin-top: 20px;
    font-weight: bold;
}
#privacy_content p{
    line-height: 1.52em;
	font-size: .83em;
    margin: 6px 10px 12px 20px;
}
/*--------------------------------------------------------------
    intro
-------------------------------------------------------------*/
#intro_wrapper{
    width: 600px;
    border: 3px solid #373737;
    background-color: #fff;
    overflow: auto;
}
#intro_content1{
    width: 520px;
    padding: 10px 10px 0px 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#intro_content2{
    width: 520px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e1e1e1;
	margin-bottom: 10px;
}
#intro_title{
    background-image: url(/img/intro_title.gif);
    background-repeat: no-repeat;
    width: 580;
    height: 40;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 8px 0px 10px 12px;
	margin-top:10px;
	margin-bottom: 10px;
	text-align: center;
}
.intro_title_sub{
    font-size: 1em;
    line-height: 120%;
    margin-top: 7px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-weight: bold;
    color: #646464;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #b1b1b1;
    width: 440px;
}
.intro_txt{
    font-size: 0.8em;
    line-height: 140%;
    color: #51952c;
    width: 405px;
    margin-left: 20px;
    margin-bottom: 24px;
    padding: 5px;
}
/*--------------------------------------------------------------
    ban
-------------------------------------------------------------*/
#ban{
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#banlarge{
	margin: 20px 0px 50px 0px;
	font-weight: bold;
	font-size: 2.2em;
}
#bancontents{
	width: 600px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.upgradecontents{
	width: 600px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #afafaf;
	padding: 22px 40px 22px 40px;
}
#maintenance_contents{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background:#ffffff url('/img/maintenance.jpg') no-repeat left bottom;
	overflow: auto;
}
#maintenance_contents_right{
	width: 350px;
	text-align: center;
	float: right;
	font-size: .85em;
	color: #313131;
}
#maintenance_twitter{
	width: 250px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6em;
	font-size: 1.2em;
	padding: 12px;
	font-weight: bold;
	border: 6px dotted #8c8c8c;
}

/*--------------------------------------------------------------
    開発用
-------------------------------------------------------------*/

div#chat_call {
    width: 160px;
    background-color: #5555ff;
    margin: 5px 0px 0px 0px;
}

div.selection {
    width: 150px;
    margin: 5px 0px 0px 5px;
    background-color: #99ff99;
    text-align:center;
}