@charset "utf-8";

/* 本文 */
#contents {
	margin: 20px auto 20px;
	text-align: left;
	color: #fff;
}

/* 本文 */
a:hover{
	color: #666;
}
input, textarea, select, .uneditable-input {
    display: inline-block;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
select {
    width: auto;
    background-color: #ffffff;
}
select, input[type="file"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px;
}

.mypage_myrecord {
	text-align: center;
	line-height: 1.4em;
	color: #fff;
}

/*.myrecord_form{
	background: url(/images/mytra/top/bg_top.gif) repeat-x;
}*/
.myrecord_form {
	background: #58563c;
	border-radius: 25px / 35px;
	font-size: 13px;
	border: 1px solid #d2c90b;
}

.myrecord_form_img {
	border: 3px solid #d2c90b;
	background: #f1f1f1;
	border-radius: 15px / 30px;
	font-size:13px;
	margin-bottom: 20px;
}

.btn_confirm {
    background: url(/images/myrecord/check.png) no-repeat;
    width:206px;
    height:40px;
    border:0px solid;
    cursor:pointer;
}
.btn_confirm:hover {
    background: url(/images/myrecord/check_om.png) no-repeat;
    width:206px;
    height:40px;
    border:0px solid;
    cursor:pointer;
}
#buttonConfirm{
	margin-top: 40px;
	width: 206px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 50px;
}
.btn_delete {
    background: url(/images/myrecord/delete.png) no-repeat;
    width:105px;
    height:40px;
    border:0px solid;
    cursor:pointer;
}
.btn_delete:hover {
    background: url(/images/myrecord/delete_om.png) no-repeat;
    width:105px;
    height:40px;
    border:0px solid;
    cursor:pointer;
}
#buttonDelete{
	width: 105px;
	margin-top: -93px;
	float: right;
}
#buttons{
	margin-top: 40px;
	width: 246px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 90px;
}
.btn_regist a {
	float: left;
    background: url(/images/myrecord/regist.png) no-repeat;
    width:106px;
    height:40px;
    border:0px solid;
    cursor:pointer;
	text-indent: -9999px;
}
.btn_regist_del a {
	float: left;
    background: url(/images/myrecord/delete.png) no-repeat;
    width:106px;
    height:40px;
    border:0px solid;
    cursor:pointer;
	text-indent: -9999px;
}
.btn_disable {
	float: left;
    background: url(/images/myrecord/regist.png) no-repeat;
    width:106px;
    height:40px;
    border:0px solid;
    cursor:pointer;
	text-indent: -9999px;
}
.btn_disable_del {
	float: left;
    background: url(/images/myrecord/delete.png) no-repeat;
    width:106px;
    height:40px;
    border:0px solid;
    cursor:pointer;
	text-indent: -9999px;
}
.btn_back a {
	float: left;
    background: url(/images/myrecord/back.png) no-repeat;
    width:106px;
    height:40px;
    border:0px solid;
    cursor:pointer;
	margin-right: 30px;
	text-indent: -9999px;
}
.mypage_myrecord .list_recent .ttl_page {
	background: url(/images/myrecord/ttl_myrecord.gif) no-repeat;
}

.tabmenu a {
	float:left;
	text-indent:-9999px;
}
.mypage_myrecord .tabmenu .top_tab  a{
	width:165px;
	height:40px;
	background: url(/images/myrecord/top_tab_a.png) no-repeat;
}
.mypage_myrecord .tabmenu .top_tab a:hover {
	background: url(/images/myrecord/top_tab_om.png) no-repeat;
}
.mypage_myrecord .tabmenu .batting_tab a{
	width:165px;
	height:40px;
	background: url(/images/myrecord/batter_tab_na.png) no-repeat;
}
.mypage_myrecord .tabmenu .batting_tab a:hover {
	background: url(/images/myrecord/batter_tab_om.png) no-repeat;
}
.mypage_myrecord .tabmenu .pitching_tab a{
	width:165px;
	height:40px;
	background: url(/images/myrecord/pitcher_tab_na.png) no-repeat;
}
.mypage_myrecord .tabmenu .pitching_tab a:hover {
	background: url(/images/myrecord/pitcher_tab_om.png) no-repeat;
}

.myrecord_batting {
	background: url(/images/myrecord/bg.png) no-repeat;
}
.record_form {
	width:100%;
	align:center;
}
.form_table {
	/*margin-bottom:20px;*/
}
.form_table td {
    width:126px;
    text-align:center;
    vertical-align:middle;
	border :solid 2px #EEEEEE;

}
.form_table .title_batting {
    height:100px;
    background-color:#339911;
}
.form_table .title_pitching {
    height:100px;
    background-color:#DD7700;
}
.form_table .input_box {
    height:50px;
    background-color:#CCCCCC;
    color:#000000;
}
.form_table .input_box input[type="text"] {
    width:30px;
    text-align:center;
    ime-mode:disabled;
}
.confirm_table {
	width:100%;
	margin-bottom:10px;
}
.confirm_table td {
    text-align:center;
    vertical-align:top;
    padding:15px 3px 3px 3px;
	border :solid 2px #EEEEEE;

}
.confirm_table .confirm_title {
    height:100px;
    background-color:#339911;
}
.confirm_table .confirm_title_pitching {
    height:100px;
    background-color:#DD7700;
}
.writing_tbrl{
	width:20px;
    direction: ltr;
	height: 80px;
}
.writing_tbrl2{
	width:30px;
    direction: ltr;
	height: 80px;
}
.writing_tbrl3{
	width:30px;
}
.confirm_table .confirm_box {
    height:50px;
    background-color:#999999;
}
.position_left{
    text-align:left;
}
.message {
    width:500px;
    background-color:#999999;
    margin-bottom:30px;
}
.message li {
    background: url(/images/myrecord/caution.gif) no-repeat;
    background-position:2px;
    height:24px;
    color:#FF4545;
    padding-left:28px;
    padding-top:5px;
	font-size:13px;
	font-weight: bold;
}







.myrecordInner{
	width: 865px;
	margin: 0 auto;
}
.title{
	background: url(/images/myrecord/ttl_myrecord.gif) no-repeat transparent;
	height: 125px;
	margin-bottom: 40px;
}
.limit_text{
	color:#FF0000;
	margin-top: -85px;
	margin-right: 350px;
	padding:5px;
	float: right;
    border: 1px #ff0000 solid;
}
.limit_text span{
	font-size:20px;
	font-weight:bold;
}
.menuTab_a li{
	float: left;
	margin-bottom: 3px;
}
.tabTop a{
	background: url(/images/myrecord/top_tab_na.png) no-repeat transparent;
	display: block;
	width: 163px;
	height: 37px;
	text-indent: -9999px;
}
.tabTopView a{
	background: url(/images/myrecord/top_tab_a.png) no-repeat transparent;
	display: block;
	width: 163px;
	height: 37px;
	text-indent: -9999px;
}
.tabTop a:hover{
	background: url(/images/myrecord/top_tab_om.png) no-repeat transparent;
	width: 163px;
	height: 37px;
}
.tabBatter a{
	background: url(/images/myrecord/batter_tab_na.png) no-repeat transparent;
	display: block;
	width: 163px;
	height: 37px;
	text-indent: -9999px;
}
.tabBatterView a{
	background: url(/images/myrecord/batter_tab_a.png) no-repeat transparent;
	display: block;
	width: 163px;
	height: 37px;
	text-indent: -9999px;
}
.tabBatter a:hover{
	background: url(/images/myrecord/batter_tab_om.png) no-repeat transparent;
}
.tabPitcher a{
	background: url(/images/myrecord/pitcher_tab_na.png) no-repeat transparent;
	display: block;
	width: 163px;
	height: 37px;
	text-indent: -9999px;
}
.tabPitcherView a{
	background: url(/images/myrecord/pitcher_tab_a.png) no-repeat transparent;
	display: block;
	width: 163px;
	height: 37px;
	text-indent: -9999px;
}
.tabPitcher a:hover{
	background: url(/images/myrecord/pitcher_tab_om.png) no-repeat transparent;
}
#batterNew{
	background: url(/images/myrecord/batter_new.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#batterEdit{
	background: url(/images/myrecord/batter_edit.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#batterList{
	background: url(/images/myrecord/batter_detail.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#batterScore{
	background: url(/images/myrecord/batter_score.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#batterTop{
	float: right;
	margin-top:28px;
	margin-bottom:30px;
}
#batterTop a{
	background: url(/images/myrecord/batter.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}
#batterNewSilver{
	float: right;
	margin-top:28px;
	margin-bottom:30px;
	cursor:pointer;
}
#batterNewSilver a{
	background: url(/images/myrecord/batter_new_silver.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}
#batterDetailSilver{
	float: right;
	margin-top:28px;
	margin-bottom:30px;
}
#batterDetailSilver a{
	background: url(/images/myrecord/batter_detail_glay.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}
#pitcherList{
	background: url(/images/myrecord/pitcher_detail.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#pitcherScore{
	background: url(/images/myrecord/pitcher_score.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#pitcherNew{
	background: url(/images/myrecord/pitcher_new.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#pitcherEdit{
	background: url(/images/myrecord/pitcher_edit.png) no-repeat transparent;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display: block;
	width: 204px;
	height: 38px;
	text-indent: -9999px;
}
#pitcherTop{
	float: right;
	margin-top:28px;
	margin-bottom:30px;
}
#pitcherTop a{
	background: url(/images/myrecord/pitcher.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}
#pitcherNewSilver{
	float: right;
	margin-top:28px;
	margin-bottom:30px;
	cursor:pointer;
}
#pitcherNewSilver a{
	background: url(/images/myrecord/pitcher_new_silver.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}
#pitcherNewSilverTop {
	float: right;
	margin-top:30px;
	margin-bottom:30px;
	cursor:pointer;
}
#pitcherNewSilverTop a{
	background: url(/images/myrecord/pitcher_new_silver.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}

#pitcherDetailSilver{
	float: right;
	margin-top:30px;
	margin-bottom:30px;
}
#pitcherDetailSilver a{
	background: url(/images/myrecord/pitcher_detail_silver.png) no-repeat transparent;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
}

.tableDay{
	width: 120px;
}
.tableOpponent{
	width: 100px;
}
.tableGame{
	width: 80px;
}
.backBottom{
	margin-bottom: 20px;
}
.backBottom_img{
	width: 950px;
	height: 20px;
	margin-bottom: 20px;
}
#gameDate tr{
	height: 40px;
}
.r1{
	width: 70px;
}
.r2{
	padding-left: 20px;
	padding-right: 7px;
}
.classChange {
    float: left;
    text-align: left;
    width: 200px;
    margin-bottom:25px;
}
.yearChange{
    margin-bottom:25px;
}
.totalResult{
	background: url(/images/myrecord/total_result_bg.gif) no-repeat scroll left bottom transparent;
	-moz-background-size:contain;
	background-size:contain;
	height: 100px;
	text-align:center;
	margin-bottom: 30px;
}
.totalResult table{
	width: 865px;
}
.totalResult th{
	padding-top:9px;
	font-size:14px;
	height:36px;
	text-align:center;
}
.totalResult td {
	/*padding-top:30px;*/
	text-align:center;
    vertical-align:middle;
	font-size:25px;
	font-weight:bold;
	height:55px;
	line-height: 100%;
}
p.line {
   border-bottom: 1px dashed grey;
   margin: 30px 0 30px 0;
}
.list_box {
    height:50px;
    background-color:#CCCCCC;
    color:#000000;
}
.list_box a {
    color:#3355FF;
    text-decoration:underline;
	font-weight:bold;
}
.history_paging {
	position: relative;
	width: 100%;
}
.history_paging .pagination {
	position: relative;
	float: left;
	left: 50%;
}
.history_paging .pagination ul {
	position: relative;
	float: right;
	left: -50%;
	text-align:center;
}
.history_paging .pagination li {
	float: left;
	width:20px;
	font-weight:bold;
	font-size:16px;
	margin:20px 0 20px 0;
}
.writing_tbrl span.tate{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
}
.no_record {
    text-align:center;
    padding:20px;
	font-weight:bold;
}
#bigBunner {
	background: url(/image/blob?img=bottom_myrecord.gif) 95px 0px no-repeat;
	width: 895px;
	height: 117px;
}
.howtoLink {
float: right;
margin-top: 28px;
margin-bottom: 30px;
cursor: pointer;
}

.howtoLink a{
display: block;
text-indent: -9999px;
height:100%;
}

.howtoList00 {background: url(/images/myrecord/howtolist00.gif) no-repeat transparent;width: 208px;height: 42px;}
.howtoList00.howtoLink:hover {background: url(/images/myrecord/howtolist00_om.gif) no-repeat transparent;}
.howtoList01 {background: url(/images/myrecord/howtolist01.gif) no-repeat transparent;width: 220px;height: 42px;}
.howtoList02 {background: url(/images/myrecord/howtolist02.gif) no-repeat transparent;width: 220px;height: 42px;}
.howtoList03 {background: url(/images/myrecord/howtolist03.gif) no-repeat transparent;width: 208px;height: 42px;}
.howtoList03.howtoLink:hover {background: url(/images/myrecord/howtolist03_om.gif) no-repeat transparent;}
.howtoList04 {background: url(/images/myrecord/howtolist04.gif) no-repeat transparent;width: 208px;height: 42px;}
.howtoList04.howtoLink:hover {background: url(/images/myrecord/howtolist04_om.gif) no-repeat transparent;}

#howtoList {
float: left;
margin-top: 30px;
margin-bottom: 30px;
display: block;
text-indent: -9999px;
}

.howto_table {
	width: 100%;
	margin-bottom: 10px;
}

.howto_table td {
vertical-align: middle;
padding: 5px 5px 5px 5px;
border: solid 2px #EEEEEE;
}

.howto_table td:first-child{
	text-align: center;
	width: 75px;
	color: #fff;
}

.title_howto td{
	text-align: center !important;
	background-color: #fff81f !important;
	color: #000000 !important;
}


.howto_table_batting td:first-child {background-color: #339911;}
.howto_table_pitching td:first-child {background-color: #DD7700;}

section.howto .btn_confirm{background: url(/images/myrecord/howtoback.gif) no-repeat !important;}
section.howto .btn_confirm:hover{background: url(/images/myrecord/howtoback_om.gif) no-repeat !important;}



#fconsole_wrapper {
	display: none;
}
#fnavi {
	padding-top:10px;
}
#fnavi .btn {
	background-color:transparent;
	background-image:none;
	box-shadow: none;
	text-shadow: none;
	text-align:left;
	font-size:12px;
	padding: 6px 9px;
	line-height: 1.083;
	white-space: nowrap;
}
#footer_wrapper {
	padding-top: 0px;
}
#fnavi dd {
	margin-left: 0;
}
#fnavi dl {
	margin-top: 0px;
}
#fnavi dt {
	font-size: 14px;
	line-height: 20px;
}
#footer_wrapper .container {
	max-width: 1010px;
	width:980px;
}
@media (max-width: 992px) {
#footer_wrapper .container {
max-width: 1010px;
}
}
@media (max-width: 992px) {
#footer_wrapper .container {
	max-width: 1010px;
}
}
@media (max-width: 992px) {
#footer_wrapper .container {
max-width: 750px;
}
}
#bottom_wrapper {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.text-center {
	text-align: center;
}
.clear {
    clear: both;
}
/* clearfix
------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}/* IE用 */

a{
	color: #999;
	text-decoration: none;
}
a:hover{
	color: #333;
	text-decoration: none;
	opacity:0.7;
}
.hide{display:none;}
.red{color:#ff470e;}

/*使い方ページ
------------------------------------------------------------*/
.mypage_howto  .ttl_page {
	background: url(/images/mytra/howto/ttl_howto.png) no-repeat;
}
.mypage_howto .upper .summary_txt {
	font-size: 16px;
	line-height:1.6em;
	padding-bottom:20px;
}
.mypage_howto .step a{color:#fff81f;}
.mypage_howto .step a:hover{
	color: #fff81f !important;
	text-decoration: underline;
}
.mypage_howto .step {line-height:1.6em;clear:both;}

/*大タイトル*/
.mypage_howto .step .ttl{
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	background: #ff7600;
	font-size:22px;}
.mypage_howto .step .ttl h1 {
	
	float:left;
	width:816px;
	font-size:22px;
	padding-left:10px;
	margin-bottom:15px;
}
.mypage_howto .step .ttl p {
	background: #fff;
	color: #444444;
	float:left;
	width:124px;
	text-align:center;
	height: 48px;
	padding-bottom:0px;
}
.mypage_howto .step h2{clear:both;color:#ff7600;border-bottom:solid 1px #ff7600;margin-bottom:10px;padding-bottom:10px;font-size:18px;}
.mypage_howto .step h2 span{font-size:14px;padding-right:15px;font-weight:normal;}
.mypage_howto .step h3{padding-bottom:10px;font-size:12px;}

/*左側テキスト*/
.mypage_howto .step .txt{width: 580px;
	float: left;padding-bottom:40px;}

/*右側画像*/
.mypage_howto .step .fig {
	padding:10px 0 30px;
	width: 340px;
	float: right;
	text-align:center;
}
.mypage_howto .step .fig.border img{padding: 9px ;
	border: 1px dotted #999;}

/*概要*/
.mypage_howto .step .intro{padding-bottom:20px;font-size:14px;line-height: 1.8em;}
/*本文*/
.mypage_howto .step p{padding-bottom:30px;}
/*注釈*/
.mypage_howto .step .note{font-size:10px;line-height:1.4em;}

.mypage_howto .step em{
	font-weight: bold;
	font-style: normal;
}

	
/*線囲いボックス*/
.mypage_howto .step .box{
	padding: 10px 10px 0 10px ;
	border: 1px dotted #999;
	margin-bottom:10px;
}
.mypage_howto .step .box p{padding-bottom:10px;}
.mypage_howto .step .box table{margin-bottom:13px;}
.mypage_howto .step .box span {
	font-weight: bold;
	color: #b3b3b3;
}

/*テーブル*/
.mypage_howto  .step table{margin-bottom:30px;}
/*オレンジ色*/
.mypage_howto  .step table th em{color:#ff7600;}
.mypage_howto  .step table td em{color:#ff7600;font-weight:normal;}

/*テーブルの題名*/
.mypage_howto .step table caption {
	font-weight: bold;
	color: #b3b3b3;
	text-align: left;
	padding-bottom:3px;
}
/*テーブルの見出し*/
.mypage_howto  .step table thead tr{
	background: #4d4d4d;
	text-align:left;
	font-size:10px;
	font-weight:normal;
}
/*各セル*/
.mypage_howto  .step table th,.mypage_howto  .step table td{padding:5px 7px;font-weight:normal;}
/* 奇数行の背景色 */
.mypage_howto  .step table tbody tr:nth-child(odd){
	background: rgba(82,180,255,0.1); 
}
/* 偶数行の背景色 */
.mypage_howto  .step table tbody tr:nth-child(even){
	background: rgba(82,180,255,0.2);
}
/*ラベル*/
.mypage_howto  .step table tbody th{text-align:left;
	font-weight:bold;width:120px;}
.mypage_howto  .step table.class tbody th{font-weight:normal;}

/*数値部分*/
/*ドリルの場合*/
.mypage_howto  .step table.drill tbody td{width:100px;}
/*ポイントの場合*/
.mypage_howto  .step table.point tbody td{width:425px;}
/*クラスの場合*/
.mypage_howto  .step table.class tbody td{width:200px;}

/*ベーシックドリルのみ*/
.mypage_howto  .step table.basic{float:left;}
/*セレクトドリルのみ*/
.mypage_howto  .step table.select{float:right;}

/*追加*/
.mypage_howto  .step .plus{float:left;}
/*ステップアップ*/
.mypage_howto  .step .stepup{clear:both;text-align:center;padding-bottom:5px;}

#cboxLoadedContent {
	padding: 20px;
	width: 600px;
	background: #fff;
	border-radius: 10px;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
	top: -50px;
}
.popup .txt {
	color: #FFFFFF;
}
#nomessages h3 {
	margin-bottom: 10px;
	padding: 10px;
	width: 430px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	color: #000000;
	border-radius: 10px;
	border: 5px solid #000000;
}
#myrecordmess h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
}
#myrecordmess div {
	display: table;
	width: 200px;
	margin: 10px auto 0;
	table-layout:fixed;
}
#myrecordmess p {
	display: table-cell;
}