/* initialize
 -------------------------------------- */
* {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

html, body {
 height: 100%;
}

body { 
 font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 font-size:13px; background-color: #fff; color: #000;
 margin:0 auto;
}

a:link { color : #cc0000; }
a:visited { color : #996600;}
a:hover {
  color : #cc3300;
  text-decoration : underline;
}

img { border:none; }

 /* ppblog function
 -------------------------------------- */
#switch { position:absolute; top:110px; right:0px; cursor:pointer;}
#styleSwitch {                    /* THEME CHANGER */
  position:absolute;
  top:107px; left:75px;
  z-index:10;
}

.pp-counter{                      /* PP COUNTER */
  position: absolute; 
  top: 70px; right:0px;
  _top:65px;left:700px;
  font-size : .8em;
  color: #5353A6;
  width: 250px;
  text-align: right;
}

.blog-bar{                        /* BLOG BAR */
  position:absolute;
  top: 39px; right:40px;
  text-align: center;
}

 /* layout
 -------------------------------------- */
#ibody {
	margin :0 auto;
	height: 100%;
	width:910px;
	_width:940px;
	clear:both;
}

 /* header
 -------------------------------------- */
#header {
	width:910px;
	_width:940px;
  height:110px;
  margin:10px 0 15px 0;
  clear:both;
  overflow:auto;
  position:relative;
}

#header h1{
	float:left;
	margin-right:20px;
	width:451px;
}

#header div.discription{
	line-height:140%;
}

.headbar{
  vertical-align: bottom;
  font-size : .9em;
  margin: 0;
  padding: 2px 1em 0 10px;
}

 /* NAVIGATION BAR STYLE */
.headline{
	display:none;	
}
.headline ul{
  text-align: center;
}
.headline ul li{
  display: inline;
  margin-left: 15px;
}
.headline img {
  width: 24px;
  height: 24px;
}

 /* footer
 -------------------------------------- */
#footer { 
	width: 910px;
	clear: both;
	text-align:center;
	font-size:0.9em;
	color: #777;
}

 /* contents
 -------------------------------------- */
#wrapper{
	_height:100%;
	min-height:900px;
	clear;both;
	width:940px;
	_width:940px;
}

/* sidemenu */
#column-left{
  width: 180px;
  float: left;
}

#main{ /* columncenter,column-right box */
	height:100%;
	margin-left:190px;
	width:740px;
}

#column-center {
  width: 550px;
  float: left;
  height: 100%;
  margin:0 0 1em 10px;
}
#column-center .nav1 {
	text-align: center;
	font-size: 14px;
}
#column-center .nav2 {
	display:none;
	text-align: center;
	font-size: 1em;
}

#column-right{
	margin-left:560px;
	width: 155px;
}


.column-right_controlbox ul{
	list-style-type:none;
}

.column-right_controlbox ul li img{
	vertical-align:middle;
}

body[id=mose] #column-right  { margin-left:79%;}

/* CONTROL BAR FOR ADMIN */
#control ul{      
  text-align: center;
  width:100%;
  margin: 0;
}
#control li{
	display:inline; 
	font:500 16px times;
	padding-right:1em;
}



h4 { font-size:14px arial; text-align:center;}
h5 { margin:0; font:600 16px "Trebuchet MS", sans-serif;}
h6 { margin:0; font:500 13px "Trebuchet MS", sans-serif; text-align:center;}

/* ARTICLE BOX STYLE */
div.article {       
  background: #ffffff;
  border: 1px solid #73473A;
  font-size: 1.1em;
  line-height: 1.8;
  margin: 10px 0 40px 0;
}
div.article h2.date {
  font-size:14px;
  border-left:solid 10px #73473A;
  text-align: left;
  padding:5px;
  line-height: 1.2;
}
div.article h3.title{
  text-align: left;
  font-size:18px;
  font-weight: bold;
  border-left:solid 10px #73473A;
  border-bottom:dotted 1px #73473A;
  line-height: 1.2;
  padding:0 0 10px 5px;
}
div.article h3.title a{
  font-weight: bold;
}
.cat, .cat2 {
  font:500 12px arial;
  padding:5px 10px 0 0;
  float:right;
}
div.article code { font:500 10px verdana,arial; text-align: left; color:#999;padding-left:7px;}
div.article div.content{
  padding:.5em;
}
div.article div.content img{/* toukou gazou */
  margin:5px 10px 5px 10px;
  padding:5px;
	background:#fff;
	border:1px solid #ccc;
}
.article div.content:first-letter {
  font-size : 150%;
  font-weight : 800;
  color: #c01d66;
}
body[id=mose] .article div.content .cap:first-letter {
  font-size : 150%;
  font-weight : 800;
  color: #fff;
  background-color: #969696;
  padding: 3px 1px 3px 1px;
}
div.article .date2 {
  font:600 17px georgia;
  text-align: right;
  padding-right:7px;
  margin-top:1px;
}
.post-foot {
  margin-top:10px;
  padding-top:5px;
  color : #aaa;
  font-size : 11px;
	border-top:1px solid #ccc;
  clear: both;
}
.post-foot a {
  font-size :12px;
  text-decoration : none;
}
div.article .bottom {
  text-align : right;
  padding-right : 2em;
  padding-top : 5px;
}
div.article .bottom2 {
  text-align : right;
  padding-right : 2em;
  margin-top : -10px;
}
hr.separator {
  width: 12px;
  height: 12px;
  background: #ddd;
}

.right {
  text-align : right;
  margin : 5px 5px 3px 0;
}
.left {
  text-align : left;
  margin : 5px 5px 3px 0;
}
p.center {
  text-align : center;
  font-weight:bold;
  margin-bottom:10px;
}
.hidden{display:none;}
button, input.button {
  background : #ddd;
  border : 1px solid #aaa;
  font : 600 13px arial, 'Times New Roman', serif;
  color : #453c5b;
  cursor : pointer;
  height : 20px;
}
.url {
  font-family : georgia, verdana, arial, sans-serif;
  color : #333;
  margin : 20px auto;
  background-color : #FFF7FF;
  padding : 5px;
  margin-bottom : 20px;
  border : 2px dashed #ccc;
}
dl.trackback{
  text-align:left;
  width:95%;
  margin-left:1em;
  margin-right : 1em;
  padding-left: 1em;
  border-left : dotted 3px #ddd;
  border-bottom: dotted 2px #ddd;
}
dl.trackback dt {
  font:500 15px georgia;
  color:#555;
  padding-left:.5em;
}
dt{
  font-size:13px;
  color: #333;
  padding-left:0;
}
dd{
  font-size:13px;
  margin-left:1em;
  padding:5px;
}
dd.tb-footer{
  font-size:11px;
  color:#00004d;
  text-align: right;
}
ul.inline {
 text-align:center;
}
ul.inline li { display:inline; padding-right:1em;}

/*------------- column-left------------ */

/* SIDE BOX STYLE */
h5.box-cap{
	border:none;
	font-size:0;
}
.box-body{
  border: 1px solid #aaa;
  background-color: #f2edd0;
  padding: 5px;
  margin-bottom: 2em;
}
.box-body ul{
  list-style: none;
}
.box-body ul li{
  margin-top: 5px; 
  padding-left:20px;
}
ul.mark1 li{
  background:url(Images/page_white.png) no-repeat left center;
}
ul.mark2 li{
  background:url(Images/page_white.png) no-repeat left top;
}
ul.mark2 ul li.nest1{
  background:url(Images/comment.png) no-repeat left center;
}
ul.mark2 ul{
  margin-bottom:20px;
}
ul.mark2 ul li.nest2{
  margin-left: 25px;
}
ul.mark3 li{
  background:url(Images/page_white_stack.png) no-repeat left center;
}
#categories ul li{
  background:url(Images/page_white_stack.png) no-repeat left center;
}
.box-body ul.center{
  text-align:left;
  height:100%;
  clear:both;
  overflow:auto;
}

#archives ul li{/* kako log */
  background:url(Images/page_white_stack.png) no-repeat left center;
}
#others ul li{/* RSS */
  background:none;
  padding-left:0;
}



.comment-div {       /* COMMENT BOX STYLE */
  text-align : left;
  font-size : 12px;
  padding:10px;
  border : 1px solid #ccc;
  background : #fcfcfc;
  margin-bottom:20px;
}
.comment-div ul{
	list-style:none;
}
.comment-div ul li{
	margin-bottom:10px;
  background:url(Images/comment.png) no-repeat left top;
	padding-left:25px;
}
#calendar {      /* Calendar STYLE */
  width:100%;
}
table.calendar {
  border: 1px solid rgb(162,162,162);
  width : 100%;
  background: #fcfdfe;
}
table.calendar td{
  font-size : 13px;
  padding : 1px;
  text-align : center;
}
table.calendar a {
  text-decoration : none;
  font : 500 13px arial;
}
table.calendar-line {
  width: 640px;
  border: none;
  margin: 0 auto 20px 13%;
  font-family: georgia;
}
table.calendar-line a {
  text-decoration : none;
  font : 500 13px georgia;
}
table.calendar-line strong{
  font:600 14px georgia;
}
tr.header td {
  font : 600 14px arial;
}
td.daySubmit {
  background-color : #eaeaf4;
}
td span.Sun {
  color : rgb(250,90,70);
}
td span.Sat {
  color : navy;
}
td span.Today {
  color : rgb(5,170,50);
  font-weight : 600;
}
.search-box {        /* SEARCH-BOX STYLE*/
  background: #faf9f6;
  border: 1px solid #aaa;
  width: 450px;
  margin: auto;
  padding: .1em 1em 1em 3em;
  text-align: center;
}
.search-box ul { list-style: square; padding-left:2em; text-align: left;}
.gallery {        /* GALLERY VIEW STYLE*/
}
.gallery table td {
  text-align : center;
  font : 600 12px verdana, sans-serif;
  vertical-align : bottom;
  width: 180px;
  height: 180px;
}
.gallery-by-category, .gallery {
  margin   : 10px auto 30px auto;
  border   : dashed 1px #646400;
  padding  : 10px;
  background : #fcfdfe;
}
.gallery-by-category img {
  border   : inset 3px #D2D200;
}
.gallery-by-category table td {
  text-align : center;
  font : 600 12px verdana, sans-serif;
  vertical-align : bottom;
  width: 180px;
  height: 100px;
}
.gallery a img {
  border-width : 0;
  margin : 5px 10px auto 20px;
  border : inset 3px #d2d200;
}

legend {
  font   : 500 13px sans-serif;
  border   : 1px solid #aaa;
  padding  : 1px;
  background: #eee;
}
pre{
  font   : 500 12px tahoma, monospace;
  background : #FFF4FF;
  border   : dotted 1px #808080;
  margin   : 0 1em 0 1em;
  padding  : 10px;
  color  : #400000;
  overflow   : auto;
  width  : 93%;
}
textarea {
  border : 1px solid #aaa;
  font-size : 13px;
  color : #444;
  background : #fdfdff;
}
.underline {
  text-decoration: underline;
}
.google-it {
  font : 600 13px 'Times New Roman',serif;
  color : #2020ff;
  cursor : pointer;
}
.arial {
  font : 600 13px Arial, sans-serif;
  text-decoration : none;
  letter-spacing: 0;
}
.georgia {
  font : 500 12px Georgia, serif;
}
.alert {
  color : #dc2360;
  text-align: center;
}
div.quote {
  border-left : 2px solid #ddd;
  border-right : 2px solid #ddd;
  background-color : #fff;
  padding : 5px;
  margin: 1em;
  color : #00468c;
}
.ping-url span{
  font-family:georgia, sans-serif;
  border-bottom: 1px dotted #aaaaff;
  cursor: pointer;
  color: #555;
}