@charset "utf-8";

@import '/stylesheets/base.css';

/*******************************************************************************
* 野球用
*********************************************************************************/
html {
  background-color: #F7FBD6;
}
a,a:link {
  color:#00A64A;
}
a:visited {
  color:#008A31;
}
a:hover {
  color:#00A64A;
}

#container {
  width: 850px;
  padding-top: 0;
  padding-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 10px;
}

#header {
  height: 125px;
  background-color: #d4e5df;
}

#menu_bar {
  background-color: #00A54F;
  height:31px;
}

#menu_bar li {
  background-color: #00A54F;
  float: left;
  height:28px;
}

#menu_bar li.first {
  margin-right: 70px;
}

#contents {
  background : #fff url("/images/baseball/left_bg.gif") repeat-y;
  float: left;
}

#contents_before_login {
  background : #fff url("/images/top/left_bg.gif") repeat-y;
  float: left;
}

.main_container {
  margin: 5px;
}

.sub_menu_container {
  margin: 0px;
}

.sub_menu_container div.title {
  background : url("/images/baseball/top/submenu_base.png") no-repeat center left;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
  color: #fff;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  text-indent: 35px;
}

.sub_menu_container div.arrow {
  background : url("/images/baseball/top/arrow_blue.gif") no-repeat center left;
/*
  height:11px;
  line-height: 11px;
*/
  margin-left: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-bottom: 2px;
  text-indent: 10px;
}

.sub_menu_container .arrow a, 
.sub_menu_container .arrowa:link {
  color:#5ac2dc;
}
.sub_menu_container .arrow a:visited {
  color:#578483;
}
.sub_menu_container .arrow a:hover {
  color:#ace0ed;
}

/*******************************************************************************
* common
*********************************************************************************/

.mypage .title_l {
  color: #ffffff;
  font-weight: bold;
  background : #7ac55e url("/images/baseball/titleline.gif") no-repeat top left;
  height:29px;
  width: 100%;
  text-indent: 30px;
  line-height: 29px;
}

.mypage .title {
  color: #ffffff;
  font-weight: bold;
  background : #7ac55e url("/images/baseball/titleline.gif") no-repeat top left;
  height:29px;
  width: 630px;
  text-indent: 30px;
  line-height: 29px;
}

div.pop_top {
  height: 38px;
  background : #fff url("/images/baseball/graph_c_title.gif") no-repeat left bottom;
  border-bottom: 6px solid #85C473;
}
div.pop_top h1 {
  position: relative;
  top: 13px;
  left: 45px;
  font-weight: bold;
}
div.pop_body {
  border-right: 6px solid #85C473;
  border-left: 6px solid #85C473;
}
div.pop_bottom {
  border-right: 6px solid #85C473;
  border-bottom: 6px solid #85C473;
  border-left: 6px solid #85C473;
}

table.basic {
  margin: 5px;
  background-color: #00A64A;
  border: 2px solid #00A64A;
}
table.basic th {
  background-color: #00A64A;
  border: #00A64A;
  color: #ffffff;
  padding: 3px;
}
table.basic td {
  background-color: #ffffff;
  border: 2px solid #00A64A;
  padding: 5px;
}

table.basic tr.even td {
  background-color: #F7FBD6;
}

table.inner {
  width: 100%;
}
table.inner td {
  border: none;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
}

table.inner td.team_name {
  width: 45%;
  border: none;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
}


table.list {
  margin: 5px;
  width: 98%;
}
table.list th {
  background-color: #CEEBC6;
  border: 5px solid #FFF;
  color: #008A39;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
}
table.list td {
  padding: 5px;
}

table.score_board {
  margin: 5px;
  background-color: #84CB63;
  border: 2px solid #84CB63;
}
table.score_board th {
  font-weight: bold;
  font-size: 110%;
  border: 2px solid #84CB63;
  background-color: #84CB63;
  color: #fff;
}
table.score_board td.team_name {
  color: #fff;
  border: 2px solid #84CB63;
  background-color: #008A39;
  padding: 5px;
}
table.score_board td {
  color: #fff;
  border: 2px solid #84CB63;
  background-color: #005521;
  padding: 5px;
}
table.ranking {
  border: #00A64A 1px solid;
}
table.ranking th {
  padding: 5px;
  background: #ebf7ce;
  color: #00A64A;
  border-top: #00A64A 1px dashed;
  white-space: pre;
}
table.ranking td.name {
  color: #000;
  background: #fff;
  border-top: #00A64A 1px dashed;
  border-right: #fff 0px solid;
  border-left: #fff 0px solid;
  border-bottom: #fff 0px solid;
  text-align: left;
  width: 120px;
}
table.ranking td.score {
  color: #000;
  background: #fff;
  border-top: #00A64A 1px dashed;
  border-right: #fff 0px solid;
  border-left: #00A64A 1px dashed;
  border-bottom: #fff 0px solid;
  text-align: right;
}


table.rankings  a.header {
  color:#fff;
}
table.rankings a:visited.header {
  color:#fff;
}
table.rankings a:hover.header {
  color:#fff;
}
table.rankings th {
  width: 45px;
}
table.rankings td.name {
  white-space: pre;
}
table.rankings td.ordered {
  font-size: 110%;
  font-weight: bold;
  background-color: #DEF3A5;
  white-space: pre;
}

/*******************************************************************************
* mypage
*********************************************************************************/

.mypage {
  width: 100% - 10px;
  background: #ebf7ce;
  border-left: #7ac55e 5px solid;
  border-right: #7ac55e 5px solid;
  border-bottom: #7ac55e 5px solid;
  margin: 5px;
}

.mypage .container {
  padding: 5px;
}

.mypage_profile {
  width: 450px;
  background: #00A64A;
  border: #00A64A 1px solid;
/*  height: 180px; */
}
.mypage_profile th {
  width: 80px;
  padding: 3px;
  background: #ebf7ce;
  color: #00A64A;
  border-top: #00A64A 1px dashed;
  border-right: #fff 0px solid;
  white-space: pre;
}
.mypage_profile td {
  padding: 3px;
  color: #000;
  background: #fff;
  border-top: #00A64A 1px dashed;
  border-right: #fff 0px solid;
  border-left: #fff 0px solid;
  border-bottom: #fff 0px solid;
}

.mypage div.profile {
  width: 450px;
  float: left;
}
.mypage div.profile_image {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  margin: 0 5px 0 0 ;
  width: 150px;
  height: 150px;
  border: 1px solid #7ac55e;
}

.mypage div.profile_image_area {
  float:left;
  padding-left: 5px;
  width: 160px;
}

.score_box {
  width:60px;
}

.side_user_menu li {
  margin-left: 20px;
  height: 29px;
  width: 117px;
  line-height: 29px;
  text-indent: 17px;
  background : #D9F0A0 url("/images/baseball/arrow.gif") no-repeat center left;
}

.baseball_side_menu li.off {
  height: 29px;
  width: 137px;
  line-height: 29px;
  text-indent: 40px;
  background : #D9F0A0 url("/images/baseball/menu_off.gif") no-repeat center left;
}

.baseball_side_menu li.on {
  height: 29px;
  width: 137px;
  line-height: 29px;
  text-indent: 40px;
  background : #D9F0A0 url("/images/baseball/menu_on.gif") no-repeat center left;
}

.round_top {
  margin-left: auto;
  margin-right: auto;
  height: 13px;
  width: 658px;
  background : #fff url("/images/baseball/round_top.gif") no-repeat center bottom;
}
.round_body .title {
  color: #666;
  font-size: 110%;
  font-weight: bold;
  height: 32px;
  background : #fff url("/images/baseball/round_title.gif") no-repeat left top;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 632px;
  text-indent: 35px;
}
.round_body {
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 658px;
  background : #fff url("/images/baseball/round_body.gif") repeat-y center bottom;
  overflow: visible;
}
.round_body_contents {
  margin-left: 10px;
}
.round_bottom {
  margin-left: auto;
  margin-right: auto;
  height: 13px;
  width: 658px;
  background : #fff url("/images/baseball/round_bottom.gif") no-repeat center top;
}

/*******************************************************************************
* basic layout
*********************************************************************************/

div.basic {
  width: 100% - 10px;
  background-color: #EFF3DE;
  border-left: #00A64A 5px solid;
  border-right: #00A64A 5px solid;
  border-bottom: #00A64A 5px solid;
}

div.list {
  width: 100% - 10px;
  border-left: #00A64A 5px solid;
  border-right: #00A64A 5px solid;
  border-bottom: #00A64A 5px solid;
}

div.basic .title,
div.list .title {
  color: #ffffff;
  font-weight: bold;
  background : #00A64A url("/images/baseball/chapter.gif") no-repeat top left;
  height:33px;
  width: 100%;
  text-indent: 35px;
  line-height: 33px;
}

div.section {
  color: #00A64A;
  font-weight: bold;
  background : url("/images/baseball/section.png") no-repeat top left;
  height:27px;
  width: 100% - 10px;
  text-indent: 30px;
  line-height: 27px;
  margin: 5px;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
}

div.sub {
  height: 20px;
  width: 613px;
  margin-left: 8px;
  background : url("/images/baseball/subtitle.gif") no-repeat top left;
  text-indent: 15px;
  line-height: 20px;
}

div.basic .container,
div.list .container {
  margin: 5px;
}

.arrow {
  margin: 3px;
  padding-bottom: 2px;
  background : url("/images/baseball/arrow_g.png") no-repeat center left;
  height:11px;
  text-indent: 10px;
  line-height: 15px;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
}

.help .arrow {
  margin-top:5px;
  margin-bottom:5px;
  margin-left: 10px;
}

div.ability_icon {
  color: #fff;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center center;
  height: 80px;
  width: 120px;
  text-align: center;
  float: left;
  line-height: 30px;
}

/*******************************************************************************
* top page
*********************************************************************************/

/* 684px */
.top {
  background-color: #7BC35A;
  float: left;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.top .main {
  float: left;
  width: 440px;
}
.top .sidebar {
  float: right;
  width: 224px;
}
.login_status_area {
  display: block;
  position: relative;
}
.login_status_area .status {
  float: right;
  padding: 0;
  position: relative;
  margin: 0;
  top: 10px;
}
.make_box .detail {
  padding: 2px;
}
/* score make */
.top .score_make {
  background-color: #ffffff;
  border: 1px solid #00A64A;
  float: left;
  margin-top: 5px;
  width: 214px;
}
.score_make .arrow {
  background : url("/images/baseball/top/arrow_red.gif") no-repeat center left;
  float: left;
  height: 10px;
  line-height: 10px;
  margin: 0 0 5px 0;
  text-indent: 10px;
}
.score_make .strong {
  color: #EF5939;
  float: right;
  font-size: 150%;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.score_make .strong .text {
  color: #333;
  font-size: 50%;
  font-weight: normal;
  height: 10px;
  line-height: 10px;
}
/* team make */
.top .team_make {
  background-color: #ffffff;
  border: 1px solid #00A64A;
  float: left;
  margin-left: 8px;
  margin-top: 5px;
  width: 214px;
}
.team_make .arrow {
  background : url("/images/baseball/top/arrow_blue.gif") no-repeat center left;
  float: left;
  height: 10px;
  line-height: 10px;
  margin: 0 0 5px 0;
  text-indent: 10px;
}
.team_make .strong {
  color: #00A64A;
  float: right;
  font-size: 150%;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.team_make .strong .text {
  color: #333;
  font-size: 50%;
  font-weight: normal;
  height: 10px;
  line-height: 10px;
}
/* match make */
.top .match_make {
  background-color: #ffffff;
  border: 1px solid #00A64A;
  float: right;
  margin-top: 5px;
  width: 214px;
}
.match_make .arrow {
  background : url("/images/baseball/top/arrow_yellow.gif") no-repeat center left;
  font-size: 90%;
  float: left;
  height: 10px;
  line-height: 10px;
  margin: 0 0 5px 0;
  text-indent: 10px;
}
.match_make .search {
  background : url("/images/baseball/top/search_yellow.gif") no-repeat center left;
  font-size: 90%;
  float: left;
  height: 17px;
  line-height: 17px;
  margin-bottom: 5px;
  text-indent: 20px;
  width: 200px;
}
.match_make .strong {
  color: #DEAE00;
  float: right;
  font-size: 150%;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}
.match_make .strong .text {
  color: #333;
  font-size: 50%;
  font-weight: normal;
  height: 10px;
  line-height: 10px;
}
.match_make .area {
  float: left;
  padding: 1px;
}
.match_make .indivi {
  margin-top: 2px;
}
.match_make .area .title {
  border-bottom: 2px solid #EFF710;
  font-weight: bold;
  width: 102px;
}
.match_make .area .end {
  margin-bottom: 3px;
}

/* topics */
.top .topics {
  background: #fff url("/images/baseball/top/topics.jpg") no-repeat top left;
  padding: 35px 0 0 0 ;
  margin-top: 5px;
  width: 439px;
}
.top .topics .entry {
  background: #fff url("/images/baseball/top/line_dot.gif") repeat-x bottom left;
  height: 26px;
  vertical-align: middle;
}
.top .topics .last {
  height: 26px;
  vertical-align: middle;
}
.top .topics .icon {
  width: 40px;
}
.top .topics .entry .blog {
  background: url("/images/baseball/top/blog.gif") no-repeat center bottom;
  float: left;
  height: 26px;
  width: 22px;
}
.top .topics .entry .movie {
  background: url("/images/baseball/top/movie.gif") no-repeat center bottom;
  float: left;
  height: 26px;
  width: 22px;
}
.top .topics .entry .arrow {
  background: url("/images/baseball/top/arrow_char.gif") no-repeat center left;
  float: left;
  height: 26px;
  width: 10px;
}

/* infomation */
.top .information {
  background: #fff url("/images/baseball/top/information.jpg") no-repeat top left;
  padding: 30px 0 0 0 ;
  width: 439px;
}
.top .information .entry {
  background: #fff url("/images/baseball/top/line_dot.gif") repeat-x bottom left;
  line-height: 20px;
  padding: 3px;
}
.top .information .last {
  background-image: none;
  line-height: 20px;
  padding: 3px;
}
.top .information .date {
  background: #fff url("/images/baseball/top/arrow_blue.gif") no-repeat center left;
  margin-left: 5px;
  padding-left: 10px;
}

/* latests */
.top .latests {
  background-color: #C6E3AD;
  float: left;
  padding: 2px 1px 2px 1px;
/*
  padding: 2px 3px 2px 3px;
*/
}

.top .latests .users .user {
  background : url("/images/baseball/top/arrow_red.gif") no-repeat center left;
  height:15px;
  line-height: 15px;
/*  margin-bottom: 2px; */
/*  margin-top: 3px; */
  margin-left: 5px;
  padding-left: 10px;
  padding-top: 2px;
}
.top .latests .teams .team {
  background : url("/images/baseball/top/arrow_green.gif") no-repeat center left;
  height:15px;
  line-height: 15px;
/*  margin-bottom: 2px; */
/*  margin-top: 3px; */
  margin-left: 5px;
  padding-left: 10px;
  padding-top: 2px;

}

/* pickups */
.top .pickups {
  background-color: #C6E3AD;
  float: right;
  margin-top: 5px;
  padding: 2px 1px 2px 1px;
}

/* updated */
.top .updated {
  background-color: #FFF;
  float: left;
  padding: 7px;
}
.top .updated .users {
  background: #fff url("/images/baseball/top/update_user.gif") no-repeat top left;
  float: left;
  padding: 44px 0 0 0 ;
  width: 210px;
}
.top .updated .users .user {
  background : url("/images/baseball/top/arrow_red.gif") no-repeat center left;
  height:15px;
  line-height: 15px;
  margin-left: 5px;
  padding-left: 10px;
  padding-top: 2px;
}
.top .updated .teams {
  background: #fff url("/images/baseball/top/vs_team.gif") no-repeat top left;
  float: left;
  padding: 44px 0 0 0 ;
  margin-left: 5px;
  width: 210px;
}
.top .updated .teams .team {
  background : url("/images/baseball/top/arrow_green.gif") no-repeat center left;
  height:15px;
  line-height: 15px;
  margin-left: 5px;
  padding-left: 10px;
  padding-top: 2px;
}

.top .pickup_user {
  background: url("/images/baseball/top/pickup_background_pink.png") no-repeat top left;
  float: left;
  width: 214px;
  height: 160px;
  overflow: visible;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
}
.top .pickup_team {
  background: url("/images/baseball/top/pickup_background_green.png") no-repeat top left;
  float: left;
  width: 214px;
  height: 160px;
  overflow: visible;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
}
.top .latests .pickup_team {
  margin-left: 5px;
}
.pickup .inner{
  margin: 5px;
  overflow: visible;

}
.pickup .title {
  padding-top: 2px;
  font-weight: bold;
  color: #fff;
  text-indent: 20px;
}

.pickup_user .arrow {
  margin: 0;
  padding-top: 2px;
  width:75px;  
  height:15px;
  float:right;
  background : url("/images/baseball/top/arrow_red.gif") no-repeat center left;
  line-height: 15px;
}

.pickup_team .arrow {
  margin: 0;
  padding-top: 2px;
  width:75px;  
  height:15px;
  float:right;
  background : url("/images/baseball/top/arrow_green.gif") no-repeat center left;
  line-height: 15px;
}

.pickup_user .image_frame {
  float: left;
  width:65px;
  height:65px;
  display: inline;
  margin:5px 2px 10px 6px;
  background : url("/images/baseball/top/pickup_photobase_pink.gif") no-repeat center left;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
}
.pickup_team .image_frame {
  float: left;
  width:65px;
  height:65px;
  display: inline;
  margin:5px 2px 10px 6px;
  background : url("/images/baseball/top/pickup_photobase_green.gif") no-repeat center left;
  /* for ie */
  behavior:url("/javascripts/lib/iepngfix.htc");
}
.pickup .image_frame .image {
  background-position: center center;
  background-repeat: no-repeat;
  margin: 3px;
  width:58px;
  height:58px;
}

.pickup .profile_detail {
  margin-top: 9px;
}
.profile_detail ul{
  color: #666666;
  float:left; 
  width:120px;
}
.pickup_user li{
  padding:2px;
  width:120px;
  border-bottom:1px solid  #fba490;
/*  border-bottom:1px dashed  #ff0000; */
}
.pickup_team li{
  padding:2px;
  width:120px;
  border-bottom:1px solid  #79bf5c;
/*  border-bottom:1px dashed  #ff0000; */
}
.pickup_user .profile_introduction {
  clear:both;
  margin: 0 auto;
  padding:2px;
  height:31px;
  font-size:90%;
  background-color: #FBD7BD;
  width: 95%;
  color: #635C56;
  overflow: hidden;
}
.pickup_team .profile_introduction {
  clear:both;
  margin: 0 auto;
  padding:2px;
  height:31px;
  font-size:90%;
  background-color: #C6EBBD;
  width: 95%;
  color: #635C56;
  overflow: hidden;
}

.line_gradation {
  background : url("/images/baseball/top/line_gradation.gif") repeat-x top left;
  clear: both;
  height: 8px;
  width: 439px;
}

.team_name_max_width,
.game_title_max_width {
  width: 150px;
}

.tabbertab .search_input {
  background: #ffffff url("/images/baseball/top/search_green.gif") no-repeat center left;
  border: 1px solid #00A64A;
  padding: 2px 0 2px 20px;
}
.search_icon_area {
  display: block;
  position: relative;
}
.search_icon_area .search_icons {
  float: right;
  padding: 0;
  position: relative;
  margin: 0;
  top: 0px;
}
.search_icon_area .team_power_icons {
  float: right;
  padding: 0 11px 0 0;
  position: relative;
  margin: 0;
  top: 0px;
}