/* CSS Document */

/*-----▼----------------*/
/*-----▲----------------*/
* {
 margin:0;
 padding:0;
 border:0;
}
html {
    margin-bottom:1px;
    height:100%;
    }
body{
  font-family:
  "ＭＳ Ｐゴシック", "MS P Gothic", 
 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 
  "Osaka",
  Helvetica, Arial, sans-serif;
	background:#F6F4EF url(../image/common/main_bg.gif) repeat-x;
	font-size:small;
	color:#293E1C;
    height:100%;
	position:relative;/* IE7のズームによるposition表示崩れを防ぐ*/
}
button{
	cursor:pointer;
	background-repeat:no-repeat;
}
/*-Opera用-*/
button:not(\*|*){ /*-ボタン-*/
	padding-top:4px!important;
}

a{
	cursor:pointer;
}


/* ===== 見出し ===== */
h1 { font-size : 160%;}
h2 { font-size : 130%;}
h3 { font-size : 125%;}
h4 { font-size : 110%;}
h5 { font-size : 105%;}
h6 { font-size : 90%;}


/* ===== リンク設定 ===== */
a:link 		{color: #1D4D00; text-decoration: none}
a:active 	{color: #FFFFFF; text-decoration: none;}
a:visited 	{color: #9B4200; text-decoration: none;}
a:hover 	{ color:#FFC400; text-decoration: none;}


/* ===== 共通設定 ===== */
.bol16{
	font-size:16px;
	font-weight:bold;
	color:#5B7E3C;
}
.ano10{
	color:#656661;
	font-size:10px;
}

.triangle13{
	background:url(../image/common/triangle13.gif) bottom left no-repeat;
	padding:0 0 0 15px;
}
.red{color:#EE0000;}
.orange{color:#EE6700;}
.m5{margin:5px;}
.m10{margin:10px;}
.mx20{margin-left:20px; margin-right:20px;}
.line_c1{border:1px solid #CCC}


div.area_line{/*-境界ライン-*/
	background:url(../image/common/fp_area_line.gif);
	width:424px;
	height:22px;
	padding:3px 0 0 16px;
	margin:0 0 5px;
	clear:both;
	color:#406D01;
	font-weight:bold;
}
button.small_bd, button.small_bu{ /*-詳細ボタンなど▼▲-*/
	width:48px;
	height:15px;
	background:transparent url(../image/common/mp_button.gif) no-repeat;
	background-position:-2px -185px;
	color:#335F19;
	font-size:10px;
	padding:0 5px 3px 0;
}
button.small_bu{ /*-簡易ボタンなど▲-*/
	background-position:-52px -185px;
}
button:hover.small_bd, button:hover.small_bu{ /*-詳細ボタンなど▼▲hover-*/
	background-position:-2px -202px;
	color:#D5620C;
}
button:hover.small_bu{/*-簡易ボタンなど▲hover-*/
	background-position:-52px -202px;
}

button.middle_b{ /*-文字数が少ない中サイズボタン-*/
	width:40px;
	height:26px;
	background:transparent url(../image/common/button_middle.gif) no-repeat;
	background-position:-1px -1px;
	letter-spacing:2px;
	color:#335F19;
	font-size:13px;
	padding:0 0 2px;
}
button:hover.middle_b{ /*-文字数が少ない中サイズボタンhover-*/
	background-position:-1px -29px;
	color:#D5620C;
}
button.long_b{ /*-文字数が多い長いサイズボタン-*/
	width:125px;
	height:21px;
	font-size:12px;
	color:#335F19;
	padding:0 0 2px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -47px;
	background-color:transparent;
}
/*-IE7、IE8対策-*/
*:first-child+html button.long_b{
	padding:2px 0 0;
}
head~/* */body button.long_b{
	padding:2px 0 0;
}
html:not(:target) button.long_b{
	padding:0 0 2px;
}

button:hover.long_b{
	background-position:-2px -70px;
	color:#D5620C;
}
button.normal_b,
div.normal_b button{ /*-普通サイズボタン-*/
	width:80px;
	height:21px;
	font-size:12px;
	color:#335F19;
	padding:0 0 2px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
	background-color:transparent;
}
/*-IE7、IE8対策-*/
*:first-child+html button.normal_b,
*:first-child+html div.normal_b button{
	padding:2px 0 0;
}
head~/* */body button.normal_b,
head~/* */body div.normal_b button{
	padding:2px 0 0;
}
html:not(:target) button.normal_b,
html:not(:target) div.normal_b button{
	padding:0 0 2px;
}

button:hover.normal_b,
div.normal_b button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}


p.info_p{/*-ちょっとした説明P-*/
	font-size:10px;
	color:#5C5C5C;
}
/*-clearfix float解除-*/
.fclear {/*- IE用 -*/
    zoom: 100%;
}
.fclear:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
img.faceimg_64{ /*-顔画像サイズ60px-*/
	width:60px;
	height:60px;
	background:url(../image/common/fp_simpleidface.gif) top left no-repeat;
	padding:3px 9px 2px 9px;
}
.fleft{float:left;}
.fright{float:right;}


div.close_bx0{/*-×（閉じる）ボタン（小）DIV共通-*/
	position:relative;
	margin:0;
}
div.close_bx0 button{ /*-×（閉じる）ボタン（小）共通-*/
	position:absolute;
	display:block;
	bottom:5px;
	left:305px;
	height:14px;
	width:14px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	background-position:-124px -1px;
	z-index:2;
}
div.close_bx0 button:not(\*|*){ /*-Opera用-*/
	bottom:3px;
}
div.close_bx0 button:hover {
	background-position:-124px -16px;
}

button.close_bx { /*-×（閉じる）ボタン（小）共通-*/
	height:14px;
	width:14px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	background-position:-124px -1px;
}
button:hover.close_bx{ /*-×（閉じる）ボタン（小）共通-*/
	background-position:-124px -16px;
}


button.button_close { /*-×（閉じる）ボタン（大）共通-*/
	height:18px;
	width:18px;
	text-indent:-99999px;
	background-color:transparent;
	background-image:url(../image/common/mp_button.gif);
	background-position:-85px -1px;
}
button:hover.button_close{ /*-×（閉じる）ボタン（大）共通-*/
	background-position:-105px -1px;
}

/*-ページナビゲーション-*/
div.page_navi{
	margin:10px 1px 5px;
	clear:both;
}
div.page_navi button{ /*-次へ前へボタン-*/
	font-size:13px;
	color:#335F19;
	background-color:transparent;
	background-image:url(../image/common/mp_button.gif);
	margin:0;
	width:80px;
	height:21px;
	background-position:-2px -1px;
	padding:0 0 3px;
}

div.page_navi button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}

.fl{
	float:left;
}
.fr{
	float:right;
}
div.page_navi button.fl span{/*-次へ前へボタン三角-*/
	background:url(../image/common/ip_next.gif) bottom left no-repeat;
	padding:0 0 0 25px;
	margin:0;
	width:50px;
	height:13px;	
}
div.page_navi button.fr span{
	background:url(../image/common/ip_next.gif) bottom right no-repeat;
	padding:0 25px 0 0;
	margin:0;
	width:50px;
	height:13px;
}
div.page_navi button:hover.fl span{
	background:url(../image/common/ip_next_over.gif) bottom left no-repeat;

}
div.page_navi button:hover.fr span{
	background:url(../image/common/ip_next_over.gif) bottom right no-repeat;
}

div.page_navi button.b_gray,
div.page_navi button:hover.b_gray{ /*-次へ前へボタン 使用不可状態-*/
	background-position:-72px -139px;
	cursor:default;
}
div.page_navi button.b_gray span,
div.page_navi button:hover.b_gray span{/*-次へ前へボタン三角 使用不可状態-*/
	background-image:url(../image/common/ip_next_gray.gif);
	color:#aaa;
}















/* ===== レイアウト設定 ===== */
/* コンテンツ */
html, body {
	height: 100%;
	width:auto;
}

#container {
	width: 846px;
	height:100%;
	min-height:100%;
	margin:16px 0 0 10px;
	background:url(../image/common/ad_middle.gif) top left repeat-y;
	float:left;
}
.contents {
	margin:0;
	text-align: left;
	float:left;
}
#footer {
	width:620px;
	background: url(../image/common/footer.png) top left no-repeat;
	height: 42px;
	clear:right;
}
body > #container { /* Firefox用*/
	height: auto;
}

.contents_top {
	background:url(../image/common/main_top.png) top left no-repeat;
	width:620px;
	height:96px;
}
.contents_m {
	width:610px;
	padding:0 0 0 10px;
	text-align: left;
	background:url(../image/common/main_middle.gif) top left repeat-y;
}
div.contents_m img {
/*-	border-top:#447128 2px solid;-*/
}
.sub_contents {
	margin:0;
	padding:0 10px 10px;
	text-align: left;
	height:100%;
	background:url(../image/common/main_middle.gif) top left repeat-y;
}
.top_title {
	margin:5px 5px;
}

.logo{
	width:290px;
	height:64px;
	float:left;
}
.logo img{
	margin:5px 0 0 4px;
}

/*---▼ログイン---*/
.login_form{
	width:330px;
	height:70px;
	float:left;
}
.left_form{
	float:left;
	width:248px;
	height:70px;
	margin:15px 0 0;
}

.login_form p{
	clear:both;
	overflow:hidden;
	margin:0 0 5px;
	padding:0;
	width:244px;
	vertical-align:middle;
}
*+html .login_form p { /*-IE7用を含むIE用-*/
	margin:0 0 1px;
}

.login_form label{
	width:80px;
	height:19px;
	float:left;
	display:block;
	text-align:right;
	margin:3px 5px 0 0;
	font-size:10px;
	font-weight:bold;
	}
*+html .login_form label { /*-IE7用を含むIE用-*/
	height:22px;
	margin:3px 5px 0 0;
}

.login_form input{
	margin:0;
	width:152px;
	border:#476810 1px solid;
	padding:2px;
}		
.login_form p.submit{
	float:left;
	width:72px;
	margin:15px 0 0;
	clear:none;
}	
.login_form button{
	text-indent:-99999px;
	width:72px;
	height:50px;
	background-image:url(../image/common/login_button.gif);
	background-color:transparent;
	background-position:-1px -1px;
	cursor:pointer;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	position:absolute;/*-IEだと画像も消えるための対策-*/
}
.login_form button:hover{
	background-position:-1px -52px;
}
.login_form button:active{
	background-position:-1px -103px;
}

/*---▲ログイン---*/
/*---▼ログアウト---*/
.logout_form{
	width:330px;
	height:70px;
	float:left;
}
.left_form{
	float:left;
	width:248px;
	height:70px;
	margin:15px 0 0;
}

.logout_form p.submit{
	float:left;
	width:72px;
	margin:15px 0 0;
	clear:none;
}	
.logout_form button{
	text-indent:-99999px;
	width:72px;
	height:50px;
	background-image:url(../image/common/logout_button.gif);
	background-position:-1px -1px;
	background-color:transparent;
	cursor:pointer;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	position:absolute;/*-IEだと画像も消えるための対策-*/
}
.logout_form button:hover{
	background-position:-1px -52px;
}
.logout_form button:active{
	background-position:-1px -103px;
}

/*---▲ログアウト---*/

.information_area{
	background:#000 url(../image/common/information_bg.gif);
	border-top:#646D56 2px solid;
	border-left:#2E3623 2px solid;
	color:#999999;
	clear:both;
	font-size:12px;
	height:20px;
	margin:0 0 0 10px;
	width:598px;
}
.information_area marquee{
	width:560px;
	float:right;
	margin:3px 0 0;
}
.info_alerts{
	background:#000 url(../image/common/info_alerts.gif)  top left no-repeat;
	color:#FFBF02;
	font-weight:bold;
	text-align:center;
}
.info_alerts:before {content: url("../image/common/info_alerts_icon.gif") }
.info_alerts:after {content: url("../image/common/info_alerts_icon.gif") }

/*-音声（オンオフ）-*/
span.speaker{
	position:relative;
	text-align:right;
	margin:0;
}
span.speaker button{
	width:29px;
	height:19px;
	background-color:transparent;
	position:absolute;
	display:block;
	top:-20px;
	left:10px;
}
span.speaker button.speaker_on img{
	background:url(../image/common/i_speaker_on.gif)  top left no-repeat;
}
span.speaker button.speaker_on:hover img{
	background:url(../image/common/i_speaker_on_over.gif)  top left no-repeat;
}
span.speaker button.speaker_off img{
	background:url(../image/common/i_speaker_on_over.gif)  top left no-repeat;
}
span.speaker button.speaker_off:hover img{
	background:url(../image/common/i_speaker_off_over.gif)  top left no-repeat;
}

/*---▼メッセージ---*/
div.message_form{
	width:290px;
	height:60px;
	margin:0 0 0;
	background:url(../image/common/message_form.gif)  top left no-repeat;
	position:absolute;
	left:256px;
	top:24px;
}
div.message_left{
	width:56px;
	height:60px;
	float:left;
	padding:2px 0 0 2px;
}
div.message_left ul{
	width:56px;
	height:54px;
	list-style:none;
}
div.message_left li{
	color:#555;
	width:56px;
	height:19px;
}
div.message_left li.select{/*-選択時-*/
	font-weight:bold;
	background:url(../image/common/message_left_sel.gif)  top right no-repeat;
}

div.message_left li a{
	width:34px;
	height:18px;
	margin:0;
	padding:1px 0 0 22px;
	background:url(../image/common/message_icon.gif)  top left no-repeat;
	display:block;
}
div.message_left li a:hover{
	color:#EA9306;
}
div.message_left li.b_gray a{/*-使用不可-*/
	cursor:auto;
	color:#999;
}

div.message_left li.get_mail a{/*-受信-*/
	background-position:-1px 0;
}
div.message_left li.get_mail.blink a{/*-受信点滅-*/
	background-position:-1px -36px;
}
div.message_left li.get_mail a:hover{/*-受信オーバー-*/
	background-position:-1px -18px;
}
div.message_left li.get_mail.b_gray a{/*-受信使用不可-*/
	background-position:-1px -54px;
}
div.message_left li.send_mail a{/*-送信-*/
	background-position:-1px -73px;
}
div.message_left li.send_mail.blink a{/*-送信点滅-*/
	background-position:-1px -109px;
}
div.message_left li.send_mail a:hover{/*-送信オーバー-*/
	background-position:-1px -91px;
}
div.message_left li.send_mail.b_gray a{/*-送信使用不可-*/
	background-position:-1px -127px;
}
div.message_left li.chat a{/*-チャット-*/
	background-position:-1px -145px;
}
div.message_left li.chat.select a{/*-チャット選択時-*/
	padding:1px 0 0 20px;
	letter-spacing:-1px;
	background-position:-1px -145px;
}
div.message_left li.chat.blink  a{/*-チャット点滅-*/
	background-position:-1px -181px;
}
div.message_left li.chat a:hover{/*-チャットオーバー-*/
	background-position:-1px -163px;
}
div.message_left li.chat.b_gray a{/*-チャット使用不可-*/
	background-position:-1px -199px;
}
div.message_right{/*-右DIV-*/
	width:228px;
	height:56px;
	float:right;
	padding:2px;
}
div.message_right button{ /*-ボタン-*/
	width:38px;
	height:18px;
	background:url(../image/common/message_button.gif)  top left no-repeat;
	background-position:-1px -1px;
	text-indent:0;
	font-weight:normal;
	color:#335F19;
	position:static;
	font-size:12px;
	letter-spacing:1px;
	padding-bottom:2px;
	}
div.message_right button:hover{
	background-position:-1px -21px;
	color:#D5620C;
	}
div.message_right button.b_gray{ /*-ボタン使用不可-*/
	background-position:-1px -41px;
	cursor:auto;
	color:#8B8B8B;
	}

div.message_right_face{/*-右顔DIV-*/
	width:40px;
	height:56px;
	float:left;
	overflow:hidden;
	padding:0 0 0 1px;
}
div.message_right_face img{
	width:35px;
	height:35px;
	margin:0 0 2px;
}
div.message_right_top{/*-右上DIV-*/
	width:185px;
	height:37px;
	float:right;
	overflow:hidden;
	font-size:12px;
}
div.message_right p{
	width:180px;
	margin:0;
	padding:0;
}
div.message_right p.m_name{/*-名前-*/
	height:12px;
	padding-top:1px;
	padding-bottom:2px;
	overflow:hidden;
	border-bottom:1px solid #D3DDC3;
	margin:0 2px 0 0;
}
div.message_right p.get_message{/*-受信メッセージ-*/
	padding-top:1px;
	height:18px;
	overflow:auto;
}
div.message_right_bottom {/*-右下DIV-*/
	width:185px;
	height:20px;
	float:right;
}
div.message_right_bottom button{ /*-右下DIVボタン-*/
	margin:0 2px 0 0;
	overflow:hidden;
	float:right;
}

div.message_right textarea{/*-文字入力-*/
	width:140px;
	height:16px;
	font-size:12px;
	margin:0;
	border:#859D64 solid 1px;
	background-color:transparent;
	overflow:auto;
	float:left;
}
div.message_right marquee{ /*-流れる受信メッセージ-*/
	width:140px;
	height:16px;
	font-size:12px;
	margin:0;
	border:#FFF solid 1px;
	float:left;
	overflow:hidden;
}
div.message_right select{/*-生徒選択-*/
	width:222px;
	height:18px;
	border:1px solid #859D64;
	margin:0 0 0 3px;
}
/*-メール受信モード-*/
div.get_mail_r div.message_right_face{/*-メール受信-*//*-右顔DIV-*/
	width:36px;
	height:35px;
	margin:2px 0 0 0;
}
div.get_mail_r div.message_right_top{/*-メール受信-*//*-右上DIV-*/
	width:228px;
	height:18px;
	float:right;
	overflow:hidden;
	font-size:12px;
}
div.get_mail_r div.message_right_top button{/*-メール受信-*//*-右上DIVボタン-*/
	width:27px;
	height:16px;
	margin:0 1px;
}
div.get_mail_r div.message_right_top button.m_prev{/*-メール受信-*//*-右上DIVボタン前-*/
	background-position:-1px -60px;
	text-align:right;
}
div.get_mail_r div.message_right_top button:hover.m_prev{/*-メール受信-*//*-右上DIVボタン前-*/
	background-position:-1px -78px;
}
div.get_mail_r div.message_right_top button.m_prev.b_gray{/*-メール受信-*//*-右上DIVボタン前使用不可-*/
	background-position:-1px -96px;
}
div.get_mail_r div.message_right_top button.m_next{/*-メール受信-*//*-右上DIVボタン次-*/
	background-position:-30px -60px;
	text-align:left;
}
div.get_mail_r div.message_right_top button:hover.m_next{/*-メール受信-*//*-右上DIVボタン次-*/
	background-position:-30px -78px;
}
div.get_mail_r div.message_right_top button.m_next.b_gray{/*-メール受信-*//*-右上DIVボタン次前使用不可-*/
	background-position:-30px -96px;
}

div.get_mail_r div.message_right_top p.m_name{/*-メール受信-*//*-右上DIV_P-*/
	width:165px;
	height:12px;
	margin:0 2px 0 0;
	float:right;
}
div.get_mail_r div.message_right_bottom{/*-メール受信-*//*-右下DIV-*/
	width:190px;
	height:36px;
	float:right;
	overflow:hidden;
	margin:3px 0 0;
}
div.get_mail_r div.message_right_bottom textarea{/*-メール受信-*//*-文字入力-*/
	width:147px;
	height:32px;
	border:#859D64 solid 1px;
}
/*-メール送信モード、チャット依頼モード-*/
div.send_mail_r div.message_right_bottom,
div.chat_b div.message_right_bottom{/*-メール受信-*//*-右下DIV-*/
	width:225px;
	height:34px;
	float:right;
	overflow:hidden;
	margin:3px 0 0;
}
div.send_mail_r div.message_right_bottom textarea,
div.chat_b div.message_right_bottom textarea{/*-メール受信-*//*-文字入力-*/
	width:182px;
	height:32px;
	border:#859D64 solid 1px;
}
/*-チャットモード-*/
div.chat_r div.message_right_top span{
	font-size:11px;
	float:right;
	margin:1px 5px 0;
	color:#464646;
}
div.chat_r form.message_right_bottom input{/*-文字入力-*/
	width:142px;
	height:18px;
	font-size:12px;
	margin:0 2px 0 2px;
	border:#859D64 solid 1px;
	background-color:transparent;
	overflow:auto;
	float:left;
}

/*-チャット呼出モード-*/
div.chat_c div.message_right_top{/*-チャットモード-*//*-右上DIV-*/
	width:228px;
	height:34px;
	overflow:visible;
	text-align:center;
	float:none;
}
div.chat_c div.message_right_top p.m_name{/*-名前-*/
	width:218px;
	border-bottom:1px solid #D3DDC3;
	text-align:left;
	padding:1px 0 2px 0;
	margin:0 0 0 5px;
}

div.chat_c div.message_right_top span{
	position:relative;
	top:10px;
	right:10px;
	padding:0 40px;
}
div.chat_c div.message_right_top span.call{
	background:url(../image/common/message_call.gif)  top center no-repeat;
}
div.chat_c div.message_right_bottom{/*-右下DIV-*/
	width:219px;
	height:20px;
	float:right;
	margin:3px 0 0;
}
div.chat_c div.message_right_bottom button{/*-チャットモード-*//*-右上DIVボタン-*/
	background-position:-40px -1px;
	width:46px;
	height:18px;
}
div.chat_c div.message_right_bottom button:hover{
	background-position:-40px -21px;
}
div.chat_c div.message_right_bottom button.b_gray{/*-使用不可-*/
	background-position:-40px -40px;
}


/*--メンテナンス------*/

div.maintenance_base{
	width:330px;
	height:50px;
	background:url(../image/common/maintenance_base.gif)  top left no-repeat;
	margin:0;
	position:absolute;
	top:29px;
	left:284px;
}
div.maintenance_base p{
	margin:0;
	height:auto;
	width:auto;
	padding:7px;
	line-height:140%;
}


/*-----▼デモ----------------*/
div.contents_m img.demo_flame{
	position:absolute;
	top:112px;
	left:20px;
	border-top:none;
	padding:0;
}
div.contents_m .new_account a{
	position:absolute;
	top:284px;
	left:200px;
	border-top:none;
	height:47px;
	width:244px;
	background-image:url(../image/common/new_account.png);
	background-position:0 0;
	text-indent:-9999px;
}
div.contents_m .new_account a:hover{
	background-position:0 -47px;
}
div.contents_m .new_account a:active{
	background-position:0 -94px;
}

/*-----▼広告----------------*/
.ad_banner {
	float:left;
	width:218px;
	margin-left:8px;
	padding:20px 0 0 0;
	text-align:center;
	background:url(../image/common/ad_top.gif) top left no-repeat;
}
.ad_banner img{
	margin:10px 0;
}
/*-8月19日更新-*/
.beginner_guide_area{
	padding:0;
	margin:-4px auto 10px;
	width:180px;
	height:70px;
	overflow:hidden;
	position:relative;
}
.beginner_guide_area img{
	margin:0;
}
.beginner_guide_area a img {
	position:absolute;
	top:0;
	left:0;
}
.beginner_guide_area a:hover img {
	top:-70px;
	left:0px;
}
.ad_banner_middle{
	height:340px;
	}
.ad_banner_middle img{
	margin:12px 0 0;
}
/*-8月19日更新-*/	

/*-----▼ログイン用----------------*/
.login_banner {
	margin:8px 0 0 0;
	width:600px;
	text-align:center;
}

.button_chice {
	display:block;
	text-align:center;
	margin:16px 140px;
}
/*-----▼ログイン前ヘルプ----------------*/
div.help_menu{
	padding:11px 0 0 0;
	text-align:center;
	background:url(../image/common/login_banner_bg.gif) top left repeat-x;
	color:#464646;
	width:599px;
}
div.help_tnavi{/*-ヘルプトップナビ-*/
	background:#F0F0F0 url(../image/common/help_top_img.jpg) top left no-repeat;
	width:590px;
	height:136px;
	margin:0 0 9px 5px;
}
img.help_balloon1{/*-吹き出し1-*/
	position:relative;
	bottom:30px;
	right:49px;
	z-index: 500;
}
img.help_balloon2{/*-吹き出し2-*/
	position:relative;
	bottom:55px;
	left:22px;
	z-index:500;
}
.help_tnavi ul{
	width:590px;
	height:34px;
	margin:5px 0 0;
	padding:0;
}
.help_tnavi li, .help_tnavi a{
	width:112px;
	height:34px;
	float:left;
	background-image:url(../image/common/help_navibutton.gif);
	background-position:-1px -1px;
	display:block;
	text-indent:-9999px;
	margin:0 0 0 5px;
}
.help_tnavi a{margin:0;}
.help_tnavi_b01, .help_tnavi_b01 a{
	background-position:-1px -1px;

}
.help_tnavi_b02, .help_tnavi_b02 a{
	background-position:-114px -1px;

}
.help_tnavi_b03, .help_tnavi_b03 a{
	background-position:-227px -1px;

}
.help_tnavi_b04, .help_tnavi_b04 a{
	background-position:-340px -1px;

}
.help_tnavi_b05, .help_tnavi_b05 a{
	background-position:-453px -1px;
}

.help_tnavi_b01 a:hover{
	background-position:-1px -73px;

}
.help_tnavi_b02 a:hover{
	background-position:-114px -73px;

}
.help_tnavi_b03 a:hover{
	background-position:-227px -73px;

}
.help_tnavi_b04 a:hover{
	background-position:-340px -73px;

}
.help_tnavi_b05 a:hover{
	background-position:-453px -73px;
}
li.help_tnavi_b01sl{
	background-position:-1px -37px;

}
li.help_tnavi_b02sl{
	background-position:-114px -37px;

}
li.help_tnavi_b03sl{
	background-position:-227px -37px;

}
li.help_tnavi_b04sl{
	background-position:-340px -37px;

}
li.help_tnavi_b05sl{
	background-position:-453px -37px;
}
div.help_subnavi{/*-ヘルプ左ナビ-*/
	width:146px;
	height:358px;
	background:url(../image/common/help_subnavi.gif) top left no-repeat;
	display:block;
	float:left;
	margin:0 0 0 5px;
	overflow:hidden;
	text-align:left;
}
div.help_subnavi ul{
	list-style:none;
	margin:24px 0 0 6px;
}
div.help_subnavi li a{
	color:#794300;
	font-weight:bold;
	font-size:12px;
	padding:4px 8px 2px 4px;
	width:120px;
	border-bottom:#DCDCDD 1px solid;
	background:url(../image/common/help_subnavi_link.gif) no-repeat;
	background-position:0 0;
	display:block;
}
div.help_subnavi li a:hover{
	color:#FFC400;
	background-position:-136px 0;
	border-bottom:#FFC400 1px solid;
}
div.help_data{
	width:440px;
	background:#FFF url(../image/common/help_data_bottom.gif) bottom right no-repeat;
	float:right;
	margin:0 4px 0 0;
	padding:0 0 20px;
	text-align:left;
}
div.help_large {
	width:590px;
	background:#FFF url(../image/common/help_data_bottom_l.gif) bottom right no-repeat;
	margin:0 0 0 5px;
	float:none;
}

div.help_data p{
	margin:10px 20px 5px;
	line-height:130%;
	text-align:justify;
	text-justify:auto;
}
div.help_data p.f10{
	margin:0px 20px 0px;
	font-size:10px;
	color:#727272;
}

img.h_center{
	display:block;
	margin:10px auto;
}
div.help_data h1{
	background:url(../image/common/help_data_top.gif) top right no-repeat;
	margin:0 0 10px;
	padding:5px 10px 0;
	height:19px;
	color:#FFF;
	font-size:12px;
}
div.help_large h1{
	background:url(../image/common/help_data_top_l.gif) top right no-repeat;
}
div.help_data h2{
	margin:0 10px 10px;
	padding:5px 2px 2px 20px;
	color:#538238;
	border-bottom:2px solid #569F1F;
	background:url(../image/common/help_h2.gif) top left no-repeat;
	font-size:12px;
}
div.help_data h3{
	margin:0 10px 2px;
	padding:5px 2px 2px 16px;
	color:#538238;
	background:url(../image/common/help_h3.gif) bottom left no-repeat;
	font-size:12px;
	border-bottom:1px solid #569F1F;
}
div.help_data h4{
	margin:10px 10px 2px 20px;
	padding:5px 2px 2px 2px;
	color:#3F6E26;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #CCC;
}
div.help_data h4 img{
	float:left;
	margin:0 4px 0 0;
}
table.help_table {
    width: 400px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:10px auto 20px;
}
table.help_table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.help_table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
div.help_img2rows{
	width:219px;
	text-align:center;
	float:left;
	margin:0 0 15px;
}
div.help_img2rows img{
}
div .help_data div.help_img2rows p{
	text-align:center;
	margin:5px 0 0;
	padding:0;
	color:#336600;
}
div .help_data div.help_img2rows p{
	text-align:center;
	margin:5px 0 0;
	padding:0;
	color:#336600;
}
ul.help_list{
	list-style:none;
	width:130px;
	margin:140px 5px 0 0;
	display:inline;
	float:right;
}
ul.help_list li{
	margin:0 0 15px;
	padding:5px;
    line-height:130%;
	border:1px solid #CCC;
	font-size:12px;
}
ul.help_list li span{
	font-size:14px;
	font-weight:bold;
	padding:0 5px 0 0;
	color:#DE4E46;
}
div.help_item {
	margin:20px 10px 10px;
}

div.help_item img{
	border:1px solid #CCC;
	margin:0px 10px 20px;
	float:left;
	clear:both;

}
div.help_item h4{
	width:300px;
	float:left;
	margin:0;
	padding:0;
}
div.help_item h4 span{
	font-size:14px;
	font-weight:bold;
	margin:0 10px 0 5px;
}
div.help_item p{
	width:300px;
	float:left;
	margin:5px 0 5px;
}
/*-IE7用-*/
*:first-child+html div.help_item h4,
*:first-child+html div.help_item p{
	float:none;
}
.f14b{
	font-size:14px;
	font-weight:bold;
	margin:0 10px 0 5px;
}

/*-お問い合わせ-*/
.help_form {
	width:420px;
	margin:10px;
  border-collapse:collapse;

}
.help_form table{
  border-collapse:collapse;
}
.help_form th,.help_form td {
  vertical-align: top;
  border: 1px solid #E3E3E3;
  border-collapse:collapse;
}

.help_form th {
  padding: 5px 10px 10px 10px;
  background-color: #F5F5F5;
  width:110px;
}

.help_form td{ padding: 5px 10px 10px 10px; }
.help_form textarea{
	border:1px solid #DDD;
	width:250px;
	margin:5px 10px;
}
.help_form select{
	width:250px;
	border:1px solid #DDD;
	margin:5px 10px;
}
.help_form input{
	width:250px;
	border:1px solid #DDD;
	margin:5px 10px;
}
.help_form input.help_input_button{
	border:none;
	width: 70px;
	height:33px;
	margin:5px;
	background:url(../image/common/bbs_button.gif) top left no-repeat;
	background-position:-1px -1px;
	color:#002661;
	cursor:pointer;
}

/*-----▼選択肢ボタン----------------*/
.button_chice, .button_chice2 {
	display:block;
	text-align:center;
	margin:16px 140px;
}

.button_chice a, .button_chice2 a{
	background-image:url(../image/common/button_choice.png);
	background-position:-1px 0;
	padding:9px 0 0;
	width:320px;
	height:25px;
	color:#375700;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	display:block;
	font-weight: bold;
}
.button_chice2_on a,
.button_chice a:hover {
	background-position:-1px -34px;
	color:#005175;
}

/*-選択肢ボタン短い-*/

button.button_chice_middle{
	background-image:url(../image/common/button_choice_middle.png);
	background-color:transparent;
	background-position:-1px 0;
	padding:0 0 2px;
	width:200px;
	height:34px;
	color:#375700;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	display:block;
}
button:hover.button_chice_middle{
	background-position:-1px -34px;
	color:#005175;
}





/*-----▼会話メニューボタン --------*/
div.button_talkmenu_l{
	float:left;
	width:298px;
	height:330px;
}
div.button_talkmenu_r{
	float:left;
	width:298px;
	height:330px;
}

div.button_talkmenu_l div, div.button_talkmenu_r div {
	display:block;
	text-align:center;
	margin:30px;
	width:166px;
	height:57px;
}
div.button_talkmenu_l div {
	margin:30px;
}
div.button_talkmenu_r div {
	margin:30px 0 30px 100px;
}


div.button_talkmenu_l div a, div.button_talkmenu_r div a{
	width:135px;
	height:29px;
	padding:20px 15px 8px;
	cursor:pointer;
	background-image:url(../image/common/button_talkmenu.png);
	background-position:0 0;
	display:block;
}
div.button_talkmenu_l div.talkmenu2line a {
	padding:13px 15px 8px;
	height:36px;
}

div.button_talkmenu_l div a:hover, div.button_talkmenu_r div a:hover{
	background-position:0 -56px;
	color:#02365D;
}




/*-----▼会話メニューボタン いじり 2009.12.05 --------*/

div.button_talkmenu{
	display:block;
	text-align:center;
	margin:0px;
	width:166px;
	height:57px;
	position: absolute;
}
div.button_talkmenu a{
	width:135px;
	height:29px;
	padding:20px 15px 8px;
	cursor:pointer;
	background-image:url(../image/common/button_talkmenu.png);
	background-position:0 0;
	display:block;

	font-weight: bold;
}
div.button_talkmenu_hover a,
div.button_talkmenu a:hover{
	background-position:0 -56px;
	color:#A04C2B;
}
/* 座標 */
.button_talkmenu_lt{
	left:30px;
	top: 30px;
}
.button_talkmenu_lm{
	left:30px;
	top:120px;
}
.button_talkmenu_lb{
	left:30px;
	top:210px;
}
.button_talkmenu_rt{
	left:404px;
	top: 30px;
}
.button_talkmenu_rm{
	left:404px;
	top:120px;
}
.button_talkmenu_rb{
	left:404px;
	top:210px;
}




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

.parameter {
	margin:0 4px 0 4px;
	width: 138px;
	float:left;
}

.mbox_chara,.mbox_control{ /*-キャラ顔-*/
	position:relative;
	z-index:2;
	bottom:25px;
	right:4px;
	border:none;
	height: 146px;
	width: 152px;
	margin:0 0 -19px;
	background:url(../image/common/mbox_chara.png) top left no-repeat;
}
.mbox_chara img{ /*-キャラ顔-*/
	margin:14px 11px 0;
}
/*-----▼移動用----------------*/
.mbox_control { 
	background:url(../image/common/mbox_chara_con.png) top left no-repeat;
}
.mbox_control a { /* FireFox用、選択範囲点線を消す　*/
    overflow: hidden;
    outline: none;
}
.con_left, .con_front, .con_right, .con_back, .con_reload{
	height:42px;
	width:42px;
	text-indent:-99999px;
	}

.con_left, .con_left a {
	background-position:-1px -1px;
	position:absolute;
	left:11px;
	top:56px;
}
.con_front, .con_front a {
	background-position:-44px -1px;
	position:absolute;
	left:53px;
	top:14px;
}
.con_right, .con_right a {
	background-position:-87px -1px;
	position:absolute;
	left:95px;
	top:56px;
}
.con_back, .con_back a {
	background-position:-130px -1px;
	position:absolute;
	left:53px;
	top:98px;
}
.con_reload, .con_reload a {
	background-position:-173px -1px;
	position:absolute;
	left:53px;
	top:56px;
}
.con_left a:hover {
	background-position:-1px -44px;
}
.con_front a:hover {
	background-position:-44px -44px;
}
.con_right a:hover {
	background-position:-87px -44px;
}
.con_back a:hover {
	background-position:-130px -44px;
}
.con_reload a:hover {
	background-position:-173px -44px;
}
.con_left a:active {
	background-position:-1px -87px;
}
.con_front a:active {
	background-position:-44px -87px;
}
.con_right a:active {
	background-position:-87px -87px;
}
.con_back a:active {
	background-position:-130px -87px;
}
.con_reload a:active {
	background-position:-173px -87px;
}

.con_left a, .con_front a, .con_right a, .con_back a, .con_reload a, .con_reload a {
	background-image:url(../image/common/mbox_con.png);
	top:0;
	left:0;
	height:42px;
	width:42px;
}

/*-----▲移動用----------------*/


.para_top {
	background:url(../image/common/p_top.png) top left no-repeat;
	height:30px;
}
.para_body {
	padding:4px 0 4px 0;
	background:#FFF;
	border-left:1px solid #97B170;
	border-right:1px solid #97B170;
	color:#464646;
}
.para_bottom {
	background:url(../image/common/p_bottom.png) top left no-repeat;
	height:10px;
}


p.p_right{
	text-align:right;
	margin:0 0 5px 0;
	padding:2px 5px 0 0;
	height:16px;
	font-size:12px;
}

p.p_left{
	text-align:center;
	margin:0 0 0 0;
	padding:3px 4px 0 4px;
	height:18px;
	color:#2F4801;
	font-size:12px;
	float:left;
	width:60px;
	background:url(../image/common/p_block_left.gif) top left no-repeat;
}
.button_r p.p_left{
	width:40px;
	background:url(../image/common/p_iconblock_left.gif) top left no-repeat;
}

div.p_ticket .p_right, div.p_coin .p_right, div.p_feather .p_right{
	padding:2px 20px 0 0;
	margin:0 1px 0 0;
}
div.p_ticket .p_right,
div.p_feather .p_right{
	margin:0 3px 5px 0;
}

div.p_ticket .p_right{
	background:url(../image/common/i_ticket.gif) bottom right no-repeat;
}
div.p_coin .p_right{
	background:url(../image/common/i_coin.gif) bottom right no-repeat;
}
div.p_feather .p_right{
	background:url(../image/common/i_feather.gif) bottom right no-repeat;
}
div.p_ticket .p_left, div.p_coin .p_left, div.p_feather .p_left{
	width:50px;
	background:url(../image/common/p_block_left_short.gif) top left no-repeat;
}
div.p_icon_block .p_left{
	width:40px;
	margin:0 0 0 0;
	padding:3px 4px 0 4px;
	height:17px;
	background:url(../image/common/p_iconblock_left.gif) top left no-repeat;
}
div.p_icon_block .p_f10{
	font-size:11px;
	padding:4px 4px 0 4px;
	height:16px;
}


div.p_block br{
	font-size:8px;
	clear:both;
	}
	
div.p_block {
	width:136px;
	border-bottom:1px solid #BAD365;
	margin:6px 0 0 0;
	clear:both;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 20090919 変更 */
/* 元
	.p_face_a{
		background:url(../image/p_chara_al.gif) top center no-repeat;
		height:83px;
		width:108px;
		text-align:right;
	}
	div.p_face_a img{
		border-left:1px solid #666;
		border-right:1px solid #666;
		border-bottom:1px solid #666;
		border-top:1px solid #666;
	}
*/

/* いじり後 */
.p_face_a{
	height:100px;
	width:108px;
}
div.p_face_a img{
	width: 100px;
	height: 100px;
	margin: 0 0 0 12px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */


.down_link {
	display:block;
	margin:4px 0 0;
}
ul.p_icon{
	margin:0;
	padding:0px;
	width:86px;
	list-style:none;
	background:url(../image/common/i000.gif) top right repeat-x;
	overflow:hidden;
}


ul.p_icon li{
	float:right;
	width:17px;
	height:20px;
	margin:0 0 5px 0;
	background:none;
	text-indent:-9999px; 
}
ul.p_icon li.i001{ /* イチゴ */
	background:url(../image/common/i001.gif) top right no-repeat;
}
ul.p_icon li.i002{ /* サクランボ */
	background:url(../image/common/i002.gif) top right no-repeat;
}
ul.p_icon li.i003{ /* バナナ */
	background:url(../image/common/i003.gif) top right no-repeat;
}
ul.p_icon li.i004{ /* ブドウ */
	background:url(../image/common/i004.gif) top right no-repeat;
}
ul.p_icon li.i005{ /* 水晶 */
	background:url(../image/common/i005.gif) top right no-repeat;
}
ul.p_icon li.i006{ /* 真珠*/
	background:url(../image/common/i006.gif) top right no-repeat;
}
ul.p_icon li.i007{ /* ダイヤ */
	background:url(../image/common/i007.gif) top right no-repeat;
}
ul.p_icon li.i008{ /* 王冠 */
	background:url(../image/common/i008.gif) top right no-repeat;
}
ul.p_icon li.i009{ /* 星 */
	background:url(../image/common/i009.gif) top right no-repeat;
}
ul.p_icon li.i010{ /* ハート */
	background:url(../image/common/i010.gif) top right no-repeat;
}

ul.p_icon {
    zoom: 100%;
}
ul.p_icon:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.p_button a,	 div.p_button_s a{
	text-align:center;
	width:87px;
	height:20px;
	background-image:url(../image/common/p_button.gif);
	color:#335F19;
	display:block;
	clear:both;
	padding:3px 0 0 0;
	background-position:0 -46px;
}
div.p_button {
	margin:8px 0 0 25px;
}

div.p_button a:hover {
	color:#D5620C;
	background-image:url(../image/common/p_button.gif);
	background-position:0 -69px;
}
div.p_button_s {
	width:51px;
	height:21px;
	margin:2px 0 8px 80px;
}
div.p_button_s a{
	width:51px;
	height:21px;
	background-image:url(../image/common/p_button.gif);
	background-position:-2px 0px;
}
div.p_button_s a:hover{
	color:#D5620C;
	background-position:-2px -23px;
	background-color:#FFFFFF;
}

div.button_r .p_button{
	position:relative;
	bottom:22px;
	left:48px;
}
div.button_r .p_button, div.button_r .p_button a {
	margin:0 0 -16px;
}
div.button_r .p_left, div.button_r .p_right {
}


ul.p_life{
	background:url(../image/common/p_life0.gif) top right repeat-x;
	width:54px;
	height:20px;
	margin:0 0 0 50px;
	list-style:none;
}
ul.p_life li{
	float:left;
	background:url(../image/common/p_life.gif) top right repeat-x;
	width:6px;
	text-indent:-9999px; 
	display:block;
}
ul.p_star{
	background:url(../image/common/p_star0.gif) top right repeat-x;
	width:45px;
	height:10px;
	margin:0 0 0 80px;
	list-style:none;
}
ul.p_star li{
	float:left;
	background:url(../image/common/p_star.gif) top right repeat-x;
	width:9px;
	height:10px;
	text-indent:-9999px; 
	display:block;
}
/*-----▼メニュー----------------*/

#menu_contents {
}

#menu_top{
}

.m_navi{
	margin:0 0 0 0;
	padding:0;
}

.m_navi ul{
	background:url(../image/common/button_bg.gif) top right repeat-x;
	height:24px;
	padding:0 0 0 148px;
}
*+html .m_navi ul { /*-IE7用を含むIE用-*/
	width:452px;
	padding:0 0 0 2px;
}

.m_navi li, .m_navi a {
	float:left;
	height:22px;
	width:90px;
	background-image:url(../image/common/main_menu.gif);
	display:block;
	text-indent:-9999px;
	}
.m_navi01, .m_navi01 a {
	background-position:-1px 0;
	}
.m_navi02, .m_navi02 a {
	background-position:-93px 0;
	}
.m_navi03, .m_navi03 a {
	background-position:-185px 0;
	}	
.m_navi04, .m_navi04 a {
	background-position:-277px 0;
	}	
.m_navi05, .m_navi05 a {
	background-position:-369px 0;
	}	
.m_navi01 a:hover {
	background-position:-1px -22px;
	}
.m_navi02 a:hover {
	background-position:-93px -22px;
	}
.m_navi03 a:hover {
	background-position:-185px -22px;
	}
.m_navi04 a:hover {
	background-position:-277px -22px;
	}
.m_navi05 a:hover {
	background-position:-369px -22px;
	}
	
/*-選択時-*/
.m_navi01sl {
	background-position:-1px -44px;
	}
.m_navi02sl {
	background-position:-93px -44px;
	}
.m_navi03sl {
	background-position:-185px -44px;
	}
.m_navi04sl {
	background-position:-277px -44px;
	}
.m_navi05sl {
	background-position:-369px -44px;
	}
/*-選択使用不可-*/
.m_navi01gray {
	background-position:0px -66px;
	}
.m_navi02gray {
	background-position:-93px -66px;
	}
.m_navi03gray {
	background-position:-185px -66px;
	}
.m_navi04gray {
	background-position:-277px -66px;
	}
.m_navi05gray {
	background-position:-369px -66px;
	}


.m_area {
	margin:0 4px 0 147px;
}
.m_top {
	margin-top:3px;
	background:url(../image/common/m_top.png) top left no-repeat;
	background-color:#CECDA3;
	height:6px;
}
*+html .m_top, *+html .m_bottom { /*-IE7用を含むIE用-*/
	width:449px;
}
 /*-▼▼修正1113▼▼-*/
.m_middle {
	width:439px;
	padding:2px 4px 2px 4px;
	background:#FFF url(../image/common/m_white.gif) ;
	border-top:1px solid #97B170;
	border-left:1px solid #97B170;
	border-right:1px solid #97B170;
	color:#464646;
	overflow:hidden;
}
 /*-▲▲修正1113▲▲-*/

.m_bottom{
	margin-bottom:10px;
	background:url(../image/common/m_bottom.png) top left no-repeat;
	background-color:#97B170;

	height:6px;
}
 
 
div.m_top.green, div.m_middle.green {
	background-color:#C2D78D;
	border-color:#80A547;
}
div.m_bottom.green {
	background-color:#80A547;
}
div.m_top.cyan, div.m_middle.cyan {
	background-color:#C7E6E5;
	border-color:#A5BFCA;
}
div.m_bottom.cyan {
	background-color:#A5BFCA;
}
div.m_top.pink, div.m_middle.pink {
	background-color:#ECC2DB;
	border-color:#D19FAD;
}
div.m_bottom.pink {
	background-color:#D19FAD;
}
div.m_top.blue, div.m_middle.blue {
	background-color:#C4D8E9;
	border-color:#A1AACE;
}
div.m_bottom.blue {
	background-color:#A1AACE;
}
div.m_top.brown, div.m_middle.brown {
	background-color:#CECDA3;
	border-color:#97B170;
}
div.m_bottom.brown {
	background-color:#97B170;
}
.m_txt {
	position: relative;
}
 /*-▼▼修正1113▼▼-*/
div.m_name_l{
	float: left;
	clear: both;
	background:#5D9839 url(../image/common/m_name_l.png) top left no-repeat;
	padding: 0 0 0 9px;
	margin:1px 0 3px;
	white-space:nowrap;
	overflow:hidden;
	height:19px;
}
div.m_name_l p{
	background:#5D9839;
	font-weight:bold;
	float:left;
	height:19px;
	line-height:20px;
	padding:0 4px;
	margin:0;
	color: #fff;
	text-decoration: none;

	font-weight: bold;

}
.m_name_r{
	background:#5D9839 url(../image/common/m_name_r.png) top left no-repeat;
	float: left;
	width: 9px;
	height: 19px;
}
.m_txt_area {
	margin:2px 0 0 0;
	height:60px;
	font-size:14px;
	line-height:19px;
	letter-spacing:0.01em;
	overflow:hidden;
	clear:both;

	font-weight: bold;
}
 /*-▲▲修正1113▲▲-*/
 
 
.m_txt .m_middle{
	height:83px;
	margin:1px 0 0;
}

/*-----▼掲示板----------------*/
address ,
address a {
	padding: 10px 0 0 0;
	height: 20px;
	font-family : Tahoma , sans-serif;
	font-size : 10px;
	letter-spacing: 2px;
	text-align: center;
	clear: both;
}

form {
   margin:0;
   padding:0;
}

h1 {
	margin: 6px;
	font-size: 18px;
	font-weight: bold;
}
h2 {
	margin: 4px;
	font-size: 16px;

}
h3 {
	margin: 2px;
	font-size: 15px;
}

p {
	margin: 4px;
}


/* 掲示板 枠 */
div#bbs_base_div {
	margin: 0 4px 0 0;
	padding: 0 0 30px;
	width: 438px;
	height:606px;
	background:#FFF url(../image/common/bbs_bottom.gif) bottom left no-repeat;
}
*+html div#bbs_base_div { /*-IE7用-*/
	height:636px;
	margin: 0 0 0 0;
	padding: 0 0 0px;
}


/* 上 タイトル */
div#bbs_top_div {
	margin: 0 0 2px;
	text-align:center;
	padding: 0px;
	width: 438;
	height: 64px;
	background:#FFF url(../image/common/bbs_top.gif) bottom left no-repeat;
}
div#bbs_top_div img{
	margin:0;
}


div#bbs_list_div {
	margin:0;
	padding: 0 0 2px 8px;
	width:429px;
}
div#bbs_list_div{
    zoom: 100%;
}
div#bbs_list_div:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	
}
div#bbs_list_div h3 {
	margin: 6px 0 2px 0;
	padding:1px 0 0 18px;
	width:300px;
	color:#497500;
	font-size:15px;
	background:url(../image/common/bbs_h3_bg.gif) center left no-repeat;
}

/* ログ一覧 */
div#bbs_log_div {
	margin:0 0 0 0;
	padding: 0 0 2px 6px;
	width: 430px;
	height: 430px;
}
div#bbs_log_div div.log_bg{
	background:url(../image/common/bbs_form_bg.gif) bottom left no-repeat;
	width:424px;
	height:380px;
	margin: 0px 0px 0 0;
	padding:0 0 10px 0;
}

div.title_log form#bbs_log_form{/*-ログ登録フォーム-*/
	margin:0 0 0 10px;
	padding:0 0 0 0;
	height:63px;
	width:388px;
	overflow-y:hidden;
}
*+html div.title_log form#bbs_log_form{/*-ログ登録フォーム-*/ /*-IE7用を含むIE用-*/
	margin:0 0 0 5px;
}
ul#bbs_log_ul,ol#bbs_log_ol {
	margin:0;
	padding:0;
	width: 420px;
	height: 206px;
	overflow: auto;
	list-style-type : none;
	overflow-x: hidden;
}

ul#bbs_list_ul li, ul#bbs_list_ul li a {
	margin: 2px;
}

ul#bbs_title_ul button.close_bx{/*-タイトル削除ボタン 共通ボタン使用-*/
	float:right;
	margin:-19px 5px 0 0;
}

/* ログ中身▼ */
li.log {
	padding:0;
	margin: 0px 0px 4px 0px;
	word-break: break-all;
	overflow-y:hidden;
}
li.log img{ /* 顔 */
	margin:0 0 0 6px;
	padding:2px 2px 6px;
	width:50px;
	background:url(../image/common/bbs_chara_bg.gif) bottom left no-repeat;
}
html:not(:target) li.log img { /* 顔 *//*-IE6、7、8以外のブラウザ用-*/
	float:left;
	margin:0 0 -50px 338px;
	position:relative;
	bottom:50px;
}
head~/* */body li.log img { /* 顔 *//*-IE8用-*/
	float:left;
	margin:0 0 -50px 338px;
	position:relative;
	bottom:50px;
}

li.log span {
	width:315px;
	height:10px;
	text-align: left;
	font-size: 12px;
	margin:0 0 0 8px;
	padding:7px 0 5px 10px;
	background:url(../image/common/bbs_log_top.gif) top left no-repeat;
	display:block;
}
*+html li.log span {  /*-IE7用を含むIE用-*/
	float:left;
	background:url(../image/common/bbs_log_topie.gif) top left no-repeat;
}

li.log p {
	width:305px;
	text-align: left;
	font-size: 13px;
	margin:0 0 0 8px;
	padding:3px 20px 9px 5px;
	background:url(../image/common/bbs_log_bottom.gif) bottom right no-repeat;
	clear:both;
	text-align:justify;
	text-justify:inter-ideograph;/* IE独自タグ */
}
*+html li.log p {  /*-IE7用を含むIE用-*/
	float:left;
	background:url(../image/common/bbs_log_bottomie.gif) bottom right no-repeat;
}


div.title_log {
	width: 424px;
	padding: 2px;
	margin: 0px 0px 4px 0;
	word-break: break-all;
	overflow-y:hidden;
	padding:8px 0 0;
	margin:0;
	background:url(../image/common/bbs_form_bg.gif) top left no-repeat;
}

div.title_log img{ /* タイトル顔 */
	width:50px;
	padding:2px 2px 6px;
	background:url(../image/common/bbs_chara_bg.gif) bottom left no-repeat;
	float:left;
	margin:0 0 0 4px;
}

div.title_log span {
	width:320px;
	height:18px;
	text-align: left;
	font-size: 12px;
	padding:7px 0 0 18px;
	background:url(../image/common/bbs_logt_top.gif) top right no-repeat;
	display:block;
	float:left;
}

div.title_log p {
	width:320px;
	text-align: left;
	font-size: 13px;
	padding:0 5px 8px 13px;
	background:url(../image/common/bbs_logt_bottom.gif) bottom right no-repeat;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
	margin:0;
	float:left;
}
li.log button.close_bx{ /*-発言削除ボタン 共通ボタン使用-*/
	float:right;
	margin:0 15px 0 0;
}

/*-IE7用-*/
*:first-child+html li.log button.close_bx{ /*-発言削除ボタン 共通ボタン使用-*/
	margin:-14px 15px 0 0;
}


div.title_height {/*-タイトルの高さ制限箇所-*/
	width:420px;
	height:85px;
	overflow:auto;
}

/* ログ中身▲ */

/* 登録フォーム */
div#bbs_log_div 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;
}
div#bbs_log_div div.title_log h4{ 
	background:none;
	padding:0;
	color:#5B8121;
	margin:3px 0 2px 10px;
	padding:0 0 0 4px;
	width:400px;
	font-size:12px;
}

div#bbs_log_div form {
	padding:0 0 0 0;
	margin:0 0 0 10px;
	width:400px;
	height:50px;
}
textarea#form_bbs_log2 {
	width:305px;
	height:46px;
	border: 2px solid #8FBD46;
	margin:0 0 0;
	padding:2px;
	font-size: 13px;
	overflow:auto;
	float:left;
}
button#form_bbs_log_submit, button#form_title_list_submit{/* 掲示板ボタン 共通 */
	width: 70px;
	height:33px;
	margin:0;
	background:url(../image/common/bbs_button.gif) top left no-repeat;
	background-position:-1px -1px;
	color:#002661;
}
/*-IE7、IE8用-*/
*:first-child+html button#form_bbs_log_submit,
*:first-child+html button#form_title_list_submit {
	letter-spacing:-0.1em;
}
head~/* */body button#form_bbs_log_submit,
head~/* */body button#form_title_list_submit {
	letter-spacing:-0.1em;
}
html:not(:target) button#form_bbs_log_submit,
html:not(:target) button#form_title_list_submit {
	letter-spacing:0;
}

#bbs_list_div button#form_title_list_submit:not(\*|*){ /*-Opera用-*/
	padding:9px 0 0;
	letter-spacing:-0.1em;
}
#bbs_log_div button#form_bbs_log_submit:not(\*|*){ /*-Opera用-*/
	padding:9px 0 0;
	letter-spacing:0.2em;
}

button:hover#form_bbs_log_submit, button:hover#form_title_list_submit{/* 掲示板ボタン 共通 */
	background-position:-1px -36px;
	color:#D18000;
}

button.bbs_button_off#form_title_list_submit,button.bbs_button_off#form_bbs_log_submit{/* 使用不可ボタン */
	background-position:-1px -71px;
	cursor:text;
	color:#8B8B8B;
}



/* 掲示板リスト */
.slist_top {
	background:url(../image/common/slist_top.png) top left no-repeat;
	height:30px;
}

.slist_body {
	padding:4px 0 4px 0;
	background:#FFF;
	border-left:1px solid #97B170;
	border-right:1px solid #97B170;
	font-size:11px;
}
.slist_bottom {
	background:url(../image/common/p_bottom.png) top left no-repeat;
	height:10px;
}

ul#bbs_title_ul,ol#bbs_title_ol {
	margin: 2px 0 0 0;
	padding:5px 5px 0;
	overflow: auto;
	width:340px;
	height:90px;
	list-style-type:none;
	border:#FFF 3px solid;
	background:#AECD79;
	float:left;
}
ul#bbs_title_ul li {

}
ul#bbs_title_ul li a {
	cursor:pointer;
	display:block;
	margin:0 0 2px;
	padding:2px 1em;
	width:290px;
	background:#FFF url(../image/common/slist_mark.gif) top left no-repeat;
	border-bottom:1px solid #BBC6A9;
}

ul#bbs_title_ul li a:hover{
	background-color:#D2FCFC;
	color:#3F6408;
}
button#form_title_list_submit {
	font-size:12px;
}
/* タイトル登録ダイアログ */
div#bbs_dialog_div {
	margin:0;
	padding:1px 4px 4px 10px;
	width:386px;
	height:158px;
	background:url(../image/common/bbs_title_bg.gif) top left no-repeat;
	position:absolute;
	top:200px;
	left:20px;
	z-index:10;
}
div#bbs_dialog_div{
    zoom: 100%;
}
div#bbs_dialog_div:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#bbs_dialog_div h3 {
	margin:4px 0 6px 0;
	padding:0 0 0 18px;
	width:200px;
	color:#497500;
	font-size:15px;
	background:url(../image/common/bbs_h3_bg.gif) center left no-repeat;
}
*:first-child+html div#bbs_dialog_div h3 { /*-IE7用-*/
	margin:6px 0 6px 0;
	padding:1px 0 0 18px;
}

#bbs_list_form p {
	color:#497500;
	width:200px;
	margin:0 0 1px;
	padding:0;
	text-align:left;
}

div#bbs_dialog_div form {
	padding:0;
	margin:0;
	width:385px;
	overflow:hidden;
}

input#form_bbs_title {
	width: 306px;
	border: 2px solid #AECD85;
	margin:0 0 4px;
	font-size:12px;
}
textarea#form_bbs_log {
	width: 306px;
	height: 60px;
	padding:0;
	border: 2px solid #AECD85;
	overflow:auto;
	font-size:12px;
}
button#form_bbs_list_submit {
	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;
	bottom:8px;
	right:1px;
}
*:first-child+html button#form_bbs_list_submit { /*-IE7用-*/
	bottom:33px;
	left:313px;
}
button#form_bbs_list_submit:not(\*|*){ /*-Opera用-*/
	padding:9px 0 0!important;
}

button:hover#form_bbs_list_submit {
	background-position:-1px -36px;
	color:#D18000;
}

div.bbs_dialog_close{/*-×（閉じる）ボタン-*/
	position:relative;
	margin:0;
}
div.bbs_dialog_close button{
	position:absolute;
	display:block;
	bottom:5px;
	right:5px;
	height:18px;
	width:18px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-85px -1px;
	z-index:2;
}
div.bbs_dialog_close button:not(\*|*){ /*-Opera用-*/
	bottom:3px;
}

div.bbs_dialog_close button:hover {
	background-position:-105px -1px;
}

/* メインパネル 相手の情報 */
.mp_idcard{
	border-bottom:#BAD365 1px solid;
	border-top:#BAD365 1px solid;
	margin:5px 0 5px;
	background:url(../image/common/mp_id_bg.gif) top left no-repeat;
}
.mp_idcard {
    zoom: 100%;
}
.mp_idcard:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.mp_id_l{
	float:left;
	width:142px;
	height:240px;
	margin:5px 0 0;
	overflow:hidden;
}
.mp_id_r{
	float:right;
	width:288px;
	margin:0 0 0 0;
}
.mp_id_rtop{
	height:196px;
	width:288px;
}
.mp_idface{
	height:112px;
	width:140px;
	margin:0 0 0 1px;
	background:url(../image/common/mp_idface.gif) top left no-repeat;
}
.mp_idface img{
	margin:2px 0 0 20px;
}
.mp_idpara{
	height:147px;
	width:142px;
}
p.mp_idclose{
	position:relative;
	margin:0;
}
p.mp_idclose a{
	position:absolute;
	display:block;
	top:7px;
	right:5px;
	height:18px;
	width:18px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-85px -1px;
	z-index:2;
}
p.mp_idclose a:hover {
	background-position:-105px -1px;
}
.mp_idinfo { /*-クラス、名前、レベルのベース-*/
	width:288px;
	height:43px;
	margin:5px 0 0;
	padding:0 5px 0 5px;
	background:url(../image/common/mp_idtop_null.gif) top left no-repeat;
	color:#254900;
	font-size:12px;
	overflow:hidden;
}
p.mp_idname { /*-名前-*/
	margin:6px 0 0 36px;
	width:80px;
	float:left;
}
div.mp_idinfo img{ /*-レベルアイコン-*/
	float:left;
	width:16px;
	height:20px;
	margin:3px 0 0 38px;
}
p.mp_idlebel{ /*-現在のレベル-*/
	margin:6px 0 0 4px;
	width:84px;
	float:left;
}
p.mp_idclass { /*-クラス番号-*/
	width:180px;
	margin:5px 0 0 6px;
	clear:both;
}
*+html p.mp_idclass { /*-IE7用を含むIE用-*/
	margin:1px 0 0 6px;
}


div.mp_id_r div form{
	margin:6px 0 0;
}
div.mp_id_r div form {
    zoom: 100%;
}
div.mp_id_r div form:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.mp_id_r div form input{
	height:20px;
	width:200px;
	border:#80A547 1px solid;
	margin:0;
	font-size:13px;
	display:inline;
	float:left;
}
div.mp_id_r div button{ /* メインパネル 共通ボタン設定 */
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0 0 0;
	padding:0 0 3px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
	background-color:transparent;
}
div.mp_id_r div button:not(\*|*){ /*-Opera用-*/
	padding:4px 0 0;
}
*+html div.mp_id_r div button{/*-IE用0105-*/
	padding:1px 0 0;
}

div.mp_id_r div button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}
/*-メインパネル フォーム周り-*/
div.mp_id_r div form button{
	display:block;
	float:right;
	margin:0 2px 0 0;
}
div.mp_id_r div select{
	border:#80A547 1px solid;
	height:20px;
	width:282px;
	margin:2px 0;
}
/*-メインパネル ボタンとボタンの説明-*/
div.mp_idgroup {
	background-color:#F3F7E8;
	margin:4px 0 0;
	padding:4px 0;
	width:288px;
}
div.mp_idgroup {
    zoom: 100%;
}
div.mp_idgroup:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.mp_idgroup p{
	font-size:11px;
	margin:5px 0 0 6px;
	color:#3E403A;
	float:left;
}
div.alert p{/*-警告用-*/
color:#FF2F00;
}
div.mp_id_r div.mp_idgroup button{
	float:right;
	margin:0 2px 0 0;
}
div.mp_id_b{ /* 黒ボタン設定  */
	background-color:#FFF;
}
/*-メインパネル ボタン設定-*/
div.mp_id_r div.mp_id_b button{
	width:67px;
	height:21px;
	background-position:-2px -139px;
	color:#D5D5D5;
	font-size:11px;
}
/*-IE7、IE8用-*/
*:first-child+html div.mp_id_r div.mp_id_b button{
	font-size:9px;
	padding:1px 0 0 4px;
	letter-spacing:-0.1em;
}
head~/* */body div.mp_id_r div.mp_id_b button{
	font-size:9px;
	padding:1px 0 0 4px;
	letter-spacing:-0.1em;
}
html:not(:target) div.mp_id_r div.mp_id_b button{
	font-size:11px;
	letter-spacing:0;
	padding:0;
}

div.mp_id_r div.mp_id_b button:hover{
	background-position:-2px -162px;
	color:#FFBD29;
}
div.mp_id_r div.mp_idgroup_long button{
	background-position:-2px -47px;
	width:125px;
}
div.mp_id_r div.mp_idgroup_long button:hover{
	background-position:-2px -70px;
}
/*-メインパネル 下部-*/
div.mp_id_r div.mp_id_rbottom{
	height:50px;
	background-color:#F3F3F3;
	overflow:hidden;
}
div.mp_id_r div.mp_id_rbottom div{
	float:left;
	display:inline;
	text-align:center;
	margin-top:6px;
	font-size:10px;
}
div.mp_id_r div.mp_id_rbottom button{
	background-position:-2px -93px;
	width:116px;
}

div.mp_id_r div.mp_id_rbottom button:hover{
	background-position:-2px -116px;
}
div.mp_pictxt_l{
	width:125px;
	border-right:#BFBFBF 1px solid;
}
div.mp_pictxt_r{
	width:162px;
}
div.mp_id_r div.mp_id_rbottom p {
	background-image:url(../image/common/mp_pictxt.gif);
	text-indent:-9999px;
	margin:0 0 4px 0;
	height:12px;
}
div.mp_pictxt_l p{
	background-position:-1px -1px;
	width:124px;
}
div.mp_pictxt_r p{
	background-position:-1px -15px;
	width:162px;
}
/*-メインパネル 二択ボタン-*/
.mp_idselect{
	width:240px;
	height:110px;
	margin:35px 0 0 26px;
	padding:14px 0 0;
	text-align:center;
	background:url(../image/common/mp_idselect_bg.gif) top left no-repeat;
	overflow:hidden;
}
.mp_idselect p{
	width:230px;
}
.mp_idselect div {
	text-align:center;
	height:60px;
	padding:20px 0 0 38px;
	clear:both;
}

.mp_idselect a{
	width:70px;
	height:25px;
	padding:8px 0 0;
	margin:0 5px 0;
	background-image:url(../image/common/mp_idselect_button.gif);
	background-position:-1px -1px;
	display:block;
	float:left;
}
.mp_idselect a:hover{
	background-position:-1px -36px;
	color:#D18000;
}
/*-----▼チャット----------------*/

/* チャット 枠 */
div.chat_base_div {
	margin: 0 0 0 0;
	padding: 0 0 30px;
	width: 439px;
	background:#FFF url(../image/common/chat_bottom.gif) bottom left no-repeat;
}

div.chat_list_div img{ /* バナー画像 */
	margin:0 auto;
}
div.chat_top_div{ /* バナーベース */
	width:436px;
	height:64px;
	background:url(../image/common/chat_top.gif) top left no-repeat;
	margin: 0 0 2px;
	padding:0;
	text-align:center;
}
/* 退席ボタン */
div#form_chat_exit { 
	position:relative;
	text-align:left;
	margin:0;
}
div#form_chat_exit button{
	background-image:url(../image/common/chat_exitb.png);
	background-position:-1px -1px;
	background-color:transparent;
	color:#444329;
	width:60px;
	height:40px;
	position:absolute;
	display:block;
	bottom:20px;
	right:18px;-*/
}
div#form_chat_exit button:hover{
	background-position:-1px -43px;
	color:#5F3B00;
} 


div.chat_list_div { 
	margin:0 0 0;
	padding: 0 0 2px 0;
	width:440px;
}
div.chat_list_div form {
	padding:0 0 0 5px;
	margin: 0 0 5px 0;
	width:428px;
}
*+html div.chat_list_div form { /*-IE7用を含むIE用-*/
	margin: 0 0 5px 0;
}

/* 文章フォーム */
input.form_chat_log {
	width:415px;
	height:18px;
	padding:2px;
	margin:0;
	border: 2px solid #AECD85;
	overflow:auto;
	font-size:12px;
}
/* 書込ボタン */
button.form_chat_list_submit,
button.form_chat_list_reload{
	width: 60px;
	height:26px;
	margin:1px 0 0 0px;
	padding:0 0 2px;
	background-image:url(../image/common/chat_button.gif);
	background-position:-1px -1px;
	background-color:transparent;
	color:#1D4D00;
}
button.form_chat_list_reload{
	margin:1px 0 0 300px;
}
button.form_chat_list_submit:not(\*|*),
button.form_chat_list_reload:not(\*|*){ /*-Opera用-*/
	padding:6px 0 0;
}

button:hover.form_chat_list_submit,
button:hover.form_chat_list_reload{
	background-position:-1px -29px;
	color:#D5620C;
}
button.chat_button_off,button:hover.chat_button_off{/*-使用不可ボタン-*/
	background-position:-1px -58px;
	cursor:text;
	color:#8B8B8B;
}



#chat_list_form p {
	color:#497500;
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
}
/* ログ一覧 */
div.chat_log_div {
	background:url(../image/common/chat_form_bg.gif) top left no-repeat;
	width: 424px;
	height: 424px;
	margin: 0px 0px 5px 8px;
	padding:5px 0 0;
}
div.middle_size{ /* チャットログ縦サイズ中424 */
	height:280px;
}
div.short_size{ /* チャットログ縦サイズ小 */
	height:130px;
}
.chat_log_data {
	width:412px;
	height:420px;
	overflow:auto;
	margin:2px 0 5px 9px;
}
*+html .chat_log_data { /*-IE7用を含むIE用-*/
	margin:7px 0 5px 9px;
}
div.middle_size .chat_log_data{ /* チャットログ縦サイズ中424 */
	height:276px;
}
div.short_size .chat_log_data{ /* チャットログ縦サイズ小 */
	height:126px;
}


div.chat_log_data div {
	width:380px;
	margin:5px 0 0 3px;
	font-size: 12px;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
}
div.chat_log_data div span {
	background:url(../image/common/chat_name.gif) top right no-repeat;
	background-color:#000;
	color:#000;
	margin:0;
	padding:1px 12px 0 8px;
}
div.chat_log_data div img { /* チャット顔 */
	color:#000;
	padding:0 0 4px 4px;
	margin:0 5px 0 0;
	width:50px;
	height:50px;
	float:left;
	background:#FF0000 url(../image/common/chat_chara_bg.gif) bottom right no-repeat;
}
div.chat_log_data div p {
	margin:2px 2px 15px 10px;
	padding:0;
	letter-spacing:1px;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
}
div.chat_log_data div p {
    zoom: 100%;
}
div.chat_log_data div p:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.chat_log_data div.user_a span {background-color:#F9D6E0;color:#723436;}
div.chat_log_data div.user_b span {background-color:#D6F9DD;color:#0F4D2C;}
div.chat_log_data div.user_c span {background-color:#ECF9D6;color:#27520E;}
div.chat_log_data div.user_d span {background-color:#FFECD0;color:#514502;}

div.chat_log_data div.user_a img {background-color:#EA8DA7;}
div.chat_log_data div.user_b img {background-color:#84C2DB;}
div.chat_log_data div.user_c img {background-color:#ADE450;}
div.chat_log_data div.user_d img {background-color:#F8C87F;}


/* 表情ボタン */
.chat_facepat {
	position:relative;
	margin:0;
}
.chat_facepat ul {
	position:absolute;
	display:block;
	top:-31px;
	left:6px;
}
.chat_facepat li {
	float:left;
	line-height:110%;
	list-style-type:none;
	width:25px;
	height:25px;
	text-indent:-9999px;
	margin-right:5px;
}
.chat_facepat li a {
	background-image:url(../image/common/chat_facepat.gif);
	background-position:-1px -1px;
	width:25px;
	height:25px;
	display:block;
	cursor:pointer;
}
.chat_facepat li a:hover, li.selct_face{ 
	background-image:url(../image/common/chat_facepat_sel.gif);
}

li.pat_a, li.pat_a a{
	background-position:-1px -1px;
}
li.pat_b, li.pat_b a{
	background-position:-28px -1px;
}
li.pat_c, li.pat_c a{
	background-position:-55px -1px;
}
li.pat_d, li.pat_d a{
	background-position:-82px -1px;
}
li.pat_e, li.pat_e a{
	background-position:-109px -1px;
}
li.pat_f, li.pat_f a{
	background-position:-136px -1px;
}
li.pat_g, li.pat_g a{
	background-position:-163px -1px;
}
li.pat_h, li.pat_h a{
	background-position:-190px -1px;
}

/*-----▼寮 ----------------*/
div.r_entrance_div{ /*-部屋入り口-*/
	width:439px;
	overflow:hidden;
	background:url(../image/common/r_entrance_bg.gif) top left no-repeat;
	border-bottom:#C2D78D 2px solid;
}
div.r_entrance_div h3{
	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.r_entrance_div h4{
	background-color:#EEF5DF;
	font-size:12px;
	font-weight:bold;
	color:#254900;
	padding:5px 0 5px 12px;
	border-bottom:#80A547 1px dotted;
}
div.resident{ /*-住人-*/
	float:left;
	width:210px;
	height:145px;
	padding:0;
	background:url(../image/common/r_entrance_lbg.gif) top left no-repeat;
}
div.resident_l{ /*-住人左側-*/
	float:left;
	height:118px;
	width:85px;
}
div.resident_l p{ /*-不在確認-*/
	background:url(../image/common/r_entrance_lp.gif) top left no-repeat;
	width:65px;
	height:20px;
	margin:0;
	padding:4px 20px 0 0;
	color:#54742B;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
div.resident_l img{ /*-部屋の住人の顔-*/
	margin:2px 0 8px 3px;
	width:80px;
	height:80px;
}
div.room_bell, div.room_key, div.room_door{ /*-呼鈴、鍵、ドアボタンベース-*/
	position:relative;
	margin:0;
}
div.room_bell button, div.room_key button, div.room_door button{ /*-呼鈴ボタン、鍵、ドア-*/
	text-indent:-99999px;
	background:url(../image/common/r_bell.gif) top left no-repeat;
	background-position:-1px -1px;
	width:19px;
	height:19px;
	position:absolute;
	display:block;
	top:-21px;
	right:5px;
}
div.room_bell button:hover{ /*-呼鈴ボタン-*/
	background-position:-1px -22px;
}
div.resident_r{
	float:right;
	width:118px;
	height:108px;
	margin:6px 0 0;
	padding:0;
	overflow:auto;
}
div.resident_r p{
	font-size:12px;
	line-height:18px;
	margin:0 5px 0 0;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
	background:url(../image/common/r_entrance_note.gif) top left;
}
/*-伝言板-*/
div.m_board{
	float:right;
	width:220px;
	height:140px;
}
div.m_board.long{/*-もっと見る用-*/
	height:440px;
}
div.m_board_list{
	width:220px;
	height:80px;
	margin:3px 0 0;
	overflow:auto;
	background:#FFF;
	border-bottom:#B0B9A7 1px dotted;
}
div.m_board.long div.m_board_list{ /*-もっと見る用-*/
	height:376px;
}
div.m_board_list div{ /*-伝言板１人分-*/
	margin:0 0 5px;
	padding:0 3px 0 0;
	background:#FFF;
	background:url(../image/common/r_list_lt.gif) top left no-repeat;
}
div.m_board_list div {
    zoom: 100%;
}
div.m_board_list div:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.m_board_list img{ /*-伝言板１人分顔画像-*/
	float:left;
	width:36px;
	height:36px;
	padding:0 0 1px 1px;
	background:url(../image/common/r_list_lb.gif) bottom left no-repeat;
}
div.m_board_list p{ /*-伝言内容-*/
	font-size:12px;
	margin:0 0 0 0;
	padding:6px 4px 0;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
	background:url(../image/common/r_list_rt.gif) top right no-repeat;
}
div.m_board_list p.m_board_id{/*-伝言板 名前など-*/
	margin:0 0 0 0;
	padding:10px 3px 0 0;
	text-align:right;
	background-color:#EEF5DF;
	font-size:11px;
	height:27px;
	background:url(../image/common/r_list_rb.gif) bottom right no-repeat;
	color:#2F4801;
}

div.m_board textarea{ 	/*-伝言板テキスト入力-*/
	border:1px solid #80A547;
	height:22px;
	width:158px;
	float:left;
	margin:6px 0 0 2px;
	font-size:11px;
}
div.m_board button{　/*-伝言板入力ボタン*/
	height:22px;
	width:54px;
	float:right;
	background:url(../image/common/p_button.gif) top left;
	background-position:-1px -1px;
	padding:0 0 3px;
	margin:6px 0 0;
	color:#335F19;
}
div.m_board button:hover{
	background-position:-1px -24px;
	color:#D5620C;
}
div.m_board_more{/*-もっと見る*/
	position:relative;
	text-align:right;
	margin:0;
}
div.m_board_more button{/*-もっと見るボタン*/
	width:56px;
	height:18px;
	color:#335F19;
	background-position:-56px -1px;
	margin:0;
	position:absolute;
	display:block;
	top:-21px;
	right:1px;
	float:none;
	letter-spacing:-1px;
	font-size:12px;
}
div.m_board_more button:hover{
	background-position:-56px -21px;
}

/*-----▼寮日記 ----------------*/
div.r_base_div{ /*-部屋日記-*/
	width:439px;
	overflow:hidden;
	padding:0 0 5px;
	margin:0 0 5px;
	background-color:#FFFFFF;
}
div.r_base_div ul.diary_menu{ /*-メニュー-*/
	width:439px;
	height:22px;
	margin:3px 0 0;
	overflow:hidden;
	list-style:none;
	background:url(../image/common/r_diary_menu.gif) top left repeat-x;
	background-position:0 0;
}
div.r_base_div ul.diary_menu li{
	text-align:center;
}

div.r_base_div ul.diary_menu li a{
	width:108px;
	height:19px;
	padding:3px 0 0;
	margin:0 4px 0 0;
	background-image:url(../image/common/r_diary_menu.gif);
	background-position:-1px -46px;
	display:block;
	float:left;
}
div.r_base_div ul.diary_menu li a:hover{
	background-position:-1px -69px;
	color:#0C6DB7;
}
div.r_base_div ul.diary_menu li.select a{
	background-position:-1px -23px;
	color:#274926;
	cursor:auto;
}

div.r_base_div h3{
	height:20px;
	margin:3px 0 0;
	padding:4px 5px 0 50px;
	background:url(../image/common/r_base_h3.gif) top left no-repeat;
	color:#254900;
	font-size:12px;
	overflow:hidden;
}
div.room_key button{ /*-鍵ボタン-*/
	background-position:-22px -1px;
	height:19px;
	top:-22px;
	right:5px;
}
div.room_key button:hover{ /*-呼鈴ボタン-*/
	background-position:-22px -22px;
}
div.room_door button{ /*-ドアボタン-*/
	background-position:-43px -1px;
}
div.room_door button:hover{ /*-ドアボタン-*/
	background-position:-43px -22px;
}
div.r_base_l{
	float:left;
	width:132px;
}
div.r_base_div h4{
	background-color:#EEF5DF;
	font-size:12px;
	font-weight:bold;
	color:#254900;
	padding:5px 0 5px 12px;
	border:#EEF5DF 1px solid;
	border-bottom:#80A547 1px dotted;
}

/*-カレンダー-*/
div.r_base_l table{
	width:132px;
	margin:2px 2px 5px 2px;
	text-align:right;
	border:1px solid #80A547;
	border-collapse:collapse;
	letter-spacing:-2px;
}
div.r_base_l td{
	text-align:center;
	color:#38621A;
	width:19px;
	height:19px;
}
div.r_base_l td.c_month{  /*-月-*/
	background:url(../image/common/c_month.gif) top left repeat-x;
	height:21px;
	font-weight:bold;
	letter-spacing:0px;
}
div.r_base_l tr.c_week td{  /*-週-*/
	border-top:1px solid #80A547;
	border-bottom:1px solid #80A547;
	font-weight:bold;
}
div.r_base_l td.c_sunday{  /*-日曜日-*/
	color:#FF5500;
}
div.r_base_l td.c_other_month{  /*-前月日、次月日-*/
	color:#8DC64A;
}
div.r_base_l td.c_today{  /*-今日-*/
	background:url(../image/common/c_today.gif) top left no-repeat;
}
div.r_base_l td a{  /*-日記を書いた日-*/
	display:block;
	text-decoration:underline;
	font-weight:bold;
}
button.last_month, button.next_month{ /*-前月、次月ボタン-*/
	background:url(../image/common/c_nextlast_b.gif) top left no-repeat;
	width:15px;
	height:15px;
	text-indent:-9999px;
}
button.last_month{
	background-position:-1px -1px;
}
button.next_month{
	background-position:-17px -1px;
}
button:hover.last_month{
	background-position:-1px -17px;
}
button:hover.next_month{
	background-position:-17px -17px;
}
button.last_month.b_gray,
button:hover.last_month.b_gray{
	background-position:-1px -35px;
	cursor:auto;
}
button.next_month.b_gray,
button:hover.button.next_month.b_gray{
	background-position:-17px -35px;
	cursor:auto;
}

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

ul#diary_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#diary_title_ul li a:hover{
	background-color:#D2FCFC;
	color:#3F6408;
}
div.r_base_r{ /*-右側-*/
	width:300px;
	float:right;
}
div.r_base_r h4{ /*-題名-*/
	padding:5px 5px 10px 12px;
}

div.r_posted{/*-投稿日-*/
	position:relative;
	margin:0;
	text-align:right;
}
div.r_posted p{/*-投稿日-*/
	position:absolute;
	display:block;
	font-size:10px;
	color:#2F4801;
	letter-spacing:1px;
	top:-16px;
	right:5px;
}

div.r_diary{　/*-日記-*/
	width:296px;
	height:200px;
	border:1px solid #D6E5A3;
	overflow:auto;
	padding:2px;
	margin:2px 0 0;
}
div.r_comment{/*-コメント関連-*/
	border-left:#B0B9A7 1px dotted;
}
div.r_comment {
    zoom: 100%;
}
div.r_comment:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.r_c_area{　/*-コメント関連-*/
	border:1px solid #D6E5A3;
	background:#F3F3F3;
	height:130px;
	overflow:auto;
	margin:5px 0 0;
	border-bottom:#B0B9A7 1px dotted;
}
div.r_c_area div{
	border-bottom:1px #B0B9A7 solid;
	background:#FFF url(../image/common/r_c_area.gif) top left no-repeat;
	padding:2px 0;
}
div.r_c_area div {
    zoom: 100%;
}
div.r_c_area div:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.r_c_area div img{ /*-コメント顔-*/
	height:36px;
	width:36px;
	float:left;
}
div.r_c_area div span{ /*-コメント投稿日-*/
	font-size:10px;
	letter-spacing:1px;
	margin:0 0 0 10px;
}
div.r_c_area div p{ /*-コメント投稿内容-*/
	font-size:11px;
	margin:3px 0 0 46px;
}
div.r_comment textarea{ /*-コメント投稿-*/
	border:1px solid #80A547;
	height:64px;
	width:240px;
	float:left;
	margin:6px 0 0 2px;
	font-size:11px;
}

div.r_comment button{ /*-コメント投稿ボタン-*/
	height:22px;
	width:54px;
	float:right;
	background:url(../image/common/p_button.gif) top left;
	background-position:-1px -1px;
	padding:0 0 3px;
	margin:6px 0 0;
	color:#335F19;
}
div.r_comment button:hover{
	background-position:-1px -24px;
	color:#D5620C;
}
/*-日記 投稿・編集-*/
div.r_base_date{
	margin:0pt;
	padding:1px 0pt;
	border-bottom: 1px dotted #80A547;
	text-align: center;
	background:#DAEEB4;
	color:#38621A;
}
div.r_base_date button{
	position:relative;
	top:2px;
}
ul#diary_title_ul li.select_diary a,
ul#diary_title_ul li.select_diary a:hover{
	background:#FFF7EA;
	cursor:auto;
}
div.r_edit_diary input{
	padding:1px;
	width: 280px;
	font-size:12px;
	border: 1px solid #AECD79;
}
div.r_edit_diary textarea{
	margin: 0pt 0pt 6px;
	padding: 1px;
	width: 280px;
	height: 160px;
	font-size: 12px;
	border: 1px solid #AECD79;
}
div.r_edit_diary label input{
	width:auto;
	vertical-align:middle;
	margin:0 3px 1px 0;
	border:none;
}
div.r_edit_diary label input{
	width:auto;
}
div.r_edit_diary select{
	padding: 1px;
	width: 190px;
	font-size: 12px;
	border:1px solid #AECD79;
}
div .r_base_div hr{
	margin: 2px 0pt;
	border-bottom:1px dotted #AECD79
}
div.r_edit_diary #edit_entry_result{
	font-size: 12px;
	font-weight: bold;
	color:#6666DD;
}
/*-日記 設定-*/
div.r_set_up textarea{
	width:280px;
	height:60px;
	font-size: 12px;
	background:#FCFFF5 url(../image/common/setup_form_bg.gif) top left no-repeat;
	border:1px solid #80A547;
	padding:5px;
	margin:0 0 0 20px;
}
div.r_set_up select{
	background:#FCFFF5 url(../image/common/setup_form_bg.gif) top left no-repeat;
	border:1px solid #80A547;
	margin:0 5px 0 20px;
}

div.r_set_up p{
	background:url(../image/common/marker_square.gif) no-repeat;
	background-position:0% 50%;
	padding:0 0 0 14px
}

div.r_set_up hr{
	clear:both;
}
div.r_set_up div{
	padding:5px 0;
	clear:both;
}
div.r_set_up div div{
	width:280px;
	height:auto;
	float:left;
	padding:0;
	margin:0 0 5px 20px;
}
div.r_set_up div div select{
	margin:0 5px 10px 0px;
}

div.r_set_up div div label{
	margin:0 20px 0 0;
}
div.r_set_up div div input{
	width:auto;
	vertical-align:middle;
	margin:0 3px 1px 0;
	padding:0;
	border:none;
}
div.r_set_up div button{
	float:right;
	margin:0 10px 0 5px;
}

/*-----▼ともだちパネル ----------------*/
div.fp_top_form{

}
div.fp_top_form {
    zoom: 100%;
}
div.fp_top_form:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.fp_top_form p{ /*-トップの注意書き共通-*/
	float:left;
	font-size:10px;
}
p.p_sort{ /*-注意書きソート-*/
	width:128px;
	margin:0 0 2px 4px;
}
p.p_search{　/*-注意書き検索-*/
	width:272px;
	margin:0 0 2px 4px;
}
div.fp_top_form input, div.f_panel select{
	border:1px solid #80A547;
	float:left;
	margin:0;
	padding:0;
	font-size:13px;
}
div.fp_top_form select{ /*-並び替え-*/
	width:128px;
	height:22px;
}
div.fp_top_form input{ /*-検索-*/
	width:220px;
	height:20px;
	margin:0 0 0 4px;
}
div.fp_top_form button {/*-検索ボタン-*/
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0 0 0 4px;
	padding:0 0 3px;
	background-position:-2px -1px;
	float:left;
}
div.fp_top_form button:hover {
	background-position:-2px -24px;
	color:#D5620C;
}

button.b_button{/*-禁止リストボタン-*/
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	background-position:-2px -139px;
	color:#D5D5D5;
	width:67px;
	height:21px;
	font-size:11px;
	margin:6px 1px 0 371px;
}

div.fp_area_line{
	background:url(../image/common/fp_area_line.gif);
	width:424px;
	height:22px;
	padding:3px 0 0 16px;
	margin:0 0 5px;
	clear:both;
	color:#406D01;
	font-weight:bold;
}


/*-ともだちパネル簡易モード-*/
div.fp_simple_view{
	border-bottom:#BAD365 1px solid;
	margin:0 0 5px;
	padding:0 0 2px;
}
div.fp_simple_view {
    zoom: 100%;
}
div.fp_simple_view:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.fp_simple_view img{ /*-顔画像-*/
	width:64px;
	height:64px;
	background:url(../image/common/fp_simpleidface.gif) top left no-repeat;
	padding:3px 9px 2px 9px;
	float:left;
}
div.fp_simple_view.gray_bg img{ /*-灰色BG-*/
	background:url(../image/common/fp_simpleidface_g.gif) top left no-repeat;
}

div.fp_simple_right{/*-簡易モード右div-*/
	width:346px;
	margin:0 0 0 10px;
	float:left;
}
div.fp_idinfo_s{ /*-クラス情報など-*/
	background:url(../image/common/fp_name_base.gif) top left no-repeat;
	color:#254900;
	width:346px;
	height:19px;
}
p.fp_id_sname{
	float:left;
	margin:2px 0 0 8px;
}
p.fp_id_sclass{
	float:left;
	margin:2px 0 0;
}
div.fp_idinfo_s button { /*-詳細ボタン-*/
	width:48px;
	height:15px;
	float:right;
	background:transparent url(../image/common/mp_button.gif) no-repeat;
	background-position:-2px -185px;
	color:#335F19;
	font-size:10px;
	margin:2px 5px 0 0;
	padding:0 5px 3px 0;
}
div.fp_idinfo_s button:hover{
	background-position:-2px -202px;
	color:#D5620C;
}

div.fp_state{  /*-相手の状態（簡易モード）-*/
	position:relative;
	text-align:right;
	margin:0;
}

p.fp_last_greeting{  /*-吹き出し上 最後の挨拶p-*/
	position:absolute;
	display:block;
	background:url(../image/common/fp_state_long.gif) no-repeat top left;
	background-position:-1px -1px;
	top:-1px;
	left:-30px;
	height:20px;
	width:371px;
	font-size:12px;
	text-align:left;
	overflow:hidden;
}

p.fp_last_greeting span{  /*-吹き出し上 最後の挨拶span-*/
	margin:3px 0 0 18px;
	width:348px;
	height:14px;
	overflow:auto;
	display:block;
	line-height:14px;
	color:#55663C;
}



p.fp_state_attend{  /*-吹き出し下p-*/
	position:absolute;
	display:block;
	background:url(../image/common/fp_state.gif) no-repeat top left;
	text-align:center;
	height:20px;
	width:53px;
	background-position:-1px -26px;
	top:24px;
	left:-30px;
	color:#B1B1B1;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 0 8px;
}
div.fp_state p.active{  /*-吹き出しアクティブ-*/
	color:#F27400;
}
p.fp_memo{  /*-メモ表示-*/
	margin:23px 0 0 38px;
	padding:3px 0 0;
	font-size: 12px;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
	overflow:auto;
	width:307px;
	height:39px;
	line-height:16px;
}
/* -▼▼▼▼▼▼▼▼▼要調整▼▼▼▼▼▼▼▼▼- */
/*-ともだちパネル詳細モード-*/
.fp_idcard{
	border-bottom:#BAD365 1px solid;
	margin:0 0 5px;
	padding:0 0 5px;
	background:url(../image/common/mp_id_bg.gif) top left no-repeat;
}
.fp_idcard {
    zoom: 100%;
}
.fp_idcard:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.fp_id_l{
	float:left;
	width:142px;
	height:240px;
	margin:5px 0 0;
	overflow:hidden;
}
.fp_id_r{
	float:right;
	width:288px;
	margin:0 0 0 0;
}
.fp_id_rtop{
	height:196px;
	width:288px;
}
.fp_idface{
	height:112px;
	width:140px;
	margin:0 0 0 1px;
	background:url(../image/common/mp_idface.gif) top left no-repeat;
}
.fp_idface.gray_bg{
	background:url(../image/common/mp_idface_g.gif) top left no-repeat;
}
.fp_idface img{
	margin:2px 0 0 20px;
}
.fp_idpara{
	height:147px;
	width:142px;
}
p.fp_idclose{
	position:relative;
	margin:0;
}
p.fp_idclose a{
	position:absolute;
	display:block;
	top:7px;
	right:5px;
	height:18px;
	width:18px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-85px -1px;
	z-index:2;
}
p.fp_idclose a:hover {
	background-position:-105px -1px;
}
.fp_idinfo { /*-クラス、名前、レベルのベース-*/
	width:288px;
	height:43px;
	margin:5px 0 0;
	padding:0 5px 0 5px;
	background:url(../image/common/mp_idtop_null.gif) top left no-repeat;
	color:#254900;
	font-size:12px;
	overflow:hidden;
}
p.fp_idname { /*-名前-*/
	margin:6px 0 0 36px;
	width:80px;
	float:left;
}
div.fp_idinfo img{ /*-レベルアイコン-*/
	float:left;
	width:16px;
	height:20px;
	margin:3px 0 0 38px;
}
p.fp_idlebel{ /*-現在のレベル-*/
	margin:6px 0 0 4px;
	width:84px;
	float:left;
}
p.fp_idclass { /*-クラス番号-*/
	width:160px;
	margin:0 0 0 6px;
	clear:both;
	float:left;
}
*+html p.fp_idclass { /*-IE7用を含むIE用-*/
	margin:1px 0 0 6px;
}

div.fp_memo_input button{ /* ともだちパネル メモ更新ボタン*/
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0 0 0;
	padding:0 0 3px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
	cursor:pointer;
	background-color:transparent;
}
div.fp_memo_input button:not(\*|*){ /*-Opera用-*/
	padding:4px 0 0;
}
*+html div.fp_memo_input button{/*-IE用0105-*/
	padding:1px 0 0;
}
div.fp_memo_input button{ /*-メモ更新ボタン-*/
	display:block;
	float:right;
	margin:3px 2px 0 0;
}
div.fp_memo_input button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}


/*- ともだちパネル ボタン設定-*/
*+html div.fp_id_r div.fp_id_b button{/*-IE用0105-*/
	font-size:9px;
	padding:1px 0 0 4px;
	letter-spacing:-0.1em;
}

div.mp_id_rtop div.fp_memo_input button{/*-会話窓調整メモ入力テキストエリア-*/
	margin:3px 2px 0 0;
}



/*-ともだちパネル 下部-*/
div.fp_id_rbottom{
	height:50px;
	background-color:#F3F3F3;
	overflow:hidden;
}
div.fp_id_rbottom div{
	float:left;
	display:inline;
	text-align:center;
	margin-top:6px;
	font-size:10px;
}
div.fp_id_rbottom button{ /*-下部黒ボタン-*/
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -93px;
	width:116px;
	height:21px;
	color:#D5D5D5;
	font-size:11px;
}
/*-IE7、IE8用-*/
*:first-child+html div.fp_id_rbottom button{
	font-size:9px;
	padding:1px 0 0 4px;
	letter-spacing:-0.1em;
}
head~/* */body div.fp_id_rbottom button{
	font-size:9px;
	padding:1px 0 0 4px;
	letter-spacing:-0.1em;
}
html:not(:target) div.fp_id_rbottom button{
	font-size:11px;
	letter-spacing:0;
	padding:0;
}


div.fp_id_rbottom button:hover{
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -116px;
	color:#FFBD29;
}
div.fp_pictxt_l{
	width:125px;
	border-right:#BFBFBF 1px solid;
}
div.fp_pictxt_r{
	width:162px;
}
div.fp_id_rbottom p {/*-下部画像注意書き共通設定-*/
	background-image:url(../image/common/mp_pictxt.gif);
	text-indent:-9999px;
	margin:0 0 4px 0;
	height:12px;
}
div.fp_pictxt_l p{ /*-注意書き左-*/
	background-position:-1px -1px;
	width:124px;
}
div.fp_pictxt_r p{ /*-注意書き右-*/
	background-position:-1px -15px;
	width:162px;
}
/*-ともだちパネル メモ入力 -*/
div.fp_memo_input{
	margin:0;
	padding:0;
}

div.fp_memo_input textarea{/*-メモ入力テキストエリア-*/
	width:284px;
	height:60px;
	border:1px solid #80A547;
	margin:4px 0 0;
	font-size:12px;
	letter-spacing:-0.5px;
}

div.fp_memo_input p{
	font-size:10px;
	color:#3E403A;
	padding:3px 0 0;
}
div.fp_idinfo button{  /*-簡易ボタン-*/
	margin:3px 0 0 60px;
	padding:0 5px 3px 0;
	width:48px;
	height:15px;
	background:transparent url(../image/common/mp_button.gif) no-repeat;
	background-position:-52px -185px;
	color:#335F19;
	font-size:10px;
}
div.fp_idinfo button:hover{
	background-position:-52px -202px;
	color:#D5620C;
}

div.fp_state_item{/*-相手の状態（詳細モード）とアイテムによる特殊機能-*/
	width:294px;
	height:44px;
	margin:0;
	padding:0;
}
*:first-child+html div.fp_state_item{/*-IE7のみ適用-*/
	height:48px;
}
div.fp_state_item p{/*-相手の状態Pの共通設定-*/
}


div .fp_idcard p.fp_last_greeting{/*-最後の挨拶*-//*-p.fp_last_greetingの流用-*/
	background-position:-1px -23px;
	position:static;
	overflow:hidden;
	margin:4px 0 4px -32px;
	width:318px;
}
div .fp_idcard p.fp_last_greeting span{ /*-最後の挨拶*-//*-p.fp_last_greeting spanの流用-*/
	margin:3px 0 0 18px;
	width:295px;
}

div.fp_state_item p.fp_statei_attend{ /*-相手の登校状態-*/
	float:left;
	text-align:center;
	background:url(../image/common/fp_state.gif) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	height:19px;
	padding:2px 0 0 0;


	background-position:-62px -1px;
	color:#B1B1B1;
	width:50px;
	margin:0 4px 0 0;
}
div.fp_state_item p.fp_statei_position{ /*-相手の現在値-*/
	float:left;
	text-align:center;
	background:url(../image/common/fp_state.gif) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	height:19px;
	padding:2px 0 0 0;


	background-position:-1px -51px;
	color:#B1B1B1;
	width:148px;
	margin:0 0 0 0;
}
div.fp_state_item p.active{  /*-相手の状態アクティブ-*/
	color:#F27400;
}
div.fp_state_item ul.star_rank{ /*-星-*/
	float:left;
	margin:2px 0 0 42px;
}
ul.fp_state_tab{ /*-タブ-*/
	list-style:none;
	margin:0 8px 0 174px;
	padding:0;
	width:108px;
	height:18px;
	position:relative;
	top:9px;
}

ul.fp_state_tab li{ /*-タブ-*/
	float:right;
	background:url(../image/common/ip_navi_br.gif) bottom right no-repeat;
	list-style:none;
	padding:0;
	font-size:11px;
	text-align:left;
	margin:0 2px 0px 3px;
}
ul.fp_state_tab li a{ /*-タブ-*/
	display:block;
	background:url(../image/common/ip_navi_bl.gif) bottom left no-repeat;
	height:14px;
	padding:4px 12px 0 11px;
	margin:0 0;
	color:#335F19;
}

ul.fp_state_tab li a:hover{
	color:#0C6DB7;
	background:url(../image/common/ip_navi_bl_over.gif) bottom left no-repeat;
}
ul.fp_state_tab li:hover{
	color:#0C6DB7;
	background:url(../image/common/ip_navi_br_over.gif) bottom right no-repeat;
}
ul.fp_state_tab li.sel_tab a{ /*-選択タブ-*/
	color:#335F19;
	background:url(../image/common/ip_navi_bl_sel.gif) bottom left no-repeat;
	cursor:auto;
}
ul.fp_state_tab li.sel_tab{
	background:url(../image/common/ip_navi_br_sel.gif) bottom right no-repeat;
}


div.fp_state_item button{ /* ともだちパネル 移動ボタン*/
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0 8px 0 0;
	padding:0 0 3px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
	cursor:pointer;
	background-color:transparent;
	display:block;
	float:right;
}
div.fp_state_item button:not(\*|*){ /*-Opera用-*/
	padding:4px 0 0;
}
*+html div.fp_state_item button{/*-IE用0105-*/
	padding:1px 0 0;
}

div.fp_state_item button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}


/* -▲▲▲▲▲▲▲▲▲要調整▲▲▲▲▲▲▲▲▲- */



/*-----▼アイテムパネル ----------------*/
 /*-トップナビゲーション-*/
div.ip_navi{
	margin:3px 0 10px;
}

div.ip_navi ul{
	margin:0 0 4px;
	height:18px;
	background:url(../image/common/ip_navi_line.gif) bottom right repeat-x;
}
div.ip_navi li{
	float:left;
	background:url(../image/common/ip_navi_br.gif) bottom right no-repeat;
	list-style:none;
	padding:0;
	margin:0 3px 0 2px;
	font-size:11px;
	text-align:left;
}
div.ip_navi li a{
	display:block;
	background:url(../image/common/ip_navi_bl.gif) bottom left no-repeat;
	height:14px;
	padding:4px 12px 0 11px;
	margin:0 0;
	color:#335F19;
}
div.ip_navi li a:hover{
	color:#0C6DB7;
	background:url(../image/common/ip_navi_bl_over.gif) bottom left no-repeat;
}
div.ip_navi li:hover{
	color:#0C6DB7;
	background:url(../image/common/ip_navi_br_over.gif) bottom right no-repeat;
}
div.ip_navi li.ip_navi_sel a{
	color:#335F19;
	background:url(../image/common/ip_navi_bl_sel.gif) bottom left no-repeat;
}
div.ip_navi li.ip_navi_sel{
	background:url(../image/common/ip_navi_br_sel.gif) bottom right no-repeat;
}

p.i_sort{
	font-size:10px;
	margin:0 0 1px 4px;
	padding:0;
}
div.ip_navi select{ /*-並び替え-*/
	border:1px solid #80A547;
	float:left;
	margin:0;
	padding:0;
	font-size:13px;
	width:128px;
	height:22px;
}
div.ip_navi button, div.ip_page_navi button{ /* プレゼント履歴ボタン*/
	width:125px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:2px 3px 0 0;
	padding:0 0 3px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -47px;
	background-color:transparent;
	display:block;
}
div.ip_navi button:hover{ /* プレゼント履歴ボタン*/
	background-position:-2px -70px;
	color:#D5620C;
}
 /*-ページナビゲーション-*/
div.ip_page_navi{
	margin:10px 5px 5px;
	clear:both;
}
div.ip_page_navi button{ /*-次へ前へボタン-*/
	margin:0;
	width:80px;
	height:21px;
	background-position:-2px -1px;
	padding:0 0 3px;
}
div.ip_page_navi button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}

button.fl{
	float:left;
}
button.fr{
	float:right;
}
div.ip_page_navi button.fl span{/*-次へ前へボタン三角-*/
	background:url(../image/common/ip_next.gif) bottom left no-repeat;
	padding:0 0 0 25px;
	margin:0;
	width:50px;
	height:13px;	
}
div.ip_page_navi button.fr span{
	background:url(../image/common/ip_next.gif) bottom right no-repeat;
	padding:0 25px 0 0;
	margin:0;
	width:50px;
	height:13px;
}
div.ip_page_navi button:hover.fl span{
	background:url(../image/common/ip_next_over.gif) bottom left no-repeat;

}
div.ip_page_navi button:hover.fr span{
	background:url(../image/common/ip_next_over.gif) bottom right no-repeat;
}

div.i_panel span.bol16{
	padding:0 10px 0 5px;
}


div.ip_page_navi button.b_gray,
div.ip_page_navi button:hover.b_gray{ /*-次へ前へボタン 使用不可状態-*/
	background-position:-72px -139px;
	cursor:default;
}
div.ip_page_navi button.b_gray span,
div.ip_page_navi button:hover.b_gray span{/*-次へ前へボタン三角 使用不可状態-*/
	background-image:url(../image/common/ip_next_gray.gif);
	color:#aaa;
}





/*-アイテム簡易モード-*/
div.ip_lite_view{
	background:url(../image/common/ip_bg_borderline.gif) bottom left repeat-x;
	margin:5px 0 5px;
	padding:0 0 5px;
	width:auto;
}

div.ip_lite_view img{/*-商品画像-*/
	width:50px;
	height:50px;
	margin:5px 5px;
	padding:0;
	float:left;
}
/*-名前など-*/
div.ip_title{
	background:url(../image/common/ip_name_base.gif) top left no-repeat;
	background-position:-1px -1px;
	width:367px;
	height:17px;
	padding:2px 3px 0 6px;
	margin:0 0 3px;
	font-size:12px;
	color:#335F19;
	font-weight:bold;
	float:right;
}
div.ip_title span{
	float:left;
}

div.ip_title button{/*-簡易、詳細ボタン-*/
	float:right;
	font-size:11px;
	padding:0;
}
/*-IE7、IE8用-*/
*:first-child+html div.ip_title button {
	font-size:9px;
	padding:2px 0 0 0;
}
head~/* */body div.ip_title button {
	font-size:9px;
	padding:2px 0 0 0;
}
html:not(:target) div.ip_title button {
	font-size:11px;
	padding:0;
}

/*-補足情報-*/
ul.ip_info{
	list-style:none;
	font-size:11px;
	margin:0 0 3px 5px;
	float:left;
	width:230px;
	display:block;
	overflow:hidden;
}
ul.ip_info li{ /*-補足情報li-*/
	float:left;
	padding-top:1px;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:0px;
	border-left:1px solid #AEC38E;
}
ul.ip_info li.ip_price_coin,
ul.ip_info li.ip_price_ticket,
ul.ip_info li.ip_notsale{/*-価格コイン-*//*-価格チケット-*//*-非売品-*/
	border-right:1px solid #AEC38E;
	padding-right:18px;
	background:url(../image/common/i_coin_s.gif) top right no-repeat;
}
ul.ip_info li.ip_price_ticket{/*-価格チケット-*/
	background:url(../image/common/i_ticket_s.gif) top right no-repeat;
}
ul.ip_info li.ip_notsale{/*-非売品-*/
	background:none;
}

ul.ip_info li.item_category{ /*-カテゴリー-*/
	border-left:none;
	font-size:10px;
	padding-left:10px;
	color:#5B7E3C;
	background:url(../image/common/ip_category_mark.gif) no-repeat top left;
}
span.favorite_span{/*-お気に入り度span-*/
	width:65px;
	font-size:11px;
	color:#596D34;
	float:left;
	margin:2px 0 0;
}

ul.star_rank{ /*-星ランク背景-*/
	margin:0 0 0 2px;
	padding:0px;
	width:75px;
	height:15px;
	list-style:none;
	background:url(../image/common/i_star0_s.gif) top left repeat-x;
	overflow:hidden;
	float:right;
}

ul.star_rank li{  /*-星ランク-*/
	float:left;
	width:15px;
	height:15px;
	margin:0 0 0 0;
	background:none;
	text-indent:-9999px; 
	background:url(../image/common/i_star_s.gif) top right no-repeat;
}

/*-アイテム説明div-*/
div.ip_explanation{
	width:256px;
	margin:0 0 0;
	padding:0 0 0 5px;
	float:left;
	text-align:left;
}

p.item_count{ /*-残り回数-*/
	font-size:10px;
	margin:0;
	padding:0;
	color:#5B7E3C;
	float:left;
	line-height:13px;
}
p.item_count span{ /*-残り回数-*/
	font-size:14px;
	margin:0 3px 0 3px;
	font-weight:bold;
}

p.ip_explanation_txt{/*-アイテム説明文-*/
	float:left;
	width:185px;
	height:30px;
	padding:0 0 0 5px;
	margin:0 0 0 3px;
	font-size:12px;
	color:#5C5C5C;
	border-left:3px solid #DCE9B1;
	line-height:16px;
}

/*-アイテム捨てる贈る使うボタン-*/
div.ip_button{
	width:118px;
	height:20px;
	padding:0 0 0;
	margin:10px 0 0px;
	float:right;
	text-align:right;
}
div.ip_button button{
	float:right;
	background:url(../image/common/ip_button.gif) no-repeat top left;
	background-position:-1px -1px;
	letter-spacing:0.2em;
	width:38px;
	height:18px;
	margin:-2px 0 0 0;
	padding:0 0 0 3px;
	color:#335F19;
	font-size:11px;
	white-space:nowrap;
	text-align:center;
}

div.ip_button button.tume{/*-捨てるボタン用-*/
	letter-spacing:-0.1em;
	text-align:left;
}

/*-IE7、IE8用-*/
*:first-child+html  div.ip_button button{
	font-size:9px;
	padding:2px 0 0 6px
}
head~/* */body  div.ip_button button{
	font-size:9px;
	padding:2px 0 0 6px
}
html:not(:target)  div.ip_button button{
	font-size:11px;
	padding:0 0 0 3px;
}

div.ip_button button:hover{
	background-position:-1px -21px;
	color:#D5620C;
}

div.ip_date{/*-時間-*/
	position:relative;
	text-align:right;
	margin:0;
	clear:both;
}
div.ip_date span{
	background:#FFF;
	color:#80A547;
	font-size:11px;
	letter-spacing:0.1em;
	padding:0 0 0 10px;
	position:absolute;
	display:block;
	bottom:-9px;
	right:0;
	left:auto;
	z-index:10;
}
*:first-child+html div.ip_date span{/*-IE7用-*//*-時間-*/
	left:338px;
	right:auto;
	bottom:-8px;
}


/*-詳細モード-*/
div.ip_full_view{
	background:url(../image/common/ip_bg_borderline.gif) bottom left repeat-x;
	margin:6px 0 2px;
	padding:0 0 2px;
	width:auto;
}

div.ip_left{ /*-左div-*/
	float:left;
	width:100px;
	text-align:center;
	background-color:#FFF;
	position:relative;
	z-index:10;
}
div.ip_left p{ /*-左p-*/
	border-top:1px solid #BAD365;
	border-bottom:1px solid #BAD365;
	color:#335F19;
	padding:2px 0;
	margin:4px 0 0;
}
div.ip_left p.item_count{ /*-左残り回数-*/
	text-align:right;
	font-size:10px;
	height:16px;
	margin:3px 0 4px;
	width:100px;
	padding:0;
	color:#5B7E3C;
	border-top:none;
	border-bottom:none;
	white-space: nowrap;
}
div.ip_left p.item_count span{/*-残り回数-*/
	margin:0 3px 0 3px;
}

div.ip_left img{ /*-アイテム画像-*/
	width:100px;
	height:100px;
	border:1px solid #DCDCDC;
	background:url(../image/common/ip_item_bg.gif) bottom left repeat-x;
	margin:0;
	padding:0;
}
div.ip_right{/*-右div-*/
	padding:0 0 6px;
	margin:0;
	width:334px;
	float:right;
}


/*-詳細モード名前など-*/
div.ip_full_view div.ip_title{
	width:325px;
	background-position:-1px -22px;
}

div.ip_full_view ul.ip_info{ /*-詳細モード補足情報-*/
	margin:0 0 3px 2px;
	width:188px;
}
div.ip_full_view ul.ip_info li{ /*-詳細モード補足情報li-*/
	padding-left:8px;
	padding-right:8px;
}
div.ip_full_view ul.ip_info li.ip_price_coin, 
div.ip_full_view ul.ip_info li.ip_price_ticket{/*-詳細モード価格コイン-*//*-詳細モード価格チケット-*/
	padding-right:18px;
}

div.ip_full_view ul.ip_info li.ip_notsale{/*-詳細モード非売品-*/
	padding-right:8px;
}


div.ip_full_view div.ip_explanation{/*-詳細モードアイテム説明div-*/
	padding:0 0 0 0;
	width:210px;
}

div.ip_full_view p.ip_explanation_txt{/*-詳細モードアイテム説明文-*/
	margin:3px 0 0 3px;
}

/*-詳細モードアイテム売る贈る使うボタン-*/
div.ip_full_view div.ip_button{
	margin:6px 0 0;
	width:122px;
}

div.ip_full_view div.ip_button button.tume,
div.ip_full_view div.ip_button button{
	margin:0;
}

div.ip_full_view div.ip_date span{/*-詳細モード時間-*/
	bottom:-7px;
}
*:first-child+html div.ip_full_view div.ip_date span{/*-IE7用-*//*-詳細モード-*//*-時間-*/
	bottom:-5px;
}

div.ip_full_view span.ano10{/*-詳細モード説明テキスト（このアイテムはプレゼントされたものです）-*/
	margin:0 0 0 100px;
}
/*-プレゼントされたアイテム-*/
div.ip_present_log{
	width:312px;
	float:right;
	margin:2px 0 10px;
	overflow:hidden;
}
div.ip_present_log img{ /*顔画像-*/
	width:54px;
	height:54px;
	background:url(../image/common/ip_present_face.gif) top left no-repeat;
	padding:4px 3px 2px;
	float:left;
}
div.balloon { /*-吹き出し-*/
	float:right;
	text-align:left;
	width:232px;
	height:70px;
	padding:0 0 0 18px;
	margin:0;;
	overflow:hidden;
	background:url(../image/common/ip_present_log.gif) top left no-repeat;
	font-size:12px;
}
p.balloon_name{ /*-吹き出し名前-*/
	color:#335F19;
	font-weight:bold;
	margin:4px 5px 3px;
}
p.balloon_name span{ /*-吹き出し名前span-*/
	float:left;
}

p.balloon_name span.balloon_data{ /*-吹き出し時間-*/
	float:right;
	color:#656661;
	font-weight:normal;
	font-size:11px;
}
div.balloon_msg{ /*-吹き出しメッセージ-*/
	margin:0 10px 0 3px;
	padding:0;
	height:42px;
	width:225px;
	line-height:15px;
}	

/*-子表示-*/
div.ip_child{
	width:444px;
	clear:both;
}

div.ip_child img.ip_path{
	width:60px;
	height:72px;
	margin:-40px 0 0;
	float:left;
}

div.ip_child_view{
	width:335px;
	height:54px;
	border:1px solid #BAD365;
	padding:6px 0 0 0;
	margin:0 0 10px;
	float:left;
}
*:first-child+html div.ip_child_view{/*-IE7用-*/
	float:none;
}

div.ip_child_view img{/*-商品画像-*/
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
}
/*-名前など-*/
div.ip_child_view div.ip_title{
	width:270px;
	background-position:-1px -43px;
	text-align:center;
	float:left;
}
/*-説明など-*/
div.ip_child_view div.ip_explanation{
	padding:0 0 0 2px;
	width:130px;
	overflow:hidden;
}
div.ip_child_view p.item_count{/*-残り回数-*/
	font-size:10px;
	height:auto;
	width:100px;
	padding:3px 0 0 10px;
	margin:0;
	float:left;
}
div.ip_child_view p.item_count span{/*-残り回数-*/
	margin:0 3px 0 3px;
}

/*-ボタン-*/
div.ip_child_view div.ip_button{
	padding:0 5px 0 0;
	float:right;
}
div.ip_child_view ul.ip_info{
	width:130px;
	margin:0 0;
}
/*-----▼アイテムクローゼット ----------------*/
/* クローゼット 範囲 */
div.closet_base_div {
	margin:0;
	padding:0 2px 0 0;
	width: 437px;
	height:512px;
	background:#FFF;
	overflow:hidden;
}

div.i_closet_navi p button{
	margin-left:5px;
}
div.closet_base_div span.bol16{
	padding:0 10px 0 5px;
}

div.i_closet{
	width:425px;
	margin:10px 0 10px 8px;
	clear:both;
}
div.i_closet_in{
	float:left;
	width:256px;
}
div.i_closet_l, div.i_closet_r{
	width:168px;
	height:400px;
	background:#FFF url(../image/common/ic_closet_bg.gif) bottom left no-repeat;
	padding:0;
	margin:0 0 10px;
}

div.i_closet_l{ /*-手持ちアイテム-*/
	float:left;
}
div.i_closet_b{/*-移送ボタンエリア-*/
	float:left;
	width:88px;
	height:172px;
	margin:60px 0 0;
	padding:10px 0 0;
	background:#F8FCEE;
	border-bottom:1px dashed #A5BF7D;
	border-top:1px dashed #A5BF7D;
	text-align:center;
}
div.i_closet_b button{
	width:78px;
	height:35px;
	background:url(../image/common/ic_center_button.gif) no-repeat;
	background-color:transparent;
	color:#5A7828;
	padding:0 0 16px;
	margin:10px 0 10px;
	font-size:12px;
}
div.i_closet_b button.to_left{ /*-ロッカーへボタン-*/
	background-position:-1px -1px;
}
div.i_closet_b button:hover.to_left{
	background-position:-1px -38px;
	color:#D5620C;
}
div.i_closet_b button.to_right{ /*-手持ちへボタン-*/
	background-position:-81px -1px;
}
div.i_closet_b button:hover.to_right{
	background-position:-81px -38px;
	color:#D5620C;
}
div.i_closet_b button.to_trashbox{ /*-ごみ箱へボタン-*/
	background-position:-161px -1px;
}
div.i_closet_b button:hover.to_trashbox{
	background-position:-161px -38px;
	color:#D5620C;
}

div.i_closet_r{ /*-ロッカー-*/
	float:right;
}
div.i_closet h3{ 
	width:158px;
	height:19px;
	color:#406D01;
	font-weight:bold;
	font-size:12px;
	padding:4px 5px 0;
	margin:0;
}
div.i_closet div.i_closet_l h3{ 
	background:#FFF url(../image/common/ic_closet_h3l.gif) top left no-repeat;
	text-align:center;
	width:153px;
	padding:4px 15px 0 0;
}

div.i_closet div.i_closet_r h3{
	background:#FFF url(../image/common/ic_closet_h3r.gif) top left no-repeat;
	text-align:center;
}
div.i_closet h3 button{ /*-ロッカー移動ボタン-*/
	width:10px;
	height:16px;
	background:url(../image/common/ic_closet_h3button.gif) no-repeat;
	text-indent:-9999px;
	margin-left:18px;
	outline:none;
	overflow:hidden;
}
div.i_closet h3 button:hover{
	background-position:0 -17px;
}
div.i_closet div.i_closet_l h3 button.fr{
	margin-right:10px;
}
div.i_closet div.i_closet_l h3 button.fl{
	margin-right:2px;
	margin-left:5px;
}


div.i_closet h3 button.fr{
	background-position:-11px 0;
	margin-left:5px;
	margin-right:2px;
}
div.i_closet h3 button.fr:hover{
	background-position:-11px -17px;
}

div.i_closet h3 button.fl.b_gray,
div.i_closet h3 button.fl.b_gray:hover
div.i_closet h3 button.fr.b_gray,
div.i_closet h3 button.fr.b_gray:hover{/*-ロッカー移動ボタン使用不可-*/
	background-position:0px -34px;
	cursor:auto;
}
div.i_closet h3 button.fr.b_gray,
div.i_closet h3 button.fr.b_gray:hover{/*-ロッカー移動ボタン右 使用不可-*/
	background-position:-11px -34px;
}

/*-IE7用-*/
*:first-child+html div.i_closet h3 button{
	border-bottom:0px solid transparent;
}
*:first-child+html div.i_closet h3 span{
	float:left;
	padding-top:1px;
	display:block;
	width:110px;
	text-align:center;
}

div.i_closet p{ /*-アイテム数-*/
	font-size:12px;
	color:#406D01;
	letter-spacing:1px;
	background:url(../image/common/ic_closet_p.gif) bottom left repeat-x;
	margin:3px 2px 6px;
	padding:2px 4px;
	text-align:right;
}

div.i_closet ul{
	height:342px;
	width:165px;
	padding:0;
	overflow:hidden;
	list-style:none;
}
/*-アイテム-*/
div.i_closet li{
	float:left;
	margin-top:5px;
	margin-left:15px;
	padding:0;
}

div.i_closet label img{
	width:50px;
	height:50px;
	background:url(../image/common/ic_item_bg.gif) top left no-repeat;
	background-position:-1px -62px;
	padding:5px;
}
div.i_closet label:hover img{
	width:50px;
	height:50px;
	background:url(../image/common/ic_item_bg.gif) top left no-repeat;
	background-position:-1px -1px;
	padding:5px;
}

/*-IE7用-*/
*:first-child+html div.i_closet label:hover img{ 
	background-position:-1px -62px;
}
div.i_closet li.no_selct label img,
div.i_closet li.no_selct:hover label img{/*-装着中アイテム-*/
	background-position:-1px -123px;
}
div.i_closet li input{ /*-チェックボックス-*/
	position:relative;
	bottom:1px;
	margin-left:-14px;
	padding:0;
}
/*-Opera用-*/
div.i_closet li input:not(\*|*){ /*-チェックボックス-*/
	bottom:5px;
}
/*-IE7用-*/
*:first-child+html div.i_closet li input{ /*-チェックボックス-*/
	position:static;
	margin-left:-17px;
	padding:0;
}


/*-----▼部活メニュー ----------------*/




/* 部活 範囲 */
div.club_base_div {
	margin:0;
	padding:0 2px 0 0;
	width: 438px;
	height:850px;
	background:#FFF;
	overflow:hidden;
}

/*-お知らせ-*/
div.cp_information{
	width:432px;
	height:38px;
	border:1px solid #A6C873;
	margin:12px auto;
	padding:10px 0 0;
	background:url(../image/common/cp_info_bg.gif) bottom left repeat-x;
}

div.cp_information h2{
	position:relative;
	text-align:right;
	margin:0;
}
div.cp_information h2 span{
	position:absolute;
	display:block;
	top:-20px;
	left:1em;
	font-size:14px;
	font-weight:bolder;
	color:#5D8E04;
	background:#FFF url(../image/common/cp_info_mark.gif) top left no-repeat;
	padding:2px 6px 2px 24px;
}

div.cp_information p{
	width:240px;
	height:32px;
	margin:2px 6px;
	float:left;
	overflow:auto;
	line-height:16px;
}
div.cp_information button{
	font-size:13px;
	color:#335F19;
	background-color:transparent;
	background-image:url(../image/common/mp_button.gif);
	width:80px;
	height:21px;
	background-position:-2px -1px;
	padding:0 0 3px;
	margin:0 3px 4px;
	float:left;
}

div.cp_information button:hover{
	background-position:-2px -24px;
	color:#D5620C;
}


h2.top_green_gra {/*-トップ見出し-*/
	color:#467B25;
	margin:4px 0 0;
	padding:8px 2px 0 5px;
	background:url(../image/common/green_gradation.gif) repeat-x top left;
	height:30px;
}

 /*-トップナビゲーション-*/
div.cp_navi{
	margin:3px 0 10px;
}
div.top_category{
	margin:0 0 4px;
	overflow:hidden;
	width:439px;
	background:transparent url(../image/common/class_navi_line.gif) repeat-x scroll left top;
}

ul.top_category{
	margin:0 0 4px;
	background:url(../image/common/class_navi_line.gif) top left no-repeat;
}
ul.top_category li{
	float:left;
	background:url(../image/common/ip_navi_br.gif) bottom right no-repeat;
	list-style:none;
	padding:0;
	margin:0 3px 10px 2px;
	font-size:11px;
	text-align:left;
}
ul.top_category li a{
	display:block;
	background:url(../image/common/ip_navi_bl.gif) bottom left no-repeat;
	height:14px;
	padding:4px 12px 0 11px;
	margin:0 0;
	color:#335F19;
}

ul.top_category li a:hover{
	color:#0C6DB7;
	background:url(../image/common/ip_navi_bl_over.gif) bottom left no-repeat;
}
ul.top_category li:hover{
	color:#0C6DB7;
	background:url(../image/common/ip_navi_br_over.gif) bottom right no-repeat;
}
ul.top_category li.ip_navi_sel a{
	color:#335F19;
	background:url(../image/common/ip_navi_bl_sel.gif) bottom left no-repeat;
}
ul.top_category li.ip_navi_sel{
	background:url(../image/common/ip_navi_br_sel.gif) bottom right no-repeat;
}

div.cp_navi p{/*-注意書き絞込み-*/
	font-size:10px;
	margin:0 0 1px 4px;
	padding:0;
}
div.cp_navi input{/*-検索-*/
	border:1px solid #80A547;
	font-size:13px;
	width:140px;
	height:20px;
	vertical-align:middle;
	float:left;
}
div.cp_navi select{/*-並び替え-*/
	border:1px solid #80A547;
	font-size:13px;
	width:140px;
	height:20px;
	vertical-align:middle;
	float:left;
}
div.club_panel form{
	display:inline;
	float:left;
}




div.aafp_top_form input, div.aaf_panel select{
	border:1px solid #80A547;
	float:left;
	margin:0;
	padding:0;
	font-size:13px;
}
div.aafp_top_form select{ /*-並び替え-*/
	width:128px;
	height:22px;
}
div.aafp_top_form input{ /*-検索-*/
	width:220px;
	height:20px;
	margin:0 0 0 4px;
}
div.aafp_top_form button {/*-検索ボタン-*/
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0 0 0 4px;
	padding:0 0 3px;
	background-position:-2px -1px;
	float:left;
}
div.aafp_top_form button:hover {
	background-position:-2px -24px;
	color:#D5620C;
}


div.cp_navi form button { /*-検索ボタン-*/
	background-image:url(../image/common/mp_button.gif);
	background-color:transparent;
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0 0 0 4px;
	padding:0 0 3px;
	background-position:-2px -1px;
	float:left;
}

div.cp_navi form button:hover {
	background-position:-2px -24px;
	color:#D5620C;
}

div.cp_navi button.long_b{
	float:right;
}



 /*-ページ移動ナビゲーション-*/

div.page_navi ul{
	text-align:center;
	list-style:none;
	overflow:hidden;
	float:left;
	width:auto;
	margin:0 0 0 15px;
	border-left:1px solid #C2D1B4;
}
div.page_navi li{
	float:left;
	border-right:1px solid #C2D1B4;
	border-top:1px solid #C2D1B4;
	border-bottom:1px solid #C2D1B4;
	padding:1px 0 1px 1px;
}
div.page_navi li a{
	text-decoration:underline;
	padding:1px 8px 2px;
	color:#335F19;
	background-color:#F4FAE6;
}
div.page_navi li a:hover{
	text-decoration:underline;
	color:#0C6DB7;
	background-color:#98E3EA;
}
div.page_navi li.current_page{
	background-color:#D3EA98;
	padding:1px 8px 1px;
}



div.cp_club_data{/*-クラブ*/
	width:437px;
	margin:5px 0;
}

div.club_data_l{/*-クラブ左*/
	width:112px;
	height:134px;
	float:left;
	text-align:center;
}
div.club_data_l img{
	margin-left:auto;
	margin-right:auto;
	border:2px solid #ccc;
}
div.club_data_l div{
	background:url(../image/common/cp_state.gif) no-repeat;
	background-position:-1px -1px;
	width:100px;
	height:20px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-size:15px;
	font-weight:bolder;
	letter-spacing:2px;
	padding:2px 0 0 0;
}
div.club_data_l div.cp_state_blue{/*-入部-*/
	background-position:-1px -1px;
}
div.club_data_l div.cp_state_green{/*-仮入部-*/
	background-position:-1px -25px;
}
div.club_data_l div.cp_state_red{/*-募集中-*/
	background-position:-1px -49px;
}
div.club_data_l div.cp_state_gray{/*-募集中止-*/
	background-position:-1px -73px;
}

div.cp_area{
	margin:10px 0;

}
div.club_data_r{ /*-クラブ右*/
	background:url(../image/common/cp_base.gif) top left no-repeat;
	width:324px;
	height:126px;
	float:right;
	margin:3px 0 0;
}

div.club_data_r h3{
	width:310px;
	color:#5D8E04;
	margin:4px 5px 1px;
	padding:0 0 0 12px;
	background:url(../image/common/cp_h3.gif) top left no-repeat;
}
div.club_feather{ /*-クラブ羽根-*/
	padding:2px 3px 0 22px;
	background:url(../image/common/i_feather.gif) bottom left no-repeat;
	background-position:0 -2px;
	height:14px;
	width:280px;
	margin:0 0 0 10px;
	color:#5D8E04;
}
p.club_data_txt{/*-クラブ紹介文-*/
	width:241px;
	height:53px;
	margin:3px 0px 3px 7px;
	float:left;
	font-size:12px;
	overflow:auto;
	line-height:1.5em;
	text-align:justify;
	text-justify:inter-ideograph;/* IE独自タグ */
}
p.club_data_member{ /*-会員数-*/
	float:right;
	margin:0 0 0 0;
	font-size:12px;
	color:#619A2A;
}
p.club_data_member span{ /*-数-*/
	font-size:18px;
	font-weight:bold;
	padding:0 2px;
}

div.club_data_r button{
	width:62px;
	height:34px;
	margin:5px 8px 0 0;
	float:right;
	font-size:13px;
	color:#335F19;
	background-color:transparent;
	background-image:url(../image/common/cp_button.gif);
	background-position:-1px -1px;
}

div.club_data_r button:hover{
	background-position:-1px -37px;
	color:#D5620C;
}

div.cp_club_data button.b_gray,
div.cp_club_data button:hover.b_gray{/*-使用不可ボタン*/
	color:#aaa;
	background-position:-1px -73px;
	cursor:default;
}
div.club_data_bottom{/*-下ボタンエリア*/
	margin:0 6px 0 8px;
	width:306px;
	height:24px;
	float:left;
}
div.club_data_bottom button{/*-下ボタン-*/
	background-position:-65px -1px;
	padding:0 0 3px;
	margin:0 6px 0 0;
	width:62px;
	height:21px;
	float:left;
}
div.club_data_bottom button:hover{
	background-position:-65px -24px;
	color:#D5620C;
}
div.club_data_bottom button.b_gray,
div.club_data_bottom button:hover.b_gray{/*-退部など使用不可ボタン*/
	color:#aaa;
	background-position:-65px -47px;
	cursor:default;
}

/*-----▼クラブ設定メニュー ----------------*/
div.club_set_up{ /*-顔画像-*/
	width:439px;
	margin:0 0 5px;
	background:url(../image/common/club_setup_bg.gif) bottom left repeat-x;
}

div.club_set_up img{ /*-顔画像-*/
	width:64px;
	height:64px;
	background:url(../image/common/fp_simpleidface.gif) top left no-repeat;
	padding:3px 9px 2px 9px;
	margin:0 0 8px;
	float:left;
	display:block;
}

*:first-child+html div.club_set_up img{
	border-bottom:8px transparent solid ;
}
div.club_set_up div.member_name{
	width:265px;
	height:17px;
	background:url(../image/common/ip_name_base.gif) no-repeat;
	background-position:-1px -64px;
	color:#254900;
	margin:0;
	padding:2px 0 0 8px;
	float:left;
}
p.club_post{/*-肩書き-*/
	background:url(../image/common/cp_state_mini.gif) no-repeat;
	background-position:-1px -1px;
	width:72px;
	height:17px;
	color:#FFF;
	font-size:14px;
	font-weight:bolder;
	letter-spacing:0;
	padding:2px 0 0 0;
	float:left;
	text-align:center;
	margin:0 2px 0 6px;
	overflow:hidden;
}
div.club_set_up p.club_post_red{/*-部長、副部長-*/
	background-position:-1px -43px;
}
div.club_set_up p.club_post_blue{/*-部員-*/
	background-position:-1px -1px;
}
div.club_set_up p.club_post_green{/*-仮入部員-*/
	background-position:-1px -22px;
}
div.club_set_up p.club_post_gray{/*-募集中止-*/
	background-position:-1px -64px;
}

div.set_up_menu div.club_set_up textarea{/*-自己紹介*/
	font-size:13px;
	width:260px;
	height:42px;
	border:1px solid #80A547;
	margin:4px 0 0 6px;
	padding:0;
	overflow:auto;
	float:left;
}

div.club_set_up button{ /*-ボタン-*/
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:4px 4px 0 0;
	padding:0 0 3px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
	background-color:transparent;
}
div.club_set_up button:hover{ /*-マウスオーバー-*/
	color:#D5620C;
	background-position:-2px -24px;
}
div.club_setup_bottom{
	width:351px;
	height:21px;
	margin:5px 0 7px;
	padding:0;
	float:right;
	overflow:hidden;
}
div.set_up_menu div.club_setup_bottom button{
	background-image:url(../image/common/cp_button.gif);
	background-position:-1px -109px;
	width:104px;
	margin:0 32px 0 0px;
	padding:0 0 2px;
	float:left;
	font-size:11px;
}
/*-IE7、IE8対策-*/
*:first-child+html div.set_up_menu div.club_setup_bottom button{
	padding:2px 0 0;
	font-size:9px;
}
head~/* */body div.set_up_menu div.club_setup_bottom button{
	padding:2px 0 0;
	font-size:9px;
}
html:not(:target) div.set_up_menu div.club_setup_bottom button{
	font-size:11px;
	padding:0 0 2px;
}

div.set_up_menu div.club_setup_bottom button:hover{
	background-position:-1px -132px;
	color:#D5620C;
}
div.set_up_menu div.club_setup_bottom button.b_button{
	background-image:url(../image/common/cp_button.gif);
	background-position:-1px -155px;
	width:104px;
	margin:0 0 0 2px;
	color:#D5D5D5;
	float:right;
}
div.set_up_menu div.club_setup_bottom button:hover.b_button{
	background-position:-1px -178px;
	color:#FFBD29;
}
div.under_line{
	padding-bottom:10px;
	background:url(../image/common/club_setup_bg.gif) bottom left repeat-x;
	margin-top:0px;
}
div.club_txt_change,div.club_name_change{
	margin:0 0 4px;
}


div.club_name_change input{/*-クラブ名変更-*/
	border:1px solid #80A547;
	font-size:13px;
	width:320px;
	height:20px;
	margin:0;
	float:left;
}
div.club_txt_change textarea{/*-クラブ紹介文変更-*/
	border:1px solid #80A547;
	font-size:13px;
	width:320px;
	height:60px;
	overflow:auto;
	margin:0 10px;
	float:left;
}
div.set_up_menu button.b_gray,
div.set_up_menu button:hover.b_gray{/*-退部など使用不可ボタン*/
	color:#aaa;
	background-position:-71px -139px;
	cursor:default;
}

/*-----▼設定メニュー ----------------*/

div.set_up_menu button{ 
	float:right;
}
div.set_up_menu button.fr{ 
	float:right;
}
div.set_up_menu button.fl{ 
	float:left;
}
div.set_up_menu h2{/*-トップ見出し-*/
	color:#467B25;
	margin:4px 0 0;
	padding:8px 2px 0 5px;
	background:url(../image/common/green_gradation.gif) repeat-x top left;
	height:30px;
}
div.set_up_menu h2 span{/*-IE7対策-*/
	float:left;
}
div.set_up_menu h3{/*-各項目名-*/
	background:url(../image/common/setup_h3.gif) no-repeat top left;
	background-position:0 0;
	width:424px;
	height:22px;
	padding:4px 0 0 15px;
	margin:0 0 5px;
	clear:both;
	color:#51691D;
	font-weight:bold;
	font-size:12px;
}
div.set_up_menu button.button_close{/*-閉じるボタン（共通設定より）-*/
	float:right;
}
/*-IE7用-*/
*:first-child+html div.set_up_menu button.button_close {
	float:right;
	position:relative;
	top:-18px;
}

div.set_up_menu input ,div.set_up_menu select{
	vertical-align:middle;
	margin:0 10px;
}
div.set_up_menu select{
	background:#FCFFF5 url(../image/common/setup_form_bg.gif) top left no-repeat;
	border:1px solid #80A547;
}
div.set_up_menu label{
	float:left;
}
/*-クリアフィックス*/
div.set_up_menu p {/*- IE用 -*/
    zoom: 100%;
}
div.set_up_menu p:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.set_up_menu p button{ /*-ボタン-*/
	width:80px;
	height:21px;
	font-size:13px;
	color:#335F19;
	margin:0;
	padding:0 0 2px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-2px -1px;
	background-color:transparent;
}
/*-IE7、IE8対策-*/
*:first-child+html div.set_up_menu p button{
	padding:2px 0 0;
}
head~/* */body div.set_up_menu p button{
	padding:2px 0 0;
}
html:not(:target) div.set_up_menu p button{
	padding:0 0 2px;
}

div.set_up_menu p button:hover{ /*-マウスオーバー-*/
	color:#D5620C;
	background-position:-2px -24px;
}
div.set_up_menu p button.button_long{/*-ボタン（長）-*/
	background-position:-2px -47px;
	width:125px;
}
div.set_up_menu p button:hover.button_long{/*-マウスオーバー-*/
	background-position:-2px -70px;
}
div.set_up_menu p button.button_long.b_gray{/*-ボタン（長）使用不可-*/
	background-position:-2px -219px;
	color:#aaa;
	cursor:default;
}

div.input_txt input{ 
	width:140px;
	position:absolute;
	left:310px;
	border:1px solid #80A547;
	background:#FCFFF5 url(../image/common/setup_form_bg.gif) top left no-repeat;
}
div.input_txt select{
	position:absolute;
	left:460px;
}
div.input_txt p{
	padding:1px 0 1px;
	text-align:right;
	width:138px;
}
div.input_txt p.fr{
	width:100px;
	float:right;
	margin:0 5px 0 0;
}
div.input_txt p.info_txt{
	color:#777;
	width:320px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:16px;
	text-align:left;
	margin:0 0 0 10px;
}


/*-----▼ショップメニュー ----------------*/




div.shop_base {
	width:610px;
	padding:0 0 10px 10px;
	text-align: left;
	background:url(../image/common/main_middle_shop.gif) top left repeat-y;
}
div.shop_base_top{
	width:598px;
	height:74px;
	margin:0 1px 4px;
	background:url(../image/common/shop_top.gif) top left no-repeat;
}
div.shop_base_top_position{
	position:relative;
	text-align:right;
	margin:0;
}
div.hand_money{
	position:absolute;
	display:block;
	top:-66px;
	left:3px;
	width:197px;
	height:20px;
	background:#F8FFE6 url(../image/common/i_coin_s.gif) no-repeat;
	background-position:180px 5px;
	border-top:1px solid #216600;
	border-right:1px solid #82BC00;
	border-left:1px solid #216600;
	border-bottom:1px solid #82BC00;
	text-align:left;
}
div.hand_money input{
	background:transparent;
	vertical-align:bottom;
	width:142px;
	letter-spacing:2px;
	padding:3px 0 0;
	text-align:right;
	color:#639C22;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 -2px;
}

div.hand_money span{
	color:#3D760B;
	font-size:11px;
	padding:2px 0 0 3px;
}
div.shop_base_top button.normal_b{
	position:absolute;
	display:block;
	top:-65px;
	left:206px;
}
div.shopping_money{
	position:absolute;
	display:block;
	top:-40px;
	left:3px;
	width:284px;
	height:30px;
	background:#F8FFE6 url(../image/common/i_ticket.gif) no-repeat;
	background-position:180px 10px;
	border-top:1px solid #216600;
	border-right:1px solid #82BC00;
	border-left:1px solid #216600;
	border-bottom:1px solid #82BC00;
	text-align:left;
}
div.shopping_money input{
	font-size:18px;
	font-weight:bold;
	height:21px;
	width:112px;
	padding:5px 0 0 0;
	margin:3px 0 0 -2px;
	background:transparent;
	vertical-align:bottom;
	color:#639C22;
	letter-spacing:1px;
	text-align:right;
}
div.shopping_money span{
	color:#3D760B;
	font-size:11px;
	padding:2px 0 0 1px;
	margin:0;
}
div.shop_base_top div.shopping_money button.normal_b{
	position:absolute;
	display:block;
	top:5px;
	left:202px;
}


div.shop_base h1{
	margin:0;
	padding:0;
	font-size:18px;
}


div.aaa{
	padding: 1px 10px;
	position: absolute;
	left:100px;
	width:120px;
	height:20px;
	background-color:red;
	font-size: large;
	font-weight: bold;
	text-align:right;
}

div.shop_char_bg{
	float:left;
	width:287px;
	height:620px;
	padding:0;
	background:url(../image/common/shop_char_bg.gif) top left no-repeat;
	margin:0 0 0 2px;
}
div.shop_char_top p{
	float:left;
	width:84px;
	height:32px;
	margin:10px 15px 0 5px;
	color:#D04900;
	font-weight:bold;
}
div.shop_char_top button{
	float:left;
	width:84px;
	height:32px;
	margin:10px 5px 0 0;
	padding:0 0 3px;
	background:transparent url(../image/common/shop_button.gif);
	background-position:-1px -1px;
	color:#335F19;
}
/*-IE7、IE8用-*/
*:first-child+html div.shop_char_top button {padding:0 0 0;}
head~/* */body div.shop_char_top button {padding:0 0 0;}
html:not(:target) div.shop_char_top button {padding:0 0 3px;}


div.shop_char_top button:hover{
	background-position:-1px -35px;
	color:#D5620C;
}


div.shop_char_top0 button{
	background-image:url(../image/common/cp_button.gif);
	background-position:-1px -109px;
	width:104px;
	margin:0 32px 0 0px;
	padding:0 0 2px;
	float:left;
	font-size:11px;
}






div.bbb2{
	left:100px;
	width:200px;
	border:1px;
	width:287px;


	background-color:blue;
	margin:0;
}
div.shopping_cart{ /*-お買い物リスト-*/
	height:118px;
	background:#FFF url(../image/common/shopping_cart_base.gif) top left no-repeat;
	float:left;
	margin:0 0 0 0;
	width:289px;
}

div.shop_base h3{
	margin:5px 0 0 6px;
	font-size:12px;
	font-weight:bold;
	color:#5D8E04;
}
div.item_select{
	background:url(../image/common/shopping_select_line.gif) top left repeat-x;
	width:303px;
	margin:6px 2px 0 3px;
}
div.item_select button{/*-アイテムソートボタン設定-*/
	width:98px;
	height:24px;
	background:url(../image/common/shopping_select.gif) no-repeat;
	margin:0 2px 0 1px;
	text-indent:-9999px;
	float:left;
}
/*-通常ボタン-*/
div.item_select button.my_list{/*-所有アイテム-*/
	background-position:-101px -1px;
}
div.item_select button.shop_list{/*-お店の商品-*/
	background-position:-201px -1px;
}
div.item_select button.equip_list{/*-装備中アイテム-*/
	background-position:-1px -1px;
}
/*-マウスオーバー-*/
div.item_select button.my_list:hover{/*-所有アイテム-*/
	background-position:-1px -53px;
}
div.item_select button.shop_list:hover{/*-お店の商品-*/
	background-position:-148px -53px;
}
div.item_select button.equip_list:hover{/*-装備中アイテム-*/
	background-position:-1px -53px;
}

/*-選択時ボタン-*/
div.item_select button.my_list.select {/*-所有アイテム-*/
	background-position:-101px -27px;
	cursor:auto;
}
div.item_select button.shop_list.select{/*-お店の商品-*/
	background-position:-201px -27px;
	cursor:auto;
}
div.item_select button.equip_list.select{/*-装備中アイテム-*/
	background-position:-1px -27px;
	cursor:auto;
}


ul.cart_item_list{ /*-カートリスト-*/
	list-style:none;
	width:280px;
	height:90px;
	padding:1px;
	margin:2px 2px 0;
	overflow:auto;
}

ul.cart_item_list li img{ /*-カートイメージ-*/
	width:50px;
	height:50px;
	margin:0 0 0 6px;
	padding:0;
	clear:both;
	display:block;
}
ul.cart_item_list li{ /*-カートli-*/
	float:left;
	width:62px;
	height:83px;
	background:#FFF url(../image/common/shopping_cart_item.gif) top left no-repeat;
	background-position:-1px -1px;
	margin:4px 1px;
}
ul.cart_item_list li.item_fitting{/*-試着-*/
	background-position:-65px -1px;
}
ul.cart_item_list li.item_fitting span.price_ticket,
ul.cart_item_list li.item_fitting span.price_coin {/*-試着品価格-*/
	color:#623800;
}

ul.cart_item_list li button{/*-カート内商品ボタン-*/
	float:right;
	width:10px;
	height:10px;
	margin:4px 4px 3px 0;
	background:url(../image/common/shopping_cart_item.gif) top left no-repeat;
	background-position:-1px -86px;
	text-indent:-9999px;
}
ul.cart_item_list li button:hover{
	background-position:-25px -86px;
}
ul.cart_item_list li.item_fitting button{/*-カート内試着商品ボタン-*/
	background-position:-13px -86px;
}
ul.cart_item_list li.item_fitting button:hover{
	background-position:-37px -86px;
}

span.item_state{
	float:left;
	font-size:12px;
	color:#FFFFFF;
	margin:2px 0 0 4px;
}

span.price_coin,
span.price_ticket,
span.notsale{/*-価格コイン-*//*-価格チケット-*//*-非売品-*/
	padding-right:18px;
	padding-top:2px;
	background:url(../image/common/i_coin_s.gif) top right no-repeat;
	font-size:11px;
	display:block;
	text-align:right;
	margin:0 0 0 6px;
	width:36px;
}
span.price_ticket{/*-価格チケット-*/
	background:url(../image/common/i_ticket_s.gif) top right no-repeat;
}
span.notsale{/*-非売品-*/
	background:none;
	padding-right:6px;
	width:48px;
}



div.shop_item{/*-アイテムリスト-*/
	float:right;
	width:310px;
	margin:0px 11px 0 0;
	background:url(../image/common/item_list_top.gif) top left no-repeat;
}
div.shop_item_bottom{/*-アイテムリスト-*/
	float:right;
	width:310px;
	padding:0 0 10px;
	background:url(../image/common/item_list_bottom.gif) bottom left no-repeat;
}




 /*-トップナビゲーション-*/
div.shop_item div.top_category{
	margin:10px 0px 4px;
	background:url(../image/common/class_navi_line.gif) top left repeat-x;
	overflow:hidden;
	width:300px;
}


p.i_sort2{
	font-size:10px;
	margin:0 0 1px 4px;
	padding:0;
}
div.shop_item div.cp_navi{
	padding:0 4px 0 4px;
}
 /*-ページ移動ナビゲーション-*/
div.shop_item div.page_navi{
	padding:0 4px 0 4px;
}

div.shop_item div.page_navi ul{
	text-align:center;
	list-style:none;
	overflow:hidden;
	float:left;
	width:auto;
	margin:0 0 0 3px;
	border-left:1px solid #C2D1B4;
}
div.shop_item div.page_navi li{
	float:left;
	border-right:1px solid #C2D1B4;
	border-top:1px solid #C2D1B4;
	border-bottom:1px solid #C2D1B4;
	padding:1px 0 1px 1px;
}
div.shop_item div.page_navi li a{
	text-decoration:underline;
	padding:1px 3px 2px;
	color:#335F19;
	background-color:#F4FAE6;
}
div.shop_item div.page_navi li a:hover{
	text-decoration:underline;
	color:#0C6DB7;
	background-color:#98E3EA;
}
div.shop_item div.page_navi li.current_page{
	background-color:#D3EA98;
	padding:1px 3px 1px;
}

div.shop_item_list{
	background:url(../image/common/item_list_base.gif) top left repeat-y;
}
/*-簡易モード-*/
div.shop_lite_view {
	background:url(../image/common/shop_list_borderline.gif) bottom left no-repeat;
	margin:5px 0 5px;
	padding:0 2px 5px;
	width:auto;
	width:305px;
}
div.shop_lite_view img{/*-商品画像-*/
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
div.shop_item h4{/*-商品名h3-*/
	background:url(../image/common/shop_item_name.gif) top left no-repeat;
	width:301px;
	text-align:left;
	padding:2px 0 0;
	margin:0 0 0 2px;
	color:#335F19;
	font-size:12px;
}
div.shop_item h4 span{/*-商品名span-*/
	background:url(../image/common/shop_item_name.gif) bottom left no-repeat;
	width:291px;
	display:block;
	padding:0 5px 2px;
}
*:first-child+html div.shop_item h4 span{/*-商品名span-*//*-IE7用-*/
	padding:0 50px 4px 5px;
}
div.shop_item h4 span button{/*-詳細ボタン-*/
	float:right;
	margin:-1px 0 0;
}
*:first-child+html div.shop_item h4 span button{/*-詳細ボタン-*//*-IE7用-*/
	float:none;
	position:absolute;
	left:560px;
}

div.shop_top_div{
	float:left;
	width:178px;
	margin:1px 0 3px;
	overflow:hidden;
}



/*-補足情報-*/
ul.item_info{
	list-style:none;
	font-size:11px;
	margin:0 0 3px 2px;
	display:block;
	overflow:hidden;
}
ul.item_info li{ /*-補足情報li-*/
	float:left;
	padding-top:1px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:0px;
	border-left:1px solid #AEC38E;
}
ul.item_info li.price_coin,
ul.item_info li.price_ticket,
ul.item_info li.notsale{/*-価格コイン-*//*-価格チケット-*//*-非売品-*/
	border-right:1px solid #AEC38E;
	padding-right:18px;
	background:url(../image/common/i_coin_s.gif) top right no-repeat;
}
ul.item_info li.price_ticket{/*-価格チケット-*/
	background:url(../image/common/i_ticket_s.gif) top right no-repeat;
}
ul.item_info li.notsale{/*-非売品-*/
	background:none;
	padding-right:6px;
}
ul.item_info li.item_category{ /*-カテゴリー-*/
	border-left:none;
	font-size:10px;
	padding-left:10px;
	color:#5B7E3C;
	background:url(../image/common/ip_category_mark.gif) no-repeat top left;
}
span.item_favorite{/*-お気に入り度span-*/
	width:65px;
	font-size:11px;
	color:#596D34;
	margin:2px 0 0 10px;
	float:left;
}
ul.shop_star_rank{ /*-星ランク背景-*/
	margin:0 0 0 0px;
	padding:0px;
	width:75px;
	height:15px;
	list-style:none;
	background:url(../image/common/i_star0_s.gif) top left repeat-x;
	overflow:hidden;
	float:left;
}

ul.shop_star_rank li{  /*-星ランク-*/
	float:left;
	width:15px;
	height:15px;
	margin:0 0 0 0;
	background:none;
	text-indent:-9999px; 
	background:url(../image/common/i_star_s.gif) top right no-repeat;
}

/*-ショップ試着、カート、購入、ボタン-*/
div.shop_button{
	width:125px;
	padding:0 0 0;
	margin:14px 2px 0px 0;
	float:right;
	text-align:right;
	overflow:hidden;
}
div.shop_button button{
	background:url(../image/common/shop_list_button.gif) no-repeat top left;
	background-position:-3px -1px;
	float:right;
	margin:0 0 0 2px;
	padding:0 0 0 3px;
	width:39px;
	height:18px;
	color:#335F19;
	font-size:11px;
	letter-spacing:0.2em;
}
div.shop_button  button.tume{/*-捨てるボタン用-*/
	background-position:0px -1px;
	width:43px;
	letter-spacing:-0.1em;
	margin:0 0px 0 0;
	text-align:left;
}
div.shop_button  button.tume, x:-moz-broken, x:last-of-type {/* firefox3.5以降用  */
	letter-spacing:0em;
}


/*-IE7、IE8用-*/
*:first-child+html  div.shop_button button{
	font-size:9px;
	padding:2px 0 0 6px
}
head~/* */body  div.shop_button button{
	font-size:9px;
	padding:2px 0 0 6px
}
html:not(:target)  div.shop_button button{
	font-size:11px;
	padding:0 0 0 3px;
}

div.shop_button button:hover{
	background-position:-3px -21px;
	color:#D5620C;
}
div.shop_button button:hover.tume{
	background-position:0 -21px;
}


/*-アイテム説明div-*/
div.shop_explanation{
	width:250px;
	margin:8px 0 0;
	padding:0 0 0 5px;
	float:left;
	text-align:left;
}

p.shop_item_count{ /*-残り回数-*/
	font-size:10px;
	margin:0;
	padding:0;
	color:#5B7E3C;
	float:left;
	line-height:13px;
}
p.shop_item_count span{ /*-残り回数-*/
	font-size:14px;
	margin:0 3px 0 3px;
	font-weight:bold;
}

p.shop_explanation_txt{/*-アイテム説明文-*/
	float:left;
	width:180px;
	height:30px;
	padding:0 0 0 5px;
	margin:0 0 0 3px;
	font-size:12px;
	color:#5C5C5C;
	border-left:3px solid #DCE9B1;
	line-height:16px;
}
*:first-child+html div.ip_date span{/*-IE7用-*//*-時間-*/
	left:204px;
	right:auto;
	bottom:-8px;
}

/*-詳細モード-*/
div.shop_full_view{
	background:url(../image/common/shop_list_borderline.gif) bottom left no-repeat;
	margin:5px 0 5px;
	padding:0 2px 5px;
	width:305px;
}

div.shop_left{ /*-左div-*/
	float:left;
	width:100px;
	text-align:center;
	background-color:#FFF;
	clear:both;
	margin:0 0 4px 5px;
	position:relative;
	z-index:10;
}
div.shop_left p{ /*-左p-*/
	border-top:1px solid #BAD365;
	border-bottom:1px solid #BAD365;
	color:#335F19;
	padding:2px 0;
	margin:4px 0 0;
}

div.shop_left img{ /*-アイテム画像-*/
	width:100px;
	height:100px;
	border:1px solid #DCDCDC;
	background:url(../image/common/ip_item_bg.gif) bottom left repeat-x;
	margin:0;
	padding:0;
}
div.shop_full_view div.shop_explanation{
	width:195px;
	margin:6px 0 0;
	padding:0 0 0 5px;
	float:left;
}

/*-子要素-*/
div.shop_child{
	width:309px;
	clear:both;
}

img.child_path{
	width:18px;
	height:72px;
	margin:-40px 0 0;
	padding:0;
	float:left;
}

div.shop_child_view{
	width:284px;
	border:1px solid #BAD365;
	padding:4px 0 4px 0;
	margin:0 0 10px;
	float:left;
	overflow:hidden;
}

*:first-child+html div.shop_child_view{/*-IE7用-*/
	float:none;
}

div.shop_child h5{/*-商品名h3-*/
	background:url(../image/common/shop_child_name.gif) top left no-repeat;
	width:228px;
	text-align:left;
	padding:2px 0 0;
	margin:0 3px 0 2px;
	color:#335F19;
	font-size:12px;
	float:right;
}
div.shop_child h5 span{/*-商品名span-*/
	background:url(../image/common/shop_child_name.gif) bottom left no-repeat;
	width:218px;
	display:block;
	padding:0 5px 2px;
}


div.shop_child_view img{/*-商品画像-*/
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
}
div.shop_child_view div.shop_top_div{/*-商品詳細DIV-*/
	margin:0;
	width:160px;
}
div.shop_child_view p.item_count{
	float:left;
}

div.shop_child_view div.shop_button{
	margin:10px 4px 0 0;
	width:auto;
}
/*-ダイアログDIV-*/

div.shop_dialog_div {
	margin:0;
	padding:4px 4px 4px 10px;
	width:392px;
	height:170px;
	background:url(../image/common/shop_dialog.gif) top left no-repeat;
	color:#497500;
	font-size:14px;
}
div.shop_dialog_div.after{/*-購入後、精算後-*/
	background-position:0 -178px;
}
/*-IE7用-*/
*:first-child+html div.shop_dialog_div{
	padding:10px 4px 4px 10px;
	height:164px;
}

div.shop_dialog_div h3 {
	margin:4px 0 6px 0;
	padding:0;
	width:200px;
	color:#497500;
	font-size:14px;
}

div.shop_dialog_close {/*-×（閉じる）ボタン-*/
	position:relative;
	margin:0;
}
div.shop_dialog_close button{
	position:absolute;
	display:block;
	bottom:5px;
	right:5px;
	height:18px;
	width:18px;
	text-indent:-99999px;
	background-image:url(../image/common/mp_button.gif);
	background-position:-85px -1px;
	background-color: transparent;
	z-index:2;
}
div.shop_dialog_close button:hover {
	background-position:-105px -1px;
}

div.shop_dialog_close button:not(\*|*){ /*-Opera用-*/
	bottom:2px;
}

div.after div.shop_dialog_close button{/*-購入後、精算後-*/
	top:4px;
	right:7px;
}
div.after div.shop_dialog_close button:not(\*|*){ /*-Opera用-*/
	top:6px;
}


div.shop_dialog_button button:hover {
	background-position:-105px -1px;
}

div.shop_dialog_div img{
	border:1px solid #A9C26A;
	float:left;
	margin:6px 0 0 2px;
}
div.shop_dialog_div p {
	width:246px;
	height:86px;
	margin:6px 8px 1px 0;
	padding:0;
	float:right;
}
div.shop_dialog_div.after p {/*-購入後、精算後-*/
	width:380px;
	height:79px;
	margin-top:40px;
	text-align:center;
}

div.shop_dialog_button{/*-通常ボタンDIV-*/
	width:246px;
	height:45px;
	float:right;
	margin:0 8px 0 0;
}
div.shop_dialog_button button {
	width:70px;
	height:33px;
	margin:0 0 0 5px;
	padding:0;
	background:url(../image/common/bbs_button.gif) top left no-repeat;
	background-position:-1px -1px;
	color:#497500;
	float:right;
}
div.shop_dialog_button button:not(\*|*){ /*-Opera用-*/
	padding:9px 0 0 0!important;
}

div.shop_dialog_button button:hover {
	background-position:-1px -36px;
	color:#D18000;
}

div.shop_dialog_div ul {/*-精算ul-*/
	list-style:none;
	width:330px;
	height:93px;
	margin-left:60px;
}
div.shop_dialog_div li {
	width:235px;
	height:16px;
	padding:10px 20px 0 5px;
	border-bottom:1px solid #106601;
}

div.shop_dialog_div ul.i_ticket li {/*-チケットアイコン-*/
	background:url(../image/common/i_ticket.gif) bottom right no-repeat;
}
div.shop_dialog_div ul.i_coin li {/*-コインアイコン-*/
	background:url(../image/common/i_coin.gif) bottom right no-repeat;
}

/*-可変ダイアログDIV-*/
div.shop_dialog_div.liquid_y {
	margin:0;
	padding:0;
	padding-bottom:12px;
	margin-bottom:2px;
	width:408px;
	height:auto;
	background:url(../image/common/shop_dialog_bottom.gif) bottom left no-repeat;
	color:#497500;
	font-size:14px;
}
/*-IE7用-*/
*:first-child+html div.shop_dialog_div.liquid_y{
	padding:0;
	height:auto;
	padding-bottom:12px;
	margin-bottom:2px;
}

div.shop_dialog_div.liquid_y.after { /*-購入後、精算後-*/
	background:url(../image/common/shop_dialog_bottom.gif) bottom left no-repeat;
}

div.shop_dialog_div.liquid_y h3{
	margin:0 -6px 0 -10px;
	padding:8px 0 6px 12px;
	width:396px;
	height:auto;
	background:url(../image/common/shop_dialog_top.gif) top left no-repeat;
}
div.shop_dialog_div.liquid_y div.shop_dialog_middle{
	margin:0;
	padding:0 6px 0 10px;
	background:url(../image/common/shop_dialog_middle.gif) top left repeat-y;
}
/*-IE7用-*/
*:first-child+html div.shop_dialog_div.liquid_y div.shop_dialog_close button{/*-×（閉じる）ボタン-*/
	bottom:3px;
}

div.shop_dialog_div.liquid_y ul {/*-精算ul-*/
	height:auto;
	margin-bottom:10px;
}

div.shop_dialog_div.liquid_y.after div.shop_dialog_middle{/*-購入後、精算後-*/
	padding:4px 6px 0 10px;
}

div.shop_dialog_div.liquid_y.after p {/*-購入後、精算後-*/
	margin:28px 0 10px 3px;
	padding:0;
	text-align:center;
	height:auto;
	float:none;
}




/*-----▼クエストメニュー ----------------*/
 /*-トップナビゲーション-*/
div.qp_navi{
	margin:3px 0 10px;
}
p.q_sort{
	font-size:10px;
	margin:0 0 1px 4px;
	padding:0;
}
div.qp_navi select{ /*-並び替え-*/
	border:1px solid #80A547;
	float:left;
	margin:0;
	padding:0;
	font-size:13px;
	width:128px;
	height:22px;
}
/*-簡易モード-*/
div.qp_lite_view {
	background:url(../image/common/ip_bg_borderline.gif) bottom left repeat-x;
	margin:5px 0 5px;
	padding:0 0 5px;
	width:auto;
}
div.qp_lite_view p{ /*-任意の覚書-*/
	width:276px;
	height:48px;
	padding:0;
	margin:0;
	font-size:12px;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
	overflow:auto;
	line-height:16px;
	color:#464646;
}

div.q_panel_mark{
	float:left;
	width:364px;
	height:48px;
	margin:0 0 0 20px;
	padding:0;
}
div.end_case div.q_panel_mark{ /*-完了-*/
	background:url(../image/common/qp_complete.gif) top right no-repeat;
}
div.failure_case div.q_panel_mark{ /*-失敗-*/
	background:url(../image/common/qp_failure.gif) top right no-repeat;
}
div.progress_meter1 div.q_panel_mark{ /*-失敗-*/
	background:url(../image/common/qp_progmeter1.gif) top right no-repeat;
}
div.progress_meter2 div.q_panel_mark{
	background:url(../image/common/qp_progmeter2.gif) top right no-repeat;
}
div.progress_meter3 div.q_panel_mark{
	background:url(../image/common/qp_progmeter3.gif) top right no-repeat;
}

div.qp_lite_view img{/*-商品画像-*/
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
/*-名前など-*/
div.qp_title{
	background:url(../image/common/ip_name_base.gif) top left no-repeat;
	background-position:-1px -1px;
	width:367px;
	height:17px;
	padding:2px 3px 0 6px;
	margin:0 0 3px;
	font-size:12px;
	color:#335F19;
	font-weight:bold;
	float:right;
}
div.qp_title span{
	float:left;
}

div.qp_title button{/*-簡易、詳細ボタン-*/
	float:right;
	font-size:11px;
	padding:0;
}
/*-IE7、IE8用-*/
*:first-child+html div.qp_title button {
	font-size:9px;
	padding:2px 0 0 0;
}
head~/* */body div.qp_title button {
	font-size:9px;
	padding:2px 0 0 0;
}
html:not(:target) div.qp_title button {
	font-size:11px;
	padding:0;
}

/*-詳細モード-*/
div.qp_full_view{
	background:url(../image/common/ip_bg_borderline.gif) bottom left repeat-x;
	margin:6px 0 2px;
	padding:0 0 5px;
	width:auto;
}

div.qp_left{ /*-左div-*/
	float:left;
	width:100px;
	text-align:center;
	background-color:#FFF;
	position:relative;
	z-index:10;
}
div.qp_left p{ /*-左p-*/
	border-top:1px solid #BAD365;
	border-bottom:1px solid #BAD365;
	color:#335F19;
	padding:2px 0;
	margin:4px 0 0;
}

div.qp_left img{ /*-アイテム画像-*/
	width:100px;
	height:100px;
	border:1px solid #DCDCDC;
	background:url(../image/common/ip_item_bg.gif) bottom left repeat-x;
	margin:0;
	padding:0;
}

/*-詳細モード名前など-*/
div.qp_full_view div.qp_title{
	width:325px;
	background-position:-1px -22px;
}
div.qp_full_view textarea{ /*-任意の覚書-*/
	width:276px;
	height:48px;
	padding:0;
	margin:0;
	font-size:12px;
	text-align:justify;
	text-justify: inter-ideograph;/* IE独自タグ */
	overflow:auto;
	line-height:16px;
	color:#333;
	border:1px solid #80A547;
}


div.qp_full_view div.q_panel_mark{
	float:left;
	width:282px;
	height:48px;
	margin:2px 0 0 8px;
	padding:0 46px 0 0;
	text-align:left;
}
*:first-child+html div.qp_full_view div.q_panel_mark{ /* IE7用 */
	margin:2px 0 0 4px;
	width:286px;
}

div.qp_full_view div.q_panel_mark button{
	float:right;
	margin:5px 5px 5px 0;
}

*:first-child+html div.q_panel div.ip_date span{/*-IE7用-*//*-時間-*/
	left:338px;
	right:auto;
	bottom:-8px;
}
/*-----▼ログアウトメニュー ----------------*/



div#cf_bonus_dlg{/*-背景-*/
	width:596px;
	height:640px;
	position:relative;
	overflow:auto;
	background:#FFF url(../image/common/logout_bg.jpg) top left no-repeat;
	left:2px;
}
div#cf_bonus_dlg img{
}
img.npc_chara{/*-NPCお姉さん-*/
	position:absolute;
	left:-30px;
	top:40px;
}

div#cf_logout_msgform{/*-メッセージフォーム-*/
	width:340px;
	height:60px;
	position:absolute;
	left:230px;
	top:105px;
	overflow:hidden;
	padding:2px;
	background-color:#FFF;
	border:1px solid #80A547;
}
div#cf_logout_msgform p {
	font-size:12px;
	line-height:14px;
	color:#5D8028;
}
div#cf_logout_msgform p.cf_logout_msgform_ok {
	margin:20px auto;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
}

div#cf_logout_msgform textarea {
	margin:2px 4px;
	padding:1px;
	width:270px;
	height:28px;
	float:left;
	font-size:12px;
	border:#5D8028 solid 1px;
}
div#cf_logout_msgform button {
	margin:6px 6px 0 0;
	float:right;
}



div#cf_result_msg{/*-吹き出しメッセージ-*/
	width:320px;
	height:84px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#464646;
	position:absolute;
	left:138px;
	top:10px;
	overflow:auto;
	background:url(../image/common/logout_msg.gif) bottom left no-repeat;
	padding:6px 10px 6px;
}

div#cf_bonus_dlg button.button_chice_middle{/*-ボタン位置-*/
	position:absolute;
	left:310px;
	top:570px;
}
div#cf_bonus_base{ /*-レベル、アイテムベース-*/
	background:url(../image/common/logout_level_base.gif) bottom left no-repeat;
	width:344px;
	height:352px;
	position:absolute;
	left:220px;
	top:180px;
	overflow:hidden;
	padding:20px 10px 10px;
}
/*-IE7用-*/
*:first-child+html div#cf_bonus_base{ /*-レベル、アイテムベース-*/
	padding:0;
	width:364px;
	height:382px;
}


/*-レベルサイド-*/
div.logout_lebel{
	width:152px;
	height:344px;
	float:left;
	padding:8px 0 0;
}
/*-IE7用-*/
*:first-child+html div.logout_lebel{
	margin:20px 0 0 8px;
}

div.logout_lebel h5{
	background:url(../image/common/logout_level_h5.gif) no-repeat;
	background-position:0 0;
	font-size:12px;
	width:138px;
	height:15px;
	padding:3px 0 0 10px;
	margin:0 0 4px;
	color:#618A21;
}
/*-IE7用-*/
*:first-child+html div.logout_lebel h5{
	margin:0 0 2px;
}

div.logout_lebel div{
	width:148px;
	margin:0 0 3px 3px;
}
div.logout_lebel div.logout_ticket {
	width:148px;
	margin:5px 0 3px 3px;
	background:url(../image/common/logout_ticket.gif) top left repeat-x;
	padding:10px 0 0;
}
div.logout_lebel div.logout_level_i img{/*-レベルアイコン絵-*/
	border:none;
	background:url(../image/common/logout_level_icon.gif) no-repeat;
	background-position:0 0;
	padding:3px 6px 1px 6px;
	margin:0 0 0 15px;
	float:left;
}
div.logout_lebel div img{/*-チケット、天使の羽根アイコン絵-*/
	border:none;
	background:url(../image/common/i000.gif) bottom left no-repeat;
	padding:0px;
	margin:0 0 0 20px;
	float:left;
}
div.logout_lebel div p{/*-共用P-*/
	width:100px;
	float:right;
	color:#5D8028;
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bolder;
}
div.logout_lebel div.logout_level_i p{/*-レベル用P-*/
	width:92px;
	margin:0 0 0 8px;
}

div.logout_lebel div span{/*-数字-*/
	font-size:18px;
	padding:0 3px 0;
	position:relative;
	top:1px;
}
/*-レベルアップ時-*/
div.level_up h5{
	background-position:0 -20px;
	color:#956200;
}

div.logout_lebel div.level_up{/*-レベルアップ矢印画像-*/
	background:url(../image/common/logout_levelup.gif) bottom right no-repeat;
}
div.logout_lebel div.level_up img{/*-レベルアイコン絵-*/
	background-position:0 -25px;
}

div.logout_lebel div.level_up p{
	color:#FF611E;
}
div.logout_lebel div span{/*-数字-*/
}


/*-アイテムサイド-*/

div.logout_item{
	width:177px;
	height:352px;
	float:right;
	margin:18px 0 0;
}
/*-IE7用-*/
*:first-child+html div.logout_item{
	margin:0 8px 0 0;
}

div.logout_item ul{
	width:173px;
	height:275px;
	overflow:auto;
	margin:0 0 0 2px;
}
/*-IE7用-*/
*:first-child+html div.logout_item ul{
	margin:40px 0 0 0;
}

div.logout_item li{
	width:auto;
	height:55px;
	background:url(../image/common/logout_itemli_base.gif) bottom left repeat-x;
	clear:both;
	display:block;
	overflow:hidden;
}

div.logout_item li img{/*-アイテム画像-*/
	width:50px;
	height:50px;
	float:left;
	border:none;
	border-right:1px solid #CCC;
	background:#FFF;
	margin-right:5px;
}
div.logout_item li p{/*-アイテムテキスト-*/
	margin:5px 0 0;
	padding:0;
}