/* CSS Document */

/* Index -----------------------------------

   1.基本設定
   2.文字
   3.リンク
   4.ヘッダー
   5.メニュー
   6.メインコンテンツ
   7.フッター
   8.アドレス
   9.その他

------------------------------------------*/


/* ------------ 1.基本設定 ------------ */

body {
margin:0px;
padding:0px;
background-color:#333366;  /* メイン背景設定 */
background:url(image/background.gif);  /* 背景画像挿入 */
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;   /* フォント設定 */
font-size:0.8em;
color:#333;
}

#container {
width:740px;
margin:0 auto;
background-image:url(image/contents_back.gif);  /* 背景画像挿入 */
background-repeat:repeat-y;
background-position:center;
position:relative;
}

/* ------------ 2.文字 ------------ */

h1,h2,h3,h4,h5,h6,ul,p,address {
margin:0px;
padding:0px;
}

.red {
color:#D01F3C;
}

.txt-center {
text-align:center;
}

.txt-right {
text-align:right;
}

/* ------------ 3.リンク ------------ */

a {
text-decoration:underline;  /* テキストリンク設定 */
}

a:link {
color:#0000FF;  /* リンクカラー#0000FF */
}

a:visited {
color:#800080;  /* 訪問済みリンクカラー#800080 */
}

a:hover {
  /* オンマウスリンクカラー */
}

a:focus, a:active {
color:#FF0000;  /* クリック時リンクカラー#FF0000 */
}

/* ------------ 4.ヘッダー ------------ */

#header {
background:url(image/header.jpg) no-repeat;
width:740px;
height:141px;
}

#header h1 {
margin-left:12px;
}

#header h2 span {
display:none;
}

/* ------------ 5.メニュー ------------ */


/* 会員メニュー部分 */
#member h5 span {
display:none;
}

#member ul {
list-style-type:none;
display:inline;
}

#member li {
display:inline;
}

#member li span {
display:none;
}

li#member1 a {
clear:none;
display:block;
float:left;
width:99px;
height:35px;
background:url(image/btn_login.jpg) no-repeat;
margin-left:18px;
_margin-left:9px;
}

li#member2 a {
clear:none;
display:block;
float:left;
width:99px;
height:35px;
background:url(image/btn_registration.jpg) no-repeat;
margin-left:6px;
margin-right:6px;
}

li#member3 a {
clear:none;
display:block;
float:left;
width:99px;
height:35px;
background:url(image/btn_logout.jpg) no-repeat;
margin-left:18px;
_margin-left:9px;
}

/* 上部メニュー部分 */
#index {
height:44px;
}

#index ul {
list-style-type:none;
display:inline;
}

#index li {
display:inline;
}

#index li span {
display:none;
}

li#index1 a {
clear:none;
display:block;
float:left;
width:102px;
height:35px;
background:url(image/menu_top.jpg) no-repeat;
}

li#index1 a:hover {
background:url(image/menu_top.jpg) no-repeat 0px -35px;
}

li#index2 a {
clear:none;
display:block;
float:left;
width:157px;
height:35px;
background:url(image/menu_top.jpg) no-repeat -102px 0px;
}

li#index2 a:hover {
background:url(image/menu_top.jpg) no-repeat -102px -35px;
}

li#index3 a {
clear:none;
display:block;
float:left;
width:68px;
height:35px;
background:url(image/menu_top.jpg) no-repeat -259px 0px;
}

li#index3 a:hover {
background:url(image/menu_top.jpg) no-repeat -259px -35px;
}

li#index4 a {
clear:none;
display:block;
float:left;
width:111px;
height:35px;
background:url(image/menu_top.jpg) no-repeat -327px 0px;
}

li#index4 a:hover {
background:url(image/menu_top.jpg) no-repeat -327px -35px;
}

li#index5 a {
clear:none;
display:block;
float:left;
width:57px;
height:35px;
background:url(image/menu_top.jpg) no-repeat -438px 0px;
}

li#index5 a:hover {
background:url(image/menu_top.jpg) no-repeat -438px -35px;
}

#member h5 span,#index h5 span {
display:none;
}

/* 左カラムメニュー */
#menu {
width:150px;
}

#menu h5 {
background:url(image/top_menu.jpg) no-repeat;
height:25px;
}

#menu h5 span,#link h5 span {
display:none;
}

#menu ul {
list-style-type:none;
display:inline;
}

#menu li {
display:inline;
width:150px;
}

#menu li span {
display:none;
}

li#menu1 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat;
}

li#menu1 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px 0px;
}

li#menu2 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -37px;
}

li#menu2 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -37px;
}

li#menu3 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -74px;
}

li#menu3 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -74px;
}

li#menu4 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -111px;
}

li#menu4 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -111px;
}

li#menu5 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -148px;
}

li#menu5 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -148px;
}

li#menu6 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -185px;
}

li#menu6 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -185px;
}

li#menu7 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -222px;
}

li#menu7 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -222px;
}

li#menu8 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -259px;
}

li#menu8 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -259px;
}

li#menu9 a {
clear:none;
display:block;
width:150px;
height:37px;
background:url(image/menu_left2.jpg) no-repeat 0px -296px;
}

li#menu9 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -296px;
}

li#menu10 a {
clear:none;
display:block;
width:150px;
height:38px;
background:url(image/menu_left2.jpg) no-repeat 0px -333px;
}

li#menu10 a:hover {
background:url(image/menu_left2.jpg) no-repeat -150px -333px;
}

/* リンク */
#link {
text-align:center;
}

#link h5 {
background:url(image/top_link.jpg) no-repeat;
height:25px;
}

#link ul {
list-style-type:none;
}

#link li {
margin-top:10px;
}

/* ------------ 6.メインコンテンツ ------------ */

#main {
background:url(image/top_background.gif) repeat-y;
margin-bottom:10px;
clear:both;
}

#left-box {
width:150px;
float:left;
}

#contents {
width:420px;
float:left;
margin:0 10px;
padding-bottom:9px;
}

#contents h3 {
background:url(image/top_main.jpg) no-repeat;
width:420px;
height:190px;
}

#contents h3 img {
margin-left:20px;
margin-top:10px;
}

#right-box {
width:150px;
float:left;
}

#right-box h5 {
text-align:center;
}

#right-box h5 img {
margin:10px auto;
}

#right-box h6 {
text-align:center;
}

#right-box h6 img {
margin:0px auto 10px;
border-top:1px dashed #CCC;
padding-top:10px;
width:130px;
}

.box {
width:410px;
height:140px;
margin-left:6px;
margin-right:3px;
}

.box img {
float:left;
margin:6px 3px 0;
}

#info {
width:404px;
margin-left:9px;
margin-right:6px;
}

#info h4 {
background:url(image/top_information.jpg) no-repeat;
height:29px;
margin-bottom:5px;
}

#info p {
background:url(image/point.gif) no-repeat;
padding-left:23px;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
margin-bottom:6px;
}

/* トップVenusEye */
#eye {
width:404px;
margin-left:9px;
margin-right:6px;
margin-top:7px;
}

#eye h4 {
background:url(image/top_venuseye.jpg) no-repeat;
height:44px;
margin-bottom:5px;
}

#eye p {
background:url(image/point.gif) no-repeat;
padding-left:23px;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
margin-bottom:6px;
}

/* トップVenusBlog */
#top-blog {
width:404px;
margin-left:9px;
margin-right:6px;
margin-top:12px;
}

#top-blog h4 {
background:url(image/top_subtitle_blog.jpg) no-repeat;
height:44px;
margin-bottom:5px;
}

#top-blog p {
background:url(image/point.gif) no-repeat;
padding-left:23px;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
margin-bottom:6px;
}

/* トップ・ファーム情報 */
#top-farm {
width:404px;
margin-left:9px;
margin-right:6px;
margin-top:12px;
}

#top-farm h4 {
background:url(image/top_subtitle_farm.jpg) no-repeat;
height:44px;
margin-bottom:5px;
}

#top-farm p {
background:url(image/point.gif) no-repeat;
padding-left:23px;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
margin-bottom:6px;
}

/* スポンサー */
#sponsor h5 {
background:url(image/top_sponsor.jpg) no-repeat;
height:25px;
margin:0;
}

#sponsor h5 span {
display:none;
}

/* ゲーム */
#game h5 {
background:url(image/top_game.jpg) no-repeat;
height:25px;
margin-bottom:10px;
}

#game {
margin-bottom:10px;
}

#game p {
width:130px;
margin-left:10px;
}

.gamefont {
font-size:18px;
font-weight:bolder;
width:130px;
text-align:center;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}

/* スペシャルインタビュー */
#interview h5 {
background:url(image/top_topics.jpg) no-repeat;
height:25px;
}

/* Venus Eye */
#top-venuseye h5 {
background:url(image/top_bn_eye.jpg) no-repeat;
height:25px;
}

/* 見出し */
#info h4 span,#eye h4 span,#game h5 span,#interview h5 span,#top-blog h4 span,#top-farm h4 span,#top-venuseye h5 span {
display:none;
}

/* 右カラム */
#right-box ul {
margin:10px auto;
padding:0px;
list-style:none;
width:130px;
}

#right-box li {
margin:0px 0px 10px;
padding:0px;
text-align:left;
}

#right-box li img {
margin:0px 0px 3px;
border:0px;
}


/* ------------ 7.フッター ------------ */

#footer {
clear:both;
background:url(image/copyright.gif) no-repeat;
width:740px;
height:33px;
}

#footer p {
display:none;
}

/* ------------ 8.アドレス ------------ */

address {

}

/* ------------ 9.その他 ------------ */

/* ページ設定 */
#contents-page {
width:420px;
float:left;
margin:0 10px;
padding-bottom:9px;
}

#contents-page h4 {
width:380px;
background-color:#EEE;
color:#3F4C6B;
font-size:1.1em;
border-left:10px solid #3F4C6B;
padding:5px 5px;
margin-left:10px;
margin-bottom:10px;
}

#contents-page a img {
max-width:400px;
}

#contents-page strong {
color:#3F4C6B;
}

#contents-page h3 span,#contents-page h4 span {
display:none;
}

#contents-page p {
width:400px;
margin:5px 10px 15px;
line-height:1.4em;
}

.line {
border-bottom:1px dashed #CCC;
padding-bottom:5px;
width:400px;
text-align:right;
font-size:0.9em;
}


.line2 {
border-top:1px dashed #CCC;
padding-top:5px;
width:400px;
text-align:right;
font-size:0.9em;
}

/* Venus Calendar */
.contents-calendar h3 {
background:url(image/title_venuscalendar.jpg) no-repeat;
width:420px;
height:55px;
}

/* Venus Eye */
.contents-venuseye h3 {
background:url(image/title_venuseye.jpg) no-repeat;
width:420px;
height:55px;
}

/* Venus Voice */
.contents-venusvoice h3 {
background:url(image/title_venusvoice.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-venusvoice table {
margin-left:10px;
}

.contents-venusvoice th {
text-align:right;
}

.contents-venusvoice hr {
width:400px;
text-align:center;
}

/* Venus Blog */
.contents-venusblog h3 {
background:url(image/title_venusblog.jpg) no-repeat;
width:420px;
height:55px;
}

/* Venus Gallery */
.contents-gallery h3 {
background:url(image/title_venusgallery.jpg) no-repeat;
width:420px;
height:55px;
}

/* Special Interview */
.contents-interview h3 {
background:url(image/title_interview.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-interview h6 {
font-size:1em;
margin:10px 10px 5px 10px;
}

.contents-interview ul {
margin-left:15px;
}

/* 選手名鑑 */
.contents-player h3 {
background:url(image/title_player.jpg) no-repeat;
width:420px;
height:55px;
}

/* 応援歌紹介 */
.contents-song h3 {
background:url(image/title_song.jpg) no-repeat;
width:420px;
height:55px;
}

/* 個人情報保護方針 */
.contents-privacy h3 {
background:url(image/title_privacy.jpg) no-repeat;
width:420px;
height:55px;
}

/* 著作権 */
.contents-copyright h3 {
background:url(image/title_copyright.jpg) no-repeat;
width:420px;
height:55px;
}

/* ご利用規約 */
.contents-rule h3 {
background:url(image/title_rule.jpg) no-repeat;
width:420px;
height:55px;
}

/* よくある質問と回答 */
.contents-faq h3 {
background:url(image/title_faq.jpg) no-repeat;
width:420px;
height:55px;
}

.ans {
background:#B02B2C;
color:#FFF;
padding:2px 4px;
font-weight:bold;
}

/* 会社概要 */
.contents-company h3 {
background:url(image/title_company.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-company table {
width:400px;
margin-left:10px;
margin-bottom:5px;
}

.contents-company th {
width:100px;
border:1px solid #CCC;
font-size:12px;
text-align:center;
background-color:#EEE;
padding:5px;
}

.contents-company td {
border:1px solid #CCC;
font-size:12px;
padding:5px;
}

/* お問い合わせ */
.contents-contact h3 {
background:url(image/title_contact.jpg) no-repeat;
width:420px;
height:55px;
}

/* メールアドレス再登録 */
.contents-mail h3 {
background:url(image/title_mail.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-mail table {
margin-left:10px;
}

.contents-mail th {
text-align:right;
}

/* ログイン */
.contents-login h3 {
background:url(image/title_login.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-login table {
margin-left:10px;
}

.contents-login th {
text-align:right;
}

/* 会員登録 */
.contents-member h3 {
background:url(image/title_member.jpg) no-repeat;
width:420px;
height:55px;
}
.contents-member table {
width:400px;
margin-left:10px;
margin-bottom:5px;
}

.contents-member th {
border:1px solid #CCC;
font-size:12px;
text-align:center;
background-color:#EEE;
padding:2px;
}

.contents-member td {
border:1px solid #CCC;
font-size:12px;
padding:2px;
}

/* ファーム情報 */
.contents-farm h3 {
background:url(image/title_farm.jpg) no-repeat;
width:420px;
height:55px;
}

/* 会員番号再発行 */
.contents-number h3 {
background:url(image/title_number.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-number table {
margin-left:10px;
}

.contents-number th {
text-align:right;
}

/* 球場アクセス */
.contents-ground h3 {
background:url(image/title_ground.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-ground table {
margin-left:10px;
}

.contents-ground td {
border:1px solid #CCC;
padding:3px;
}

/* X'mas */
.contents-xmas h3 {
background:url(image/title_xmas.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-xmas table {
margin-left:10px;
}

/* PRESENT */
.contents-present h3 {
background:url(image/title_present.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-present table {
margin-left:10px;
}

/* ファン感謝祭 */
.contents-fanfes h3 {
background:url(image/title_fanfes.jpg) no-repeat;
width:420px;
height:55px;
}

.contents-fanfes table {
margin-left:10px;
}

/* ページトップへ */

.page-top {
padding-top:5px;
width:400px;
text-align:right;
font-size:0.9em;
border-top:1px dashed #CCC;
clear:both;
}

/* クリア設定 */

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

.clearfix {
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */