/*-------------------------------
 Wander Blog CSS - right style
 FileName     : index.css
 RecentUpdate : 08/01/31
--------------------------------*/
		
/*-------------------------------
 body setting 
--------------------------------*/
BODY {
 padding           : 0px 0px 0px 0px;
 font-size         : 12px;
 margin            : 0px 0px 0px 0px;
 color             : #FF0000;
 background-color  : #0074bc;
 background-image  : url(http://004.burogu.jp/images/1239350411/back_image.gif);
 background-repeat : repeat;
 height            : 200px;
}

/*-------------------------------
 blog outer frame 
--------------------------------*/
#flame {
 
 background-color  : #ffffff;
 border-top        : 0px solid #ffffff;
 border-bottom     : 0px solid #ffffff;
 border-right      : 1px solid #ffffff;
 border-left       : 1px solid #ffffff;
 padding           : 0px;
 margin            : auto;
 width             : 850px;
 text-align        : center;
}

/*-------------------------------
 article outer frame
--------------------------------*/
#siteinfo {
 padding          : 0px 5px 0px 0px;
 width            : auto;
 background-color : #ffffff;
 font-weight      : bold;
 text-align       : right;
 color            : #ccff00;
 font-size        : 12px;
}

/*-------------------------------
 wander blog menu
--------------------------------*/
#siteinfo A:link {
 color            : #ccff00;
 text-decoration  : none;
}
#siteinfo A:visited {
 color            : #ccff00;
 text-decoration  : none;
}

/*-------------------------------
 header
--------------------------------*/
#header {
 color               : #333333;
 background-color    : #ffffff;
 margin              : 10px 25px 5px 25px; 
 font-size           : 12px;
 text-align          : center;
 background-image    : url(http://004.burogu.jp/images/1239350411/top_image.gif);
 background-repeat   : no-repeat;
 background-position : center center;
 width               : 800px;
 height              : 320px;
}
	
/*-------------------------------
 blog title
--------------------------------*/
#header H1 {
 font-weight         : bold;
 font-size           : 30px;
 padding             : 50px 0px 0px 0px;
 margin              : 0px 30px 0px 30px;
 color               : #000000;
 text-align          : center;
}
#header H1 A:link {
 color               : #000000;
 text-decoration     : none;
}
#header H1 A:visited {
 color               : #000000;
 text-decoration     : none;
}
#header H1 A:active {
 color               : #000000;
 text-decoration     : none;
}
#header H1 A:hover {
 color               : #000000;
 text-decoration     : none;
}

/*-------------------------------
 blog information
--------------------------------*/
#header .bloginfo {
 font-size           : 12px;
 color               : #ff0000;
 padding             : 0px 0px 0px 0px;
 margin              : 0px 30px 0px 30px;
 width               : auto;
 text-align          : center;
}
	
/*-------------------------------
 article & sidebar outer frame
--------------------------------*/
#mainflame {
 display             : inline;
 margin              : 10px 0px 0px 0px;
 padding             : 0px 0px 0px 0px;
 font-size           : 12px;
 width               : auto;
 color               : #000000;
 background-color    : #ffffff;
 clear               : both;
}

/*-------------------------------
 sidebar outer frame
--------------------------------*/
#menu {
 font-size           : 12px;
 float               : right;
 width               : 273px;
 padding             : 0px 20px 5px 18px;
 margin              : 0px 0px 0px 0px;
 text-align          : center;
}
#menu .sidetitle {
 color               : #ff0099;
 padding             : 20px 0px 27px 0px;
 font-weight         : bold;
 font-size           : 14px;
 margin              : 0px 0px 0px 0px;
 text-indent         : 0pt;
 text-align          : center;
 height              : 15px;
}

/*-------------------------------
 profile
--------------------------------*/
#profile {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 font-size           : 12px;
 width               : 244px;
 margin              : 0px auto 20px auto;
 color               : #000000;
}

/*-------------------------------
 user name
--------------------------------*/
#profile .username {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_middle.gif);
 background-repeat   : repeat-y;
 font-size           : 14px;
 padding             : 0px 0px 0px 20px;
 width               : auto;
 text-align          : left;
 font-weight         : bold;
}

/*-------------------------------
 user photo
--------------------------------*/
#profile .userphoto {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_middle.gif);
 background-repeat   : repeat-y;
 text-align          : center;
 padding             : 5px 0px 10px 0px;
 margin              : 0px 0px 0px 0px;
}

/*-------------------------------
 user information
--------------------------------*/
#profile .userinfo {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_middle.gif);
 background-repeat   : repeat-y;
 font-size           : 12px;
 padding             : 10px 35px 20px 15px;
 width               : auto;
 text-align          : left;
}

/*-------------------------------
 profile footer
--------------------------------*/
#profile .proffooter {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 padding             : 10px 0px 30px 0px;
 clear               : both;
}

/*-------------------------------
 freeArea
--------------------------------*/
#freeArea {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 font-size           : 12px;
 width               : 244px;
 margin              : 0px auto 20px auto;
 color               : #000000;
}

/*-------------------------------
 freeAreaContents
--------------------------------*/
#freeArea .contents {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_middle.gif);
 background-repeat   : repeat-y;
 font-size           : 12px;
 padding             : 10px 15px 20px 15px;
 width               : auto;
 text-align          : left;
}

/*-------------------------------
 freeArea footer
--------------------------------*/
#freeArea .freeAreaFooter {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 padding             : 10px 0px 30px 0px;
 clear               : both;
}

/*-------------------------------
 new article list 
--------------------------------*/
#newentry {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 text-align          : left;
 width               : 244px;
 margin              : 0px auto 20px auto;
}
	
/*-------------------------------
 new article list footer
--------------------------------*/
#newentry .newentryfooter {
 width               : 100%;
 margin              : 0px 0px 0px 0px;
 padding             : 0px 0px 30px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 clear               : both;
}

/*-------------------------------
 month archive 
--------------------------------*/
#monthachv {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 width               : 244px;
 margin              : 0px auto 20px auto;
 text-align          : left;
}

/*-------------------------------
 month archive footer
--------------------------------*/
#monthachv .monthachvfooter {
 width               : 100%;
 margin              : 0px 0px 0px 0px;
 padding             : 0px 0px 30px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 clear               : both;
}

/*-------------------------------
 theme archive 
--------------------------------*/
#themeachv {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 text-align          : left;
 width               : 244px;
 margin              : 0px auto 20px auto;
}

/*-------------------------------
 theme archive footer
--------------------------------*/
#themeachv .themeachvfooter {
 width               : 100%;
 margin              : 0px;
 padding             : 0px 0px 30px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 clear               : both;
}

/*-------------------------------
 calendar frame
--------------------------------*/
#calendar {
 background-image    : url(http://004.burogu.jp/images/1239350411/calendar.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 height              : 244px;
 width               : 244px;
 margin              : 0px auto 30px auto;
 font-size           : 12px;
}

#calendar A:link {
 color               : #00cc00;
 text-decoration     : none;
}
#calendar A:visited {
 color               : #00cc00;
 text-decoration     : none;
}
#calendar A:active {
 color               : #00cc00;
 text-decoration     : none;
}
#calendar A:hover {
 color               : #00cc00;
 text-decoration     : none;
}

/*-------------------------------
 calendar table
--------------------------------*/
TABLE.calendar {
 margin              : 12px 20px 0px 20px;
 font-size           : 12px;
 empty-cells         : show;
 border-collapse     : collapse;
 height              : 200px;
 width               : 200px;
}
 .calendar TH.top {
  border             : #ffffff 0px none;
  font-size          : 14px;
  width              : auto;
  color              : #000000;
  text-align         : center;
 }
 .calendar TH {
  border             : none;
  padding            : 0px 5px 5px 9px ;
  font-size          : 12px;
  width              : 20px;
  color              : #000000;
  text-align         : center;
 }
 .calendar TD {
  border             : #ffffff 0px none;
  font-size          : 12px;
  color              : #000000;
  text-align         : center;
 }
/* sunday label */
 .calendar TD.sun {
  color              : #ff0000;
 }
/* sunday */
 .calendar TH.sun {
  color              : #ff0000;
 }
/* saturday label */
 .calendar TH.sat {
  color              : #0066ff;
 }
/* saturday */
 .calendar TD.sat {
  color              : #0066ff;
 }

/*-------------------------------
 bookmark list
--------------------------------*/
#bookmark {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 width               : 244px;
 margin              : 0px auto 20px auto;
 text-align          : left;
}

/*-------------------------------
 bookmark list footer
--------------------------------*/
#bookmark .bookmarkachvfooter {
 width               : 100%;
 margin              : 0px 0px 0px 0px;
 padding             : 0px 0px 30px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 clear               : both;
}

/*-------------------------------
 recent comment
--------------------------------*/
#newcomment {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 text-align          : left;
 width               : 244px;
 margin              : 0px auto 20px auto;
}

/*-------------------------------
 recent comment footer
--------------------------------*/
#newcomment .newcommentfooter {
 width               : 100%;
 margin              : 0px 0px 0px 0px;
 padding             : 0px 0px 30px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 clear:both;
}

/*-------------------------------
 recent trackback
--------------------------------*/
#newtrackback {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_head.gif);
 background-repeat   : no-repeat;
 padding             : 0px 0px 0px 0px;
 width               : 244px;
 margin              : 0px auto 20px auto;
 text-align          : left;
}

/*-------------------------------
 recent trackback footer
--------------------------------*/
#newtrackback .newtrackbackfooter {
 width               : 100%;
 margin              : 0px 0px 0px 0px;
 padding             : 0px 0px 30px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_foot.gif);
 background-repeat   : no-repeat;
 clear               : both;
}

/*-------------------------------
 for banner
--------------------------------*/
#banner {
 width               : 244px;
 margin              : 10px auto 0px auto;
 text-align          : center;
 padding             : 0px 0px 30px 0px;
}

/*-------------------------------
 article frame
--------------------------------*/
#bloglist {
 font-size           : 12px;
 margin              : 0px 0px 5px 30px;
 padding             : 0px 0px 0px 0px;
 overflow            : hidden;
 width               : 500px;
 text-align          : left;
}

/* article */
#article {
 padding             : 0px 0px 0px 0px;
 margin              : 0px 0px 0px 0px;
 color               : #000000;
}

/* article title */
#article H2 {
 width               : 500px;
 margin              : 0px 0px 0px 0px;
 color               : #000000;
 background-image    : url(http://004.burogu.jp/images/1239350411/article_head.gif);
 background-repeat   : no-repeat;
 background-position : left top;
 text-align          : center;
 height              : 22px;
 text-indent         : 0pt;
 padding             : 10px 0px 38px 0px;
 vertical-align      : middle;
 font-weight         : normal;
 text-transform      : none;
 font-size           : 20px;
}
#article H2 A:link {
 color               : #000000;
 text-decoration     : none;
}
#article H2 A:visited {
 color               : #000000;
 text-decoration     : none;
}
#article H2 A:active {
 color               : #000000;
 text-decoration     : none;
}
#article H2 A:hover {
 color               : #000000;
 text-decoration     : none;
}

/* article theme */
#article .theme {
 background-image    : url(http://004.burogu.jp/images/1239350411/article_middle.gif);
 background-repeat   : repeat-y;
 padding             : 5px 20px 5px 0px;
 font-weight         : normal;
 font-size           : 12px;
 margin              : 0px 0px 0px 0px;
 text-align          : right;
 color               : #ff0000;
 font-size           : 12px;
}

/* article contents */
#article .content {
 background-image    : url(http://004.burogu.jp/images/1239350411/article_middle.gif);
 background-repeat   : repeat-y;
 padding             : 0px 30px 15px 21px;
 font-size           : 15px;
 line-height         : 2em;
 color               : #000000;
}

/* article date  */
#article .link {
 background-image    : url(http://004.burogu.jp/images/1239350411/article_middle.gif);
 background-repeat   : repeat-y;
 padding             : 0px 30px 10px 0px;
 font-weight         : normal;
 font-size           : 10px;
 text-align          : right;
 color               : #999999;
}

/* link */
#article .pagelink {
 background-image    : url(http://004.burogu.jp/images/1239350411/article_middle.gif);
 background-repeat   : repeat-y;
 text-align          : center;
 padding             : 20px 0px 10px 0px;
}

/* trackback */
#article .tb {
 background-image    : url(http://004.burogu.jp/images/1239350411/article_middle.gif);
 background-repeat   : repeat-y;
 font-weight         : bold;
 font-size           : 12px;
 text-align          : right;
 padding             : 10px 30px 0px 0px;
 color               : #ff0000;
}

/* article footer */
#article .articlefooter {
 display             : block;
 background-image    : url(http://004.burogu.jp/images/1239350411/article_foot.gif);
 background-repeat   : no-repeat;	
 padding             : 60px 0px 0px 0px;
 font-weight         : normal;
 font-size           : 12px;
 background-color    : #ffffff;
}

/*-------------------------------
 comment list
--------------------------------*/
#comlist {
 display             : block;
 padding-left        : auto;
 padding-right       : auto;
}

/* comment chapter */
#comlist .comtitle {
 font-weight         : bold;
 color               : #ffff00;
 padding             : 9px 0px 11px 10px;
 margin              : 10px 0px 5px 0px;
 text-align          : left;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_top.gif);
 background-repeat   : no-repeat;
 text-indent         : 0pt;
 vertical-align      : center;
}

/* comment frame */
#comment {
 font-weight         : nomal;
 color               : #000000;
 padding             : 10px 0px 10px 0px;
 margin              : 10px 0px 0px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_head.gif);
 background-repeat   : no-repeat;
}

/* comment contents */
#comment .comcontent {
 font-weight         : nomal;
 padding             : 20px 20px 20px 20px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_middle.gif);
 background-repeat   : repeat-y;
}

/* comment poster */
#comment .posted {
 font-weight         : bold;
 font-size           : 12px;
 text-align          : right;
 padding             : 0px 30px 0px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_middle.gif);
 background-repeat   : repeat-y;
}

/* comment footer */
#comment .commentfooter {
 font-weight         : bold;
 font-size           : 12px;
 text-align          : right;
 padding             : 10px 0px 0px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_foot.gif);
 background-repeat   : no-repeat;
}

/*-------------------------------
 trackback list
--------------------------------*/
#tblist {
 padding-left        : auto;
 padding-right       : auto;
}

/* trackback chapter */
#tblist .tbtitle {
 font-weight         : bold;
 padding             : 10px 0px 15px 5px;
 margin              : 10px 0px 5px 0px;
 color               : #ffff00;
 text-align          : left;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_top.gif);
 background-repeat   : no-repeat;
 text-indent         : 2pt;
}

/* trackback frame */
#trackback {
 color               : #000000;
 padding             : 10px 0px 10px 0px;
 margin              : 10px 0px 0px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_head.gif);
 background-repeat   : no-repeat;
}

/* trackback title */
#trackback .tbart {
 font-weight         : bold;
 padding             : 10px 0px 10px 20px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_middle.gif);
 background-repeat   : repeat-y;
}

/* trackback contents */
#trackback .tbcontent {
 font-weight         : nomal;
 padding             : 10px 20px 20px 20px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_middle.gif);
 background-repeat   : repeat-y;
}

/* trackback blog name */
#trackback .blogname {
 font-weight         : bold;
 padding             : 20px 20px 0px 20px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_middle.gif);
 background-repeat   : repeat-y;
 text-align          : right;
}

/* trackback footer */
#trackback .trackbackfooter {
 font-weight         : bold;
 font-size           : 12px;
 text-align          : right;
 padding             : 10px 0px 0px 0px;
 background-image    : url(http://004.burogu.jp/images/1239350411/comment_foot.gif);
 background-repeat   : no-repeat;
}

/*-------------------------------
 commnet input form
--------------------------------*/
TABLE.comform {
 padding             : auto;
 font-size           : 12px;
 text-align          : center;
 width               : auto;
}
 .comform TH {
  font-size          : 12px;
  color              : #999999;
  padding            : 0px 0px 0px 7px;
  text-align         : left;
 }

 .comform TH.center {
  text-align          : center;
  background-repeat   : no-repeat;
  background-position : center;
 }

 .comform TD {
  padding            : 0px 0px 0px 10px;
  font-size          : 12px;
  margin             : 0px 0px 0px 0px;
  color              : #999999;
  text-align         : left;
 }

/*-------------------------------
 public list element
--------------------------------*/
UL {
 background-image    : url(http://004.burogu.jp/images/1239350411/side_bar_middle.gif);
 background-repeat   : repeat-y;
 text-align          : left;
 margin              : 0px 0px 0px 0px;
 padding             : 10px 0px 10px 5px;
 list-style-type     : none;
 list-style-position : outside;
}

LI {
 font-size           : 12px;
 border-bottom       : 1px dotted #999999;
 padding             : 0px 0px 0px 0px;
 margin              : 0px 30px 0px 15px;
 color               : #341c0e;
 line-height         : 14px;
}

/*-------------------------------
 error message
--------------------------------*/
SPAN.err {
 color               : #ff0000;
}

/*-------------------------------
 clear both
--------------------------------*/
.cl {
 clear               : both;
}

/*-------------------------------
 default link color setting
--------------------------------*/
A:link {
 color               : #ff0000;
 text-decoration     : none;
}

A:visited {
 color               : #ff0000;
 text-decoration     : none;
}

A:active {
 color               : #ff0000;
 text-decoration     : none;
}

A:hover {
 color               : #ff0000;
 text-decoration     : none;
}

/*-------------------------------
 theme & monthly archive footer link
--------------------------------*/
#themeArchiveFooterLink {
 text-align          : center;
 color               : #ff0000;
}

#themeArchiveFooterLink A:link {
 color               : #ff0000;
 text-decoration     : none;
}

#themeArchiveFooterLink A:visited {
 color               : #ff0000;
 text-decoration     : none;
}

#themeArchiveFooterLink A:active {
 color               : #ff0000;
 text-decoration     : none;
}

#themeArchiveFooterLink A:hover {
 color               : #ff0000;
 text-decoration     : none;
}

p {
 margin              : 0px 0px 0px 0px;
 padding             : 0px 0px 0px 0px;
}
