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

/*
============================= ALL Layout
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,p,
h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
		margin: 0;
		padding: 0;
		font-family: Verdana ,sans-serif;
}

h1,h2,h3,h4,ul,li,p,address {
		font-style: normal;
		font-weight: normal;
		font-size: 100%;
}

img {
		border: 0;
}

address,caption,cite,code,dfn,em,strong,tn,var{
		font-style: normal;
		font-weight: normal;
}

body {
		font-size: 62.5%;
		background-image:url(../opta/main_e/bg_st.gif);
		background-color: #ffffff;
		text-align: center;
		line-height: 1.6em; /*--全体用に追加--*/
}

a:link {
		color: #000000;
}
a:active {
		color: #ff0000;
}
a:visited {
		color: #000000;
		text-decoration: none;
}
a:hover {
		color: #ff0000;
		text-decoration:underline;
}



/*
============================== Wrapper
*/
div#wrapper {
		margin: 0 auto;
		text-align: left;
		border: 1px solid #cccccc;
		width: 780px;
		background-color: #ffffff;
}


/*
============================== header
*/
div#header {
		height: 108px;
		text-align: left;
		width: 780px;
}



div#head_uper {
		height: 80px;
		width: 780px;
		background: url(../opta/main_e/head_bg_uper.jpg) no-repeat;
}


/* 各ページ共通メニュー部分
 =======================================*/


/* menu_navigation
------------------------------- */


div#head_lower {
		height: 28px;
		width: 780px;
		background: url(../opta/main_e/head_bg_under.gif) no-repeat;
}

div#home {
		width: 60px;
		height: 24px;
		text-align: left;
		float: left;
}

div#menu {
		width: 720px;
		height: 24px;
		text-align: left;
		float: right;
}

/* #head_lowerに対するフロート指定を解除するcssハックの始まり
　------------------------------ */

#head_lower:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
#head_lower {
		display: inline-table;
}
/* MacIE begin \*/
* html #head_lower {
		height: 1%;
}
#head_lower {
		display: block;
}
/* MacIE end */

/* #head_lowerに対するフロート指定を解除するcssハックの終わり
　------------------------------ */

div#home .navi_home
div#home .navi_home a {
		width: 60px;
		height: 24px;
}

div#home .navi_home a:link,
div#home .navi_home a:visited {
		width: 60px;
		height: 24px;
		display: block;
		background: url(../opta/main_e/button_homeA.gif) no-repeat left top;
}

div#home .navi_home a:hover,
div#home .navi_home a:active {
		width: 60px;
		height: 24px;
		display: block;
		background: url(../opta/main_e/button_homeB.gif) no-repeat left top;
}


div#home .navi_home span {
		display: none;
}

/* ▼メニュー　ホーム　現在　ボタン　差し替え部分
　------------------------------ */

div#home .navi_home_now {
		width: 60px;
		height: 24px;
		display: block;
		background: url(../opta/main_e/button_homeC.gif) no-repeat left top;
}

div#home .navi_home_now span {
		display: none;
}


/* ▼各メニュー　　ボタン　部分
　------------------------------ */

div#menu ul {
		width: 711px;
		height: 24px;
		text-align: left;
}

div#menu ul li {
		float: left;
		list-style-type: none;
}

div#menu ul li a span {
		display: none;
}

div#menu ul li a {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
}


/* ▼メニュー　02お知らせ　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.osirase_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_osiraseC.gif) no-repeat left bottom;
}

div#menu ul li.osirase_now span {
		display: none;
}


/* ▼メニュー　03ニュース　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.news_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_newsC.gif) no-repeat left bottom;
}

div#menu ul li.news_now span {
		display: none;
}


/* ▼メニュー　04大会スケジュール　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.sche_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_game_scheC.gif) no-repeat left bottom;
}

div#menu ul li.sche_now span {
		display: none;
}


/* ▼メニュー　05大会結果　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.result_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_game_resultC.gif) no-repeat left bottom;
}

div#menu ul li.result_now span {
		display: none;
}


/* ▼メニュー　06optaランキング　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.optarank_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_lankC.gif) no-repeat left bottom;
}

div#menu ul li.optarank_now span {
		display: none;
}


/* ▼メニュー　07国体情報　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.kokutai_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_kokutaiC.gif) no-repeat left bottom;
}

div#menu ul li.kokutai_now span {
		display: none;
}


/* ▼メニュー　08入会案内　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.enter_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_enterC.gif) no-repeat left bottom;
}

div#menu ul li.enter_now span {
		display: none;
}


/* ▼メニュー　09岡山県テニス協会　現在	　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.associait_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_associationC.gif) no-repeat left bottom;
}

div#menu ul li.associait_now span {
		display: none;
}


/* ▼メニュー　10ジュニアランキング　現在　ボタン　差し替え部分
　------------------------------ */

div#menu ul li.jr_lank_now {
		float: left;
		display: block;
		width: 79px;
		height: 24px;
		background:url(../opta/main_e/menu_btn/btn_me_jr_lankC.gif) no-repeat left bottom;
}

div#menu ul li.jr_lank_now span {
		display: none;
}



/* #menuに対するフロート指定を解除するcssハックの始まり
　------------------------------ */

#menu:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
#menu {
		display: inline-table;
}
/* MacIE begin \*/
* html #menu {
		height: 1%;
}
#menu {
		display: block;
}
/* MacIE end */

/* #head_lowerに対するフロート指定を解除するcssハックの終わり
　------------------------------ */

div#menu ul li a.navi_osirase:link,
div#menu ul li a.navi_osirase:visited {
		background:url(../opta/main_e/menu_btn/btn_me_osiraseA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_osirase:hover,
div#menu ul li a.navi_osirase:active {
		background:url(../opta/main_e/menu_btn/btn_me_osiraseB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_news:link,
div#menu ul li a.navi_news:visited {
		background:url(../opta/main_e/menu_btn/btn_me_newsA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_news:hover,
div#menu ul li a.navi_news:active {
		background:url(../opta/main_e/menu_btn/btn_me_newsB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_schedule:link,
div#menu ul li a.navi_schedule:visited {
		background:url(../opta/main_e/menu_btn/btn_me_game_scheA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_schedule:hover,
div#menu ul li a.navi_schedule:active {
		background:url(../opta/main_e/menu_btn/btn_me_game_scheB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_result:link,
div#menu ul li a.navi_result:visited {
		background:url(../opta/main_e/menu_btn/btn_me_game_resultA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_result:hover,
div#menu ul li a.navi_result:active {
		background:url(../opta/main_e/menu_btn/btn_me_game_resultB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_optarank:link,
div#menu ul li a.navi_optarank:visited {
		background:url(../opta/main_e/menu_btn/btn_me_lankA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_optarank:hover,
div#menu ul li a.navi_optarank:active {
		background:url(../opta/main_e/menu_btn/btn_me_lankB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_jrrank:link,
div#menu ul li a.navi_jrrank:visited {
		background:url(../opta/main_e/menu_btn/btn_me_jr_lankA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_jrrank:hover,
div#menu ul li a.navi_jrrank:active {
		background:url(../opta/main_e/menu_btn/btn_me_jr_lankB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_kokutai:link,
div#menu ul li a.navi_kokutai:visited {
		background:url(../opta/main_e/menu_btn/btn_me_kokutaiA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_kokutai:hover,
div#menu ul li a.navi_kokutai:active {
		background:url(../opta/main_e/menu_btn/btn_me_kokutaiB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_enter:link,
div#menu ul li a.navi_enter:visited {
		background:url(../opta/main_e/menu_btn/btn_me_enterA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_enter:hover,
div#menu ul li a.navi_enter:active {
		background:url(../opta/main_e/menu_btn/btn_me_enterB.gif) no-repeat left bottom;
}

div#menu ul li a.navi_associait:link,
div#menu ul li a.navi_associait:visited {
		background:url(../opta/main_e/menu_btn/btn_me_associationA.gif) no-repeat left bottom;
}

div#menu ul li a.navi_associait:hover,
div#menu ul li a.navi_associait:active {
		background:url(../opta/main_e/menu_btn/btn_me_associationB.gif) no-repeat left bottom;
}


/* 以上各ページ共通メニュー部分
 =======================================*/


/* main
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#main {
		width: 780px;
		clear: both;
		text-align: center;
}



/* 各ページ共通フッター部分
 =======================================*/
#footer {
		width: 780px;
		height: auto;
		clear: both;
		text-align: center;
}



/* #トップページのcount_info部分
　------------------------------ */
#count_info {
		width: 780px;
		height: 30px;
		background-color: #D6E615;
		text-align: center;
}

#count_info_waku {
		width: 720px;
		height: 30px;
		margin: 0 auto;
}


#count_info .counter {
		float: left;
		width: 200px;
		height: 16px;
		text-align: left;
		margin-top: 5px;
}


#count_info .info {
		float: right;
		width: 200px; /*--すべて用に位置調整で修正135を155に--*/
		height: 16px;
		text-align: right;
		margin-top: 7px;
}


#count_info .info a,
#count_info .info a:link,
#count_info .info a:visited,
#count_info .info a:active {
		text-decoration: none;
}

#count_info .info a:hover {
		text-decoration: underline;
		color: #FF0000;
}


/* #count_infoに対するフロート指定を解除するcssハックの始まり
　------------------------------ */

#count_info_waku:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
#count_info_waku {
		display: inline-table;
}
/* MacIE begin \*/
* html #count_info_waku {
		height: 1%;
}
#count_info_waku {
		display: block;
}
/* MacIE end */

/* #count_infoに対するフロート指定を解除するcssハックの終わり
　------------------------------ */

/* #トップページ以外のmail_info部分
　------------------------------ */

#mail_info {
		width: 780px;
		height: 30px;
		background-color: #D6E615;
		text-align: center;
}


#mail_info .mail {
		width: 720px;
		height: 20px;
		margin: 0 auto;
		padding-top: 7px;
		text-align: right;
}

/*\*/
* html #kaisha address {height: 27px; padding-top: 7px;}
/* For Win IE */
/* */


#mail_info .mail a,
#mail_info .mail a:link,
#mail_info .mail a:visited,
#mail_info .mail a:active {
		text-decoration: none;
}

#mail_info .mail a:hover {
		text-decoration: underline;
		color: #FF0000;
}




/* #kaisha部分
　------------------------------ */
#kaisha {
		width: 780px;
		height: 40px;
		clear: both;
		background-color: #269436;
		text-align: center;
}

#kaisha address {
		width: 720px;
		height: 37px;
		text-align: left;
		padding-top: 3px;
		color: #FFFFFF;
		margin: 0 auto;
}


/*\*/
* html #kaisha address {height: 40px; padding-top: 3px;}
/* For Win IE */
/* */



/* 以上各ページ共通フッター部分
 =======================================*/


/*
 =================== 各ページ共通 =======================
*/
/* 共通720pxグレー横ライン
　------------------------------ */

.sen_line {
		width: 720px;
		height: 20px;
		clear: both;
		background: url(../opta/main_e/1_1_gray_k25.gif) repeat-x 50% 50%;
		margin: 0 auto;
}

.sen_line span {
		display: none;
}


/* 共通各タイトル下433pxグレー横ライン
　------------------------------ */

#sub_title_line {
		width: 443px;
		height: 20px;
		background: url(../opta/main_e/1_1_gray_k25.gif) repeat-x 50% 50%;
}

#sub_title_line span {
		display: none;
}


/* 共通各「Topへもどる」
　------------------------------ */

.go_top {
		width: 720px;
		height: 15px;
		margin: 0 auto;
		padding-top: 5px;
		text-align: right;
}

/*\*/
* html #go_top {height: 20px; padding-top: 5px;}
/* For Win IE */
/* */

.go_top a {
		width: 150px;
		text-align: right;
}

.go_top a:link,
.go_top a:visited,
.go_top a:active {
		text-decoration: none;
}

.go_top a:hover {
		text-decoration: underline;
		color: #FF0000;
}


/* 共通各トップ部分
　------------------------------ */

#page_top {
		width: 720px;
		height: auto;
		margin: 0 auto;
		padding-top: 25px;
}

#top_left {
		float: left;
		width: 443px;
}

#top_right {
		float: right;
		width: 250px;
}

/* #head_lowerに対するフロート指定を解除するcssハックの始まり
　------------------------------ */

#page_top:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
#page_top {
		display: inline-table;
}
/* MacIE begin \*/
* html #page_top {
		height: 1%;
}
#page_top {
		display: block;
}
/* MacIE end */

/* #head_lowerに対するフロート指定を解除するcssハックの終わり
　------------------------------ */


/* 各ページタイトル下グレー線枠
　------------------------------ */
#top_left .sub_navi {
		width: 443px;
		height: auto;
		border: 1px solid #CCCCCC;
}



/* 各ページ　三角矢印（▶▶）サイズ50%に
　------------------------------ */

em.go_arrow {
		font-size: 0.5em;
}