@charset "utf-8";

/* Text style */

h1,h2,h3,h4 {
margin: 0;
padding: 0;
}

p {
margin: 0;
padding: 0 0 1em 0;
line-height: 160%;
}

em {
font-style: normal;
font-weight: bold;
}

blockquote {
        margin: .5em 2em 1em .5em;
        padding-left: 1em;
        border-left: solid 4px #bbb;
}

blockquote p {
        padding: .4em 0 .6em 0;
}

a:link {
text-decoration: none;
color: #00c;
}

a:visited {
text-decoration: none;
color: #00c;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

#maincol h2 {
font-size: 1em;
color: #192a3f;
line-height: 140%;
border-bottom: solid 1px #192a3f;
margin-bottom: 0.5em;
clear: left;
}

#maincol h3 {
font-size: 1em;
padding: .5em 0;
clear: both;
}

#maincol ul {
line-height: 1.4;
padding: 0 0 1em 0.1em;
margin: 0 0 0 1.1em;
list-style-position: outside;
/* list-style-image: url(http://www.publickey1.jp/images/listmark02.png);*/
list-style: none;
text-indent: .5em;
}

#maincol ul li:before {
content: "";
display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: -1.5em;
    border: transparent solid 4px;
    border-left-color: #777;
    vertical-align: 1px;
}


#maincol li {
padding: 0 0 0.5em 0;
margin: 0;
line-height: 1.5;
}

#maincol h1 {
font-size: 1.375em;
line-height: 1.3em;
}

#maincol div.pubdate {
padding: 1.3em 0 .25em 0;
font-size: 13px;
text-align: right;
}

#maincol div.pubdate img {
padding: 0 0 0 7px;
vertical-align: -5%;
}

#maincol pre {
background: #114;
color: white;
padding: 1em;
line-height: 1.5;
}


#maincol div.tags {
padding: 0 0 1.3em 0;
margin: 0;
font-size: 12px;
text-align: right;
}

#maincol div.tags h2 {
font-size: 12px;
font-weight: normal;
display: inline;
}


#maincol div.tag {
width: 130px;
border-left: solid 8px #fff;
font-size: 0.75em; //12px;
background-color: #eee;
float: right;
}

#maincol div.tag p {
color: #fff;
background-color: #192a3f;
line-height: 100%;
padding: 6px 6px;
margin: 0;
}

#maincol div.tag p span {
font-weight: bold;
}

#maincol div.tag ul {
padding: 0;
margin: 0;
border-bottom: solid 5px #fff;
}

#maincol div.tag li {
border-bottom: solid 1px #cfcfcf;
list-style-type: none;
list-style-image: none;
background:none;
line-height: 100%;
padding: 0;
margin: 0;
white-space: nowrap;
overflow: hidden;
}

#maincol div.tag a {
color: #000;
padding: 5px 8px;
margin: 0;
display: block;
}

#maincol div.tag a:hover {
text-decoration: none;
background-color: #cce;
}

#maincol img.icon {
float: left;
padding: 3px;
margin: 6px 10px 4px 0;
border: solid 1px #aaa;
}


div#breadcrumbs {
padding-top: .3em;
}

div#breadcrumbs ol {
display: inline;
padding-left: 0.2em;
padding-right: 2em;
font-size: 13px;
font-weight: normal;
}

div#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
}
div#breadcrumbs ol li:before {
  content: " > ";
}
div#breadcrumbs ol li:first-child:before {
  content:"";
}

div#breadcrumbs .tag {
  padding: 0em .5em 0em .5em;
  border: 1px solid #000;
  border-radius: .2em;
}





#maincol h4 {
font-size: 1em;
padding: .5em 0;
clear: both;
}

#maincol h4 + ul {
padding-left: 0;
}

#maincol div.ad_footer {
padding: 0 0 0 0;
}

div.imgLeft {
float:left;
font-size: 12px;
padding-right: 24px;
line-height: 130%;
background: #fff;
}

div.imgRight {
float:right;
font-size: 12px;
padding-left: 12px;
line-height: 130%;
background: #fff;
}

div.imgCenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25em;
font-size: 12px;
line-height: 130%;
}

div.imgLeft img,
div.imgCenter img,
div.imgRight img {
border: solid 1px #aaa;
margin-bottom: 4px;
}

div.noborder img {
border: none;
}

div.imgLeft span.title,
div.imgCenter span.title,
div.imgRight span.title {
font-weight: bold;
padding-right: 1em;
}


div.imgLeft span.caption,
div.imgCenter span.caption,
div.imgRight span.caption {
display:block;
}

#maincol div.video {
float: left;
}

#maincol div.video img {
width: 109px;
height: 82px;
padding: 0 10px 1em 0;
float: left;
border: none;
margin: 0;
}

#maincol div.slide {
float: left;
        line-height: 1.5;
}

#maincol div.slide img {
width: 109px;
height: 82px;
padding: 0 10px 1em 0;
float: left;
border: none;
margin: 0;
}

#maincol div.book {
float: left;
line-height: 1.5;
}

#maincol div.book img {
padding: 0 10px 1em 0;
float: left;
}

#maincol div.recommends li {
padding-bottom: .7em;
}

#subcol {
font-size: 13px;
}

#subcol h3,
#subcol h4 {
color: #192a3f;
font-size: 13px;
font-weight: bold;
line-height: 140%;
border-bottom: solid 1px #000;
padding: 6px 0 2px 0;
background-color: #f3f3f3;
margin-bottom: 1px;
clear: both;
}

#subcol p {
line-height: 160%;
padding: 0.3em 0 1em 0;
clear: both;
}

#subcol ul {
line-height: 150%;
padding: 0;
margin: 5px 0 1em 15px;
text-indent: -1em;
clear:left;
}

#subcol li {
padding: .5em 0 0 0;
list-style: none outside;
/*list-style-image: url(/images/listmark04.png);*/
}

#subcol ul li:before {
content: "";
display: inline-block;
width: 3px;
height: 3px;
background: #777;
margin: 0 .85em 0 0;
vertical-align: .3em;
}

#subcol ol {
line-height: 150%;
padding:0;
margin: 5px 0 1em 25px;
clear: left;
}

#subcol ol li {
background: none;
list-style: decimal none outside;
}

#subcol ul.categories {
line-height: 120%;
}

#subcol ul.categories li {
padding: 5px 0 0 0;
}


#newzia_connect ul {
padding-left: 0;
}

/** for newzia_connect **/
div.powerdby {
margin-top: -1.75em;
font-size: .875em;
float: right;
}

/** from Pure CSS lightbox **/
/** Here's where the magic happens **/
div.lb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: center;
/*  background: url('/images/screen.png');*/
}
div.lb:target {
  display: block;
}

/** IE doesn't support :target, so we use CSS expressions **/
div.lb {
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}

div.lb img {
 padding: 0;
 border: solid 60px #333;
 border-bottom: solid 180px #333;
}





body {
margin:0;
padding: 0;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
}

#container {
margin: 0 auto;
width: 880px;
display: block;
overflow: hidden;
}

div.category {
width: 200px;
color: #fff6;
}

#maincol {
margin: 0;
float: left;
background-color: #fff;
width: 535px;
padding: 0 15px 0 0;
font-size: 0.875em;
}


#maincol div.line {
border-top: solid 1px #555;
}

#maincol h1 {
font-size: 1.375em;
padding-top: .5em;
}

#maincol p.lastupdate {
font-size: .875em;
text-align: right;
line-height: 140%;
padding: 1em .5em 1.5em 0;
}

#maincol p.lastupdate img {
padding: 0px 0 0 6px;
vertical-align: -5%;
}


#maincol div.pagebute {
font-size: 13px;
padding: 0 0 10px 0;
}

#subcol {
width: 300px;
padding: 8px 15px;
float: right;
background-color: #f3f3f3;
margin: 0;
overflow:hidden;
padding-bottom: 32768px;
margin-bottom: -32768px;
}

#subcol img {
vertical-align: middle;
}

#logly_lift li {
list-style: none;
width: 250px;
float: left;
padding: 5px;
margin: 0;
}

#logly_lift ul {
list-style: none;
padding: 0;
margin: 0;
}

#logly_lift img {
float: left;
padding-right: 5px;
}


#header {
height: 50px;
margin-bottom: 10px;
font-size: 12px;
background: #192a3f;
border-bottom: 1px solid #bbb;
}

#header table {
height: 50px;
width: 880px;
margin: 0 auto;
background-color: #192a3f;
border: 0;
border-collapse: collapse;
padding: 0;
}

#header td {
vertical-align: bottom;
text-align: left;
padding: 0;
margin: 0;
border: 0;
}

#header td.logo {
width: 480px;
}

#header td.menu {
width: 390px;
}


#footer {
background-color: #192a3f;
color: #fff;
padding: 30px 40px;
font-size: 12px;
clear: both;
}

#footer_inner {
margin: 0 auto;
width: 880px;
}

#footer img.feedicon {
float: left;
}

#footer div.feeds,
#footer div.aboutus {
padding-left: 20px;
width: 250px;
float: left;
}

#footer div.feeds ul,
#footer div.aboutus ul {
margin: 0;
padding: 4px 0 0 12px;
line-height: 150%;
}

#footer div.feeds li,
#footer div.aboutus li {
padding: 0;
margin: 0;
}

#footer a {
color: #fff;
}