@charset "UTF-8";
/* Basic CSS by mactoy@sid.jp (YUI)
 $Id:$
 for JTA Official Site
 Version:0.9.5
 Modified:2008-07-05
------------------------------------------------------ */
/* Mac IE 5 \*//*/
body {
font-size:13.5px!important;
}

#bd .yui-g .yui-g {
width:48.7%!important;
}

#bd .yui-g .yui-g .yui-u {
width:49.1%!important;
}

.maciefirst {
width:25%!important;
}
/**/

/* font tag is deprecated */
body#mypages {
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
   letter-spacing: 0; /* for ie7's page expansion  */
}
body#enpages {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   letter-spacing: 0;
}
body#mypages div#navibar,
body#mypages div#navibar2,
body#mypages div#sidebar,
body#mypages div#footer,
body#mypages div#content {
font-size:16px!important;
}

/* Mac IE 5 \*//*/
body#mypages div#navibar,
body#mypages div#navibar2,
body#mypages div#sidebar,
body#mypages div#footer,
body#mypages div#content {
font-size:12px!important;
}
/**/

/* not to display  (caution: li a  span is for menu only) */
.cutoff,
ul.mnulist li a span {
position:absolute;
top:0px;
left:-9999px;
}
/* for clearing float */
.clear {clear:both;}
/* for alignment */
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.photoleft {
	float: left;
	margin-right:0.3em;
}
.photoright {
	float: right;
	margin-left:0.3em;
}

/* clearfix huck */
.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
display: inline-table;
zoom:1;
}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.photo,
img.photo {
background:url(../images/loading.gif) no-repeat 50% 50%;
}

/* delete menu image's strange spaces in [IE] for xxxcommon.js */
.btn,
.mnu,
.tmnu {
display:block;
vertical-align: bottom;
}
/* for setting font size */
/*
.fsxxs,
.fs6px {font-size:47%}
.fsxs,
.fs8px {font-size:66%}
.fssm,
.fs10px{font-size:77%}
.fs11px{font-size:85%}
.fs12px{font-size:92%}
.fsmd,
.fs13px{font-size:100%}
.fs14px{font-size:107%}
.fs16px{font-size:122%}
.fs18px{font-size:136%}
.fs20px{font-size:152%}
.fs22px{font-size:167%}
.fs24px{font-size:182%}
.fs26px{font-size:197%}
.fsaxxs {font-size:xx-small;}
.fsaxs {font-size:x-small;}
*/

/* Japanese 16px base */
.fsj9px {font-size:58%!important;}
.fsj10px {font-size:63%!important;}
.fsj11px {font-size:69%!important;}
.fsj12px {font-size:75%!important;}
.fsj13px {font-size:82%!important;}
.fsj14px {font-size:88%!important;}

/* for resizable area with fontresizer */

#fontresizersection {
text-align:right;
margin-bottom:0.5em;
padding-top:0.5em;
padding-right:0.5em;
}
.resizer {
padding:2px;
border:1px solid #FF9900;
}
.resizerLabel {
}
#fontResizer {
margin-bottom:0.5em;
padding-top:0.4em;
padding-right:10px;
font-size:75%;
height:1.8em;
line-height:1.2em;
}
.gallery #fontResizer span {
background-color:#EEE;
padding:2px;
border:1px solid #DD3;
}
.gallery .resizer {
background-color:#FFF;
}
/* for urktruncater */
.weburl {}

.note {
margin:0.5em 2em 0.5em 3em;
text-indent:-1em;
color:#333;
}

table {border-collapse:collapse;}

strong {font-weight:bold;}
sup,
.sup {
vertical-align:super;
font-size:66%;
}
sub,
.sub {
vertical-align:sub;
font-size:66%;
}

/**
  * Body Container
  **/
body {
 }
 
.doc	{
position:	relative;
margin: 0 auto ; /* centerize */
}
#bd {background:	url(../images/bg/bg_leftsidepane.gif) repeat-y 0 0;}
#container {background:	url(../images/bg/bg_content.gif) repeat-y 81% 0;}
/**
  * ヘッダ
  **/
#header	{
position:relative;
margin: 0;	padding: 0;
top:	0px;
left:	0px;
background:	url(../images/hd/bg_header.gif) no-repeat 0 0;
}
#hdspace1 {height: 74px; width:10px;}
#hdspace2 {height: 24px; width:10px;}
#hdlogo {
position:	absolute;
top:	0px;
left:	0px;
}
#adbanner {
	position:	absolute;
	top:	23px;
	right:	3px;
	width: 136px;
	height: 50px;
}
.bigbanner {
text-align:center;
}
.bigbanner img {
margin:0 auto;
}

/*
* html #hdlogo { behavior: expression(IEPNGFIX.fix(this)); }
*/

/**
  * ヘッダメニュー
  **/

#hdmenu {
position:	absolute;
margin: 0px;
padding: 0px;
top:	2px;
right:	3px;
}
#hdmlist	{
margin: 0px;
padding: 0px;
height:16px;
display:inline;
}
#hdmlist li{
display: block;
list-style-position: inside;
float: left;
}
#glmenu {
position:	absolute;
height: 22px;
width:88%;
bottom:0px;
left:	12px;
overflow:hidden;
background:	url(../images/hd/bg_glm.gif) repeat-x 0 0;
}
#glmlist	{
display:block;
margin:0 auto;
padding: 0px;
}
#glmlist li{
list-style-position: inside;
display: block;
float: left;
padding-left: 1px;
height:22px;
}

#hdmlist li a img,
#glmlist li a img {
display:inline;
}

/**
  * フッター
  **/
#footer {
position: relative;
margin:0;
padding: 6px 0px 6px 0px;
font-size: 85%;
line-height:	1.3em;
color: #000000;
background-color:	white;	
border-top:1px solid #e0e0e0;
}
#footerlinks {
width:100%;
text-align:center;
color:#666;
}
#footerlinks a {font-weight:bold;}
#footerlinks a:link {color: black;}
#footerlinks a:visited {color: #333;}
#footerlinks a:active {color: yellow;}
#footerlinks a:hover {color: #aaa;}
#footerol {
position:relative;
}
#footerinner {
padding:4px 12px 4px 128px;
text-align:left;
}
#logo_footer_jtasec {
position:absolute;
top: 28px;
left: 58px;
width: 52px;
height: 44px;
}
#ftlogos {
padding-bottom:8px;
width:100%;
text-align:center;
}
ul.ftlogolist {
display:block;
width:722px;
height:59px;
margin:0 auto 3px auto;
border:1px #99F solid;
}
ul.ftlogolist li{
display:block;
width: 119px;
height:54px;
padding-top:4px;
border-right:1px #99F solid;
float:left;
}
ul.ftlogolist li.lastChild {
border-right:none!important;
}
ul.ftlogolist li img {
display:block;
margin:0 auto;
}


/**
  * サイドバー
  **/
.rightbarpane{
position:relative;
}
.leftbarpane {
position:relative;
}

#sidebar {padding-top:4px;overflow:hidden;}
#navibar {padding-top:4px;overflow:hidden;}

/**
  * サイドバーコンポーネント
  */
.naviPart {
margin:0 0 3px 12px;
}
.naviCompo {
margin:0 0 3px 12px;
padding:22px 1px 1px 1px;
border-right:1px #AAA solid;
border-left:1px #AAA solid;
border-bottom:1px #AAA solid;
}
.bannerCompo {
margin-bottom:3px;
border-right:1px #AAA solid;
border-left:1px #AAA solid;
border-bottom:1px #AAA solid;
}
.bannerCompo li {
display:inline; /* eliminate starnge space on IE */
line-height:1px;
width:100%;
height:52px;
}
.bannerCompo li.nolink {
background:url(../images/bg_banner.gif) 0 0;
}
.bannerCompo li a {
display:block;
width:100%;
height:52px;
}
.bannerCompo li a:link,
.bannerCompo li a:visited {
background:url(../images/bg_banner.gif) 0 0;
}
.bannerCompo li a:hover,
.bannerCompo li a:active {
background:url(../images/bg_banner.gif) 0 52px;
}
.bannerCompo li img{
display:block;
margin:0 auto;
padding-top:6px!important;
}


#naviCategory {
display:block;
height:95px;
width:100%;
margin:0 0 3px 12px;
}

#puncture {
font-weight:bold;
color:#333;
margin:0 0 3px 12px;
line-height:1.1em;
}

#punctureList {
line-height:1.3;
}

#side_officialsites {
display:block;
height:22px;
width:100%;
background:url(../images/sd/bg_sdttl_officialsites.gif) 0 0;
}
#side_officialpages {
display:block;
height:22px;
width:100%;
background:url(../images/sd/bg_sdttl_officialpages.gif) 0 0;
}
#side_relatedsites {
display:block;
height:22px;
width:100%;
background:url(../images/sd/bg_sdttl_relatedsites.gif) 0 0;
}
#side_relatedorgs {
display:block;
height:22px;
width:100%;
background:url(../images/sd/bg_sdttl_relatedorgs.gif) 0 0;
}
#side_etc {
display:block;
height:22px;
width:100%;
background:url(../images/sd/bg_sdttl_etc.gif) 0 0;
}

.accordion_toggle {}
.accordion_content {overflow:hidden;}

img.sideposter {
display:block;
margin:0 auto;
padding-top:16px;
width:11.2em;
height:16.0em;
}

span.bbar {
display:block;
width: 100%;
height: 22px;
background:url(../images/sidettl_r.gif) no-repeat 100% 0;
}

dl.colorTab {
margin: 0.5em 1em 1em 0;
}

dl.colorTab dt {
display:block;
padding:2px 0.5em;
border-left:1px solid #00AAAA;
font-weight:bold;
background:url(../images/tab_blue.gif) no-repeat top right;
}

dl.colorTab dd {
margin-bottom:1em;
padding-top:0.5em;
padding-left:0.5em;
border-top: 1px solid #66C;
border-left: 1px solid #66C;
}

dl.colorTab dd dt{
background:url(../images/tab_color2.gif) no-repeat top right;
}

#updatedate {
color:#666;
text-align:right;
padding-right:1em;
}

/*
 * content #########
 */
#content {
padding-top:3px;
}

#pageTitle {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #0066CC;
background:url(../images/bg_pagetitle.gif) repeat-x;
}
h1#pageTitle {
	display:block;
	margin-top:4px;
	margin-bottom:0.8em;
	padding-top:6px;
	padding-left:6px;
	height:1.5em;
	font-size:122%;
	font-weight:bold;
}

/* color dl */

dl.longColor,
dl.semiColor,
dl.mediumColor,
dl.halfColor {
margin:2px 1em 1em 0em;
}

dl.longColor dt,
dl.semiColor dt,
dl.mediumColor dt,
dl.halfColor dt{
display:block;
margin-bottom:2px;
padding:2px;
background:none;
background-color:#9BF;
}

dl.longColor dt{
margin-right:2em;
}
dl.mediumColor dt{
width:12em;
float:left;
}
dl.semiColor dt{
width:6em;
float:left;
}
dl.halfColor dt{
width:16em;
float:left;
}

dl.longColor dd,
dl.semiColor dd,
dl.mediumColor dd,
dl.halfColor dd{
display:block;
margin-bottom:2px;
padding:2px;
border:none;
}
dl.longColor dd {
margin-left:1em;
}

dl.mediumColor dd {
margin-left:13em;
}
dl.semiColor dd{
margin-left:6em;
width:6em;
text-align:right;
}
dl.halfColor dd {
margin-left:17em;
}

dl.semiColor.nofloat {
margin-left:0;
padding-left:0;
}
dl.semiColor.nofloat dt,
dl.mediumColor.nofloat dt,
dl.halfColor.nofloat dt {
float:none;
}

dl.semiColor.nofloat dd,
dl.mediumColor.nofloat dd,
dl.halfColor.nofloat dd {
margin-left:1em !important;
}

ul.colorList {
margin:0.5em 1em 0.5em 6em;
list-style-position:outside;
list-style-type: disc; 
list-style-image:url(../images/dot_colorlist.gif) ;
}

dd ul.colorList {
margin:0.5em 1em 0.5em 1.5em;
list-style-position:outside;
list-style-type: disc; 
}

ul.colorList li{
margin-bottom:0.3em;
list-style-image:url(../images/dot_colorlist.gif) ;
}

p.desc {
margin:0 2em 0.5em 2em;
text-indent:1em;
line-height:1.8em;
}

dd p.desc {
margin:0 1em 0.8em 1em;
}

h3.desc {
margin:0 2em 0.5em 1.5em;
}

/* type link */
.pdflink {
padding-left:20px;
background:url(../images/pdficon_small.gif) no-repeat 3px center;
}
ul.pdflist,
ol.pdflist {
margin:0em 1em 0.5em 1em;
}
ul.pdflist li{
line-height:1.8em;
}
.mailto {
padding-left:20px;
background:url(../images/mailicon_small.gif) no-repeat 3px center;
}

/* side navi */
div.sidenavi {
width: 100%;
border-top:2px solid #666666;
border-bottom:2px solid #666666;
padding:0 0 0 2px;
background-color:
}
div.sidenavi h3 {
padding:2px 0  3px 3px;
font-weight:bold;
background:url(../images/bg_sectiltle.gif) repeat-x;
}
div.sidenavi dt {
padding:3px 0 3px 4px;
background-color:#E0E0E0;
border-top:1px solid #333333;
}
div.sidenavi dd {
border-top:1px solid #333333;
}
div.sidenavi li{
border-collapse:collapse;
padding:3px 1px 3px 7px;
background-color:#F9F9F9;
border-bottom:1px solid #CCCCCC;
}
.sidenavi li:link {
background-color: #F9F9F9;
}
.sidenavi li:visited {
background-color: #F9F9F9;
}
.sidenavi li:hover {
background-color: #FEFEFE;
}
.sidenavi li:active {
background-color: #FFFFFF;
}
a.on,
a:link.on,
a:visited.on,
a:hover.on,
a:active.on {
text-decoration:none;
font-weight:bold;
}

/* cmenu */
a.cmnu {
color:#333333;
}
a:link.cmnu {
color:#333333;
}
a:visited.cmnu {
color:#333333;
}
a:active.cmnu {
color:#CCCCCC;
}
a:hover.cmnu {
color:#999999;
}

strong.red,strong.emergency,em.red,em.emergency {
font-weight: bold;
color: red;
}
strong.darkred,strong.caution,em.caution {
font-weight: bold;
color: darkred;
}
strong.yellow,strong.notice,em.notice {
font-weight: bold;
color: darkyellow;
}