@charset "UTF-8";
@import url("../common/css/style.css");

/*------------------------------------------------
   topのみ変更要素
------------------------------------------------*/
div#topside{
	width:260px;
	float:right;
	padding-bottom:30px;
}
div#topmain{
	float:left;
	width:663px;/*windows IE対策 3px拡張*/
	padding-bottom:30px;
}

/*------------------------------------------------
   top要素
------------------------------------------------*/
div#flashcontent{
	text-align:center;
	padding-bottom:30px;
}

.ui-tabs-panel{
	padding-top:10px;
	width:660px;
	border-top:#233862 5px solid;
}


/*------------------------------------------------
   topicsのみ変更要素
------------------------------------------------*/
div#main{
	width:663px;/*windows IE対策 3px拡張*/
}

/*------------------------------------------------
   topics要素
------------------------------------------------*/
.info-main{
	width:660px;
	padding-top:20px;
	border-top:#233862 5px solid;
}

/* -------- tabs */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-nav{
	padding-top:10px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li{
	float:left;
	line-height:1;
}

.tabs-nav li img{
	border-bottom:#FFFFFF 1px solid;
	vertical-align:bottom;
	display:block;
}

.tabs-nav li a{
	display:block;
}

#tab1,#tab2,#tab3,#tab4{
	margin-right:1px;
}


/*topはui-tabs-selectedを、topicsはparentsLinkをjavascriptにて指定*/
.tabs-nav #tab1.ui-tabs-selected img,#tab1 a.current,#tab1 a.parentsLink {
	border-bottom:#233862 1px solid;
	display:block;
}
.tabs-nav #tab2.ui-tabs-selected img,#tab2 a.current,#tab2 a.parentsLink {
	border-bottom:#617A1C 1px solid;
	display:block;
}
.tabs-nav #tab3.ui-tabs-selected img,#tab3 a.current,#tab3 a.parentsLink {
	border-bottom:#67989A 1px solid;
	display:block;
}
.tabs-nav #tab4.ui-tabs-selected img,#tab4 a.current,#tab4 a.parentsLink {
	border-bottom:#796A43 1px solid;
	display:block;
}
.tabs-nav #tab5.ui-tabs-selected img,#tab5 a.current,#tab5 a.parentsLink {
	border-bottom:#B2A42F 1px solid;
	display:block;
}

.tabs-nav li .current img,.tabs-nav li .parentsLink img{
	border:none;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active,
.tabs-nav .ui-tabs-deselectable a:hover, .tabs-nav .ui-tabs-deselectable a:focus, .tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

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


/* -------- info list */
.info-list{
	width:100%;
}

.info-list th,.info-list td {
	border-bottom:#FFFFFF 10px solid;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.info-list th{
	color:#000000;
	white-space:nowrap;
	vertical-align:top;
	width:130px;
	text-indent:2em;
}

.info-list th.listpress_release{
	background:url(images/icon_topi_pr.gif) no-repeat 0 0.9em;
}
.info-list th.listlegal_updates,.info-list th.listtlcb{
	background:url(images/icon_topi_lu.gif) no-repeat 0 0.9em;
}
.info-list th.listpublication{
	background:url(images/icon_topi_publication.gif) no-repeat 0 0.9em;
}
.info-list th.listevents{
	background:url(images/icon_topi_events.gif) no-repeat 0 0.9em;
}

.info-list td{
	padding-left:20px;
	border-left:#CCCCCC 1px solid;
}


#press_release_contensts{
	border-top:#617A1C 5px solid;
}
#legal_updates_contensts,#tlcb_contensts {
	border-top:#67989A 5px solid;
}
#publication_contensts {
	border-top:#796A43 5px solid;
}
#events_contensts {
	border-top:#B2A42F 5px solid;
}


/* -------- entry common style */
.info-main p {
	padding-bottom: 1.5em;
}

.info-main h2{
	color:#000000;
	font-size:125%;
	padding-bottom:5px;
	margin-bottom:25px;
}

h4{
	color:#276AA4;
	font-weight:bold;
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:1px dotted #CCCCCC;
}

#press_release_contensts h2{
	border-bottom:#617A1C 3px solid;
}
#legal_updates_contensts h2,#tlcb_contensts h2{
	border-bottom:#67989A 3px solid;
}
#publication_contensts h2{
	border-bottom:#796A43 3px solid;
}
#events_contensts h2{
	border-bottom:#B2A42F 3px solid;
}
#tentative_contensts h2{
	border-bottom:#ccc 3px solid;
}

#topi-date {
	font-size: 90%;
	padding: 0px;
	color: 4C4C4C;
	font-weight:bold;
}


/* -------- archives.index style */
.archive-index-contents h2{
	color:#000000;
	font-size:125%;
	padding-bottom:5px;
	border-bottom:#233862 3px solid;
}

.archive-index-contents ul{
	padding-bottom:30px;
	padding-top:20px;
}

.archive-index-contents ul ul{
	padding:0px;
}

.archive-index-contents ul li{
	background:url(../common/images/arrow1.gif) no-repeat 0 0.9em;
	padding-left:15px;
}

/* -------- application style */
form th{
	width:25%;
}
.input1{
	width:55%;
}

.input2{
	width:95%;
}

#inputsubmit{
	padding-top:20px;
	text-align:center;
}
#inputsubmit input{
	padding:5px 10px;
}

/* -------- ot */
.info-main p.bold { color:#000000; font-weight:bold; padding-bottom: 5px;}
.info-main p.bold2 { color:#000000; font-weight:bold; padding-bottom: 20px; text-align:center;}
.info-main .bold { color:#000000; font-weight:bold;}
.info-main p.blue2 { color:#25478B; padding-bottom: 5px;}
.info-main ul,.info-main ol { padding-bottom: 10px;}
.info-main ul li { list-style-type:disc; list-style-position:outside; list-style-image:none; margin:0 0 5px 30px;}
.info-main ul.list-a li { list-style-type:lower-alpha; list-style-position:outside; list-style-image:none; margin:0 0 5px 30px;}
.info-main ul.list-b li { list-style-type:upper-alpha; list-style-position:outside; list-style-image:none; margin:0 0 5px 30px;}
.info-main ul.list-c li { list-style-type:cjk-ideographic; list-style-position:outside; list-style-image:none; margin:0 0 5px 50px;}
.info-main ol li { list-style-type:decimal; list-style-position:outside; list-style-image:none; margin:0 0 5px 30px;}
.bt1 { padding-top:10px; border-top:1px solid #CCCCCC;}
.waku1 { padding:10px; border:1px solid #CCCCCC; background:#eee;}
.red2 { color:#ff0000; font-size: 85%; font-weight:bold;}
.nr { white-space:nowrap;}
.p-l30 { padding-left:30px;}
.p-l60 { padding-left:60px;}
.p-r10 { padding-right:10px;}
.info-main table.vt td { vertical-align:top;}
.info-main table.border { border-top:1px solid #999; border-left:1px solid #999; background:#fff;}
.info-main table.border td { border-bottom:1px solid #999; border-right:1px solid #999; padding:3px;}
em {font-style: italic;}
strong { color:#000000; font-weight:bold;}
#sidemenu { background:#000000;}