@charset "UTF-8";

/* ---------------------------------

Common

--------------------------------- */
.page:after {
 height: 0;
 display: block;
 clear: both;
 visibility: hidden;
 content: ".";
}

.page { display: inline-block; }

/* Hide Mac IE \*/
* html .page { height: 1%; }

.page { display: block; }

.reset,
.reset ul,
.reset ol,
.reset dt,
.reset dd {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

body.error {
 background:none;
 padding: 0;
 border: none;
 color: #333;
}

a {
 color: #006CE0;
 outline: none;
}

a:hover,
.link-list li.hover a { color: #0099FF; }

h1,
h2,
h3,
h4,
h5,
h6 {
 padding: 0;
 margin: 0;
 font-weight: bolder;
}

#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 { color:#FFF; }

p { margin-bottom: 1em; }

p img {
 float: none;
 margin: 0;
}

img.left,
img.mt-image-left {
 float: left;
 padding: 0;
 margin: 0 15px 5px 0;
}

img.right,
img.mt-image-right {
 float: right;
 padding: 0;
 margin: 0 0 5px 15px;
}

.float-left { float: left; }

.float-right { float:right; }

.txt-caution {
 font-size: 90%;
 color: #999999;
}

.txt-uppercase { text-transform: uppercase; }

.btn-more a {
 float: right;
 font-size: 90%;
 display: block;
}

.txt-red { color: #CC0000; }

.icon { padding-left: 20px; }

.pdf { background: url(/img/common/icon-pdf.gif) no-repeat left center; }

.doc,
.docx,
.docxm { background: url(/img/common/icon-doc.gif) no-repeat left center; }

.xls,
.xlsx,
.xlsm { background: url(/img/common/icon-xls.gif) no-repeat left center; }

.date {
 font-size: 80%;
 color:#cc0090;
}

form dd { margin: 0; }

body {
 padding: 0;
 margin: 0;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background: #000;
 color:#FFF;
 position: relative;
 line-height: 1.5;
}

/* ---------------------------------

Header & Footer

--------------------------------- */
#header,
#footer {
 padding: 0 24px 0 24px;
 min-width: 953px;
}

#header h1 { margin: 0; padding: 0; float: left; }
#header #description { float: right; }


#footer {
 padding-top: 10px;
 padding-bottom: 10px;
}

#footer a,
#nav-footer span.year { color: #FFF; text-decoration: underline; cursor: pointer; }

#footer a:hover,
#nav-footer .hover span.year { color: #0099FF; }

#nav-footer {
 width: 701px;
 float:left;
}

#nav-footer #list-recent {
 width: 460px;
 float:left;
}

#nav-footer ul {
 border-top: dotted 1px #333;
 padding-bottom: 1em;
}

#nav-footer li {
 padding: 7px 0;
 border-bottom: dotted 1px #333;
 position: relative;
}

#nav-footer ul ul {
 margin-top: 0;
 border-top: none;
 padding-bottom: 0;
 padding-left: 1em;
 display: none;
}

#nav-footer ul ul li {
 padding: 0;
 padding-top: 7px;
 margin-top: 7px;
 border-bottom: none;
 border-top: dotted 1px #333;
}

#nav-footer #list-recent h4 {
 position:relative;
}

#nav-footer #list-recent h4 ul {
 border-top: none;
 padding-bottom: 0;
 position: absolute;
 right: 0;
 top: 5px;
}

#nav-footer #list-recent h4 li {
 padding: 0;
 border-bottom: none;
 float: left;
 padding-left: 3px;
}

#nav-footer #list-recent li {
 padding-left: 6.5em;
}

#nav-footer #list-recent li .date {
 color: #666;
 padding-right: 1.5em;
 position: absolute;
 left: 0;
 top: 8px;
}


#nav-footer #list-archive {
 width: 200px;
 float:right;
}

#nav-footer #list-monthly {
 padding-top: 5px;
}

#footer .column-right {
 float: right;
 padding-top: 5px
}
#footer .column-right li {
 float: left;
 margin-right: 3px;
 margin-bottom: 3px;
 line-height: 0;
}

#footer .column-right li a {
 line-height: normal;
}

#copyright {
 font-size: 80%;
 color:#666;
}

/* -----------------------------------

#article

-------------------------------------- */
#article {
 height: 530px;
 width:100%;
 overflow: hidden;
 background: #FFF;
 color:#333;
 position:relative;
}

#article h1,
#article h2,
#article h3,
#article h4 {
 font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐ明朝", "MS PMincho", serif;
 margin:0;
 padding:0;
 width:auto;
 overflow:hidden;
 color:#000000;
 text-align:left;
}

#article .header {
 height: 69px;
 min-width: 953px;
 border-bottom: 1px solid #CCC;
 padding: 0 24px;
 background: #F4F4F4;
 position: relative;
}

#article .header .title {
 border-left: solid 5px #000;
 padding-left: 15px;
 padding-bottom: 15px;
 position:absolute;
 left: 22px;
 bottom: 0;
}

#article .header h2 {
 line-height: 1em;
 padding-bottom: 7px;
}

#article .header .sub-title,
#article .header .sub-title .date {
 font-size: 100%;
 color:#cc0090;
 line-height: 1em;
 text-transform:uppercase;
}

#article .header .sub-title {
 font-size: 90%;
}

#article .header #nav-bread {
 position: absolute;
 right: 24px;
 bottom: 10px;
 font-size: 80%;
}

#article .header #nav-bread li {
 float: left;
 padding-left: 25px;
 background:url(/img/common/bg-nav-bread.gif) no-repeat left center;
}

#article .header #nav-bread li.first {
 padding-left: 0;
 background:none;
}


/* -----------------------------------

#article .link-list

-------------------------------------- */
#article .link-list li {
 position: relative;
 width: 338px;
 height: 73px;
 padding: 2px;
 padding-left: 84px;
 margin-bottom: 2px;
 overflow: hidden;
 line-height: 0;
 border: solid 5px #F4F4F4;
}

#article .link-list li.hover {
 border-color: #CCC;
 cursor: pointer;
 background: url(/img/common/bg-link-list.jpg) no-repeat right bottom;
}

#article .link-list li.hover .category {
 background: #cc0090;
}

#article .link-list li span,
#article .link-list li a {
 line-height: normal;
 display: block;
}

#article .link-list li span.thumb {
 position: absolute;
 left: 2px;
 top: 2px;
}

#article .link-list li span.date { margin: 3px 0; }

#article .link-list li span.category {
 position: absolute;
 top: 2px;
 right: 0px;
 padding: 3px 5px;
 font-size: 80%;
 color: #FFF;
 line-height: 1em;
 background: #666;
}

#article .link-list li a { line-height: 1.4em; }

/* ---------------------------------

Bookreader

--------------------------------- */
#bookreader { display: none; }

#br_body {
 width:100%;
 position:relative;
}

#br_body div#br_fixedframe {
 position: absolute;
 width:100%;
 overflow: hidden;
 background-image: url(/img/bookreader/background.png);
 background-repeat: repeat-y;
 border: none;
}

#br_body,
#br_body div#br_fixedframe,
#br_body div#br_container { height: 460px; }

#br_body div#br_container {
 background:url(/img/common/bg-container.gif) repeat left top;
}

#br_body div.page {
 width:500px;
 padding-right: 1px;
 float: left;
 min-height: 470px;
 
}

#br_body div.box {
 margin:0;
 background: none;
 padding: 30px 35px;
}

#br_body span.folio {
 position: absolute;
 bottom:20px;
 width:500px;
 text-align: center;
 font-size:80%;
 color:#999;/*background-color:#FFF;*/
}

#br_body p.right {
 text-align: right;
 margin-right:30px;
}

#br_body p.center {
 text-align: center;
 margin-right:30px;
}

/* navi */
a.br_nav_button {
 position: absolute;
 top:225px;
 width:12px;
 height:30px;
 line-height: 10px;
 vertical-align: middle;
 text-decoration: none;
 text-align:center;
 font-size:10px;
 background-repeat: no-repeat;
 filter:alpha(opacity=0);
 -moz-opacity:0.00;
 opacity:0.00;
}

a#br_nav_prev2 {
 left:10px;
 background-image: url(/img/bookreader/prev.png)
}

a#br_nav_prev {
 left:511px;
 background-image: url(/img/bookreader/prev.png);
}

a#br_nav_next {
 left:528px;
 background-image: url(/img/bookreader/next.png);
}

a#br_nav_next2 {
 left:1029px;
 background-image: url(/img/bookreader/next.png);
}

/* pagenation */
table#br_pagenation {
 position: absolute;
 left:25px;
 bottom:0;
 width:1001px;
 empty-cells: show;
 margin-bottom: 0;
 font-size: 80%;
 border-top: 1px dotted #CCC;
 background-color:#FFF;
 cursor: pointer;
}

table#br_pagenation td {
 padding: 4px 0;
 text-align: center;
 cursor:pointer;
 width:auto;
 line-height: 10px;
 border-right: 1px dotted #CCC;
}

table#br_pagenation td.last { border-right: none; }

/* body */
#br_body p.caption {
 font-size:12px;
 height:22px;
 line-height: 22px;
}

#br_body img { margin-left: 0; }

/**/
#br_body .title,
#comments-list .title {
 border-bottom: solid 1px #CCC;
 padding-bottom: 5px;
 margin-bottom: 10px;
}

#br_body h1,
#br_body h2 {
 font-size:18px;
 line-height: 26px;
}

#br_body h3,
#br_body h4 {
 font-size:14px;
 line-height: 22px;
}

#br_body h3 {
 margin-bottom: 0.75em;
 color:#060;
}

#br_body .title h3 {
 font-size:14px;
 line-height: 22px;
 margin-bottom: 0;
 color: #999;
}

#br_body p,
#br_body a { word-break: break-all !important; }

#br_body .section-caution {
 font-size: 80%;
 padding: 2em 2em 0.25em;
 background: #EFEFEF;
}

#br_body .btn-list-all,
#br_body .btn-entry-more {
 text-align: right;
 margin-top: 1em;
}

#br_body .btn-entry-more { margin-top: -1em; }