/* share style ---------------------------------------------------- */ * { margin: 0; padding: 0; color: #333333; outline: none; } body { text-align: center; } p { margin-bottom: 1em; } li { list-style: none; } h2 { background: #F1ECD2; margin-bottom: 1em; } h2#top { margin: 0; } h3.v1 { margin: 1.5em 0 0.5em 0; border-bottom: 2px solid #6166AB; } h3.v2 { margin: 0 0 1.5em 0; padding: 6px; background: #F1ECD2; border-top: 1px solid #2C4083; border-bottom: 1px solid #2C4083; font-weight: bold; } h3.v3 { margin: 0 0 1.5em; padding: 6px; background: #F1ECD2; border-top: 1px solid #2C4083; border-bottom: 1px solid #2C4083; font-weight: bold; height: 1em; } div.subtitle{ display: block; float: left; } div.topback{ display: block; float: right; text-align: right; font-weight: normal; } h4 { margin: 1.5em 0; } h5 { margin: 1em 0; } img { border: 0; } hr { margin: 0.5em 0; /* display: none;*/ } .clear { clear: both; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .Margin { margin: 1em 0; } .MarginT { margin-top: 1em; } .MarginB { margin-bottom: 1em; } .MarginN { margin: 0; } /* link style ---------------------------------------------------- */ a:link { color: #006BA2; } a:visited { color: #660099; } a:hover { color: #006BA2; } a:active { color: #006BA2; } div#Menu li a:link { color: #006BA2; text-decoration: none; } div#Menu li a:visited { color: #660099; text-decoration: none; } div#Menu li a:hover { color: #006BA2; text-decoration: underline; } div#Menu li a:active { color: #006BA2; text-decoration: none; } /* base style ---------------------------------------------------- */ div#body { width: 800px; margin: 0 auto; text-align :left; } div#Breadcrumbs { position: relative; background: #F1ECD2; padding: 4px 15px; } div#Container { width: 800px; position: relative; background: transparent url(/library/images/bg_main.gif) repeat-y left; overflow: hidden; } /**/ body#info div#Container, body#search div#Container { width: 800px; position: relative; background: none; overflow: hidden; } div#Container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } body#info div#Container:after, body#search div#Container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*\*/ * html div#Container { height: 1em; overflow: visible; } * html body#info div#Container, * html body#search div#Container { height: 1em; overflow: visible; } /**/ /* 2nd page base style ---------------------------------------------------- */ div#Container div#Menu { width: 178px; float: left; background: #F1ECD2; } div#Container div#Menu ul { margin: 0; padding: 0; } div#Container div#Menu ul li { border-bottom: 1px solid #6166AB; line-height: 1; } div#Container div#Menu ul li a { margin: 8px 10px; padding-left: 1em; display: block; background: transparent url(/library/images/icon_arrow3.gif) no-repeat left top; /* background: transparent url(/library/images/icon_arrow3.gif) no-repeat left center;*/ } div#Container div#Menu ul li.link a { background: transparent url(/library/images/icon_link.gif) no-repeat left top; /* background: transparent url(/library/images/icon_link.gif) no-repeat left center;*/ } div#Container div#Menu div.banner { padding-top: 9px; background: #E6E0C3; text-align: center; } div#Container div#Menu div.banner img { border: 1px solid #BDBDBD; } div#Container div#Contents { padding: 15px 0 0 15px; width: 607px; float: left; } body#info div#Container div#Contents, body#search div#Container div#Contents { padding: 15px 0 0 0; width: 800px; float: left; } /* Header style ---------------------------------------------------- */ div#Header { position: relative; width: 800px; height: 94px; background: #2C4083 url(/library/images/header/img_head.jpg) no-repeat; } div#Header p, div#Header a { margin: 0; font-size: 12px; text-indent: -9877em; text-decoration: none; } div#Header p#KansaiU a { margin-left: 13px; display: block; width: 74px; height: 18px; } div#Header p#KansaiUL a { clear:both; margin: 1px 0 0 15px; display: block; width: 335px; height: 23px; } div#Header form { clear: both; position: absolute; top: 23px; right: 16px; } /* Footer style ---------------------------------------------------- */ div#Footer { clear: both; position: relative; width: 800px; padding: 6px 0; background: #2C4083; } div#Footer ul { position: absolute; display: inline; } div#Footer li { margin-left: 10px; display: inline; } div#Footer a { padding-left: 15px; background: url(/library/images/footer/icon_footerlink.gif) no-repeat left center; color: #FFFFFF; text-decoration: none; } div#Footer a:hover { text-decoration: underline; } div#Footer p#copyright { margin: 0 10px 0 0; text-align: right; color: #FFFFFF; } /* common style ---------------------------------------------------- */ form input.search { width: 100px; line-height: 1; font-size: 13px; } ul.normal, ol.normal { margin-left: 2em; } ol.normal_B { margin-left: 2em; font-weight: bold; } ol.normal li, ol.normal_B li { list-style-type: decimal; } ul.normal ol.normal li.number { list-style-type: decimal; } ul.normal li { list-style-type: disc; } ul.normal li.circle { list-style-type: circle; } ul.listMenu { } ul.listMenu li { padding-left: 1em; background: url(/library/images/icon_arrow1.gif) no-repeat left top; /* background: url(/library/images/icon_arrow1.gif) no-repeat left 3px;*/ } ul.listMenu li.link { padding-left: 1em; background: url(/library/images/icon_link.gif) no-repeat left center; /* background: url(/library/images/icon_link.gif) no-repeat left 3px;*/ } ul.listMenu li.anchor { padding-left: 1em; background: url(/library/images/icon_arrow4.gif) no-repeat left center; /* background: url(/library/images/icon_arrow4.gif) no-repeat left 3px;*/ } dl.content_line { padding: 1.5em 0; background: url(/library/images/img_line1.gif) no-repeat bottom; } dl.content_lineTN { padding: 0 0 1.5em 0; background: url(/library/images/img_line1.gif) no-repeat bottom; } dl.content_line dt, dl.content_lineTN dt { padding-left: 1em; background: url(/library/images/icon_arrow1.gif) no-repeat left top; /* background: url(/library/images/icon_arrow1.gif) no-repeat left top;*/ } dl.content_line dt.link, dl.content_lineTN dt.link { padding-left: 1em; background: url(/library/images/icon_link.gif) no-repeat left center; /* background: url(/library/images/icon_link.gif) no-repeat left center;*/ } dl.content_line dt.noLink, dl.content_lineTN dt.noLink { padding: 0; font-weight: bold; background: none; } dl.content_line dd, dl.content_lineTN dd { padding-left: 1em; } p.pageTopv1 { margin: 0; padding: 11px 0 10px 0; line-height: 1; text-align: right; background: url(/library/images/img_line1.gif) no-repeat left top; clear: both; } p.pageTopv2 { margin: 15px 0 15px 0; line-height: 1; text-align: right; clear: both; } p.pageTopv3 { margin: 0 0 15px 0; display: block; float: right; line-height: 1.2; text-align: right; } p.pageTopv1 a, p.pageTopv2 a, p.pageTopv3 a { padding-left: 1em; background: url(/library/images/icon_pagetop.gif) no-repeat left center; } p.back { margin: 0 0 15px 0; padding: 0 0 0 12px; display: block; float: left; line-height: 1.2; background: url(/library/images/icon_arrow5.gif) no-repeat left center; } /* common style ---------------------------------------------------- */ @media print { div#Container { width: 800px; position: relative; background: none; overflow: hidden; } div#Container div#Menu { display: none; } div#Container div#Contents { padding: 15px 0; width: 800px; float:none; } } /* Accessibillity style ---------------------------------------------------- */ img.GuideHidden { position: relative; display: block; z-index: auto; top: 0px; left: 0px; width: 0px; height: 0px; } acronym { border-bottom: 1px dotted #0066CC; } div.Adobe { border: 1px solid #BDBDBD; padding: 5px; font-size: 80%; } div.Adobe img { float: right; margin-left: 10px; } /* ---------------------------------------------------- */ p.IndentUpside1 { margin: 0 0 0 1em; text-indent:-1em; } p.IndentUpside15 { margin: 0 0 0 1.5em; text-indent:-1.5em; } p.IndentUpside2 { margin: 0 0 0 2em; text-indent:-2em; } p.IndentUpside3 { margin: 0 0 0 3em; text-indent:-3em; } /* update 09/01/15 search style --------------------------------------------------- */ div.view{ border-bottom:2px solid #6166AB; margin:1em 0 0.5em 0; padding-bottom:1em; } div.view dl.title{ width:607px; clear:both; } div.view dl.title dt{ background:url(/library/images/icon_arrow1.gif) no-repeat scroll left top; padding-left:15px; width:519px; float:left; } div.view dl.title dd{ width:65px; margin-left:8px; float:right; } div.view dl.info{ width:592px; padding:0.5em 0; margin-left:15px; background: url(/library/images/img_line1.gif) no-repeat left top; clear:both; } div.view dl.info dt{ width:80px; float:left; } div.view dl.info dd{ width:512px; float:right; } ul.page{ clear:both; margin:0 auto; text-align:center; } ul.page li{ display:inline; padding:0 2px; } /* update 09/01/15 detail style --------------------------------------------------- */ table#detail{ border-collapse:separate; } table#detail tr{ } table#detail th{ width:150px; padding:5px; font-weight:normal; background:#DDDDDD; } table#detail td{ padding:5px; } table#detail td a{ }