@charset "utf-8";

body { padding: 0 0 20px 0; font-size: 13px; *font-size: small; *font: x-small; text-align: center; }
table { font-size: inherit; /* font: 100%; */ }
select, input, textarea { font-size: 99%; }

* { margin: 0; padding: 0; border: none; line-height: 1.3; color: #333; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none; }
ul { list-style: none; }
hr { display: none; }

body { background: url(../images/bg-body.gif); background-color: #FFF; font-family: Arial, Helvetica, sans-serif; text-align: center; }

strong { font-weight: bold; }

a { color: #284F9D; text-decoration: underline; }
a:hover {  }

#main .center { margin-right: auto; margin-left: auto; text-align: center; }
#sub .center { margin-right: auto; margin-left: auto; text-align: center; }

.arrow { margin: 0 6px; padding: 0 4px; background: url(../images/arrow.gif) no-repeat 0 5px; }

.float-right { float: right; }
.float-left  { float: left; }

img.float-right { float: right; margin: 0 0 0 10px; }
img.float-left { float: left; margin: 0 0 10px 0; }

.clear-both { clear: both; }

.new { font-size: 80%; color: #FF0000; vertical-align: text-top; line-height: 4px; text-decoration: none; }

.deleted { text-decoration: line-through; }

#container { overflow: hidden; width: 804px; margin: 20px auto 20px auto; padding: 0 0 8px 0; background: url(../images/bg-container.gif) repeat-y bottom left; }
#container * { text-align: left; }

#header { background: url(../images/bg-header.gif) no-repeat; }
#header h2 { display: none; }

#header p#skip { display: none; }

#header-logo { overflow: hidden; width: 796px; height: 88px; border-right: 2px solid #000; border-left: 2px solid #000; background: #092D56; }
html[xmlns] #header-logo { width: 792px; }

ul#header-menu { list-style: none; width: 796px; height: 23px; border: 2px solid #000; border-width: 0 2px 0 2px; }
html[xmlns] ul#header-menu { width: 792px; }

ul#header-menu      { list-style: none; height: 23px; background: url(../images/bg-header-menu.gif); }
ul#header-menu li   { float: left; }
ul#header-menu li a { display: block; height: 23px; text-indent: -9999px; line-height: 0; font-size: 0; }
ul#header-menu li#header-home      { width:  67px; }
ul#header-menu li#header-about     { width: 146px; }
ul#header-menu li#header-solutions { width: 177px; }
ul#header-menu li#header-clientvoice   { width: 218px; }
/*ul#header-menu li#header-gazette   { width: 111px; }
ul#header-menu li#header-contact   { width: 107px; }*/
ul#header-menu li#header-faq       { width:  63px; }
ul#header-menu li#header-login     { width: 121px; }

ul#header-menu li#header-home      a:hover { background: url(../images/bg-header-menu.gif) no-repeat   left bottom; }
ul#header-menu li#header-about     a:hover { background: url(../images/bg-header-menu.gif) no-repeat  -67px bottom; }
ul#header-menu li#header-solutions a:hover { background: url(../images/bg-header-menu.gif) no-repeat -213px bottom; }
ul#header-menu li#header-clientvoice   a:hover { background: url(../images/bg-header-menu.gif) no-repeat -390px bottom; }
/*ul#header-menu li#header-gazette   a:hover { background: url(../images/bg-header-menu.gif) no-repeat -390px bottom; }
ul#header-menu li#header-contact   a:hover { background: url(../images/bg-header-menu.gif) no-repeat -501px bottom; }*/
ul#header-menu li#header-faq       a:hover { background: url(../images/bg-header-menu.gif) no-repeat -608px bottom; }
ul#header-menu li#header-login     a:hover { background: url(../images/bg-header-menu.gif) no-repeat -671px bottom; }

#contents { float: left; width: 796px; border: 2px solid #000; border-top-width: 0; background: #FFF url(../images/bg-contents.gif) repeat-y; }
html[xmlns] #contents { width: 792px; }

#main { float: left; width: 609px; margin: 0; padding: 20px 22px; }
#sub  { float: left; width: 180px; margin: 0 0 0 3px; padding: 20px 8px; }
html[xmlns] #main { width: 565px; }
html[xmlns] #sub  { width: 164px; }

#main * { text-align: justify; text-justify: /* distribute */ inter-ideograph; }

h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 20px 0; padding: 0; color: #082C55; font-weight: bold; /* font-family: 'HGPｺﾞｼｯｸE', 'HGP創英角ｺﾞｼｯｸUB', 'ＭＳ Ｐゴシック', Osaka, Arial; */ text-align: left; }

#main h1 { text-align: left; font-size: 160%; 
	margin: 20px 0 20px 0; 
	padding: 5px 8px 3px 10px; 
	border: 1px solid #CCC; 
	background: url(../images/bg-h1.gif) no-repeat 1px 1px; 
	color: #082C55; 
	font-family: 'HGPｺﾞｼｯｸE', 'HGP創英角ｺﾞｼｯｸUB'; 
	font-weight: normal; }
html[xmlns] #main h1 { 
	margin: 0 0 20px 0; 
	background: url(../images/bg-h1.gif) no-repeat 0 0; }

#main h1.en      { color: #082C55; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#main h1 span.en { color: #082C55; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#main h2 { text-align: left; font-size: 110%; padding: 0; border-bottom: 3px solid #092D56; }
#main h3 { text-align: left; font-size: 100%; padding: 0 0 3px 0; background: url(../images/bg-h3.gif) repeat-x bottom left; }
#main h4 { text-align: left; font-size: 100%; padding: 0 0 3px 0; border-bottom: 1px solid #CBC6BA; }
#main h5 { text-align: left; font-size: 100%; }
#main h6 { text-align: left; font-size: 100%; }

#main p { margin: 0 0 20px 0; text-align: justify; text-justify: auto; }
#main address { margin: 0 0 20px 0; text-align: right; }

#main a.link-arrow { padding: 0 4px 0 12px; background: url(../images/arrow.gif) no-repeat 2px 3px; }
html[xmlns] #main a.link-arrow { background: url(../images/arrow.gif) no-repeat 2px 5px; }
#main a.link-top { padding: 0 0 0 12px; background: url(../images/arrow-up.gif) no-repeat 0 6px; }
html[xmlns] #main a.link-top { background: url(../images/arrow-up.gif) no-repeat 0 8px; }

#main div.columns { overflow: hidden; position: relative; width: 565px; margin: /* 10px 0 10px 0 */ 0 0 20px 0; background: transparent /*url(../images/bg-columns.gif) repeat-y*/; }
#main div.columns div.column-1 { float: left; width: 260px; }
#main div.columns div.column-2 { float: right; width: 260px; }

#main ol { list-style: decimal; margin: 0 0 20px 25px; padding: 0; }
#main ol li { margin: 0 0 5px 0; padding: 0; }

#main ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
#main ul li { margin: 0 0 5px 0; padding: 0 0 0 15px; background: url(../images/bg-ul-li.gif) no-repeat 2px 8px; }
html[xmlns] #main ul li { background: url(../images/bg-ul-li.gif) no-repeat 2px 7px; }

#main ul.menu-local { list-style: none; margin: 0 0 20px 0; padding: 0; }
#main ul.menu-local li { display: inline; padding: 0 10px 0 10px; background: url(../images/arrow.gif) no-repeat 2px 3px; }
/* This line below is added because without this line Firefox does not apply this style even though the same thing is defined in the above line.*/
html[xmlns] #main ul.menu-local li { display: inline; padding: 0 10px 0 10px; background: url(../images/arrow.gif) no-repeat 2px 5px; }
#main ul.menu-local li.current { display: none; }
html[xmlns] #main ul.menu-local li.current { display: none; }
#main ul.menu-local li a {  }

#main ul li ul { margin: 5px 0 5px 0; }
#main ul li ul li { margin: 0 0 5px 0; padding: 0 0 0 15px; background: url(../images/bg-ul-ul-li.gif) no-repeat 2px 8px; }
html[xmlns] #main ul li ul li { background: url(../images/bg-ul-ul-li.gif) no-repeat 2px 7px; }

#main ul.list-links { list-style: none; margin: 0 0 20px 0; padding: 0; }
#main ul.list-links li { padding: 0 0 0 15px; background: url(../images/arrow.gif) no-repeat 2px 5px; }
html[xmlns] #main ul.list-links li { background: url(../images/arrow.gif) no-repeat 2px 4px; }
#main ul.list-links li a {  }

#main ul.list-inline li { display: inline; }

#main dl { list-style: none; margin: 0 0 20px 0; padding: 0; }
#main dl dt { margin: 20px 0 5px 0; font-weight: bold; }
#main dl dd { margin: 0 0 5px 15px; }

#main div.box { clear: both; overflow: hidden; margin: 0 0 20px 0; padding: 15px 15px 15px 15px; background: #F5F5F5; }
html[xmls] #main div.box { padding: 15px 15px 0 15px; }
#main div.box h2 { margin: 0 0 10px 0; }
#main div.box h2 { font-size: 110%; } /********** Without this, the fonts are too small on Firefox!! **********/
#main div.box img { float: right; margin: 0 0 0 10px; vertical-align: bottom; }


#main table { margin: 0 0 20px 0; border-spacing: 0; border-collapse: collapse; }
#main table th { padding: 3px 6px; background-color: #E6E5E0; border: 1px solid #CCC; font-weight: normal; text-align: center; }
#main table td { padding: 3px 4px; background-color: #FFFFFF; border: 1px solid #CCC; text-align: left; }

#main img { vertical-align: bottom; }

#main p.error-code { padding: 50px 0 100px 0; color: #DDD; font-weight: bold; font-size: 300%; }

#main p#coming_soon { padding: 50px 0 100px 0; color: #DDD; font-weight: bold; font-size: 300%; }

#main blockquote { margin: 0 0 10px 0; padding: 10px 20px 10px 30px; background: url(../images/bg-blockquote.jpg); }
#main blockquote p { text-align: justify; text-justify: /* distribute */ inter-ideograph; }
#main blockquote address { text-align: right; }


/* ボタンマージン(08/04/05) */
#sub img { margin-bottom: 8px;  }

#sub a.link-arrow { padding: 0 4px 0 12px; background: url(../images/arrow.gif) no-repeat 3px 3px; }
html[xmlns] #sub a.link-arrow { background: url(../images/arrow.gif) no-repeat 3px 6px; }

#sub h2 { margin: 0; color: #000; font-weight: bold; }


#sub ul { list-style: none; margin: 0; padding: 0; }
#sub ul li { margin: 0 0 5px 0; padding: 0 0 0 11px; background: url(../images/bg-ul-li.gif) no-repeat 2px 6px; }

#sub ul.list-links { list-style: none; margin: 0; padding: 0; }
#sub ul.list-links li { padding: 0 0 0 9px; background: url(../images/arrow.gif) no-repeat 2px 5px; }
html[xmlns] #sub ul.list-links li { background: url(../images/arrow.gif) no-repeat 2px 4px; }

#sub blockquote { margin: 0 0 10px 0; padding: 15px 20px 15px 20px; background: url(../images/bg-sub-blockquote.gif); }
#sub blockquote p { margin: 0 0 10px 0; text-align: justify; text-justify: /* distribute */ inter-ideograph; }
#sub blockquote address { text-align: right; }

#sub .featured { clear: both; float: left; overflow: hidden; width: 164px; margin: 0 0 5px 0; padding: 6px; border: 1px solid #6C6A60; background-color: #FFF; }
html[xmlns] #sub .featured { width: 150px; }
#sub .featured h2 { width: 164px; height: 23px; margin: 0; padding: 0; text-indent: -9999px; font-size: 0; line-height: 0; }

#sub #sub-news      { background: #FFF url(../images/bg-sub-news.gif     ) no-repeat; }
#sub #sub-whats_new { background: #FFF url(../images/bg-sub-whats_new.gif) no-repeat; }
#sub #sub-seminars  { background: #FFF url(../images/bg-sub-seminars.gif ) no-repeat; }
#sub #sub-spotlight { background: #FFF url(../images/bg-sub-spotlight.gif) no-repeat; }
/* 連絡先(08/04/06) */
/*#sub #sub-contact   { background: #FFF url(../images/bg-sub-contact.gif  ) no-repeat; }*/
#contents {
 position:relative ;
}
#sub #new-button {
 margin-bottom:200px;
}
#sub #new-menu {
 position:absolute ; 
 bottom:10px;
}
#sub #new-menu td{
 font-size:11px;
 font-weight:bold;
 color:#fff;
}
#sub #new-menu td .tel{
 font-size:16px;
 font-weight:bold;
 color:#fff;
}

#sub #sub-books     { background: #FFF url(../images/bg-sub-books.gif    ) no-repeat; }
#sub #sub-gazette   { background: #FFF url(../images/bg-sub-gazette.gif  ) no-repeat; }

#sub #sub-books ul { float: left; width: 92px; }
html[xmlns] #sub #sub-books ul { width: 88px; }
#sub #sub-books #sub-books-covers { float: right; height: 74px;}

#footer { clear: both; float: left; width: 796px; margin: 0; border: 2px solid #000; border-top-width: 0; background: #092D56 url(../images/bg-footer.gif) repeat-x; }
html[xmlns] #footer { width: 792px; }

#footer h2 { display: none; }

ul#footer-menu      { list-style: none; height: 21px; background: url(../images/bg-footer-menu2.gif) no-repeat; }
ul#footer-menu li   { float: left; }
ul#footer-menu li a { display: block; height: 21px; text-indent: -9999px; line-height: 0; font-size: 0; }
ul#footer-menu li#footer-home      { width:  52px; }
ul#footer-menu li#footer-career    { width:  66px; }
ul#footer-menu li#footer-corporate { width:  66px; }
ul#footer-menu li#footer-privacy   { width: 133px; }
ul#footer-menu li#footer-contact   { width:  88px; }
ul#footer-menu li#footer-login     { width: 112px; }
/*
ul#footer-menu li#footer-locations { width:  66px; }
ul#footer-menu li#footer-request   { width:  66px; }
*/

ul#footer-menu li#footer-home      a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat   left bottom; }
ul#footer-menu li#footer-career    a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat  -52px bottom; }
ul#footer-menu li#footer-corporate a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat -118px bottom; }
ul#footer-menu li#footer-privacy   a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat -184px bottom; }
ul#footer-menu li#footer-contact   a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat -317px bottom; }
ul#footer-menu li#footer-login     a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat -405px bottom; }
/*
ul#footer-menu li#footer-locations a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat -184px bottom; }
ul#footer-menu li#footer-request   a:hover { background: url(../images/bg-footer-menu2.gif) no-repeat -471px bottom; }
*/