/* base.css */

/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: verdana, sans-serif;
   font-size: 12px;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}


/* 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; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 100%;
   text-align: left;
   min-height: 1px;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 94%; margin: 20px auto; }
#pagebody-inner { position: relative; width: 100%; }

#alpha
{
   display: inline; /* ie win bugfix */
   position: relative;
   min-height: 1px;
}

#beta
{
   display: inline; /* ie win bugfix */
   position: absolute;
   top:0px;
   left:0px;
   min-height: 1px;
}


#alpha-inner, #beta-inner
{
   position: static;
}

/* banner user/photo */

.banner-user
{
   float: left;
   overflow: hidden;
   width: 64px;
   margin: 0 15px 0 0;
   border: 0;
   padding: 0;
   text-align: center;
}

.banner-user-photo
{
   display: block;
   margin: 0 0 2px 0;
   border: 0;
   padding: 0;
   background-position: center center;
   background-repeat: no-repeat;
   text-decoration: none !important;
}

.banner-user-photo img
{
   width: 64px;
   height: auto;
   margin: 0;
   border: 0;
   padding: 0;
}


/* content */

.content-nav
{
   margin: 10px;
   text-align: center;
}

.date-header,
.entry-content
{
   position: static;
   clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
   clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

#comment-post
{
   font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
   float: left;
   width: 115px;
   margin: 0 10px 10px 0;
}

.image-thumbnail img
{
   width: 115px;
   height: 115px;
   margin: 0 0 2px 0;
}


/* modules */

.module
{
   position: relative;
   overflow: hidden;
   width: 100%;
}

.module-content
{
   position: relative;
   margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.module-list-item
{
   margin-top: 5px;
   margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
   border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
   width: 14%;
   text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
   display: block;
   clear: both;
   margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
   float: left;
   min-width: 60px;
   width: 60px;
   /* no ie mac \*/width: auto;/* */
   margin: 0 5px 0 0;
   text-align: center;
   vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
   margin: 0;
   padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
   margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
   display: block;
   height: 1%;
   margin: 0;
   border: 0;
   padding: 0;
   list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
   display: block;
   float: left;
   /* ie win fix \*/ height: 1%; /**/
   margin: 0;
   border: 0;
   padding: 0;
}

.module-recent-photos .module-list-item a
{
   display: block;
   margin: 0;
   border: 0;
   padding: 0;
}

.module-recent-photos .module-list-item img
{
   width: 60px;
   height: 60px;
   margin: 0;
   padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
   width: 14%;
   height: 75px;
   text-align: left;
   vertical-align: top;
}

.day-photo
{
   width: 54px;
   height: 54px;
}

.day-photo a
{
   display: block;
}

.day-photo a img
{
   width: 50px;
   height: 50px;
}

/* theme-members.css */

/* basic page elements */

body
{
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 12px;
}

a { color: #0000ff; text-decoration: none; }
a:hover { color: #0000ff; }

#banner a { color: #000; text-decoration: none; }
#banner a:hover { color: #000; }

.module-content a { color: #0000ff; }
.module-content a:hover { color: #0000ff; }

h1, h2, h3, h4, h5, h6
{
   font-family: verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
   border: 1px solid #d2d8d8;
   padding: 6px;
   color: #000;
   background: url(images/bg_module_header.gif);
   font-size: 14px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}

.comments-header
{
   margin: 0;
   border-top: 1px solid #b1b1c7;
   border-left: 1px solid #b1b1c7;
   border-right: 1px solid #b1b1c7;
   padding: 4px;
   color: #fff;
   background: #0041ad;
   font-size: 10px;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
   color: #000;
}

.entry-more-link
{
   text-align: right;
   font-size: 11px;
}

.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
   font-size: 11px;
}

.commenter-profile img { vertical-align: middle; }


/* page layout */

body
{
   min-width: 690px;
   color: #000;
   background: #fff;
}

#container
{
   width: 100%;
   margin-bottom: 20px;
}

#container-inner
{
   border-width: 0;
   border-style: solid;
   border-color: #292e33;
}

#banner
{
   width: 100%; /* necessary for ie win */
   height: 62px;
   background: url(images/bg_banner.gif);
}

#banner-inner
{
   padding: 15px 30px 0 30px;
}

.banner-user
{
   width: 70px;
   margin-top: 5px;
   font-size: 10px;
}

.banner-user-photo { border: 1px solid #fff; }

#banner-header
{
   float: left;
   margin: 0;
   color: #333;
   font-size: 12px;
   line-height: 1;
   text-indent: -9999px;
   background: url(images/members_logo.gif) no-repeat;
   width: 142px;
   height: 38px;
}

#banner-header a,
#banner-header a:hover
{
   display: block;
   text-decoration: none;
   width:100%;
   height:100%;
}

#banner-description
{
   text-align: right;
   margin: 0;
   padding-top: 25px;
   color: #666;
   background: none;
   font-size: 12px;
   font-weight: normal;
   line-height: 1.125;
}

#nav
{
   text-align: right;
   margin: 0;
   padding: 3px 40px 3px 0;
   color: #333;
   background: url(images/bg_nav.gif);
   font-size: 12px;
   height: 18px;
}

.layout-two-column-right #alpha { margin: 0; width: 100%; }
.layout-two-column-right #beta { margin: 0; width: 240px; }

.layout-two-column-right #alpha-inner
{
   margin: 0 260px 0 0;
}

.layout-two-column-right #beta-inner
{
   padding: 0;
   margin: 0;
   border-width: 0;
   border-style: solid;
   border-color: #fff;
}

#footer
{
   width: 100%; /* necessary for ie win */
}

#footer-inner
{
   padding: 15px 30px;
}

address
{
   text-align: right;
   font-size: 10px;
   color: #999;
   font-style: normal;
}

.date-header
{
   margin-top: 0;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
}

.entry-header
{
   margin-bottom: 10px;
   padding: 0 0 0 20px;
   color: #000;
   background: url(images/entry-header.gif) no-repeat;
   font-size: 18px;
   font-weight: bold;
}

.entry-content
{
   margin: 0;
   padding: 10px;
   font-size: 14px;
   line-height: 1.6;
   border-bottom: 1px solid #b1b1c7;
   border-left: 1px solid #b1b1c7;
   border-right: 1px solid #b1b1c7;
}

.entry-content-aboutus
{
   margin: 0;
   padding: 10px;
   font-size: 14px;
   line-height: 1.6;
}

.entry-content-header
{
   margin: 0;
   border-top: 1px solid #b1b1c7;
   border-left: 1px solid #b1b1c7;
   border-right: 1px solid #b1b1c7;
   padding: 4px;
   color: #fff;
   background: #0041ad;
   font-size: 10px;
}

.entry-content-header a,
.entry-content-header a:hover
{
   color: #fff;
   font-size: 10px;
   text-decoration: underline;
}

.comment-content,
.trackback-content
{
   margin: 0 0 10px 0;
   padding: 10px 10px 0 10px;
   font-size: 12px;
   line-height: 1.2;
}

.top-entry-header
{
   margin: 0;
   border-top: 1px solid #b1b1c7;
   border-left: 1px solid #b1b1c7;
   border-right: 1px solid #b1b1c7;
   padding: 4px;
   color: #fff;
   background: #0041ad;
   font-size: 10px;
}

.top-entry-content
{
   margin: 0;
   padding: 10px;
   font-size: 14px;
   line-height: 1.4;
}

.top-entry-list
{
   margin: 0 0 10px 0;
   padding: 0;
   list-style: none;
}

.top-entry-list .top-entry-list
{
   margin: 5px 0 0 0;
   padding-left: 10px;
   list-style: none;
}

.top-entry-list-item
{
   background: url(images/entry-header.gif) no-repeat;
   margin-top: 5px;
   padding: 0 0 5px 20px;
   color: #666;
   font-size: 14px;
   line-height: 1.4;
   border-bottom: 1px dashed #ccc;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   border-top: 1px dashed #b1b1c7;
   padding-top: 3px;
   color: #333;
   font-size: 10px;
   text-align: right;
}

.comments-open-header
{
   margin: 0;
   border: 1px solid #b1b1c7;
   padding: 4px;
   color: #fff;
   background: #0041ad;
   font-size: 10px;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #a3b8cc;
   padding: 0 10px;
   color: #292e33;
   font-size: 11px;
   text-align: center;
   background: #e6ecf2;
}

.comments-open-footer
{
   margin: 10px 0;
}


/* modules */

.module
{
   margin: 0 0 10px 0;
   border-bottom: 0px solid #ccc;
}

.module-content
{
   margin: 0 0 10px 0;
   padding: 10px 10px 10px 10px;
   font-size: 12px;
   line-height: 1.2;
   border-left: 1px solid #d2d8d8;
   border-right: 1px solid #d2d8d8;
   border-bottom: 1px solid #d2d8d8;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content
{
   margin-bottom: 0;
   border: 1px dashed #a3b8cc;
   padding-bottom: 10px;
   color: #000;
   background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list
{
   margin: 0 15px 10px 15px;
   list-style-image: url(images/listmark.gif);
}

.module-list .module-list
{
   margin: 5px 0 0 0;
   padding-left: 15px;
   list-style-image: url(images/listmark2.gif);
}

.module-list-item
{
   margin-top: 0;
   color: #000;
   line-height: 1.4;
}

.typelist-thumbnailed .module-list
{
   margin: 0 0 10px 0;
   list-style: none;
}

.typelist-thumbnailed .module-list-item
{
   margin: 1px 0;
   padding: 0;
   background: #f3f6f9;
}

.typelist-thumbnail
{
   background: #fff;
}

.module-photo img { border: 1px solid #fff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content
{
   margin: 0;
   border-width: 0;
   padding: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
   width: 64px; /* mac ie fix */
   margin: 0 10px 10px 0;
   padding: 0;
   background: none;
}

.module-recent-photos .module-list-item a
{
   border: #cfd4d9 1px solid;
   padding: 1px;
   background: #fff;
}

.module-recent-photos .module-list-item a:hover
{
   border-color: #36414d;
   background: #fff;
}


/* calendar tweaks */

   .layout-calendar #alpha { width: 260px; }
   .layout-calendar #beta { width: 420px; }

   .layout-calendar #gamma,
   .layout-calendar #delta
   {
      width: 190px;
   }

   .layout-calendar #gamma-inner,
   .layout-calendar #delta-inner
   {
      border: 0;
      padding: 0;
   }

   .module-mmt-calendar { width: 398px; }
   .module-mmt-calendar .module-content
   {
      margin: 0;
      border-width: 0;
      padding: 10px;
   }

   .module-mmt-calendar table
   {
      width: 378px;
      background: #a3b8cc;
   }

   .module-mmt-calendar th
   {
      color: #fff;
      border-top: 1px solid #fff;
      border-right: 1px solid #f3f6f9;
      border-bottom: 1px solid #cfd4d9;
      padding: 2px;
      text-align: right;
      font-weight: bold;
   }

   .module-mmt-calendar td
   {
      border-top: 1px solid #fff;
      border-right: 1px solid #f3f6f9;
      border-bottom: 1px solid #cfd4d9;
      padding: 2px;
      text-align: right;
      font-weight: normal;
      background: #e6ecf2;
   }

   th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
   {
      border-right: none;
   }

   .module-mmt-calendar td { height: 70px; }

   .day-photo
   {
      width: 49px;
      height: 49px;
   }
	
   .day-photo a
   {
      border: #cfd4d9 1px solid;
      padding: 1px;
      background: #fff;
   }

   .day-photo a:hover
   {
      border-color: #36414d;
      background: #fff;
   }

   .day-photo a img
   {
      width: 45px;
      height: 45px;
   }


/* artistic tweaks */

   .layout-artistic #alpha { width: 260px; }
   .layout-artistic #beta { width: 420px; }

   .layout-artistic #gamma,
   .layout-artistic #delta
   {
      width: 190px;
   }

   .layout-artistic #gamma-inner,
   .layout-artistic #delta-inner
   {
      border: 0;
      padding: 0;
   }


/* moblog1 tweaks */

   .layout-moblog1 #alpha
   {
      margin: 0;
      width: 180px;
      background: #e6ecf2;
   }

   .layout-moblog1 #alpha-inner
   {
      padding: 10px 10px 0 10px;
      border-width: 2px 0 2px 2px;
      border-style: solid;
      border-color: #fff;
   }

   .layout-moblog1 #beta
   {
      margin: 15px 15px 0 15px;
      width: 320px;
      background: none;
   }

   .layout-moblog1 #beta-inner
   {
      padding: 0;
      border-width: 0;
   }

   .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }


/* moblog2 tweaks */

   .layout-moblog2 #alpha
   {
      margin: 0;
      width: 86px;
      background: #e6ecf2;
   }

   .layout-moblog2 #alpha-inner
   {
      padding: 10px 10px 0 10px;
      border-width: 2px 0 2px 2px;
      border-style: solid;
      border-color: #fff;
   }

   .layout-moblog2 #beta
   {
      margin: 15px 15px 0 15px;
      width: 260px;
      background: none;
   }

   .layout-moblog2 #beta-inner
   {
      padding: 0;
      border-width: 0;
   }

   .layout-moblog2 #delta
   {
      width: 154px;
   }

   .layout-moblog2 .module-recent-photos
   {
      border: 0;
      background: none;
   }

   .layout-moblog2 .module-recent-photos .module-content
   {
      padding: 0;
      border: 0;
   }

   .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }


/* timeline tweaks */

   .layout-timeline #alpha { width: 260px; }
   .layout-timeline #beta { width: 420px; }

   .layout-timeline #gamma,
   .layout-timeline #delta
   {
      width: 190px;
   }

   .layout-timeline #gamma-inner,
   .layout-timeline #delta-inner
   {
      border: 0;
      padding: 0;
   }


/* one-column tweaks */

   .layout-one-column body { text-align: center; } /* center on ie */

   .layout-one-column #container
   {
      position: relative;
      margin: 0 auto; /* center on everything else */
      width: 100%;
      text-align: left;
      min-height: 1px;
      }

   .layout-one-column #container-inner { position: static; width: auto; }

   .layout-one-column #banner { width: 100%; } /* necessary for ie win */

   .layout-one-column #forumbody { position: relative; width:100%; }
   .layout-one-column #forumbody-inner { position: relative; width: 100%; margin: 20px 0; }

   .layout-one-column table { width: 94%; margin: 0 auto; }

/* two-column-left tweaks */

   .layout-two-column-left #alpha
   {
      margin: 0;
      width: 240px;
      background: none;
   }

   .layout-two-column-left #alpha-inner
   {
      padding: 0 0 0 260px;
   }

   .layout-two-column-left #beta
   {
      margin: 0;
      width: 240px;
      background: none;
   }

   .layout-two-column-left #beta-inner
   {
      padding: 0;
   }


/* three-column tweaks */

   .layout-three-column #alpha
   {
      margin: 0;
      width: 180px;
      background: #e6ecf2;
   }

   .layout-three-column #alpha-inner
   {
      padding: 10px 10px 0 10px;
      border-width: 2px 0 2px 2px;
      border-style: solid;
      border-color: #fff;
   }

   .layout-three-column #beta
   {
      margin: 15px 15px 0 15px;
      width: 320px;
      background: none;
   }

   .layout-three-column #beta-inner
   {
      padding: 0;
      border-width: 0;
   }

/* text */

.mincho { font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3" }

.gothic { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" }

.souei { font-family: "HGP創英角ｺﾞｼｯｸUB", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

.red { color: #ff0000 }

.dark-red { color: #cc0000 }

.orange { color: #ff9900 }

.yellow { color: #ffff00 }

.green { color: #99ff99 }

.blue { color: #0000ff }

.dark-blue { color: #006699 }

.bold { font-weight: bold }

.italic { font-style: italic }

.center { text-align: center }

.right { text-align: right }

.left { text-align: left }

.line-through { text-decoration: line-through }

.underline { text-decoration: underline }

.underline-dashed { border-bottom: 1px dashed #999; }

.smaller { font-size: 80% }

.larger { font-size: 150% }

.headline { color: #cc0000; font-size: 35px; font-weight: normal; font-family: "HGP創英角ｺﾞｼｯｸUB", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height: 1.4; } 

.status-on
{
   color: #fff;
   font-weight: bold;
   padding: 10px;
   background: #666;
   text-align: center;
   margin: 10px;
   font-size: 12px;
}

.status-off
{
   color: #f5f5f5;
   font-weight: bold;
   padding: 10px;
   background: #ccc;
   text-align: center;
   margin: 10px;
   font-size: 12px;
}

.rollover-red
{
   margin: 30px 0;
   padding: 0;
   font-size: 16px;
   font-family: "HGPｺﾞｼｯｸE", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   text-align: center;
   font-weight: normal;
}

.rollover-red a
{
   margin: 0;
   padding: 8px 24px;
   color: #fff;
   background: #cc0000;
   text-decoration: none;
   border-top: 2px solid #ff6666;
   border-left: 2px solid #ff6666;
   border-right: 2px solid #660000;
   border-bottom: 2px solid #660000;
}

.rollover-red a:hover
{
   color: #fff;
   background: #dd3333;
   text-decoration: none;
   border-top: 2px solid #ff6666;
   border-left: 2px solid #ff6666;
   border-right: 2px solid #660000;
   border-bottom: 2px solid #660000;
}

/* image */

.img-left
{
   float: left;
   margin: 0 10px 10px 0;
   border: 3px solid #f5f5f5;
}

.img-right
{
   float: right;
   margin: 0 0 10px 10px;
   border: 3px solid #f5f5f5;
}

.clear { clear: both; }

/* box */

.voice
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff;
   line-height: 1.6;
   border: 2px solid #e3e3e3;
}

.box-red
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff5f5;
   border: 2px solid #ff9999;
}

.box-blue
{
   margin: 15px 0;
   padding: 10px;
   background-color: #eefaff;
   border: 2px solid #99ccff;
}

.box-yellow
{
   margin: 15px 0;
   padding: 10px;
   background-color: #ffffee;
   border: 2px solid #ffcc99;
}

.box-green
{
   margin: 15px 0;
   padding: 10px;
   background-color: #efffef;
   border: 2px solid #99ff99;
}

.box-pink
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff9ff;
   border: 2px solid #ffccff;
}

.box-gray
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff;
   border: 2px solid #e3e3e3;
}

/* list */

.list-check
{
   margin: 15px 0;
   padding: 0px 10px 15px 35px;
   background-color: #f5f5f5;
   line-height: 1.6;
   border: 2px solid #e3e3e3;
   list-style-image: url(images/checkmark.gif);
   list-style-position: outside;
}

.list-check li
{
   margin-top: 10px;
   color: #333;
}

/* table */

.order-form
{
   border-collapse: collapse;
   font-size: 12px;
   width: 500px;
   margin: 10px auto;
}

.order-form th
{
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 6px 3px;
   color: #000;
   font-weight: bold;
   text-align: center;
   background: #e5e5e5;
}

.order-form td
{
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 6px 3px;
   background: #f1f1f1;
}

.legal_notice
{
   border-collapse: collapse;
   width: 600px;
   margin: 0 auto;
   padding: 0;
}

.legal_notice th
{
   background: #666;
   color: #fff;
   font-size: 10px;
   text-align: center;
   font-weight: normal;
   padding: 6px 10px;
   border-bottom: 1px solid #fff;
}

.legal_notice td
{
   background: #f5f5f5;
   color: #000;
   font-size: 10px;
   padding: 6px 10px;
   border-bottom: 1px solid #fff;
}

/* forum */

/* General font families for common tags */
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 0px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 0px #006699 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #FFFFFF; }
td.row2	{ background-color: #FFFFFF; }
td.row3	{ background-color: #FFFFFF; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #F5F5F5;
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: 11px; font-weight : normal;
	background-color: #0041ad;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#F5F5F5; border: #CCCCCC; border-style: solid;
}



/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	border-width: 1px 1px 1px 1px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: normal; border: #CCCCCC; border-style: solid; }
td.row3Right,td.spaceRow {
	background-color: #F5F5F5; border: #CCCCCC; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 1px 0px; }

th.thCornerL { border-width: 1px 0px 1px 1px; }
th.thCornerR { border-width: 1px 1px 1px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #0000FF;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #0000FF; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #0000FF; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #0000FF;  }
a.mainmenu:hover{ text-decoration: underline; color : #0000FF; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000; }
a.cattitle		{ text-decoration: none; color : #0000FF; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: normal; font-size: 12px; color : #0000FF; }
a.forumlink 	{ text-decoration: none; color : #0000FF; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: normal; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #0000FF; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: normal; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #0000FF; }
a.topictitle:visited { text-decoration: none; color : #0000FF; }
a.topictitle:hover	{ text-decoration: underline; color : #0000FF; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #0000FF }
a.postlink:visited { text-decoration: none; color : #0000FF; }
a.postlink:hover { text-decoration: underline; color : #0000FF}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

.template-bold { font-weight:bold; font-size:14px; font-family:"メイリオ"; text-align:center;}
.template-bold a { text-decoration:underline;}
.template-bold a:hover { color:#0041AD;}

.link01
{
   border-collapse: collapse;
   width: 80%;
   margin: 15px auto;
   padding: 0;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
}

.link01 th
{
   background: #f5f5f5;
   color: #000;
   font-size: 12px;
   vertical-align:top;
   text-align: left;
   font-weight: bold;
   padding: 8px 10px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.link01 td
{
   background: #fff;
   color: #000;
   font-size: 12px;
   padding: 8px 10px;
   vertical-align:top;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.mar-top0 { margin-top: 0px;}