html {
margin: 0px;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0px;
}
body { text-align: left; } /* center on ie -> fix left*/
body {
min-width: 810px;
color: #000;
}
body {
margin: 0px;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0px;
font-family: 'ＭＳ Ｐゴシック','sans-serif','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3';
font-size: 12px;
background-color: #fff;
color: #000;
}
/* page layout */
img, div { margin: 0px;}
a {
text-decoration: underline;
color: #000099;
}
a img, div {
border-style: none;
}
a:hover { color: #0000ff; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin-top: 0px;
margin-bottom: 0px;
}
/* standard helper classes */
.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
/* html .pkg { display: inline-block; } */
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block;
margin: 0; }
/* */
#container {
position: relative;
width: 810px;
background: #fff;
}
#container {
margin-top: 0px; /* center on everything else(set auto for alighn) -> set left */
width: 810px;
text-align: left;
}
#container-inner {
position: static;
margin-top: 0px;
}
/*-------- related with TOP Page design --------------*/
#banner a { color: #000; text-decoration: none; }
#banner a:hover { color: #fff; }
#banner {
width: 810px; /* necessary for ie win */
background: #fff;
}
#banner-inner1 {
margin: 0px;
width: 240px;
float: left;
}
#banner-inner2 {
margin: 0px;
width: 560px;
float: left;
}
#banner-inner3 {
margin: 0px;
width: 560px;
height: 105px;
}
#banner-inner4 {
margin: 0px;
width: 560px;
text-align:right;
color:#666666;
}
#banner-inner5 {
margin: 0px;
width: 166px;
float: left;
}
#banner-inner6 {
margin: 0px;
width: 634px;
float: left;
}
#banner-inner4 h1 {font-size:14px;
margin: 0px;
padding: 5px 10px 0 0;
}
#banner-inner6 h1 {font-size:14px;
margin: 0px;
padding: 5px 10px 0 0;
}
#topbody { position: relative; width: 100%; }
#topbody-inner { position: static; width: 100%; }
#t-innerl {
position: relative;
width: 180px;
float: left;
height: 360px;
background-color:#fff;
}
#t-innerr { width: 620px;
height: 360px;
float: left;
background-color:#000;
}
.top-footer {
margin: 5px 10px 0px 0;
color: #666;
font-size: 12px;
text-align: right;
}
.top-footer2,
.top-footer2 a {
margin: 3px 10px 20px 0;
color: #666;
font-size: 10px;
text-align: right;
letter-spacing: 1pt;
text-decoration: none;
}
.top-footers { /* sub page footer */
margin: 5px 0px 0px 0px;
color: #666;
font-size: 14px;
text-align: center;
}
.top-footers2,
.top-footers2 a {
margin: 3px 0px 20px 0px;
color: #666;
font-size: 12px;
text-align: center;
text-decoration: none;
}
/* top page new bottom setting */
.snabibox1,.snabibox1 a,.snabibox1 a:hover,.snabibox1 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-1.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox1 { margin: 0;}
.snabibox1,.snabibox1 a:hover,.snabibox1 a:focus {
background: url(images/tnabi-1.gif) no-repeat;
background-position: left -40px;
}
.snabibox2,.snabibox2 a,.snabibox2 a:hover,.snabibox2 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-2.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox2 { margin: 0;}
.snabibox2,.snabibox2 a:hover,.snabibox2 a:focus {
background: url(images/tnabi-2.gif) no-repeat;
background-position: left -40px;
}
.snabibox6,.snabibox6 a,.snabibox6 a:hover,.snabibox6 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-6.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox6 { margin: 0;}
.snabibox6,.snabibox6 a:hover,.snabibox6 a:focus {
background: url(images/tnabi-6.gif) no-repeat;
background-position: left -40px;
}
.snabibox3,.snabibox3 a,.snabibox3 a:hover,.snabibox3 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-3.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox3 { margin: 0;}
.snabibox3,.snabibox3 a:hover,.snabibox3 a:focus {
background: url(images/tnabi-3.gif) no-repeat;
background-position: left -40px;
}
.snabibox4,.snabibox4 a,.snabibox4 a:hover,.snabibox4 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-4.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox4 { margin: 0;}
.snabibox4,.snabibox4 a:hover,.snabibox4 a:focus {
background: url(images/tnabi-4.gif) no-repeat;
background-position: left -40px;
}
.snabibox5,.snabibox5 a,.snabibox5 a:hover,.snabibox5 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-5.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox5 { margin: 0;}
.snabibox5,.snabibox5 a:hover,.snabibox5 a:focus {
background: url(images/tnabi-5.gif) no-repeat;
background-position: left -40px;
}
.snabibox7,.snabibox7 a,.snabibox7 a:hover,.snabibox7 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-7.gif) no-repeat;
text-decoration: none;display:block;
}
.snabibox7 { margin: 0;}
.snabibox7,.snabibox7 a:hover,.snabibox7 a:focus {
background: url(images/tnabi-7.gif) no-repeat;
background-position: left -40px;
}
.snabih1,
.snabih2,
.snabih6,
.snabih7,
.snabih3,
.snabih4,
.snabih5
{
font-size: 10px; color: #FFFFFF;
padding: 3px;
background-color: #5f3200;
border: groove #CCCCCC 1px ;
}
.snabih1 { position: absolute;left: 0px;top: 40px; width: 145px;}
.snabih2 { position: absolute;left: 0px;top: 80px; width: 150px;}
.snabih6 { position: absolute;left: 0px;top: 120px; width: 75px;}
.snabih7 { position: absolute;left: 0px;top: 160px; width: 140px;}
.snabih3 { position: absolute;left: 0px;top: 200px; width: 80px;}
.snabih4 { position: absolute;left: 0px;top: 240px; width: 100px;}
.snabih5 { position: absolute;left: 0px;top: 280px; width: 65px;}
/* top page nabigation bar setting */
.nabibox1,.nabibox1 a,.nabibox1 a:hover,.nabibox1 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-1.gif) no-repeat;
text-decoration: none;display:block;
}
.nabibox1 { margin: 0;}
.nabibox1,.nabibox1 a:hover,.nabibox1 a:focus {
background: url(images/tnabi-1.gif) no-repeat;
background-position: left -40px;
}
.nabibox2,.nabibox2 a,.nabibox2 a:hover,.nabibox2 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-2.gif) no-repeat;
text-decoration: none;display:block;
}
.nabibox2 { margin: 0;}
.nabibox2,.nabibox2 a:hover,.nabibox2 a:focus {
background: url(images/tnabi-2.gif) no-repeat;
background-position: left -40px;
}
.nabibox6,.nabibox6 a,.nabibox6 a:hover,.nabibox6 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-6.gif) no-repeat;
text-decoration: none;display:block;
}
.nabibox6 { margin: 0;}
.nabibox6,.nabibox6 a:hover,.nabibox6 a:focus {
background: url(images/tnabi-6.gif) no-repeat;
background-position: left -40px;
}
.nabibox3,.nabibox3 a,.nabibox3 a:hover,.nabibox3 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-3.gif) no-repeat;
text-decoration: none;display:block;
}
.nabibox3 { margin: 0;}
.nabibox3,.nabibox3 a:hover,.nabibox3 a:focus {
background: url(images/tnabi-3.gif) no-repeat;
background-position: left -40px;
}
.nabibox4,.nabibox4 a,.nabibox4 a:hover,.nabibox4 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-4.gif) no-repeat;
text-decoration: none;display:block;
}
.nabibox4 { margin: 0;}
.nabibox4,.nabibox4 a:hover,.nabibox4 a:focus {
background: url(images/tnabi-4.gif) no-repeat;
background-position: left -40px;
}
.nabibox5,.nabibox5 a,.nabibox5 a:hover,.nabibox5 a:focus {
position: relative;
width: 180px;
height: 40px;
text-indent: -2000px;
background: url(images/tnabi-5.gif) no-repeat;
text-decoration: none;display:block;
}
.nabibox5 { margin: 0;}
.nabibox5,.nabibox5 a:hover,.nabibox5 a:focus {
background: url(images/tnabi-5.gif) no-repeat;
background-position: left -40px;
}
.nabih1,
.nabih2,
.nabih6,
.nabih3,
.nabih4,
.nabih5
{
font-size: 10px; color: #FFFFFF;
padding: 3px;
background-color: #5f3200;
border: groove #CCCCCC 1px ;
}
.nabih1 { position: absolute;left: 0px;top: 40px; width: 145px;}
.nabih2 { position: absolute;left: 0px;top: 80px; width: 150px;}
.nabih6 { position: absolute;left: 0px;top: 120px; width: 75px;}
.nabih3 { position: absolute;left: 0px;top: 160px; width: 80px;}
.nabih4 { position: absolute;left: 0px;top: 200px; width: 100px;}
.nabih5 { position: absolute;left: 0px;top: 240px; width: 65px;}
/*-------- related with category pages mainly shared with some templates ----------*/
#unabi { width: 810px;
margin: auto;
display: inline;
}
.pad {
padding: 3px 0px;
}
.unabi2-box1,
.unabi2-box1 a,
.unabi2-box1 a:hover,
.unabi2-box1 a:focus {
width: 86px;
float: left;
background-color:#FF9933;
color: #FFFFFF;
text-decoration: none;
text-align: center;
letter-spacing: 1pt;
font-size: 12px;
font-weight: bold;
border-right-width: 2px;
border-right-color: #FFFFFF;
border-right-style: solid;
}
.unabi2-box1,
.unabi2-box1 a,
.unabi2-box1 a:hover,
.unabi2-box1 a:focus {
margin: 0px;
}
.unabi2-box1,
.unabi2-box1 a:hover,
.unabi2-box1 a:focus {
color: #5f3200;
background-color:#FFd27d;
text-decoration: none;
}
/* unabi-box for 9 box */
.h2unabi2-box1,
.h2unabi2-box1 a,
.h2unabi2-box1 a:hover,
.h2unabi2-box1 a:focus {
width: 86px;
float: left;
background-color:#00cc99;
color: #FFFFFF;
text-decoration: none;
text-align: center;
letter-spacing: 1pt;
font-size: 12px;
font-weight: bold;
border-right-width: 2px;
border-right-color: #FFFFFF;
border-right-style: solid;
}
.h2unabi2-box1,
.h2unabi2-box1 a,
.h2unabi2-box1 a:hover,
.h2unabi2-box1 a:focus {
margin: 0px;
}
.h2unabi2-box1,
.h2unabi2-box1 a:hover,
.h2unabi2-box1 a:focus {
color: #5f3200;
background-color:#6fffdb;
text-decoration: none;
}
/*----------- contents -------------*/
#pagecon { position: relative; width: 810px;
}
#pagecon-inner { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- news page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/back-news.jpg) repeat-y;
}
#pagecon-inner-s { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- focus page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/back-focus.gif) repeat-y;
}
#pagecon-inner-n { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- focus page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/back-nils.gif) repeat-y;
}
#pagecon-inner-p { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- profiles page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/b-profile.jpg) no-repeat top left;
}
#pagecon-inner-pp { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- damy ---*/
margin: 3px 0px 0px 0px;
background: url(images/b-profile.jpg) no-repeat top left;
}
#pagecon-inner-d { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- diary page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/b-diary.jpg) no-repeat top left;
}
#pagecon-inner-d2 { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- diary page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/b-diary2.gif) no-repeat top left;
}
#pagecon-inner-l { position: static; width: 780px; /* Mac & all brouser \*/
width: 100%; /* Mac IE5.x bugfix */
/*--- links page back ground ---*/
margin: 3px 0px 0px 0px;
background: url(images/bimage-links2.jpg) repeat-y;
}
#pagecon-inner-b { width: 780px; /*--- books page back ground ---*/
float: left;
margin: 3px 0px 0px 0px;
background: url(images/back-books.gif);
}
/*-------- each page layout ------------*/
#acon,#bcon,#ccon,#dcon,#acond,#bcond,#fcon,#fbcon {
display: inline; /* ie win bugfix */
position: relative;
min-height: 1px;
}
/* profiles */
#acon { margin: 0px; width: 390px; /* Mac & all brouser \*/
width: 400px; /* Mac IE5.x bugfix */
float: left;
display: inline; /* ie win bugfix */
min-height: 100px;}
#bcon { margin: 0px; width: 390px; /* Mac & all brouser \*/
width: 400px; /* Mac IE5.x bugfix */
float: left;
display: inline; /* ie win bugfix */
position: relative;
min-height: 100px;
}
/* diary */
#acond { margin: 0px; width: 360px; /* Mac & all brouser \*/
width: 365px; /* Mac IE5.x bugfix */
float: left;
display: inline; /* ie win bugfix */
min-height: 100px;}
#bcond { margin: 0px; width: 405px; /* Mac & all brouser \*/
width: 410px; /* Mac IE5.x bugfix */
float: left;
display: inline; /* ie win bugfix */
position: relative;
min-height: 100px;
}
#bcond2 { margin: 0px; width: 230px; /* Mac & all brouser \*/
float: left;
display: inline; /* ie win bugfix */
position: relative;
min-height: 100px;
}
/* focus page */
#fcon { margin: 0px; width: 390px; /* Mac & all brouser \*/
width: 450px; /* Mac IE5.x bugfix */
float: left;min-height: 320px;
display: inline; /* ie win bugfix */
}
#fbcon { margin: 0px; width: 390px; /* Mac & all brouser \*/
width: 350px; /* Mac IE5.x bugfix */
float: left;min-height: 320px;
display: inline; /* ie win bugfix */
position: relative;
}
#ccon { width: 400px;
float: left;
margin: 0px 180px 0px 180px; /* Mac & all brouser \*/
margin: 0px 195px 0px 195px; /* Mac IE5.x bugfix */
display: inline; /* ie win bugfix */
position: relative;
min-height: 100px;
}
/* links policy sitemap */
#dcon { width: 650px;
float: left;
margin: 0px 55px 0px 55px; /* Mac & all brouser \*/
margin: 0px 70px 0px 70px; /* Mac IE5.x bugfix */
display: inline; /* ie win bugfix */
position: relative;
min-height: 320px;
}
/* book page big both side box */
#econ1 { margin: 0; width: 160px; position: relative; background-color: #a06632;
float: left; min-height: 1px;
display: inline; /* ie win bugfix */
}
#econ2 { margin: 0; width: 590px; position: relative;
float: right; min-height: 1px;
display: inline; /* ie win bugfix */
}
/* diary list page */
#acond2 { margin: 0px; width: 550px; /* Mac & all brouser \*/
float: left;
min-height: 100px;}
/*------------------------------------------------------------*/
#acon-inner {
margin:70px 15px 10px 30px; position: relative;}
#acond2-inner {
margin: 20px 0px 10px 60px;
height: 520px; /*----- setting category pages whole height -----*/
overflow: scroll;
text-align: left;
}
#acon-title { /* news page right title */
position: absolute; left: 100px; top: 22px;
margin: 0px; z-index: 50;
}
#dcon-title { position: absolute; left: 80px; top: 22px;
margin: 0px;z-index:100;
}
#bcon-inner {
margin:70px 10px 10px 15px;
position: static;
height: 450px; /*----- setting category pages whole height -----*/
overflow: scroll;
}
/* focus pages */
#fcon-inner { margin:40px 15px 10px 30px; position: relative;
}
#fbcon-inner {
margin:30px 10px 10px 15px;
position: static;
}
#bcon-innerp {
margin:70px 10px 10px 15px;
position: static;
height: 320px; /*----- setting category pages whole height -----*/
overflow: scroll;
}
#bcon-innerd {
margin:70px 10px 10px 15px;
position: static;
height: 520px; /*----- setting diary pages whole height -----*/
overflow: scroll;
}
#bcond2-innerd {
margin:70px 25px 10px 55px;
position: static;
height: 520px; /*----- setting diary pages whole height -----*/
color: #fff;
}
/*----- setting category pages each text color -----*/
#ccon-inner { margin:90px 10px 10px 15px;
position: static;
height: 320px; /*----- setting center text pages whole height -----*/
overflow: scroll;
}
#dcon-inner { margin:70px 35px 10px 0px;
position: relative;
min-height: 330px; /*----- setting center text pages whole height -----*/
}
.linkwrap { position: relative; width: 100%; margin: 0px; float: left;}
#econ1-inner { margin:40px 0px 10px 0px;
width: 100%; position: relative;}
#econ2-inner { margin:22px 0px 10px 0px;
width: 100%; position: relative;
min-height: 350px; }
/* book page right contents title box */
.econ2-title { margin: 0px 0px 22px 0px; width: 160px; float: left; }
.econ2-title2 { margin: 0px 0px 22px 30px; width: 160px; float: left; }
/* return bottom */
.econ2-title3 { margin: 0 30px 22px 0; width: 72px; float:right;
text-decoration: none; display:inline; position: relative;}
/*----------------- book page left tag bottom -----------------*/
.econ-title { width: 130px; margin: 0px 0px 15px 12px;
background: url(images/bk-sbb.gif) repeat-y;
position: relative;}
/* book search box inner */
.econ-title-w { width: 130px; color: #736387; position: static; margin: 0px; }
.econ-title-w { padding: 0px 5px; }
.econ-title2,.econ-title3,.econ-title4,.econ-title5,.econ-title6,
.econ-title7 { position: static;
margin: 0px 0px 15px 18px;}
/* small bottom */
.econ-title2,
.econ-title2 a,
.econ-title2 a:hover,
.econ-title2 a:focus {
width: 120px; height: 40px;position: relative;
text-indent: -2000px;
background: url(images/bk-b2.gif) no-repeat;
text-decoration: none; display:block;
}
.econ-title2,
.econ-title2 a:hover,
.econ-title2 a:focus { background: url(images/bk-b2.gif) no-repeat;
background-position: left -40px;
}
.econ-title4,.econ-title4 a,.econ-title4 a:hover,
.econ-title4 a:focus { width: 120px; height: 40px; position: relative;
text-indent: -2000px;
background: url(images/bk-b4.gif) no-repeat;
text-decoration: none;display:block; }
.econ-title4,.econ-title4 a:hover,
.econ-title4 a:focus { background: url(images/bk-b4.gif) no-repeat;
background-position: left -40px;
}
.econ-title3,.econ-title3 a,.econ-title3 a:hover,
.econ-title3 a:focus { width: 120px; height: 40px; position: relative;
text-indent: -2000px;
background: url(images/bk-b3.gif) no-repeat;
text-decoration: none;display:block; }
.econ-title3,.econ-title3 a:hover,
.econ-title3 a:focus { background: url(images/bk-b3.gif) no-repeat;
background-position: left -40px;
}
/* tag search bottom for text area and bottom */
.econ-titleww { width: 120px; position: relative; margin: 0 0 15px 18px;
background: url(images/bk-bb.gif) repeat-y; }
.econ-titlew-ud { width: 100%; margin: 0;}
.econ-titlew-text { padding: 2px 8px 2px 13px;
text-align: left; }
.econ-titlew-text a { color: #336600; text-decoration: none;}
.econ-titlew-textsub { padding: 2px 8px 2px 8px;
text-align: left; color: #336600;font-weight: bold; }
/* longer bottom now--- no use--- */
.econ-title5,.econ-title5 a,.econ-title5 a:hover,
.econ-title5 a:focus { width: 120px; height: 60px; position: relative;
text-indent: -2000px;
background: url(images/bk-b5.gif) no-repeat;
text-decoration: none;display:block; }
.econ-title5,.econ-title5 a:hover,
.econ-title5 a:focus { background: url(images/bk-b5.gif) no-repeat;
background-position: left -60px;
}
.econ-title6,.econ-title6 a,.econ-title6 a:hover,
.econ-title6 a:focus { width: 120px; height: 60px; position: relative;
text-indent: -2000px;
background: url(images/bk-b6.gif) no-repeat;
text-decoration: none;display:block; }
.econ-title6,.econ-title6 a:hover,
.econ-title6 a:focus { background: url(images/bk-b6.gif) no-repeat;
background-position: left -60px;
}
.econ-title7,.econ-title7 a,.econ-title7 a:hover,
.econ-title7 a:focus { width: 120px; height: 60px; position: relative;
text-indent: -2000px;
background: url(images/bk-b7.gif) no-repeat;
text-decoration: none;display:block; }
.econ-title7,.econ-title7 a:hover,
.econ-title7 a:focus { background: url(images/bk-b7.gif) no-repeat;
background-position: left -60px;
}
/*----------------- news page left side topic show area -------------------*/
/* news page topic1 wrapping */
#news-topicw1 { width: 320px; float: left;margin: 0px 0px 0px 0px; }
/* news page topic2 wrapping */
#news-topicw2 { width: 320px; float: left; margin: 50px 0px 0px 0px; }
.topic-img { width: 124px; float: left; height: 170px; position: relative;
background-color: #f0e1b4; }
.topic-img2 { width: 124px; float: left; height: 170px; position: relative;
background-color: #f0e1b4; }
.topic-img img { padding: 8px; }
.topic-img2 img { padding: 8px; }
.topic-txt { width: 180px; float: left; height: 170px; overflow: hidden; }
.topic-title { margin: 5px 10px 5px 10px; font-size: 10pt; background-color: #f0e1b4;padding: 2px;
color: #000; }
.topic-title a { text-decoration: none; }
.topic-con { margin: 0px 10px 5px 10px; font-size: 9pt; line-height: 1.3; color: #f0e1b4;
}
/*-------------------------------------------------------------*/
/*--- book page ----*/
.econ2-inwrap { margin: 0 0 10px 0; width: 100%; }
.econ2-inimg { width: 60px; float: left; height: 60px; overflow: hidden; background: url(http://www.hishiki.all-hp.com/hishi/images/no-image.gif); margin: 0px; border: solid #fff 1px;
display: inline;
}
.econ2-intext { width: 500px; float: left; margin: 0px 0px 0px 10px; display: inline;
}
/*----------- essay monthly page text parts -------------*/
.econ2-inwrapem { position: relative; margin: 10px 0px 10px 0px; width: 500px; border-bottom: dotted #fff 2px; }
.entry-tbem { border-left: solid #fff 8px; margin: 0px 0px 5px 0px; color: #003366; position: relative;
padding: 3px 3px 2px 10px;
}
.entry-tbem h3 { font-size: 12pt; font-weight: bold; }
.entry-conbem { line-height: 1.3; margin: 0px; position: relative;
color: #000; font-size: 10pt;
padding: 0px 0px 10px 30px;
}
/*------------ entry archive page text parts --------------*/
.econ3-inwrap { margin: 0 0 10px 0; width: 100%; position: relative; }
.econ3-inimg { width: 200px; float: left; height: 200px; overflow: hidden; background: url(http://www.hishiki.all-hp.com/hishi/images/no-image.gif); margin: 0px; border: solid #fff 1px;
display: inline;
}
.econ3-intext { width: 360px; float: left; margin: 0px 0px 0px 10px; display: inline;
}
/*---------------- monthly nabigation page parts and bottom ------------------*/
.econ4-inwrap { margin: 10px 0 10px 0; width: 100%; position: relative; }
.econ4-intext { width: 350px; float: left; margin: 0px 0px 0px 0px; display: inline;
padding: 5px 20px 5px 15px; font-size: 10.5pt; color:#000;
}
.econ4-inimg { width: 200px; float: left; margin: 0px; }
/*--------bottom------------*/
.econ4a-inimg,
.econ4a-inimg a,
.econ4a-inimg a:hover,
.econ4a-inimg a:visited,
.econ4a-inimg a:focus { width: 200px; float: left; height: 40px; margin: 0px;
text-indent: -2000px; position: relative;
background: url(images/m-sub21.gif) no-repeat;
text-decoration: none; display:block; border-style: none;}
.econ4a-inimg,
.econ4a-inimg a:hover,
.econ4a-inimg a:focus { background: url(images/m-sub21.gif) no-repeat;
background-position: left -40px;}
.econ4b-inimg,
.econ4b-inimg a,
.econ4b-inimg a:hover,
.econ4b-inimg a:visited,
.econ4b-inimg a:focus { width: 200px; float: left; height: 40px; margin: 0px;
text-indent: -2000px; position: relative;
background: url(images/m-sub22.gif) no-repeat;
text-decoration: none; display:block; border-style: none;
}
.econ4b-inimg,
.econ4b-inimg a:hover,
.econ4b-inimg a:focus { background: url(images/m-sub22.gif) no-repeat;
background-position: left -40px;
}
.econ4c-inimg,
.econ4c-inimg a,
.econ4c-inimg a:hover,
.econ4c-inimg a:visited,
.econ4c-inimg a:focus { width: 200px; float: left; height: 40px; margin: 0px;
text-indent: -2000px; position: relative;
background: url(images/m-sub23.gif) no-repeat;
text-decoration: none; display:block; border-style: none;
}
.econ4c-inimg,
.econ4c-inimg a:hover,
.econ4c-inimg a:focus { background: url(images/m-sub23.gif) no-repeat;
background-position: left -40px;
}
/*-----------------------------------*/
.entry-t { border-left: solid #335c80 8px;margin: 3px 30px 5px 10px;border-bottom: solid #335c80 1px;
padding: 3px 3px 2px 5px;color: #003366;}
.entry-tp { border: solid #ccc 1px;border-left: solid #ccc 8px;margin: 3px 30px 5px 10px;
padding: 3px 3px 2px 10px;color: #fff; background-color: #be8794;}
.entry-td { margin: 3px 30px 5px 5px;padding: 3px 3px 2px 10px;color: #003300;
background: url(images/mg1.gif) no-repeat; text-indent: 20px; text-align: left;}
.entry-tl { border-left: solid #ccc 8px;margin: 3px 30px 5px 10px;
padding: 3px 3px 2px 5px;color: #003366; }
.entry-tb { border-left: solid #fff 8px; margin: 0px;
color: #003366; padding: 3px 3px 2px 5px;}
.entry-tf { margin: 0px 20px 15px 10px;padding: 4px 3px 4px 28px;color: #000050;
background:#ffe4ca url(images/mf2.gif) no-repeat; }
/* nils */
.entry-tn { margin: 0px 20px 15px 10px;padding: 4px 3px 4px 28px;color: #006666;
background:#ffe4ca url(images/mf3.gif) no-repeat; }
.entry-tb h3,.entry-tn h3,
.entry-tf h3 { font-weight: bold; font-size: 12pt; display: inline; }
.entry-tl h3,
.entry-t h3,
.entry-td h3,
.entry-tp h3 { font-weight: bold;font-size: 10pt; }
.entry-conl,
.entry-cond,
.entry-con,
.entry-conp { line-height: 1.3;
font-size: 9pt;
padding: 0px 5px 0px 25px;
text-align: feft;
}
.entry-conl { padding: 0px 5px 0px 30px; }
.entry-conb { line-height: 1.3; margin: 0px;
color: #000;
font-size: 10pt;
padding: 2px 0px 0px 10px;
}
.entry-conb a { text-decoration: none; }
.entry-con { color: #333; }
.entry-con a { text-decoration: none; }
.entry-conp { color: #5b001c; line-height: 1.5; letter-spacing: 1pt; }
.entry-cond { color: #333333; line-height: 1.5; letter-spacing: 1pt; }
.entry-conf { color: #000050; line-height: 1.5; letter-spacing: 1pt; padding: 0px 10px 10px 20px; }
.entry-conn { color: #006666; line-height: 1.5; letter-spacing: 1pt; padding: 0px 10px 10px 20px; }
.entry-conl { color: #000; padding: 0px 5px 0px 50px; line-height: 1.3; }
.entry-conl a { text-decoration: none; }
.entry-conlsm { color: #000; padding: 0px 5px 0px 50px; line-height: 1.5; font-size: 10pt;
}
.entry-conlsm a { font-size: 12pt; text-decoration: none; }
.nomsge { padding: 20px 30px 20px 0px; color: red; font-size: 8pt; }
.ssmsge h3 { margin: 0px 0px 10px 0px; color: #a06632; font-weight: bold; }
.ssmsge { padding: 20px 30px 20px 20px; font-size: 12pt; color: black; text-align: left; line-height: 1.2; }
.msge { padding: 20px 30px 20px 20px; font-size: 12pt; color: red; }
.wrap { position: relative; width: 100%; margin: 0px; float: left; }
.wrap-news { position: relative; width: 100%; margin: 0; float: left; }
.search-t { margin: 0px 0px 3px 0px; color: #000; }
/* page nabigation for book page */
/* 1 page */
.econ2-title2-p1 { margin: 0px 0px 22px 20px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page1.gif) no-repeat;}
.econ2-title2-p1o a { margin: 0px 0px 22px 20px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative; text-decoration: none;
background: url(images/page1o.gif) no-repeat;
}
.econ2-title2-p1o a:hover,
.econ2-title2-p1o a:focus { background: url(images/page1.gif) no-repeat; text-decoration: none; }
/* 2page */
.econ2-title2-p2 { margin: 0px 0px 22px 10px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page2.gif) no-repeat;
}
.econ2-title2-p2o a { margin: 0px 0px 22px 10px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page2o.gif) no-repeat; text-decoration: none;
}
.econ2-title2-p2o a:hover,
.econ2-title2-p2o a:focus { background: url(images/page2.gif) no-repeat; text-decoration: none; }
/* 3 page */
.econ2-title2-p3 { margin: 0px 0px 22px 10px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page3.gif) no-repeat;
}
.econ2-title2-p3o a { margin: 0px 0px 22px 10px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page3o.gif) no-repeat; text-decoration: none;
}
.econ2-title2-p3o a:hover,
.econ2-title2-p3o a:focus { background: url(images/page3.gif) no-repeat; text-decoration: none; }
/* 4 page */
.econ2-title2-p4 { margin: 0px 0px 22px 10px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page4.gif) no-repeat;
}
.econ2-title2-p4o a { margin: 0px 0px 22px 10px; width: 30px; float: left; height: 30px;
text-indent: -2000px; position: relative;
background: url(images/page4o.gif) no-repeat; text-decoration: none;
}
.econ2-title2-p4o a:hover,
.econ2-title2-p4o a:focus { background: url(images/page4.gif) no-repeat; text-decoration: none; }
/* back page and forward page bottom wrap */
.btm { width: 80px; float: left; margin: 10px 0px; text-align: right; }
/* banner wrap */
.lkwp { width: 240px; float: left; margin: 0px 0px 0px 30px; text-align: left; }
.photo-wrap1 { margin: 0px 0px 0px 50px; text-align: left; border: none; }
.photo-wrap2 { margin: 10px 0px 20px 50px; text-align: left; border: none; }
.text-wrap1 { padding: 0px 50px 20px 90px; text-align: left; border: none; line-height: 1.3;
color: #000050; }
.nils-photo { margin: 0px 0px 20px 40px;
text-align: center;
border: none;
font-size: 8pt;
color: #666666;
line-height: 1.3;
}
.nils-photo strong { font-size: 10pt;
color: #00cc99; }
/*----- DIARY LIST ------*/
#dlist-title { margin: 0px 0px 5px 0px;
background-color: #7bba80;
}
h2#dlist-title { padding: 8px;
color: #fff;
font-weight: bold;
}
.log { margin: 0px 10px 20px 10px;
text-align: right;
}
.log a { color: #325f28; text-decoration: none; }
.log2 { margin: 0px 10px 20px 10px;
text-align: right;
font-size: 12pt;
}
.log2 a { color: #325f28; text-decoration: none; }
#loglist { margin: 30px 0px 5px 0px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 14pt;
}
.logtitle {
margin: 15px 0px 0px 0px;
text-align: right;
color: #fff;
font-weight: bold;
font-size: 11pt;
}
.logtitle a { color: #d9f1ba; text-decoration: none;
}