﻿/* Base Weblog (base-weblog.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, 'trebuchet ms', sans-serif;
   font-size: 12px;
}

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

h1 { font-size: 12px; font-weight: normal; margin: 0; padding: 0; font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;}

h2 { font-weight: normal; font-weight: bold; font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; }

h3 { font-size: 12px; font-weight: normal; margin: 0; padding: 0; font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; }

h4 { font-weight: normal; font-weight: bold; }

h5 { font-weight: normal; font-weight: bold; }


h2,p, ol, ul, pre, blockquote
{
   margin-top: 0px;
   margin-bottom: 20px;
}

div#hed_01 {
margin: 2px 5px 2px 5px;
float: left;
}
div#hed_02 {
margin: 2px 5px 2px 5px;
padding: 0px;
width:540px;
text-align: right;
}
img#topbn_01 {
width: 180px;
height: 60px;
border: 0px;
}
img#topbn_02 {
width: 468px;
height: 60px;
border: 0px;
}

img#coun01 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun02 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun03 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun04 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun05 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun06 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun07 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}
img#coun08 {
width: 22px;
height: 15px;
border: 0px;
margin: 2px 0px 0px 0px;
float: left;
}

#auc {
display: block;
width: 135px;
height: 30px;
overflow: hidden;
line-height : 30px;
text-align: center;
margin: 5px 0px 0px;
}

#auc a {
display: block;
height: 30px;
font-size: 0px;
background-position: 0px 0px;
color:#3D7EB4;
}
#auc a:hover {
color: #87AED1;
background-position: 0px 30px;
text-decoration: none;
}
#auc2 {
display: block;
width: 135px;
height: 30px;
overflow: hidden;
line-height : 30px;
text-align: center;
margin: 5px 0px 0px;
}

#auc2 a {
display: block;
height: 30px;
font-size: 0px;
background-position: 0px 0px;
color:#3D7EB4;
}
#auc2 a:hover {
color: #87AED1;
background-position: 0px 30px;
text-decoration: none;
}
.auc_1{
background-image : url(../img/syutsu_02.gif);
}
.auc_1a {
background-image : url(../img/syutsu_02.gif);
}
.auc_2{
background-image : url(../img/raku_02.gif);
}
.auc_2a {
background-image : url(../img/raku_02.gif);
}

#auc3 {
display: block;
width: 135px;
height: 30px;
overflow: hidden;
line-height : 30px;
text-align: center;
margin: 5px 0px 0px;
}

#auc3 a {
display: block;
height: 30px;
font-size: 0px;
background-position: 0px 0px;
color:#3D7EB4;
}
#auc3 a:hover {
color: #87AED1;
background-position: 0px 30px;
text-decoration: none;
}
#auc4 {
display: block;
width: 135px;
height: 30px;
overflow: hidden;
line-height : 30px;
text-align: center;
margin: 5px 0px 0px;
}

#auc4 a {
display: block;
height: 30px;
font-size: 0px;
background-position: 0px 0px;
color:#3D7EB4;
}
#auc4 a:hover {
color: #87AED1;
background-position: 0px 30px;
text-decoration: none;
}

.str1 {
font-size: 2em;
}

.table01{
border: 1px #36414d solid;
border-collapse: collapse;
font-size: 12px;
}
.table01 td{
border: 1px #990000 solid;
}

.tdclass01{
text-align: center;
width: 50px; 
}

.tdclass02{
background-color: #e6ecf2;
}



.table02{
font-size: 12px;
border-collapse: collapse;
margin: 20px 2px 30px 10px;
border-top: 1px solid #990000;
border-right: 1px solid #990000;
border-bottom: 2px double #990000;
border-left: 1px solid #990000;
width: 740px;
}

.table02 td{
border: 0;
}

.tdclass04{
color: #FFffff;
background-color: #990000;
height: 30px;
font-size: 18px;
}

.tdclass05{
background-color: #eecccc;
}


.table03{
border: 1px #cccccc solid;
border-collapse: collapse;
font-size: 12px;
width: 508px;
margin-bottom: 10px;
margin-left: 2px;
}

.table03 td{
border: 1px #cccccc solid;
}

.tdclass03{
background-color: #ffffcc;
}

.tdclass06{
background-color: #FFCCCC;
}

.tdclass07{
text-align: center;
}





#freespace01{
margin: 2px 5px 2px 5px;
padding: 0px;
width:540px;
text-align: right;
}

#freespace02{
margin: 2px 2px 2px 25px;
width: 100%;
}
#freespace03{
width: 100%;
margin: 0px;
}
#freespace04{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace05{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace06{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace07{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace08{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace09{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace10{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace11{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace12{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace13{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace14{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace15{
width: 100%;
padding: 0px 0px 20px 0px;
}
#freespace16{
width: 100%;
padding: 0px 0px 20px 0px;
}

#freespace17{
width: 100%;
margin: 0px 0px 10px 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; }
/* */


/* page layout */

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

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

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

#banner-inner-alpha {
}
#banner-inner-beta {
   float: right;
   width: 480;
}

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

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

#beta-inner
{
   position: static;
}

#alpha-inner {
   margin: 0px 0px 0px 10px; 
   position: static;
}

p#navitxt {
font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 13px;
color: #666666;
margin: 20px 0px 0px;
padding-right: 10px;
}


div#fot {
width: 750px;
height: 103px;
text-align: right;
background-image: url(obj-fot03.gif);
background-position: bottom;
background-repeat: repeat-x;
margin: 0px;
}
p#fottxt {
font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 13px;
color: #666666;
margin: 20px 0px 0px;
padding-right: 10px;
}

img#fot02 {
border: 0px;
text-align: right;
vertical-align: middle;
padding-right: 10px;
}

img#fot03 {
background-image: url(bg.gif);
padding: 1px 0px 2px;
}

.imgclass{
margin-top: 5px;
padding-top: 8px;
}


a:link,a:visited {
text-decoration:none;
}

a:hover { 
text-decoration:underline;
}

/* content */

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

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

.entry-content{
   clear: both;
   margin: 5px 10px;
}

.entry-body,
{
   clear: both;
}

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


/* modules */

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

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

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

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

.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;
}

/* positioniseverything.net/easyclearing.html */
.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;
}


/* basic page elements */

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

a { color: #36414d; text-decoration: underline; }
a:hover { color: #0000a0; }

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

.module-content a { color: #36414d; }
.module-content a:hover { color: ##000099; }

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

   margin: 0;
   border-left: 5px solid #FF6600;
   padding: 5px;
   color: #fff;
   background: #990000;
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
   text-align: left;
}

.module-header a,
.module-header a:hover,
{
   color: #fff;
}

/* page layout */

body
{
   min-width: 750px;
   color: #333;
   background: #ffeeee;
}

#container
{
   width: 750px;
   margin:0px;
   background: #fffffa;
}

#container-inner
{
   border-width: 1px;
   border-style: none;
   border-color: #fff;
   margin: 3px 3px 5px;
}

#banner
{
   width: 750px; /* necessary for ie win */
   height: 64px;
   background: #ffcccc;
}

#banner-inner
{
   padding: 5px 3px;
   height: 64px;
   border-width: 2px 2px 0 2px;
   border-style: solid;
   border-color: #fff;
}

#banner-header
{
   margin: 0;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
   text-shadow: #ff0000 0 2px 3px;
}

#navi {
   width: 720px;
   margin: 0px 0px 0px 10px;
}

.navi-header
{
   font-size: 10px;
   color: #000000;
   font-weight: bold;
   margin: 0px;
}

#navi2 {
   margin: 20px 0px 0px 10px;
   width: 520px;
}

.navi2
{
   margin: 0px;
   color: #000;
   font-size: 9pt;
   text-align: right;
}

#navi3 {
   text-align: left;
   margin: 30px 0px 0px 10px;
   width: 720px;
}


#alpha { margin: 15px 15px 0 15px; width: 520px; background: #ffffff; }
#beta { margin: 15px 0px px; width: 200px; background: #ffffff; }

#beta-inner{
   padding: 10px 10px 0 10px;
   border-width: 2px 2px 2px 0;
   border-style: solid;
   border-color: #fff;
}

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

.entry-header
{
   margin-top: 0;
   border-left: 5px solid #ff0001;
   padding: 0 0 0 10px;
   color: #ffffee;
   font-size: 18px;
   background-color: #990000;
}

.entry-content,
{
   margin: 0;
   line-height: 1.5;
}

/* modules */

.module
{
   margin: 0 0 10px 0;
   border-bottom: 1px solid #f3f6f9;
   background: #ffcccc;
}

.module2
{
   margin: 0 0 10px 0;
   border-bottom: 0px solid #f3f6f9;
   background: #ffcccc;
   text-align: center;
}

.module-content
{
   margin: 0 0 10px 0;
   border-top: 1px solid #cfd4d9;
   padding: 10px 10px 0 10px;
   font-size: 10px;
   line-height: 1.2;
   vertical-align: t;
}

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

.module-list
{
   margin: 0px 15px 10px 15px;
   list-style: disc;
}

.module-list .module-list
{
   margin: 5px 0 0 0;
   padding-left: 15px;
   list-style: circle;
}

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

.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;
}

