/* CSS Document */

*{
margin:0px;
padding:0px;
word-break: break-all;
}

html,
body {
margin:0px auto;
background-color:#ffffff;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:normal;
font-size: x-small;
line-height: 1.8;
text-align: left;
letter-spacing: 1;
word-break: break-all;
}

body {width: 880px; height: 100%; border-left: 1px solid #000000; border-right: 1px solid #000000; margin-top: 10px; color: #666666;}

form, input, select {font-size:small; margin:0px; padding:0px;}

div, p, h1, h2, h3, h4, h5, h6, object, embed ul, li, dl, dt, dd hr {margin:0px; padding:0px;}

ul, li, dl, dt, dd {list-style: none;}

a, a:link, a:visited {color:#777477; text-decoration:none;}
a:hover {color:#333333; text-decoration: underline;}
a:active {color:#cc0000; text-decoration: underline;}

img {border-style:none; border-width:0;}
a img {border:none;}
a span img {text-decoration:none;}
a img, 
a:link img, a:visited img {filter: alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
a:hover img, a:active img {filter: alpha(opacity=70); opacity:0.7;-moz-opacity:0.7;}

/* ////////////// clearfix ここから ////////////// */
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ////////////// clearfix ここまで ////////////// */


.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.moreInfo a {color: #3791c4;}

div#header {width: 100%; height: 22px; background: #000000; color: #ffffff;}
div#header div#navHeader {float: right;}
div#header div#navHeader ul {font-size: xx-small; font-weight: lighter; padding: 4px 0px;}
div#header div#navHeader ul li {float: left; padding: 2px 2em; border-right: 1px solid #434343; text-align: center; list-style: none; line-height: 1; letter-spacing: 0.6em;}

/* topicpath //////////////////////////////////////////////////////////// */
ul.topicPath {overflow:hidden; padding:0px; margin:0px auto; width:880px; line-height: 25px; font-size: xx-small; background:#292929; border-top: 1px solid #393939;}

ul.topicPath a:link, ul.topicPath a:visited {color:#ececec; text-decoration:none;}
ul.topicPath a:hover, ul.topicPath a:active {color:#ffffff; text-decoration:underline;}

ul.topicPath li {float:left; display: block; padding:0 9px 0 0; background:url(img/bg_topicpath_allow.png) no-repeat right center;}

ul.topicPath li a, ul.topicPath li em, ul.topicPath li span {display: block; overflow:hidden; padding:0 1em; font-style:normal; height: 25px;}
ul.topicPath li em {color:#cccccc;}
/* //////////////////////////////////////////////////////////// topicpath */

div#nav {width: 120px; float: left; margin: 100px 0px 0px 0px; background: #ececec;}
div#nav ul {margin-left: 3em; padding-top: 1em;}
div#nav ul li {margin-bottom: 1em; padding: 0; list-style: square outside; font-size: xx-small; font-weight: bold; letter-spacing: 0;}
div#nav ul li#chapter01 {color: #ff0000;}
div#nav ul li#chapter02 {color: #00ff00;}
div#nav ul li#chapter03 {color: #0000ff;}

div.article {width: 640px; float:left; margin-left: 120px; _margin-left: 60px; padding: 0px 0px 100px 0px;}
div#articleIndex {padding: 0px 0px 18px 0px;}

div.article h1 {margin: 80px 0px 0px 0px; padding: 0px; line-height: 1; height: 20px; font-size: 14px; font-weight: lighter; color: #767676; letter-spacing: 0.3em;}
div.article h1.typeA {margin: 100px 0 2em 0; color: #333333;}
div.article h2 {line-height: 1; font-size: small; font-weight: lighter; color: 333333; padding: 0.8em 0em;} 
div.article p {margin-bottom: 1.1em;}
div.article hr {margin: 6em 0 5em 0; height: 0; border: none; border-collapse: collapse; border-bottom: 1px dotted #999999; background: none; color: #ffffff;}
div.article hr.expoHr {margin: 2em 0 2em 0;}
div.article ul {margin-bottom: 1.1em;}

div.officers h3 {font-size: x-small; font-weight: bold;} 
div.officers ul {margin-bottom: 1.5em;}

div.article object, div.article embed {background: #ffffff;}

div.article div.aside {margin-top: 2em; padding-top: 2em; border-top: 1px dotted #cccccc;} 
div.article div.aside h3 {font-size: x-small; font-weight: normal;} 
div.article div.aside p {margin-bottom: 1.1em;} 
div.article div.aside div.showCase {width: 640px;}
div.article div.aside div.showCase ul {font-size: xx-small; padding: 4px 0px;}
div.article div.aside div.showCase ul li {display: block; width: 196px; height: 40px; overflow: hidden; float: left; list-style: none; line-height: 1.5; margin: 0px 16px 20px 0px; _margin-right: 8px;}
div.article div.aside div.showCase ul li a {color: #0065b4;}
div.article div.aside div.showCase ul li span.showCaseImg {display: block; width: 34px; height: 34px; float: left; margin-right: 6px; _margin-right: 3px; overflow: hidden;}
div.article div.aside div.showCase ul li a img {border: 1px solid #bfbfbf;}
div.article div.aside div.showCase ul li span.showCaseTxt {display: block; width: 156px; float: left; overflow: hidden;}

div.navSitemap {clear: both; width: 880px; margin: 0px; padding: 20px 0px 20px 0px; background: #333333;}
div.navSitemapCont {width: 170px; min-height: 130px; margin-left: 20px; _margin-left: 10px; float: left; border-left: 1px solid #666666; padding-left: 20px; font-size: x-small;}
div#navSitemapContLftEd {margin-left: 38px; _margin-left: 19px; border-left: none; padding-left: 0px;}
div.navSitemapCont h3 {line-height: 1; color: #999999; font-size: x-small; font-weight: normal; margin-bottom: 0.7em; padding-bottom: 0.7em; border-bottom: 1px dotted #999999;}
div.navSitemapCont ul {}
div.navSitemapCont li {margin-bottom: 0.5em;}
div.navSitemapCont dl {}
div.navSitemapCont dt {color: #999999;}
div.navSitemapCont dd {line-height: 1.4; margin-bottom: 0.7em; padding-bottom: 0.7em; border-bottom: 1px dotted #666666; }
div.navSitemapCont a, div.navSitemapCont a:link, div.navSitemapCont a:visited {color: #888888;}
div.navSitemapCont a:hover, div.navSitemapCont a:active {color: #cccccc; text-decoration: underline;}

div#footer {clear: both; width: 100%; background: #000000; color: #ffffff; position: absolute bottom center;}
div#footer a, div#footer a:link, div#footer a:visited {color:#cccccc; text-decoration:none;}
div#footer a:hover {color:#ffffff; text-decoration: underline;}
div#footer a:active {color:#cccccc; text-decoration: underline;}

div#footer small {font-size: xx-small; font-weight: lighter; display: table-cell; width:auto; background:#4b4f55; float: right; vertical-align: middle; line-height: 1; padding: 6px; letter-spacing: 0.2em;}
div#footer div#navFooter {float: left;}
div#footer div#navFooter ul {font-size: xx-small; font-weight: lighter; padding: 4px 0px;}
div#footer div#navFooter ul li {float: left; padding: 2px 2em; border-right: 1px solid #434343; text-align: center; list-style: none; line-height: 1; letter-spacing: 0.6em;}
/*div#footer div#navFooter ul li.rightEnd {border-right: none;}*/


embed {background: #000000;}