/* バーセル用基本CSS */

body {
 margin:0px auto;
 color:#FFF;
 font-size:12px;
}

.body1 {
 margin:0px;
 background: #000 url(/img/bg1.jpg) no-repeat 50% 0px;
 font-size:12px;
 font-family:monospace sans-serif;
 color:#fff;
 scrollbar-arrow-color:#565656;
 scrollbar-base-color:#d1c1a3;
 scollbar-darkshadow-color:#9f8b68;
 scollbar-highlight-color:#b3a387;
 scollbar-shadow-color:gray;
}

.body2 {
 margin:0px;
 background: #000 url(/img/bg2.jpg) no-repeat 50% 0px;
 font-size:12px;
 font-family:monospace sans-serif;
 color:#fff;
 scrollbar-arrow-color:#565656;
 scrollbar-base-color:#d1c1a3;
 scollbar-darkshadow-color:#9f8b68;
 scollbar-highlight-color:#b3a387;
 scollbar-shadow-color:gray;
}

.body3 {
 margin:0px;
 background: #000 url(/img/bg4.jpg) no-repeat 50% 0px;
 font-size:12px;
 font-family:monospace sans-serif;
 color:#fff;
 scrollbar-arrow-color:#565656;
 scrollbar-base-color:#d1c1a3;
 scollbar-darkshadow-color:#9f8b68;
 scollbar-highlight-color:#b3a387;
 scollbar-shadow-color:gray;
}

#container {
 margin:0px auto;
 width:900px;
 padding:0px 10px 0px 10px;
}

#header {
 float:left;
 width:900px;
 height:100px;
 background:url(/img/header.gif) no-repeat;
 position:relative;
 z-index:100;
}

#header h1 {
 margin:0px;
 width:170px;
 height:100px;
 float:left;
 background:url(/img/logo.gif) no-repeat;
 text-indent:-9999px;
}

#header h2 {
 float:left;
 margin:0px;
 margin-top:-50px;
 width:572px;
 height:50px;
}

#header ul {
 display:block;
 width:720px;
 height:90px;
 margin:0px;
 float:left;
 padding:0px;
 list-style-type:none;
}

#header li {
 display:block;
 float:left;
 width:100px;
 height:90px;
 text-indent:-9999px;
 margin-right:20px;
}

#header .haji {
 margin:0px;
}

#header li a {
 display:block;
 width:100px;
 height:90px;
}

#main {
 float:left;
 width:900px;
}

#main_left {
 float:left;
 width:555px;
 padding-left:20px;
}

#main_right {
 margin:0px;
 float:left;
 width:305px;
}

#main_left2 {
 float:left;
 position:relative;
 left:20px;
 width:600px;
}

#main_right2 {
 margin:0px;
 float:left;
 width:255px;
}

#btm_menu {
 float:left;
 margin:50px 0px 10px 0px;
 width:900px;
}

#btm_menu ul {
 display:block;
 margin:0px;
 padding:0px;
 list-style-type:none;
 width:600px;
 position:relative;
 left:150px;
}

#btm_menu li {
 float:left;
 display:block;
 width:100px;
 text-align:center;
}

#btm_menu a {
 text-decoration:none;
 color:#fff;
}

#footer {
 padding:20px 0px 50px 0px;
 float:left;
 width:900px;
 text-align:center;
}

#pr {
 float:left;
 width:860px;
 position:relative;
 left:20px;
}

#top_banner {
 float:left;
 width:860px;
 height:130px;
 position:relative;
 left:20px;
}

#top_flash {
 float:left;
 width:555px;
 height:200px;
}

#top_mobile {
 float:left;
 width:860px;
 height:150px;
 position:relative;
 left:20px;
 top:10px;
}

#top_setsumei {
 float:left;
 width:555px;
 height:50px;
 padding-top:10px;
 color:#fff;
}

#top_diary {
 float:left;
 width:275px;
 height:400px;
}

#top_diary h2 {
 float:left;
 margin:0px;
 margin-bottom:5px;
 width:275px;
 height:20px;
 background:url(/img/top_diary_tit.gif) no-repeat;
 text-indent:-9999px;
}

#top_diary table {
 float:left;
}

#top_diary td {
 vertical-align:top;
 padding-bottom:5px;
}

#top_diary .top_diary_tit {
 display:block;
 width:190px;
 margin:5px 0px 8px 5px;
 float:left;
 color:#d4cec3;
}

#top_diary .top_diary_txt {
 display:block;
 width:190px;
 margin:0px 0px 0px 5px;
 float:left;
 color:#fff;
}

#top_diary .top_diary_link {
 display:block;
 margin:10px 10px 0px 0px;
 text-align:right;
}

#top_diary img {
 height:100px;
 border:0px;
}

#top_diary strong {
 float:left;
 margin:10px 0px 0px 0px;
 width:195px;
 display:block;
 font-weight:normal;
 text-align:right;
 color:#fff;
}

#top_diary a {
 text-decoration:none;
 color:#fff;
}

#top_news {
 float:left;
 width:255px;
 height:400px;
 padding-left:20px;
}

#top_news h2 {
 float:left;
 margin:0px;
 width:255px;
 height:20px;
 background:url(/img/top_news_tit.gif) no-repeat;
 text-indent:-9999px;
}

#top_news dl {
 margin:0px;
 margin-bottom:20px;
 display:block;
}

#top_news .dt {
 display:block;
 margin-top:5px;
 margin-bottom:5px;
 color:yellow;
}

#top_news .dd {
 display:block;
 margin-left:-40px;
 margin-bottom:3px;
}

#top_news_sub {
 float:left;
 width:255px;
 height:380px;
 overflow:auto;
}

#top_middle {
 float:left;
 margin-top:20px;
 padding-left:20px;
 width:880px;
 min-height:500px;
}

#top_system_title {
 background:url(/img/tit_system.gif) no-repeat;
 width:860px;
 height:20px;
 float:left;
}

#top_system {
 width:860px;
 min-height:250px;
 float:left;
 margin:10px 0px 10px 0px;
}

table#system_table {
 width:860px;
 border:1px #222222 solid;
 border-collapse: collapse;
 border-spacing: 0;
}

table#system_table th {
 padding:5px;
 border:#222222 solid;
 border-width:0 0 1px 1px;
 line-height:120%;
 text-align:left;
 background:#020201;
}

table#system_table td {
 padding:5px;
 border:1px #222222 solid;
 border-width:0 0 1px 1px;
 text-align:left;
}



#top_shopphoto {
 float:left;
 width:460px;
 height:300px;
}

#top_shopphoto h2 {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:460px;
 height:20px;
 background:url(/img/top_shopphoto_tit.gif) no-repeat;
 text-indent:-9999px;
}

#top_shopphoto img {
 border:1px solid #fff;
 width:180px;
 height:120px;
}

#top_map {
 float:left;
 width:420px;
 height:320px;
}

#top_map h2 {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:420px;
 height:20px;
 background:url(/img/top_map_tit.gif) no-repeat;
 text-indent:-9999px;
}

#top_map #map {
 margin:0px auto;
 float:left;
 width:400px;
 height:280px;
 color:#000;
}

#top_link_title {
 background:url(/img/tit_link.gif) no-repeat;
 width:860px;
 height:20px;
 float:left;
}

#top_staff_blog_bg {
 position:relative;
 z-index:0;
 float:left;
 background:url(/img/) no-repeat;
 width:305px;
 height:625px;
 filter: alpha(opacity=30);
 -moz-opacity:0.30;
 opacity:0.30;
}


#top_staff_blog {
 position:relative;
 left:26px;
 z-index:2;
 float:left;
 width:262px;
 height:588px;
 margin-top:-605px;
 overflow:auto;
 padding-right:2px;
}

#shop_link {
 display:block;
 float:left;
 margin:10px 0px 10px 0px;
}

#shop_link a {
}

.shop_link img {
 border:0px;
}

#shop_link2 {
 display:block;
 float:left;
 margin:10px 0px 10px 0px;
}

#shop_link2 a {
}

.shop_link2 img {
 border:0px;
 position:relative;
 left:10px;
}

#cast_list {
 float:left;
 width:860px;
 position:relative;
 left:20px;
}

#cast_list h2 {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:860px;
 height:20px;
 background:url(/img/tit_castlist.gif) no-repeat;
 font-size:12px;
 font-weight:normal;
 color:#d4cec3;
 text-align:right;
}

#cast_list .new {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:860px;
 height:20px;
 background:url(/img/tit_newcastlist.gif) no-repeat;
 font-size:12px;
 font-weight:normal;
 color:#d4cec3;
 text-align:right;
}

#cast_list ul{
 float:left;
 display:block;
 margin:0px;
 padding:0px;
 list-style-type:none;
}

#cast_list li{
 float:left;
 display:block;
 width:172px;
 height:200px;
 margin:0px;
 padding:0px;
 text-align:center;
 color:#d4cec3;
}

#cast_list .thum {
 margin:0px auto;
 width:100px;
 height:150px;
 display:block;
 border:3px double #d4cec3;
 margin-bottom:10px;
}

#cast_list a {
 text-decoration:none;
}

#cast_list .mark {
 margin:0px auto;
 display:block;
 width:28px;
 height:11px;
}

#main .head {
 margin-bottom:20px;
 width:860px;
 height:150px;

}

#main_left2 ul {
 margin:0px;
 padding:0px;
 list-style-type:none;
}


#cast_diary {
 margin-top:20px;
 float:left;
 width:555px;
}

#cast_diary h2 {
 background:url(/img/tit_cast_diary.gif) no-repeat;
 color:#d4cec3;
 font-size:12px;
 text-align:right;
 width:555px;
 height:20px;
 padding-right:20px;
 font-weight:normal;
}

#cast_diary #cast_diary_part {
 margin:0px 0px 20px 0px;
 float:left;
 position:relative;
 left:105px;
 width:240px;
 background:#fff url(/img/bg_diary_part.gif) repeat-y;
 padding:20px 43px 20px 43px;
 border:3px #ceb798 double;
 color:#000;
}

#cast_diary img {
}

#cast_diary .update {
 display:block;
 float:left;
 width:240px;
 text-align:right;
}

#cast_diary .title {
 display:block;
 float:left;
 width:240px;
 margin-top:10px;
 margin-bottom:10px;
 border-bottom:2px solid #a4865e;
 padding-bottom:2px;
 color:#a4865e;
 font-weight:bold;
}

#cast_diary table {
 float:left;
 width:490px;
 margin:0px 0px 10px 0px;
}

#cast_diary table a {
 text-decoration:none;
}

#cast_quest {
 float:left;
 width:255px;
}

#cast_quest h2 {
 float:left;
 margin:0px;
 width:250px;
 height:20px;
 margin-top:10px;
 margin-bottom:10px;
 background:url(/img/tit_cast_quest.gif) no-repeat;
 text-indent:-9999px;
}

#cast_quest ul {
 float:left;
 margin:0px;
 padding:10px;
 list-style-type:none;
}

#cast_quest li {
 margin-bottom:5px;
}

#cast_quest .quest {
 color:#b79e7c;
 display:block;
}

#cast_quest .ans {
 display:block;
}

#cast_quest_sub {
}

#cast_profile {
 float:left;
 width:555px;
 margin-top:10px;
}

#cast_profile h2 {
 background:url(/img/tit_cast_profile.gif) no-repeat;
 color:#d4cec3;
 font-size:12px;
 text-align:right;
 width:555px;
 height:20px;
 padding-right:20px;
 font-weight:normal;
}

#cast_thum {
 float:left;
 width:220px;
 text-align:center;
}

#cast_profile_detail {
 float:left;
 width:235px;
}

#cast_profile_detail strong {
 font-size:16px;
 color:#b79e7c;
}

#cast_profile_detail li {
 margin-bottom:5px;
 display:block;
}

#todiary {
 margin-top:20px;
 float:left;
 width:505px;
 font-size:16px;
 font-weight:bold;
 text-align:center;
}

#todiary a {
 text-decoration:none;
}

#cast_photo {
 margin-top:10px;
 float:left;
 width:555px;
}

#cast_photo h2 {
 background:url(/img/tit_cast_photo.gif) no-repeat;
 color:#d4cec3;
 font-size:12px;
 text-align:right;
 width:555px;
 height:20px;
 padding-right:20px;
 font-weight:normal;
}

#cast_photo ul {
 margin:0px;
 padding:0px;
 text-align:center;
 list-style-type:none;
 text-align:center;
}

#cast_photo li {
 display:block;
 width:180px;
 height:160px;
 float:left;
}

#cast_photo img {
 border:0px;
}

#cast_menu {
 margin-top:10px;
 float:left;
 width:555px;
 height:30px;
}

#cast_menu ul {
 text-align:center;
 display:block;
 width:555px;
 height:30px;
 list-style-type:none;
 position:relative;
 left:140px;
}

#cast_menu li {
 float:left;
 width:120px;
 height:30px;
 margin-right:15px;
 filter: alpha(opacity=70);
 -moz-opacity:0.70;
 opacity:0.70;
}

#cast_menu a {
 display:block;
 width:120px;
 height:20px;
 text-indent:-9999px;
}

.back {
 background:url(/img/cast_menu_back.gif) no-repeat;
}

.prof {
 background:url(/img/cast_menu_prof.gif) no-repeat;
}

.blog {
 background:url(/img/cast_menu_blog.gif) no-repeat;
}

#event table {
 width:550px;
 background:#000;
 float:left;
}

#event td {
 padding:5px;
 vertical-align:top;
 color:dimgray;
}

#event .day {
 width:30px;
 text-align:center;
 padding:5px;
}

#event .week {
 width:30px;
 text-align:center;
 padding:5px;
}

#event .event_data {
 padding:0px;
}

#event #event_data {
 border-bottom:1px solid #ceb798;
 width:476px;
 margin-top:1px;
 padding:5px;
}

#event #event_data2 {
 width:376px;
 padding:5px;
}

.eve_photo {
 margin:0px 5px 5px 0px;
 width:50px;
 float:left;
 border:1px solid #ceb798;
}

.eve_tit {
 display:block;
 font-weight:bold;
 color:#ffa053;
}

#event h2 {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:550px;
 height:20px;
 background:url(/img/tit_event.gif) no-repeat;
 font-size:12px;
 font-weight:normal;
 color:#d4cec3;
 text-align:right;
}

#event #event_menu {
 float:left;
 width:550px;
 margin:10px 0px 10px 0px;
}

#event a {
 color:#fff;
}

#news {

}


#news h2 {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:550px;
 height:20px;
 background:url(/img/tit_news.gif) no-repeat;
 font-size:12px;
 font-weight:normal;
 color:#d4cec3;
 text-align:right;
}

#news table {
 float:left;
 width:550px;
}

#news .date {
 width:120px;
 text-align:center;
 border-bottom:1px dotted gray;
}

#news .data {
 border-bottom:1px dotted gray;
 padding:5px;
}

#news .news_tit {
 display:block;
 font-weight:bold;
 color:yellow;
 margin-bottom:5px;
}

#diary_list {
 float:left;
 width:555px;
 margin-top:10px;
}

#diary_list h2 {
 float:left;
 margin:0px;
 margin-bottom:10px;
 width:550px;
 height:20px;
 background:url(/img/tit_diary.gif) no-repeat;
 font-size:12px;
 font-weight:normal;
 color:#d4cec3;
 text-align:right;
}

#diary_list img {
 width:100px;
 height:150px;
 border:1px #d4cec4 solid;
}

#diary_list ul {
 float:left;
 margin:0px;
 padding:0px;
 list-style-type:none;
}

#diary_list li {
 margin-top:10px;
 display:block;
 float:left;
 width:183px;
 height:300px;
 text-align:center;
}

#diary_list #middle {
 border-left:1px #d4cec4 solid;
 border-right:1px #d4cec4 solid;
}

#diary_list #else {

}

#diary_list strong {
 margin:5px 0px 5px 0px;
 display:block;
 color:#d4cec4;
 font-weight:normal;
}

#diary_list a {
 text-decoration:none;
}

#diary_list font {
 display:block;
 font-size:12px;
 color:#d4cec4;
 text-align:left;
 padding:0px 10px 0px 10px;
}

#diary_list .contn {
 display:block;
 text-align:right;
 font-size:10px;
 padding:20px 10px 10px 10px;
 color:#d4cec4;
}

#recruit {

}

#recruit table {
 margin:0px auto;
 margin-top:20px;
 width:700px;
 background:gray;
 position:relative;
 left:100px;
}

#recruit td {
 color:dimgray;
}

#recruit #recruit_title {
 background:#f8b551;
 padding:5px;
 font-weight:bold;
 font-size:16px;
}


#recruit #recruit_subtitle {
 background:#ffe5bd;
 padding:5px;
 width:100px;
 text-align:center;
}

#recruit #recruit_data {
 background:#ffffff;
 padding:5px;
}


.recruit_tit {
　display:block;
　float:left;
　font-size:16px;
　font-weight:bold;
　width:860px;
　color:#ffa053;
　margin-bottom:5px;
}

.recruit_cmt {
　display:block;
　float:left;
　width:860px;
　margin-bottom:10px;
}

#rec_pr {
 float:left;
 width:860px;
 position:relative;
 left:20px;
 margin-bottom:20px;
 text-align:center;
}

#staffdiary .s_title {
 display:block;
 border-bottom:1px solid #d3ad73;
 font-weight:bold;
}

#staffdiary .s_update {
 display:block;
 text-align:right;
}

#staffdiary .s_html {
 display:block;
 margin-bottom:20px;
}