@charset "utf-8";
/* CSS Document */


/*----------------------- 初期設定 ---------------------------*/
body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,embed,object { margin: 0; padding: 0; vertical-align: baseline; }

img { border: 0; vertical-align: middle;}

.fleft { float: left;}
.fright { float: right;}

a { text-decoration: none;}
a:link { color: #3389B6; text-decoration: none;}
a:hover { text-decoration: underline; color:#186993;}

.clear { clear: both; font-size: 1px; line-height: 5px; height: 5px;}

a {
/**/
	overflow: hidden;
/**/
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

p img { vertical-align: middle;}

address { font-style: normal;}

body { background: url(../imgs/bg-main.png); margin: 0; padding: 0; font-size: 80%; color: #465155; font-family: Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
#bg-phoenix { background: url(../imgs/bg-phoenix.png) center top no-repeat; width: 100%; height: 100%;}
/*#bg-photo { background: url(http://www.hondalock-sc.info/imgs/back-photo/rotate.php) top center no-repeat;}*/
/*#bg-photo { background: url(../imgs/back-photo/02.png) top center no-repeat;}*/

h1 { font-size: 100%;}
h2 { font-size: 100%; clear: both; margin-top: 0.5em; margin-bottom: 0.5em;}
h3 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h4 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
h5 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}



/*----------------------- 背景繰り返し（JS対応用） ---------------------------*/
.tbl { }
.tbl td, .tbl th {}
.tbl th {}
.tbl .on { background-color: #f5f5f5;}
.tbl .off { background-color: #fff;}
.tbl .hover { background-color: #99f;}
.tbl .click { background-color: #66f; font-weight: bold;}

#idx_ranking .tbl { }
#idx_ranking .tbl td, .tbl th {}
#idx_ranking .tbl th {}
#idx_ranking .tbl .on { background-color: #e4e4e4;}
#idx_ranking .tbl .off { background-color: #f4f4f4;}
#idx_ranking .tbl .hover { background-color: #99f;}
#idx_ranking .tbl .click { background-color: #66f; font-weight: bold;}



/*----------------------- タブメニュー ---------------------------*/
.menu {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:23px;width:411px;}
.menu ul {margin:0px; padding:0px; list-style:none;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;  border-left:1px solid #ececec; border-right:1px solid #ececec;}
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2 {border:1px solid #ececec; width:409px; text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}



/*---------------------------------- wrapper --------------------------------------------*/
#wrapper { background: #FFFFFF; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; width: 850px; margin-left: auto; margin-right: auto;}




/*---------------------------------- ヘッダ --------------------------------------------*/
#header { background: url(../imgs/bg_header.gif) repeat-x; height: 120px; width: 850px; position: relative;}

#logo { width: 201px; height: 40px; background: url(../imgs/logo.gif); display: block; position: absolute; top: 20px; left: 10px;}
#logo a { width: 201px; height: 40px; display: block; text-indent: -9999px;}



/*---------------------------------- グローバルナビ --------------------------------------------*/
#nav_global { position: absolute; top: 76px;}
#nav_global li { height: 44px; float: left; list-style: none;}
#nav_global li a { height: 44px; background: no-repeat; display: block; text-indent: -9999px;}

#nav_home { width: 128px; background: url(../imgs/gnav_home.gif);}
#nav_team { width: 130px; background: url(../imgs/gnav_team.gif);}
#nav_player { width: 130px; background: url(../imgs/gnav_player.gif);}
#nav_schedule { width: 130px; background: url(../imgs/gnav_schedule.gif);}
#nav_suppoter { width: 131px; background: url(../imgs/gnav_supporter.gif);}


#nav_home .nav_on { width: 128px; background: url(../imgs/gnav_home_on.gif);}
#nav_team .nav_on { width: 130px; background: url(../imgs/gnav_team_on.gif);}
#nav_player .nav_on { width: 130px; background: url(../imgs/gnav_player_on.gif);}
#nav_schedule .nav_on { width: 130px; background: url(../imgs/gnav_schedule_on.gif);}
#nav_suppoter .nav_on { width: 131px; background: url(../imgs/gnav_supporter_on.gif);}


/*---------------------------------- ヘッダナビ --------------------------------------------*/
#nav_header { width: 277px; position: absolute; left: 379px; top: 3px;}
#nav_header li { height: 20px; float: left; list-style: none;}
#nav_header li a { height: 20px; background: no-repeat; display: block; text-indent: -9999px;}

#nav_inquiry { width: 82px; background: url(../imgs/hnav_inquiry.gif);}
#nav_privacy { width: 120px; background: url(../imgs/hnav_privacy.gif);}
#nav_sitemap { width: 69px; background: url(../imgs/hnav_sitemap.gif);}


/*---------------------------------- メイン --------------------------------------------*/
#main { margin-top: 5px;}
#main h2 { margin-top: 0; margin-bottom: 5px;}

#area_left { width: 620px; float: left; margin-left: 5px;}
#area_left .box01 { width: 411px; float: left;}
#area_left .box02 { width: 194px; float: right;}

#area_left_full { width: 830px; margin-left: auto; margin-right: auto; clear: both;}

#area_right { width: 205px; float: right; margin-right: 5px;}
#area_right h2 { margin-top: 10px;}

.bnr_list { margin-bottom: 3px;}
.bnr_list li { list-style: none; margin-bottom: 3px;}



#headlinemain { padding: 4px; background: #f0f0f0;}
#headlinemain h3 { display: inline;}
#headlinemain p { margin-top: 0.3em;}
#headlinemain img { margin-right: 10px;}

#headlinemain table { border-collapse: collapse;}
#headlinemain table td { vertical-align: top;}

#headlinelist { margin-bottom: 10px;}
#headlinelist li { margin-left: 0; list-style: none; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dashed #bababa;}
#headlinelist li a { padding-left: 15px; padding-top: 3px; padding-bottom: 3px;}
#headlinelist .day { display: inline-block;  background: url(../imgs/icon_list.png) 0px 8px no-repeat; width: 6em; padding-left: 15px;}

#idx_ranking { margin-bottom: 5px;}
#idx_ranking table { margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #DDDDDD; width: 100%;}
#idx_ranking .update { font-size: 80%; text-align: right; margin-bottom: 10px; background: #DDDDDD; padding: 3px;}
#idx_ranking table td { font-size: 85%; text-align: center; padding: 3px 0; border-bottom: 1px solid #CCCCCC;}
#idx_ranking table th { font-size: 85%; text-align: center; padding: 3px 0; background: #333333; color: #FFFFFF;}
#idx_ranking table strong,#idx_ranking table b { color: #CC0000;}

#idx_ranking .trcolor { background: #F5F5F5;}


#area_left_full #content { margin-left: auto; margin-right: auto; width: 830px;}
#content { margin-left: auto; margin-right: auto; width: 620px;}
#content ul li { margin-left:20px; padding-top: 0.1em; padding-bottom: 0.1em; line-height: 150%;}



#formobile { background: url(../imgs/img_formobile_bg.gif); margin-bottom: 3px;}
#formobile .box_top {}
#formobile .box_body { padding-left: 8px; padding-right: 8px;}
#formobile .box_body p { font-size: 80%; width: 96px; float: left; line-height: 120%;}
#formobile .box_body img { float: right;}
#formobile .box_btm { background: url(../imgs/img_formobile_btm.gif) bottom left no-repeat; height: 8px; overflow: hidden; clear: both;}


.pagetop { display: block; clear: both; height: 17px; margin-top: 20px; margin-bottom: 20px;}
.pagetop img { float: right;}
.pagetop img.btnback { float: left;}



#table_idx_result { border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-collapse: collapse; margin-bottom: 10px; background: #efefef;}
#table_idx_result td { border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 5px;}
#table_idx_result th { border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background:#696969 url(../imgs/img_resultbox_ttlbg.gif) bottom repeat-x; text-align: left;}

#table_idx_result td table td { padding: 2px; text-align: center; border: none;}


#table_ranking { margin-bottom: 10px;}
#table_ranking td { text-align: center; font-size: 80%; padding: 2px;}
#table_ranking th { text-align: center; font-size: 80%; padding: 2px; border-bottom: 1px solid #999999; border-top: 1px solid #999999;}


#tabcontent1 table,#tabcontent2 table { width: 97%; margin: 0 auto 0 auto;}
#tabcontent1 table td,#tabcontent2 table td { padding: 3px 0 3px 0;}

dl.newslist {} 
dl.newslist dt .day { display: inline-block; width: 6em;}
dl.newslist dt { margin-bottom: 0.3em; padding-left: 15px; background: url(../imgs/icon_list2.png) 3px 0.4em no-repeat;}
dl.newslist dd { font-size: 86%; margin-bottom: 1em; padding-left: 15px; padding-bottom: 1em; border-bottom: 1px dashed #CCCCCC; color: #999999; line-height: 130%;}

.pages { text-align: center; display: block;}
.pages a { background: #EEEEEE; padding: 0 5px;}
.pages span a { }
.pages .current_page {}
.pages .link_before { margin-right: 20px; background: none;}
.pages .link_next { margin-left: 20px; background: none;}

.bnr_list .list_icon01 { list-style-image: url(../imgs/icon_blank.gif); margin-left: 23px;}



/*---------------------------------- フッタ --------------------------------------------*/
#footer { clear: both; padding: 10px 0;}
#footer_link { padding: 10px 0; line-height: 140%; background: #f1f1f1; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; font-size: 80%;}

#footer_body { height: 45px; position: relative;}
#logo_s { width: 118px; height: 23px; background: url(../imgs/logo_s.gif) no-repeat; position: absolute; top: 10px; left: 10px;}
#logo_s a { width: 118px; height: 23px; background: url(../imgs/logo_s.gif) no-repeat; text-indent: -9999px; display: block;}
#logo_hl { width: 125px; height: 23px; background: url(../imgs/logo_hl.gif) no-repeat; position: absolute; top: 10px; left: 720px;}
#logo_hl a { width: 125px; height: 23px; background: url(../imgs/logo_hl.gif) no-repeat; text-indent: -9999px; display: block;}
#copyright { background: url(../imgs/img_copyright.gif) no-repeat; width: 245px; height: 23px; display: block; position: absolute; top: 11px; left: 140px;}
#copyright em { width: 245px; height: 23px; display: none;}






/*---------------------------------- 文字体裁 --------------------------------------------*/
#content p { line-height: 150%; margin-bottom: 0.8em;}

#content h2 { background: url(../imgs/bg_h2.gif) left no-repeat; color: #FFFFFF; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; display: block; clear: both;}

#content p + h2,#content table + h2,#content ul + h2 { margin-top: 1.5em;}
#content p + h3 { margin-top: 1em;}

#content .schedule { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 100%;}
#content .schedule td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 3px; font-size: 85%; text-align: center;}
#content .schedule th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 3px; font-size: 85%; text-align: center;}



#content h2 + .update { color: #777777; background: #EEEEEE; padding: 3px; font-size: 80%; text-align: right; margin-bottom: 1em; margin-top: -0.5em;}

#content .attention_box { border: 1px solid #CC0000; background: #FFF0F0; margin-top: 10px; margin-bottom: 10px; padding: 5px;}
#content .attention_box strong { color: #8C0000;}
#content .attention_box p { margin-top: 0.1em; margin-bottom: 0.1em;}

.center { text-align: center;}

.tbstyle01 { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-collapse: collapse;}
.tbstyle01 td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.tbstyle01 th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #EFEFEF;}





/*---------------------------------- 部員紹介 --------------------------------------------*/
#content ul.list_member { margin: 0; padding: 0;}
#content ul.list_member li { float: left; list-style: none; margin-left: 3px; margin-right: 3px; padding: 0; font-size: 80%;}

#content table.profile { margin: 0; padding: 0; border-collapse: separate; margin-bottom: 20px;}
#content table.profile caption { text-align: left; border-bottom: 2px solid #000000; padding-bottom: 3px; margin-bottom: 1px;}
#content table.profile caption img { display: block;}
#content table.profile td { padding: 7px; width: 27%; background: #f2f2f2; border-bottom: 1px solid #FFF;}
#content table.profile th { padding: 7px; white-space: nowrap; width: 23%; background: #993300; color: #FFFFFF; border-bottom: 1px solid #FFF;}

#content table.comment { margin: 0; padding: 0; border-collapse: separate;}
#content table.comment caption { text-align: left; border-bottom: 2px solid #000000; padding-bottom: 3px; margin-bottom: 1px;}
#content table.comment caption img {}
#content table.comment td { padding: 7px; width: 27%; background: #f2f2f2; border-bottom: 1px solid #FFF; line-height: 140%;}



/*---------------------------------- サポーター一覧 --------------------------------------------*/




#content ul.list_platinum { list-style: none; margin-bottom: 10px;}
#content ul.list_platinum li { margin-left: 0; float: left; width: 300px; height: 65px; margin: 4px 4px 0 4px;}

#content ul.list_gold { list-style: none; margin-bottom: 10px;}
#content ul.list_gold li { margin-left: 0; float: left; width: 145px; height: 65px; margin: 4px 4px 0 4px;}

#content ul.box_three { width: 200px; float: left; margin-left: 3px; margin-right: 3px; font-size: 90%;}
#content ul.box_three li { margin-left: 0; list-style: none; border-bottom: 1px dotted #CCCCCC; padding-top: 3px; padding-bottom: 3px;}


/*---------------------------------- パンくず --------------------------------------------*/

.topic-path { margin-bottom: 0.3em; background: #F6F6F6; padding: 2px; font-size: 85%;}





/*---------------------------------- 試合スケジュール関連 --------------------------------------------*/
#scheduletable table { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 100%;}
#scheduletable table td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 3px; font-size: 85%; text-align: center;}
#scheduletable table th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 3px; font-size: 85%; text-align: center;}
#scheduletable table tr.trcolor { background: #F9F9F9;}



#tabcontent1 td.schedulenodisp,
#tabcontent2 td.schedulenodisp,
#tabcontent1 th.schedulenodisp,
#tabcontent2 th.schedulenodisp { display: none;} /* トップページでの非表示項目 */

#tabcontent1 table .trcolor { background: #FFF0F0;}
#tabcontent2 table .trcolor { background: #FFF0F0;}

/*---------------------------------- お待ちください表記 --------------------------------------------*/
.standby {
	border: 1px dashed #FF3300;
	text-align:center;
	margin-top:10px;
	background-color:#FFECEC;
}