@charset "utf-8";
/* CSS Document */

/* body { scrollbar-face-color: #5dbcbd; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-highlight-color: #5dbcbd; scrollbar-shadow-color: #5dbcbd; scrollbar-3dlight-color: #5dbcbd; scrollbar-darkshadow-color: #5dbcbd; margin: 0 auto;} */

#box_introduction,
#box_friend,
#box_mail,
#box_completion,
#box_new_game,
#info_box { background-color: #FFF;}

#box_introduction p,
#box_friend p,
#box_mail p,
#box_completion p,
#box_new_game p,
#info_box p { font-size: 11px; margin: 0; padding: 0;}

#box_introduction img,
#box_friend img,
#box_mail img,
#box_completion img,
#box_new_game img,
#info_box img { border : 0px; display: block;}

#box_introduction img.shuts,
#box_friend img.shuts,
#box_mail img.shuts,
#box_completion img.shuts,
#box_new_game img.shuts,
#info_box img.shuts { margin: 10px;}
.clear { clear: both; margin: 0;}

div.shumbnail { float: left; margin: 0px 5px 0px 0px;}


/* introduction */
div.member { width: 134px; height: 64px; border: 0; float: left; margin: 5px 5px 5px 0; /* margin: 5px 12px;*/ }
div#example1 { width: 590px; height: 240px; overflow: auto;}
div.member{ list-style-type:none; border:0; /* margin:2.5px 2.5px 2.5px 0;*/ overflow:hidden;}
div.member a { width: 134px; height: 64px; display: block; text-decoration: none; color:#000; background-image: url(/img/box/none_mouse_box.gif); background-repeat: no-repeat;}
div.member a:hover{ width:134px; height:64px; color: #000; background: url(/img/box/bjzwomub.png); background-repeat: no-repeat;}
#container1 { width: 620px; margin: auto;}
#content1 { overflow: hidden; border: none; margin: 0;}
#main1 { margin: 15px 20px 0 20px;}
div.bottom { overflow: hidden; margin: 10px auto 20px auto;}
.square { background-color:#FFFFFF; background-repeat:no-repeat; margin:5px 3px; height:56px; width:56px; border: 0px; float:left; _background-attachment:scroll; }
div#example1 div.selected .square span { width:56px;  height:56px;  background-image: url(/img/box/checkbox.gif); background-position: left bottom; background-repeat: no-repeat;  display: block; }

/* introductionここまで */

/* friend */
div#friend_list * { margin: 0px; padding: 0px;}
div#friend_list { width: 405px; height: 300px; margin: 5px auto 15px auto; /* margin: -15px auto 15px auto;*/ }
div#friend_list ul { width: 405px; height: 300px; overflow-x: hidden; overflow-y: auto; list-style: none;}
div#friend_list ul li { width: 405px; height: 71px; border-bottom: #666 1px dashed; margin: 5px 0px 0px 0px;}
div#friend_list ul li p { height: 56px;}
div#friend_list ul li p.friend_banner { width: 56px; float: left; margin: 5px 0px 0px 0px;}
div#friend_list ul li p.friend_name { width: 339px; float: right; line-height: 56px; margin: 5px 0px 0px 10px;}
div#friend_list ul li p.friend_name a { color: #0088cc; font-size: 12px; font-weight: bold; text-decoration: none;}
div#friend_list ul li p.friend_name a:hover { color: #0088cc; font-size: 12px; font-weight: bold; text-decoration: underline;}

/* --- 検索ボックス --- */
div#search_box_btn { text-align: right; margin: 15px 0px 0px 0px; padding: 0px 5px 0px 0px;}
form.search input.textBox { width: 200px; background-color: #ffffff; border: solid 1px #5dbcbd; color: #000000; margin: 0px 4px 0 5px; padding: 1px 0px 0px 0px;}
form.search input.btn { width: 20px; height: 20px; vertical-align: bottom; background: #ffffff url(/img/box/lens.gif); background-repeat:no-repeat; border: 1px #ffffff none; padding: 0;}
/* friendここまで */

/* mail */
#container3 { width: 545px; background-color: #FFF; margin: auto;}
span.send_user { margin: 0px 0px 0px 0px;}

#main3 { margin: 15px 5px 15px 5px;}

div.bottom3 { margin: 15px auto 15px auto;}
/* mailここまで */

/* completion */
#wrapper_c p.completion { width: 404px; font-size: 16px; font-weight: bold; text-align: center; margin: 15px auto 15px auto;}
/* completionここまで */

div#example1 div.selected a { background: url(http://os.realworld.jp/img/box/on_box.png) no-repeat scroll left top transparent; color: #E7EBF5;}

/* 鎌戸追加 */
#addbox { position: absolute; top: 0px; left: 0; display: block; background-color: rgb(255, 255, 255);}

/* 招待状送信ユーザー名表示 */
#user span { float: left;}

.send_user { background-image: url(http://os.realworld.jp/img/box/5n2nw1c6.png); background-repeat: no-repeat; color: #000000; display: block; font-weight: normal; white-space: nowrap; font-weight: normal; font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; margin: 0 5px 5px 0; padding: 2px;}
.send_user span { background-image: url(http://os.realworld.jp/img/box/5n2nw1c6.png); background-position: right top; background-repeat: no-repeat; display: block;}
.send_user span span { background-position: right bottom;}
.send_user span span span { background-position: left bottom;}

#user a.remove { background-image: url(http://os.realworld.jp/img/box/2fpiuayh.png); background-position: 3px 2px; background-repeat: no-repeat; padding: 0 8px 0 3px; text-decoration: none;}
/* 招待状送信ユーザー名表示 ここまで */

pre { font-size: 11px; padding: 10px;}

/* message_open、message_res、message_sendここから */
#message_div { width: 495px; margin: 0px 0px 20px 0px; padding: 15px 28px 0 30px;}

table#message_table { width: 495px; color: #666666;}
table#message_table th { width: 85px; height: 28px; vertical-align: top; text-align: left; font-size: 12px; margin: 0px 0px 15px 0px;}
table#message_table td { vertical-align: top; text-align: left; font-size: 12px; margin: 0px 0px 15px 0px;}
table#message_table td.M_title { text-align: left; font-size: 14px; font-weight: bolder;}
table#message_table td.M_contents { text-align: left; font-size: 10px;}
table#message_table td.M_contents pre { width: 415px; font-size: 10px; line-height: 1.5em; display: block; overflow: hidden; margin: 0px; padding: 0px;}

p#btn_res { width: 186px; height: 32px; color: #666666; margin: 0px auto 0px auto;}
p#btn_res img { display: block;}

table#message_table th.pre_th { height: 26px; vertical-align: middle; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

table#message_table input.preview_box { width: 391px; height: 26px; display: block; overflow: hidden; border: #CCCCCC 1px solid; line-height: 26px; font-size: 14px; margin: 0px 0px 0px 0px;}

span.text_block { display: block; margin: 12px 0px 0px 0px;}

table#message_table textarea.text_box { width: 391px; height: 270px; color: #666666; line-height: 1.5em; border: #CCCCCC 1px solid; display: block; font-size: 10px; margin: 10px 0px 0px 0px; padding: 0px;}

ul.select_mail { width: 160px; display: block; overflow: hidden; text-align: center; list-style: none; margin: 7px auto 0px auto;}
ul.select_mail li { float: left; display: inline;}
ul.select_mail a { font-size: 10px; color: #666666;}
ul.select_mail a:hover { font-size: 10px; color: #666666; text-decoration: none;}

ul.btn_box_ul { width: 215px; height: 30px; overflow: hidden; list-style: none; margin: 25px auto 0px auto;}
ul.btn_box_ul li { width: 105px; height: 30px; float: left; overflow: hidden;}
ul.btn_box_ul input.send_form { width: 105px; height: 30px; line-height: 30px; color: #FFF; font-size: 12px; text-align: center; display: block; border: none; background-color: #3b5998; overflow: hidden; cursor: pointer;}
ul.btn_box_ul a.cancel { width: 103px; height: 28px; display: block; line-height: 30px; text-align: center; font-size: 12px; color: #666; text-decoration: none; background-color: #FFF; border: #95a5b7 1px solid; overflow: hidden;}

div#message_div p.send_message { width: 205px; height: auto; font-size: 14px; font-weight: bolder; margin: 0px auto 0px auto;}
/* message_open、message_res、message_sendここまで */

/* point_bannersここから */
#banner_container * { margin: 0px; padding: 0px;}

#banner_container { width: 690px; overflow: hidden;}

#banner_container p { font-size: 10px; color: #333333; margin: 0px 0px 10px 15px;}

#banner_container ul { width: 690px; list-style: none; overflow: hidden; padding: 0px 0px 10px 0px;}
#banner_container li { float: left; display: inline; margin: 0px 0px 12px 12px;}

#banner_container dl { width: 500px; height: 185px; background-color: #f1f1f1; color: #333333; font-size: 10px; clear: both; margin: 0px auto 0px auto; /*margin: 10px auto 0px auto;*/ }
/* *:first-child+html #banner_container dl { width: 500px; height: 190x; background-color: #f1f1f1; color: #333333; font-size: 10px; clear: both; margin: 10px auto 0px auto; padding: 0px 0px 5px 0px;}*/
#banner_container dt { color: #FF0000; font-weight: bolder; line-height: 2.0em; margin: 5px 0px 0px 5px;}
#banner_container dd { line-height: 1.5em; margin: 0px 5px 5px 5px;}

#ex_formTitle01 { height: 50px; background: url(http://os.realworld.jp/img/box/title_form_ex1.gif) no-repeat; text-align: left; display: block; text-indent: -9999px; padding: 10px 5px 0 0;}
#ex_formTitle02 { height: 50px; background: url(http://os.realworld.jp/img/box/title_form_ex2.gif) no-repeat; text-align: left; display: block; text-indent: -9999px; padding: 10px 5px 0 0;}
#ex_formTitle03 { height: 50px; background: url(http://os.realworld.jp/img/box/title_form_ex3.gif) no-repeat; text-align: left; display: block; text-indent: -9999px; padding: 10px 5px 0 0;}

#pointBankResist { text-align: right;}

#banner_container p.formSummary { font-size: 11px; text-align: left;}

table.formTable { width: 500px; height: 70px; border: 1px solid #999999; font-size: 10px; clear: both; margin: 0px auto 20px auto;}
.formTable td { border-bottom: 1px solid #cccccc;}
.formTable input { width: 120px; height: 20px; font-size: 10px;}
/* point_bannersここまで */

/* gameここから */
#game_contents { width: 525px; overflow: hidden; margin: 30px auto 0px auto;}

#game_contents p.game_banner_p { width: 86px; height: 67px; float: left;}

#game_contents dl { width: 429px; font-size: 10px; float: right; overflow: hidden; margin: 0px 0px 0px 10px;}
#game_contents dt a { font-weight: bold; color: #0289cb; text-decoration: none;}
#game_contents dt a:hover { font-weight: bold; color: #0289cb; text-decoration: underline;}
#game_contents dl dd { margin: 7px 0px 0px 0px;}

div#content_all p.btn_p { width: 184px; height: 32px; text-align: center; line-height: 0px; margin: 20px auto 0px auto;}
/* gameここまで */

/* 読み込み時表示ボックススタイル */

div#load_header {
    width: 203px; /*画像の横幅*/
    height: 15px; /*画像の高さ*/
	margin-bottom:0;
	_margin-bottom: -5px;
    background-image: url(http://os.realworld.jp/img/box/kjax.gif);
    background-repeat: no-repeat;
    background-position:0px -0px; /* CSS Sprites用の画像のうち，どの場所の画像を出すのか座標 x軸，y軸の順に指定*/
}

div#load_content {
    background:url(/img/box/spinner.gif) no-repeat scroll center center transparent;
    width:197px;
    height:59px;
    margin:0;
    border-left:solid 3px #666666; 
    border-right:solid 3px #666666; 
    border-bottom:0px; 
}

div#load_footer {
    width: 203px; /*画像の横幅*/
    height: 40px; /*画像の高さ*/
    background-image: url(http://os.realworld.jp/img/box/kjax.gif);
    background-repeat: no-repeat;
    background-position:0px -74px;/* CSS Sprites用の画像のうち，どの場所の画像を出すのか座標 x軸，y軸の順に指定*/
    text-align:center;
    font-size:11px;
    top:-5px;
}

body .load span{
  margin-left:47.5px;
  position: absolute;
  bottom: 0;  
}


/* 名前検索マッチ部分 */
.member_name span {
  font-weight:bold;
}

.friend_name span {
  color:#666666;
  font-weight:bold;
}


/* friend_invitationここから */
div#invitation_contents * { margin: 0px; padding: 0px;}

div#invitation_contents { width: 610px; overflow: hidden; color: #333; margin: 15px auto 0px auto;}

div#invitation_contents p { font-size: 10px; line-height: 1.5em;}

span.subtitle { height: 14px; display: block; float: right; text-align: left; font-size: 12px; font-weight: bold; line-height: 14px; /*line-height: 14px;*/ }
span.icon_img { width: 12px; height: 14px; display: block; line-height: 12px; float: left;}
img.icon_a { display: inline;}

div#invitation_contents dl { width: 610px; margin: 15px 0px 0px 0px;}
div#invitation_contents dl dd { clear: both; font-size: 10px; color: #333; line-height: 1.5em; text-align: left; padding: 5px 0px 0px 0px;}

table.invitation_table { font-size: 10px; overflow: hidden; margin: 15px 0px 0px 0px;}
table.invitation_table th { overflow: hidden; text-align: left;}
div#invitation_contents table.invitation_table th.th_back { height: 25px; clear: both; border-left: #FFF 2px solid; background-color: #80cecf; color: #FFF; font-size: 12px; line-height: 25px; padding: 0px 0px 0px 5px;}
div#invitation_contents table.invitation_table td.service_title { border-bottom: #CDCDCD 1px dashed; vertical-align: middle; padding: 7px 0px 7px 5px;}
div#invitation_contents table.invitation_table td.td_contents { border-bottom: #CDCDCD 1px dashed; border-left: #CDCDCD 1px dashed; line-height: 1.5em; padding: 5px 5px 5px 5px;}
div#invitation_contents table.invitation_table td.none_service { border-bottom: #CDCDCD 1px dashed; border-left: #CDCDCD 1px dashed; vertical-align: top; line-height: 25px; padding: 5px 5px 5px 5px;}
/* friend_invitationここまで */