@charset "UTF-8";

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

/* ---------------------------------------- */
/* 強制調整 */
#container {
	margin-left: 2px !important;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.contents_m img.demo_flame {
	left: 12px !important;
}
div.contents_m .new_account a {
	left: 192px !important;
}


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


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

/* color */
.colGreen {color:#00bb00;}
.colRed   {color:#cc0000;}
.colBlue  {color:#0000bb;}
.colOrange{color:#cc7700;}
.colPink  {color:#cc44aa;}

/* ヘッドライン */
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:#002661;
	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;
}

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

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;
}


/* ---------------------------------------- */
/* 学生証追加 */

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



/* ---------------------------------------- */
/* TOP用広告調整 2012.11.02 */
/* ※サイドバナー拡大に伴い変更 2014.12.01 */
.ad_banner {
	float: none;
	/* left: 630px; */
	left: 608px;
	position: absolute;
}
.ad_banner_middle {
    height: auto;
}
.ad_banner img {
    margin-top: 12px;
}
div#cf_ad_banner {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#cf_ad_banner.size250 {
	width: 266px;
	padding: 0 8px;
}
div#cf_ad_banner.size250 div#cf_ad_banner_top {
	width: auto;
	height: 16px;
	background:transparent url(../image/common/ad_banner_top250.gif) top left no-repeat;
}
div#cf_ad_banner.size250 div#cf_ad_banner_middle {
	width: auto;
	background:transparent url(../image/common/ad_banner_middle250.gif) left repeat-y;
}
div#cf_ad_banner.size250 div#cf_ad_banner_bottom {
	width: auto;
	height: 16px;
	background:transparent url(../image/common/ad_banner_bottom250.gif) left repeat-y;
}


/* ---------------------------------------- */
/* 寮関連追加 */
div.r_base_div.mini {
	margin:0;
	width:425px;
}

div.r_diary.long {
	margin:0;
	height:400px;
}


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

ul.diary_menu li {
	float:left;
}

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;
}


/* ---------------------------------------- */
/* 各種設定追加 */

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;
}


/* ---------------------------------------- */
/* 会話窓追加 */

div#cf_wchat_profdata {
	margin:4px 0 0;
	padding:2px;
	width:285px;
	height:22px;
	font-size: 11px;
	overflow: auto;
	border:0px solid #80a547;
	background-color:#f3f7e8;
	display:none;
}


/* ---------------------------------------- */
/* ともだちリスト追加 */
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 { /*-名前-*/
	margin:6px 0 0 6px;
	width:110px;
	float:left;
}
p.cf_fle_names{
	float:left;
	margin:2px 0 0 8px;
}


/* ---------------------------------------- */
/* タイトル追加 */
.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;
}



/* ---------------------------------------- */
/* 読み込みメーター */
div#cf_loadmeter {
	position: absolute;
	width: 140px;
	height: 70px;
	left: 230px;
	top: 135px;
	border: 1px solid #f3f7e8;
	text-align: center;
	font-size: 12px;
	color:#f3f7e8;
}
div#cf_loadmeter p {
	margin: 12px 0 0 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;
}


/* ---------------------------------------- */
/* 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;
	display: none;
}
#cf_mapname_img {
	margin: 0;
	padding: 0;
	position: absolute;
	border: 0;
	width: 152px;
	height: 24px;
	left: 0px;
	top: 0px;
	display: block;
}


/* ---------------------------------------- */
/* 広告エリア ミニマップ */
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_greeting_base ,
div#cf_minichat_base {
	margin: 10px auto;
	padding: 0;
	width: 180px;
	height: 150px;
	overflow: auto;
	text-align:left;
	border: 1px solid #497500;
	display: none;
}
div#cf_greeting_base.large ,
div#cf_minichat_base.large {
	height: 320px;
}

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

div#cf_minichat_name {
	margin: 0 0 0 2px;
	padding: 0;
	width: 114px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:left;
	overflow:hidden;
	float:left;
}
div#cf_minichat_num {
	margin: 0;
	padding: 0 2px 0 0;
	width: 40px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:right;
	overflow:hidden;
	float:right;
}
div#cf_greeting_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 {
	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: 2px 0 0 2px;
	padding: 0;
	width: 15px;
	height: 15px;
	background:transparent url(../image/common/minichat_btn.gif) no-repeat;
	background-position:0px 0px;
}
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_greeting_log ,
div#cf_minichat_user,
div#cf_minichat_log {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 130px;
	overflow: auto;
	text-align:left;
}
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_greeting_log p,
div#cf_minichat_user p,
div#cf_minichat_log p {
	margin: 0 3px;
	padding: 4px 2px;
	width: 152px;
	word-wrap:break-word;
	font-size:11px;
	color:#293E1C;
}
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 {
	color:#802070;
}
div#cf_minichat_log p.logbk0 {
	background-color:#e8fae0;
}
div#cf_minichat_user p.logbk0 {
	background-color:#e0e8fa;
}
div#cf_greeting_log p.logbk0 {
	background-color:#fae8e8;
}
div#cf_greeting_log p.logbk1,
div#cf_minichat_user p.logbk1,
div#cf_minichat_log p.logbk1 {
	background-color:#ffffff;
}




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

/* 同行モード */
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_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;
}



/* ---------------------------------------- */
/* BBS追加 */
.bbs_title_select {
	background-color:#ffd756;
	color:#61422b;
}


/* ---------------------------------------- */
/* 通常メニュー＆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;
}

#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;
}
#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;
}

.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;
}
/* 使用禁止 */
.menubutton p.no_use,
.ormenubutton div.no_use {
	cursor: default;
	background-color:#554444;
}
.menubutton p.no_use {
	padding: 0 0 0 2px;
}

.ormenubutton p{
	color:#FFFFFF;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 2px;
	overflow: hidden;
	line-height: 20px;
	height: 20px;
}

.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;
}

.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,
.ormenubutton a:hover	{color: #FFF; text-decoration: none; background:#AC6A29; }


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

#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.nr {
	height:26px;
	background-color:#ffeaea;
}
#cf_ml_list li div {
	margin:0;
	padding:0;
	width:380px;
	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;
	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 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;
}