/*
##################################################
 reset
##################################################
*/

/* initial setting
-------------------------------------*/
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
  display: block;
}
p {margin: 0;}
html {
  font-size: 62.5%;/* font size 10px */
}
body {
  font-family:"メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

/* box-sizing */
* {
  box-sizing: border-box;
}

/* table
-------------------------------------*/
table td {
  word-break: break-all; /*URLを改行するため*/
}
/* form
-------------------------------------*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
  font-family:"メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.4rem;
}

/* btn
-------------------------------------*/
[class^="btn_"], [class*=" btn_"]  {
  font-family:"メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

.btn_large {
  width: 280px !important;
  height: 60px !important;
}
.btn_medium{
  width: 220px !important;
  height: 50px !important;
}
.btn_small {
  width: 140px !important;
  height: 40px !important;
}

/* ---------------------
text size
----------------------*/
.txt_ss{font-size: 80%;}
.txt_s{font-size: 90%;}
.txt_l{font-size: 110%;}
.txt_ll{font-size: 120%;}

/* atend color setting
-------------------------------------*/
.message {
  padding: 5px 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert {
  padding: 5px 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.box_success {color: #00a613;background-color: #e1f2e3;border-color: #afddb5;}
.box_info    {color: #0042a6;background-color: #e1e8f2;border-color: #bbd0ed;}
.box_warning {color: #bf9500;background-color: #fef5ca;border-color: #dace93;}
.box_danger  {color: #a60000;background-color: #f2e1e1;border-color: #d6b2b2;}

.txt_success {color: #00a613;}
.txt_info    {color: #0042a6;}
.txt_warning {color: #bf9500;}
.txt_danger  {color: #a60000;}

.message_error {color: #a60000;}
.noitems {
}

img {
  vertical-align: baseline;
  border: none;
}

.race_name img {
  vertical-align: middle;
}

.race_name li {
  overflow: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, table th, embed, object, img, header, footer {
  margin: 0;
  padding: 0;
}


ul, dl {
  list-style-type: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//
  height: auto;
  overflow: hidden;
}


/*
##################################################
 common
##################################################
*/
html {
  font-size: 62.5% !important;
}

body > div {
  font-size: 1.4rem !important;
}

.small {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.xsmall {
  font-size: 10px;
  font-size: 1.0rem !important;
}

.white {
  color: #ffffff;
}

.white a {
  color: #ffffff;
  text-decoration: none;
}

.white a:hover {
  text-decoration: underline;
}

.red {
  color: #ff0000;
}

.category a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffba59;
  padding: 0px 5px 0px 5px;
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0px 7px 5px 0px;
}

.category a {
  color: #ffffff;
  text-decoration: none;
}

.category a:hover {
  text-decoration: underline;
}

a {
  color: #2060d4;
}

a:hover {
  text-decoration: none;
}

.additional {
  color: #303030;
}

.com {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ff4040;
  padding: 3px 6px 2px 6px;
  float: right;
}

.good {
  margin: 0 0 0 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ff8000;
  padding: 3px 6px 2px 6px;
  float: none;
}

.nice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ff4040;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
}

.fright {
  float: right;
}

.fleft {
  float: left;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.textlarge {
  font-size: 15px;
  font-size: 1.5rem;
}

.color_blue {
  color: #148fcc;
}

.color_red {
  color: #e61717;
}

.color_yellow {
  color: #e5e617;
}

.color_green {
  color: #5ce617;
}

.color_orange {
  color: #e68f17;
}

.color_pink {
  color: #ff67b3;
}

.color_purple {
  color: #9629cc;
}

.color_black {
  color: #000000;
}

.color_white {
  color: #ffffff;
}

.bg_blue {
  background: #148fcc;
}

.bg_red {
  background: #e61717;
}

.bg_yellow {
  background: #e5e617;
}

.bg_green {
  background: #5ce617;
}

.bg_orange {
  background: #e68f17;
}

.bg_pink {
  background: #ff67b3;
}

.bg_purple {
  background: #9629cc;
}

.bg_black {
  background: #000000;
}

.bg_white {
  background: #ffffff;
}

.bg_pale_blue {
  background: #f2fbff;
}


.bg_pale_red {
  background: #fff2f2;
}

.bg_pale_yellow {
  background: #ffffb2;
}

.bg_orange_a {
  background: #ff9832;
}

.bg_orange_b {
  background: #ffb974;
}

.bg_orange_c {
  background: #ffd1a3;
}

.bg_orange_d {
  background: #ffe5cc;
}

.bg_orange_e {
  background: #fff4ea;
}


/*
******* リニューアルここから
*/
body {
  background: #fafafa;
  min-width: 1096px;
}

a {
  color: #2060d4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*スペース*/
.sp_top_s {
  margin-top: 8px !important;
}

.sp_btm_s {
  margin-bottom: 8px !important;
}

.sp_top_m {
  margin-top: 16px !important;
}

.sp_btm_m {
  margin-bottom: 16px !important;
}

.sp_lft_m {
  margin-left: 8px !important;
}
/*文字サイズ*/

.txt_large {
  font-size: 1.6rem;
}

.txt_exlarge {
  font-size: 2.0rem;
}

.txt_small {
  font-size: 1.2rem;
}

.txt_exsmall {
  font-size: 1.0rem;
}

/*文字色*/

.col_red {
  color: #ff0000;
}

.col_gray {
  color: #999999;
}

.col_white {
  color: #ffffff;
}

/*背景色*/

.bg_white {
  background: #ffffff;
}

.bg_gray {
  background: #e6e6e6;
}

.bg_darkgray {
  background: #b8b8b8;
}

.bg_blue {
  background: #2996cc;
}

.bg_lightblue {
  background: #b8d4e1;
}

/*揃え*/
.al_center {
  text-align: center !important;
}

.al_left {
  text-align: left !important;
}

.al_right {
  text-align: right !important;
}

/*共通*/
.wrapper {
  width: 1096px;
  margin: 0 auto;
  overflow: hidden;
}

.largearea {
  width: 782px;
  float: left;
  overflow: hidden;
}

.smallarea {
  width: 300px;
  float: right;
  overflow: hidden;
}

.area {
  width: 100%;
  overflow: hidden;
}

.area .smallarea {
  margin: 0 0 16px 16px;
}

ul.horizontal {
  font-size: 0;
  margin: 0;
  padding: 0;
}

ul.horizontal li {
  font-size: 1.4rem;
  padding: 0 0.75rem;
  display: inline;
  border-right: 1px solid #b8b8b8;
}

ul.horizontal li:last-child {
  border: 0;
}

.radius {
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.shadow {
  /* box-shadow */
  box-shadow:0px 1px 1px #b8b8b8;
  -moz-box-shadow:0px 1px 1px #b8b8b8;
  -webkit-box-shadow:0px 1px 1px #b8b8b8;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  background: #ffffff;
}

/*ヘッダ*/

header#main {
  margin: 0;
  height: 40px;
  background: #ffffff;
  padding: 0;
  text-align: left;
}

#logo {
  width: 138px;
  display: table-cell;
}

#logo a {
  display: inline-block;
}

#header_nav {
  display: table-cell;
  vertical-align: bottom;
  padding: 0;
}

#header_nav li {
  height: 40px;
  line-height: 40px;
  margin-right: 30px;
  padding: 0;
  border: none;
}

#header_nav a {
  color: #2060d4;
}

header .largearea {
  display: table;
}

#header_links ul#login-status li {
  border: none;
  width: 146px;
  display: inline-block;
  text-align: center;
  padding: 4px 0;
}

#header_links ul#login-status li:last-child {
  margin: 0 0 0 8px;
}

#header_links ul#login-status a {
  color: #ffffff;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
}

#header_links #login {
  color: #303030 !important;
  border: 1px solid #b8b8b8;
}

#header_links #newreg {
  color: #ffffff;
  background: #2996cc;
  border: 1px solid #2996cc;
}

#header_links #mypage {
  color: #ffffff;
  background: #2996cc;
  border: 1px solid #2996cc;
}

#header_links #logout {
  color: #303030 !important;
  border: 1px solid #b8b8b8;
}

header #social {
  min-height: 28px;
}

/*フッタ*/

footer {
  background: #ffffff;
  clear: both;
}

footer .link {
  display: block;
  padding: 0.5em;
  border-bottom: 1px solid #e6e6e6;
}

footer .link a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

footer .ad {
  margin: 8px 0;
}

footer ul.horizontal {
  margin: auto;
  padding: 0 0 4px 0;
}

footer ul.horizontal li {
  font-size: 1.2rem;
  padding: 0 0.5em 0 0;
  margin: 0 0.5em 0 0;
}

#switcher {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 0;
}

.graybox {
  display: inline-block;
  padding: 8px;
}

#bnrs {
  padding: 8px 0;
}

#bnrs a {
  margin: 0 8px;
  display: inline;
  width: 100%;
  height: 100%;
}

#copy {
  padding: 4px 0;
}


/*メイン*/
#main {
  margin-top: 8px;
}

#content {
  margin: 0;
  padding: 0;
}

#content .box {
  margin-bottom: 12px;
}

#content .bread {
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 10px;
  line-height: 1em;
}

#content h1 {
  border-bottom: 2px solid #2996cc;
  padding: 12px 10px;
  margin: 0 0 10px 0;
}
#content h1.m_c {
  border-bottom: none;
}

#content h1 img {
  vertical-align: middle;
}

.arti {
  margin-bottom: 6px;
}

#page .arti {
  margin: 0 10px;
  padding: 0 0 12px 0;
}

.box {
  overflow: hidden;
}

.container {
  margin: 0 10px 16px 10px;
}

.width {
  width: 782px;
}

.width_container{
  width: 772px;
}

/*index*/
#index #content .title {
  padding: 8px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
}

#index #content .subtitle {
  padding: 6px 8px;
}

#index #content .box {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#index #content .title::before {
  content: "";
  border-left: 4px solid #59c8ff;
  padding: 0 0 0 8px;
}

#index .detail {
  padding: 2px 6px;
  float: right;
}

#index .detail::after {
  content: ">";
  color: #999999;
  padding: 0 0 0 4px;
}

#index .detail:hover {
  text-decoration: none;
  background: #dadada;
}

#page #mypage .arti {
  margin: 0;
  padding: 0;
}

#index .arti ul,
#mypage .arti ul {
  margin: 5px 0;
  padding: 0;
  line-height: 1em;
}

#index .arti ul li,
#mypage .arti ul li {
  padding: 5px 8px;
}

#index .mlist ul li,
#mypage .mlist ul li {
  display: table;
  width: 100%;
}

#index .mlist ul li span.cell,
#mypage .mlist ul li span.cell {
  display: table-cell;
}

#index .mlist ul li span.cell.subinfo,
#mypage .mlist ul li span.cell.subinfo {
  width: 26rem;
  height: 1rem;
  overflow: hidden;
}

.name_width {
  width: 17rem;
  height: 1rem;
  overflow: hidden;
}
#index #recent_race_tabs ul {
  margin-top: 5px;
  border-top: 2px solid #cccccc;
}

#index #recent_race_tabs ul li {
  float: left;
}

/*パンくず*/
ul.bread {
  font-size: 0;
}

ul.bread li {
  border: 0 !important;
  font-size: 1.2rem !important;
  line-height: 1em;
  padding: 0;
  color: #b6b6b6;
}

ul.bread li strong {
  color: #000000;
}

/*リンク・メニュー*/
ul.menu {
  margin: 16px 0;
}

ul.menu li {
  border: 0;
  border: 1px solid #bfbfbf !important;
  margin: 0 8px 0 0;
  padding: 0;
  display: inline-block;
  background: #2996cc;
}

ul.menu li a {
  color: #ffffff;
  height: 100%;
  display: block;
  padding: 8px 16px;
}

ul.menu li.disable {
  background: #dedede;
  color: #999999;
  padding: 8px 16px;
}

/*
##################################################
 contents
##################################################
*/
#content p {
  line-height: 1.5em;
  margin: 0 0 1em 0;
}

/*
##################################################
 table
##################################################
*/
#content table {
  width: 100%;
  margin: 0px 0px 15px 0px;
  border: 2px solid #cccccc;
  border-collapse: collapse;
}

#content table tr th {
  white-space: nowrap;
  background: #eeeeee;
  text-align: center;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  border-right: 1px dotted #c8c8c8;
  border-left: 2px solid #cccccc;
  padding: 5px;
}

#content table tr td {
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  border-right: 1px dotted #c8c8c8;
  border-left: 1px dotted #c8c8c8;
  padding: 5px;
  text-align: center;
  word-break: break-all;
  word-wrap : break-word ;
}
#content table tr td a.stadium_info {
  margin: 0 auto;
  width: 45%;
  height: 30px;
  line-height: 30px;
  display: block;
  overflow: hidden;
}
#content table tr td a.stadium_info span.stadiumname {
  display: inline-block;
  float: left;
}
#content table tr td a.stadium_info span.stadiumnumber {
  display: inline-block;
  float:right;
}

#content table img {
  vertical-align: middle;
}

#content table tbody.dd td.setBorderLast {
  border-bottom: 2px solid #cccccc !important;
}

#content table tbody.dd tr td {
  border: 1px dashed #c8c8c8;
}

#content table tr td.right, #content table tr th.right {
  text-align: right;
}

#content table tr td.left, #content table tr th.left {
  text-align: left;
}

#content table tr td.gr {
  border-right: 2px solid #cccccc;
}

#content table.colorcell tr td.color {
  background: #e2f5ff;
}

#content table.colorcell tr th.color {
  background: #2996cc;
  color: #ffffff;
  box-shadow: none;
}

#content table.playerranking tr td.setst {
  background: #e2f5ff;
}

#content table.playerranking tr th.setst {
  background: #2996cc;
  color: #ffffff;
}

#content table.small.result_table {
  margin: 0 auto 15px;
  width: 974px;
}

/*
##################################################
 yearselect
##################################################
*/
#content .yearselect {
  text-align: center;
  margin: 0px 0px 15px 0px;
}

/*
##################################################
 weekselect
##################################################
*/
#content .weekselect {
  margin: 0px 0px 15px 0px;
  text-align: right;
}

#content .weekselect a:first-child {
  float: left;
}

#content .weekselect a img {
  vertical-align: top;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 10px;
  border-left: 1px dotted #c8c8c8;
}

#content .weekselect a.latest_result {
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 15px;
  border-left: 1px dotted #cccccc;
}

#content .weekselect a.latest_result img {
  margin: 0px;
  padding: 0px;
  border: none;
}

/*
##################################################
 itemselect
##################################################
*/
#content .itemselect {
  margin: 0px 0px 15px 0px;
}

#content .itemselect ul {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e6e6e6;
  padding: 10px 5px 10px 15px;
  display: table-cell;
}

#content .itemselect ul li {
  float: left;
  padding: 3px 15px 3px 15px;
  margin: 0px 10px 0px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #bfbfbf;
  background: #ffffff;
}

.help .itemselect ul li {
  padding: 3px 7px 3px 7px;
  margin: 0px 7px 0px 0px;
}

#content .itemselect ul li.nr {
  float: left;
  padding: 3px 5px 3px 0px;
  line-height: 1.5em;
  margin: 2px 0px 0px 0px;
  background: none;
  border: none;
}

#content .itemselect ul li.active {
  background: #2996cc;
  color: #ffffff;
}

#content .itemselect ul li.selecter_ver01 {
  background: #ffe5e5;
}

#content .itemselect ul li.selecter_ver01 a {
  font-weight: bold;
}

#content .oddstable .itemselect {
  margin-bottom: 0px;
}

.oddstable {
  margin-bottom: 50px;
}

/*
##################################################
 selectyellow
##################################################
*/
#content .selectyellow ul {
  background: none;
  padding: 0px;
}

#content .selectyellow ul li.active {
  background: #cccc29;
  color: #ffffff;
}


/*
##################################################
 tab
##################################################
*/
#content .tab {
  margin: 0px 0px 15px 0px;
}

#content .tab ul.tabui {
  font-size: 0;
  border-bottom: 2px solid #bfbfbf;
  -webkit-box-shadow: 0px 2px 0px 0 #e6e6e6;
  -moz-box-shadow: 0px 2px 0px 0 #e6e6e6;
  -ms-box-shadow: 0px 2px 0px 0 #e6e6e6;
  box-shadow: 0px 2px 0px 0 #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#e6e6e6, direction=180, strength=3, enabled=true);
}

#content .tab ul.tabui li {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px 15px 5px 15px;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  background: #e6e6e6;
  vertical-align: bottom;
  display: inline-block;
}

#content .tab ul.tabui li.active {
  padding: 10px 15px 5px 15px;
  border-top: 2px solid #bfbfbf;
  border-left: 2px solid #bfbfbf;
  border-right: 2px solid #bfbfbf;
  background: #2996cc;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-left-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  display: inline-block;
  color: #ffffff;
}

#content .tab ul.tabui li.active a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#content .tab .tabcontent {
  display: none;
  margin: 10px 0px 0px 0px;
}

#content .tab .tabcontent p {
  line-height: 1.5em;
  margin-bottom: 0px;
}

/*
##################################################
 taboption
##################################################
*/
#content .taboption ul.tabui {
  font-size: 0;
  border: none;
  -webkit-bos-shadow: none;
  -moz-bos-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  filter: none;
}

#content .taboption .tabcontent {
  margin: 0px;
  padding: 12px;
  border: 1px solid #bfbfbf;
  border-top: 2px solid #bfbfbf;
  -webkit-box-shadow: 0px 2px 0px 0px #e6e6e6 inset;
  -moz-box-shadow: 0px 2px 0px 0 #e6e6e6 inset;
  -ms-box-shadow: 0px 2px 0px 0 #e6e6e6 inset;
  box-shadow: 0px 2px 0px 0 #e6e6e6 inset;
}

.best_on {
  background: url(/img/pc/icon/common/icon_bestlist_on.png) bottom center no-repeat;
  padding: 0 15px 15px 15px !important;
  margin-bottom: 2px !important;
}

.best_off {
  background: url(/img/pc/icon/common/icon_bestlist_off.png) bottom center no-repeat;
  padding: 0 15px 15px 15px !important;
  margin-bottom: 2px !important;
}

/*
##################################################
 square
##################################################
*/
.square {
  margin: 0px 0px 15px 0px;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f2f2f2;
}

.square table {
  background: #ffffff;
  margin: 10px 0px 0px 0px;
}

.blmd {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #2996cc;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}


/*
##################################################
 data list
##################################################
*/
#content .datalist {
  margin: 0px 0px 7px 0px;
}

#content .stadium .datalist {
  margin: 0px 0px 20px 0px;
}

#content .datalist ul li {
  margin: 0px 0px 7px 0px;
  padding: 0px 0px 7px 0px;
  border-bottom: 1px dotted #cccccc;
}

#content .datalist ul li img {
  vertical-align: middle;
  margin: 0px 7px 0px 0px;
}

#content .datalist ul li .additional {
  margin: 0px 7px 0px 0px;
}

/*
##################################################
 data list2
##################################################
*/
#content .datalist2 {
  margin: 0px 0px 7px 0px;
}

#content .datalist2 ul li {
  margin: 7px 0px 0px 0px;
  padding: 7px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
}

#content .datalist2 ul li img {
  vertical-align: middle;
  margin: 0px 7px 0px 0px;
}

#content .datalist2 ul li .additional {
  margin: 0px 7px 0px 0px;
}

#content .datalist2 ul li.ad div,
#content .list.article ul li.ad div {
  margin: 0 auto 7px auto;
  width: 728px;
  height: 90px;
}

/*
##################################################
list
##################################################
*/
#content .list ul li {
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
}

#content .list ul li .category {
  margin: 10px 0px 0px 0px;
  float: left;
}

#content .list ul li .additional {
  margin: 10px 0px 0px 0px;
  float: right;
}

#content .list ul li .additional .com {
  float: none;
}

#content .list ul li.ad {
  text-align: center;
}

#content .list ul li br {
  clear: both;
}


/*
##################################################
 intro
##################################################
*/
#content .list .intro {
  margin: 15px 0px 5px 0px;
}

.intro .introthumb {
  float: left;
  width: 200px;
  margin: 0px 0px 0px 0px;
}

.intro .introtext {
  width: 540px;
  float: right;
}

.intro .introtext p {
  line-height: 1.7em;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}


/*
##################################################
 list event
##################################################
*/
#content .event ul li .additional {
  position: absolute;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  float: none;
}

.event .intro {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

/*
##################################################
 pager
##################################################
*/
#content .pager {
  border-top: 1px dotted #c8c8c8;
  margin: 15px 0px 15px 0px;
  padding: 15px 0px 0px 0px;
}

/*
##################################################
 1column
##################################################
*/

#onecolumn .mA {
  width: 980px;
  background: url('/img/pc/title/page_title_l.png') no-repeat;
}

.narrow {
  margin: 0px 22px 0px 22px;
}


/*
##################################################
 2columns
##################################################
*/
#twocolumn {
  width: 760px;
  float: left;
}

#twocolumn .mA {
  width: 760px;
  background: url('/img/pc/title/page_title_m.png') no-repeat;
}

/*
##################################################
 2columns table
##################################################
*/
#content .eql .left {
  width: 370px;
  float: left;
}

#content .eql table tr td.tleft {
  text-align: left;
}

#content .eql .right {
  width: 370px;
  float: right;
}


/*
##################################################
 color table
##################################################
*/
table.color {
  border: none;
  margin: 0px;
}

table.color tr {
  border: none;
}

table.color tr td {
  border: none;
  padding: 5px;
}

table.color tr td.color_1 {
  background: #cf66f6;
}

table.color tr td.color_2 {
  background: #f6f466;
}

table.color tr td.color_3 {
  background: #aaf666;
}

table.color tr td.color_4 {
  background: #f6b766;
}


/*
##################################################
 table in table
##################################################
*/
#content table td.chcell {
  padding: 10px;
}

#content table.inner {
  margin: 0px;
  padding: 0px;
}

#content table.inner tr th {
  border: 2px solid #eeeeee;
  background: #ffffff;
  font-weight: normal;
  width: 35%;
}

#content table.inner tr td {
  border: 2px solid #eeeeee;
  font-weight: bold;
}

#content table.inst tr th {
  white-space: normal;
  width: 25%;
}

#content table.inst tr td {
  text-align: left;
}

#content table.small a {
  color: #2060d4;
}

/*
##################################################
 form
##################################################
*/
form.keyword {
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
}

input, select, textarea {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px;
  margin: 3px;
  vertical-align: middle;
}

textarea {
  vertical-align: text-bottom;
  resize: vertical;
}

textarea.postform {
  width: 600px;
}

label {
  margin: 0px;
}

input.input, textarea.input {
  border: 1px solid #cccccc;
  padding: 4px;
}

.player_search input.input {
  width: 90%;
}

.playersearch input.input {
  width: 120px;
}

.buttons {
  border-top: 1px dotted #c8c8c8;
  padding: 15px 0px 0px 0px;
  text-align: center;
  overflow: hidden;
}

.sp {
  margin: 20px 0px 20px 0px !important;
  padding: 20px 0px 0px 0px !important;
}

.noborder {
  margin: 0px 0px 15px 0px !important;
  padding: 0px;
  border: none !important;
}

.buttons ul li {
  float: left;
  margin: 0px 10px 15px 0px;
}

input.btn {
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: none;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

input.search {
  background: url('/img/pc/button/btn_search.png');
  width: 200px;
  height: 45px;
}

input.ssearch {
  background: url('/img/pc/button/btn_s_search.png');
  width: 91px;
  height: 25px;
}

input.favorite {
  background: url('/img/pc/button/btn_favorite.png');
  width: 113px;
  height: 20px;
}

input.favorite_off {
  background: url('/img/pc/button/btn_favorite_off.png');
  width: 113px;
  height: 20px;
}

input.confirm {
  background: url('/img/pc/button/btn_f_confirm.png');
  width: 200px;
  height: 45px;
}

input.confirm:hover {
  background-position: 0px;
}

input.post {
  background: url('/img/pc/button/btn_f_post.png');
  width: 200px;
  height: 45px;
}

input.renew {
  background: url('/img/pc/button/btn_f_renew.png');
  width: 200px;
  height: 45px;
}

input.del {
  background: url('/img/pc/button/btn_del.png');
  width: 24px;
  height: 24px;
}

input.delthis {
  background: url('/img/pc/button/btn_delthis.png');
  width: 110px;
  height: 20px;
}

input.remove_f {
  background: url('/img/pc/button/btn_remove_from_fav.png');
  width: 130px;
  height: 20px;
}

input.back {
  background: url('/img/pc/button/btn_f_back.png');
  width: 200px;
  height: 45px;
}

input.next {
  background: url('/img/pc/button/btn_f_next.png');
  width: 200px;
  height: 45px;
}

input.order {
  background: url('/img/pc/button/btn_f_order.png');
  width: 200px;
  height: 45px;
}

input.regist_user {
  background: url('/img/pc/button/btn_f_regist_user.png');
  width: 200px;
  height: 45px;
}

input.sendco {
  background: url('/img/pc/button/btn_send_message.png');
  width: 91px;
  height: 25px;
}

input.send_r {
  background: url('/img/pc/button/btn_f_send_r.png');
  width: 200px;
  height: 45px;
}

input.login {
  background: url('/img/pc/button/btn_f_login.png');
  width: 365px;
  height: 50px;
}

input.regist {
  background: url('/img/pc/button/btn_f_regist.png');
  width: 365px;
  height: 50px;
}

input.re {
  background: url('/img/pc/button/btn_f_address_re.png');
  width: 280px;
  height: 45px;
}

input.cancel {
  background: url('/img/pc/button/btn_s_cancel.png');
  width: 68px;
  height: 22px;
}

input.btngood {
  width: 67px;
  height: 29px;
  background: url('/img/pc/button/btn_f_good.jpg')
}

input.btnbad {
  width: 67px;
  height: 29px;
  background: url('/img/pc/button/btn_f_bad.jpg')
}

input.postcomment {
  background: url('/img/pc/button/btn_f_post_comment.png');
  width: 91px;
  height: 25px;
  margin: 5px 0px 0px 0px;
}

input.activate {
  background: url('/img/pc/button/btn_f_activate.png');
  width: 91px;
  height: 25px;
  margin: 0px;
}

input.nice {
  background: url('/img/pc/button/btn_niceit.png');
  width: 200px;
  height: 45px;
  vertical-align: top;
  margin: 0 10px;
}

input.hit {
  background: url('/img/pc/button/btn_best.png');
  width: 200px;
  height: 45px;
}

input.see_pre_g {
  background: url('/img/pc/button/btn_see_pre_g.png');
  width: 200px;
  height: 45px;
}

input.see_pre_nog {
  background: url('/img/pc/button/btn_see_pre_nog.png');
  width: 200px;
  height: 45px;
}

input.see_pre_premium {
  background: url('/img/pc/button/btn_see_pre_premium.png');
  width: 200px;
  height: 45px;
}

input.withdraw {
  background: url('/img/pc/button/btn_withdraw.png');
  width: 280px;
  height: 45px;
}

input.cancel_premium {
  background: url('/img/pc/button/btn_cancel_premium.png');
  width: 280px;
  hegiht: 45px;
}

input.send_mail {
  background: url('/img/pc/button/btn_mod_mail.png');
  width: 200px;
  hegiht: 45px;
}

input.yes {
  background: url('/img/pc/button/btn_yes.png');
  width: 200px;
  hegiht: 45px;
}

input.no {
  background: url('/img/pc/button/btn_no.png');
  width: 200px;
  hegiht: 45px;
}

input.staff_prediction_bet_btn {
  background: url('/img/pc/button/btn_m_bet.png');
  width: 200px;
  hegiht: 45px;
}

input.prize {
  background: url('/img/pc/button/btn_prize.png');
  width: 200px;
}

input.delete_article,
input.delete_article_comment {
  background: url('/img/pc/button/btn_delete.png');
  width: 91px;
  height: 25px;
}

input.delete_article_comment {
  margin: 2px 15px 0 0;
}

input#entry_confirm {
  height: 45px;
}

.cancel input#confirm {
  height: 45px;
}

input:disabled {
  cursor: default;
  filter: alpha(opacity=40);
  -moz-opacity:0.40;
  opacity:0.40;
}

#content .count {
  text-align: right;
}

#content .count .countnumber {
  color: #ff0000;
  font-weight: bold;
}

input.file, input#mask_file {
  display:none;
}

label.file_mask span {
  display: block;
  background: url('/img/pc/button/btn_f_file.png');
  width: 156px;
  height: 25px;
  cursor: pointer;
}

/*
##################################################
 error
##################################################
*/
#error_body {
  line-height: 1.5em;
  margin-top: 16px;
}

#error_body .txt-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 15px;
  width: 90%;
  margin: 0px auto 20px auto;
}

#error_body p {
  margin: 0px;
  padding: 0px;
}

#error_body ul.error_list {
  margin: 0px;
  padding: 0px;
}

#error_body ul.error_list li {
  line-height: 1.5em;
  font-weight: bold;
  color: #ff0000;
}

#sys #error_body .txt-box {
  margin-top: 20px;
  margin-bottom: 10px;
}

/*
リニューアルここから
*/

/*side_bar*/

#aside ul {
  list-style: none;
  margin: 12px 0 16px 0;
  padding: 0;
}

#aside ul li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 4px 8px;
}

#aside ul li a::after {
  content: ">";
  float: right;
  color: #999999;
}

#aside ul li a:hover {
  background: #dadada;
}

#aside ul li.title {
  color: #ffffff;
  background: #303030;
  font-weight: bold;
  padding: 8px;
  margin-bottom: 4px;
}

#aside ul li.title::before {
  content: "";
  border-left: 4px solid #2996cc;
  padding-left: 6px;
}

#aside .ad {
  margin-bottom: 12px;
}

/****************************
 * 項目ヘッダー             *
 ****************************/
.kst_black {
  background: #303030;
}

/*****************************
 * 競ステGP 予想バトル順位   *
 *****************************/
div.ranking_box table {
  width: 98% !important;
  margin: 10px auto 0 !important;
  border: none !important;
  table-layout: fixed;
  border-collapse: collapse !important;
}
div.ranking_box th {
  padding: 4px !important;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-color: #303030 !important;
  border: 1px solid #ffffff !important;
}
div.ranking_box td {
  height: 40px;
  padding: 4px 12px !important;
  background: #ffffff !important;
  border: 1px solid #202029 !important;
}
div.ranking_box table tr:nth-child(2n) td {
  background-color: #ecf2f3 !important;
}

div.ranking_box td.crown_rank_1 { background: url(/img/pc/grandprix/icon/crown_gold.png) 4px 3px no-repeat !important; }
div.ranking_box td.crown_rank_2 { background: url(/img/pc/grandprix/icon/crown_silver.png) 4px 3px no-repeat !important; }
div.ranking_box td.crown_rank_3 { background: url(/img/pc/grandprix/icon/crown_bronze.png) 4px 3px no-repeat !important; }

.txt_left {
  text-align: left !important;
}
/*****************************
 * サイドバーメニュー        *
 *****************************/
#aside ul.menu-box {
  margin-top: 0px;
  margin-bottom: 0px;
  background: #ffffff;
  border-bottom: 1px solid #303030;
}
#aside ul.menu-box li {
  border-left: 1px solid #303030;
  border-right: 1px solid #303030;
}
#aside ul.menu-box li.title.shadow {
  margin-bottom: 0px;
}
#aside ul.menu-box.top {
  margin-top: 10px;
}
#aside ul.menu-box.bottom {
  margin-bottom: 10px;
}

/*****************************
 * ページフッター            *
 *****************************/
footer.kst_black {
  background: #303030;
  color: #ffffff;
}
footer.kst_black a {
  color: #ffffff;
}
footer.kst_black a.set_user_agent_type {
  color: #2060d4;
}
footer.kst_black #switcher {
  color: #000000;
  border-top: 1px solid #303030;
  border-bottom: 1px solid #303030;
}
footer.kst_black .link {
  border-bottom: 1px solid #303030;
}

/*****************************
 * 開催中のレース一覧        *
 *****************************/
#recent_race_tabs ul.ui-tabs-nav {
  margin-top: 0px !important;
}
#recent_race_tabs .race_table_black {
  margin-bottom: 0px !important;
}
.box .notes ul {
  margin-top: 0px !important;
}

/*
リニューアルここまで
*/

/*
##################################################
 Profile
##################################################
*/
.profile .left {
  float: left;
  width: 150px;
  text-align: center;
}
.profile .left .now {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e6e6e6;
  background: #f7f7f7;
  padding: 5px;
  margin: 10px 0px 0px 0px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}

.profile .left .now img {
  vertical-align: middle;
  margin: 0px 3px 0px 0px;
}

.profile .left .buttons {
  padding: 10px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}

.profile .aleft {
  text-align: left;
}

.profile .right {
  float: right;
  width: 590px;
}

.profile .set30per {
  width: 30%;
}

.profile .set20per {
  width: 20%;
}

table.eqa {
  table-layout:fixed;
}

#content .totalscore table {
  width: 20% !important;
  float: left;
  border-right: none !important;
}

#content .totalscore table:last-child {
  border-right: 2px solid #cccccc !important;
}
#content .totalscore table tr th {
    border-left: none;
    border-right: none;
  }

#content .totalscore table tr td {
    border-left: none;
    border-right: none;
  }

.slide.recent_score table {
  margin: 0;
}

.slide.recent_score .center {
  margin: 15px 0 20px 0;
}

ul.socialicons {
  text-align: center;
}

ul.socialicons li {
  margin: 5px;
  float: none;
  display: inline;
}

/*
##################################################
 listbox
##################################################
*/
#content .listbox {
  width: 170px;
  float: left;
  border: 1px solid #e6e6e6;
  padding: 5px;
  margin: 0px 12px 12px 0px;
  text-align: center
}

#content .listbox li.left {
  text-align: left;
}

#content .listbox img {
  margin: 5px 0px 0px 0px;
}

#content .buttons {
  border-top: 1px dotted #cccccc;
  padding: 7px 0px 0px 0px;
  overflow: hidden;
}

#content .buttons img {
  margin: 0px;
}


/*
##################################################
 race calendar
##################################################
*/
#content .racecalendar {
  margin: 0px 0px 15px 0px;
}

#content .racecalendar ul {
  width: 100%;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 15px 0px;
  border-bottom: 1px dotted #cccccc;
}

#content .racecalendar ul li {
  float: left;
  margin: 3px 10px 0px 10px;
  padding: 0px 15px 0px 15px;
  border-left: 1px dotted #cccccc;
}

#content .racecalendar ul li.first {
  margin: 3px 0px 0px 0px;
  padding: 0px;
  border: none;
}

#content .racecalendar ul li.last {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 8px;
  float: right;
}

#content .racecalendar ul li form select {
  padding: 0px;
  margin: 0px 0px 0px 7px;
}

#content .racecalendar ul li form span.buttons {
  margin: 0px 0px 0px 15px;
}

#content .racecalendar ul li form input.btn_show {
  width: 80px;
  height: 25px;
  background: url('/img/pc/button/btn_show.png') no-repeat;
}

#content .racecalendar table {
  border: none;
}

#content .racecalendar table tr th {
  padding: 0px;
  border: 1px solid #bfbfbf;
  font-weight: normal;
}

#content .racecalendar table th.sat {
  background: #9ddaff;
}

#content .racecalendar table td.sat {
  background: #d9f2ff;
}

#content .racecalendar table th.sun {
  background: #ff9d9d;
}

#content .racecalendar table td.sun {
  background: #ffd9d9;
}

#content .racecalendar table th.pres {
  background: #ffdaa6;
  font-weight: bold;
}

#content .racecalendar table td.pres {
  background: #ffdaa6;
  font-weight: bold;
}

#content .racecalendar table td.race {
  background: #ffffb2;
}

.grace { background: #ffff33; }
.frace { background: #ffffcc; }

#content .racecalendar table tr td {
  padding: 0px;
  border: 1px solid #bfbfbf;
}

#content .racecalendar table tr td.rc {
  background: #ffffb2;
}

#content .racecalendar table tr td img {
  padding: 0px;
}

#content .racecalendar table tr td a {
  text-decoration: none;
}

#content .racecalendar table tr td.stadium a {
  text-decoration: underline;
}

#content .racecalendar table tr td.stadium a:hover {
  text-decoration: none;
}

#content .racecalendar .buttons {
  border: none;
  margin-left: 15px;
}

#content .racecalendar table.bods td {
  border: 1px solid #bfbfbf !important;
}
#content .racecalendar table.bods td.race {
  border: 1px solid #bfbfbf !important;
}


/*
##################################################
 race table
##################################################
*/
#content .line_info {
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 10px 0px 10px 0px;
}

#gp .line_info {
  margin-bottom: 20px;
}

.contetns .line_info img {
  vertical-align: middle;
}


#content .line_info .line_info_pr {
  float: left;
  margin: 5px 0px 0px 0px;
}

#content .line_info .line_info_buttons {
  float: right;
  border-left: 1px dotted #cccccc;
  margin: 0px;
  padding: 0px;
}

#content .line_info .line_info_buttons a {
  margin: 0px 0px 0px 15px;
}

#content .racetable *,
#content .ssprediction * {
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box: content-box;
  box-sizing: content-box;
}

.racetable {
  width: 974px;
  padding: 0px 0px 15px 0px;
  margin: 15px auto 15px auto;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5em;
  background: #ffffff;
  border-bottom: 1px dotted #cccccc;
}

#content .tablelast {
  border-bottom: none;
}

#content .racetable .large {
  font-size: 15px;
}

#content .racetable table {
  border-collapse: collapse;
}

#content .racetable table,
#content .racetable table tbody,
#content .racetable table tr,
#content .racetable table tr td {
  margin: 0px;
  padding: 0px;
  border: none;
}

#content .racetable .frame,
#content .racetable .frame2,
#content .racetable .frame3 {
  margin: 0;
  padding: 0;
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
}

#content .racetable .last {
  border-bottom: none;
}

#content .racetable .frame {
  width: auto;
  float: right;
  border-left: 2px solid #bfbfbf;
}

#content .racetable .frame2 {
  width: auto;
  float: right;
  border-left: 2px solid #bfbfbf;
}

#content .racetable .frame3 {
  width: 124px;
  float: right;
  border-left: 2px solid #bfbfbf;
  border-right: 2px solid #bfbfbf;
}

#content .racetable .f table {
  width: 100%;
}

#content .racetable .frame2 .r {
  border-left: 2px solid #bfbfbf;
}

#content .racetable .r table tr td.bfirst,
#content .racetable .r table tr td.bsecond,
#content .racetable .r table tr td.bthird,
#content .racetable .r table tr td.bfourth,
#content .racetable .r table tr td.bfifth {
  text-align: left;
}

#content .racetable .mr,
#content .racetable .ml {
  width: auto;
  float: right;
}

#content .racetable .r {
  float: right;
  width: 92px;
}

#content .racetable tbody.num,
#content .racetable tbody.cminfo,
#content .racetable tbody.cmdata {
  border-bottom: 2px solid #bfbfbf;
}

#content .racetable .racername {
  border-bottom: 2px solid #bfbfbf;
  vertical-align: top;
}

#content .racetable .racernamenote,
#content .racetable .racerhomenote {
  padding: 3px 0px 0px 0px;
  width: 48%;
  float: right;
  height: 100%;
  text-align: center;
}

#content .racetable .racernamenote {
  border-left: 1px solid #bfbfbf;
}

#content .racetable .racernamekana,
#content .racetable .racernamekanji,
#content .racetable .racerhome {
  width: 30%;
  float: right;
}

#content .racetable .racernamekanji {
  width: 36%;
  border-right: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
}

#content .racetable .racerphoto {
  padding: 5px 0px 2px 0px;
  border-top: 1px solid #bfbfbf;
  text-align: center;
}

#content .racetable .mrnumber {
  padding: 3px;
  border-left: 2px solid #bfbfbf;
  text-align: center;
}

#content .racetable .cmnumber {
  padding: 3px 3px 3px 3px;
  text-align: center;
}

#content .racetable .racernumber,
#content .racetable .mracernumber {
  border-top: 2px solid #bfbfbf;
}

#content .racetable .item,
#content .racetable .money,
#content .racetable .rfirst,
#content .racetable .rsecond,
#content .racetable .rthird,
#contetn .racetable .rfourth,
#content .racetable .rfifth,
#content .racetable .bfirst,
#content .racetable .bsecond,
#content .racetable .bthird,
#content .racetable .bfourth,
#content .racetable .bfifth {
  border-top: 1px solid #bfbfbf;
  padding: 3px;
}

#content .racetable .mrraceinfo {
  border-left: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
  text-align: center;
  padding: 3px;
}

#content .racetable .mrdata {
  border-left: 2px solid #bfbfbf;
  padding: 3px;
  text-align: center;
}

#content .racetable .rnb {
  padding: 3px 0px;
  text-align: center;
}

.racer1 {
  background: #ffffff;
}

.racer2 {
  background: #dfdfdf;
}

.racer3 {
  background: #ffd3d3;
}

.racer4 {
  background: #d3f0ff;
}

.racer5 {
  background: #ffffd3;
}

.racer6 {
  background: #e2ffd3;
}

.racer7 {
  background: #ffedd3;
}

.racer8 {
  background: #ffd3e9;
}

.racer9 {
  background: #f0d3ff;
}

#content .tablenotes p {
  margin: 0px 0px 10px 0px;
}

#content .tablenotes table tr th {
  padding: 10px;
  width: 6em;
}

#content .tablenotes table tr td {
  text-align: left;
  padding: 10px;
}

#content .tablenotes table tr td img {
  vertical-align: middle;
}

/*
##################################################
 result
##################################################
*/
#content div.right {
  text-align: right;
  margin: 0px 0px 10px 0px;
}

#content div.right img {
  margin: 0px 0px 0px 10px;
}

#result .block {
  border-bottom: 1px dotted #cccccc;
  margin: 0px 0px 15px 0px;
}

#result .block table img {
  margin: 0px 4px 0px 4px;
}

#result .block .right a {
  display: inline-block;
}

/*
##################################################
 articles m
##################################################
*/

#article article {
  margin: 8px 0 8px 0;
}
#article article header {
  background: #eeeeee;
  padding: 0px 0px 3px 0px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-left-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -ms-border-top-left-radius: 2px;
  -ms-border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

#article article header h1 {
  padding: 15px 15px 0px 15px;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.75em;
  border: 0;
}

#article article header .article_header_option {
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  min-height: 24px;
}

#article article header .blueoption {
  border-bottom: 3px solid #66c8f5;
}

#article article header .greenoption {
  border-bottom: 3px solid #5fcc29;
}

#article article header .purpleoption {
  border-bottom: 3px solid #c859ff;
}

#article article header .yellowoption {
  border-bottom: 3px solid #cccc29;
}

#article article header .article_header_option .category {
  float: left;
}

#article article header .article_header_option .additional {
  float: right;
  position: absolute;
  bottom: 2px;
  right: 0;
}
#article article header .article_header_option .author {
  font-size: 1.8rem;
  margin-top: 5px;
}

#article article header .article_header_option .additional .com {
  float: none;
}

#article article .articlebody {
  font-size: 1.5rem;
  line-height: 1.6em;
  word-wrap:break-word;/*firefox*/
  word-break:break-all;/*IE*/
  padding: 20px;
  min-height: 150px;
  letter-spacing: 2px;
}

#article article .articlebody iframe {
  margin: 0px auto 15px auto;
  display: block;
}

#article article .articlebody object {
  margin: 0px auto 15px auto;
  display: block;
}

#article article .articlebody .articleimages {
  margin: 15px 0px 0px 0px;
}

#article article .articlebody .articleimages a {
  text-decoration: none;
}

#article article footer {
  background: none;
  overflow: hidden;
}

#article article footer input.favorite {
  margin: 0px 0px 0px 0px;
}

#article article footer .adA {
  clear: both;
}

#article article footer .ad_a {
  clear: both;
}

#article_social {
  padding: 0 0 1px 0;
  float: right;
  text-align: right;
  height: 20px;
  overflow: hidden;
  width: auto !important;
}

#article_social.announce {
  margin: 20px 0;
}

#article_social #twitter-widget-1 {
  height: 20px;
}
#article_social .fb-like {
  height: 20px;
  padding: 0px;
  display: inline-block;
}

#article_social .fb-like iframe {
  height: 20px;
}

#article_social .hatena-bookmark-button-frame {
  margin: 0 0 0 15px;
}

#article_social form {
  margin: 0px 0px 0px 15px;
  float: right;
}

.favorite_message {
  clear: both;
  text-align: right;
}

.favorite_message .small {
  margin: 8px 0 0 0;
  padding: 5px 5px 5px 10px;
  display: inline-block;
  background: #e6e6e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

#article_comment form.post_comment {
  border: 5px solid #eeeeee;
  margin: 0px 15px 0px 15px;
  padding: 10px 15px 0px 15px;
}
#article_comment.column form.post_comment {
  margin: 0px 15px 15px 15px;
}

#article_comment form.post_comment input.postcomment {
  float: right;
}

#article_comment form.post_comment textarea {
  width: 100%;
  margin: 10px 0px 5px 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#article_comment .article_comment_list {
  margin: 10px 15px;
  padding: 10px 0px 10px 0px;
  border-top: 1px dotted #cccccc;
}
#article_comment.column .article_comment_list {
  margin: 0;
  padding: 0;
}

#article_comment .article_comment_list header {
  background: none;
  overflow: hidden;
}
#article_comment.column .article_comment_list header {
  padding: 10px 0;
}

#article_comment .article_comment_list header.first {
  border-top: 1px dotted #cccccc;
  margin: 20px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
}
#article_comment.column .article_comment_list header.first {
  border-top: none;
  margin: 0;
  padding: 10px 0 10px 0;
}

#article_comment .article_comment_list .article_comment_body {
  line-height: 1.8rem;
  margin: 10px 15px 0px 15px;
  word-wrap:break-word;/*firefox*/
  word-break:break-all;/*IE*/
  letter-spacing: 2px;
}
#article_comment.column .article_comment_list .article_comment_body {
  margin: 0px 15px 0px 15px;
  padding: 10px 0 20px;
}

#article_comment .article_comment_list footer {
  background: none;
  margin: 10px 15px 0px 15px;
}
#article_comment.column .article_comment_list footer {
  margin: 10px 15px 15px 15px;
}

#article_comment .article_comment_list footer .goodcount {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ff7800;
  font-weight: bold;
  padding: 0 0 0 5px;
}

#article_comment .article_comment_list footer .badcount {
  font-size: 12px;
  font-size: 1.2rem;
  color: #2060d4;
  font-weight: bold;
}

.articlebody .passwordcaution {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 15px;
}

#article #error_body {
  margin-top: 20px;
}

.good1 {
  font-weight: bold;
}

.good2 {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.good3 {
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
}

.good4 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}

.bad1 {
  font-size: 12px;
  font-size: 1.2rem;
}

.bad2 {
  font-size: 11px;
  font-size: 1.1rem;
}

.bad3 {
  font-size: 10px;
  font-size: 1.0rem;
}

/*
##################################################
 columnist
##################################################
*/
#columnist {
}

#columnist section {
  width: 240px;
  float: left;
  margin: 0 16px 0 0;
}

#columnist section:nth-child(4n) {
  margin: 0;
}

#columnist .m_c_c {
  padding: 10px;
  line-height: 1.5em;
}

#columnist .int {
  margin: 8px 0 16px 0;
}

#columinst .int a {
  line-height: 1.5em;
}

#columnist .ad_type_b {
  clear: both;
}

/*
##################################################
 info
##################################################
*/
#content .infopost {
  margin: 16px 0 30px;
}

#content .infopost header {
  border: none;
  background: none;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  border-bottom: 3px solid #e6e6e6;
  height: inherit;
}

#content .infopost header h3 {
  margin: 0px 0px 10px 0px;
}

#content .infopost header .additional {
  margin: 0px;
  padding: 0px;
}

#content .infopost .infopost_body {
  margin: 15px 0px 0px 0px;
  line-height: 1.5em;
  word-wrap:break-word;/*firefox*/
  word-break:break-all;/*IE*/
}

#content .infopost footer {
  background: none;
}


/*
##################################################
 postlist
##################################################
*/
#postlist p {
  margin-bottom: 0px;
}

#postlist p img {
  vertical-align: middle;
}

#postlist .post {
  width: 370px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  margin: 10px 10px 0px 0px;
  overflow: hidden;
}

#postlist .post header {
  background: none;
}

#postlist .post header .oneline {
  margin: 0px 0px 10px 0px;
}

#postlist .post .postbody {
  margin: 15px 0px 0px 0px;
}

#postlist .post .postbodyimage {
  width: 145px;
  float: left;
  padding: 0px 10px 0px 0px;
}

#postlist .post .postbody .postbodytext p {
  line-height: 1.5em;
  margin-bottom: 0px;
  word-wrap:break-word;/*firefox*/
  word-break:break-all;/*IE*/
}

#postlist .post .postbody .postbodytext .right {
  margin: 3px 0px 0px 0px;
}

.more {
  position: absolute;
  bottom: 29px;
  right: 10px;"
}

.post_user {
  position: absolute;
  bottom: 5px;
  right: 10px;
}

/*
##################################################
 stadiuminfo
##################################################
*/
#content .stadiuminfo .datalist, #content .stadiuminfo .ad_a, #content table.stadiuminfo {
  margin-bottom: 40px;
}

#content .stadiuminfo .nextrace {
  margin-top: 40px;
}

#content .stadiuminfo .datalist.adju {
  margin-bottom: 20px !important;
}

#content .stadiuminfo .datalist.prioritylist {
  margin-bottom: 0 !important;
}

#index .datalist.prioritylist {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#index .datalist.prioritylist .last {
  margin-bottom: 0 !important;
}


/*
##################################################
 GRANDPRIX
##################################################
*/

.titleimage {
  margin: 0px 0px 20px 0px;
}

a.redbutton {
  padding: 3px 10px 3px 10px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 #fe8282 inset, -1px -1px 0 #fe8282 inset;
  -moz-box-shadow: 1px 1px 0 #fe8282 inset, -1px -1px 0 #fe8282 inset;
  -ms-box-shadow: 1px 1px 0 #fe8282 inset, -1px -1px 0 #fe8282 inset;
  box-shadow: 1px 1px 0 #fe8282 inset, -1px -1px 0 #fe8282 inset;
  border: 2px solid #cc2929;
  background: #f22424;
  /* IE10 Consumer Preview */
  background: -ms-linear-gradient(top left, #fc5757 0%, #c22b2b 100%) 0px 0px;
  /* Mozilla Firefox */
  background: -moz-linear-gradient(top left, #fc5757 0%, #c22b2b 100%) 0px 0px;
  /* Opera */
  background: -o-linear-gradient(top left, #fc5757 0%, #c22b2b 100%) 0px 0px;
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fc5757), color-stop(1, #c22b2b)) 0px 0px;
  /* Webkit (Chrome 11+) */
  background: -webkit-linear-gradient(top left, #fc5757 0%, #c22b2b 100%) 0px 0px;
  /* W3C Markup, IE10 Release Preview */
  background: linear-gradient(to bottom right, #fc5757 0%, #c22b2b 100%) 0px 0px;
  background-repeat: no-repeat;
}

#grandprix .gpevent {
  margin: 0px 0px 30px 0px;
}

#grandprix .eventbanner {
  border: 5px solid #eeeeee;
  padding: 15px;
  text-align: center;
}

#grandprix .racecalendar table, #grandprix .racecalendar table tbody, #grandprix .racecalendar table tr, #grandprix .racecalendar table td, #grandprix .racecalendar table th {
  padding: 2px;
}

#content .stadium .racecalendar table td {
  padding: 5px 2px 5px 2px;
}

#grandprix .eql div.right {
  text-align: left;
}

#grandprix .block {
  margin-bottom: 30px;
}

#grandprix .border {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 20px;
}

#grandprix .eventbanner p {
  text-align: left;
}

.gpbox {
  width: 45%;
}

.gpbox .m_f {
  padding: 10px;
}

.gpbox:nth-child(odd) {
  float: left;
  margin: 0 11px 0 22px;
}

.gpbox:nth-child(even) {
  float: right;
  margin: 0 22px 0 11px;
}

.gpbox_left {
  float: left;
  margin: 0 11px 0 22px;
}

.gpbox_right {
  float: right;
  margin: 0 22px 0 11px;
}

.gpbox .buttons {
  padding: 0;
  margin: 0px 0px 14px 0px;
}

.gpbox .noborder {
  margin: 0 0 10px 0 !important;
}

.gpbox p {
  text-align: center;
  margin: 0 0 33px 0;
}

/*
##################################################
 GRANDPRIX prediction
##################################################
*/
#prediction .premium .buttons {
  margin-top: 15px;
  padding-top: 15px;
}

#prediction #bet_type_list, #prediction #buy_type_list {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e6e6e6;
  padding: 10px 5px 10px 15px;
  margin-bottom: 15px;
}

#prediction #bet_type_list div, #prediction #buy_type_list div {
  float: left;
}

#prediction .bet_type_title, #prediction .buy_type_title {
  margin: 10px 15px 0px 0px;
  font-weight: bold;
}

#prediction .bet_type_title p, #prediction .buy_type_title p {
  line-height: 1em;
  margin: 0px;
  padding: 0px;
}

#prediction .bet_type label, #prediction .buy_type label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
  padding: 3px 7px 3px 5px;
  margin: 0px 10px 0px 0px;
  border: 2px solid #bfbfbf;
  display: block;
  cursor: pointer;
}

#prediction .bet_type label.checked, #prediction .buy_type label.checked {
  background: #2996cc;
  color: #ffffff;
  font-weight: bold;
}

#prediction #player_info {
  margin: 0px 0px 0px 0px;
}

#prediction #player_info .detail {
  width: 560px;
  float: left;
}

#prediction #player_info table p {
  margin: 0px;
}

#prediction #player_info table tr td img {
  border: none;
}

#prediction #player_info table tr td {
  border-right: 1px dashed #cccccc;
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  border-left: none;
}

#prediction #player_info table tr th {
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  border-left: none;
}

#prediction #player_info .bet_info_list {
  width: 188px;
  float: right;
}

#prediction #player_info .bet_info_list table tr td {
  text-align: center;
}

#prediction #player_info .bet_info_list tr td label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 9px 0px 9px 0px;
  margin: 0px 0px 0px 0px;
  border: 2px solid #eeeeee;
  display: block;
  cursor: pointer;
  font-weight: bold;
}

#prediction #player_info .bet_info_list tr td label.checked {
  background: #2996cc;
  color: #ffffff;
  font-weight: bold;
}

#prediction #player_info .bet_info_list tr td label input {
  margin: 0px 3px 0px 0px;
  padding: 0px;
}

#prediction #bet_list {
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

#prediction #bet_list .detail {
  margin-bottom: 20px;
}

#prediction #bet_list .content {
  width: 375px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e6e6e6;
  background: #ffffff;
  padding: 10px;
  margin-bottom: 15px;
}

#prediction #bet_list .content .header p {
  text-align: center;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #e6e6e6;
}

#prediction #bet_list .content .body .bet {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #2996cc;
  padding: 7px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

#prediction #bet_list .content .body .pattern {
  margin: 5px 0px 5px 0px;
  line-height: 1.5em;
}

#prediction #bet_list .content .footer {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#prediction #bet_list .content .footer .extract .off {
  margin: 0px;
  padding: 0px;
}

#prediction #bet_list .content .footer .total {
  margin: 10px 0px 0px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 10px;
  text-align: right;
}

#prediction #bet_list .content .footer .total .pattern {
  line-height: 2em;
}

#prediction #bet_list .content .footer .total input#bet_value {
  width: 200px;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 3px;
  vertical-align: middle;
  margin: 0px 5px 0px 5px;
  border: 1px solid #cccccc;
  padding: 4px;
  text-align: right;
  font-weight: bold;
}

#prediction #bet_list .content .footer .set {
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
  text-align: center;
}

#prediction #bet_list .content .footer .set input#bet_set {
  padding: 7px 15px 5px 15px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 #82d5fe inset, -1px -1px 0 #82d5fe inset;
  -moz-box-shadow: 1px 1px 0 #82d5fe inset, -1px -1px 0 #82d5fe inset;
  -ms-box-shadow: 1px 1px 0 #82d5fe inset, -1px -1px 0 #82d5fe inset;
  box-shadow: 1px 1px 0 #82d5fe inset, -1px -1px 0 #82d5fe inset;
  border: 2px solid #2996cc;
  background: #0baeff;
  /* IE10 Consumer Preview */
  background: -ms-linear-gradient(top left, #6bcdfc 0%, #2c91c3 100%) 0px 0px;
  /* Mozilla Firefox */
  background: -moz-linear-gradient(top left, #6bcdfc 0%, #2c91c3 100%) 0px 0px;
  /* Opera */
  background: -o-linear-gradient(top left, #6bcdfc 0%, #2c91c3 100%) 0px 0px;
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #6bcdfc), color-stop(1, #2c91c3)) 0px 0px;
  /* Webkit (Chrome 11+) */
  background: -webkit-linear-gradient(top left, #6bcdfc 0%, #2c91c3 100%) 0px 0px;
  /* W3C Markup, IE10 Release Preview */
  background: linear-gradient(to bottom right, #6bcdfc 0%, #2c91c3 100%) 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#prediction #bet_list .content .footer .set input#bet_best {
  padding: 7px 15px 5px 15px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 #fed482 inset, -1px -1px 0 #fed482 inset;
  -moz-box-shadow: 1px 1px 0 #fed482 inset, -1px -1px 0 #fed482 inset;
  -ms-box-shadow: 1px 1px 0 #fed482 inset, -1px -1px 0 #fed482 inset;
  box-shadow: 1px 1px 0 #fed482 inset, -1px -1px 0 #fed482 inset;
  border: 2px solid #cc9629;
  background: #ffad0a;
  /* IE10 Consumer Preview */
  background: -ms-linear-gradient(top left, #fccc6a 0%, #c2902d 100%) 0px 0px;
  /* Mozilla Firefox */
  background: -moz-linear-gradient(top left, #fccc6a 0%, #c2902d 100%) 0px 0px;
  /* Opera */
  background: -o-linear-gradient(top left, #fccc6a 0%, #c2902d 100%) 0px 0px;
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fccc6a), color-stop(1, #c2902d)) 0px 0px;
  /* Webkit (Chrome 11+) */
  background: -webkit-linear-gradient(top left, #fccc6a 0%, #c2902d 100%) 0px 0px;
  /* W3C Markup, IE10 Release Preview */
  background: linear-gradient(to bottom right, #fccc6a 0%, #c2902d 100%) 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#prediction #bet_list #best_prediction {
  background: #ffe0c2 url(/img/pc/grandprix/parts/bg_best.gif) bottom left no-repeat;
}

#best_prediction textarea {
  width: 90%;
  margin: 10px 0 0 0;
}

#best_comment {
  color: #777777;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}

#best_comment #comment_count {
  color: #000000;
  font-weight: bold;
  margin: 0 2px 0 0;
}

#best_prediction_help {
  background: #ffffcc;
  border: 2px solid #e7e76c;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 5px 10px;
}

#best_prediction_help img {
  margin: 0 4px 0 0;
  vertical-align: bottom;
}

#prediction #bet_list .detail_container {
  width: 375px;
  float: right;
}

#prediction #bet_list .detail {
  width: 375px;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 10px;
}

#prediction #bet_list .detail .header p {
  text-align: center;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #d9d9d9;
  color: #1a5e80;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info {
  text-align: center;
  margin: 0px 0px 12px 0px;
  padding: 12px;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info .bet_type {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #2996cc;
  padding: 7px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1em;
  margin: 0px 0px 10px 0px;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info .bet_pattern {
  float: left;
  width: 45%;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info .bet_number {
  float: left;
  width: 15%;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  word-break: break-all;
  word-wrap: break-word;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info .bet_value {
  float: right;
  text-align: right;
  width: 40%;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}

/* 投票済み ここから */
#prediction #bet_list .voted {
  background: #e0e0e0;
  padding-bottom: 0px;
}


#prediction #bet_list .detail .body .voted_bet_list {
  text-align: center;
  margin: 0px 0px 20px 0px;
  padding: 12px;
  overflow: hidden;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#prediction #bet_list .detail .body .voted_bet_type {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #bbbbbb;
  padding: 7px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1em;
  margin: 0px 0px 10px 0px;
}

#prediction #bet_list .detail .body .voted_list {
  overflow: hidden;
}

#prediction #bet_list .detail .body .voted_bet_pattern {
  float: left;
  width: 45%;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
}

#prediction #bet_list .detail .body .voted_bet_number {
  float: left;
  width: 15%;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

#prediction #bet_list .detail .body .voted_bet_value {
  float: right;
  text-align: right;
  width: 40%;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
/* 投票済み ここまで */

/* 修正中 ここから */
#prediction #bet_list .detail .body .bet_info_list #change_selected {
  background: #ffffd6;
}
/* 修正中 ここまで */

#prediction #bet_list .detail .body .bet_info_list .bet_info .clear {
  clear: both;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info input.del {
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 68px;
  height: 22px;
  background: url('/img/pc/button/btn_prediction_del.png') no-repeat;
}

#prediction #bet_list .detail .body .bet_info_list .bet_info input.mod {
  margin: 5px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 68px;
  height: 22px;
  background: url('/img/pc/button/btn_prediction_mod.png') no-repeat;
}

#prediction #bet_total {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
}

#prediction #bet_total .regist {
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
}

#prediction #bet_total .regist input {
  background: url('/img/pc/button/btn_prediction_bet.png') no-repeat;
  width: 200px;
  height: 45px;
}

#prediction .off {
  display: none;
}

#prediction .gold {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 15px auto 15px auto;
}

#prediction .seepred {
  border: none;
}

#prediction .premiumframe {
  border-top: 1px dotted #cccccc;
  margin: 20px 0px 0px 0px;
}

#prediction .premium {
  width: 80%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e2e2e2;
  background: #f2f2f2;
  padding: 15px;
  margin: 20px auto 20px auto;
}

#prediction .topborder {
  border-top: 1px dotted #cccccc;
  margin-top: 20px;
  padding-top: 20px;
}

#prediction .premiumuser {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffb2;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 15px;
}

#prediction .premiumuser img {
  vertical-align: bottom;
  margin: 0px 5px 0px 0px;
}

.prediction_info_data {
  float: left;
}

.prediction_info_link {
  margin: 38px 0px 0px 0px;
  float: right;
}

.prediction_info_link a {
  margin: 0px 10px 0px 0px;
}

#prediction .line_info {
  margin: 20px 0px 20px 0px;
}

#prediction .voted_bet_list.best {
  background: #ffe0c2 url(/img/pc/grandprix/parts/bg_best.gif) bottom left no-repeat !important;
}

#prediction .best_comment_voted {
  text-align: left;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #c8c8c8;
  font-size: 12px;
  font-size: 1.2rem;
}
/*
##################################################
 GRANDPRIX prediction complete
##################################################
*/
#gp .complete a {
  margin: 0px 7px 0px 7px;
}

/*
##################################################
 user_prediction
##################################################
*/
#user_prediction_list .user_prediction {
  border-top: 1px dotted #cccccc;
  margin: 0px 0px 0px 0px;
  padding: 15px 10px 15px 10px;
}

#user_prediction_list .hit {
  background: #fff2f2;
}

#user_prediction_list .hit .hitgold {
  color: #ff0000;
  font-weight: bold;
}

#user_prediction_list .user_prediction table tr td {
  background: #ffffff;
}

#user_prediction_list .user_prediction table tr td img {
  margin: 5px 0px 5px 0px;
}

#user_prediction_list .user_prediction .user_data .user_data_header .user_data_name {
  float: left;
}

#user_prediction_list .user_prediction .user_data .user_data_header .user_data_option {
  float: right;
}

#user_prediction_list .user_prediction .user_data .user_data_header .user_data_option img {
  vertical-align: middle;
}

#user_prediction_list .user_prediction .user_data .user_data_header .user_data_option .nice img {
  margin-right: 10px;
}

#user_prediction_list .user_prediction .user_data .user_data_body {
  margin: 10px 0px 0px 0px;
}

#user_prediction_list .user_prediction .user_data .user_data_body table {
  table-layout: fixed;
}

#user_prediction_list .user_prediction .user_data .user_data_body table td.imgcell {
  width: 90px !important;
}

#user_prediction_list .user_prediction .user_data .user_data_body table img {
  float: none;
}

.prediction_best_comment_part {
  background: #efefef url(/img/pc/icon/common/best.png) -4px -4px no-repeat;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}

.prediction_best_comment_text {
  padding: 12px 1em 0 0;
  margin: 0 !important;
}

.prediction_best_fuki {
  background: url(/img/pc/grandprix/parts/huki.png) 40px 0 no-repeat;
  height: 16px;
  margin: -10px 0 0 0;
  padding: 0;
  top: -10px;
  width: 100px;
}

/*
##################################################
 user_prediction_detail
##################################################
*/
#user_prediction_detail {
  margin: 0px 0px 20px 0px;
}

#user_prediction_detail .user_prediction {
  margin: 15px 0px 20px 0px;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e6e6e6;
  padding: 15px;
}

#user_prediction_detail .user_prediction table tr td {
  background: #ffffff;
}

#user_prediction_detail .user_prediction table tr td img {
  margin: 5px 0px 5px 0px;
}

#user_prediction_detail .user_prediction .user_data .user_data_header .user_data_name {
  float: left;
}

#user_prediction_detail .user_prediction .user_data .user_data_header img {
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
}

#user_prediction_detail .user_prediction .user_data .user_data_header .user_data_option {
  float: right;
}

#user_prediction_detail .user_prediction .user_data .user_data_header .user_data_option img {
  vertical-align: middle;
}

#user_prediction_detail .user_prediction .user_data .user_data_body {
  margin: 15px 0px 0px 0px;
}

#user_prediction_detail .user_prediction .user_data .user_data_body .user_prediction_pic {
  float: left;
  width: 170px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
}

.rank {
  margin: 7px 0px 0px 0px;
}

.rank img {
  vertical-align: middle;
}

#user_prediction_detail .user_prediction .user_data .user_data_body .user_prediction_table {
  float: right;
  width: 545px;
}

table.predictiondetail th, table.predictiondetail td {
  padding: 7px !important;
}

table.sum th {
  width: 25%;
}

#user_prediction_detail .user_prediction .user_data .user_data_body div.floattable div {
  float: right;
  width: 615px;
  margin: 10px 0px 0px 0px;
}

#user_prediction_detail .user_prediction .user_data .user_data_body div.floattable div p {
  margin: 0px 0px 10px 0px;
}

#user_prediction_detail .user_prediction .user_data .user_data_body table img {
  float: none;
}

#user_prediction_detail table p {
  margin: 0px;
  padding: 0px;
}

#user_prediction_detail .buttons {
  padding: 15px 0px 0px 0px;
  margin: 15px 0px 0px 0px;
}

#user_prediction_detail .predictiondetail .best_prediction {
  background: #ffe0c2;
}

#user_prediction_detail .predictiondetail .best_prediction_image {
  background: #ffe0c2 url(/img/pc/grandprix/parts/bg_prediction_best.gif) top left no-repeat;
}

#prediction_best_detail {
  background: #ffffff url(/img/pc/icon/common/best.png) -4px -4px no-repeat;
  padding: 15px;
}

.prediction_best_info {
  color: #f28b24;
  font-weight: bold;
  margin-left: 36px;
}

.prediction_best_comment {
  margin: 1em !important;
}

/*
##################################################
 staff_prediction
##################################################
*/
.staff_prediction {
  border: 5px solid #e6e6e6;
  padding: 10px;
}

.staff_prediction .m {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0px 0px 0px 0px;
}

.staff_prediction .content {
  margin: 10px 0px 0px 0px;
}

.staff_prediction .content ul {
  float: right;
  width: 585px;
}

.staff_prediction .content ul li {
  margin: 0px 0px 3px 0px;
}

.staff_prediction .content ul li.racename {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  margin: 0px 0px 7px 0px;
  padding: 10px;
  line-height: 1em;
}

.staff_prediction .content ul li.racename a img {
  vertical-align: middle;
  margin: 0px 3px 0px 0px;
}

.staff_prediction .buttons {
  margin: 10px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
}

.staff_prediction .buttons img {
  margin: 0px 0px 5px 0px;
}

.staff_prediction .buttons span {
  color: #ff0000;
  font-weight: bold;
}


/*
##################################################
 staff_prediction_detail
##################################################
*/
#staff_prediction_detail {
  margin: 0px 0px 20px 0px;
}

#staff_prediction_detail .staff_prediction {
  margin: 15px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  background: #f2f2f2;
}

#staff_prediction_detail .right {
  margin-bottom: 20px;
}

#staff_prediction_detail .staff_prediction .staff_about {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
  float: right;
  width: 615px;
  margin: 0px 0px 15px 0px;
}

#staff_prediction_detail .staff_prediction .staff_about div {
  margin: 15px;
}

#staff_prediction_detail .staff_prediction .staff_about div span {
  color: #ff0000;
  font-weight: bold;
}

#staff_prediction_detail .staff_prediction .staff_about .staff_about_collection {
  margin-bottom: 5px;
}

#staff_prediction_detail .staff_prediction .staff_about .staff_about_confidence {
  margin-top: 0px;
}

#staff_prediction_detail .staff_prediction .staff_about .staff_about_comment {
  border-top: 1px dotted #cccccc;
  margin-top: 10px;
  padding: 10px 0px 0px 0px;
  line-height: 1.5em;
}

#staff_prediction_detail .staff_prediction table tr td {
  background: #ffffff;
}

#staff_prediction_detail .staff_prediction table tr td img {
  margin: 5px 0px 5px 0px;
}

#staff_prediction_detail .staff_prediction table tr th p,
#staff_prediction_detail .staff_prediction table tr td p {
  margin: 0px;
  padding: 0px;
}

#staff_prediction_detail .staff_prediction .staff_data {
  border: 2px solid #cccccc;
  padding: 10px;
}

#staff_prediction_detail .staff_prediction .staff_data .staff_data_header .staff_data_name {
  float: left;
}

#staff_prediction_detail .staff_prediction .staff_data .staff_data_body table {
  float: right;
  width: 615px;
  margin: 0px;
}

#staff_prediction_detail .buttons {
  padding: 0px 0px 15px 0px;
  margin: 15px 0px 20px 0px;
  border: none;
  border-bottom: 1px dotted #cccccc;
}

#staff_prediction_detail .staff_prediction_bet label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  padding: 5px;
  margin: 5px;
  border: 2px solid #bfbfbf;
  cursor: pointer;
  display: inline-block;
}

#staff_prediction_detail .staff_prediction_bet label.checked {
  background: #2996cc;
}

/*
##################################################
 SS_prediction
##################################################
*/
#ss p {
  line-height: 1.5em;
}

#ss .racecalendar {
  padding: 15px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
}

.ssprediction {
  width: 974px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 15px auto;
  overflow: hidden;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  background: #ffffff;
}

#content .ssprediction table {
  border-collapse: collapse;
}

#content .ssprediction table,
#content .sspredictiontable tbody, #content .sspredictiontable tr, #content .sspredictiontable tr td {
  margin: 0px;
  padding: 0px;
  border: none;
}

#content .ssprediction .frame, #content .ssprediction .frame2, #content .ssprediction .frame3 {
  margin: 0;
  padding: 0;
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
}

#content .ssprediction .frame {
  width: auto;
  float: left;
  width: 96px;
  border-left: 2px solid #bfbfbf;
  border-top: 2px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

#content .ssprediction .frame2 {
  width: 88px;
  float: left;
  border-left: 2px solid #bfbfbf;
  border-top: 2px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

#content .ssprediction .f table {
  width: 100%;
}

#content .ssprediction .f table.m tr td {
  padding: 5px;
  text-align: center;
  border: none;
  border-bottom: 1px solid #bfbfbf;
}

#content .ssprediction .f table.m tr td.username {
  border-bottom: 1px dotted #bfbfbf;
}

#content .ssprediction table.ssresult {
  border: 2px solid #bfbfbf;
  margin-top: 0px;
  margin: 0px 0px 15px 0px;
  width: auto;
}

#content .ssprediction table.ssresult tr td {
  padding: 5px;
  width: 86px !important;
  text-align: center;
  border-left: 2px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

#content .ssprediction .slidetoggle {
}

#content .ssprediction table.ssresult tr td.racen {
  width: 78px !important;
}

.m_e img {
  vertical-align: middle;
}

#content .ssprediction .username {
  height: 50px;
}

#content .ssprediction .usericon {
  height: 83px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*
##################################################
 ranking
##################################################
*/
#ranking {
}

#ranking p {
  margin: 0px 15px 15px 15px;
}

#ranking .ranking {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 15px 15px 15px;
  margin: 0px 0px 15px 0px;
}

#ranking .win {
  background: url('/img/pc/icon/ranking/bg.gif');
  padding: 24px;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
}

#ranking .ranking header {
  background: none;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 15px;
  line-height: 1em;
  background: #ffffff;
}

#ranking .ranking header img {
  margin: -3px 0px 0px 0px;
  vertical-align: middle;
}

#ranking .ranking header strong {
  margin: 0px 0px 0px 0px;
}

#ranking .ranking header a {
  margin: 0px 0px 0px 0px;
}

#ranking .ranking .content {
  width: 465px;
  float: left;
}

#ranking .ranking .content .content_body {
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 20px 20px;
  background: #ffffff;
}

#ranking .ranking .content .content_body .user_data_photo {
  width: 135px;
  float: left;
}

#ranking .ranking .content .content_body .data {
  width: 270px;
  float: right;
}

#ranking .ranking .content .content_body .data table {
  table-layout: fixed;
}

#ranking .ranking .content .content_body .data table tr td {
  background: #ffffff;
}

#ranking .ranking .comment {
  width: 230px;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
}

#ranking .ranking .comment p {
  margin: 0px;
  padding: 10px 10px 10px 10px;
  line-height: 1.5em;
}

#ranking .ranking .comment p.additional {
  padding: 10px 10px 0px 10px;
}

#ranking .pos {
  margin: 0px 10px 15px 0px;
  padding: 0px 10px 0px 0px;
  width: 178px;
  float: left;
  border-right: 1px dotted #cccccc;
}


#ranking div.last {
  margin: 20px 0px 0px 0px;
}

#ranking .pos table {
  border: none;
  padding: 0px !important;
  margin: 0px !important;
}

#ranking .pos table tr td {
  border: none;
  margin: 0px;
  padding: 5px 0px 5px 0px;
}

#ranking .pos table tr th {
  border: none;
  margin: 0px;
  padding: 7px 0px 7px 0px;
  background: none;
  border-bottom: 2px solid #f2dac2;
  background: url('/img/pc/icon/ranking/bg2.gif');
}

#ranking .pos table tr th img {
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
  float: none;
}

#ranking .other {
  margin: 20px 0px 0px 0px;
  border: 1px solid #ffffff;
}

#ranking .other table img {
  float: none;
}

#ranking .other table tr td {
  padding: 9px;
}

#ranking .rankingracelist {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f2f2f2;
  padding: 15px;
  margin: 15px;
}

#ranking .rankingracelist ul li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/*
##################################################
 staff_pre
##################################################
*/
#staff_pre p {
  line-height: 1.5em;
}

#staff_pre .staff_prediction_list .staff_prediction {
  margin-bottom: 15px;
}

/*
##################################################
 mypage
##################################################
*/
#mypage .information .datalist ul li:last-child {
  border-bottom: none;
  margin-bottom: 15px;
}

#mypage .user_data {
  margin: 20px 0px 20px 0px;
  padding: 15px;
  background: #f2f2f2;
  border: 2px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mypage .user_data .data {
  width: 220px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
  padding: 10px;
  text-align: center;
}

#mypage .user_data .user_photo {
  width: 220px;
  float: left;
}

#mypage .user_data .data img {
  margin: 10px 0 0 0;
}

#mypage .user_data .info {
  width: 498px;
  float: right;
}

#mypage .user_data .info .latest_comment {
  margin: 0px 0px 0px 15px;
}

#mypage .user_data .info .latest_comment .red {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

#mypage .user_data .info .user {
  margin: 10px 0 0 15px;
  padding: 10px 0px;
  border-top: 1px dotted #cccccc;
}

#mypage .user_data .info .user .lucky {
  float: left;
  width: 234px;
  margin: 0 15px 0 0;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#mypage .user_data .info .user .lucky span {
  line-height: 1em;
}

#mypage .user_data .info .user .number {
  padding: 10px;
}

#mypage .user_data .info .user .lucky .lucky_number {
  background: #f2f2f2;
  border: 2px solid #e6e6e6;
  font-weight: bold;
  width: 40px;
  height: 40px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  display: inline-block;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 2em;;
}

#mypage .user_data .info .user .color {
  padding: 10px;
  margin: 0;
}

#mypage .user_data .info .user .lucky .lucky_color {
  border: 2px solid #e6e6e6;
  font-weight: bold;
  width: 40px;
  height: 40px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  display: inline-block;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 2em;;
}

.color1 {
  background: #ffffff !important;
}

.color2 {
  background: #000000 !important;
  color: #ffffff !important;
}

.color3 {
  background: #f22424 !important;
  color: #ffffff !important;
}

.color4 {
  background: #19b2ff !important;
  color: #ffffff !important;
}

.color5 {
  background: #d9c816 !important;
  color: #ffffff !important;
}

.color6 {
  background: #67cc14 !important;
  color: #ffffff !important;
}

.color7 {
  background: #f28b24 !important;
  color: #ffffff !important;
}

.color8 {
  background: #e6177e !important;
  color: #ffffff !important;
}

.color9 {
  background: #7d12b3 !important;
  color: #ffffff !important;
}

#mypage .user_data .info .account {
  margin: 0 0 0 15px;
  padding: 10px 0 0 0;
  border-top: 1px dotted #cccccc;
}

#mypage .user_data .info .account ul {
  overflow: hidden;
}

#mypage .user_data .info .account ul li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px dotted #cccccc;
}

#mypage .user_data .info .account ul li:last-child {
  border: none;
}

#mypage h2.title {
  padding: 8px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  background: #2996cc;
  color: #ffffff;
  margin-bottom: 8px;
}

#mypage h2.title::before {
  content: "";
  border-left: 4px solid #59c8ff;
  padding: 0 0 0 8px;
}

#mypage h2 .detail {
  padding: 2px 6px;
  float: right;
  font-weight: normal;
}

#mypage h2 .detail::after {
  content: ">";
  color: #999999;
  padding: 0 0 0 4px;
}

#mypage h2 .option {
  float: right;
}

#mypage h2 .detail:hover {
  text-decoration: none;
  background: #dadada;
}

#mypage .my_articles .datalist ul li a {
  margin-bottom: 1em;
}

#mypage .my_articles .datalist ul li img {
  margin: 0px;
}

#mypage .my_articles .datalist ul li span {
  display: inline-block;
  margin-top: 0.5em;
}

#mypage .list ul {
  margin: 0px;
  padding: 0px;
}

#mypage .list ul li {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border: none;
  border-bottom: 1px dotted #cccccc;
}

#mypage .list ul li:last-child {
  border: none;
  margin: 0px 0px 20px 0px;
}

#mypage .list .additional {
  float: left;
  margin: 5px 0px 0px 0px;
}


#mypage .image_list_frame {
  margin: 0px 0px 20px 0px;
}

#mypage .image_list {
  width: 145px;
  margin: 0px 10px 0px 0px;
  padding: 0px 10px 0px 0px;
  float: left;
  border-right: 1px dotted #cccccc;
}

#mypage .image_list_frame .image_list:last-child {
  margin: 0px;
  padding: 0px;
  border: none;
  width: 135px;
}

#mypage .my_user_comment .list li {
  line-height: 1.5em;
}

#mypage .my_user_comment .list span {
  margin: 5px 0px 0px 0px;
  display: inline-block;
}

#mypage .my_user_comment .list .additional {
  float: right;
}

#mypage .user_info {
  width: 490px;
  padding: 0;
  margin: 0px;
  float: right;
}

#mypage .user_info table {
  background: #ffffff;
  margin: 0px;
  table-layout: fixed;
}

#mypage .user_info table td {
  text-align: left;
}

#mypage .user_info table td img {
  margin-bottom: 5px;
}

#mypage .my_gp {
  margin: 20px 0px 0px 0px;
}

#mypage .my_gp .right {
  text-align: left;
}

#mypage .my_gp table td.right {
  text-align: right;
}

#mypage .my_gp .eql table tr th {
  padding: 10px;
}

#mypage .my_gp .eql table tr td {
  text-align: right;
  padding: 10px;
  width: 50%;
}

#mypage .my_gp .buttons {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  border: none;
}

.my_gp .color3 {
  color: #f22424 !important;
  background: none !important;
}

.my_gp .color4 {
  color: #19b2ff !important;
  background: none !important;
}

.my_gp .color5 {
  color: #d9c816 !important;
  background: none !important;
}

#mypage .user_o_data {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#mypage .user_photo {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
  padding: 15px;
  text-align: center;
  width: 135px;
}

#mypage .user_photo .ph {
  margin: 10px 0px 10px 0px;
}

#mypage .user_photo .buttons {
  padding-top: 10px;
}

#mypage .user_data .send {
  margin: 20px 0px 0px 0px;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e6e6e6;
  clear: both;
  padding: 12px;
  display: block;
  text-align: center;
}

#mypage .user_data .send_header {
  overflow: hidden;
}

#mypage .user_data .send .mes {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e0e0e0;
  margin: 15px auto 0px auto;
  padding: 10px;
  font-weight: bold;
  width: 90%;
}

#mypage .user_data .send .buttons {
  width: 91px;
  float: right;
  border: none;
  margin: 0px;
  padding: 0px;
}

#mypage .user_data .send .additional {
  margin-top: 7px;
}

#mypage .user_data .send .right {
  margin-bottom: 0px;
}

#mypage .user_info table th,
#mypage .user_info table td {
  padding: 7px;
}

#mypage .user_data .send img {
  float: left;
}

#mypage .user_data .send textarea {
  margin: 10px auto 0px auto;
  width: 650px;
  clear: both;
}

#mypage .centering .image_list {
  text-align: center;
}

#mypage .my_gp .formypage {
  border-top: 1px dotted #cccccc;
  padding-top: 15px;
  margin-bottom: 20px;
}

#mypage .my_gp .formypage a {
  margin-right: 7px;
  margin-left: 7px;
}

#mypage .my_player, #mypage .my_user, #mypage .my_decoration {
  margin-top: 40px;
}

.my_player img.now_race {
  margin-top: 5px;
}

.officialicon {
  margin-bottom: 5px;
}

#mypage .user_info table td img.officialicon {
  margin-bottom: 0px;
}


/*
##################################################
 mypage_edit_data
##################################################
*/
#mypage_edit_data .cancellinks {
  text-align: right;
}

#mypage_edit_data .edit_image table tr td {
  padding: 15px;
}

#mypage_edit_data .edit_image table .image {
  width: 170px;
}

#mypage_edit_data .buttons {
  margin: 20px 0px 20px 0px;
  padding: 20px 0px 0px 0px;
}

#mypage_edit_data .buttons input {
  margin-left: 10px;
  margin-right: 10px;
  background-position: 0px;
}

#mypage_edit_data .edit_data table td {
  padding: 10px;
}

#mypage_edit_data .edit_data table th {
  width: 25%;
  padding: 10px;
}

#mypage_edit_data .edit_data table td .textareawidth {
  width: 90%;
}

#mypage_edit_data p.count {
  margin-bottom: 0px;
}

#mypage_edit_data .countnumber {
  color: #a8a8a8;
}

.edit_complete {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #007ab7;
  color: #ffffff;
  padding: 15px;
  margin: 0px auto 20px auto;
  text-align: center;
}


/*
##################################################
 mypage_latest_comment
##################################################
*/
#mypage_latest_comment p {
  line-height: 1.5em;
}

#mypage_latest_comment table tr td {
  text-align: left;
}

#mypage_latest_comment table tr td.center {
  text-align: center;
}

/*
##################################################
 mypage_myprediction
##################################################
*/
#mypage_myprediction .itemselect {
  float: left;
}

#mypage_myprediction .dateselector {
  float: right;
}

/*
##################################################
 mypage_myprediction_data
##################################################
*/
#mypage_myprediction_data .racecalendar {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#mypage_myprediction_data .racecalendar ul {
  border: none;
  margin: 0px;
  padding: 0px;
}

#mypage_myprediction_data .racecalendar ul li.off {
  margin: 0px;
  padding: 0px;
  border: none;
}

#mypage_myprediction_data .racecalendar .itemselect {
  margin: 0px;
  padding: 0px;
}

#mypage_myprediction_data .racecalendar ul li.off ul {
  border: none;
  padding: 10px 5px 10px 15px;
}

#mypage_myprediction_data .racecalendar ul li.off li {
  padding: 3px 15px 3px 15px;
  margin: 0px 10px 0px 0px;
  border: none;
  border: 2px solid #bfbfbf;
}

#mypage_myprediction_data table td {
  text-align: right;
}

#mypage_myprediction_data table td.center {
  text-align: center;
}

/*
##################################################
 mypage_mydecoration
##################################################
*/
#mypage_mydecoration .my_decoration .m_c img {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#mypage_mydecoration .image_list_frame {
  margin: 0px auto 10px auto;
  padding-bottom: 10px;
  width: 760px;
  border-bottom: 1px dotted #cccccc;
}

#mypage_mydecoration .image_list {
  height: 180px;
}

#mypage_mydecoration .last {
  border: none;
}

#mypage_mydecoration .bac {
  text-align: right;
  margin: 10px 90px 20px 0px;
}

/*
##################################################
 mypage_shopping
##################################################
*/
#mypage_shopping_process {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#mypage_shopping .shopping label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  padding: 5px;
  margin: 5px;
  background: #f0f0f0;
  border: 2px solid #dadada;
  cursor: pointer;
  display: inline-block;
}

#mypage_shopping .shopping label.checked {
  background: #2996cc;
}

#mypage_shopping .shopping .buttons {
  margin-top: 20px;
  padding-top: 20px;
}

#mypage_shopping .shopping .buttons2 {
  border-bottom: 1px dotted #cccccc !important;
  text-align: center;
  margin: 0px 0px 40px 0px;
  padding: 0px 0px 20px 0px;
}

#mypage_shopping .shopping .buttons input {
  margin: 0px 10px 0px 10px;
}

#mypage_shopping .shopping .last {
  border: none;
}

#mypage_shopping .shopping .buttons2 input {
  margin: 0px 10px 0px 10px;
}

#mypage_shopping .shopping .payment p {
  line-height: 1.5em;
}

#mypage_shopping .shopping .payment table tr td {
  text-align: left;
  padding: 10px;
}

#mypage_shopping .shopping .payment table tr th {
  width: 20%;
}

#mypage_shopping .nor {
  border: 2px solid #eeeeee;
  padding: 15px;
  margin-bottom: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#mypage_shopping .nor table th, #mypage_shopping .nor table td {
  padding: 10px;
}

/*
##################################################
 mypage_mod
##################################################
*/
#mypage_mod table th, #mypage_mod table td {
  padding: 10px;
}

#mypage_mod table th {
  width: 20%;
}

#mypage_mod .buttons {
  margin-top: 20px;
  padding-top: 20px;
}

#mypage_mod .buttons input {
  height: 45px;
  margin-right: 10px;
  margin-left: 10px;
}

#mypage_mod .information {
  clear: both;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #dddddd;
  background: #ffffff;
  padding: 15px;
  margin-top: 20px;
  display: block;
}

#mypage_mod .information ul li {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#mypage_mod .information ul li.red {
  border: none;
  margin: 0px;
  padding: 0px;
}

/*
##################################################
 mypage_message
##################################################
*/
#mypage_message table {
  border: none;
  margin: 20px 0px 20px 0px;
}

#mypage_message table tr.kmessage {
  background: #f2fbff;
}

#mypage_message table th {
  border: none;
  border-top: 2px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
  border-left: 1px dotted #cccccc;
  padding: 10px;
}

#mypage_message table td {
  border: none;
  border-bottom: 2px solid #c8c8c8;
  border-left: 1px dotted #e0e0e0;
  padding: 15px;
  text-align: left;
  line-height: 1.5em;
  vertical-align: top;
}

#mypage_message table .newar {
  border-left: none;
}

#mypage_message table td.nowrap {
  white-space: nowrap;
  width: 1%;
}

#mypage_message .datalist2 .additional {
  float: right;
}

/*
##################################################
 mypage_fav
##################################################
*/
#mypage_fav .list .delb {
  float: right;
  vertical-align: middle;
  margin: 12px 0px 0px 0px;
}

#mypage_fav .list .maincontent {
  float: left;
  width: 680px;
  padding: 0px 15px 0px 0px;
  border-right: 1px dotted #e3e3e3;
}

#mypage_fav .list ul {
  border-bottom: 1px dotted #c8c8c8;
  padding-bottom: 10px;
}

#mypage_fav .list ul li {
  border-top: 1px dotted #c8c8c8;
}

#mypage_fav table {
  border: none;
}

#mypage_fav table th {
  border: none;
  border-top: 2px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
  border-left: 1px dotted #cccccc;
  padding: 10px;
}

#mypage_fav table td {
  border: none;
  border-bottom: 2px solid #c8c8c8;
  border-left: 1px dotted #e0e0e0;
  padding: 10px;
  line-height: 1.5em;
}

#mypage_fav table td.ph {
  border-left: none;
}

#mypage_fav table tr td a.sort img {
  margin: 3px 0px 3px 0px;
}

#mypage_fav ul.listbox {
  padding: 10px 0;
  width: 135px;
}

#mypage_fav ul.listbox li {
  margin: 0px 10px 0px 10px;
  padding: 0px;
  line-height: 1em;
}

#mypage_fav ul.listbox li a {
  margin: 0px;
  padding: 0px;
}

#mypage_fav ul.listbox li img {
  margin: 10px 0px 10px 0px;
  padding: 0px;
}

#mypage_fav ul.listbox li.buttons {
  margin: 0px 10px 10px 10px;
  padding: 0px;
  border-top: none;
  border-bottom: 1px dotted #cccccc;
}

#mypage_fav ul.listbox li.buttons img {
  margin: 0px 0px 10px 0px !important;
}

#mypage_fav .datalist2 {
}

#mypage_fav .datalist2 ul li {
  padding: 10px 0 10px 0;
}

#mypage_fav .datalist2 ul li div.listoption {
  margin-top: 7px;
}

/*
##################################################
 mypage_mypredictionlist
##################################################
*/
#mypage_mypredictionlist {
  margin-bottom: 16px;
}

#mypage_mypredictionlist .racecalendar table {
  table-layout: fixed;
}

#mypage_mypredictionlist table td {
  padding: 10px;
}

#mypage_mypredictionlist .racecalendar table th {
  padding: 5px !important;
}


/*
##################################################
 keirininfo_racecalendar
##################################################
*/
#content #racecal .racecalendar ul {
  width: auto;
  overflow: hidden;
}

#racecal .racecalendar .notes {
  clear: both;
}

#racecal .racecalendar .notes ul {
  border: none;
  margin: 0px;
}

#racecal .racecalendar .notes ul li {
  border: none;
  margin: 0px 20px 0px 0px;
  padding: 0px;
}

#racecal .racecalendar .notes img {
  vertical-align: middle;
}

#racecal .racecalendar .area {
  margin: 0px 0px 40px 0px;
  overflow: hidden;
}

#racecal .racecalendar table {
  width: 100%;
}

#racecal .racecalendar table, #racecal .racecalendar table tbody, #racecal .racecalendar table tr, #racecal .racecalendar table tr td, #racecal .racecalendar table tr th {
  margin: 0px;
  padding: 5px;
}

#racecal .racecalendar table tr .stadium {
  width: 6em !important;
  white-space: nowrap;
}

#content .stadium .racecalendar table, #content .stadium .racecalendar table tbody, #content .stadium .racecalendar table tr, #content .stadium .racecalendar table td, #content .stadium .racecalendar table th {
  padding: 2px;
}

#content .stadium .racecalendar table td {
  padding: 5px 2px 5px 2px;
}

/*
##################################################
 sys(regist/login)
##################################################
*/
#sys {
  padding: 0 0 16px 0;
}

#sys #regist #regist_process {
  margin: 0px 0px 20px 0px;
  text-align: center;
}

#sys .panel {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f2f2f2;
  padding: 15px;
  margin: 10px 0px 0px 0px;
}

#sys .panel form {
  text-align: left!important;
}

#sys .panel form .logininput {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

#sys .panel form .logininput input {
  margin: 10px 0px 0px 0px;
}

#sys .panel form .logininput p {
  margin: 7px 0px 0px 0px;
}

#sys .panel .buttons {
  margin-bottom: 0px;
}

#sys .panel .caution {
  border-top: 1px dotted #cccccc;
  margin: 15px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  font-size: 12px;
  font-size: 1.2rem;
}

#sys .panel .caution li {
  margin: 0px 0px 2px 0px;
}


#sys .address form {
  text-align: center;
}

#sys .address input.text, #sys .logininput input.text {
  width: 100%;
  margin: 10px 0px 15px 0px;
}

#sys .external p {
  margin: 10px 0px 0px 0px;
}

#sys .external ul {
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

#sys .external ul li {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  text-align: center;
}

#sys .external ul li a {
  display: block;
}

#sys .information {
  clear: both;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #dddddd;
  background: #ffffff;
  padding: 15px;
  margin: 0px 0px 0px 0px;
  display: block;
}

#sys .information h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0px 0px 10px 0px;
}

#sys .information ul.withborder {
  border-top: 1px dotted #cccccc;
  padding: 10px 0px 0px 0px;
}

#sys .information ul.withborder li {
  margin: 0px 0px 2px 0px;
}

#sys .information .buttons {
  margin-bottom: 0px;
}

#sys .premium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e2e2e2;
  background: #f2f2f2;
  padding: 15px;
  margin: 20px auto 30px auto;
}

#sys .buttons {
  margin: 15px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
}

#sys .re {
  margin: 0px auto 0px auto;
}

#sys .note {
  margin: 20px 0px 0px 0px;
  line-height: 1.5em;
}

#sys p.step2 {
  line-height: 1.6em;
}

#sys table .space {
  padding: 10px;
}

#sys table .space p {
  padding: 10px 0px 0px 0px;
  margin: 0px;
}

#sys .border_bottom {
  border: none;
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#sys .op, #content .op {
  padding: 0px;
}

#regist .panel {
  width: 500px;
  float: left;
}

#regist .panel.external {
  float: right;
}

/*
##################################################
 tooltip
##################################################
*/
.tooltip {
  cursor: pointer;
}

.tooltip_content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.5;
  color: white;
  width: 150px;
  background: #000000;
  border: 2px solid #bfbfbf;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  display: none;
}

.tooltip_content h4 {
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffff80;
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

/*
##################################################
 HELP
##################################################
*/
.setnarrow {
  width: 740px;
  margin: 0px auto 0px auto;
}

.help_category {
  width: 360px;
  float: left;
}


#content .helpcolumn {
  margin: 0px 0px 15px 0px;
}

#content ul.helplist {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px dotted #cccccc;
}

#content ul.helplist li {
  margin: 0px 10px 5px 10px;
}

#content ul.helplist li:last-child {
  text-align: right;
}

#content ul.helplist2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
}

#content ul.helplist2 li {
  margin: 0px 10px 10px 10px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px dotted #cccccc;
}

.help .mF {
  margin-bottom: 10px;
}

.help .helpdetail {
  margin: 0px 10px 0px 10px;
}

.helpdetail h6 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
  border-bottom: 2px solid #eeeeee;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 10px 0px;
}

.help .helpdetail p {
  line-height: 1.5em;
}

.help .keywordsearch {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e6e6e6;
  padding: 10px 15px 10px 15px;
  display: inline-block;
}

.help .keywordsearch input.input {
  margin: 0px 10px 0px 10px;
}

.help .glossarytable td {
  text-align: left;
}

.help .glossarytable td.title {
  font-weight: bold;
  white-space: nowrap;
}

.help .glossarytable.detail th {
  padding: 0.5em 1em;
  white-space: nowrap;
}

.help .glossarytable.detail td {
  padding-left: 1em;
}

ul.help_search_result li {
  border-top: 1px dotted #cccccc;
  margin: 0px;
  padding: 15px 0px 15px 0px;
  line-height: 1.75em;
}

/*
##################################################
 sitemap
##################################################
*/
.side_on_sitemap .sitemap .column {
  width: 250px;
}

.sitemap .column {
  width: 310px;
  float: left;
}

.sitemap .column ul {
  margin: 0px 0px 20px 0px;
}

.sitemap .column ul li {
  margin: 0px 0px 5px 15px;
}

.sitemap .column ul li:first-child {
  margin: 0px 0px 5px 0px;
  font-weight: bold;
}

/*
##################################################
 keirinstation
##################################################
*/
#keirinstation .blo {
  margin: 0px 0px 25px 0px;
}

#keirinstation .blo h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0px 0px 5px 0px;
}

#keirinstation .blo p {
  line-height: 1.7em;
}

#keirinstation .blo p img {
  vertical-align: middle;
}

#keirinstation .blo p.reco {
  font-weight: bold;
}

#keirinstation .blo ul {
  margin: 0px 0px 15px 30px;
  list-style: circle;
}

#keirinstation .blo ul li {
  margin: 0px 0px 5px 0px;
}

#keirinstation .blo ol {
  margin: 0px 0px 15px 30px;
  list-style-type: decimal
}

#keirinstation .blo ol li {
  margin: 0px 0px 5px 0px;
}

#keirinstation .blo table tr td {
  text-align: left;
  padding: 10px;
}

/*
##################################################
 contact
##################################################
*/
.formcaution {
  color: red;
  font-weight: bold;
  text-align: center;
}

ul.formcaution_list {
  margin: 5px 0px 15px 25px;
  padding: 0px;
  list-style-type: disc;
}

ul.formcaution_list li {
  margin: 0px 0px 3px 0px;
  padding: 0px;
}

.form .buttons {
  margin: 15px 0px;
  padding: 15px 0px 0px 0px;
  overflow: hidden;
}

.form table .space {
  padding: 10px;
}
/*
##################################################
 stadium
##################################################
*/
.stadium .stadiuminfo th, .stadium .stadiuminfo td, .stadium .inst th, .stadium .inst td {
  padding: 10px;
}

.stadium .stadiuminfo td.chcell img {
  margin: 0 0 10px 0;
}

/*
##################################################
 ad
##################################################
*/
#content .adA {
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 20px 0px 20px 0px;
  margin: 20px 0px 20px 0px;
  text-align: center;
}

#content .adB {
  border-bottom: 1px dotted #cccccc;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  text-align: center;

}

#content .adC .adm {
  float: left;
  width: 750px;
}

#content .adC .ads {
  float: left;
  width: 500px;
}

#content .adC .adm a img {
  margin: 20px 0px 0px 20px;
}

#content .adC .ads a img {
  margin: 40px 0px 0px 40px;
}

#content .adC ul {
  float: right;
  width: 200px;
}

#content .adC ul li {
  margin: 0px 0px 10px 0px;
}


#content .add {
  border-top: 1px dotted #cccccc;
  padding: 20px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  text-align: center;
}

.ad_type_a {
  padding: 0;
  margin: 16px auto;
  width: 728px;
  height: 90px;
}

.ad_type_b {
  padding: 0;
  margin: 0 auto 12px auto;
  width: 728px;
  height: 90px;
}

.ad_type_c {
  padding: 0;
  margin: 50px 0 16px 0;
  text-align: center;
  overflow: hidden;
  height: 250px;
  width: 100%;
}
.ad_type_c.mt_20 {
  margin-top: 20px;
}

.ad_type_c .ad_type_c_block {
  width: 370px;
  float: left;
  text-align: center
}

.ad_type_c .ad_type_c_block:nth-child(even) {
  float: right !important;
}

.ad_type_d {
  padding: 0;
  margin: 0 0 16px 0;
  text-align: center;
}

.ad_type_e {
  padding: 0;
  margin: 16px 0 0 0;
  text-align: center;
}


/*
##################################################
 index
##################################################
*/

#mainbanner {
  margin: 20px 0 0 0;
  height: 250px;
}

#index .right {
  text-align: right;
  margin: 7px 0px -7px 0px;
  padding: 0px;
}

#index .notes ul {
  border: none;
  margin: 12px 0 0 0;
  padding: 6px 10px;
  list-style-type: none;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
}

#index .notes ul li {
  border: none;
  margin: 0px 15px 0px 0px;
  padding: 0px;
  float: left;
  line-height: 1em;
}

#index .notes img {
  vertical-align: middle;
}

.ad {
  margin:  0 0 12px 0;
}

/*
##################################################
 premiumguide
##################################################
*/
#premiumguide .block {
  margin-bottom: 40px;
}

#premiumguide .block .m_c {
  margin-top: 30px;
}

#premiumguide .block .m_f {
  margin-top: 20px;
}

#premiumguide .premiumblock {
  margin-bottom: 0;
  text-align: center;
}

#premiumguide .premiumblock h3 {
  text-align: left;
  width: 940px;
  height: 103px;
  display: block;
  padding: 36px 0 0 60px;
  margin: 0 0 15px 0;
  color: #003a7f;
  font-size: 20px;
  font-size: 2.0rem;
  background: url(/img/pc/premiumguide/md.jpg) no-repeat;
  box-sizing: border-box;
  background-size: 760px auto;
}

#premiumguide .premiumblock p {
  text-align: left;
}

#premiumguide .premiumblock .noborder {
  margin: 15px 0 25px 0 !important;
}

#premiumguide .lastpremiumblock {
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px dotted #c8c8c8;
}

#premiumguide .lastpremiumblock p {
  text-align: center;
}

#premiumguide img {
  max-width: 100%;
}

/*
##################################################
 sites
##################################################
*/
#sites table td {
  padding: 10px;
}

#sites table td.nowrap {
  white-space: nowrap;
}

/*
##################################################
 jquery UI tab (index)
##################################################
*/

.ui-tabs {
  overflow: hidden;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.ui-tabs>* {
 -ms-box-sizing: content-box;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
}

#index .ui-tabs {
  padding: 0px;
  margin: 0px;
}

#index .ui-tabs li {
  padding: 0px;
  margin: 0px;
}

#index .ui-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;

}

#index .ui-tabs-nav {
  margin: 0px;
  padding: 0px;
}

#index .ui-tabs-nav li {
  padding: 0px;
  margin: 0px;
}

#index .ui-tabs-nav a {
  margin: 0px;
  padding: 8px 10px;
  width: 260px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
}

#index .ui-tabs-nav a:hover {
  text-decoration: underline;
}

.ui-tabs .ui-tabs-nav li {
  top: 0;
}

#index .ui-widget-header {
  background: #b8b8b8;
  border: none;
  margin: 0px;
  padding: 0px;
}

#index .ui-widget-content {
  border: none;
  margin: 0px;
  padding: 0px;
  background: #ffffff;
}

#index .ui-state-default {
  background: #b8b8b8;
  border: none;
  margin: 0px;
  padding: 0px;
}

#index .ui-state-active {
  background: #ffffff;
}

#index .ui-state-active a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

.ui-state-active a:hover {
  text-decoration: none !important;
}

#index .ui-corner-top {
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

#index .ui-tabs-panel {
  overflow: hidden;
}

#index .ui-tabs-panel a {
  color: #2060d4;
  line-height: 1em;
}

#index .ui-tabs-panel div {
  margin: 12px 10px 0 10px;
  width: 46% !important;
  float: left;
}

#index .ui-tabs-panel div.lef {
  border-left: 1px dotted #cccccc;
}

#index .ui-tabs-panel p.bord {
  clear: both;
  border-bottom: 1px dotted #cccccc;
  width: 100% !important;
  height: 1px;
  line-height: 0em;
}

#index .ui-tabs-panel div img {
  vertical-align: middle;
}

/*
##################################################
 jquery UI tab (page)
##################################################
*/
#page #content .ui-tabs {
  margin: 0px;
  padding: 0px;
}

#page #content .ui-tabs .ui-tabs-nav {
  overflow: hidden !important;
  margin: 0px;
  padding: 0px;
  border: none;
  border-bottom: 2px solid #bfbfbf;
  -webkit-box-shadow: 0px 2px 0px 0 #e6e6e6;
  -moz-box-shadow: 0px 2px 0px 0 #e6e6e6;
  -ms-box-shadow: 0px 2px 0px 0 #e6e6e6;
  box-shadow: 0px 2px 0px 0 #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#e6e6e6, direction=180, strength=3, enabled=true);
  font-size: 14px;
  font-size: 1.4rem;
}

#page #content .ui-tabs .ui-tabs-nav li {
  margin: 0px;
  padding: 0px;
  border: none;
  vertical-align: bottom !important;
  display: inline-block !important;
  top: 2px;
}

#page #content .ui-tabs .ui-tabs-nav li a {
  margin: 0px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}

#page #content .ui-corner-all {
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  background: #ffffff;
  border: none;
}

#page #content .ui-corner-top {
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: none;
}

#page #content .ui-widget-content {
  border: none;
  background: #ffffff;
}

#page #content .ui-widget-header {
  margin: 0px;
  padding: 0px;
  background: #ffffff;
  border: none;
}

#page #content .ui-state-default {
  margin-top: 7px !important;
  padding: 0px !important;
  border: 1px solid #bfbfbf !important;
  background: #e6e6e6 !important;
  vertical-align: bottom !important;
  display: inline-block !important;
}

#page #content .ui-state-default a {
  color: #0083d6 !important;
  text-decoration: underline !important;
  font-weight: normal !important;
}

#page #content .ui-state-default a:hover {
  text-decoration: none !important;
}


#page #content .ui-state-active {
  background: #2996cc !important;
  -moz-border-top-left-radius: 2px !important;
  -moz-border-top-right-radius: 2px !important;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 2px !important;
  -khtml-border-top-left-radius: 2px !important;
  -khtml-border-top-right-radius: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border: 2px solid #bfbfbf !important;
  padding: 3px !important;
  margin-top: 0px !important;
}

#page #content .ui-state-active a {
  color: #ffffff !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

#page #content .ui-state-disabled a {
  color: #999999 !important;
  text-decoration: none !important;
}

#page #content .ui-tabs-panel {
  margin-bottom: 20px !important;
  padding: 15px !important;
  font-size: 14px;
  font-size: 1.4rem;
}

#page #content .ui-tabs-panel p {
  margin-bottom: 0px;
}

#page #content .ui-corner-bottom {
  -moz-border-bottom-left-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -khtml-border-bottom-left-radius: 0px !important;
  -khtml-border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-left: 1px solid #bfbfbf !important;
  border-right: 1px solid #bfbfbf !important;
  border-bottom: 1px solid #bfbfbf !important;
}

#page #content .op .ui-corner-bottom {
  -moz-border-bottom-left-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -khtml-border-bottom-left-radius: 0px !important;
  -khtml-border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border: none !important;
}

#page #grandprix .tab_jquery_ui {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 20px;
}

/* ------------------------------ */
/* additional
/* ------------------------------ */
.article_type {
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#news .article_type {
  background: #0090d9;
}

#columns .article_type {
  background: #4ba600;
}

#movies .article_type {
  background: #295fcc;
}

#posts .article_type {
  background: #ccbb00;
}

#events .article_type {
  background: #7d12b3;
}

#plans .article_type {
  background: #19b2ff;
}

#content #article article header {
  padding: 0px;
  background: #e6e6e6;
}
#content #article article header {
  padding: 5px;
}

#content #article article header .blueoption {
  border-bottom: 5px solid #0090d9;
}

#content #article article header .greenoption {
  border-bottom: 5px solid #4ba600;
}

#content #article article header .navyoption {
  border-bottom: 5px solid #295fcc;
}

#content #article article header .yellowoption {
  border-bottom: 5px solid #ccbb00;
}

#content #article article header .eventsoption {
  border-bottom: 5px solid #7d12b3;
}

#content #article article header .plansoption {
  border-bottom: 5px solid #19b2ff;
}

/*
##################################################
 ticketshop
##################################################
*/
.ticketshop table tr th {
  width: 20%;
  padding: 10px;
}

.ticketshop table tr td {
  text-align: left;
  padding: 10px;
}

.ticketshop .buttons, .ticketshoplist .buttons {
  padding: 15px 0 20px 0;
}

.ticketshop .buttons a {
  margin: 0px 10px 0px 10px;
}

/*
##################################################
 leave
##################################################
*/
#leave .buttons {
  padding-top: 20px;
}

/*
##################################################
 beginners
##################################################
*/
#beginners .block {
  margin-bottom: 35px;
}

#beginners .nor {
  border: 2px solid #eeeeee;
  padding: 15px;
  margin-bottom: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#beginners table.mat, #beginners table.mat th, #beginners table.mat td {
  padding: 7px;
}

#beginners table.mat {
  table-layout:fixed;
  margin-bottom: 0px;
}

#beginners table.mat .set20pe {
  width: 20%;
}

#beginners table.mat th.j {
  background: #007fbf;
  color: #ffffff;
}

#beginners table.mat th.e {
  background: #d9a300;
  color: #ffffff;
}

#beginners table.mat td.j {
  background: #cceeff;
  font-weight: bold;
}

#beginners table.mat td.e {
  background: #f2e3b6;
  font-weight: bold;
}

.beginners_menu {
  line-height: 1em;
  overflow: hidden;
  margin-bottom: 16px;
}

.beginners_menu .menutitle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
}

.beginners_menu .half {
  width: 350px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
}

.beginners_menu .fleft .menutitle {
  background: #007fbf;
}

.beginners_menu .fleft ul {
  margin: 10px 0px 0px 0px;
  line-height: 1em;
}

.beginners_menu .fleft ul li {
  padding: 7px;
}

.beginners_menu .fleft ul li.hdg {
  font-weight: bold;
  color: #007fbf;
  background: #cceeff;
}

.beginners_menu .fright {
  text-align: left;
}

.beginners_menu .fright .menutitle {
  background: #d9a300;
}

.beginners_menu .fright ul {
  margin: 10px 0px 0px 0px;
  line-height: 1em;
}

.beginners_menu .fright ul li {
  padding: 7px;
}

.beginners_menu .fright ul li.hdg {
  font-weight: bold;
  color: #d9a300;
  background: #f2e3b6;
}

#beginners .navigation {
  overflow: hidden;
  border-top: 1px dotted #cccccc;
  padding: 15px 0px 30px 0px;
}

#beginners .navigation .fright {
  text-align: right;
}

#beginners table.medalist td {
  width: 50%;
  border: 2px solid #e6e6e6;
}

#beginners .frameblue {
  border: 2px solid #eeeeee;
}

#beginners .frameorange {
  border: 2px solid #eeeeee;
}

#beginners .imgs {
  margin: 20px 0px 40px 0px;
}

#beginners .imgr {
  margin: 0px 15px 15px 0px;
}

#beginners .spc {
  margin-top: 20px;
}

#content table.setnor {
  width: auto;
  margin: 15px 0px 15px 0px;
}

#content table.setnor th,
#content table.setnor td {
  padding: 3px 15px 3px 15px;
}
/*
##################################################
 beginners contents
##################################################
*/
table.normal th {
  width: 20%;
}

#content table.normal tr td {
  text-align: left;
  padding: 7px;
}

.img {
  margin-left: 20px;
}

#beginners .block {
  overflow: hidden;
  margin-bottom: 20px;
}

.nor table {
  margin: 0px;
}

.fcon {
  width: 420px;
}

.howt {
  width: 190px;
  float: left;
  margin-top: 10px;
}

.howspace {
  margin: 10px 55px 0px 55px;
}

#beginners .nor {
  overflow: hidden;
}

#beginners .nor p {
  margin: 10px 0px 0px 0px;
}

#beginners .border {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 20px;
}

#beginners .set20per {
  width: 20%;
}
  #beginners .movie {
    overflow: hidden;
  }

#beginners table.nak th, #beginners table.nak td {
  padding: 10px;
}

#beginners table.nak td {
  text-align: left;
}

#beginners table td table {
  border: 1px solid #dddddd;
}

#beginners table td table td {
  border: 1px solid #dddddd;
}

#beginners table td.centering {
  text-align: center;
}

#beginners .bottomborder {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 20px;
}

/*
##################################################
 recruit
##################################################
*/
.recruit .block {
  margin-bottom: 40px;
}

.recruit .block table td {
  padding: 10px;
  text-align: left;
}

.recruit .block table td table {
  width: auto;
}

.recruit .block table td table td {
  padding: 10px 20px 10px 20px;
}

.recruit .block table td table th {
  padding: 10px 20px 10px 20px;
  text-align: left;
}

/*
##################################################
 rulebook
##################################################
*/
#rulebook .titleimage {
  width: 760px;
  overflow: hidden;
}

.staticpage .block {
  overflow: hidden;
  margin-top: 30px;
}

/*
##################################################
 m
##################################################
*/
.m_a {
  height: 84px;
  padding: 0px 15px 15px 34px;
  font-size: 18px !important;
  font-size: 1.8rem !important;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}

.m_a a {
  color: #000000;
  text-decoration: none;
}

.m_a a:hover {
  text-decoration: underline;
}

.m_a img, .m_b img, .m_c img, .m_d img {
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
}

#onecolumn .m_a {
  width: 980px;
  background: url('/img/pc/title/page_title_l.png') no-repeat;
}

#twocolumn .m_a {
  width: 760px;
  background: url('/img/pc/title/page_title_m.png') no-repeat;
}

.m_b {
  background: #dedede;
  padding: 18px 12px 14px 15px;
  border-bottom: 5px solid #0090d9;
  margin: 0px 0px 15px 0px;
  line-height: 1em;
  font-size: 1.5rem !important;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.m_b .option {
  float: right;
  margin: -7px -10px 0px 0px;
  padding: 0px;
}

.m_r {
  border-bottom: 5px solid #f22424;
}

.m_c {
  background: #303030;
  font-weight: normal;
  font-size: 1.6rem !important;
  color:#ffffff;
  line-height: 1em;
  padding: 13px 12px 13px 13px;
  margin: 0px 0px 5px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.m_c .option {
  float: right;
  margin: -5px 0px -3px 0px;
  padding: 0px 0px 0px 0px;
}

.m_c_b {
  background: #dedede;
  padding: 15px 12px 15px 15px;
  border: 1px solid #bababa;
  margin: 0px 0px 12px 0px;
  line-height: 1em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.m_c_c {
  background: #dedede;
  padding: 15px 12px 13px 15px;
  border-bottom: 3px solid #bababa;
  margin: 0px 0px 12px 0px;
  line-height: 1em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.m_c_d .op {
  float: right;
}

.m_c_d {
  background: #dedede;
  padding: 15px 12px 13px 15px;
  border-top: 3px solid #bababa;
  margin: 0px 0px 12px 0px;
  line-height: 1em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.m_c img, .m_c_b img, .m_c_c img, .m_c_d img {
  vertical-align: middle;
}

.m_c_blue {
  background: #aadbf2;
}

.m_c_orange {
  background: #f2cd91;
}

.m_c_red {
  background: #ffc2c2;
}

.m_c_yellow {
  background: #f2e6aa;
}

.m_d {
  background: #0090d9;
  padding: 14px 12px 14px 14px;
  color: #ffffff;
  margin: 0px 0px 12px 0px;
  line-height: 1em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.m_d_b {
  background: #0090d9;
  padding: 14px 12px 14px 14px;
  border: 1px solid #bababa;
  color: #ffffff;
  margin: 0px 0px 12px 0px;
  line-height: 1em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.m_f {
  background: #dcebf2;
  padding: 14px;
  margin: 0px 0px 12px 0px;
  line-height: 1em;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.m_g {
  padding: 14px;
  margin: 0px 0px 15px 0px;
  background: #ffe4e4;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1em;
}

.m_h {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  line-height: 1em;
  margin: 0px 0px 12px 0px;
}

.m_h img {
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
}

.m_i {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  border-bottom: 2px solid #bababa;
  padding: 0px 0px 7px 10px;
  margin: 24px 0px 12px 0px;
}

.m_i_b {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  border-bottom: 2px solid #0090d9;
  padding: 0px 0px 7px 10px;
  margin: 24px 0px 12px 0px;
}

/*
##################################################
 m_e
##################################################
*/
#content .m_e {
  padding: 7px 5px 7px 30px;
  margin: 0px 0px 10px 0px;
  cursor: pointer;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 white inset, -1px -1px 0 white inset;
  -moz-box-shadow: 1px 1px 0 white inset, -1px -1px 0 white inset;
  -ms-box-shadow: 1px 1px 0 white inset, -1px -1px 0 white inset;
  box-shadow: 1px 1px 0 white inset, -1px -1px 0 white inset;
  border: 2px solid #cccccc;
  /* old IE */
  background: #e6e6e6 url('/img/pc/icon/toggle/close.png') 10px 7px;
  /* IE10 Consumer Preview */
  background: url('/img/pc/icon/toggle/close.png') 10px 7px, -ms-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* Mozilla Firefox */
  background: url('/img/pc/icon/toggle/close.png') 10px 7px, -moz-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* Opera */
  background: url('/img/pc/icon/toggle/close.png') 10px 7px, -o-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* Webkit (Safari/Chrome 10) */
  background: url('/img/pc/icon/toggle/close.png') 10px 7px, -webkit-gradient(linear, left top, right bottom, color-stop(0, #F7F7F7), color-stop(1, #E6E6E6)) 0px 0px;
  /* Webkit (Chrome 11+) */
  background: url('/img/pc/icon/toggle/close.png') 10px 7px, -webkit-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* W3C Markup, IE10 Release Preview */
  background: url('/img/pc/icon/toggle/close.png') 10px 7px, linear-gradient(to bottom right, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  background-repeat: no-repeat;
}

#content .slideactive {
  /* old IE */
  background: #e6e6e6 url('/img/pc/icon/toggle/open.png') 10px 7px;
  /* IE10 Consumer Preview */
  background: url('/img/pc/icon/toggle/open.png') 10px 7px, -ms-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* Mozilla Firefox */
  background: url('/img/pc/icon/toggle/open.png') 10px 7px, -moz-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* Opera */
  background: url('/img/pc/icon/toggle/open.png') 10px 7px, -o-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* Webkit (Safari/Chrome 10) */
  background: url('/img/pc/icon/toggle/open.png') 10px 7px, -webkit-gradient(linear, left top, right bottom, color-stop(0, #F7F7F7), color-stop(1, #E6E6E6)) 0px 0px;
  /* Webkit (Chrome 11+) */
  background: url('/img/pc/icon/toggle/open.png') 10px 7px, -webkit-linear-gradient(top left, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  /* W3C Markup, IE10 Release Preview */
  background: url('/img/pc/icon/toggle/open.png') 10px 7px, linear-gradient(to bottom right, #F7F7F7 0%, #E6E6E6 100%) 0px 0px;
  background-repeat: no-repeat;
}


/*
##################################################
 ad
##################################################
*/
#content .ad_a {
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 20px 0px 20px 0px;
  margin: 20px 0px 20px 0px !important;
  text-align: center;
}

#content .ad_a_a {
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  text-align: center;
}

#content .ad_b {
  border-bottom: 1px dotted #cccccc;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  text-align: center;
}

.ad_c {
  margin-bottom: 10px;
}

.ad_c .adm {
  float: left;
  width: 750px;
}

.ad_c .ads {
  float: left;
  width: 500px;
}

.ad_c .adm .adv {
  margin: 30px 0px 0px 20px;
}

.ad_c .ads .adv {
  margin: 40px 0px 0px 40px;
}

.ad_c ul {
  float: right;
  width: 200px;
  margin: 10px 0px 0px 0px;
}

.ad_c ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 200px;
  height: 70px;
}

.ad_c ul li a {
  line-height: 1em;
  margin: 0px;
  padding: 0px;
}

.ad_c ul li img {
  line-height: 1em;
  margin: 0px;
  padding: 0px;
}

.add {
  border-top: 1px dotted #cccccc;
  padding: 20px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  text-align: center;
}

.ad_post .ad {
  color: #2060d4 !important;
  text-decoration: underline !important;
}

#postlist .ad_post header .oneline {
  margin: 0px;
}

/*
##################################################
 error
##################################################
*/
#error .narrow {
  margin-bottom: 16px;
}

#error .information {
  clear: both;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #dddddd;
  background: #ffffff;
  padding: 15px;
  margin: 0px 0px 0px 0px;
  display: block;
}

#error .buttons {
  margin: 15px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
}

#error .erb {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/*
##################################################
 header_words
##################################################
*/

header #banner {
  overflow: hidden;
}

header .header_words {
  width: 728px;
  height: 90px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background: url('/img/pc/header/header_words_bg.gif') right bottom no-repeat;
  overflow: hidden;
  float: right;
}

header .header_words ul {
  margin: 10px 0px 12px 0px;
  padding: 0px;
}

header .header_words .from {
  background: #ffffff;
  padding: 5px 10px 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #cccccc;
  display: inline;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: bold;
}

header .header_words .words {
  margin: 16px 12px 12px 25px;
  overflow: hidden;
  height: 42px;
}

header .header_words .words div {
  overflow: hidden;
  margin-bottom: 5px;
}

/*
##################################################
 QUEST
##################################################
*/

.quest {
  margin: 30px 0 0 0;
}

.questinfo {
  padding: 0;
  margin: 20px 0 20px 0;
  border-bottom: 1px dotted #cccccc;
}

.detailbtn {
  margin: 20px 0 20px 0;
  text-align: center;
}

input.quest_challenge {
  background: url('/img/pc/button/btn_challenge_red.png');
  width: 200px;
  height: 45px;
}

.kquest .ei {
  width: 90%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 12px 10px 10px 10px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0px auto;
  display: block;
}

.kquest .ei.textbox {
  text-align: center;
}

.kquest .ei.checked {
  background: #ededed;
}

.kquest .ei.last {
  border-bottom: 1px solid #cccccc;
}

.kquest label {
  vertical-align: middle;
  padding: 10px 10px 10px 5px;
  line-height: 1em;
  display: table-cell;
  vertical-align: middle;
}

.kquest label.ar {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  padding: 7px;
  margin: 0px 5px 0px 0px;
  border: 2px solid #cfcfcf;
  cursor: pointer;
  float: left;
  text-align: center;
  vertical-align: middle;
}

.kquest label.ar.checked {
  border: 2px solid #cfcfcf;
  background: #2996cc;
}

kquest lable.ar.d {
  border: 2px solid #eeeeee;
  background: #ededed;
}

.kquest label.ar input {
  padding: 0px;
  margin: 0px;
}

input.inputbox {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 7px;
  width: 90%;
}

.kquest form {
  margin: 20px 0px 0px 0px;
}

.kquest .buttons {
  padding: 20px 0 0 0;
}

.prize .buttons {
  padding: 20px;
}

.linkswitch {
  text-align:right;
}

/*
##################################################
 staff prediction
##################################################
*/

.prediction_staff_list_frame {
  border-top: 1px dotted #cccccc;
  padding-top: 20px;
}

.prediction_staff_list {
  width: 700px;
  margin: 0px auto 20px auto;
  border: 5px solid #e6e6e6;
}

.prediction_staff_list .head {
  background: #eff1b1;
  padding: 10px;
}

.prediction_staff_list .head .date {
  color: #b7bd00;
  float: right;
}

.prediction_staff_list .prediction_staff_list_detail {
  padding: 10px;
  overflow: hidden;
}

.prediction_staff_list .prediction_staff_list_detail .picarea {
  float: left;
  width: 70px;
  text-align: left;
}

.prediction_staff_list .prediction_staff_list_detail .dataarea {
  float: right;
  width: 595px;
}

.prediction_staff_list .prediction_staff_list_detail .dataarea .predictiondata {
  overflow: hidden;
}

.prediction_staff_list .prediction_staff_list_detail .dataarea .predictiondata table {
  width: 48%;
}

.prediction_staff_list .prediction_staff_list_buttons {
  border-top: 1px dotted #cccccc;
  margin: 10px;
  padding-top: 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.prediction_staff_list .prediction_staff_list_button {
  position: relative;
}

.prediction_staff_list .prediction_staff_list_voted {
  text-align: right;
  position: absolute;
  float: right;
  top: 20px;
  /* left: 0; */
  width: 100%;
}

.user_prediction .predictiondata {
  overflow: hidden;
  background: #ffffff;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.user_prediction .predictiondata table {
  width: 48%;
}

.user_prediction .predictiondata .staff_prediction_comment {
  clear: both;
}

.user_prediction .staff_prediction_parts {
  background: url('/img/pc/grandprix/parts/05h02_parts.png') no-repeat;
  height: 16px;
}

p.staff_prediction_link {
  text-align: right;
  margin-bottom: 20px;
}

table.staff_prediction_bet label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  padding: 5px;
  margin: 5px;
  background: #f0f0f0;
  border: 2px solid #dadada;
  cursor: pointer;
  display: inline-block;
}

table.staff_prediction_bet label.checked {
  background: #2996cc;
}

/*
##################################################
 vote
##################################################
*/
table.calc_gold {
  width: 95% !important;
  border: none !important;
  margin: 20px auto 0px auto !important;
}

table.calc_gold tr td.right {
  font-weight: bold !important;
}

table.calc_gold tr, table.calc_gold tr td {
  border: none !important;
}

table.calc_gold tr td.voting {
  border-top: 1px dotted #cccccc;
  padding-top: 10px;
}

table.calc_gold tr td.rest {
  border-top: 2px solid #bfbfbf;
  padding-top: 10px;
}

table.calc_gold tr td.voting span#calc_bet_gold {
  color: #2060d4;
}


/*
##################################################
  hit_user
##################################################
*/

.hit_user {
  overflow: hidden;
}

.hit_user li {
  display: table;
  width: 100%;
  padding: 15px 0px 15px 0px !important;
  margin: 0px !important;
}

.hit_user li img {
  margin: 0px !important;
}

.hit_user .hit_user_data {
  overflow: hidden;
  float: left;
}

.hit_user .thumb {
  width: 90px;
  float: left;
  text-align: center;
  display: table-cell;
}

.hit_user .name {
  float: left;
}

.hit_user .name .racename {
  background: #f7f7f7;
  margin: 5px 0px 0px 0px;
  padding: 10px;
  border: none;
  overflow: hidden;
  float: left;
}

.hit_user .name .racename img {
  margin-right: 5px !important;
}

.hit_user .win {
  display: table-cell;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  vertical-align: middle;
  text-align: right;
  color: #ff0000;
  word-wrap: break-word;
}

.hit_user .win a {
  color: #ff0000;
  text-decoration: none;
  word-wrap: break-word;
}

.hit_user .win a:hover {
  color: #ff6c00;
  text-decoration: underline;
}

.hit_user .best_prediction {
  background: #ffe0c2 url(/img/pc/grandprix/parts/bg_best_right.gif) bottom right no-repeat;
}

.prediction_history_heading .itemselect {
  float: left;
  width: 45%;
}

.prediction_history_notes {
  float: right;
  width: 50%;
}

.prediction_history_notes table {
  width: auto;
  float: right;
  border: 1px solid #cccccc;
}

.prediction_history_notes table tr td {
  text-align: left;
  padding: 6px 8px 6px 8px !important;
  white-space: nowrap;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.indexnote {
  margin: 15px 0px 0px 0px;
}

.indexnote ul li {
  border: 2px solid #cccc45;
  padding: 6px 10px;
  background: #ffffb2;
  line-height: 1.7em;
}

.indexnote ul li img {
  vertical-align: middle;
  margin: -3px 3px 0 0;
}

.notebottomborder {
  padding-bottom: 20px;
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 20px;
}

.indexnumber table td.bold {
  white-space: nowrap;
}

.buttonframe {
  margin: 15px 0 25px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #cccccc;
}

.btop {
  padding: 20px 0 0 0;
  border-bottom: none;
  border-top: 1px dotted #cccccc;
}

.buttonframe a {
  margin: 0px 10px;
}

.w50p {
  width: 50%;
}

.battlerank {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px dotted #cccccc;
}

.battlerank .m_c_da {
  font-weight: bold;
  background: #d91616;
  margin: 0 auto;
  color: #ffffff;
}

.battlerank .m_c_g {
  background: #dedede;
  color: #777777;
  text-align: center;
  font-weight: normal;
}

.wset {
  margin: 10px auto !important;
}

.bborder {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 15px;
  margin-bottom: 25px !important;
}

/*
##################################################
  prioritylist
##################################################
*/
.datalist.prioritylist ul li {
  margin: 0 0 7px 0 !important;
  padding: 0 0 7px 0 !important;
  border-bottom: 1px dotted #cccccc !important;
}

.datalist.prioritylist ul li:last-child {
  border-bottom: 0 !important;
}

.datalist.prioritylist ul li a {
  color: #ff0000;
  font-weight: bold;
}

/*
##################################################
  ss_list
##################################################
*/

.mask_layer {
  z-index: 1;
  opacity: 0.7;
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #11243b;
  display: none;
}
.ss_summary_layer {
  z-index: 2;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -250px;
  min-width: 500px;
  min-height: 300px;
  background-color: #ffffff;
  display: none;
}
.error_layer {
  z-index: 2;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  min-height: 100px;
  background-color: #ffffff;
  display: none;
}
.loading_layer {
  z-index: 4;
  opacity: 0.5;
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #11243b;
  display: none;
}
.loading_image {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -16px;
}

.user_ss {
  margin-right: 10px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #cccccc;
}

.user_ss .ss_history_heading {
  padding: 5px;
  overflow: hidden;
  background: #ffffff;
  border-bottom: 2px solid #cccccc;
}

.user_ss .ss_history_heading .rank {
  float: left;
  font-weight: bold;
  font-size: 16px;
  font-weight: 1.6rem;
  width: 70px;
  margin: 0px;
}

.user_ss .ss_history_heading .rank img {
  vertical-align: middle;
}

.user_ss .ss_history_heading .res {
  float: right;
  text-align: right;
  width: 150px;
  padding-top: 4px;
}

.user_ss .ss_history_body {
  background: #ffffff;
  margin: 13px;
  padding: 7px;
  text-align: center;
}

.user_ss .ss_history_body .imagebox {
  height: 135px;
  width: 135px;
  display: block;
  position: relative;
  margin: 5px auto;
}

.user_ss .ss_history_body .continue {
  position: absolute;
  bottom: 10px;
  background: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  color: #ffff00;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 3px 0;
  width: 100%;
}

.user_ss .ss_history_body a.ss_history_link {
  background: #cdcdcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000000;
  text-decoration: none;
  padding: 10px;
  margin: 10px auto 5px auto;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  width: 135px;
}

.user_ss .ss_history_body a:hover.ss_history_link {
  background: #dedede;
  color: #999999;
}

.user_ss.racer_1, .ss_summary_layer.racer_1 {background: #ffffff;}
.user_ss.racer_2, .ss_summary_layer.racer_2 {background: #dfdfdf;}
.user_ss.racer_3, .ss_summary_layer.racer_3 {background: #ffd3d3;}
.user_ss.racer_4, .ss_summary_layer.racer_4 {background: #d3f0ff;}
.user_ss.racer_5, .ss_summary_layer.racer_5 {background: #ffffd3;}
.user_ss.racer_6, .ss_summary_layer.racer_6 {background: #e2ffd3;}
.user_ss.racer_7, .ss_summary_layer.racer_7 {background: #ffedd3;}
.user_ss.racer_8, .ss_summary_layer.racer_8 {background: #ffd3e9;}
.user_ss.racer_9, .ss_summary_layer.racer_9 {background: #f0d3ff;}

.user_ss.racer_1 .ss_history_body, .ss_summary_layer.racer_1 .ss_summary_container { border: 1px solid #cccccc; }
.user_ss.racer_2 .ss_history_body, .ss_summary_layer.racer_2 .ss_summary_container { border: 1px solid #dfdfdf; }
.user_ss.racer_3 .ss_history_body, .ss_summary_layer.racer_3 .ss_summary_container { border: 1px solid #ffd3d3; }
.user_ss.racer_4 .ss_history_body, .ss_summary_layer.racer_4 .ss_summary_container { border: 1px solid #d3f0ff; }
.user_ss.racer_5 .ss_history_body, .ss_summary_layer.racer_5 .ss_summary_container { border: 1px solid #ffffd3; }
.user_ss.racer_6 .ss_history_body, .ss_summary_layer.racer_6 .ss_summary_container { border: 1px solid #e2ffd3; }
.user_ss.racer_7 .ss_history_body, .ss_summary_layer.racer_7 .ss_summary_container { border: 1px solid #ffedd3; }
.user_ss.racer_8 .ss_history_body, .ss_summary_layer.racer_8 .ss_summary_container { border: 1px solid #ffd3e9; }
.user_ss.racer_9 .ss_history_body, .ss_summary_layer.racer_9 .ss_summary_container { border: 1px solid #f0d3ff; }

.expl h4 {
  margin-bottom: 7px;
}

.expl table tr td.expla {
  text-align: left;
}

.ss_summary_layer {
  padding: 15px;
}

.ss_summary_container {
  background: #ffffff;
  padding: 10px;
  overflow: hidden;
  height: 100%;
}

.ss_summary_layer a.user_link {
  font-weight: bold;
  padding: 5px 0;
  display: inline-block;
}

.ss_summary_layer a.user_link #user_name {
}

.ss_summary_layer .ss_summary_data {
  float: right;
  min-width: 270px;
  margin-bottom: 20px;
}

.ss_summary_layer table {
  border-collapse: collapse;
  width: 100%;
}

.ss_summary_layer table tr th, .ss_summary_layer table tr td {
  border: 1px solid #d3d3d3;
  padding: 7px;
  font-size: 12px;
  font-size: 1.2rem;
}

.ss_summary_layer table tr th {
  background: #eeeeee;
  white-space: nowrap;
  width: 1;
  text-align: left;
}

.ss_summary_layer table tr td {
  text-align: right;
}

.ss_summary_layer a.close_layer, .error_layer a.close_layer {
  clear: both;
  background: #cdcdcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000000;
  text-decoration: none;
  padding: 10px;
  margin: 10px auto 5px auto;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  width: 135px;
}

 .ss_summary_layer a:hover.close_layer, .error_layer a:hover.close_layer {
  background: #dedede;
  color: #999999;
}

.mask_layer {
  height: 100%;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
}

.loading_layer {
  height: 100%;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
}

.error_layer #error_message {
  padding: 15px;
}

.error_layer #error_message li {
  color: #000000;
  font-weight: bold;
}

/*
##################################################
  plan
##################################################
*/
#plans .category {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 5px 0px 5px;
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0px 7px 5px 0px;
  background: #cccccc;
  color: #6b6b6b;
}


/*
##################################################
  popup
##################################################
*/

#popup {
  z-index: 200;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 489px;
  display: none;
  text-align: left;
  background: #ffffff;
  border: solid 5px #a8a8a8;
  overflow: hidden;
}
#popup_content {
  height: 434px;
  margin: 10px;
  overflow: auto;
}
#popup_bottom {
  height: 40px;
  text-align: center;
  vertical-align: top;
}
#popup_preview {
  display: none;
}

#popup_close {
  vertical-align: middle;
}

#popup_bottom label {
  margin: 0px 7px;
  padding: 3px;
  background: #e6e6e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 10px;
  font-size: 1.0rem !important;
  float: center;
  display: inline-block;
}

#popup_close, #popup_bottom label {
  cursor: pointer;
}

#popup #sp {
  display: none !important;
}

.follow {
  display: inline-block;
  margin: 0 20px;
}

table.result {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
}

table.result th {
  border: none !important;
  border-right: 1px dashed #c8c8c8 !important;
}

table.result tr.resbdt th {
  border-top: 1px dashed #c8c8c8 !important;
}

table.result td {
  border: none !important;
  border-right: 1px dashed #c8c8c8 !important;
  border-top: 1px dashed #c8c8c8 !important;
}

table.result td.nobd,
table.result th.nobd {
  border-right: none !important;
}

table.result tr.odd td {
  border-top: 2px solid #c8c8c8 !important;
}

table.result td.lastcell,
table.result th.lastcell {
  border-right: none !important;
}

.expl {
  text-align: center;
}

.expl p {
  background: #ffefe0;
  padding: 10px;
  margin: 10px auto 0 auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
}

.expl strong {
  margin-bottom: 7px !important;
  display: inline-block;
}

.expl .opti {
  font-size: 12px;
  font-size: 1.2rem;
  color:#666666;
}

.expl .explgold {
  font-weight: bold;
}

.best_prediction_help_balloon {
  color: #000000 !important;
  background: #ffffcc !important;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  padding: 10px !important;
  border: 2px solid #c8c8c8 !important;
}

.best_prediction_help_balloon .condi {
  background: #ffffff !important;
  padding: 4px 7px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  margin-top: 5px !important;
  border: 1px solid #e7e76c !important;
}

.condi table th {
  font-weight: normal;
  text-align: center;
  padding-right: 5px;
}

.condi table td {
  font-weight: bold;
}

.condi p {
  margin: 0 0 2px 2px;
}

#questionnaire h1 img {
  vertical-align: sub;
  margin-right: 5px !important;
}

table#blog,
table#blog td {
  border: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

table#blog tr {
  border-top: 1px solid #e6e6e6;
}

table#blog tr.nobdr {
  border: none;
}

table#blog tr.nobdr td {
  padding-top: 0 !important;
}

ul.newslist li {
  overflow: hidden;
}

ul.newslist .small {
  color: #a8a8a8;
}

.blogtitle {
  overflow: hidden;
}

.titlelink {
  float: right;
}

span.cell.status {
  width: 30px;
}

.normal {
  font-weight: normal;
  line-height: 2em;
}

#userlist .post header {
  padding-top: 0;
}

/*
##################################################
 ログインページ
##################################################
*/
#main .loginpage {
  width: 100%;
}
#main .loginpage #sys .panel,
#main #sys #regist .panel {
  margin: 0;
  padding: 34px 70px;
  width: 50%;
  float: left;
  border-radius: unset;
  background: none;
}
#main .loginpage #sys .panel:first-of-type,
#main #sys #regist .panel:first-of-type {
  border-right: 1px solid #cccccc;
}
#main .loginpage #sys .buttons {
  padding: 0;
  margin: 15px 0;
  border: none;
}
#logincontainer,
#registcontainer {
  background: #f0f2f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
#logincontainer p.additional {
  margin: 0 0 0.8em 0;
  font-weight: bold;
}
#logincontainer p.additional:before {
  margin: 0 1em 0 0;
  vertical-align: middle;
  content: url("/img/pc/arrows/login_arrow_r.png");
  display: inline-block;
}
#frm_do_login {
  margin: 0 0 2em 0;
}
#main #logincontainer .external ul,
#main #registcontainer .external ul {
  margin-bottom: 2em;
}
#main #logincontainer .external ul li,
#main #registcontainer .external ul li {
  margin-bottom: 5px;
  padding: 0;
  background: #ffffff;
}
#main #logincontainer .external ul li a,
#main #registcontainer .external ul li a {
  padding: 5px;
  height: 56px;
  line-height: 46px;
  text-align: left;
  position: relative;
}
#main #logincontainer .external ul li a:link,
#main #logincontainer .external ul li a:visited,
#main #registcontainer .external ul li a:link,
#main #registcontainer .external ul li a:visited {
  color: #555555;
}
#main #logincontainer .external ul li a:link:hover,
#main #logincontainer .external ul li a:visited:hover,
#main #registcontainer .external ul li a:link:hover,
#main #registcontainer .external ul li a:visited:hover {
  color: #ffffff;
}
a#login_facebook:before,
a#regist_facebook:before {
  margin-right: 15px;
  height: 46px;
  width: 46px;
  font-family: FontAwesome;
  content: "\f09a";
  font-size: 2.2rem !important;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  background: #3d5a98;
}
a#login_google:before,
a#regist_google:before {
  margin-right: 15px;
  height: 46px;
  width: 46px;
  font-family: FontAwesome;
  content: "\f0d5";
  font-size: 2.2rem !important;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  background: #dd4b39;
}
a#login_facebook:after,
a#login_google:after,
a#regist_facebook:after,
a#regist_google:after {
  padding: 21px 0;
  content: url("/img/pc/arrows/login_arrow_r.png");
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 0;
}
a#login_facebook:hover,
a#regist_facebook:hover {
  text-decoration: none;
  background: #3d5a98;
}
a#login_google:hover,
a#regist_google:hover {
  text-decoration: none;
  background: #dd4b39;
}
a#login_facebook:hover:after,
a#login_google:hover:after,
a#regist_facebook:hover:after,
a#regist_google:hover:after {
  padding: 21px 0;
  content: url("/img/pc/arrows/login_whitearrow_r.png");
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 0;
}

#main .loginpage #sys .information,
#main #regist .information {
  padding: 15px;
}
#main .loginpage #sys .information h5,
#main #regist .information h5 {
  margin: 0;
  background: #0090d9;
  height: 30px;
  line-height: 30px;
  color: #ffffff;
  font-size: 1.6rem;
}
#main .loginpage #sys .information p,
#main #regist .information p,
#main #regist .information ul {
  margin: 0;
  padding: 1em;
}
#sys a#btn_regist {
  margin: 20px auto;
  width: 365px;
  height: 50px;
  display: block;
}
#sys input#btn_login:hover,
#sys #btn_regist:hover {
  opacity: 0.7;
}

/*
##################################################
 予想受付中レース一覧
##################################################
*/
#held_date_tab {
  border: 1px solid #bfbfbf !important;
}

#page #content #held_date_tab .ui-tabs {
  padding: 0px;
  margin: 0px;
}

#page #content #held_date_tab .ui-tabs li {
  padding: 0px;
  margin: 0px;
}

#page #content #held_date_tab .ui-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;

}

#page #content #held_date_tab .ui-tabs-nav {
  margin: 0px;
  padding: 0px;
}

#page #content #held_date_tab .ui-tabs-nav li {
  padding: 0px;
  margin: 0px;
  vertical-align: bottom !important;
  display: inline-block !important;
  top: 0;
}

#page #content #held_date_tab .ui-tabs-nav a {
  margin: 0px;
  padding: 8px 10px;
  width: 260px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
}

#page #content #held_date_tab .ui-tabs-nav a:hover {
  text-decoration: none !important;
}

#page #content #held_date_tab .ui-widget-header {
  background: #b8b8b8;
  border: none;
  margin: 0px;
  padding: 0px;
}

#page #content #held_date_tab .ui-widget-content {
  border: none;
  margin: 0px;
  padding: 0px;
  background: #ffffff;
}

#page #content #held_date_tab .ui-state-default {
  background: #b8b8b8 !important;
  border: none;
  margin: 0px !important;
  padding: 3px !important;
}

#page #content #held_date_tab .ui-state-default.ui-state-active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: bold;
  border-top: 1px solid #bfbfbf !important;
  border-right: 1px solid #bfbfbf !important;
  border-left: 1px solid #bfbfbf !important;
  border-bottom: 2px solid #bfbfbf !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: none !important;
  -moz-border-top-right-radius: none !important;
  -webkit-border-top-left-radius: none !important;
  -webkit-border-top-right-radius: none !important;
  -khtml-border-top-left-radius: none !important;
  -khtml-border-top-right-radius: none !important;
}

#page #content #held_date_tab .ui-state-default.ui-state-active a {
  color: #000000 !important;
  font-weight: bold;
  text-decoration: none;
}

#page #content #held_date_tab .ui-corner-top {
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

#page #content #held_date_tab .ui-tabs-panel {
  overflow: hidden;
  margin-bottom: 20px !important;
  padding: 0px 15px 0px 15px !important;
}

#page #content #held_date_tab .ui-tabs-panel a {
  color: #000000;
  line-height: 1em;
}

#page #content #held_date_tab .ui-tabs-panel div {
  margin: 12px 10px 0 10px;
  width: 46% !important;
  float: left;
}

#page #content #held_date_tab .ui-tabs-panel div.lef {
  border-left: 1px dotted #cccccc;
}

#page #content #held_date_tab .ui-tabs-panel p.bord {
  clear: both;
  border-bottom: 1px dotted #cccccc;
  width: 100% !important;
  height: 1px;
  line-height: 0em;
}

#page #content #held_date_tab .ui-tabs-panel div img {
  vertical-align: middle;
}

#page #content #held_date_tab .ui-state-default a {
  color: #ffffff !important;
  text-decoration: none !important;
}

#page #content #held_date_tab .ui-widget-content {
  border: none !important;
}

table.race_list tr.header {
  height: 33px;
}

table.race_list tr.body {
  height: 68px;
}
