/* 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, 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 */

   text-align: left;

}

#container-inner { position: static; width: auto; }



#banner { position: relative; }

#banner-inner { position: static; }



#pagebody { position: relative; width: 100%; }

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



#alpha, #beta, #gamma, #delta

{

   display: inline; /* ie win bugfix */

   position: relative;

   float: right;

   min-height: 1px;

}



#delta { float: left; }



#alpha-inner, #beta-inner, #gamma-inner, #delta-inner

{

   position: static;

}





/* 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: 10px;

}



.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

{



   margin: 5px 10px 10px 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;

}



/* basic page elements */



body

{

   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;

   font-size: 12px;

}



a { color: #999; text-decoration: underline; }

a:hover { color: #ff66cc; }



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

#banner a:hover { color: #999; }



.module-content a { color: #999; }

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



h1, h2, h3, h4, h5, h6

{

   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;

}



.module-header

{

   position: relative;

   width: auto;

   height: 15px;

   margin: 10px 0;

   padding: 0;

   color: #999;

   background: #f5f5f5;

   font-size: 11px;

   font-weight: nomal;

   line-height: 15px;

   text-transform: uppercase;

   text-align: center;

}

.trackbacks-header,

.comments-header,

.comments-open-header,

.archive-header

{

   position: relative;

   width: auto;

   height: 20px;

   margin: 0;

   padding-left: 5px;

   color: #999;

   background: url(img/ah.gif)  no-repeat left;

   font-size: 14px;

   font-weight: bold;

   line-height: 20px;

   text-transform: uppercase;

}



.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: #fff;

}



/* page layout */



body

{

   min-width: 730px;

   color: #666;

   background: url(img/bg.gif) #fff repeat-x;

}



#container

{

   width: 730px;

   margin-top: 0px;

   margin-right: auto;

   margin-bottom: 0px;

   margin-left: auto;

}



#container-inner

{



}

#pagebody

{

   background: url(img/bbg2.gif);

}

#banner

{

   width: 730px; /* necessary for ie win */

   height: 330px;

   background: url(img/top2.gif);

}



#banner-inner

{

   height: 100%;

}



.banner-user

{

   margin-top: 5px;

   font-size: 10px;

}





#banner-header

{

   margin: 0;

   color: #fff;

   font-size: 14px;

   font-weight: bold;

   line-height: 1.5;

   position:absolute; top:75px; left:15px;

}



#banner-search

{

   position:absolute; bottom:30px; left:25px;

}

#banner-description

{

   display: none;

}

.banner-des

{

   position:absolute; top:95px; left:15px;

   width: 375px; 

   font-size: 12px;

   font-weight: nomal;

   color: #999;

}

#alpha { 

   margin: 0 10px; 

   width: 510px; 

}

#alpha-inner { 

   padding: 10px;

   border: 1px solid #fff;

}

#beta {

   width: 200px;

}

#gamma, #delta {

   width: 200px;

}



#beta-inner,

#gamma-inner,

#delta-inner

{

   width: 190px;

   margin: 0 5px 0 5px;

}

#footer

{

   width: 730px; /* necessary for ie win */

   height: 70px;

   background: url(img/footer2.gif)  no-repeat;

   position: relative;

}



#footer-inner

{

   font-size: 10px;

   text-align: center;

   color: #666;

   padding-top:20px;

}

.img { float: right; margin: 5px; }

.date-header

{

   margin-top: 0;

   font-size: 11px;

   font-weight: bold;

   text-transform: uppercase;

}



.entry-header

{

   margin-top: 10px;

   border-left: 5px solid #dae0e6;

   padding: 0 0 0 10px;

   color: #666;

   font-size: 14px;

   font-weight: bold;

}



.entry-content,

.comment-content,

.trackback-content

{

   margin: 0;

   line-height: 1.5;

}



.entry-footer{

   margin: 5px 10px 0 0;

   padding: 5px 0;

   text-align: right;

   font-size: 10px;

   border-top: 1px dotted #dae0e6;

   color: #999;

}

.comment-footer,

.trackback-footer

{

   margin: 0 0 10px 0;

   border-top: 1px solid #dae0e6;

   padding-top: 3px;

   color: #666;

   font-size: 10px;

   text-align: right;

}



.comment-content,

.trackback-content,

.comment-footer,

.trackback-footer

{

   margin-left: 10px;

}



.content-nav { background: #e6ecf2; }

.content-nav-bread{ background: #e6ecf2; }



#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;

}

.footer-navi

{ 

   background: url(img/bbg2.gif);

   font-size: 10px;

   text-align: center;

   line-height: 20px;

   clear: both;

}

.gotop { text-align: right;  clear: both; margin-bottom: 40px;}



/* modules */



.module

{

   position: relative;

   overflow: hidden;

   width: 180px; 

   margin: 5px;

   padding: 0;

}



.module-content

{

   position: relative;

   margin-top: 5px;

   padding: 0;

}



.module-list

{

   margin: 0;

   padding: 0;

   list-style: none;

}

.archive-list

{

   margin: 0;

   padding: 0;

   list-style: none;

}



.module-content { margin: 0; }

.module-list-item a

{

   width: 178px; 

   height: 25px;

   background-color: #fff;

   text-indent: 15px;

   display: block;

   font-size: 12px;

   line-height: 25px;

   margin: 2px 0;

   letter-spacing: 0.1em;

   border-top: 1px solid #ccc;

   border-left: 1px solid #ccc;

   border-right: 1px solid #ccc;

   border-bottom: 1px solid #ccc;

   text-decoration: none;

}



.module-list-item a:hover

{

   height: 170px;

   background: url(img/3.jpg);

   border-top: 1px solid #fff;

   border-left: 1px solid #fff;

   border-right: 1px solid #fff;

   border-bottom: 1px solid #fff;

   color: #ff66cc;

}

.input

{

   background: #dbdada;

   float: left;

   width: auto;

   height: 20px;

}

.submit 

{

   background: #382d32;

   float: left;

   width: auto;

   height: 20px;

}

.input 

{



 padding-left: 3px;

 background: #dbdada;

 margin: 0px;

 font: 11px/18px arial, verdana, sans-serif; color: #6b6266;

 padding: 0px;

 height: 18px;

 border-width: 0px;

}

.submit 

{

 border-width: 0px;

 background: #382d32;

 padding-bottom: 2px;

 margin: 0px;

 font: 11px/18px arial, verdana, sans-serif;

 cursor: hand;

 color: #ffffff;

 height: 18px;

;}


/* オリジナル追加分 */

.red  {color: red; }
.red-bold {color: red; font-weight: bold; }
.red-large {color: red; font-weight: bold; font-size: 14px; }


.blue  {color: blue; font-weight: normal }
.blue-bold {color: blue; font-weight: bold }
.blue-large {color: blue; font-weight: bold; font-size: 14px }


.orange  {color: orange; font-weight: normal}
.orange-bold {color: orange; font-weight: bold}
.orange-large {color: orange; font-weight: bold; font-size: 14px}

.yellow  {background-color: yellow; font-weight: normal}

.black-large {color: black; font-weight: bold; font-size: 14px }

.pink-large {color: #FF66CC; font-weight: bold; font-size: 14px }

.back-yellow {
background-color: yellow;
font-weight: normal; color: #333333;
font-size: 16px;
font-family:"HG創英角ｺﾞｼｯｸUB";
}

#footer-inner a {
color: #666;
text-decoration:none;
}

#alex {
border:solid 1px #FF66CC;
margin:10px;
padding:10px;
}

#alex a {
color: #0000FF;
}

.left-img {
float:left;
margin-right:10px;
}