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

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

/*-12_07以前-*//*-
.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;
}-*/
/*--▼修正_12_07--*/
.para_top {/*-修正_12_07-*/
	height:29px;    
	position:relative;
	text-align:center;
	background:url(../image/common/p_top.png) top left no-repeat;
	background-position:0 -1px;
}

.para_top span {/*-追加_12_07-*/
	font-weight:bolder;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:116%;
	letter-spacing:-1px;
	width:136px;
	height:28px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	z-index:10;
	padding-top:1px\9; /* IE8,IE7,IE6用 */
}

.para_body {/*-修正_12_07-*/
	padding:4px 0 4px 0;
	background:#FFF;
	border-left:1px solid #97B170;
	border-right:1px solid #97B170;
	border-bottom:1px solid #97B170;
	-moz-border-radius: 0px 0px 11px 11px;
	-webkit-border-radius: 0px 0px 11px 11px;
	border-radius: 0px 0px 11px 11px;
	padding-bottom: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{/*-修正_12_07-*/
	text-align:center;
	margin:0 0 0 2px;
	padding:3px 4px 0 4px;
	height:17px;
	font-size:12px;
	float:left;
	width:58px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#eef5df;
}
.button_r p.p_left{/*-修正_12_07-*/
	width:40px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#eef5df;
}

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{/*-修正_12_07-*/
	width:49px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#eef5df;
}
div.p_icon_block .p_left{/*-修正_12_07-*/
	width:39px;
	margin:0 0 0 2px;
	padding:3px 4px 0 3px;
	height:17px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#eef5df;
}
div.p_icon_block .p_f10{/*-修正_12_07-*/
	font-size:11px;
	padding:4px 4px 0 4px;
	height:16px;
	letter-spacing:-1px;/*-追加_12_07-*/
}

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

/*-色設定（color_a＝グリーン、color_b=ピンク、color_c=ブルー）-*//*-追加_12_07-*/
div .para_top.color_a {
	background:url(../image/common/p_top.png) top left no-repeat;
	background-position:0 -1px;
}
div .para_top.color_b {
	background:url(../image/common/p_top.png) top left no-repeat;
	background-position:0 -31px;
}
div .para_top.color_c {
	background:url(../image/common/p_top.png) top left no-repeat;
	background-position:0 -61px;
}
.para_top.color_a span {
	color:#0f5109;
	text-shadow: 2px 2px 2px rgba(227,248,191,0.8),2px -2px 2px rgba(227,248,191,0.8),
	-2px -2px 2px rgba(227,248,191,0.8),-2px 2px 2px rgba(227,248,191,0.8);
}
.para_top.color_a span,  x:-moz-any-link, x:default {/*-Firefox3以上-*/
	color:#0f5109;
	text-shadow: 2px 2px 1px rgba(227,248,191,0.8),2px -2px 1px rgba(227,248,191,0.8),
	-2px -2px 1px rgba(227,248,191,0.8),-2px 2px 1px rgba(227,248,191,0.8);
}
.para_top.color_b span {
	color:#571141;
	text-shadow: 2px 2px 2px rgba(245,192,237,0.8),2px -2px 2px rgba(245,192,237,0.8),
	-2px -2px 2px rgba(245,192,237,0.8),-2px 2px 2px rgba(245,192,237,0.8);
}
.para_top.color_b span,  x:-moz-any-link, x:default {/*-Firefox3以上-*/
	color:#571141;
	text-shadow: 2px 2px 1px rgba(245,192,237,0.8),2px -2px 1px rgba(245,192,237,0.8),
	-2px -2px 1px rgba(245,192,237,0.8),-2px 2px 1px rgba(245,192,237,0.8);
}
.para_top.color_c span {
	color:#0b2064;
	text-shadow: 2px 2px 2px rgba(193,235,245,0.8),2px -2px 2px rgba(193,235,245,0.8),
	-2px -2px 2px rgba(193,235,245,0.8),-2px 2px 2px rgba(193,235,245,0.8);
}
.para_top.color_c span,  x:-moz-any-link, x:default {/*-Firefox3以上-*/
	text-shadow: 2px 2px 1px rgba(193,235,245,0.8),2px -2px 1px rgba(193,235,245,0.8),
	-2px -2px 1px rgba(193,235,245,0.8),-2px 2px 1px rgba(193,235,245,0.8);
	}
	
div .para_body.color_a {
	border-left-color:#97B170;
	border-right-color:#97B170;
	border-bottom-color:#97B170;
}
div .para_body.color_b {
	border-left-color:#bf85b3;
	border-right-color:#bf85b3;
	border-bottom-color:#bf85b3;
}
div .para_body.color_c {
	border-left-color:#709db1;
	border-right-color:#709db1;
	border-bottom-color:#709db1;
}
div .para_body.color_a .p_left{
	background-color:#eef5df;
	color:#2f4801;
}
div .para_body.color_b .p_left{
	background-color:#f8e9f6;
	color:#5d0251;
}
div .para_body.color_c .p_left{
	background-color:#e8f4f8;
	color:#013648;
}
div .para_body.color_a div.p_block {
	border-bottom-color:#BAD365;
}
div .para_body.color_b div.p_block {
	border-bottom-color:#faa2f7;
}
div .para_body.color_c div.p_block {
	border-bottom-color:#7cd5e3;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 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;
}
/*-12_07以前▼-*//*-
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 {
}
/*-12_07以前▲-*/

div.p_button a,	 div.p_button_s a{/*-修正_12_07-*/
	text-align:center;
	width:87px;
	height:20px;
	display:block;
	clear:both;
	padding:3px 0 0 0;
}
div.p_button {
	margin:8px 0 0 25px;
}

div.p_button a:hover {
	color:#D5620C;
}
div.p_button_s {
	width:51px;
	height:21px;
	margin:2px 0 8px 80px;
}
div.p_button_s a{
	width:51px;
	height:21px;
}
div.p_button_s a:hover{
	color:#D5620C;
	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;
}
/*-色設定（color_a＝グリーン、color_b=ピンク、color_c=ブルー）-*//*-追加_12_07-*/
div.para_body div.p_button a,
div.para_body div.p_button_s a,
div.para_body.color_a div.p_button a,
div.para_body.color_a div.p_button_s a{
	background-image:url(../image/common/p_button.gif);
	color:#335F19;
	background-position:0 -46px;
}
div.para_body.color_b div.p_button a,
div.para_body.color_b div.p_button_s a{
	background-image:url(../image/common/p_button.gif);
	color:#8d3f5b;
	background-position:0 -138px;
}
div.para_body.color_c div.p_button a,
div.para_body.color_c div.p_button_s a{
	background-image:url(../image/common/p_button.gif);
	color:#1b6163;
	background-position:0 -161px;
}
div.para_body div.p_button a:hover,
div.para_body.color_a div.p_button a:hover,
div.para_body.color_b div.p_button a:hover,
div.para_body.color_c div.p_button a:hover{
	color:#D5620C;
	background-position:0 -69px;
}
div.para_body div.p_button_s a,
div.para_body.color_a div.p_button_s a{
	background-image:url(../image/common/p_button.gif);
	background-position:-2px 0px;
}
div.para_body.color_b div.p_button_s a{
	background-image:url(../image/common/p_button.gif);
	background-position:-2px -92px;
}
div.para_body.color_c div.p_button_s a{
	background-image:url(../image/common/p_button.gif);
	background-position:-2px -115px;
}
div.para_body div.p_button_s a:hover,
div.para_body.color_a div.p_button_s a:hover,
div.para_body.color_b div.p_button_s a:hover,
div.para_body.color_c div.p_button_s a:hover{
	color:#D5620C;
	background-position:-2px -23px;
}


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

 
.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;
/*-	overflow:visible;/*-12_07修正-*/
}
.m_middle {/*-12_07追加-*/
    zoom: 100%;
}
.m_middle:after {/*-12_07追加-*/
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	height:0.01px;
}
 /*-▲▲修正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 {
	margin:0 0 0 0;
	padding: 0 0 2px 6px;
	width: 430px;
	height: 430px;
}
div#bbs_log_div input{
	width:50px;height:50px;
}
div#bbs_log_div div.log_bg{/*-12_01編集-*/
	background-color: #aecd79;
	border:3px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	/*-background:url(../image/common/bbs_form_bg.gif) bottom left no-repeat;-*/
	width:418px;
	overflow:auto;
	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 {/*-12_01編集-*/
	margin:0;
	padding:0;
	width: 400px;
	overflow:hidden;
	list-style-type : none;
}

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 {/*-12_01編集-*/
	padding:10px 0 0;
	margin:0 0 -2px;
	word-break: break-all;
	overflow:hidden;
}
li.log img{ /* 顔 *//*-12_01編集-*/
	margin:-10px 0 0 6px;
	padding:2px 2px 6px;
	background:url(../image/common/bbs_chara_bg.gif) bottom left no-repeat;
	width:50px;
	height:50px;
	float:right;
}
html:not(:target) li.log00 img { /* 顔 *//*-IE6、7、8以外のブラウザ用-*//*-12_01編集-*/
	float:left;
	margin:0 0 -50px 343px;
	position:relative;
	bottom:50px;
}
head~/* */body li.log00 img { /* 顔 *//*-IE8用-*//*-12_01編集-*/
	float:left;
	margin:0 0 -50px 343px;
	position:relative;
	bottom:50px;
}

li.log span {/*-12_01編集-*/
/*-	width:315px;
	height:10px;
	text-align: left;-*/
	font-size: 12px;
	padding:7px 0 5px 10px;
/*-		background:url(../image/common/bbs_log_top.gif) top left no-repeat;-*/
	display:block;	

	margin:-2px 0 0 8px;
	margin:-2px 2px 2px 2px\9; /* IE8 and below */

	padding:0 0 0 0¥9;/* IE8 and below */
}

li.log p {/*-12_01編集-*/
/*-	width:305px;
	text-align: left;-*/
	font-size: 13px;
	padding:3px 20px 9px 5px;/*-
	background:url(../image/common/bbs_log_bottom.gif) bottom right no-repeat;-*/
	text-align:justify;
	text-justify:inter-ideograph;/* IE独自タグ */
	
	margin:0 2px 0 4px;
	margin:0px 2px 0 2px\9; /* IE8 and below */

	padding:0 0 0 0¥9;/* IE8 and below */
}

/*-▼12_01追加▼-*/
/*-吹き出し右-*/

div.log_balloon_r{
	position: relative;
	left:5px;
	background-color: #fff;
	border:2px solid #8fbd46;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow:visible;
	color:#4c613f;
	/*-white-space: pre-line;-*/

	width:326px;
	float:left;/* all browsers, of course */
	float:left\9;/* IE8 and below */
	*float:left;/* IE7 and below */
	position: relative\9;/* IE8 and below */
	*position:static;/* IE7 and below */
	margin:0 0 0 0;/* all browsers, of course */
	margin:0 0 0 0\9;/* IE8 and below */
	*margin:0 0 0 5px;/* IE7 and below */
}
div.log_balloon_r:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:348px;
	top:14px;
	border-top:6px solid;
	border-right:10px solid;
	border-bottom:6px solid;
	border-left:10px solid;
	border-color:transparent transparent transparent #8fbd46;
	margin-left:-20px;	
	overflow:visible;
}
div.log_balloon_r:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:346px;
	top: 15px;
	border-top:5px solid;
	border-right:9px solid;
	border-bottom:5px solid;
	border-left:9px solid;
	border-color:transparent transparent transparent #FFF;
	margin-left:-20px;
	overflow:visible;
}
/*-吹き出し左-*/
div.log_balloon_l{
	position: relative;
	background-color: #fff;
	border:2px solid #8fbd46;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow:visible;
	color:#4c613f;
	/*-white-space: pre-line;-*/
	width:328px;
	margin-bottom:5px;
	min-height:40px;
	float:right;
	position: relative\9;/* IE8 and below */
	*position:static;/* IE7 and below */
}
div.log_balloon_l:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:-2px;
	top:22px;
	border-top:6px solid;
	border-right:10px solid;
	border-bottom:6px solid;
	border-left:10px solid;
	border-color:transparent #8fbd46 transparent transparent;
	margin-left:-20px;	
	overflow:visible;
}
div.log_balloon_l:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:2px;
	top: 23px;
	border-top:5px solid;
	border-right:9px solid;
	border-bottom:5px solid;
	border-left:9px solid;
	border-color:transparent #FFF transparent transparent;
	margin-left:-20px;
	overflow:visible;
}
/*-▲12_01追加▲-*/


div.title_log {/*-12_01編集-*/
	width: 390px;
	padding: 2px;
	margin: 0px 0px 4px 0;
	word-break: break-all;
	overflow:hidden;
	padding:8px 10px 0 0;
	margin:0;
	/*-background:url(../image/common/bbs_form_bg.gif) top left no-repeat;/*-12_01編集-*/
}

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 {/*-12_01編集-*/
/*-	width:320px;
	height:18px;-*/
	text-align: left;
	font-size: 12px;
	padding:4px 0 0 8px;
/*-	background:url(../image/common/bbs_logt_top.gif) top right no-repeat;-*/
	display:block;
/*-	float:left;-*/
}

div.title_log p {/*-12_01編集-*/
/*-	width:320px;-*/
	text-align: left;
	font-size: 13px;
	padding:0 5px 8px 8px;
/*-	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{ /*-発言削除ボタン 共通ボタン使用-*//*-12_01編集-*/
	float:right;
	margin:-2px 3px 0 0;
	margin:-3px 0 0 0\9;/* IE8 and below */
	*margin:-20px 0 0 0;/* IE7 and below */
}



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

/* ログ中身▲ */

div#bbs_log_div select#form_bbs_photo {
	margin:-4px	0 10px 10px;
	padding:0;
	width: 282px;
	border: 2px solid #8fbd46;
	font-size:12px;
}

/* 登録フォーム */
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{ /*-12_01編集-*/
	background:none;
	padding:0;
	color:#5B8121;
	margin:3px 0 2px 10px;
	clear:both;
	padding:0 0 0 4px;
	width:380px;
	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_bgline.gif) no-repeat;/*-12_08修正-*/
	background-position:144px bottom;/*-12_08修正-*/
	height:auto;
	float:left;/*-12_07追加-*/
	width:438px;/*-12_07追加-*/
}
.mp_idcard:before{/*-12_08追加-*/
	content:" ";
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	left:309px;
	background:#FFF;
	z-index:1;
}
.mp_idcard {
    zoom: 100%;
}
.mp_idcard:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	height:0.01px;/*-12_07追加-*/
}
.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;-*/
	min-height:196px;
	height:auto !important;/*-12_07追加-*/
	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{ /*-レベルアイコン-*//*1304更新--*/
	float:left;
	width:16px;
	height:20px;
	margin:3px 0 0 8px;
}
p.mp_idlebel{ /*-現在のレベル-*//*1304更新--*/
	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;
}
/*-色設定追加（color_a＝グリーン、color_b=ピンク、color_c=ブルー）-*//*-追加_13_02-*/
.mp_idcard.color_b{
	border-color:#f9b3e0;
	background-image:url(../image/common/mp_id_bgline_d.gif);
}
.mp_idcard.color_b .mp_idface2{
	background:url(../image/common/mp_idface_d.gif) top left no-repeat;
}
.mp_idcard.color_b div.p_icon_block .p_left{/*-修正_12_07-*/
	background-color:#fdedf5;
}
.mp_idcard.color_b div.mp_idgroup {
	background-color:#fdedf5;
}
.mp_idcard.color_b div#cf_wchat_profdata {/*-元はviewer.css-*/
	background-color:#fdedf5;
}
.mp_idcard.color_b div.mp_id_r div form input{
	border-color:#d6629f;
}
.mp_idcard.color_b div.mp_id_r div select{
	border-color:#d6629f;
}
.mp_idcard.color_b .mp_idinfo { /*-クラス、名前、レベルのベース-*/
	background:url(../image/common/mp_idtop_null_d.gif) top left no-repeat;
	color:#7c3465;
}
.mp_idcard.color_b p.mp_idclose a{
	background-position:-85px -21px;
}
.mp_idcard.color_b p.mp_idclose a:hover {
	background-position:-105px -1px;
}
.mp_idcard.color_b div.mp_id_r div button{ 
	background-position:-71px -162px;
	color:#961f45;
}
.mp_idcard.color_b div.mp_id_r div button:hover{ 
	background-position:-2px -24px;
	color:#d5620c;
}
.mp_idcard.color_b div.mp_id_r div.mp_id_rbottom button{
	background-position:-2px -276px;
	width:116px;
	color:#d5d5d5;
}
.mp_idcard.color_b div.mp_id_r div.mp_id_rbottom button:hover{
	background-position:-2px -116px;
	color:#ffbd29;
}


/*-色設定（color_b＝ピンク）-*//*-追加_12_07-*//*-修正_13_04-*/
.mp_idcard.color_b{
	border-color:#f9b3e0;
	background-image:url(../image/common/mp_id_bgline_b.gif);
}
.mp_idcard.color_b .mp_idface2{
	background:url(../image/common/mp_idface_b.gif) top left no-repeat;
}
.mp_idcard.color_b div.p_icon_block .p_left{/*-修正_12_07-*/
	background-color:#fdedf5;
}
.mp_idcard.color_b div.mp_idgroup {
	background-color:#fdedf5;
}
.mp_idcard.color_b div#cf_wchat_profdata {/*-元はviewer.css-*/
	background-color:#fdedf5;
}
.mp_idcard.color_b div.mp_id_r div form input{
	border-color:#d6629f;
}
.mp_idcard.color_b div.mp_id_r div select{
	border-color:#d6629f;
}
.mp_idcard.color_b .mp_idinfo { /*-クラス、名前、レベルのベース-*/
	background:url(../image/common/mp_idtop_null_b.gif) top left no-repeat;
	color:#7c3465;
}
.mp_idcard.color_b p.mp_idclose a{
	background-position:-85px -21px;
}
.mp_idcard.color_b p.mp_idclose a:hover {
	background-position:-105px -1px;
}
.mp_idcard.color_b div.mp_id_r div button{ 
	background-position:-71px -162px;
	color:#961f45;
}
.mp_idcard.color_b div.mp_id_r div button:hover{ 
	background-position:-2px -24px;
	color:#d5620c;
}
.mp_idcard.color_b div.mp_id_r div.mp_id_rbottom button{
	background-position:-2px -276px;
	width:116px;
	color:#d5d5d5;
}
.mp_idcard.color_b div.mp_id_r div.mp_id_rbottom button:hover{
	background-position:-2px -116px;
	color:#ffbd29;
}
.mp_idcard.color_b div.mp_id_r div.mp_idgroup_long button{
	background-position:-2px -299px;
	width:125px;
	}
.mp_idcard.color_b div.mp_id_r div.mp_idgroup_long button:hover{
	background-position:-2px -70px;
}
/*-色設定（color_c＝青）-*//*-追加_13_04-*/
.mp_idcard.color_c{
	border-color:#99dbee;
	background-image:url(../image/common/mp_id_bgline_c.gif);
}
.mp_idcard.color_c .mp_idface2{
	background:url(../image/common/mp_idface_c.gif) top left no-repeat;
}
.mp_idcard.color_c div.p_icon_block .p_left{
	background-color:#e8f4f8;
}
.mp_idcard.color_c div.mp_idgroup {
	background-color:#e8f4f8;
}
.mp_idcard.color_c div#cf_wchat_profdata {/*-元はviewer.css-*/
	background-color:#e8f4f8;
}
.mp_idcard.color_c div.mp_id_r div form input{
	border-color:#73a8c9;
}
.mp_idcard.color_c div.mp_id_r div select{
	border-color:#73a8c9;
}
.mp_idcard.color_c .mp_idinfo { /*-クラス、名前、レベルのベース-*/
	background:url(../image/common/mp_idtop_null_c.gif) top left no-repeat;
	color:#2a5273;
}
.mp_idcard.color_c p.mp_idclose a{
	background-position:-105px -21px;
}
.mp_idcard.color_c p.mp_idclose a:hover {
	background-position:-105px -1px;
}
.mp_idcard.color_c div.mp_id_r div button{ 
	background-position:-2px -368px;
	color:#325082;
}
.mp_idcard.color_c div.mp_id_r div button:hover{ 
	background-position:-2px -24px;
	color:#d5620c;
}
.mp_idcard.color_c div.mp_id_r div.mp_id_rbottom button{
	background-position:-2px -322px;
	width:116px;
	color:#d5d5d5;
}
.mp_idcard.color_c div.mp_id_r div.mp_id_rbottom button:hover{
	background-position:-2px -116px;
	color:#ffbd29;
}
.mp_idcard.color_c div.mp_id_r div.mp_idgroup_long button{
	background-position:-2px -345px;
	width:125px;
	}
.mp_idcard.color_c div.mp_id_r div.mp_idgroup_long button:hover{
	background-position:-2px -70px;
}


/*-----▼チャット----------------*/

/* チャット 枠 */
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 2px 1px;/*-12_07修正-*/
}
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 1px 2px;/*-12_07修正-*/
}

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-*//*-12_07以前-*//*-
	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{/*-商品名h3-*//*-12_07修正-*/
/*-	background:url(../image/common/shop_item_name.gif) top left no-repeat;-*/
	width:289px;
	text-align:left;
	padding:2px 5px 2px;
	margin:0 0 0 2px;
	color:#335F19;
	font-size:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #85a269;
	background: #cfe0a2; /* Old browsers */
	background: -moz-linear-gradient(top, #dde9bd 0%, #cfe0a2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde9bd), color-stop(100%,#9bc9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dde9bd 0%,#cfe0a2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dde9bd 0%,#cfe0a2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dde9bd 0%,#cfe0a2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dde9bd 0%,#cfe0a2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde9bd', endColorstr='#cfe0a2',GradientType=0 ); /* IE6-9 */
}
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;
}
/*-12_07追加(男性用、女性用カラー)-*/
div.shop_lite_view.mens h4, div.shop_full_view.mens h4{
	color:#1d51b0;
    border-color:#8c9bc5;
	background: #b4d4f6; /* Old browsers */
	background: -moz-linear-gradient(top, #cde3f9 0%, #b4d4f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bddbfb), color-stop(100%,#9bc9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bddbfb 0%,#9bc9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bddbfb 0%,#9bc9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bddbfb 0%,#9bc9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bddbfb 0%,#9bc9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddbfb', endColorstr='#9bc9f9',GradientType=0 ); /* IE6-9 */
	}
div.shop_lite_view.ladies h4, div.shop_full_view.ladies h4{/*-12_07追加-*/
	color:#a1364c;
    border-color:#ca939f;
	background: #f6bad3; /* Old browsers */
	background: -moz-linear-gradient(top, #facfe1 0%, #f6bad3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#facfe1), color-stop(100%,#f6bad3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #facfe1 0%,#f6bad3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #facfe1 0%,#f6bad3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #facfe1 0%,#f6bad3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #facfe1 0%,#f6bad3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facfe1', endColorstr='#f6bad3',GradientType=0 ); /* IE6-9 */
	}
div.shop_lite_view.mens button.small_bd,
div.shop_full_view.mens button.small_bd{
	color:#3752a3;
	background-position:-2px -242px;
}
div.shop_lite_view.mens button.small_bu,
div.shop_full_view.mens button.small_bu{
	color:#3752a3;
	background-position:-52px -242px;
}
div.shop_lite_view.ladies button.small_bd,
div.shop_full_view.ladies button.small_bd{
	color:#a4364b;
	background-position:-2px -259px;
}
div.shop_lite_view.ladies button.small_bu,
div.shop_full_view.ladies button.small_bu{
	color:#a4364b;
	background-position:-52px -259px;
}
div.shop_lite_view.mens button:hover.small_bd,
div.shop_lite_view.ladies button:hover.small_bd,
div.shop_full_view.mens button:hover.small_bd,
div.shop_full_view.ladies button:hover.small_bd{
	background-position:-2px -202px;
	color:#D5620C;
}
div.shop_lite_view.mens button:hover.small_bu,
div.shop_lite_view.ladies button:hover.small_bu,
div.shop_full_view.mens button:hover.small_bu,
div.shop_full_view.ladies button:hover.small_bu{
	background-position:-52px -202px;
	color:#D5620C;
}



/*-補足情報-*/
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{ /*-アイテム画像-*//*-12_07修正-*/
	width:100px;
	height:100px;
	border:1px solid #DCDCDC;
	background:url(../image/common/ip_item_bg.gif) bottom left repeat-x;
	margin:0;
	padding:0;
}
/*-12_07追加(男性用、女性用カラー)-*/
div.shop_full_view.mens div.shop_left img{ /*-アイテム画像-*//*-12_07修正-*/
	background:url(../image/common/ip_mensitem_bg.gif) bottom left repeat-x;
}
div.shop_full_view.ladies div.shop_left img{ /*-アイテム画像-*//*-12_07修正-*/
	background:url(../image/common/ip_ladiesitem_bg.gif) bottom left repeat-x;
}


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:122px;/*-12_07修正-*/
	margin:-90px 0 0;/*-12_07修正-*/
	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{/*-商品名h5-*//*-12_07修正-*/
/*-	background:url(../image/common/shop_child_name.gif) top left no-repeat;-*/
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #90ab75;
	background: #edf4dd;
	width:218px;
	text-align:left;
	padding:1px 4px 1px;
	margin:0 3px 0 2px;
	color:#4a772b;
	font-size:12px;
	float:right;
}
div.shop_child h5 span{/*-商品名span-*//*-12_07修正-*/
/*-	background:url(../image/common/shop_child_name.gif) bottom left no-repeat;
	width:218px;
	display:block;
	padding:0 5px 2px;-*/
}
/*-12_07追加(男性用、女性用カラー)-*/
div.shop_child.mens h5{
	color:#306ac0;
    border-color:#97a5cb;
	background: #e2effc;
}
div.shop_child.ladies h5{
	color:#b34d64;
    border-color:#d5a7b1;
	background: #fadbe8; /* Old browsers */
}


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{/*-メッセージフォーム-*//*-12_01更新-*/
	width:340px;
	height:60px;
	position:absolute;
	left:240px;
	top:30px;
	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{/*-吹き出しメッセージ-*//*-12_01更新-*/
/*-	width:320px;
	height:84px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#464646;
	position:absolute;
	left:10px;
	top:10px;
	overflow:auto;
	background:url(../image/common/logout_msg.gif) bottom left no-repeat;
	padding:6px 10px 6px;-*/
}
/*-吹き出しメッセージ-*//*-12_01更新-*/
div#cf_result_msg{
	position:relative;
	top:10px;
	left:2px;
	background-color: #fff;
	border:2px solid #8fbd46;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow:visible;
	color:#546f43;

	line-height:20px;
	font-weight:bold;
	padding:8px 6px 8px;

	width:210px;
}
div#cf_result_msg:before{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:170px;
	bottom:-32px;
	border-top:16px solid;
	border-right:9px solid;
	border-bottom:16px solid;
	border-left:9px solid;
	border-color:#8fbd46 transparent transparent #8fbd46;
	margin-left:-20px;	
	overflow:visible;
}
div#cf_result_msg:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:172px;
	bottom:-23px;
	border-top:15px solid;
	border-right:9px solid;
	border-bottom:15px solid;
	border-left:9px solid;
	border-color:#FFF transparent transparent #FFF;
	margin-left:-20px;
	overflow:visible;
}


div#cf_bonus_dlg button.button_chice_middle{/*-ボタン位置-*//*-12_01更新-*/
	position:absolute;
	left:311px;
	top:585px;
}
div#cf_bonus_base{ /*-レベル、アイテムベース-*//*-12_01更新-*/
	background:url(../image/common/logout_level_base.gif) top left no-repeat;
	width:344px;
	height:444px;
	position:absolute;
	left:229px;
	top:105px;
	overflow:hidden;
	padding:20px 10px 10px;
}
div#cf_bonus_base.bonus{ /*-ボーナスの場合-*//*-12_01更新-*/
	background:url(../image/common/logout_level_base_bonus.gif) top left no-repeat;
}

/*-IE7用-*/
*:first-child+html div#cf_bonus_base{ /*-レベル、アイテムベース-*//*-12_01更新-*/
	padding:0;
	width:364px;
	height:474px;
}


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

div.logout_lebel h5{/*-12_01更新-*/
	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 2px;
	color:#618A21;
	clear:both;
}
/*-IE7用-*/
*:first-child+html div.logout_lebel h5{
	margin:0 0 2px;
}

div.logout_lebel div{/*-12_01更新-*/
	width:148px;
	margin:2px 0 2px 0;
	height:41px;
	overflow:hidden;
}
div.logout_lebel div.logout_ticket {/*-12_01更新-*/
	width:148px;
	margin:0px 0 3px 0px;
	background:url(../image/common/logout_ticket.gif) top left repeat-x;
	padding:5px 0 0;
}
div.logout_lebel div.logout_level_i{/*-レベルアイテムdiv-*//*-12_01追加-*/
	margin:0 0 3px;
	padding:0;
	height:46px;
	overflow:hidden;
}

div.logout_lebel div.logout_level_i img{/*-レベルアイコン絵-*//*-12_01更新-*/
	border:none;
	background:url(../image/common/logout_level_icon.gif) no-repeat;
/*-	background:#FFF;
	border:1px solid #8fbd46;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;	-*/
	background-position:0 0;
	padding:3px 6px 3px 6px;
	margin:3px 0 1px 8px;
	position:absolute;
}
div.logout_lebel div img{/*-チケット、天使の羽根アイコン絵-*//*-12_01更新-*/
	border:none;
	background:url(../image/common/i000.gif) bottom left no-repeat;
	padding:0px;
	margin:0 0 0 15px;
	position:absolute;
}
div.logout_lebel div p{/*-共用P-*//*-12_01更新-*/
	color:#5D8028;
	margin:0 0 0 40px;
	padding:0;
	text-align:left;
	font-weight:bolder;
}
div.logout_lebel div.logout_level_i p{/*-レベル用P-*//*-12_01更新-*/
	margin:5px 0 0 51px;
}
div.logout_lebel div.logout_ticket p{/*-レベル用P-*//*-12_01更新-*/
	margin:-1px 0 0 40px;
}

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

div.logout_lebel div.level_up_arrow{/*-レベルアップ矢印画像-*//*-12_03更新-*//*-IE7用-*/
	background:url(../image/common/logout_levelup.png) bottom right no-repeat;
}

div.logout_lebel div.level_up_arrow img{/*-レベルアイコン絵-*//*-12_03更新-*/
	background-position:0 -26px;
}

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


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

div.logout_item{/*-12_01更新-*/
	width:177px;
	height:397px;
	float:right;
	margin:13px 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;
}


/*-メッセージフォーム非表示1-*/
div#cf_bonus_dlg.msgform_hide div#cf_logout_msgform{display:none;}
/*-吹き出しメッセージ-*//*-12_01更新-*/
div#cf_bonus_dlg.msgform_hide div#cf_result_msg{
	left:60px;
	top:13px;
	padding:8px 10px;
	font-size:14px;
	width:420px;
}
div#cf_bonus_dlg.msgform_hide div#cf_result_msg:before{
	left:100px;
}
div#cf_bonus_dlg.msgform_hide div#cf_result_msg:after{
	left:102px;
}
div#cf_bonus_dlg.msgform_hide div#cf_bonus_base{/*-レベル、アイテムベース-*/
	top:96px;
	left:220px;
	}
div#cf_bonus_dlg.msgform_hide button.button_chice_middle{/*-ボタン位置-*/
	left:305px;
	top:580px;
}

/*--チャット 130901-*/
.chat_form{
	padding:10px 0 10px;
	position:relative;
	width:431px;
	margin:0 auto;
	}
/*-9人、4人、1人共通-*/	
div.pos9 ul,div.pos4 ul,div.pos1{
	border:2px solid #95c734;
	border-top:1px solid #95c734;
	border-bottom:3px solid #78a919;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-box-shadow: 1px 4px 0px -1px rgba(50,50,50,0.1);
	-webkit-box-shadow: 1px 4px 0px -1px rgba(50,50,50,0.1);
	box-shadow: 1px 4px 0px -1px rgba(50,50,50,0.1);
	width:54px;
	height:54px;
	background:#fff;
	overflow:hidden;
	}
/*-9人、4人共通-*/	
div.pos9 li,div.pos4 li{
	float:left;
	list-style:none;
	background-image:url(../image/nullicon.png);
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	}
	
/*-9人用-*/
div.pos9 ul {
	margin:0;
	padding:1px;
	}

div.pos9 li { /*-背景はダミーアイコンにする-*/
	width:16px;
	height:16px;
	border:1px solid #fff;
	background-color: #e7efd2;
	
	margin:0;
	overflow:hidden;	
	}
div.pos9 li:nth-child(1) {/*-1番目-*/
	border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	}
div.pos9 li:nth-child(3) {/*-2番目-*/
	border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	}
div.pos9 li:nth-child(7) {/*-3番目-*/
	border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	}
div.pos9 li:nth-child(9) {/*-4番目-*/
	border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
	-moz-border-radius: 0 0 6px 0;
	}
	
div.pos9 img{
	width:16px;
	height:16px;
	background-color:#d9e4bc;
	}
	
/*-4人用-*/
div.pos4 ul {
	width:52px;
	height:52px;
	margin:0;
	padding:2px;
	}

div.pos4 li {/*-背景はダミーアイコンにする-*/
	width:25px;
	height:25px;
	background-color: #e7f0d2;
	margin:0;
	overflow:hidden;
	}
div.pos4 li:nth-child(1) {/*-1番目-*/
	border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	margin:0 1px 0 0;
	}
div.pos4 li:nth-child(2) {/*-2番目-*/
	border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	margin:0 0 0 1px;
	}
div.pos4 li:nth-child(3) {/*-3番目-*/
	border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	margin:2px 0 0 0;
	}
div.pos4 li:nth-child(4) {/*-4番目-*/
	border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
	-moz-border-radius: 0 0 6px 0;
	margin:2px 0 0 2px;
	}
div.pos4 img{
	width:25px;
	height:25px;
	background-color: #e7f5c5;
	}
		
/*--1人用 -*/
div.pos1 {
	margin:0;
	padding:1px;
	}
	
div.pos1 img{
	width:50px;
	height:50px;
	margin:2px 1px 1px 1px;
	padding:1px;
	border-radius:4px;
	background: #f1f9dc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8f5c8 49%, #dbeab7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#e8f5c8), color-stop(100%,#dbeab7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8f5c8 49%,#dbeab7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e8f5c8 49%,#dbeab7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8f5c8 49%,#dbeab7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e8f5c8 49%,#dbeab7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbeab7',GradientType=0 ); /* IE6-9 */
	}	
	
	
div.chat_balloon_form_r,
div.chat_balloon_form_l,
div.chat_balloon_form_r.get_msg,
div.chat_balloon_form_l.get_msg{/*-トップ-*//*-トップ2(メッセージ)-*/
	position: relative;
	left:5px;
	background-color: #fff;
	border:2px solid #8fbd46;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow:visible;
	color:#4c613f;
	padding:3px;
	width:291px;
	float:left;/* all browsers, of course */
	float:left\9;/* IE8 and below */
	*float:left;/* IE7 and below */
	position: relative\9;/* IE8 and below */
	*position:static;/* IE7 and below */
	margin:0 0 0 0;/* all browsers, of course */
	margin:0 0 0 0\9;/* IE8 and below */
	*margin:0 0 0 5px;/* IE7 and below */
}

div.chat_balloon_form_r:before,div.chat_balloon_form_l:before{ /*-吹き出し先三角下-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:319px;
	top:24px;
	border-top:8px solid;
	border-right:14px solid;
	border-bottom:8px solid;
	border-left:14px solid;
	border-color:transparent transparent transparent #8fbd46;
	margin-left:-20px;	
	overflow:visible;
	z-index:10;
}
div.chat_balloon_form_l:before{
	border-color:transparent #8fbd46 transparent transparent;
	left:-10px;	
	}
div.chat_balloon_form_r:after,div.chat_balloon_form_l:after{ /*-吹き出し先三角上-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:316px;
	top: 25px;
	border-top:7px solid;
	border-right:13px solid;
	border-bottom:7px solid;
	border-left:13px solid;
	border-color:transparent transparent transparent #fff;
	margin-left:-20px;
	overflow:visible;
	z-index:10;
}
div.chat_balloon_form_l:after{
	border-color:transparent #fff transparent transparent;
	left:-5px;	
	}
/*-トップ2(メッセージ)-*/
div.chat_balloon_form_r.get_msg{
	border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	height:65px;
	}
div.chat_balloon_form_l.get_msg{
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	height:65px;
	}
div.chat_balloon_form_r p.chat_balloon_form_txt{
	text-align:right;
}
div.chat_balloon_form_l p.chat_balloon_form_txt{
	text-align:left;
}
p.chat_balloon_form_txt:before{
	content: ' ';
	position: absolute;
	top:-2px;
	width:0;
	height:0;
	margin-left:-20px;	
	overflow:visible;
	z-index:10;	
	border-right:14px solid;
	border-left:14px solid;
	}
div.chat_balloon_form_r p.chat_balloon_form_txt:before{
	border-top:37px solid;
	border-bottom:38px solid;
	border-color:transparent #8fbd46 transparent transparent;
	left:-10px;
	}
div.chat_balloon_form_l p.chat_balloon_form_txt:before{
	border-top:38px solid;
	border-bottom:37px solid;
	border-color:transparent transparent transparent #8fbd46;
	left:319px;
	}

p.chat_balloon_form_txt:after{
	content: ' ';
	position: absolute;
	top:-1px;
	width:0;
	height:0;
	border-right:14px solid;
	border-left:14px solid;
	margin-left:-20px;	
	overflow:visible;
	z-index:10;	
	}

div.chat_balloon_form_r p.chat_balloon_form_txt:after{
	border-top:36px solid;
	border-bottom:37px solid;
	border-color:transparent #fff transparent transparent;
	left:-8px;
	}
div.chat_balloon_form_l p.chat_balloon_form_txt:after{
	border-top:37px solid;
	border-bottom:36px solid;
	border-color:transparent transparent transparent #fff;
	left:317px;
	}

/*-テキスト入力-*/
div.chat_balloon_form_r input,div.chat_balloon_form_l input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	-moz-box-shadow: inset 1px 2px 6px -3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 1px 2px 6px -3px rgba(0,0,0,0.3);
	box-shadow: inset 1px 2px 6px -3px rgba(0,0,0,0.3);
	border:solid 1px #ccc;
	display:block;
	width:278px;
	height:2em;
	color:#555;
	padding:0 0 0 5px;
	margin:0 0 0 3px;
	position:relative;
	}	
/*-ボタン-*/	
button.button_css{
	border:1px solid #6bb800;
	background-color:#fff;
	color:#335f19;
/*-	padding:6px 20px;-*/
	padding:6px 0;
	width:85px;
	text-align:center;
	margin:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	-moz-box-shadow: inset 0px -3px 2px 0px rgba(0,0,0,0.1), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(168,225,134,0.8);
	-webkit-box-shadow: inset 0px -3px 2px 0px rgba(0,0,0,0.1), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(168,225,134,0.8);
	box-shadow: inset 0px -3px 2px 0px rgba(0,0,0,0.1), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(168,225,134,0.8);
	}	
button.button_css:hover{
	border:1px solid #d49400;
	color:#d5620c;
	-moz-box-shadow: inset 0px -3px 2px 0px rgba(234,144,44,0.3), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(255,189,41,1);	
	-webkit-box-shadow: inset 0px -3px 2px 0px rgba(234,144,44,0.3), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(255,189,41,1);	
	box-shadow: inset 0px -3px 2px 0px rgba(234,144,44,0.3), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(255,189,41,1);	
	}	
button.button_css:active{
	border:1px solid #ff9600;
	color:#b34d00;
	background-color:#fffbeb;
	padding:7px 0 5px;
	-moz-box-shadow: inset 0px -3px 2px 0px rgba(234,144,44,0.3), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(255,189,41,1);	
	-webkit-box-shadow: inset 0px -3px 2px 0px rgba(234,144,44,0.3), inset -1px -1px 0px 0px rgba(0,0,0,0.1), inset 1px -1px 0px 0px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(255,189,41,1);	
	box-shadow: inset 0px 3px 2px 0px rgba(210,145,0,0.3), inset 1px 1px 1px 0px rgba(0,0,0,0.3), inset 1px -8px 1px 0px rgba(255,255,255,1),0 0 0 1px rgba(255,255,255,1),0 0 1px 2px rgba(255,189,41,1);	
	}
/*-返信ボタン-*/
button.res_button_css{
	background-color:#61a71c;
	color:#fff;
	padding:0;
	margin:0;
	width:50px;
	text-align:center;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	
	font-size:90%;
	font-weight:bold;
	cursor:pointer;
	}
div.chatlog_balloon_l button.res_button_css{
	background-color:#8fbd46;
	color:#fff;
	background-color:transparent;
	color:#ccc;
	border:1px solid #ccc;
	margin-top:0;
	margin-right:0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	position:relative;
	top:-17px;
	left:232px;
	z-index:10;
	}	

div.chatlog_balloon_l:hover button.res_button_css{
	background-color:#a0c762;
	color:#fff;
	border-color:transparent;
	}	
/*-色違い-*/
/*-緑-*/
div.chatlog_balloon_l.balloon_color_green:hover button.res_button_css{
	background-color:#8fbd46;
	}	
/*-ピンク-*/
div.chatlog_balloon_l.balloon_color_pink:hover button.res_button_css{
	background-color:#e59ec0;
	}	
/*-水色-*/
div.chatlog_balloon_l.balloon_color_blue:hover button.res_button_css{
	background-color:#90b9de;
	}	
/*-灰-*/
div.chatlog_balloon_l.balloon_color_gray:hover button.res_button_css{
	background-color:#b4b4b4;
	}	


div.chatlog_balloon_l:hover button.res_button_css:hover{
	background-color:#ffbe00;
	color:#fff;
	border-color:transparent;
}
div.chatlog_balloon_l:hover button.res_button_css:active{
	background-color:#ff0;
	color:#ffbe00;
	border-color:transparent;
}


		
/*-ログ部分吹き出し-*/
div.chatlog_balloon_r,div.chatlog_balloon_l{
	position: relative;
	left:5px;
	background-color: #fff;
	border:2px solid #8fbd46;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow:visible;
	color:#4c613f;
	padding:3px;
	-moz-box-shadow: 1px 4px 0px -1px rgba(100,100,100,0.1);
	-webkit-box-shadow: 1px 4px 0px -1px rgba(100,100,100,0.1);
	box-shadow: 1px 4px 0 -1px rgba(100,100,100,0.1);
	display:inline-block;
	width:284px;	
	height:54px;
	float:left;/* all browsers, of course */
	float:left\9;/* IE8 and below */
	*float:left;/* IE7 and below */
	position: relative\9;/* IE8 and below */
	*position:static;/* IE7 and below */
	margin:0 0 0 0;/* all browsers, of course */
	margin:0 0 0 0\9;/* IE8 and below */
	*margin:0 0 0 5px;/* IE7 and below */
}
	
div.chatlog_balloon_r:before,div.chatlog_balloon_l:before{ /*-吹き出し先三角下-*//*-左右共通-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	top:32px;
	border-top:8px solid;
	border-right:14px solid;
	border-bottom:8px solid;
	border-left:14px solid;
	margin-left:-20px;	
	overflow:visible;
	z-index:10;
}
div.chatlog_balloon_r:before{/*-右-*/
	left:310px;
	border-color:transparent transparent transparent #8fbd46;
}

div.chatlog_balloon_l:before{/*-左-*/
	left:-8px;
	border-color:transparent #8fbd46 transparent transparent;
}

div.chatlog_balloon_r:after,div.chatlog_balloon_l:after{ /*-吹き出し先三角上-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	top: 33px;
	border-top:7px solid;
	border-right:13px solid;
	border-bottom:7px solid;
	border-left:13px solid;
	margin-left:-20px;
	overflow:visible;
	z-index:10;
}

div.chatlog_balloon_r:after{/*-右-*/
	left:307px;
	border-color:transparent transparent transparent #fff;
	}
div.chatlog_balloon_l:after{/*-左-*/
	left:-3px;
	border-color:transparent #fff transparent transparent;
	}

div.chatlog_balloon_r p,div.chatlog_balloon_l p{/*-吹き出しテキストP-*/
	position:relative;
	margin:0;
	display:table-cell;
	height:54px;
	vertical-align:middle;
	line-height:1.3em;
	width:275px;
	border-left:6px solid transparent;/*-table-cellにしてmarginが効かなくなったので透明ボーダーで位置微調整-*/
	}
div.chatlog_balloon_r p{/*-吹き出しテキストP右-*/
	text-align:right;
	}
div.chatlog_balloon_l p{/*-吹き出しテキストP左-*/
	text-align:left;
	}

div.chatlog_balloon_r p:before,div.chatlog_balloon_l p:before,
div.chatlog_balloon_r p:after,div.chatlog_balloon_l p:after{/*-方向三角共通-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	top:-8px;
	border-top:4px solid;
	border-right:8px solid;
	border-bottom:4px solid;
	border-left:8px solid;
	margin-left:-20px;
	overflow:visible;
	z-index:10;
	}
div.chatlog_balloon_r p:before{ /*-方向三角1右-*/
	left:31px;
	border-color:transparent #59a315 transparent transparent;
}
div.chatlog_balloon_r p:before, x:-moz-any-link{ /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:-5px;
	left:40px;-*/
}
div.chatlog_balloon_l p:before{ /*-方向三角1左-*/
	left:261px;
	border-color:transparent transparent transparent #59a315;
}
div.chatlog_balloon_l p:before, x:-moz-any-link{ /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:-5px;
	left:270px;-*/
}
div.chatlog_balloon_r p:after{ /*-方向三角2右-*/
	left:21px;
	border-color:transparent #59a315 transparent transparent;
}
div.chatlog_balloon_r p:after, x:-moz-any-link{ /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:-5px;
	left:30px;-*/
}
div.chatlog_balloon_l p:after{ /*-方向三角2左-*/
	left:271px;
	border-color:transparent transparent transparent #59a315;
}
div.chatlog_balloon_l p:after, x:-moz-any-link{ /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:-5px;
	left:280px;-*/
}
div.chat_log_list{
	width:440px;
	padding:0 3px 8px 4px;
	margin-left:-4px;
	overflow:auto;
	height:500px;
	border-top:1px solid #ccc;
	border-top:2px solid #f0efed;
	border-bottom:2px solid #f0efed;
	background:#fcfbf8;
	-moz-box-shadow:0px 1px 0 0px #ccc,0px -1px 0 0px #ccc;
	-webkit-box-shadow:0px 1px 0 0px #ccc,0px -1px 0 0px #ccc;
	box-shadow:0px 1px 0 0px #ccc,0px -1px 0 0px #ccc;
	}	
div.chat_log{
	border-bottom:1px solid #e0e0e0;
	padding-bottom:5px;
	padding-top:5px;
	background-color:#faf7eb;
	width:424px;
	height:73px;
	margin:0 auto;
	}
div.chat_log:nth-child(2n+1){/*-奇数背景-*/
	background:#f8f7f1;
	}
div.chat_log:nth-child(2n){/*-偶数背景-*/
	background:#fcfbf8;
	}
	
/*-受信タイプ-*/
div.chatlog_balloon_r.get_msg{ /*-吹き出し右-*/
	border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	width:278px;
	margin-left:6px;
}
div.chatlog_balloon_l.get_msg{  /*-吹き出し左-*/
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	width:278px;	
}
div.chatlog_balloon_r.get_msg:before{/*-吹き出し右上_位置-*/
	left:304px;
}

div.chatlog_balloon_r.get_msg:after{/*-吹き出し右下_位置-*/
	left:301px;
	}

div.chatlog_balloon_r.get_msg p{ /*-方向三角（大）_右P -*/
	width:275px;
	border-left:0px solid transparent;/*-位置調整の為のボーダー-*/
}

div.chatlog_balloon_l.get_msg p{ /*-方向三角（大）_左P -*/
	width:275px;
}

div.chatlog_balloon_r.get_msg p:before,
div.chatlog_balloon_l.get_msg p:before{ /*-方向三角（大）下共通-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border-top:32px solid;
	border-right:20px solid;
	border-bottom:32px solid;
	border-left:20px solid;
	overflow:visible;
	z-index:10;
}
div.chatlog_balloon_r.get_msg p:before{ /*-方向三角（大）右下-*/
	top:-5px;
	left:-25px;
	border-color:transparent #8fbd46 transparent transparent;
}
div.chatlog_balloon_r.get_msg p:before, x:-moz-any-link {/*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:-2px;
	left:-22px;-*/	
	}
div.chatlog_balloon_l.get_msg p:before{ /*-方向三角（大）左下-*/
	top:-2px;
	left:306px;
	border-color:transparent transparent transparent #8fbd46;
}
div.chatlog_balloon_l.get_msg p:before{ /*-方向三角（大）左下-*/
	top:-5px;
	left:297px;
	border-color:transparent transparent transparent #8fbd46;
}
div.chatlog_balloon_l.get_msg p:before, x:-moz-any-link{ /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:-2px;
	left:306px;-*/
}

div.chatlog_balloon_r.get_msg p:after,
div.chatlog_balloon_l.get_msg p:after{ /*-方向三角（大）上共通-*/
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	overflow:visible;
	z-index:10;
	border-top:30px solid;
	border-bottom:30px solid;
}
div.chatlog_balloon_r.get_msg p:after{  /*-方向三角（大）右上-*/
	top:-3px;
	left:-22px;
	border-right:20px solid;
	border-left:19px solid;
	border-color:transparent #fff transparent transparent;
}
div.chatlog_balloon_r.get_msg p:after, x:-moz-any-link{  /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:0;
	left:-19px;-*/
}

div.chatlog_balloon_l.get_msg p:after{ /*-方向三角（大）左上-*/
	top:-3px;
	left:295px;
	border-right:19px solid;
	border-left:20px solid;
	border-color:transparent transparent transparent #fff;
}
div.chatlog_balloon_l.get_msg p:after, x:-moz-any-link{  /*-Firefoxのみ適用-*/
/*-201407挙動が他のブラウザと同じになったので無効-*/
/*-	top:0;
	left:304px;-*/
}
/*-吹き出しカラー違い-*/
/*-灰色-*/
div.chatlog_balloon_r.balloon_color_gray,
div.chatlog_balloon_l.balloon_color_gray{
	border-color:#b4b4b4;
	background-color:#f9f9f9;
	color:#666;
	}
/*-右-*/
div.chatlog_balloon_r.balloon_color_gray:before{
	border-left-color:#b4b4b4;
}
div.chatlog_balloon_r.balloon_color_gray:after{
	border-left-color:#f9f9f9;
}
div.chatlog_balloon_r.balloon_color_gray p:before{
	border-right-color:#999;
}
div.chatlog_balloon_r.get_msg.balloon_color_gray p:before{
	border-right-color:#b4b4b4;
}
div.chatlog_balloon_r.balloon_color_gray p:after{
	border-right-color:#999;
}
div.chatlog_balloon_r.get_msg.balloon_color_gray p:after{
	border-right-color:#f9f9f9;
}
/*-左-*/
div.chatlog_balloon_l.balloon_color_gray:before{
	border-right-color:#b4b4b4;
}
div.chatlog_balloon_l.balloon_color_gray:after{
	border-right-color:#f9f9f9;
}
div.chatlog_balloon_l.balloon_color_gray p:before{
	border-left-color:#999;
}
div.chatlog_balloon_l.get_msg.balloon_color_gray p:before{
	border-left-color:#b4b4b4;
}
div.chatlog_balloon_l.balloon_color_gray p:after{
	border-left-color:#999;
}
div.chatlog_balloon_l.get_msg.balloon_color_gray p:after{
	border-left-color:#f9f9f9;
}
/*-水色-*/
div.chatlog_balloon_r.balloon_color_blue,
div.chatlog_balloon_l.balloon_color_blue{
	border-color:#90b9de;
	background-color:#f9fcff;
	color:#6f7c87;
	}
/*-右-*/
div.chatlog_balloon_r.balloon_color_blue:before{
	border-left-color:#90b9de;
}
div.chatlog_balloon_r.balloon_color_blue:after{
	border-left-color:#f5faff;
}
div.chatlog_balloon_r.balloon_color_blue p:before{
	border-right-color:#7097c6;
}
div.chatlog_balloon_r.get_msg.balloon_color_blue p:before{
	border-right-color:#90b9de;
}
div.chatlog_balloon_r.balloon_color_blue p:after{
	border-right-color:#7097c6;
}
div.chatlog_balloon_r.get_msg.balloon_color_blue p:after{
	border-right-color:#f5faff;
}
/*-左-*/
div.chatlog_balloon_l.balloon_color_blue:before{
	border-right-color:#90b9de;
}
div.chatlog_balloon_l.balloon_color_blue:after{
	border-right-color:#f5faff;
}
div.chatlog_balloon_l.balloon_color_blue p:before{
	border-left-color:#7097c6;
}
div.chatlog_balloon_l.get_msg.balloon_color_blue p:before{
	border-left-color:#90b9de;
}
div.chatlog_balloon_l.balloon_color_blue p:after{
	border-left-color:#7097c6;
}
div.chatlog_balloon_l.get_msg.balloon_color_blue p:after{
	border-left-color:#f5faff;
}
/*-ピンク-*/
div.chatlog_balloon_r.balloon_color_pink,
div.chatlog_balloon_l.balloon_color_pink{
	border-color:#e59ec0;
	background-color:#fffafd;
	color:#8d707e;
	}
/*-右-*/
div.chatlog_balloon_r.balloon_color_pink:before{
	border-left-color:#e59ec0;
}
div.chatlog_balloon_r.balloon_color_pink:after{
	border-left-color:#fffafd;
}
div.chatlog_balloon_r.balloon_color_pink p:before{
	border-right-color:#cc7d9d;
}
div.chatlog_balloon_r.get_msg.balloon_color_pink p:before{
	border-right-color:#e59ec0;
}
div.chatlog_balloon_r.balloon_color_pink p:after{
	border-right-color:#cc7d9d;
}
div.chatlog_balloon_r.get_msg.balloon_color_pink p:after{
	border-right-color:#fffafd;
}
/*-左-*/
div.chatlog_balloon_l.balloon_color_pink:before{
	border-right-color:#e59ec0;
}
div.chatlog_balloon_l.balloon_color_pink:after{
	border-right-color:#fffafd;
}
div.chatlog_balloon_l.balloon_color_pink p:before{
	border-left-color:#cc7d9d;
}
div.chatlog_balloon_l.get_msg.balloon_color_pink p:before{
	border-left-color:#e59ec0;
}
div.chatlog_balloon_l.balloon_color_pink p:after{
	border-left-color:#cc7d9d;
}
div.chatlog_balloon_l.get_msg.balloon_color_pink p:after{
	border-left-color:#fffafd;
}

/*-緑-*/
div.chatlog_balloon_r.balloon_color_green,
div.chatlog_balloon_l.balloon_color_green{
	background-color:#f7ffe8;
	color:#5f7f2b;
	}
/*-右-*/
div.chatlog_balloon_r.balloon_color_green:before{
}
div.chatlog_balloon_r.balloon_color_green:after{
	border-left-color:#f7ffe8;
}
div.chatlog_balloon_r.balloon_color_green p:before{
	border-right-color:#61a71c;
}
div.chatlog_balloon_r.get_msg.balloon_color_green p:before{
	border-right-color:#8fbd46;
}
div.chatlog_balloon_r.balloon_color_green p:after{
	border-right-color:#61a71c;
}
div.chatlog_balloon_r.get_msg.balloon_color_green p:after{
	border-right-color:#f7ffe8;
}
/*-左-*/
div.chatlog_balloon_l.balloon_color_green:before{
}
div.chatlog_balloon_l.balloon_color_green:after{
	border-right-color:#f7ffe8;
}
div.chatlog_balloon_l.balloon_color_green p:before{
	border-left-color:#61a71c;
}
div.chatlog_balloon_l.get_msg.balloon_color_green p:before{
	border-left-color:#8fbd46;
}
div.chatlog_balloon_l.balloon_color_green p:after{
	border-left-color:#61a71c;
}
div.chatlog_balloon_l.get_msg.balloon_color_green p:after{
	border-left-color:#f7ffe8;
}

/*- 思考バルーン -*/
div.chatlog_balloon_l.think_balloon{
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	}

div.chatlog_balloon_l.think_balloon:before{
	width:11px;
	height:11px;
	background:#fff;
	border:2px solid #8fbd46;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	left:13px;
	top:0;
	}
div.chatlog_balloon_l.think_balloon:after{
	width:7px;
	height:7px;
	background:#fff;
	border:2px solid #8fbd46;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	left:3px;
	top:5px;
	}

div.chatlog_balloon_l.think_balloon p:after{
	width:5px;
	height:5px;
	background:#fff;
	border:2px solid #8fbd46;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	left:-5px;
	top:10px;	
	}


div.chatlog_balloon_l.think_balloon p:before{
	border-color:transparent;
	}