@charset "UTF-8";

/* ---------------------------------------- */
/* close 準備中 */
.index_regist_btn {
	background-image:url(../image/common/new_account_2.png);
}

/* ---------------------------------------- */
/* フォント */
.font_red   {color:#ee4444;}
.font_blue  {color:#4444ee;}
.font_green {color:#44ee44;}


/* ---------------------------------------- */
/* 共通 */

/* color */
.colGreen {color:#22bb22;}
.colRed   {color:#cc2222;}
.colBlue  {color:#2222bb;}
.colOrange{color:#cc7722;}
.colPink  {color:#cc44aa;}
.colGray  {color:#777777;}

.bgc_red  {background-color:#ffccc0;}


/* display:none; */
.none {
	display:none !important;
}

/* ヘッドライン */
h3.cf_def_h3 {
	margin: 6px 0 2px 0;
	padding:0 0 0 18px;
	width:300px;
	color:#497500;
	font-size:15px;
	background:url(../image/common/bbs_h3_bg.gif) center left no-repeat;
	clear:both;
}
/* ボタン */

button.cf_def_btn {
	width:70px;
	height:33px;
	margin:0;
	padding:0;
	background:url(../image/common/bbs_button.gif) top left no-repeat;
	background-position:-1px -1px;
	color:#335F19;
	cursor:pointer;
	position:relative;
}
button.cf_def_btn:not(\*|*){ /*-Opera用-*/
	padding:9px 0 0;
}
button.cf_def_btn:hover {
	background-position:-1px -36px;
	color:#D18000;
}

/* 共通ボタン */
button.long_b.gray{
	background-position:-2px -219px;
	cursor:default;
	color:#aaa;
}

button.normal_b.gray{
	background-position:-71px -139px;
	cursor:default;
	color:#aaa;
}

/* ミニボタン */
button.minibtn {
	margin: 2px;
	padding: 0;
	width: 38px;
	height: 18px;
	background: url("../image/common/ip_button.gif") no-repeat scroll -1px -1px transparent;
	color: #335F19;
	font-size: 11px;
	text-align: center;
}
button.minibtn:hover{
	background-position:-1px -21px;
	color:#D5620C;
}

/* 長いボタン */
button.longbtn {
	margin: 3px;
	padding: 0 0 3px;
	width: 125px;
	height: 21px;
	background-image:url(../image/common/mp_button.gif);
	background-position: -2px -47px;
	color: #335F19;
	font-size: 13px;
	text-align: center;
}
button.longbtn:hover{
	background-position: -2px -70px;
	color:#D5620C;
}
button.longbtn:not(\*|*){ /*-Opera用-*/
	padding:4px 0 0;
}
*+html button.longbtn{/*-IE用0105-*/
	padding:1px 0 0;
}
button.longbtn.gray {
	background-position: -2px -219px;
	color: #aaaaaa;
	cursor:default;
}
button.longbtn.gray:hover {
	color: #aaaaaa;
}

/* オレンジデカボタン */
button.bigbtn {
	background-image: -moz-linear-gradient(center top , #ffc93c, #d4a71c);
	border: 1px solid #77470e;
	border-radius: 4px;
	box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.7) inset, 0 -1px 0 1px rgba(138, 111, 28, 0.7) inset;
	color: #382207;
	cursor: pointer;
	font-size: 21px;
	font-weight: bold;
	height: 40px;
	margin: 10px auto;
	padding: 0;
	display: block;
	width: 75%;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.7), 1px 0 1px rgba(255, 255, 255, 0.7), 0 1px 1px rgba(255, 255, 255, 0.7), -1px 1px 1px rgba(255, 255, 255, 0.7);
	float: none !important;
}



/* ランクアイコン追加 */
ul.p_icon li.i011{ /* ☆2 */
	background:url(../image/common/i011.gif) top right no-repeat;
}
ul.p_icon li.i012{ /* ☆3 */
	background:url(../image/common/i012.gif) top right no-repeat;
}
ul.p_icon li.i013{ /* ☆4 */
	background:url(../image/common/i013.gif) top right no-repeat;
}


/* カーソル形状 */
.cur_d {
	cursor: default;
}
.cur_p {
	cursor: pointer;
}


/* ---------------------------------------- */
/* ヘルプ追加 */

div.help_data div.qamsg{
	margin:0 10px 10px 10px;
	padding:0 0 8px 0;
	border-bottom:1px solid #569F1F;
	font-size:12px;
}
div.help_data h3.qa{
	border-bottom:0px;
}
div.help_data div.qa{
	margin:0 10px 2px;
	border-bottom:1px solid #569F1F;
	display:none;
}

/* ---------------------------------------- */
/* 下校ボタン */
#cf_closedlg {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	/*
	width: 200px;
	height: 88px;
	*/
	left: 445px;
	top: 80px;
	z-index:1000;
	border:2px solid #497500;
	background: #ffffff;
	-webkit-border-radius: 6px;	/* Safari,Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	border-radius: 6px;			/* CSS3 Draft */
	-moz-box-shadow: 2px 2px 2px 1px rgba(100,120,100,0.5);		/* Safari,Chrome */
	-webkit-box-shadow: 2px 2px 2px 1px rgba(100,120,100,0.5);	/* Firefox */
	box-shadow: 2px 2px 2px 1px rgba(100,120,100,0.5);			/* CSS3 Draft */
	display:none;
}
#cf_closedlg .close {
	margin: 0;
	padding: 0;
	background-color: #EEF5DF;
	text-align:right;
	-webkit-border-radius: 6px;	/* Safari,Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	border-radius: 6px;			/* CSS3 Draft */
}
#cf_closedlg .close button {
	margin: 2px;
}
#cf_closedlg button.btn{
	margin: 6px;
	padding: 0;
	text-indent:-99999px;
	width:72px;
	height:50px;
	cursor:pointer;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
#cf_closedlg button.btn.logout{
	background-image:url(../image/common/logout_button.gif);
	background-position:-1px -1px;
	background-color:transparent;
}
#cf_closedlg button.btn.reload{
	background-image:url(../image/common/reload_button.gif);
	background-position:-1px -1px;
	background-color:transparent;
}
#cf_closedlg button.btn.to_pc{
	background-image:url(../image/common/to_sp_button.gif);
	background-position:-1px -1px;
	background-color:transparent;
}
#cf_closedlg button:hover.btn{
	background-position:-1px -52px;
}
#cf_closedlg button:active.btn{
	background-position:-1px -103px;
}
#cf_closedlg .btn.left{
	left: 16px;
	top: 30px;
}
#cf_closedlg .btn.right{
	left: 112px;
	top: 30px;
}
/* 外部用 */
button#cf_logout_btn.outside {
	background-image: url("../image/common/logout_button2.gif");
}
#cf_closedlg button.btn.logout.outside {
	background-image: url("../image/common/logout_button2.gif");
}


/* ---------------------------------------- */
/* アラート系 2013.08.12 */
/* ベース */
#cf_alert {
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background:url(../image/common/halfdark.png) repeat;
	position: fixed;
	z-index: 500;
}
/* ダイアログ */
#cf_alert_dlg {
	margin: 15% auto;
	padding: 2px;
	width: 400px;
	border: 2px solid #497500;
	background-color: #ffffff;
	color: #3f6408;
	-webkit-border-radius: 6px;	/* Safari,Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	border-radius: 6px;			/* CSS3 Draft */
}
#cf_alert_dlg h1 {
	margin: 4px 0 0;
	padding: 8px 2px 0 5px;
	background: url("../image/common/green_gradation.gif") repeat-x scroll left top transparent;
	color: #467B25;
	font-size: 16px;
	height: 30px;
}
#cf_alert_dlg p {
	margin: 12px;
	padding: 0;
}
#cf_alert_dlg div.btn {
	margin: 4px;
	padding: 0;
	width: 100%;
	text-align:center;
}
#cf_alert_dlg div.btn button {
	margin: 2px 24px;
}


/* ---------------------------------------- */
/* 放送・チャイムボタン */
button#cf_chime_btn{
	margin: 0;
	padding: 0;
	width: 29px;
	height: 19px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:10;
	background-color:transparent;
}


/* ---------------------------------------- */
/* 新ランクアイコン	2013.06.11 */

/* base */
ul.p_icon { background: url("../image/common/i000.png") repeat-x scroll right top transparent !important; }
/* icon */
ul.p_icon li.i001 { background: url("../image/common/i001.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i002 { background: url("../image/common/i002.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i003 { background: url("../image/common/i003.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i004 { background: url("../image/common/i004.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i005 { background: url("../image/common/i005.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i006 { background: url("../image/common/i006.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i007 { background: url("../image/common/i007.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i008 { background: url("../image/common/i008.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i009 { background: url("../image/common/i009.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i010 { background: url("../image/common/i010.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i011 { background: url("../image/common/i011.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i012 { background: url("../image/common/i012.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i013 { background: url("../image/common/i013.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i014 { background: url("../image/common/i014.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i015 { background: url("../image/common/i015.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i016 { background: url("../image/common/i016.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i017 { background: url("../image/common/i017.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i018 { background: url("../image/common/i018.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i019 { background: url("../image/common/i019.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i020 { background: url("../image/common/i020.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i021 { background: url("../image/common/i021.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i022 { background: url("../image/common/i022.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i023 { background: url("../image/common/i023.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i024 { background: url("../image/common/i024.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i025 { background: url("../image/common/i025.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i026 { background: url("../image/common/i026.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i027 { background: url("../image/common/i027.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i028 { background: url("../image/common/i028.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i029 { background: url("../image/common/i029.png") no-repeat scroll right top transparent !important; }
ul.p_icon li.i100 { background: url("../image/common/i100.png") no-repeat scroll right top transparent !important; }


/* ---------------------------------------- */
/* 学生証 */

div.p_myface{
	height:100px;
	width:132px;
	position: relative;
	overflow: hidden;
}
div.p_myface img{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 18px;
	top: 0px;
}

p.p_right_free{
	text-align:right;
	margin:0 0 5px 0;
	padding:2px 5px 0 0;
	font-size:12px;
}
br.cl {
	clear:both;
}

div#cf_nowclass_div,
div#cf_spclass_div,
div#cf_spclassno_div {
	display:none;
}

p#cf_points_feather_ex, 
p#cf_nowclass_p,
p#cf_spclass_p {
	margin:0 2px 2px 2px;
	padding:2px;
	font-size:11px;
	text-align:center;
	color:#2F4801;
}
p#cf_points_feather_ex {
	border:1px solid #BAD365;
	display:none;
}
p#cf_spclass_p {
	border:0px;
	display:block;
}
p.spclass_blink {
	margin:-4px 0 2px 0;
	padding:0;
	font-size:10px;
	text-align:center;
	color:#f05070;
}

/* ※切り替えはclassで行う 2013.03.05
div#cf_points_work_div ,
div#cf_points_sp_div {
	display:none;
}
*/

div#cf_alerttext_div ,
div#cf_infotext_div {
	display:none;
}
div#cf_alerttext_div p ,
div#cf_infotext_div p {
	font-size:12px;
}
div#cf_alerttext_div p {
	font-weight:bold;
}

/* DELIVERY */
ul#cf_delivery_base {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #bad365;
}
ul#cf_delivery_base li {
	margin: 0 1px 3px 1px;
	padding: 0;
	text-align:center;
	border: 1px solid #bad365;
	-webkit-border-radius: 2px;	/* Safari,Chrome */
	-moz-border-radius: 2px;	/* Firefox */
	border-radius: 2px;			/* CSS3 Draft */
}
ul#cf_delivery_base li p {
	margin: 3px;
	padding: 0;
	font-size: 12px;
	text-align:left;
}
ul#cf_delivery_base li button {
	margin: 4px auto;
}



/* ---------------------------------------- */
/* 寮関連 */
div.r_base_div.mini {
	margin:0;
	padding:1px;
	width:422px;
}

/* 呼び鈴 */
div#or_bell_btn a.gray ,
div#or_bell_btn a.gray:hover {
	color:#666666;
	cursor:default;
	background-image: url("../image/common/button_choice_gray.png");
	background-position: -1px 0;
}

div#or_bell_btn a img {
	margin:0 3px;
	width:19px;
	height:19px;
	vertical-align:middle;
	background: url("../image/common/r_bell.gif") no-repeat scroll -1px -1px transparent;
}
div#or_bell_btn a img.open {
	background-position:-43px -1px;
}
div#or_bell_btn a img.close {
	background-position:-43px -43px;
}


/* 日記 */
div.r_diary.long {
	margin:0;
	width:auto;
	height:400px;
}

div.r_base_r.mini {
	width:280px;
}

ul.diary_menu li {
	float:left;
}

p#diary_entry_post {
	margin:-14px 4px 0 0;
	height: 14px;
	line-height:14px;
	color: #2F4801;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: right;
	position: static;
}

div.closet_base_div h3.entrance ,
div.r_base_div h3.entrance {
	height:20px;
	margin:3px 0 0;
	padding:4px 5px 0 5px;
	background:url(../image/common/r_entrance_h3.gif) top left no-repeat;
	color:#254900;
	font-size:12px;
	overflow:hidden;
}

div.photo_select {
	margin:3px 0 12px 0;
	padding:0;
}
div.photo_select select {
	margin:0;
	padding:1px;
	width:280px;
	border:1px solid #AECD79;
}
/* 廃止 2012.05.25
div.photo_select img {
	margin:0;
	padding:0;
	border:1px solid #AECD79;
	width:278px;
	height:156px;
	display:none;
}
*/
/* 写真ベース */
div#edit_entry_photoimg_div {
	display:none;
}

div.r_base_div.tab {
	margin:0;
	padding:0;
}

div.r_base_div ul.diary_menu li a {
	width:104px;
	background-image:url("../image/common/r_diary_menu2.gif");
	background-position:-1px -46px;
}
div.r_base_div ul.diary_menu li.select a{
	cursor:default;
}
div.r_base_div ul.diary_menu li.gray a{
	background-position:-1px -92px;
	color:#666666;
	cursor:default;
}

/* ×（閉じる）ボタン（小） ※伝言版も */
div.m_board_list button.close_btn ,
div.r_c_area button.close_btn {
	margin:4px;
	padding:0;
	height:14px;
	width:14px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	background-position:-124px -1px;
}
div.m_board_list button:hover.close_btn ,
div.r_c_area button:hover.close_btn {
	background-position:-124px -16px;
}


/* 日記写真表示 */
div.photobase.diary {
	margin: 12px 2px;
	width: 270px;
	height: 153px;
}



/* 日記リスト */
ul#edit_title_ul{
	height:292px;
	width:132px;
	overflow:auto;
	font-size:11px;
	margin:2px 0 0;
	list-style:none;
	border-bottom:#B0B9A7 1px dotted;
}
ul#edit_title_ul li {
	width:auto;
}

ul#edit_title_ul li a {
	width:auto;
	display:block;
	margin:0 0 2px;
	padding:4px 0 2px 5px;
	border-bottom:1px solid #769841;
	word-wrap:break-word;
}

ul#edit_title_ul li a:hover{
	background-color:#D2FCFC;
	color:#3F6408;
}

/* 設定 */
span#edit_set_usedate ,
span#edit_set_addroom {
	margin:3px 0 3px 20px;
	padding:0;
	font-size:14px;
}

button#edit_set_logclear {
	margin: 0 10px 8px 5px;
}

/* 部屋一覧 */
div#edit_set_usediv {
	display:none;
}

table#edit_set_usetable {
	margin:3px 0 3px 20px;
	padding:2px;
	border: 1px solid #AECD79;
	border-spacing: 0;
}
table#edit_set_usetable tr.l2 {
	background-color:#f0fff0;
}
table#edit_set_usetable tr.ex {
	background-color:#fff0f0;
}
table#edit_set_usetable td {
	padding:2px 4px;
}
table#edit_set_usetable td.udate {
	padding:2px 0 2px 16px;
	width:220px;
}


/* アイテムボックス */
div.closet_base_div.ibox {
	height: auto;
}


/* ---------------------------------------- */
/* 特進用 */

span#sphistory_owner_error ,
span#sphistory_owner_warning,
span#sphistory_setlist_error,
span#spranking_class_error,
span#spranking_class_error_lw {
	margin:2px 0 2px 24px;
	font-size:13px;
	display:none;
}

div.r_base_div table.spclass {
	margin:2px 0 2px 24px;
	padding:2px;
	border:1px solid #AECD79;
	border-spacing:0;
	font-size:13px;
}
div.r_base_div table.spclass th {
	width:80px;
	margin:0;
	padding:2px;
}
div.r_base_div table.spclass th.mini {
	width:60px;
}
div.r_base_div table.spclass tr {
	margin:0;
	padding:0;
}
div.r_base_div table.spclass td {
	margin:0;
	padding:2px;
}
div.r_base_div table.spclass tr.l2 {
	background-color:#f0fff0;
}
div.r_base_div table.spclass tr.me {
	background-color:#fff0f0;
}
div.r_base_div table.spclass .txt_r {
	text-align:right;
}

div#sphistory_owner_info {
	width:380px;
	margin:2px 0 2px 24px;
	padding:2px;
	border:none;
	font-size:13px;
	line-height:18px;
}



/* ---------------------------------------- */
/* 各種設定 */

div.set_up_menu p button.mini{
	margin:0;
	padding:0 0 2px;
	width:52px;
	height:21px;
	font-size:13px;
	color:#335F19;
	cursor:pointer;
	background-image:url(../image/common/setting_btn.gif);
	background-position:0px -1px;
	background-color:transparent;
}
div.set_up_menu p button:hover.mini{
	color:#D5620C;
	background-position:0px -24px;
}
div.set_up_menu p button.mini_gray{
	margin:0;
	padding:0 0 2px;
	width:52px;
	height:21px;
	font-size:13px;
	color:#aaaaaa;
	cursor:default;
	background-image:url(../image/common/setting_btn.gif);
	background-position:0px -47px;
}
div.set_up_menu p button.mini_sel{
	margin:0;
	padding:0 0 2px;
	width:52px;
	height:21px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	cursor:default;
	background-image:url(../image/common/setting_btn.gif);
	background-position:0px -70px;
}



textarea#cf_setting_protxt {
	margin:0 0 0 10px;
	padding:0;
	width:300px;
	height:68px;
	border:1px solid #80A547;
	font-size: 12px;
}
div.input_txt input.radio {
	width:20px;
	border:none;
	background:#ffffff;
}

div.input_txt label {
	margin:0 0 2px 0;
	padding:1px 0 1px;
	text-align:right;
	width:138px;
	clear: both;
}

input.setting_txt{ 
	width:140px;
	left:310px;
	position:absolute;
	border:1px solid #80A547;
	background:#FCFFF5 url(../image/common/setup_form_bg.gif) top left no-repeat;
}
.setting_fr{
	text-align:right;
	width:138px;
	margin:0 5px 0 0;
}

div#cfs_quit_ok {
	display:none;
}

/* ---------------------------------------- */
/* 会話窓 */

.mp_id_l {
	height: 284px;
}
.mp_id_rtop {
	height: 230px;
}
div#cf_wchat_pnt_wldiv ,
div#cf_wchat_pnt_spdiv {
	display:none;
}

.mp_idface2{
	height:112px;
	width:140px;
	position: relative;	/* 子の位置を指定するために必要 */
	margin:0 0 0 1px;
	background:url(../image/common/mp_idface.gif) top left no-repeat;
}
.mp_idface2 img{
	margin:0;
	padding:0;
	position: absolute;
	left: 20px;
	top: 2px;
}

div#cf_wchat_profdata {
	margin:4px 0 0;
	padding:2px;
	width:285px;
	/*-height:55px;-*/
	font-size: 11px;
	overflow: auto;
	border:0px solid #80a547;
	background-color:#f3f7e8;
	display:none;
/*-12_08追加-*/
	margin-bottom:5px;
	min-height:55px;
	max-height:180px;
}
div#cf_wchat_profdata a {
	font-size:8px;
	color:#ff6666;
	cursor:pointer;
}
div.mp_id_r div.mp_id_rbottom p {
	background-image: url("../image/common/mp_pictxt_wchat.gif");
}

/* 全身表示ボタン */
button#cf_myface_btn ,
button#cf_charview_btn {
	margin: 0;
	padding: 0;
	width: 19px;
	height: 23px;
	background:transparent url(../image/common/charview_btn.gif) no-repeat;
	background-position:0px 0px;
	position: absolute;
	z-index: 10;
}
button#cf_myface_btn.color_b ,
button#cf_charview_btn.color_b {
	background:transparent url(../image/common/charview_btn_b.gif) no-repeat;
}
button#cf_myface_btn.color_c ,
button#cf_charview_btn.color_c {
	background:transparent url(../image/common/charview_btn_c.gif) no-repeat;
}
div.color_b button#cf_myface_btn ,
div.color_b button#cf_charview_btn {/*-13_04追加-*/
	background:transparent url(../image/common/charview_btn_b.gif) no-repeat;
}
div.color_c button#cf_myface_btn ,
div.color_c button#cf_charview_btn {/*-13_04追加-*/
	background:transparent url(../image/common/charview_btn_c.gif) no-repeat;
}
button#cf_myface_btn {
	left: 112px;
	top: 75px;
}
button#cf_charview_btn {
	left: 112px;
	top: 83px;
}

button:hover#cf_myface_btn ,
button:hover#cf_charview_btn {
	background-position:-19px 0px;
}

/* ミュージック再生ボタン */
button#cf_mymusic_btn ,
button#cf_charmusic_btn {
	margin: 0;
	padding: 0;
	width: 19px;
	height: 23px;
	background:transparent url(../image/common/charmusic_btn.gif) no-repeat;
	background-position:0px 0px;
	position: absolute;
	z-index: 10;
	display: none;
}
button#cf_mymusic_btn.color_b ,
button#cf_charmusic_btn.color_b {
	background:transparent url(../image/common/charmusic_btn_b.gif) no-repeat;
}
button#cf_mymusic_btn.color_c ,
button#cf_charmusic_btn.color_c {
	background:transparent url(../image/common/charmusic_btn_c.gif) no-repeat;
}
div.color_b button#cf_mymusic_btn,
div.color_b button#cf_charmusic_btn{/*-13_04追加-*/
	background:transparent url(../image/common/charmusic_btn_b.gif) no-repeat;
}
div.color_c button#cf_mymusic_btn,
div.color_c button#cf_charmusic_btn{/*-13_04追加-*/
	background:transparent url(../image/common/charmusic_btn_c.gif) no-repeat;
}
button#cf_mymusic_btn {
	left: 5px;
	top: 75px;
}
button#cf_charmusic_btn {
	left: 8px;
	top: 83px;
}

button:hover#cf_mymusic_btn ,
button:hover#cf_charmusic_btn {
	background-position:-19px 0px;
}


/* ---------------------------------------- */
/* 全身表示 */

div#cf_cview_base {
	border-bottom:#BAD365 1px solid;
	border-top:#BAD365 1px solid;
	margin:5px 0 5px;
	position: relative;
	height: 510px;
}

/* キャラ */
div#cf_cview_charbase {
	margin: 0;
	padding: 0;
	width: 216px;
	height: 506px;
	border-right:#BAD365 1px solid;
	position: absolute;
	left: 2px;
	top: 2px;
}
div#cf_cview_char {
	margin: 0;
	padding: 0;
	width: 216px;
	height: 432px;
	position: absolute;
	left: 0px;
	top: 50px;
	overflow:hidden;
	z-index: 1;

}
div#cf_cview_char img.waiticon {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 96px;
	top: 234px;
}

/* 得意教科 */
div#cf_cview_charbase div.favosub {
	margin: 0px;
	padding: 3px;
	width: 88px;
	height: 38px;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #85a269;
	background: #c2d78d;
	z-index: 10;
	-webkit-border-radius: 5px;	/* Safari,Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border-radius: 5px;			/* CSS3 Draft */
}

/* ハートアイコン・矢アイコン */
div#cf_cview_charbase div#cf_cview_hearticon ,
div#cf_cview_charbase div#cf_cview_arrowicon {
	margin: 0px;
	padding: 0px;
	width: 112px;
	height: 20px;
	position: absolute;
	left: 98px;
	overflow:hidden;
	border: 1px solid #c2d78d;
	z-index: 30;
	-webkit-border-radius: 5px;	/* Safari,Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border-radius: 5px;			/* CSS3 Draft */
}
div#cf_cview_charbase div#cf_cview_hearticon {
	top: 0px;
}
div#cf_cview_charbase div#cf_cview_arrowicon {
	top: 25px;
}
div#cf_cview_charbase div#cf_cview_hearticon img {
	margin: 4px 3px 0 3px;
	padding: 0px;
}
div#cf_cview_charbase div#cf_cview_arrowicon img {
	margin: 5px 0px 0 3px;
	padding: 0px;
}

/* アニメーション用矢アイコン */
img#cf_cview_angelarrow {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 15px;
	top: 480px;
	z-index: 10;
}


/* エンジェルボタン */
button#cf_cview_angelbtn {
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 2px;
	bottom: 4px;
	z-index: 20;
	border: 2px solid #6db949;
	background: url(../image/common/angel_arrow.png) bottom right no-repeat;
	background-color:#ffffff;
	-webkit-border-radius: 3px;	/* Safari,Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	border-radius: 3px;			/* CSS3 Draft */
}
button:hover#cf_cview_angelbtn {
	border: 2px solid #e9a915;
	background-color:#ffeebb;
}
span#cf_cview_angelspan {
	margin: 0px;
	padding: 0px;
	left: 40px;
	bottom: 4px;
	position: absolute;
	font-size:12px;
	color: #ee5577;
}

/* 情報 */
div#cf_cview_info {
	margin: 0;
	padding: 0;
	width: 216px;
	height: 432px;
	border:0;
	position: absolute;
	left: 221px;
	top: 2px;
}

div#cf_cview_info div.charname {
	margin: 2px 0 0 2px;
	padding: 3px;
	width: 210px;
	height: 52px;
	background:url(../image/common/charview_name.gif);
}

div#cf_cview_info div.charname p ,
div#cf_cview_charbase div.favosub p {
	margin: 1px 4px;
	padding: 0;
	color:#254900;
	line-height: 16px;
	font-size:12px;
}
div#cf_cview_info div.charname img {
	margin: 1px 4px 0 4px;
	padding: 0;
	float:left;
	vertical-align: middle;
	width:16px;
	height:20px;
}

button#cf_cview_close {
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-85px -1px;
	position: absolute;
	z-index: 10;
	left: 196px;
	top: 4px;
	background-color:transparent;/*-←1304追加-*/
}
button:hover#cf_cview_close {
	background-position:-105px -1px;
}

div#cf_cview_info div.charprof {
	margin: 5px 0 0 2px;
	width: 216px;
}
div#cf_cview_info div.charprof textarea {
	margin: 0;
	width: 214px;
	height: 82px;
	/* border: 2px solid #bbdd88; */
	border: 1px solid #80a547;
	overflow:auto;
	line-height:14px;
	font-size:12px;
}

div#cf_cview_info div.charprof p {
	margin: 0;
	padding: 2px 1px;
	color:#254900;
	font-size:12px;
}
div#cf_cview_info div.charprof ul {
	margin: 0;
	width: 214px;
	height: 220px;
	/* order: 2px solid #bbdd88; */
	border: 1px solid #80a547;
	list-style:none;
	overflow:auto;
}
div#cf_cview_info div.charprof ul li {
	margin: 2px;
	padding: 0;
	height: 45px;
	border-bottom:#BAD365 1px solid;
}
div#cf_cview_info div.charprof ul li img {
	margin: 1px 4px;
	padding: 0;
	float:left;
	vertical-align: middle;
	width:40px;
	height:40px;
	border: 1px solid #bbdd88;
}
div#cf_cview_info div.charprof ul li p {
	margin: 0;
	padding: 4px 0 0 0;
	color:#254900;
	line-height:14px;
	font-size:12px;
}

div#cf_cview_info div.charprof button {
	margin: 5px 0 0 45px;
}

/* タブ */
ul#cf_cview_clublist,
ul#cf_cview_parameter {
	display: none;
}

div#cf_cview_info div.charprof ul.charprof_tab {
	margin: 0 0 -2px 0;
	width: 214px;
	height: 18px;
	border:0px;
	list-style:none;
	overflow:hidden;
	position:relative;
}
div#cf_cview_info div.charprof ul.charprof_tab li {
	margin:0 2px 0px 3px;
	padding:0;
	height: 18px;
	background:url(../image/common/ip_navi_br.gif) bottom right no-repeat;
	font-size:11px;
	text-align:left;
	list-style:none;
	float:left;
}
div#cf_cview_info div.charprof ul.charprof_tab.mini li {
	margin:0 1px 0px 1px;
}
div#cf_cview_info div.charprof ul.charprof_tab li img {
	margin: 0px 0px;
	padding: 0;
	width: 16px;
	height: 17px;
	border: none;
}

div#cf_cview_info div.charprof ul.charprof_tab li a {
	margin:0;
	padding:3px 8px 0 7px;
	background:url(../image/common/ip_navi_bl.gif) bottom left no-repeat;
	line-height:14px;
	height:15px;
	display:block;
}
div#cf_cview_info div.charprof ul.charprof_tab li a:hover {
	color:#0C6DB7;
	background:url(../image/common/ip_navi_bl_over.gif) bottom left no-repeat;
}
div#cf_cview_info div.charprof ul.charprof_tab li:hover {
	color:#0C6DB7;
	background:url(../image/common/ip_navi_br_over.gif) bottom right no-repeat;
}
div#cf_cview_info div.charprof ul.charprof_tab li.sel_tab a {
	color:#335F19;
	background:url(../image/common/ip_navi_bl_sel.gif) bottom left no-repeat;
	cursor:auto;
}
div#cf_cview_info div.charprof ul.charprof_tab li.sel_tab {
	background:url(../image/common/ip_navi_br_sel.gif) bottom right no-repeat;
}

textarea#cf_cview_profile a {
	font-size:8px;
	color:#ff6666;
	cursor:pointer;
}

/* サイズ変更 2013.05.02 */
div#cf_cview_info div.charprof ul.long {
	height:280px;
}

/* 能力値 */
div#cf_cview_info div.charprof ul#cf_cview_parameter li {
	height: auto;
}
div#cf_cview_info div.charprof ul#cf_cview_parameter p {
	margin: 2px 0px 1px 2px;
	padding:0;
	font-size: 11px;
}
ul#cf_cview_parameter div {
	margin: 1px 0 2px 2px;
	padding: 0;
	width: 180px;
	height: 8px;
	border-left: 1px solid #80a547;
	border-top: 1px solid #80a547;
	border-right: 1px solid #bad365;
	border-bottom: 1px solid #bad365;
	background-color:#aaaaaa;
}
div#cf_cview_info div.charprof ul#cf_cview_parameter img {
	margin: 0;
	padding: 0;
	height: 8px;
	border: none;
	background-color:#ffaa99;
}

/* 天使ボタン */
div#cf_cview_info div.charprof ul#cf_cview_angelcnt {
}
div#cf_cview_info div.charprof ul#cf_cview_angelcnt li {
	margin: 4px 0 0 0;
	padding: 0;
	height: auto;
}
ul#cf_cview_angelcnt dl {
	margin: 0;
	padding: 0;
}
ul#cf_cview_angelcnt dl dt {
	margin: 0 6px 0 0;
	padding: 0;
	width: 38px;
	font-size: 11px;
	text-align: right;
	float: left;
}
ul#cf_cview_angelcnt dl dd {
	margin: 0;
	padding: 0;
}
div#cf_cview_info div.charprof ul#cf_cview_angelcnt img {
	margin: 1px 2px;
	padding: 0;
	width: 8px;
	height: 8px;
	border: none;
}


/* 色調整 */
/*-1304追加▼-*/
/*-色設定（color_b＝ピンク）-*/
div#cf_cview_base.color_b {
	border-bottom-color:#fac6e8;
	border-top-color:#fac6e8;
}

div.color_b button#cf_cview_angelbtn {
	border: 2px solid #df637b;
}
div.color_b button:hover#cf_cview_angelbtn {
	border: 2px solid #e9a915;
	background-color:#ffeebb;
}

div.color_b div#cf_cview_charbase {
	border-right:#d889b3 1px solid;
}

div.color_b div#cf_cview_charbase div.favosub {
	border: 1px solid #d889b3;
	background: #fccfec;
}
div.color_b div#cf_cview_charbase div#cf_cview_hearticon ,
div.color_b div#cf_cview_charbase div#cf_cview_arrowicon {
	border: 1px solid #fccfec;
}

div.color_b div#cf_cview_char {
	border-right-color:#fac6e8;
}
div.color_b div#cf_cview_info div.charname {
	border-radius:6px;
	padding:2px;
	background:#fccfec;
	border:1px solid #d889b3;
}
div.color_b div#cf_cview_info div.charname p {
	color:#7c3465;
}
div.color_b button#cf_cview_close {
	background-position:-85px -21px;
}
div.color_b button:hover#cf_cview_close {
	background-position:-105px -1px;
}
div.color_b div#cf_cview_info div.charprof textarea {
	border:1px solid #d889b3;
}
div.color_b div#cf_cview_info div.charprof ul {
	border-color:#d889b3;
}
div.color_b div#cf_cview_info div.charprof ul li {
	border-bottom-color:#ecb6e2;
}
div.color_b div#cf_cview_info div.charprof ul li img {
	border-color:#f5d0e8;
}
div.color_b div#cf_cview_info div.charprof ul li p {
	color:#5d074a;
}
/* タブ */
div.color_b div#cf_cview_info div.charprof ul.charprof_tab li a:hover {
	color:#0C6DB7;
	background:url(../image/common/ip_navi_bl_over.gif) bottom left no-repeat;
}
div.color_b div#cf_cview_info div.charprof ul.charprof_tab li:hover {
	color:#0C6DB7;
	background:url(../image/common/ip_navi_br_over.gif) bottom right no-repeat;
}
div.color_b div#cf_cview_info div.charprof ul.charprof_tab li {
	color:#7c3465;
	background:url(../image/common/ip_navi_br_b.gif) bottom right no-repeat;
}
div.color_b div#cf_cview_info div.charprof ul.charprof_tab li a {
	background:url(../image/common/ip_navi_bl_b.gif) bottom left no-repeat;
}
div.color_b div#cf_cview_info div.charprof ul.charprof_tab li.sel_tab a {
	color:#99596c;
	background:url(../image/common/ip_navi_bl_sel_b.gif) bottom left no-repeat;
}
div.color_b div#cf_cview_info div.charprof ul.charprof_tab li.sel_tab {
	background:url(../image/common/ip_navi_br_sel_b.gif) bottom right no-repeat;
}
div.color_b button.long_b{
	background-position:-2px -299px;
	color:#961f45;	
	}
div.color_b button.long_b:hover{
	background-position:-2px -70px;
	color:#d5620c;	
	}
/*-色設定（color_c＝青）-*/
div#cf_cview_base.color_c {
	border-bottom-color:#99dbee;
	border-top-color:#99dbee;
}

div.color_c button#cf_cview_angelbtn {
	border: 2px solid #85bae5;
}
div.color_c button:hover#cf_cview_angelbtn {
	border: 2px solid #e9a915;
	background-color:#ffeebb;
}

div.color_c div#cf_cview_charbase {
	border-right:#99dbee 1px solid;
}
div.color_c div#cf_cview_charbase div.favosub {
	border: 1px solid #5a99c0;
	background: #a3d6ea;
}
div.color_c div#cf_cview_charbase div#cf_cview_hearticon ,
div.color_c div#cf_cview_charbase div#cf_cview_arrowicon {
	border: 1px solid #a3d6ea;
}

div.color_c div#cf_cview_char {
	border-right-color:#99dbee;
}
div.color_c div#cf_cview_info div.charname {
	border-radius:6px;
	padding:2px;
	background:#a3d6ea;
	border:1px solid #5a99c0;

}
div.color_c div#cf_cview_info div.charname p {
	color:#2a5273;
}
div.color_c button#cf_cview_close {
	background-position:-105px -21px;
}
div.color_c button:hover#cf_cview_close {
	background-position:-105px -1px;
}
div.color_c div#cf_cview_info div.charprof textarea {
	border-color:#73a8c9;
}
div.color_c div#cf_cview_info div.charprof ul {
	border-color:#73a8c9;
}
div.color_c div#cf_cview_info div.charprof ul li {
	border-bottom-color:#99dbee;
}
div.color_c div#cf_cview_info div.charprof ul li img {
	border-color:#b1d8f2;
}
div.color_c div#cf_cview_info div.charprof ul li p {
	color:#214667;
}
/* タブ */
div.color_c div#cf_cview_info div.charprof ul.charprof_tab li a:hover {
	color:#0C6DB7;
	background:url(../image/common/ip_navi_bl_over.gif) bottom left no-repeat;
}
div.color_c div#cf_cview_info div.charprof ul.charprof_tab li:hover {
	color:#0C6DB7;
	background:url(../image/common/ip_navi_br_over.gif) bottom right no-repeat;
}
div.color_c div#cf_cview_info div.charprof ul.charprof_tab li {
	color:#1a3766;
	background:url(../image/common/ip_navi_br_c.gif) bottom right no-repeat;
}
div.color_c div#cf_cview_info div.charprof ul.charprof_tab li a {
	background:url(../image/common/ip_navi_bl_c.gif) bottom left no-repeat;
}
div.color_c div#cf_cview_info div.charprof ul.charprof_tab li.sel_tab a {
	color:#2a4e89;
	background:url(../image/common/ip_navi_bl_sel_c.gif) bottom left no-repeat;
}
div.color_c div#cf_cview_info div.charprof ul.charprof_tab li.sel_tab {
	background:url(../image/common/ip_navi_br_sel_c.gif) bottom right no-repeat;
}
div.color_c button.long_b{
	background-position:-2px -345px;
	color:#325082;	
	}
div.color_c button.long_b:hover{
	background-position:-2px -70px;
	color:#d5620c;	
	}	
/*-1304追加▲-*/



/* 顔アイコン生成 */
div#cf_faceout {
	position: relative;
	display: none;
}
div#cf_faceout p {
	margin: 4px 8px;
}
div#cf_faceout select {
	width: 80px;
	background: url("../image/common/setup_form_bg.gif") no-repeat scroll left top #FCFFF5;
	border: 1px solid #80A547;
}
div#cf_faceout a {
	right: 48px;
	bottom: 0px;
	position:absolute;
}
div#cf_faceout img {
	padding: 3px 9px 2px;
	height: 64px;
	width: 64px;
	background: url("../image/common/fp_simpleidface.gif") no-repeat scroll left top transparent;
}


/* 吹き出し	2014.06.07 */
/*
                   線    文字
	hukidasi_a : d871cc 5c3057
	hukidasi_m : 4aa0e9 2f597d
	hukidasi_n : ea963d 654728
	hukidasi_u : 89c130 4b6128 ※デフォ

*/
.chara_balloon {
	margin: 0px;
	padding: 0px;
	width: 130px;
	position: absolute;
	z-index: 10;
	border: 0px none;
	display: none;
}
.chara_balloon p {
	margin: 0px;
	padding: 2px;
	color: #4b6128;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	word-wrap: break-word;
	border: 2px solid #89c130;
	background: #ffffff;
	-webkit-border-radius: 6px;	/* Safari,Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	border-radius: 6px;			/* CSS3 Draft */
	-moz-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.5);		/* Safari,Chrome */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.5);	/* Firefox */
	box-shadow: 1px 2px 0px 0px rgba(0,0,0,0.5);			/* CSS3 Draft */
}
.chara_balloon span {
	margin: 0px auto;
	padding: 0px;
	width: 0px;
	height: 0px;
	display: block;
	border-top: 10px solid #89c130;
	border-right: 3px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 3px solid transparent;
}
/* デフォ */
.chara_balloon.user p {
	border: 2px solid #89c130 !important;
	color: #4b6128 !important;
}
.chara_balloon.user span {
	border-top: 10px solid #89c130;
}
/* 自分 */
.chara_balloon.me p {
	border: 2px solid #4aa0e9 !important;
	color: #2f597d !important;
}
.chara_balloon.me span {
	border-top: 10px solid #4aa0e9;
}
/* NPC */
.chara_balloon.npc p {
	border: 2px solid #ea963d !important;
	color: #654728 !important;
}
.chara_balloon.npc span {
	border-top: 10px solid #ea963d;
}



/* ---------------------------------------- */
/* アイテムリスト一部上書き */
div.ip_navi li a{
	padding:4px 9px 0 9px;
}

/* アイテムプレゼント */
#cf_mli_sendmail p span#cf_mli_chkhave {
	margin:0 0 0 10px;
	width:140px;
}


/* ---------------------------------------- */
/* フリーマーケット */

.bol14{
	font-size:14px;
	font-weight:bold;
	color:#5B7E3C;
}

/* ※アイテム一覧でも使用する */
div.ip_page_navi select {
	margin:0 20px;
	padding:0;
	width:150px;
	border:1px solid #859D64;
	display:none;
}

div.cf_fm_topdiv {
	margin:0;
	padding:2px 0 0 0;
	width:436px;
	height:56px;
	text-align:center;
	color:#335F19;
	background-color:#DDEEC0;
}
div.cf_mkt_setting {
	margin:4px;
	padding:0;
}
div.cf_mkt_setting div.title {
	margin:8px 4px;
	padding:0;
}
div.cf_mkt_setting div.title p {
	margin:0;
	padding:10px 0 6px 0;
	color:#5B7E3C;
	font-size:16px;
	font-weight:bold;
}
div.cf_mkt_setting div.title img {
	margin:0 4px 0 0;
	padding:0;
	width:50px;
	height:50px;
	border: 1px solid #BAD365;
	float:left;
	vertical-align:middle;
}
div.cf_mkt_setting div.title img.full {
	width:100px;
	height:100px;
}
div.cf_mkt_setting div.childicon {
	margin:0;
	padding:4px;
	clear:both;
}
div.cf_mkt_setting div.childicon img {
	margin:0 5px 0 0;
	padding:0;
	width:25px;
	height:25px;
	border: 1px solid #BAD365;
	float:left;
	vertical-align:middle;
}
div.cf_mkt_setting div.form {
	margin:4px;
	padding:4px 0;
	clear:both;
	width:420px;
	color:#5B7E3C;
	font-size:14px;
	text-align:right;
}
div.cf_mkt_setting div.form input {
	margin:0 2px;
	padding:1px;
	border:1px solid #80A547;
	width:64px;
	text-align:right;
}
div.cf_mkt_setting div.form img.tk {
	margin:0 8px 0 0;
	padding:0;
	vertical-align:middle;
}

div.cf_mkt_setting div.form button {
	width:70px;
	height:33px;
	margin:0;
	padding:0;
	background:url(../image/common/bbs_button.gif) top left no-repeat;
	background-position:-1px -1px;
	color:#002661;
	cursor:pointer;
	vertical-align:bottom;
}
div.cf_mkt_setting div.form button:not(\*|*){ /* Opera用 */
	padding:9px 0 0;
}
div.cf_mkt_setting div.form button:hover {
	background-position:-1px -36px;
	color:#D18000;
}
div.cf_mkt_setting div.warning {
	margin:8px;
	padding:4px 0;
	clear:both;
	width:410px;
	color:#5B7E3C;
	font-size:14px;
	border:2px solid #90bb50;
	background-color:#e4f4Cd;
}
div.cf_mkt_setting div.warning p {
	margin:6px;
	color:#5B7E3C;
	font-size:12px;
	line-height: 14px;
}

div.ip_button button.sell {
	background:url(../image/common/ip_button_sell.gif) no-repeat top left;
	background-position:-1px -1px;
	color:#f27400;
}
div.ip_button button:hover.sell {
	background-position:-1px -21px;
	color:#fffaf0;
}

p.mkt_status {
	margin: 10px 0;
	padding: 0;
	color: #5B7E3C;
	float: left;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}
p.mkt_status.orange {
	color: #f27400;
}
p.mkt_status.green {
	color: #5B7E3C;
}
p.mkt_status.blue {
	color: #388CCC;
}
p.mkt_status.gray {
	color: #707070;
}

ul.ip_info.item_auto {
	width:350px;
}

/* ---------------------------------------- */
/* アイテム交換(基本フリーマーケット) */

div.cf_ci_topdiv {
	margin:0;
	padding:2px 0;
	width:436px;
	text-align:center;
	color:#335F19;
	background-color:#DDEEC0;
}
div.cf_ci_topdiv.arrow {
	margin:0;
	padding:20px 0 2px 0;
	background-color:#ffffff;
	background:url(../image/common/market_arrow.gif) no-repeat top center;
}

div.cf_ci_topdiv li {
	margin: 2px;
	padding: 0;
	display: inline-block;
	list-style-type : none;
	position: relative;
}

div.cf_ci_topdiv li img ,
div.cf_ci_topdiv li div.mask {
	margin:0;
	padding:0;
	width:50px;
	height:50px;
	border: 2px solid #BAD365;
	background-color:#ffffff;
	-webkit-border-radius: 4px;	/* Safari,Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	border-radius: 4px;			/* CSS3 Draft */
}
div.cf_ci_topdiv li img:hover.sel {
	border: 2px solid #eeaa44;
}

div.cf_ci_confirm {
	margin:0 0 8px 0;
	padding:0;
	width:432px;
	border: 2px solid #BAD365;
	-webkit-border-radius: 4px;	/* Safari,Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	border-radius: 4px;			/* CSS3 Draft */
	display: none;
}

/* 能力値アイテム交換 2012.08.30 */
div.cf_ci_topdiv li.h80 {
	height: 80px;
	vertical-align: top;
}
div.cf_ci_topdiv li.w54 {
	width: 54px;
	font-size:12px;
	font-weight:bold;
}
div.cf_ci_topdiv li div.mask {
	position: relative;
}
div.cf_ci_topdiv li div.mask img {
	margin:0;
	padding:0;
	width:50px;
	height:50px;
	top: 0px;
	left: 0px;
	border: none;
	background-color: transparent;
	position:absolute;
}
div.cf_ci_topdiv li div.mask img.mask ,
div.cf_ci_topdiv li div.mask img.lock {
	z-index: 10;
}
div.cf_ci_topdiv li div.mask img.check {
	z-index: 8;
}
/* ランクアイコン */
div.cf_ci_topdiv li div.mask.rank {
	border: 2px solid #DDEEC0;
}
div.cf_ci_topdiv li div.mask.rank img {
	margin: 18px 18px;
	width:16px;
	height:20px;
}

/* アイテム交換センター改(1ライン) 2014.02.28 */
div.cf_ci_topdiv.oneline {
	text-align: left;
}
div.cf_ci_topdiv.oneline p {
	text-align: center;
}
div.cf_ci_topdiv.oneline ul {
	margin: 3px;
}
div.cf_ci_topdiv.oneline li {
	text-align: center;
}


/* ---------------------------------------- */
/* ともだちリスト */
div.fp_area_line_gray{
	background:url(../image/common/fp_area_line_gray.gif);
	width:424px;
	height:22px;
	padding:3px 0 0 16px;
	margin:0 0 5px;
	clear:both;
	color:#f0fff0;
	font-weight:bold;
}

p.fp_idname2 { /*-名前-*//*1304更新--*/
	margin:6px 0 0 6px;
	width:140px;
	float:left;
}
p.cf_fle_names{
	float:left;
	margin:2px 0 0 8px;
}

div.fp_pictxt2_l{
	width:162px;
}
div.fp_pictxt2_l p{ /*-注意書き左-*/
	background-position:-1px -15px;
	width:162px;
}
div.fp_pictxt2_r{
	width:125px;
	border-left:#BFBFBF 1px solid;
}
div.fp_pictxt2_r p{ /*-注意書き右-*/
	background-position:-1px -1px;
	width:124px;
}

/* chat off */
div.fp_pictxt3_r{
	width:125px;
	border-left:#BFBFBF 1px solid;
}
div.fp_pictxt3_r p{ /*-注意書き右-*/
	background-image: url("../image/common/mp_pictxt2.gif");
	background-position:-1px -15px;
	width:124px;
}

/* 天使ボタン */
div.fp_simple_right {
	position:relative;
}
p.fp_memo {
	height: 45px;
}
p.fp_memo.mini {
	width: 252px;
}
div.fp_angelbtn {
	margin: 0;
	padding: 0;
	width: 48px;
	height: 24px;
	right: 4px;
	bottom: 0px;
	border: none;
	position:absolute;
	background-position:-14px -33px;
	display: none;
}
div.fp_angelbtn button {
	margin: 0;
	padding: 0;
	width: 48px;
	height: 24px;
	border: none;
	cursor: pointer;
	background-color:transparent;
	background-image: url("../image/common/mp_angel_btn.png");
	background-position: 0px 0px;
}
div.fp_angelbtn button:hover {
	background-position: 0px -24px;
}
div.fp_angelbtn button.gray ,
div.fp_angelbtn button:hover.gray {
	background-position: 0px -48px;
	cursor: default;
}

/* ---------------------------------------- */
/* 頼まれごと */

/* クエスト開始 */
div.progress_meter0 div.q_panel_mark{
	background:url(../image/common/qp_progmeter0.gif) top right no-repeat;
}
/* 停止アイコン */
div.stop_case div.q_panel_mark{
	background:url(../image/common/qp_pause.gif) top right no-repeat;
}
/* 配信停止 */
div.fin_case div.q_panel_mark{
	background:url(../image/common/qp_end.gif) top right no-repeat;
}
/* マジックアイテム */
button.magicq {
	margin: 0;
	padding: 0;
	width: 46px;
	height: 46px;
	float: right;
	border: none;
	cursor: pointer;
	background-color:transparent;
	background-image: url("../image/common/qp_magic.gif");
}


/* ---------------------------------------- */
/* 天使情報 */

.mp_angel_l{
	float:left;
	width:142px;
	margin:5px 0 0;
	overflow:hidden;
}

.mp_angelface {
	height:112px;
	width:140px;
	margin:0 0 0 1px;
	position:relative;
	background:url(../image/common/mp_idface.gif) top left no-repeat;
}
.mp_angelface img{
	margin:0;
	padding:0;
	position:absolute;
	left:22px;
	top:2px;
}

.mp_angel_l div.mp_idpara {
	height:126px;
}

.mp_angel_r{
	float:right;
	width:288px;
	margin:0 0 0 0;
}
.mp_angel_rtop{
	width:288px;
}
p.mp_angelname {
	margin:6px 0 4px 6px;
	width:110px;
	float:left;
}
p#cf_angel_owner {
	width:240px;
}

div#cf_angel_btn {
	margin:8px 0 0 0;
	padding:0;
}

button.mp_angelbtn {
	width:80px;
	height:21px;
	margin:6px;
	padding:0 0 2px;
	float:left;
	font-size:11px;
	color:#335F19;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
}
button:hover.mp_angelbtn {
	background-position:-2px -24px;
	color:#D5620C;
}
button.mp_angelbtn.dbg {
	background-position:-71px -162px;
}
button:hover.mp_angelbtn.dbg {
	background-position:-2px -24px;
}
button.mp_angelbtn_gray {
	cursor: default;
	width:80px;
	height:21px;
	margin:6px;
	padding:0 0 2px;
	float:left;
	font-size:11px;
	color:#aaaaaa;
	background-image:url(../image/common/mp_button.gif);
	background-position:-71px -139px;
}
/* アイテムアイコン用 2013.04.16 */
button.mp_angelbtn.item {
	width:80px;
	height:80px;
	overflow: hidden;
	padding:2px;
	cursor: pointer;
	color:#335F19;
	background-image:url(../image/common/mp_angelbtn.gif);
	background-position: 0px 0px;
}
button:hover.mp_angelbtn.item {
	background-position: 0px -80px;
	color:#D5620C;
}
button.mp_angelbtn.item.gray {
	color:#aaaaaa;
	cursor: default;
	background-image:url(../image/common/mp_angelbtn.gif);
	background-position: 0px -160px;
}
button.mp_angelbtn.item img {
	margin:0px;
	padding:0px;
	width:50px;
	height:50px;
	background-color:transparent;
}

/* ピンク */
.mp_idcard.color_b .mp_angelface {
	background-image:url(../image/common/mp_idface_b.gif);
}
.mp_idcard.color_b button.mp_angelbtn {
	background-position:-71px -162px;
	color:#961f45;
}
.mp_idcard.color_b button:hover.mp_angelbtn {
	background-position:-2px -24px;
	color:#D5620C;
}
.mp_idcard.color_b button.mp_angelbtn.item {
	color:#961f45;
	background-image:url(../image/common/mp_angelbtn.gif);
	background-position: 0px -320px;
}
.mp_idcard.color_b button:hover.mp_angelbtn.item {
	background-position: 0px -80px;
	color:#D5620C;
}
.mp_idcard.color_b button.mp_angelbtn.item.gray {
	background-position: 0px -160px;
	color:#aaaaaa;
}

/* 水色 */
.mp_idcard.color_c .mp_angelface {
	background-image:url(../image/common/mp_idface_c.gif);
}
.mp_idcard.color_c button.mp_angelbtn {
	background-position:-2px -368px;
	color:#325082;
}
.mp_idcard.color_c button:hover.mp_angelbtn {
	background-position:-2px -24px;
	color:#D5620C;
}
.mp_idcard.color_c button.mp_angelbtn.item {
	color:#325082;
	background-image:url(../image/common/mp_angelbtn.gif);
	background-position: 0px -240px;
}
.mp_idcard.color_c button:hover.mp_angelbtn.item {
	background-position: 0px -80px;
	color:#D5620C;
}
.mp_idcard.color_c button.mp_angelbtn.item.gray {
	background-position: 0px -160px;
	color:#aaaaaa;
}


// 吹き出し
div#cf_angel_msg {
	width:276px;
	height:52px;
	margin:3px 0px;
	padding:5px;
	font-size:12px;
	overflow: auto;
	display:none;
	background:url(../image/common/angel_msg.gif) top left no-repeat;
}


/* ---------------------------------------- */
/* タイトル */
.bottom_link {
	margin:0;
	padding:3px 10px;
	text-align: left;
	height:100%;
	background:url(../image/common/main_middle.gif) top left repeat-y;
	text-align: center;

}
.bottom_link div {
	width: 590px;
	margin:0 4px;
	padding:4px 0;
	border: 0;
	background-color: #ffffff;
	border: 1px solid #bbdd88;
}

.bottom_link div p {
	margin:0;
	font-size: 12px;
	color:#336622;
}
.bottom_link div p a {
	margin:0 16px;
}
.bottom_link div p a:link,
.bottom_link div p a:visited {
	color:#336622;
}
.bottom_link div p a:hover,
.bottom_link div p a:active {
	color:#eeaa33;
}


/* ---------------------------------------- */
/* アイキャッチ 2014.09.05 */
img#cf_eyecatch {
	margin: 0;
	width: 600px;
	height: 340px;
	left: 0;
	top: 0;
	border: 0 none;
	position: absolute;
}


/* ---------------------------------------- */
/* 読み込みメーター */
div#cf_loadmeter ,
div#cf_loadmeter_no {
	position: absolute;
	width: 140px;
	left: 230px;
	top: 135px;
	border: 1px solid #f3f7e8;
	text-align: center;
	font-size: 12px;
	color:#f3f7e8;
}
div#cf_loadmeter {
	height: 70px;
}

div#cf_loadmeter p {
	margin: 12px 0;
}
div#cf_loadmeter_base {
	position: absolute;
	width: 100px;
	height: 20px;
	left: 20px;
	top: 35px;
	border: 2px solid #f3f7e8;
	text-align: center;
	font-size: 11px;
	color:#3E403A;
}
div#cf_loadmeter_meter {
	position: absolute;
	width: 0%;
	height: 20px;
	left: 0px;
	top: 0px;
	border: 0px;
	background-color: #f3f7e8;
	z-index:0;
}
div#cf_loadmeter_base p {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 4px;
	z-index:1;
}
div#cf_loadmeter_no div#cf_loadmeter_base {
	display: none;
}



/* ---------------------------------------- */
/* MAP表示枠 */
div#cf_image_area {
	margin: 0;
	position: relative;	/* 子の位置を指定するために必要 */
	width: 600px;
	height: 340px;
	border: 0px;
	background-color: #8fbd46;
	overflow: hidden;
	z-index:0;
}
/* キャラの画像などの枠を消す */
div#cf_image_area img {
	border: 0;
}


/* ---------------------------------------- */
/* MAP名 */
div#cf_mapname_base {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: 152px;
	height: 24px;
	left: 448px;
	top: 316px;
	background: url(../image/cf_mapname_base.png) top left no-repeat;
}
#cf_mapname_p {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 146px;
	left: 0px;
	top: 8px;
	text-align: right;
	font-size:11px;
	color:#ffffff;
	overflow:hidden;
	display: none;
}
#cf_mapname_img {
	margin: 0;
	padding: 0;
	position: absolute;
	border: 0;
	width: 152px;
	height: 24px;
	left: 0px;
	top: 0px;
	display: block;
}


/* ---------------------------------------- */
/* スクリプトメッセージコントローラー */
#cf_ctrlmsg_base {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: 152px;
	height: 26px;
	left: 468px;
	top: 428px;
	z-index:350;
	background: url(../image/common/mesesage_forward.png) top left no-repeat;
	display: none;
}
/* ボタン */
#cf_ctrlmsg_btn0 ,
#cf_ctrlmsg_btn1 {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: 40px;
	height: 12px;
	top: 9px;
}
#cf_ctrlmsg_btn0 {
	left: 67px;
	background: url(../image/common/messafe_parts1.gif) top left no-repeat;
	background-position: 0px 0px;
}
#cf_ctrlmsg_btn1 {
	left: 109px;
	background: url(../image/common/messafe_parts2.gif) top left no-repeat;
	background-position: 0px 0px;
}
#cf_ctrlmsg_btn0:hover ,
#cf_ctrlmsg_btn1:hover {
	background-position: -40px 0;
}
#cf_ctrlmsg_btn0.s0 ,
#cf_ctrlmsg_btn1.s0 {
	background-position: 0px 0px;
}
#cf_ctrlmsg_btn0:hover.s0 ,
#cf_ctrlmsg_btn1:hover.s0 {
	background-position: -40px 0px;
}
#cf_ctrlmsg_btn0.s1 ,
#cf_ctrlmsg_btn1.s1 {
	background-position: 0px -12px;
}
#cf_ctrlmsg_btn0:hover.s1 ,
#cf_ctrlmsg_btn1:hover.s1 {
	background-position: -40px -12px;
}
#cf_ctrlmsg_btn0.s2 ,
#cf_ctrlmsg_btn1.s2 {
	background-position: 0px -24px;
}
#cf_ctrlmsg_btn0:hover.s2 ,
#cf_ctrlmsg_btn1:hover.s2 {
	background-position: -40px -24px;
}
#cf_ctrlmsg_btn0.s3 ,
#cf_ctrlmsg_btn1.s3 {
	background-position: 0px -36px;
}
#cf_ctrlmsg_btn0:hover.s3 ,
#cf_ctrlmsg_btn1:hover.s3 {
	background-position: -40px -36px;
}



/* ---------------------------------------- */
/* 拡張メーター */
#cf_gmeter_base ,
#cf_gmeter2_base {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: auto;
	height: auto;
	z-index:350;
	background: #ffffff;
	-moz-opacity: 0.8;			/* Firefox */
	filter: alpha(opacity=80);	/* old IE6 */
	opacity: 0.80;
}
#cf_gmeter_base {
	left: 0px;
	top: 0px;
	-webkit-border-radius: 0 0 10px 0 / 0 0 10px 0;		/* Safari,Chrome */
	-moz-border-radius: 0 0 10px 0 / 0 0 10px 0;		/* Firefox */
	border-radius: 0 0 10px 0 / 0 0 10px 0;				/* CSS3 Draft */
}
#cf_gmeter2_base {
	right: 0px;
	top: 0px;
	-webkit-border-radius: 0 0 0 10px / 0 0 0 10px;		/* Safari,Chrome */
	-moz-border-radius: 0 0 0 10px / 0 0 0 10px;		/* Firefox */
	border-radius: 0 0 0 10px / 0 0 0 10px;				/* CSS3 Draft */
}

#cf_gmeter_life ,
#cf_gmeter_score ,
#cf_gmeter_time {
	display: none;
}

/* life */
#cf_gmeter_life {
	margin: 2px 6px 2px 0;
	padding: 0;
	width: 123px;
	height: 16px;
	position: relative;
	background:url(../image/common/game_life_bar.png) no-repeat top right;
}
#cf_gmeter_life img {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
}
#cf_gmeter_life_t {
	left: 0px;
	top: 0px;
}
#cf_gmeter_life_m {
	left: 40px;
	top: 5px;
	height: 6px;
	background: #ff8888;
}

/* score */
/* time */
#cf_gmeter_score ,
#cf_gmeter_time {
	margin: 2px 6px 2px 0;
	padding: 0;
	height: 16px;
}

#cf_gmeter_score img ,
#cf_gmeter_time img {
	vertical-align: middle;
}
span.numlist img.num {
	margin: 0;
	width: 10px;
	height: 16px;
	background:url(../image/common/game_number.png) no-repeat top left;
}
span.numlist img.num.i0 {
	background-position: 0px 0px;
}
span.numlist img.num.i1 {
	background-position: 0px -16px;
}
span.numlist img.num.i2 {
	background-position: 0px -32px;
}
span.numlist img.num.i3 {
	background-position: 0px -48px;
}
span.numlist img.num.i4 {
	background-position: 0px -64px;
}
span.numlist img.num.i5 {
	background-position: 0px -80px;
}
span.numlist img.num.i6 {
	background-position: 0px -96px;
}
span.numlist img.num.i7 {
	background-position: 0px -112px;
}
span.numlist img.num.i8 {
	background-position: 0px -128px;
}
span.numlist img.num.i9 {
	background-position: 0px -144px;
}
span.numlist img.num.i10 {
	background-position: 0px -160px;
}

/* 右側 */

#cf_gmeter2_life ,
#cf_gmeter2_score ,
#cf_gmeter2_time {
	display: none;
}

/* life */
#cf_gmeter2_life {
	margin: 2px 0 2px 6px;
	padding: 0;
	width: 123px;
	height: 16px;
	position: relative;
	background:url(../image/common/game_life_bar.png) no-repeat top left;
}
#cf_gmeter2_life img {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
}
#cf_gmeter2_life_t {
	right: 0px;
	top: 0px;
}
#cf_gmeter2_life_m {
	right: 40px;
	top: 5px;
	height: 6px;
	background: #ff8888;
}

/* score */
/* time */
#cf_gmeter2_score ,
#cf_gmeter2_time {
	margin: 2px 0 2px 6px;
	padding: 0;
	height: 16px;
}
#cf_gmeter2_score img ,
#cf_gmeter2_time img {
	vertical-align: middle;
}



/* ---------------------------------------- */
/* BOARD レイヤー 2013.06.28 */
/* ベース */
#cf_board_base {
	margin: 0px;
	padding: 0;
	border: 0;
	position: absolute;
}
/* チップ */
#cf_board_base .tip_bg ,
#cf_board_base .tip_l1 ,
#cf_board_base .tip_l2 {
	margin: 0px;
	padding: 0;
	border: 0;
	position: absolute;
}
#cf_board_base .tip_bg {
	z-index:0;
}
#cf_board_base .tip_l1 {
	z-index:5;
}
#cf_board_base .tip_l2 {
	z-index:10;
}
/* キャラ */
#cf_board_base .chr_m1 ,
#cf_board_base .chr_m3 ,
#cf_board_base .chr_u1 ,
#cf_board_base .chr_u3 {
	margin: 0px;
	padding: 0;
	width: 50px;
	height: 50px;
	border: 0;
	position: absolute;
	/* z-index:20; */
}
#cf_board_base .chr_m1 {
	background:url(../image/common/bk1.png) no-repeat top left;
	/* z-index:30; */
}
#cf_board_base .chr_m3 {
	background:url(../image/common/bk3.png) no-repeat top left;
	/* z-index:30; */
}
#cf_board_base .chr_u1 {
	background:url(../image/common/bk2.png) no-repeat top left;
}
#cf_board_base .chr_u3 {
	background:url(../image/common/bk4.png) no-repeat top left;
}
#cf_board_base .chr_m1 img ,
#cf_board_base .chr_m3 img ,
#cf_board_base .chr_u1 img ,
#cf_board_base .chr_u3 img {
	margin: 0px;
	padding: 0;
	width: 30px;
	height: 30px;
	top: 5px;
	left: 10px;
	border: 0;
	position: absolute;
}


/* ---------------------------------------- */
/* マップガイド3 */
#cf_map_guide3 {
	margin: 0px;
	padding: 0;
	border: 0;
	width: 600px;
	height: 340px;
	left: 0px;
	top: 0px;
	position: absolute;
}




/* ---------------------------------------- */
/* 挨拶 */
#cf_gm_wchat_base {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: 290px;
	height: 24px;
	left: 154px;
	top: 316px;
	z-index:350;
	background: #ffffff;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;	/* Safari,Chrome */
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;		/* Firefox */
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;			/* CSS3 Draft */
	-moz-opacity: 0.8;			/* Firefox */
	filter: alpha(opacity=80);	/* old IE6 */
	opacity: 0.8;
}
#cf_gm_wchat_base input {
	margin: 2px 2px 0 8px;
	padding: 0;
	width: 190px;
	height: 18px;
	font-size: 12px;
	border: 1px solid #80A547;
}

/* ---------------------------------------- */
/* 広告系 */

/* 広告ベース */
div#cf_ad_banner {
	padding: 0;
	background: none;
	left: 628px;
	top: 16px;
	position: absolute;
}
div#cf_ad_banner_top {
	margin: 0;
	padding: 8px 0 0 0;
	width: 216px;
	height: 12px;
	color:#293E1C;
	font-size:12px;
	background:transparent url(../image/common/ad_banner_top.gif) top left no-repeat;
}
div#cf_ad_banner_top label {
	cursor: pointer;
}
div#cf_ad_banner_top input {
	cursor: pointer;
	border:1px solid #293E1C;
	vertical-align:bottom;
}
div#cf_ad_banner_middle {
	margin: 0;
	padding: 10px 0;
	background:transparent url(../image/common/ad_banner_middle.gif) left repeat-y;
}
div#cf_ad_banner_bottom {
	margin: 0;
	padding: 0;
	width: 216px;
	height: 16px;
	background:transparent url(../image/common/ad_banner_bottom.gif) top left no-repeat;
}

div.ad_banner_middle ,
div.ad_banner_bottom {
	margin: 0 0 4px 0;
	padding: 0;
	height:auto;
}

/* リロード */
.beginner_guide_area.reload {
	height:50px;
}

.beginner_guide_area.reload a:hover img {
	top:-50px;
	left:0px;
}

/* 広告エリア ミニマップ */
div#cf_minimap {
	margin: 10px auto;
	padding: 0;
	position: relative;
	width: 180px;
	height: 150px;
	overflow: hidden;
	display: none;
}
/* 現在地マーカー */
img#cf_minimap_mark {
	margin: 0;
	position: absolute;
	left: -11px;
	top: -11px;
}


/* 広告エリア 広告枠 */
div#cf_adarea01,
div#cf_adarea02,
div#cf_adarea03 {
	margin: 12px auto;
	padding: 0;
	width: 180px;
	position: relative;
	overflow: hidden;
}
div#cf_adarea01,
div#cf_adarea02 {
	height: 150px;
}
div#cf_adarea03 {
	height: 600px;
}
div#cf_adarea01 a,
div#cf_adarea02 a,
div#cf_adarea03 a {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	display: block;
}
div#cf_adarea01 a.up,
div#cf_adarea02 a.up,
div#cf_adarea03 a.up {
	z-index: 100;
}

div#cf_adarea01 img,
div#cf_adarea02 img,
div#cf_adarea03 img {
	margin: 0 !important;
	padding: 0 !important;
}
div#cf_adarea01 button,
div#cf_adarea02 button,
div#cf_adarea03 button {
	margin: 0;
	padding: 0;
	width: 42px;
	height: 42px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background-color:transparent;
	background-image: none;
	z-index: 200;
}
div#cf_adarea01 button:hover,
div#cf_adarea02 button:hover,
div#cf_adarea03 button:hover {
	background: url(../image/common/ad_page.png) no-repeat transparent;
}
div#cf_adarea01 button.out,
div#cf_adarea02 button.out,
div#cf_adarea03 button.out {
	right: -42px;
}





/* 広告エリア ミニチャットログ */
/* 広告エリア 挨拶ログ */
div#cf_twitter_base ,
div#cf_greeting_base ,
div#cf_minichat_base ,
div#cf_allchat_base {
	margin: 10px auto;
	padding: 0;
	width: 180px;
	overflow: auto;
	text-align:left;
	border: 1px solid #497500;
	display: none;
	-webkit-border-radius: 3px;	/* Safari,Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	border-radius: 3px;			/* CSS3 Draft */
}
div#cf_greeting_base ,
div#cf_minichat_base {
	height: 150px;
}
div#cf_allchat_base {
/*	height: 600px; */
	height: 300px;	/* 2012.06.06 サイズ変更 */
}
div#cf_greeting_base.large ,
div#cf_minichat_base.large {
	height: 320px;
}
div#cf_twitter_base {
	border: 1px solid #33aadd;
	background: #33aadd;
	display: block;
}

div#cf_twitter_info ,
div#cf_greeting_info ,
div#cf_minichat_info ,
div#cf_allchat_info {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 19px;
	overflow:hidden;
	border-bottom:1px solid #497500;
	position: relative;
}
div#cf_twitter_info {
	height: 23px;
	border-bottom:none;
}

div#cf_twitter_info button {
	color: #335F19;
	float: right;
	font-size: 10px;
	height: 15px;
	margin: 5px 3px 0 0;
	padding: 0 5px 3px 0;
	width: 48px;
}
div#cf_twitter_info button.open {
	background: url("../image/common/mp_button.gif") no-repeat scroll -2px -185px transparent;
}
div#cf_twitter_info button.close {
	background: url("../image/common/mp_button.gif") no-repeat scroll -52px -185px transparent;
}
div#cf_twitter_info button:hover.open {
	background-position: -2px -202px;
	color: #D5620C;
}
div#cf_twitter_info button:hover.close {
	background-position: -52px -202px;
	color: #D5620C;
}

div#cf_twitter_form ,
div#cf_twitter_timeline {
	background: #ffffff;
}

/* my icon */
div#cf_twitter_form p.mydata {
	margin: 2px;
	font-size: 10px;
	line-height: 12px;
}
div#cf_twitter_form p.mydata img {
	margin: 0 2px 0 0;
	padding: 0;
	width: 24px;
	height: 24px;
}


/* tab */
#cf_twitter_mode_tab {
	margin: 0 0 0 1px;
	padding: 0;
	height: 19px;
	width: 176px;
	list-style: none;
	display: table;
	table-layout: fixed;
	border: 1px solid #33aadd;
	border-bottom: 0px;
	background-color: #ffffff;
	z-index:100;
}
#cf_twitter_mode_tab li {
	margin: 0;
	padding: 0;
	line-height: 19px;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0px;
	display: table-cell;
	border-left: 1px solid #33aadd;
	border-bottom: 1px solid #33aadd;
	background-color: #eeffff;
}
#cf_twitter_mode_tab li:nth-of-type(1) {
	border-left: 0px;
}
#cf_twitter_mode_tab li.selected {
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
}
#cf_twitter_mode_tab li img {
	margin: 0 1px 3px 0;
	padding: 0;
	vertical-align: middle;
}
#cf_twitter_mode_tab li a {
	display: block;
}

/* text */
textarea#cf_twitter_tweet_txt {
	margin: 0 0 0 1px;
	padding: 0;
	width: 176px;
	height: 60px;
	font-size: 11px;
	letter-spacing: 0pt;
	line-height: 15px;
	border: 1px solid #33aadd;
	border-top: 0px;
}




div#cf_minichat_name {
	margin: 0;
	padding: 0;
	width: 116px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:left;
	overflow:hidden;
	position: absolute;
	top: 1px;
	left: 2px;
}
div#cf_minichat_num {
	margin: 0;
	padding: 0;
	width: 44px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:right;
	overflow:hidden;
	position: absolute;
	top:2px;
	left:135px;
}
div#cf_greeting_name ,
div#cf_allchat_name {
	margin: 0 0 0 2px;
	padding: 0;
	width: 80px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:left;
	overflow:hidden;
	float:left;
}
div#cf_greeting_del ,
div#cf_allchat_del {
	margin: 0 0 0 2px;
	padding: 0;
	width: 90px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:right;
	overflow:hidden;
	float:right;
}

button#cf_minichat_change {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background:transparent url(../image/common/minichat_btn.gif) no-repeat;
	background-position:0px 0px;
	position: absolute;
	top:2px;
	left:118px;
}
button#cf_minichat_change.user {
	background-position:0px 0px;
}
button#cf_minichat_change.log {
	background-position:-15px 0px;
}
button:hover#cf_minichat_change.user {
	background-position:0px -15px;
}
button:hover#cf_minichat_change.log {
	background-position:-15px -15px;
}

div#cf_greeting_info p {
	margin: 1px 0 0 4px;
	padding: 0;
	font-size:11px;
	line-height: 18px;
	text-align:left;
	overflow:hidden;
}

div#cf_twitter_timeline ,
div#cf_greeting_log ,
div#cf_minichat_user,
div#cf_minichat_log ,
div#cf_allchat_log {
	margin: 0;
	padding: 0;
	width: 180px;
	overflow: auto;
	text-align:left;
}
div#cf_greeting_log ,
div#cf_minichat_user,
div#cf_minichat_log {
	height: 130px;
}
div#cf_twitter_timeline {
	height: 300px;
	border-top: 1px solid #33aadd;
}
div#cf_allchat_log {
/*	height: 580px; */
	height: 280px;	/* 2012.06.06 サイズ変更 */
}
div#cf_minichat_user {
	display:none;
}

div#cf_greeting_log.large ,
div#cf_minichat_user.large,
div#cf_minichat_log.large {
	height: 300px;
}
div#cf_twitter_timeline p,
div#cf_greeting_log p,
div#cf_minichat_user p,
div#cf_minichat_log p ,
div#cf_allchat_log p {
	margin: 0 3px;
	padding: 4px 2px;
	width: 152px;
	word-wrap:break-word;
	font-size:11px;
	color:#293E1C;
}
div#cf_twitter_timeline p a,
div#cf_twitter_timeline p span,
div#cf_greeting_log p a,
div#cf_greeting_log p span,
div#cf_minichat_user p a,
div#cf_minichat_user p span,
div#cf_minichat_log p a ,
div#cf_minichat_log p span ,
div#cf_allchat_log p a,
div#cf_allchat_log p span {
	color:#802070;
}
/* icon */
div#cf_twitter_tweet p img ,
div#cf_twitter_timeline p img {
	margin: 0 2px 0 0;
	padding: 0;
	width: 24px;
	height: 24px;
}
/* photo */
div#cf_twitter_timeline p.photo {
	background-color:#ffeedd;
	display: block;
	text-align: center;
}
div#cf_twitter_timeline p.photo img {
	width: auto;
	height: auto;
	margin: 0 auto;
	max-height: 100px;
	max-width: 140px;
}

div#cf_minichat_log p.logbk0 {
	background-color:#e8fae0;
}
div#cf_minichat_user p.logbk0 {
	background-color:#e0e8fa;
}
div#cf_twitter_timeline p.logbk_t {
	background-color:#e8fafa;
}
div#cf_twitter_timeline p.logbk_h {
	background-color:#ffeedd;
}
div#cf_twitter_timeline p.logbk_f {
	background-color: #fdedf5;
}
div#cf_twitter_timeline p.logbk_a {
	background-color: #eeffe0;
}
div#cf_twitter_timeline p.logbk_x {
	background-color: #dddddd;
}
div#cf_twitter_timeline a.name {
	font-size:12px;
}
div#cf_twitter_timeline p.top {
	margin: 2px 0 0 3px;
	padding: 4px 2px 0 2px;
}
div#cf_twitter_timeline p.middle {
	margin: 0 0 0 3px;
	padding: 2px;
}
div#cf_twitter_timeline p.bottom {
	margin: 0 0 3px 3px;
	padding: 0 2px 2px 2px;
	text-align: right;
	color: #788070;
}

div#cf_twitter_timeline p button.close_bx {
	margin: 0 4px;
	vertical-align: middle;
}



div#cf_greeting_log p.logbk0 {
	background-color:#fae8e8;
}
div#cf_allchat_log p.logbk0 {
	background-color:#ffeedd;
}
div#cf_twitter_timeline p.logbk1 ,
div#cf_greeting_log p.logbk1,
div#cf_minichat_user p.logbk1,
div#cf_minichat_log p.logbk1 ,
div#cf_allchat_log p.logbk1 {
	background-color:#ffffff;
}

/* mode icon */
div#cf_twitter_timeline p.icon_o ,
div#cf_twitter_timeline p.icon_a ,
div#cf_twitter_timeline p.icon_f ,
div#cf_twitter_timeline p.icon_t {
	background-repeat: no-repeat;
	background-position: right top;
}
div#cf_twitter_timeline p.icon_o {
	background-image:url(../image/common/mbbs_o.png);
}
div#cf_twitter_timeline p.icon_a {
	background-image:url(../image/common/mbbs_a.png);
}
div#cf_twitter_timeline p.icon_f {
	background-image:url(../image/common/mbbs_f.png);
}
div#cf_twitter_timeline p.icon_t {
	background-image:url(../image/common/mbbs_t.png);
}



div#cf_twitter_login ,
div#cf_twitter_tweet ,
div#cf_twitter_send ,
div#cf_twitter_sendall {
	padding: 2px;
	margin: 0;
}

button.twt_longbtn {
	margin: 3px;
	padding: 0 0 3px;
	width: 125px;
	height: 21px;
	background-image:url(../image/common/twitter_button.gif);
	background-position: -1px -1px;
	color: #19335F;
	font-size: 13px;
	text-align: center;
}
button.twt_longbtn:hover{
	background-position: -1px -24px;
	color:#D5620C;
}
button.twt_longbtn:not(\*|*){ /*-Opera用-*/
	padding:4px 0 0;
}
*+html button.twt_longbtn{/*-IE用0105-*/
	padding:1px 0 0;
}
button.twt_longbtn.gray {
	background-position: -1px -47px;
	color: #aaaaaa;
	cursor:default;
}
button.twt_longbtn.gray:hover {
	color: #aaaaaa;
}

/* ---------------------------------------- */
/* 検索＆移動アイテム窓 2013.05.20 */
div.contents_m {
	position:	relative;
}
div#searchItem_base {
	bottom:		24px;
	left:		130px;
	position:	absolute;
	border:		1px solid #8FBD46;
	z-index:	100;
	background-color:#8FBD46;
	-webkit-border-radius: 4px;	/* Safari,Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	border-radius: 4px;			/* CSS3 Draft */
}
/* ボタン */
div#searchItem_base button {
	margin:		0px;
	padding:	1px;
	width:		100%;
	height:		22px;
	border:		1px solid #8FBD46;
	font-size:	12px;
	text-align:	left;
	-webkit-border-radius: 4px;	/* Safari,Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	border-radius: 4px;			/* CSS3 Draft */
}
div#searchItem_base button img {
	margin:		0px 4px 0px 0px;
	padding:	0px;
	width:		16px;
	height:		16px;
	vertical-align: middle;
	background-color:transparent;
}
div#searchItem_base button:hover {
	color: #D5620C;
}
div#searchItem_base button.gray ,
div#searchItem_base button:hover.gray {
	color: #aaaaaa;
	cursor:default;
}



/* ---------------------------------------- */
/* コントローラー ※必要に応じて表情と切り替える */
div#cf_mbctrl_base {
	display: block;
}

/* テーブルチャット・リターンボタン */
button#ctrlTablechat ,
button#ctrlChangingroom ,
button#ctrlMapReturn ,
button#ctrlSearchItem {
	margin:		0px;
	padding:	10px;
	position:	absolute;
	width:		24px;
	height:		24px;
	background-color:transparent;
	background-position: 0px 0px;
}
button#ctrlTablechat {
	top:		8px;
	left:		3px;
	/*background-image:url(../image/common/mbox_chat.png);*/
	background-image:url(../image/common/mbox_table.png);
}
button#ctrlChangingroom {
	top:		124px;
	left:		120px;
	background-image:url(../image/common/mbox_croth.png);
}
button#ctrlMapReturn {
	top:		124px;
	left:		3px;
	background-image:url(../image/common/mbox_return.png);
}
button#ctrlSearchItem {
	top:		8px;
	left:		120px;
	background-image:url(../image/common/mbox_exec.png);
}

button#ctrlTablechat:hover ,
button#ctrlChangingroom:hover ,
button#ctrlMapReturn:hover ,
button#ctrlSearchItem:hover {
	background-position: 0px -24px;
}
button#ctrlTablechat.disable ,
button#ctrlTablechat.disable:hover ,
button#ctrlChangingroom.disable ,
button#ctrlChangingroom.disable:hover ,
button#ctrlMapReturn.disable ,
button#ctrlMapReturn.disable:hover ,
button#ctrlSearchItem.disable ,
button#ctrlSearchItem.disable:hover {
	background-position: 0px -48px;
	cursor:default;
}
button#ctrlTablechat.hide ,
button#ctrlChangingroom.hide ,
button#ctrlMapReturn.hide ,
button#ctrlSearchItem.hide {
	display: none;
}

/* 同行モード */
div#cf_mbctrl_withmode {
	margin:		0px;
	padding:	40px 5px;
	position:	absolute;
	width:		142px;	/* 152-5x2 */
	height:		86px;	/* 146-40x2 */
	left:		0px;
	top:		0px;
	background:url(../image/common/mbox_chara.png) top left no-repeat;
	display: none;
}
div#cf_mbctrl_withmode p{
	margin:		4px 10px;
	font-size:	12px;
}
div#cf_mbctrl_withmode button{
	margin:		4px 30px;
	font-size:	12px;
}


/* ---------------------------------------- */
/* チャット拡張 TAB関連 */
/* ※寮下段タブ(ex_tab)追加 2012.05.14 */

div#cf_exchat_tab_div ,
div#cf_exchat_bbs,
div#cf_exchat_ownroom {
	display: none;
}
div.ex_tab ,
div#cf_exchat_tab_div {
	background-color:#ffffff;
}

div.ex_tab ul ,
div#cf_exchat_tab_div ul {
	margin:		4px 0 0 0;
	padding:	0;
	width:		438px;
	height:		22px;
	background:	url(../image/common/bbschat_tab_line.gif) bottom right repeat-x;
}

div.ex_tab ul li,
div#cf_exchat_tab_div ul li {
	margin:		0 2px 0 0;
	padding:	0 16px 0 0;
/*	width:		92px;*/
	height:		22px;
	list-style:	none;
	background:	url(../image/common/bbschat_tab_btn2.gif) bottom right no-repeat;
	background-position:right -22px;
	background-color:transparent;
	font-size:	12px;
	line-height:22px;
	color:		#335F19;
	text-align:	center;
	float:		left;
	cursor:		pointer;
}
div.ex_tab ul li p ,
div#cf_exchat_tab_div ul li p {
	margin:		0;
	padding:	0 0 0 16px;
	background:	url(../image/common/bbschat_tab_btn2.gif) bottom left no-repeat;
	background-position:left -22px;
	background-color:transparent;


}

div.ex_tab ul li:hover ,
div#cf_exchat_tab_div ul li:hover {
	background:	url(../image/common/bbschat_tab_btn2.gif) bottom right no-repeat;
	background-position:right -44px;
	color:#0C6DB7;
}
div.ex_tab ul li.sel ,
div.ex_tab ul li:hover.sel ,
div#cf_exchat_tab_div ul li.sel ,
div#cf_exchat_tab_div ul li:hover.sel {
	background:	url(../image/common/bbschat_tab_btn2.gif) bottom right no-repeat;
	background-position:right 0px;
	cursor:		default;
	color:		#335F19;
}

div.ex_tab ul li:hover p ,
div#cf_exchat_tab_div ul li:hover p {
	background:	url(../image/common/bbschat_tab_btn2.gif) bottom left no-repeat;
	background-position:left -44px;
	color:#0C6DB7;
}
div.ex_tab ul li.sel p ,
div.ex_tab ul li:hover.sel p ,
div#cf_exchat_tab_div ul li.sel p ,
div#cf_exchat_tab_div ul li:hover.sel p {
	background:	url(../image/common/bbschat_tab_btn2.gif) bottom left no-repeat;
	background-position:left 0px;
	cursor:		default;
	color:		#335F19;
}

div.ex_tab ul li a ,
div.ex_tab ul li a:hover ,
div#cf_exchat_tab_div ul li a ,
div#cf_exchat_tab_div ul li a:hover {
	margin:		4px;
	padding:	0px;
}


div#cf_exchat_bbs iframe {
	margin:		0;
	padding:	0;
	width:		438px;
	height:		636px;
	overflow:	hidden;
}

/* 拡張タブ */
li#cf_exchat_tab_li1,
li#cf_exchat_tab_li2,
li#cf_exchat_tab_li3,
li#cf_exchat_tab_li4,
li#cf_exchat_tab_li5,
li#cf_exchat_tab_li6 {
	display:	none;
}


/* ---------------------------------------- */
/* チャット WORK処理関連 */
div.chat_top_div{ /* バナーベース */
	position: relative;
}
img#cf_mkt_banner {
	margin:0 auto;
}

div#cf_chat_work ,
div#cf_chat_gmbtn {
	margin:		0px;
	padding:	0px;
	position:	absolute;
	width:		350px;
	height:		62px;
	left:		0px;
	top:		0px;
	overflow:	hidden;
	text-align:	left;
	/*display:	none;*/
}
div#cf_chat_work button ,
div#cf_chat_gmbtn button {
	margin:		6px 3px 0 6px;
	padding:	0px;
	width:		61px;
	height:		51px;
	cursor:		pointer;
	background-image:url(../image/common/work_0.gif);
	background-position:0px 0px;
	background-color:transparent;
	float:		left;
}
div#cf_chat_work button:hover ,
div#cf_chat_gmbtn button:hover {
	background-position:0px -51px;
}
div#cf_chat_work button:active ,
div#cf_chat_gmbtn button:active {
	background-position:0px -102px;
}
div#cf_chat_work button.res ,
div#cf_chat_work button:hover.res ,
div#cf_chat_work button:active.res ,
div#cf_chat_gmbtn button.res ,
div#cf_chat_gmbtn button:hover.res ,
div#cf_chat_gmbtn button:active.res {
	cursor:		default;
	background-position:0px 0px;
}
div#cf_chat_work button.b_gray ,
div#cf_chat_work button:hover.b_gray ,
div#cf_chat_work button:active.b_gray ,
div#cf_chat_gmbtn button.b_gray ,
div#cf_chat_gmbtn button:hover.b_gray ,
div#cf_chat_gmbtn button:active.b_gray {
	cursor:		default;
	background-position:0px -153px;
}

div#cf_chat_work p {
	margin:		0px;
	padding:	0px;
	width:		270px;
	color:		#114411;
	font-size:	14px;
	line-height:20px;
	overflow:	hidden;
	float:		left;
}
div#cf_chat_work p#cf_chat_work_msg1 {
	margin:		16px 0 0 2px;
}
div#cf_chat_work p#cf_chat_work_msg2 {
	margin:		0 0 0 2px;
}


/* ---------------------------------------- */
/* チャット WORK処理関連 */
div#cf_chat_gmbtn button {
	color: #444329;
	font-size: 12px;
	letter-spacing: 0px;
}



/* ---------------------------------------- */
/* 入寮案内ボタンの切替 */
/* ※切り替えはclassで行う 2013.03.05
div#cf_ancown_disable {
	display: block;
}
div#cf_ancown_enable {
	display: none;
}*/


/* ---------------------------------------- */
/* 表情 ※必要に応じてコントローラーと切り替える */
div#cf_mbchara_base {
	display: none;
}

/* 表情領域 */
div#cf_face_area {
	margin: 0;
	position: absolute;
	width: 128px;
	height: 128px;
	left: 11px;
	top: 14px;
	border: 0;
	background-color: #ffffff;
	overflow: hidden;
	display: block;
}


/* ---------------------------------------- */
/* スクリプト */

/* 会話窓 */
.m_txt_area.line4 {
	height: 80px;
}

/* Map.menu */
div.mapmenubtn {
	background-color:transparent;
	position: absolute;
	cursor:pointer;
}
div.mapmenubtn.on {
	opacity:0.8;
	MozOpacity:0.8;
	filter:alpha(opacity=80);
	background-color:#ccff99;
}


/* 選択肢タイマー */
div#cfs_menutimer_base {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 120px;
	position: absolute;
	left: 464px;
	top: 10px;
	background:url(../image/common/menu_timer_base.gif) no-repeat top left;
	overflow: hidden;
	text-align: center;
}
div#cfs_menutimer_base p.p1,
div#cfs_menutimer_base p.p2 {
	margin: 2px;
	padding: 0;
	width: 120px;
	height: 16px;
	color:#114411;
	font-size:12px;
	line-height: 16px;
	font-weight:bold;
	text-align: center;
	position: absolute;
	z-index: 30;
}
div#cfs_menutimer_base p.p1 {
	left: 0px;
	top: 30px;
}
div#cfs_menutimer_base p.p2 {
	left: 0px;
	top: 50px;
}
div#cfs_menutimer_base p span {
	margin: 0 3px;
	font-size:22px;
	color:#114411;
}
div#cfs_menutimer_base img {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 48px;
	top: 75px;
	z-index: 30;
}
div#cfs_menutimer_base div {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 94px;
	position: absolute;
	left: 13px;
	top: 15px;
	z-index: 10;
	background:url(../image/common/menu_timer_meter.gif) no-repeat top left;
	background-position:0px 0px;
}

/* 潮・風向き */
div#cfs_weather_base {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 120px;
	position: absolute;
	left: 16px;
	top: 10px;
	background:url(../image/common/wind_base.gif) no-repeat top left;
	overflow: hidden;
	text-align: center;
	display: none;
}
div#cfs_weather_base p {
	width: 120px;
	left: 0px;
	top: 50px;
	color: #114411;
	font-size: 17px;
	line-height: 16px;
	font-weight:bold;
	text-align: center;
	position: absolute;
}

/* アニメーション画像 */
div.anim {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
}


/* 全画面メッセージ系 */
/* ベース */
div#cf_visual_msg {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 340px;
	top: 0;
	left: 0;
	position: relative;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
}
/* 黒背景 */
div#cf_visual_msg .bg_black {
	margin: 0px;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	background-color:#000;
	background:transparent url(../image/common/visual_msg_bg.gif) repeat\9;	/* IEハック */
	-moz-opacity: 0.7;			/* Firefox */
	filter: alpha(opacity=70);	/* old IE6 */
	opacity: 0.7;
}
/* メッセージ枠 */
div#cf_visual_msg .msg_base {
	margin: 0px;
	padding: 5px;
	width: 560px;
	height: 280px;
	top: 15px;
	left: 15px;
	z-index: 10;
	overflow: auto;
	position: absolute;
	border:1px solid #333;
	-webkit-border-radius: 4px;	/* Safari,Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	border-radius: 4px;			/* CSS3 Draft */
}
div#cf_visual_msg .msg {
	margin: 4px 0px;
	padding: 0px;
}
div#cf_visual_msg .talk ,
div#cf_visual_msg .name ,
div#cf_visual_msg .npc {
	margin: 4px;
	padding: 0px;
}
div#cf_visual_msg .talk {
	color: #d0ffd0;
}
div#cf_visual_msg .name {
	color: #ffffff;
}
div#cf_visual_msg .npc {
	color: #d0ddff;
}

div#cf_visual_msg .talk p ,
div#cf_visual_msg .name p ,
div#cf_visual_msg .npc p {
	float: left;
}
div#cf_visual_msg br.clear ,
div#cf_visual_msg br.clear ,
div#cf_visual_msg br.clear {
	clear: both;
}

div#cf_visual_msg img#cf_visual_nextbtn {
	margin: 0px 8px;
	padding: 0px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* メッセージロール系 */
div#cf_roll_msg {
	margin: 0px;
	padding: 0px;
	width: 100%;
	top: 15px;
	position: absolute;
}
div#cf_roll_msg p {
	margin: 20px;
	padding: 0px;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}
div#cf_roll_msg p.l {
	text-align: left;
}
div#cf_roll_msg p.c {
	text-align: center;
}
div#cf_roll_msg p.r {
	text-align: right;
}



/* ---------------------------------------- */
/* GroupChat */

/* バナー */
div#cf_clog_banner_base {
	text-align: center;
	border-bottom: 1px solid #E0E0E0;
}

/* Workボタン */
div#cf_clog_work_base {
	height: 64px;
	position: relative;
	border-bottom: 1px solid #E0E0E0;
	text-align: center;
}
div#cf_clog_work_base div {
	z-index: 10;
}

/* wait */
div#cf_clog_wait_base {
	height: 40px;
	text-align: center;
	color: #497500;
}



/* ---------------------------------------- */
/* BBS追加 */
.bbs_title_select {
	background-color:#ffd756;
	color:#61422b;
}
/* 日付フォーム調整 2012.03.10 */
div#bbs_log_div input.txt2 ,
div#bbs_log_div input.txt {
	height: auto;
}
/* 貼り付け画像 */
div.photobase {
	margin: 12px 20px;
	padding: 0;
	border: none;
	width: 280px;
	height: 158px;
	background: none;
	text-align: center;
}
div.photobase.select {
	margin: 0 0 10px 10px;
}
div.photobase.select.form {
	margin: 0;
}
/* 寮日記追加 */
img#edit_entry_photoimg ,
div#diary_entry_body div.photobase img.photo2 ,
div.title_log div.photobase img.photo2 ,
li.log div.photobase img.photo2 ,
div.photobase img#form_bbs_log_photoimg ,
div.photobase img#form_bbs_photoimg {
	margin-left: auto; 
	margin-right: auto; 
	padding:0;
	width: auto;
	height:100%;
	border: 2px solid #8FBD46;
	background: none;
	float: none;
	cursor: pointer;
	bottom: auto;
}
img#edit_entry_photoimg ,
div.photobase img#form_bbs_log_photoimg ,
div.photobase img#form_bbs_photoimg {
	cursor: default;
}

/* ---------------------------------------- */
/* ケータイ追加 */
div.get_mail_r div.message_right_top p.m_name {
	width:162px;
}
div.message_right_top p.ph_add_name {
	width:140px;
	float:left;
}
div.message_right_top button.ph_add_button {
	margin:0 2px 0 0;
	float:right;
}

/* mbg用定型文選択 */
#cf_phout_selmsg {
	border: 1px solid #859D64;
	height: 18px;
	margin: 0 0;
	width: 180px;
}



/* ---------------------------------------- */
/* 通常メニュー＆2行用メニュー */
#menubase {
	position: absolute;
	width: 200px;
	height: 260px;
	left: 200px;
	top: 40px;
	z-index: 210;
	background:url(../image/common/game_menu.png) no-repeat top right;
}
#ormenubase {
	position: absolute;
	width: 300px;
	height: 260px;
	left: 150px;
	top: 40px;
	z-index: 210;
	background:url(../image/game_ormenu.png) no-repeat top right;
}
#ormenubase.free {
	width: 334px;
	height: 300px;
	border: 2px solid #ffffff;
	left: 132px;
	top: 10px;
	background: none;
	background-color: #f5d979;
	-webkit-border-radius: 16px;	/* Safari,Chrome */
	-moz-border-radius: 16px;	/* Firefox */
	border-radius: 16px;			/* CSS3 Draft */
}
/* タイトル */
#menubase h2,
#ormenubase h2 {
	font-size:12px;
	color:#4E2E00;
	margin:14px 10px 4px;
	text-align:center;
}
/* スクロールボタン */
#menubase button,
#ormenubase button {
	margin:0 0 0 6px;
	height: 22px;
	color: #a77b32;
	border-left: 2px solid #d1a65d;
	border-top: 2px solid #d1a65d;
	border-bottom: 2px solid #84693c;
	border-right: 2px solid #84693c;
	background-color:#fff0c0;
}
#menubase button {
	width: 186px;
}
#ormenubase button {
	width: 286px;
}
#ormenubase.free button {
	width: 96%;
}
#menubase button:hover,
#ormenubase button:hover {
	color: #d1a65d;
}
/* メニューボタン */
.menubutton,
.ormenubutton {
	border-top: 2px solid #A77B32;
	border-bottom: 2px solid #A77B32;
	border-right: 1px solid #A77B32;
	border-left: 1px solid #A77B32;
	background-color:#372C22;
	overflow: auto;
	margin:0 0 0 6px;
	padding: 0;
	height: 168px;
}
.menubutton {
	width: 186px;
}
.ormenubutton {
	width: 286px;
}
#ormenubase.free .ormenubutton {
	width: 320px;
	height: 208px;
}

.menubutton p{
	color:#FFFFFF;
	font-size: 14px;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #261E17;
	overflow: hidden;
	line-height: 20px;
	height: 20px;
}

.ormenubutton div {
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #261E17;
	overflow: hidden;
	height: 41px;
}
#ormenubase.free .ormenubutton div {
	height: 51px;
}
#ormenubase.free .ormenubutton.mini div {
	height: 26px;
}

/* 使用禁止 */
.menubutton p.no_use,
.ormenubutton div.no_use ,
.ormenubutton div.no_use a {
	cursor: default;
	background-color:#554444;
}
.menubutton p.no_use {
	padding: 0 0 0 2px;
}

/* free用画像ボタン */
#ormenubase.free .ormenubutton div a.image {
	margin: 0;
	padding: ;
	width: 300px;
	height: 50px;
	background: transparent;
	background: url(./image/null.gif) top left no-repeat;
	background-position: 0px 0px;
}
#ormenubase.free .ormenubutton a:hover.image {
	background-position: 0px -50px !important;
}
#ormenubase.free .ormenubutton div a:active.image {
	background-position: 0px -100px !important;
}
#ormenubase.free .ormenubutton div.no_use a.image {
	background-position: 0px -150px !important;
}
#ormenubase.free .ormenubutton.mini div a.image {
	height: 25px;
}
#ormenubase.free .ormenubutton.mini a:hover.image {
	background-position: 0px -25px !important;
}
#ormenubase.free .ormenubutton.mini div a:active.image {
	background-position: 0px -50px !important;
}
#ormenubase.free .ormenubutton.mini div.no_use a.image {
	background-position: 0px -75px !important;
}



/* テキスト */
.ormenubutton p{
	color:#FFFFFF;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 2px;
	overflow: hidden;
	line-height: 20px;
	height: 20px;
}
#ormenubase.free .ormenubutton p {
	line-height: 25px;
	height: 50px;
}
#ormenubase.free .ormenubutton.mini p {
	height: 25px;
}

.menubutton a,
.ormenubutton a{
	cursor: pointer;
	display:block;
	margin: 0;
}
.menubutton a{
	padding: 0 0 0 2px;
	height: 20px;
}
.ormenubutton a{
	padding: 0;
	height: 41px;
}
#ormenubase.free .ormenubutton a {
	height: 51px;
}
#ormenubase.free .ormenubutton.mini a {
	height: 26px;
}

.menubutton a:link,
.ormenubutton a:link	{color: #FFF; text-decoration: none}
.menubutton a:active,
.ormenubutton a:active	{color: #FFF; text-decoration: none;}
.menubutton a:visited,
.ormenubutton a:visited	{color: #BBB; text-decoration: none;}
.menubutton a:hover,
.menubutton a.act,
.ormenubutton a:hover	{color: #FFF; text-decoration: none; background:#AC6A29; }



/* new icon */
.menubutton  img.new,
.ormenubutton  img.new{
	margin: 0 4px;
	padding: 0 0 0 0;
	vertical-align: middle;
}

/* ---------------------------------------- */
/* メール関連 */

#cf_ml_tray, #cf_ml_present {
	width:430px;
	margin:4px;
	padding:0;
	zoom:100%;
	/* order:1px solid #997788;	/* DEBUG */
}
#cf_ml_tray {
	height:380px;
}
#cf_ml_present {
	height:300px;
}

/* 受信・送信トレイ */
#cf_ml_list {
	width:424px;
	height:260px;
	margin:4px 0px;
	border:2px solid #aecd79;
	list-style-type:none;
	overflow: auto;	/* 最終的にはページ送り式にする */
}
#cf_ml_list li {
	height:26px;
	background-color:#ffffff;
}
#cf_ml_list li.l2 {
	height:26px;
	background-color:#eaffea;
}
#cf_ml_list li.lp {
	height:26px;
	background-color:#ffeaca;
}
#cf_ml_list li.nr {
	height:26px;
	background-color:#ffeaea;
}
#cf_ml_list li div {
	margin:0;
	padding:0;
/*	width:380px;	*/
	width:360px;
	height:26px;
	font-size:12px;
	line-height:26px;
	/* background-color:#d2fcfc; /* DEBUG */
}

#cf_ml_list li div {
	float:left;
	cursor:pointer;
	color:#2f4801;
	/* border:1px solid #ffaa00;	/* DEBUG */
}
#cf_ml_list li div:hover {
	background-color:#d2fcfc;
}
#cf_ml_list li div div.uname {
	margin:0;
	padding:0px 0px 0px 4px;
	width:90px;
	height:24px;
	float:left;
	overflow:hidden;
	/* border:1px solid #997788;	/* DEBUG */
}
#cf_ml_list li div div.title {
	margin:0;
	padding:0;
/*	width:210px;	*/
	width:190px;
	height:24px;
	float:left;
	overflow:hidden;
	/* border:1px solid #997788;	/* DEBUG */
}
#cf_ml_list li div div.date {
	margin:0;
	padding:0;
	width:70px;
	height:24px;
	float:right;
	overflow:hidden;
	font-size:11px;
	text-align:right;
	/* border:1px solid #997788;	/* DEBUG */
}

#cf_ml_list li label {
	margin: 0;
	padding: 0;
	width:20px;
	height:24px;
	display: inline-block;
	float:left;
}
#cf_ml_list li label input[type="checkbox"] {
	margin: 6px 0 0 3px;
	padding: 0;
}

#cf_ml_list li button {
	margin:6px 4px 0 0;
	padding:0;
	float:right;
	/* border:1px solid #ffaa00;	/* DEBUG */
}


/* メール表示 */
#cf_ml_mail, #cf_ml_sendmail, #cf_mli_sendmail {
	width:424px;
	height:260px;
	margin:4px 0px;
	border:2px solid #aecd79;
	list-style-type:none;
	overflow: hidden;
	background-color:#eaffea;
}
#cf_ml_mail div.status {
	width:420px;
	height:70px;
	margin:2px;
	/* border:1px solid #ddaacc;	/* DEBUG */
}
#cf_ml_mail div.status img {
	width:64px;
	height:64px;
	background:url(../image/common/fp_simpleidface.gif) top left no-repeat;
	padding:3px 9px 2px 9px;
	float:left;
}
#cf_ml_mailtitle {
	margin:2px 0px 6px 0px;
	padding:0px 0px 0px 6px;
	display:block;
	width:328px;
	height:26px;
	font-size:13px;
	line-height:26px;
	overflow: hidden;
	/* border:1px solid #ddaacc;	/* DEBUG */
}
#cf_ml_mailuser,#cf_ml_mailitem {
	margin:2px;
	padding:0px;
	display:block;
	width:332px;
	height:16px;
	font-size:11px;
	line-height:16px;
	text-align:right;
	overflow: hidden;
	/* border:1px solid #ddaacc;	/* DEBUG */
}
#cf_ml_mailmsg, #cf_ml_sendmsg, #cf_mli_sendmsg {
	width:414px;
	margin:2px;
	padding:2px;
	font-size:12px;
	line-height:14px;
	overflow: auto;
	border:1px solid #aecd79;
	background-color:#ffffff;
}
#cf_ml_mailmsg {
	height:174px;
}

/* メール送信 */
/* #cf_ml_sendmail  メール表示で設定済み */
/* #cf_mli_sendmail アイテム送信用 */

#cf_ml_sendmail p, #cf_mli_sendmail p {
	height:20px;
	color:#497500;
	font-size:12px;
	line-height:20px;
	margin:2px 0 0 4px;
}
#cf_ml_sendmail p span, #cf_mli_sendmail p span {
	display:block;
	width:60px;
	height:20px;
	float:left;
	/* border:1px solid #aaccdd;	/* DEBUG */
}
#cf_ml_sendmail p select, #cf_ml_sendmail p input,
#cf_mli_sendmail p select, #cf_mli_sendmail p input{
	margin:0;
	height:20px;
	font-size:12px;
	float:left;
	border:1px solid #aecd79;
}
#cf_ml_sendmail p select, #cf_mli_sendmail p select {
	width:200px;
}
#cf_ml_sendmail p input, #cf_mli_sendmail p input {
	width:300px;
}
#cf_ml_sendmsg, #cf_mli_sendmsg {
	height:130px;
}

#cf_ml_senditem, #cf_ml_buttons,
#cf_mli_senditem, #cf_mli_buttons {
	margin:0 2px;
	height:50px;
	overflow: hidden;
	/* border:1px solid #ddaacc;	/* DEBUG */
}
#cf_ml_senditem, #cf_mli_senditem {
	width:260px;
	float:left;
}
#cf_ml_buttons, #cf_mli_buttons {
	width:150px;
	float:right;
}

#cf_ml_itemimg, #cf_mli_itemimg {
	margin:0 4px 0 0;
	width:48px;
	height:48px;
	background-color:#ffffff;
	border:1px solid #aecd79;
	float:left;
}
#cf_ml_senditem p, #cf_mli_senditem p {
	margin:6px 0 0 0;
	font-size:12px;
	line-height:14px;
}
#cf_ml_senditem p span, #cf_mli_senditem p span {
	display:inline;
	float:none;
	font-size:13px;
}

#cf_ml_btnsend, #cf_ml_btncancel,
#cf_mli_btnsend, #cf_mli_btncancel {
	width:70px;
	height:33px;
	margin:0;
	padding:0;
	background:url(../image/common/bbs_button.gif) top left no-repeat;
	background-position:-1px -1px;
	color:#002661;
	cursor:pointer;
	position:relative;
}
#cf_ml_btnsend:not(\*|*), #cf_ml_btncancel:not(\*|*),
#cf_mli_btnsend:not(\*|*), #cf_mli_btncancel:not(\*|*){ /* Opera用 */
	padding:9px 0 0;
}
#cf_ml_btnsend:hover, #cf_ml_btncancel:hover,
#cf_mli_btnsend:hover, #cf_mli_btncancel:hover {
	background-position:-1px -36px;
	color:#D18000;
}
#cf_ml_btnsend, #cf_ml_btncancel,
#cf_mli_btnsend, #cf_mli_btncancel {
	margin:6px 2px 0 2px;
	float:right;
}

/* 定型文 */
#cf_ml_selmsg {
	margin:2px;
	padding:0;
	width:414px;
	height:20px;
	font-size:12px;
	border:1px solid #aecd79;
}