@charset "UTF-8";
/* Basic CSS by mactoy@sid.jp (YUI)
 $Id:$
 for JTA Official Site
 0.9.4
 modified:2008/01/02
------------------------------------------------------ */

/* common format */

.menusection {
/* menu header */
margin:0.3em 1em 0.5em 0;
padding:0.3em 0.5em 0.3em 0.2em;
border-top:2px #0066CC solid;
background:url(../images/bg_sectiltle.gif) repeat-x;
font-weight:bold;
}
.menusection02 {
/* menu header */
margin:0.3em 1em 0 0;
padding:0.3em 0.5em 0.3em 0.3em;
color:#ffffff;
background-color:#cccccc;
font-weight:bold;
width:735px;
}

h3.information,
h4.information {
margin:2px 0 0 1.4em;
width:8em;
height:1.3em;
border-style:solid;
border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 0;
border-left-width: 1px;
padding:2px 2px 1px 2px;
font-weight:bold;
border-color:#CCEEEE;
}
div.information {
margin:0 1em 0 1em;
padding:2px;
border-width:1px;
border-style:solid;
border-color:#CCEEEE;
background-color:#F9FFFF;
}
.information ul {
padding:0;
margin:0;
}
.information li {
margin-bottom:0.3em;
margin-left:0.2em;
padding-left:1.3em;
background:url(../images/dot_colorlist.gif) no-repeat -0.1em 0.1em;
}
.information strong {
color:red;
font-weight:bold;
}

/* article tabs */
.articleTabSection {}

ul.articleTabs {
margin:0px 2px 0px 2px;
height:30px;
list-style:none;
background:url(../images/bg_minitab.gif) repeat-x bottom left;
}
ul.articleTabs li{
margin:4px 0px 2px 0px;
padding:2px 0px 0px 0px;
float:left;
}
ul.articleTabs a{
display:block;
height:19px;
margin:0px 2px 0px 4px;
padding:2px 14px 0px 14px;
}
ul.articleTabs a:link,
ul.articleTabs a:visited {
background-color:#999;
color:white;
}
ul.articleTabs a:hover {
background-color:white;
color:black;
}
ul.articleTabs a:active {
background-color:white;
color:white;
}
ul.articleTabs a.on,
ul.articleTabs a:link.on,
ul.articleTabs a:visited.on,
ul.articleTabs a:hover.on,
ul.articleTabs a:hover.active  {
background-color:white !important;
color:black;
}
div.articleTabSection dl {
margin:2px;
padding:0px;
}
div.articleTabSection dl dt {
display:block;
padding:2px 4px 0px 4px;
width:auto;
background:none;
background-color:#fdd;
border-bottom:2px solid #eef;
text-align:left;
}
div.articleTabSection dl dd {
display:block;
padding-left:32px;
padding-right:32px;
background-color:#eef;
}
div.articleTabSection dl dd p {
line-height:1.5em;
text-indent: 1em;
margin:0.5em 0 1em;
padding:0;
}

p.article {
margin:0px 2em 0.5em 2em;
line-height: 1.5em;
text-indent:1em;
color:black;
}

p.article02 {
line-height: 1.5em;
text-indent:1em;
color:black;
}

body.gallery p.article {
color: white;
}
p.article img,
div.articleTabSection dl dd p img {
margin:2px 6px 4px 0px;
float:left;
}

div.article02TabSection dl dd p img {
margin:2px 6px 4px 0px;
float:right;
}

div.articleTabSection p.note {
margin-top:12px;
margin-left:18px;
margin-right:26px;
}

.article_title {
margin:0.5em 4px 0.3em 4px;
font-weight:bold;
color:#339;
}
.article_subtitle {
margin:0.3em 4px 1em 1em;
padding-left:3px;
font-weight:bold;
color:#003;
border-left:4px solid #66A;
}
.article_head {
	margin:2em 4px 4px 4px;
	font-weight:bold;
	color:#EEF;
}

p.continue {
margin-top:8px;
margin-bottom:8px;
text-align:right;
}
p.continue a,
p.continue a:link,
p.continue a:visited,
div#articlesection dl dt a,
div#articlesection dl dt a:link,
div#articlesection dl dt a:visited {text-decoration:none; color:#336 !important;}
div#articlesection dl dt a:hover,
div#articlesection dl dt a:active,
p.continue a:hover,
p.continue a:active {text-decoration:none; color:#33F !important;}

p.newsdate {
margin:2px;
padding:0px;
text-align:right;
}
p.writer {margin-top:12px;text-align:right;color:#336;}

p.writer2 {margin-top:12px;text-align:center;color:#336;}

img.articleLeft {
margin:0.3em 8px 1em 0px;
padding:0px;
float:left;
}

/* article score */

table.scoretbl {font-size:x-small;border:2px solid #c33;}
table.scoretbl td {border:1px solid #c33;padding:4px;}


div.scorearea {
position:relative;
margin:1em 0.5em 1.5em 1em;
border:1px solid #33C;
}
div.scorearea span {
display:block;
text-align:left;
padding-left:4px;
font-weight:bold;
background-color:#fdd;color:#33A;
}
div.scorearea div {
width:1.5em;
margin:0px;
padding:4px 0px;
text-align:center;
float:left;
}
div.scorearea ul { /* name */
display:block;
margin:0px;
padding:4px 0px;
width:15em;
list-style:none;
float:left;
}
div.scorearea ul li {
display:block;
line-height:1.2em;
}
div.scorearea ol {
display:block;
margin:0px;
padding:1px 0px;
width:7.5em;
list-style:none;
float:left;
}
div.scorearea ol li {
margin:0px 2px;
padding:2px 1px;
border:1px solid #EEF;
float:left;
}
div.scorearea br {clear:both;}
div.win {
width:1.1em;
color:green;}
div.loss {
width:1.1em;
color:red;}
ol.schedulelist {margin:4px 0px 0px 4px;padding:0px;list-style:none;}

/* color button */
a.colorBtn {
display:block;
padding:0.6em 1em 0.6em 2em;
margin:0 0 2px 0;
line-height: 1.2;
background:url(../images/bg_btn.gif) no-repeat;
}
a.colorBtnPdf {
display:block;
padding:0.6em 1em 0.6em 3em;
margin:0 0 0.2em 0;
line-height: 1.2;
background:url(../images/bg_btnpdf.gif) no-repeat;
}
a.colorBtnExt {
display:block;
padding:0.6em 1em 0.6em 3em;
margin:0 0 0.2em 0;
line-height: 1.2;
background:url(../images/bg_btnext.gif) no-repeat;
}
a:link.colorBtnExt,
a:link.colorBtnPdf,
a:link.colorBtn {
background-position:0 0;
}
a:visited.colorBtnExt,
a:visited.colorBtnPdf,
a:visited.colorBtn {
background-position:0 -300px;
}
a:hover.colorBtnExt,
a:hover.colorBtnPdf,
a:hover.colorBtn {
background-position:0 -100px;
}
a:active.colorBtnExt,
a:active.colorBtnPdf,
a:active.colorBtn {
background-position:0 -200px;
}

/* colorBtn menu */
.menuList li {
margin-bottom:4px;
}


/* navi tab (page tab) */
ul.tabLinks {
list-style: none;
margin:0;
padding:0 0 0 2px;
}
ul.tabLinks li {
*display: inline-block;
float:left;
margin:0 0 0 1px;
min-width: 38px;
}
ul.tabLinks li a {
display: block;
padding:0px 12px 0px 4px;
background-image:url(../images/tab_color.png);
background-repeat: no-repeat;
}
ul.tabLinks li a span {
display: block;
padding:6px 2px 0px 14px;
background-image:url(../images/tab_color.png);
background-repeat: no-repeat;
}
ul.tabLinks li a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left:0px;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
background-position: 100% -200px;
outline: 0; /* prevent dotted border in Firefox */
outline: 0; /* prevent dotted border in Firefox */

}
ul.tablinks li a span {
_width: 32px; /* IE 6 treats width as min-width */
min-width: 32px;
_height: 12px; /* IE 6 treats height as min-height */
min-height: 12px;
}

*>.tablinks a span { /* hide from IE 6 */
width: auto;
height: auto;
}


.tabLinks li a.cmnu {
background-position: 100% -350px;
}
.tabLinks li a.cmnu:link,
.tabLinks li a.cmnu:visited {
background-position: 100% -350px;
}
.tabLinks li a.cmnu:hover,
.tabLinks li a.cmnu:focus {
background-position: 100% -250px;
}
.tabLinks li a.cmnu:active {
background-position: 100% -300px;
}

.tabLinks li a.cmnu span {
background-position: 0 -150px;
}
.tabLinks li a.cmnu:link span,
.tabLinks li a.cmnu:visited span {
background-position: 0 -150px;
}
.tabLinks li a.cmnu:hover span,
.tabLinks li a.cmnu:focus span {
background-position: 0 -50px;
}
.tabLinks li a.cmnu:active span {
background-position: 0 -100px;
}

.tabLinks li a.on{
color: #000;
}
.tabLinks li a.on span{
font-weight: bold;
}


/* hash tab (;onk hash tab) */
ul.hashTab {
list-style: none;
margin:0;
padding:0 0 0 2px;
line-height: 1;
}
ul.hashTab li {
*display: inline-block;
float:left;
margin:0 0 0 1px;
min-width: 38px;
}
ul.hashTab li a {
display: block;
padding:0px 9px 0px 3px;
background-image:url(../images/tab_color-s.png);
background-repeat: no-repeat;
}
ul.hashTab li a span {
display: block;
padding:6px 2px 3px 12px;
background-image:url(../images/tab_color-s.png);
background-repeat: no-repeat;
}
ul.hashTab li a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left:0px;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
background-position: 100% -200px;
outline: 0; /* prevent dotted border in Firefox */
}
ul.hashTab li a span {
_width: 32px; /* IE 6 treats width as min-width */
min-width: 32px;
_height: 12px; /* IE 6 treats height as min-height */
min-height: 12px;
}

*>.hashTab a span { /* hide from IE 6 */
width: auto;
height: auto;
}


.hashTab li a {
background-position: 100% -350px;
}
.hashTab li a:link,
.hashTab li a:visited {
background-position: 100% -350px;
}
.hashTab li a:hover,
.hashTab li a:focus {
background-position: 100% -250px;
}
.hashTab li a:active {
background-position: 100% -300px;
}

.hashTab li a span {
background-position: 0 -150px;
}
.hashTab li a:link span,
.hashTab li a:visited span {
background-position: 0 -150px;
}
.hashTab li a:hover span,
.hashTab li a:focus span {
background-position: 0 -50px;
}
.tabLinks li a:active span {
background-position: 0 -100px;
}



/* Additional IE specific bug fixes... */
* html ul.tablinks { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html ul.tablinks  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* in-page navi (depricted) */
div.naviline {
margin-top:1em;
margin-bottom:2em;
padding-top:4px;
padding-bottom:1px;
border-top:3px solid #E0F0FF;
border-bottom:2px solid #336699;
padding-left:0.5em;
}

div.naviline2 {
margin-top:0;
margin-bottom:0;
padding-top:4px;
padding-bottom:1px;
padding-left:0.5em;
}

/* in-page compo with clearfix hack */

/* Mac IE 5 \*//*/

/**/

div.compo-d,
div.compo-t,
div.compo-q {
width:100%;
}
div.c-unit,
div.c-unit2,
div.c-unit3 {
float:right;
}

div.c-unit4{
	float:left;
	width:65%;
}
div.c-unit5{ float:left;
width:33%;}

div.c-unit6{ float:left;
width:35%;}

div.c-unit7{ float:right;
width:25%;}

div.c-unit8{
	width:65px;
	float:left;
	padding-left:0;
	padding-right:3px;
	}
div.c-unit9{
	padding-bottom:20px;
	float:left;
	width:50%;
	text-align: center;
}
div.c-unit10{
	padding-bottom:20px;
	float:right;
	width:50%;
	text-align: center;
}

div.compo-d div.first,
div.compo-t div.first,
div.compo-q div.first {
float:left!important;
padding-left:0!important;
}

div.compo-d div.c-unit {
width:48%;
padding-left:1%;
}

div.compo-t div.c-unit {
width:32%;
padding-left:1%;
}

div.compo-t div.c-unit2 {
width:65%;
padding-left:1%;
}

div.compo-q div.c-unit {
	width:24%;
	padding-left:1%;
}

div.compo-q div.c-unit2 {
width:48%;
padding-left:1%;
}

div.compo-q div.c-unit3 {
width:73%;
padding-left:1%;
}

/* clearfix huck */
div.compo-d:after,
div.compo-q:after,
div.compo-t:after,
div.c-unit:after,
div.c-unit3:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.compo-d,
div.compo-q,
div.compo-t,
div.c-unit,
div.c-unit3 {
display: inline-table;
zoom:1;
}
/* Hides from IE-mac \*//*/
* html div.compo-d,
* html div.compo-q,
* html div.compo-t,
* html div.c-unit,
* html div.c-unit3 {
height: 1%;
}
div.compo-d,
div.compo-q,
div.compo-t,
div.c-unit,
div.c-unit3 {display: block;}
/* End hide from IE-mac */

/* items list */
.itemLevel1,
.itemLevel2,
.itemLevel3,
.itemLevel4 {
margin-left:0;
}
.itemLevel1 li {
margin-left:0.9em;
margin-bottom:0.2em;
}
.itemLevel2 li {
margin-left:1.8em;
margin-bottom:0.2em;
}
.itemLevel3 li {
margin-left:1.3em;
margin-bottom:0.2em;
}
.itemLevel4 li {
margin-left:1em;
margin-bottom:0.2em;
}

.itemLevel1 li.numbered2,
.itemLevel2 li.numbered2,
.itemLevel3 li.numbered2,
.itemLevel4 li.numbered2 {
padding-left:2em;
text-indent:-2em;
}

.itemLevel1 li.numbered3,
.itemLevel2 li.numbered3,
.itemLevel3 li.numbered3,
.itemLevel4 li.numbered3 {
padding-left:3em;
text-indent:-3em;
}

.itemLevel1 li.numbered4,
.itemLevel2 li.numbered4,
.itemLevel3 li.numbered4,
.itemLevel4 li.numbered4 {
padding-left:4em;
text-indent:-4em;
}

.cancelLevel,
.cancelLevel li {
margin-left:0;
}
.itemLevel1 li span.cancelNumbered,
.itemLevel2 li span.cancelNumbered,
.itemLevel3 li span.cancelNumbered,
.itemLevel4 li span.cancelNumbered {
text-indent:0em!important;
padding-left:0;
}
.itemLevel1 li.cancelNumbered,
.itemLevel2 li.cancelNumbered,
.itemLevel3 li.cancelNumbered,
.itemLevel4 li.cancelNumbered {
padding-left:0!important;
text-indent:0em!important;
}

.itemLevel1 .header,
.itemLevel2 .header,
.itemLevel3 .header,
.itemLevel4 .header {
font-weight:bold;
text-decoration:underline;
}
ol li.decimal {
list-style:decimal;
list-style-position:inside;
padding-left:2em;
text-indent:-1em;
}


/* mailto */
.jta_mailto {
margin:0.5em;
color:#336666;
text-align:right;
}

strong.uline {
	font-weight: bold;
	text-decoration: underline;
}