@charset "utf-8";

html {
	margin: 0;
	padding: 0;
}

form, fieldset {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd {
	margin: 0;
	padding: 0;	
}

blockquote, li, dt, dd {
	margin-left: 1em;
}

li {
	list-style: none;
}

/**
 * 文字位置・サイズ・装飾
 */
body {
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 3px;
	line-height: 1.2em;
}


input, textarea {
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;	
}

a {
	text-decoration: none;
}
 
#menu {
	font-size: 16px;
}

#content {
	padding: 0;
	margin: 0;
	padding-bottom: 0.5em;
}

#content h2 {
	margin: 10px;
}

/*
#content div {
	margin: 10px;
}
*/

#content p {
	margin: 10px;
}
#content table.access{
	border-collapse: collapse;
	margin: 3px 5px 2px auto;
	font-size: 0.7em;
}
#content table.access td{
	border: solid 1px;
	padding: 0 7px;
	font-weight: 500;
	letter-spacing: 2px;
}

img.rally_img_top
{
	float:right;
	margin-right: 5px;
    border:none;
}

img.rally_img_left
{
	margin: 0 auto 5px auto;
    border:none;
}

#navigation {

	text-align: center;
	line-height: 1.4em;
}

#footer {
	text-align: center;
	line-height: 4em;
    padding-top: 15px;
    padding-bottom: 15px;
    height:100%;
}

#footer img
{
    border:none;
}

/* QRコード */
.qr_section
{
    text-align: left;
    margin-top: -0.75em;
    margin-left: 1em;
	line-height: 1em;
    float:left;
}

.qr_section p
{
	font-size: 10px;
}

/**
 * コンテナ配置
 */
body {
	text-align: center;
}

#container {
	margin: 0 auto;
	text-align: left;
}

/**
 * コンテナ大きさ
 */
#header {
	width: 100%;
	height: 80px;
}

#content {
	/*width: 820px;*/
	width: 870px;
	/* min-heigt */
	min-height:464px;
	height: auto !important;
	height: 464px;
	/* / min-heigt */
}

/**
 * コンテンツタイトル下線
 */
h2 {
	border-bottom: solid 1px;
	/* 色は文字色に準拠 */
}

h3 {
	border-bottom: dotted 2px;
	margin: 2em 1em 0 1em;
	/* 色は文字色に準拠 */
}

h4 {
	border-bottom: dotted 1px;
	margin: 2em 2em 0 2em;
	/* 色は文字色に準拠 */
}

/**
 * ヘッダー流れる
 */
#header > div {
	width: 100%;
	clear: both;
}

.content_outer {
	/*width: 800px;*/
	width: 875px;
	padding: 10px;
}

/**
 * 項目
 */
th.header {
    border: solid 1px;
}

/**
 * ログイン画面
 */

#login_outer {
    width: 100%;
    text-align: center;
}

#login_outer #bbsTbl {
    text-align: left;
}

/**
 * チーム紹介
 */


table#team_info {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	border-style:solid;
	border-width: 1px;
	border-bottom: none;
	border-collapse: collapse;
	table-layout: fixed;
}

table#team_info th {
	width: 28%;
	border-style:solid;
	border-width: 1px;
	border-left: none;
	border-top: none;
	padding: 0.4em;
}

table#team_info td {
	width: 68%;
	border-style:solid;
	border-width: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 0.4em;
}

/**
 * 選手紹介
 */
#member_info {
	width: 98%;
}

#member_info p {
	text-align: center;
	margin-top: 0;
	padding-bottom: 10px;
}

#member_info_tbl {
	margin-left: auto;
	border-collapse: collapse;
//	table-layout: fixed;
	margin: 10px;
	width: 98%;
}


#member_info_tbl td{
	padding: 0.6em 0 0.6em 0;
}

#member_info_tbl td.defense {
    padding-left: 1em;
//	text-align:center;
	font-size: 0.9em;
	width: 20%;
	vertical-align: top;
}

#member_info_tbl td.name {
	font-weight: bold;
	padding-left: 0.5em;
	vertical-align: top;
	width: auto;
}

#member_info_tbl td.number {
	font-weight: bolder;
	padding-left: 0.5em;
	width: 16%;
	vertical-align: top;
}

#member_info_tbl td.post_hd {
    padding-left: 0.5em;
	font-size: 0.9em;
	background-color: #DDDDDD;
	width: 2.0em;
}


#member_info_tbl td.post {
    padding-left: 0.5em;
	font-size: 0.9em;
}

#member_info_tbl td.profiele {
	font-size: 0.9em;
	vertical-align: top;
}

#member_info_tbl td.profiele div{

	overflow: hidden;
	margin-left: 0.5em;


}

#member_info_tbl td.pc_image_id_1 {
	text-align:center;
	width: 15%;
}

#member_info_tbl td.defense, #member_info_tbl td.name, #member_info_tbl td.number, #member_info_tbl td.post_hd, #member_info_tbl td.post, #member_info_tbl td.profiele, #member_info_tbl td.pc_image_id_1 {
	border-style: solid;
	border-width: 1px;
}


#member_info_tbl td.space
{
    padding: 0;
    margin: 0;
}

.member_number {
	/*color: red;*/
}

/** 選手紹介　ポップアップ用　**/
#facebox * {　　　　border-style: none;　　　　background-color: transparent;}

#facebox {
	color: #333;
}
#facebox .member_detail_tbl {
	width: 600px;
	border-color: #cccccc;
    height: auto;
}
#facebox .member_detail_tbl h3 {
	margin: 0 0 1em auto;
}

#facebox .member_detail_tbl div{
	width: 220px;
	text-align: center;
	vertical-align: middle;
	float:left;
}
#facebox .member_detail_tbl table{
	float:right;
	border: solid 1px #cccccc;
	width: 350px;

}

#facebox .member_detail_tbl table td.header{
	background-color: #999999;
	color: #ffffff;
	border-color: #cccccc;
	width:30%;	
}

#facebox .member_detail_tbl table td{
	border: solid 1px #cccccc;
	width:70%;
	padding: 10px;
}

#facebox .member_detail_tbl br.clear {
	clear: both;
}

#facebox .member_detail_info {
	wigth: 100%;
	font-size: 0.9em;
	border: solid 1px #cccccc;
	padding: 4px;
	margin-top: 1em;
    position: inherit;
}

#facebox .member_detail_info h4 {
	background-color: #999;
	color: #fff;
	padding: 2px;
	margin: 0;
	border: none;
}

#menu ul li ul li a {
	font-size: 0.9em;
	font-weight: bold;
}

#content > div {
	margin-top: 1em;
	
}

table#score_content_menu {
	margin-left: 8em;
}

table#score_content_menu th{
	
	width: 160px;
}

/** 
 * スコアブック
 */
ul#score_menu {
	float: right;
}

ul#score_menu li {
	float: left;	
}

/** 背景 **/
#score_board {
	width: 780px;
	padding: 0;
	margin: 0 auto 0 auto;
	font-size: 0.9em;
}

/** ヘッダ **/
.score_board_win, .score_board_lose, .score_board_nogame {
	clear: both;
	width: 778px;
}

.score_board_nogame {
	border: solid 1px;
}

table.score_board_h {
	width: 778px;
	table-layout: fixed;
	

}

table.score_board_h td.score_board_h_date {
	width: 32%;
}

table.score_board_h td.score_board_h_game {
	width: 28%;
}

table.score_board_h td.score_board_h_ground {
	width: 28%;
}

table.score_board_h td.score_board_h_result {
	width: 12%;
}

table.score_board_h td div {
	white-space: nowrap;
	overflow: hidden;
	border-left: solid 2px;
	padding-left: 2px;
}

table.score_board_h td div.score_board_h_h {
	font-size: 0.8em;
	border: none;
}

.score_board_m {
	margin-top: 4px;
	margin-bottom: 20px;
	width: 778px;
}

/** スコアボード **/

#scoreSearch {
	/*margin-left: 10px;*/
	margin: auto;
	width: 800px;
	font-size: 0.9em;

}

#scoreSearch #year{
	width: 6em;
}

#scoreSearch #month{
	width: 3em;
}

#scoreSearch td.submit {
	text-align: center;
}



#scoreSearch td.submit *{
	width: 16em;
}

.score_board_tbl table {
	margin-top: 4px;
	background-color: #ffffff;
	color: #ffffff;
	width: 778px;
	font-size: 1.1em;
	border: solid 1px green;
	table-layout: fixed;
}

.score_board_tbl table td{
	border: none;
	background-color: green;
	text-align: center;
	
}


td.score_board_team {
	width: 200px;
}

td.score_board_total {
	width: 40px;
	font-size: 0.9em;
}

td.score_board_gamer {
	width: 120px;
	font-size:0.9em;
}

td.score_board_team {
	font-weight: bold;
}

td.score_board_point {
	font-weight: bold;
	padding: 0;

}

tr.score_board_team_tr {
    height: 4em;
}

div.score_board_win { /** 勝利 **/
	background-color: #333333;
	color: #CCCCCC;
}

div.score_board_lose { /** 敗北 **/
	background-color: red;
	color: #FFFFFF;
}

div.score_board_nogame { /** 引き分け **/
	background-color: #ffffff;
	color: #333333;
}

/* 打撃・投手成績　*/

.score_result table{
	margin: 0 auto 0 auto;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
}


/* IE用 */
/*
* .score_result table{
	* background-image:none;
	* background-color: #ffffff;
	* filter:alpha(opacity=70);
}
*/
#pitcher_result .pitcher_name {
	width: 140px;
}

#pitcher_result .pitcher_ining {
	width: 80px;
}

#pitcher_result .pitcher_result_t {
	width: 50px;
}

#pitcher_result th {
	padding: 0;
	width: 40px;
	height: 4em;	
	font-size: 0.8em;
	border: solid 1px;

}


#pitcher_result td{
	border: solid 1px;
	padding: 0.2em 0 0.2em 0;
}

#shock_result
{
    max-width: 825px;
}

#shock_result th {
	padding: 0;
	width: 20px;
	height: 4em;	
	font-size: 0.8em;
	border: solid 1px;

}

#shock_result td{
	border: solid 1px;
	font-size: 0.8em;
}

#shock_result th.shock_position {
	width: 50px;
}

#shock_result th.shock_name {
	width: 140px;
}


#shock_result .shock_mark {
	width: 64px;	
}

#shock_result td.shock_mark {

	font-size: 0.7em;
	
}
/** リンク **/
span.score_board_link {
	font-size: 0.9em;
}

div.score_board_link {
	width: 778px;
}
div.score_board_link a {
	margin-top: 20px;
	float: right;

}

/* ページナビ */
.score_page_navi {
	width: 100%;
	text-align: center;	
}

/**
* BBSテーブル
*/
#content p.bbs_conf_msg {
	text-align:center;
}

table#bbsTbl
{
	width: 600px;
	margin: 1.5em auto auto auto;
	border: 1px solid;
	padding: 3px 3px 0 3px;
	/*vertical-align: middle;*/
}
table#bbsTbl td
{
	padding: 5px 10px 5px 10px;
}

table.bbsTbl
{
	width: 600px;
	margin: 1.5em auto auto auto;
	border: 1px solid;
	padding: 3px 3px 0 3px;
	/*vertical-align: middle;*/
}
table.bbsTbl td
{
	padding: 5px 10px 5px 10px;
	word-break:break-all; 
}

.bbsTbl td.bbs_title
{
    white-space: nowrap;
}

#paint {
  border: 1px solid #ccc;
  height: 20px;
  width: 20px;
}

#upload_file_box {
	width: 448px;
	overflow: hidden;
}

/** エラーメッセージ **/
.errors {
	color: red;
}

/**
　* トップページ
　*/
#top_content {
	width: 99%;
	padding: 10px 10px 10px 10px;
}
#top_content table {
    width: 100%;
    table-layout: fixed;
}

#top_content td {
	vertical-align: top;
    white-space: normal;

}

.top_image{
    width: 100%;
    text-align: center;
}
/**
* リンク集テーブル
*/
table#linkTbl
{
	width: 700px;
	margin: 1.5em auto 0 auto;
	border: 1px solid;
	padding: 3px 3px 3px 3px;
	border-collapse: collapse;
	/*vertical-align: middle;*/
}
table#linkTbl td
{
	padding: 5px 10px 5px 10px;
	border: 1px solid;
	line-height: 1.4em;
}
table#linkTbl th
{
	padding: 5px 10px 5px 10px;
}

/**
 * スケジュール
 */
#show_calendar {
	width: 98%;
	/*background-color: #000;*/
    text-align: center;

}

.clendar_attention {
    margin-bottom: 1em;
}

.calendar {
    margin-left: auto;
	background-color: #fff;
	width: 100%;
	table-layout: fixed;
	color: #333333;
}

.calendar a {
	color: #333333;
}

.calendar a:hover {
	color: #333333;
}

#show_calendar table.calendar td{

	text-align: left;
	vertical-align: top;
	border: solid 1px;
	border-color: #333333;

}

.calendar tr{
	height: 5em;
}

.calendar tr.header {
	height: 2em;
}

#show_calendar table.calendar tr.header td {
	text-align: center;
	vertical-align: middle;
}

.calendar tr.header td {
	text-align: center;
	vertical-align: middle;
}

.calendar tr.weekday_name {
	height: 2em;
}

#show_calendar table.calendar tr.weekday_name td{
	height: 2em;
	vertical-align: middle;
	text-align: center;
}

.clendar_attention {
	width: 700px;

}

#show_calendar table.calendar tr.weekday_name td.sun {
	background-color: #FF6600;
	
}

#show_calendar table.calendar .sun a {
	color: #FF6600;
}

#show_calendar table.calendar tr.weekday_name td.sat {
	background-color: #3366FF;
	color: #fff; 	
}

#show_calendar table.calendar .sat a {
	color: #3366FF;
}

#show_calendar table.calendar td a.suchedule_link {
	font-size: 0.8em;
	display: block;
	overflow: hidden;
	margin-bottom: 0.2em;
	width: 100%;
}

#show_calendar table.calendar td a.suchedule_link:hover {
	color: #999999;
}

#schedule_tbl {
	border: solid 2px;
	width: 98%;
	font-size: 0.9em;
	border-collapse: collapse;
	table-layout: fixed;
	
}

#schedule_tbl tr.header {
	text-align: center;
	font-weight: bold;

}

#schedule_tbl tr.header td {
	border-bottom: solid 2px;
	overflow: hideen;
}

#schedule_tbl tr {
	height: 3em;
}

#schedule_tbl td {
	border: solid 1px;
	padding-left: 0.4em;
	
}

.sc_date {
	width: 20%;
	text-align: center;	
	font-size: 0.8em;
}

.sc_content {
	width: 22%;	
	
}
.sc_time {
	width: 16%;	
}
.sc_count {
	width: 4%;
	text-align: center;
}

.sc_dtllink {
	width: 5%;
	text-align: center;
	font-size: 0.8em;
}

#schedule_dtl {
	border: solid 1px;
	width: 98%;
}

#schedule_dtl td {
	border: solid 1px;	
	height: 3em;
	padding: 0.4em;
}

#schedule_dtl td.header {
	text-align: center;
	font-weight: bold;
	/*width: 10%;*/

}
#schedule_dtl.schdtl_date {
	width: 60%;	
}
#schedule_dtl td.schdtl_count {
	text-align: center;
	width: 10%;
}

#schedule_form_tbl {
    margin: 0 auto 0 auto;
}

.sch_response {
    width: 800px;
    margin: 1em auto 1em auto;
    border: solid 2px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.9em;
}

.sch_response td, .sch_response th{
    border: solid 1px;
    text-align: center;
}

.sch_response th{
    border-bottom: solid 2px;   
}

#schedule_respanse_dtl {
    border: solid 1px;
    width: 100%;
}

#schedule_respanse_dtl td, #schedule_respanse_dtl th{
    border: solid 1px;
}

#schedule_respanse_dtl th {
    width: 10%;
    text-align: center;
}

#schedule_respanse_dtl_submit {
    margin: 1em auto 0 auto;
    text-align: center;
}

.score_board_hit_count {
    text-align: right;
}

/* 個人成績　*/
.personal_result{
	width: 830px;
	margin: 0 auto 20px auto;
}

.sch_response .sch_response_no{
    width: 10%;
}
.sch_response .sch_response_name{
    width: 20%;    
}
.sch_response .sch_response_comment{
    width: 40%; 
}
td.sch_response_comment {
    text-align: left;
}
.sch_response .sch_response_date{
    width: 30%;      
}

.personal_table{
	/*overflow-x: scroll;*/
	padding-bottom: 10px;
}

.personal_result table{
	/*margin: 5px;*/
	/*table-layout: fixed;*/
	border-collapse: collapse;
	text-align: center;
}

#personal_shock_result th {
	/*padding: 3px;
	width: 50px;
	height: 4em;	
	font-size: 0.9em;*/
	border: solid 1px;
    /*white-space: nowrap;*/
    width:35px;

}
#personal_shock_result div.tate{
	/*clear:both;*/
 	width:35px;   /* 縦書きエリアの横幅 適宜変更*/
 	font-size:0.9em;
 	line-height:1.1em;
 	margin:0px auto;
 	margin-bottom:0.3em;

}
#personal_shock_result div.gyo{
	/*float:right;*/
	margin: 0 auto;
	width:1em;
	line-height:1.1em;
	padding-top:0.3em;
	/*padding-bottom:2em;*/
	/*margin-right:0.7em;*/
}
#personal_shock_result div.gyo_out{
	float:right;
	width:1em;
	line-height:1.1em;
	padding-top:0.3em;
	/*padding-bottom:2em;*/
	margin-right:1.6em;
}

#personal_shock_result td{
	border: solid 1px;
	font-size: 0.8em;
	padding: 0.3em 0;
    white-space: nowrap;

}
#personal_shock_result th.shock_name {
	width: 110px;
	font-size: 0.9em;
}
#personal_shock_result th.wide {
	width: 50px;
}

#personal_pitcher_result th{
	/*padding: 3px;*/
	width: 50px;
	height: 4em;	
	font-size: 0.9em;
	border: solid 1px;
    white-space: nowrap;
}
#personal_pitcher_result td{
	border: solid 1px;
	font-size: 0.8em;
	padding: 0.3em 0;
    white-space: nowrap;

}
#personal_pitcher_result th.shock_name {
	width: 110px;
}
#personal_pitcher_result th.wide {
	width: 80px;
}

/* 部門別ランキング　*/
.ranking_result{
	width: 830px;
	margin: 0 auto 20px auto;
	clear:both;
}

/*.ranking_result table{
	width: 260px;
	margin: auto;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 10px;
}*/

.ranking_table_right{
	float: right;
	margin-right: 50px;
	width: 350px;
	margin-bottom: 10px;
}
.ranking_table_left{
	float: left;
	margin-left: 50px;
	width: 350px;
	margin-bottom: 10px;
}

#ranking_shock_result{
	width: 260px;
	margin: auto;
	/*table-layout: fixed;*/
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 10px;
}

#ranking_shock_result th {
	padding: 3px;
	height: 2em;	
	font-size: 0.8em;
	border: solid 1px;

}
#ranking_shock_result th.title {
	text-align: center;
	height: 3em;
}
#ranking_shock_result th.shock_name {
	width: 110px;
}
#ranking_shock_result th.wide {
	width: 45px;
}
#ranking_shock_result td{
	border: solid 1px;
	font-size: 0.8em;
	padding: 3px;
}

/* 問合せフォーム */

#inquiryForm
{
	width: 500px;
	margin: 1.5em auto 1em auto;
	border: 1px solid;
	padding: 3px 3px 3px 3px;
	/*vertical-align: middle;*/
    text-align:center;
}

#inquiryForm #head
{
    background-color: #DDDDDD;
    padding: 0.5em;
    margin-bottom: 0.5em;
}


#inquiryForm table
{
    width: 100%;
	border-collapse: collapse;
}


#inquiryForm th
{
    text-align:right;
    width:125px;
    border: 1px solid;
    background-color: #EEEEEE;
}

#inquiryForm td
{
    text-align: left;
    border: 1px solid;
}

#inquiryForm #submit
{
    padding: 0.5em;
    margin-bottom: 0.5em;
}


#inquiryForm #name
{
    border: 1px solid #999999;
}

#inquiryForm #email
{
    border: 1px solid #999999;
}

#inquiryForm #title
{
    border: 1px solid #999999;
}

#inquiryForm #comments
{
    border: 1px solid #999999;
}

.submit
{
    padding: 0.5em;
    margin-bottom: 0.5em;
}

/* トップページ  問合せフォーム */

.top_image #inquiryForm input{
	width: 240px;
}

.top_image #inquiryForm #submit input{
	width: 100px;
}

.top_image #inquiryForm textarea{
	width: 240px;
}

#topInquiryTable {
    text-align: left;
}

/* 写真館 */
#album_list {
	margin-left: auto;
	margin-right: auto;
}

.album_line {
    width: 860px;
	margin-left: auto;
	margin-right: auto;
    clear: both;
    text-align: center;
}

table.album_line{
    text-align: left;
    border: solid 1px;
    margin: 15px auto 15px auto;
    border-collapse: collapse;
}

table.album_line td{
    width: 33%;
    border-left: solid 1px;
    border-right: solid 1px;
    vertical-align: top;

}


table.album_line td p {
    width: 258px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1em;
}

.album_list_image {
    text-align: center;
}

.album_list_image img {
    border: none;
}

.album_list_date {
    font-size: small;
    text-align: right;
}

.album_list_detail {
    text-align: right;
    font-size: small;
    margin-bottom: 1em;
}

#album_detail {
    border: solid 1px;
    border-collapse: collapse;
}

div.album_navi {
    clear: both;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
    width: 600px
}

.album_navi_back {
    float: left;
}
.album_navi_next {
    float: right;
}


#album_detail_submit {
    text-align: right;
}

.album_attention {
    padding: 0.2em;
    border: solid 1px;
    border-color: #000000;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
}

.album_attention a{
    color: blue;
    text-decoration: underline;
}

.average_age
{
    text-align: right;
    font-size: 0.9em;
	line-height: 0.9em;
	margin: 0;
	padding: 0;
	padding-right: 1em;
}

/** 打球方向　ポップアップ用　**/
/*#facebox * {　　　　border-style: none;　　　　background-color: transparent;}

#facebox {
	color: #333;
}*/
#facebox .hitting_area_tbl {
	width: 600px;
	border-color: #cccccc;
    height: auto;
	margin: 0 auto;
}
#facebox .hitting_area_tbl h3 {
	background-color: #999;
	color: #fff;
	padding: 2px;
	margin: 0;
	border: none;
}

#facebox div.ground{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 14px;
	width: 100%;
	height: 410px;
	position: relative;
	background: url(../../images/hp/ground.gif) no-repeat center center;
	letter-spacing: 0.2px;
}

#facebox div.pitcher{
	position: absolute;
	top: 255px;
	left: 281px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.catcher{
	position: absolute;
	top: 330px;
	left: 281px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.first{
	position: absolute;
	top: 255px;
	left: 355px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.second{
	position: absolute;
	top: 200px;
	left: 335px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.third{
	position: absolute;
	top: 255px;
	left: 205px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.short{
	position: absolute;
	top: 200px;
	left: 230px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.left{
	position: absolute;
	top: 120px;
	left: 120px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.center{
	position: absolute;
	top: 100px;
	left: 281px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.right{
	position: absolute;
	top: 120px;
	left: 440px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.left_center{
	position: absolute;
	top: 50px;
	left: 190px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}

#facebox div.right_center{
	position: absolute;
	top: 50px;
	left: 380px;
	border: 2px solid;
	padding: 2px;
	width: 30px;
	text-align: center;
}


#facebox .hitting_area_tbl table{
	background-color: #999;
	color: #fff;
	padding: 2px;
	margin: 0 0 5px 0;
	border: none;
	width: 100%;

}
#facebox .hitting_area_tbl td.year_title{
	width: 80px;
	pading: 10px;
	border-right: 1px dotted;
	font-size: 12px;
}
#facebox .hitting_area_tbl td.month_title{
	width: 60px;
	pading: 10px;
	border-right: 1px dotted;
	font-size: 12px;
}
#facebox .hitting_area_tbl td.condition_title{
	width: 150px;
	pading: 10px;
	border-right: 1px dotted;
	font-size: 12px;
}

#facebox .hitting_area_tbl td.year{
	width: 80px;
	pading: 10px;
	border-right: 1px dotted;
}
#facebox .hitting_area_tbl td.month{
	width: 60px;
	pading: 10px;
	border-right: 1px dotted;
}
#facebox .hitting_area_tbl td.condition{
	width: 150px;
	pading: 10px;
	border-right: 1px dotted;
}

.show_hitting_area{
	margin: 0 2em 0 4em;
}