@charset "big5";
html * {
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -moz-border-radius: border-radius;
    }

body {
 margin:0px;
 padding:0px;
 background-color:#000000;
 background-image: url(img/y1.jpg);
 background-repeat: repeat;
 font-size: 90%;
 color:#666666;
 font-family:verdana ,"‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", HiraKakuPro-W3, Osaka, arial ,sans-serif;
 text-align:center;
 scrollbar-3dlight-color:#5e0000;
 scrollbar-arrow-color:#000000;
 scrollbar-darkshadow-color:#5e0000;
 scrollbar-face-color:#5e0000;
 scrollbar-highlight-color:#000000;
 scrollbar-shadow-color:#000000;
 scrollbar-track-color:#000000;
}

h4 {
 font-size:100%;
}

hr{
 width:98%;
 height:1px;
 text-align:right;
 border-style:solid;
 border-width:0px 0px 1px 0px;
 border-color:#000000;
}

a:link {
 color:#cc0000;
 text-decoration:none;
}

a:visited {
 color:#765453;
 text-decoration:none;
}

a:hover {
 color:#ff0066;
 text-decoration:underline;
}

div#main {
 width:810px;
 margin:0px auto 0px auto;
 padding:0px;
 line-height:170%;
 line-break:strict;
 text-align:left;
 font-size: 100%;
 border-style:solid;
 border-width:0px 0px 0px 1px;
 border-color:#000000;
 background-color:#232323;
 background-image: url(img/back.gif);
 background-repeat: repeat-y;
 background-position: 800px 0px;
}

div#header
{
 width:800px;
 height:200px;
 margin:0px;
 padding:0px;
 text-align:left;
 line-height:170%;
 line-break:strict;
 font-size: 100%;
 color:#cccccc;
 border-style:solid;
 border-width:1px 0px 0px 0px;
 border-color:#000000;
 background-color:#000000;
 background-image:url("img/bara1.jpg");
 background-position: right center;
 background-repeat:no-repeat;
}

#header h1
{
 text-align:left;
 position:absolute;
 top:60px;
 left:auto;
 padding-left:30px;
 color:#f8f8ff;
 font-size: 150%;
}

div#header .counter
{
 text-align:right;
 font-size: 90%;
 color:#999999;
 padding-top:180px;
 padding-right:10px;
}

div#menu
{
 width:800px;
 height:45px;
 margin:0px;
 padding:10px;
 text-align:center;
 line-height:170%;
 line-break:strict;
 font-size: 95%;
 border-style:solid;
 border-width:1px 0px 1px 0px;
 border-color:#000000;
 background-color:#000000;
 background-image:url("img/menu-red.gif");
 background-position: top left;
 background-repeat:no-repeat;
}

div#menu a:link
{
 color:#000000;
 text-decoration:none;
}

div#menu a:visited
{
 color:#696969;
 text-decoration:none;
}

div#menu a:hover
{
 color:#fff0f5;
 text-decoration:underline;
}

div#left
{
 width:650px;
 margin:0px;
 padding:15px;
 line-height:150%;
 line-break:strict;
 text-align:left;
 font-size: 90%;
 border-style:double;
 border-width:0px 3px 0px 0px;
 border-color:#8b0000;
 float:left;
}

h2
{
 font-size: 100%;
 background-image: url(img/ico2.gif);
 background-repeat: no-repeat;
 background-position:left center;
 padding: 0px 0px 0px 25px;
}

div#left .date
{
 text-align:right;
 font-size: 90%;
 color:#999999;
}

h3
{
 text-align:left;
 font-size: 90%;
 color:#765453;
 border-style:solid;
 border-width:0px 0px 1px 5px;
 border-color:#5e0000;
}

div#left p
{
 padding-left:10px;
}

p.modoru
{
 font-size: 90%;
 text-align:right;
 background-image: url(img/ico2.gif);
 background-repeat: no-repeat;
 background-position:right center;
 padding: 0px 20px 0px 0px;
}

div#right
{
 float:left;
 width:150px;
 margin:0px;
 padding:15px 0px 15px 10px;
 text-align:left;
 line-break:strict;
}

div#right ul
{
 margin: 0px;
 padding: 0px;
 line-height: 1.5em;
 list-style-type: none;
}

div#right ul ul 
{
 margin: 0px;
 padding: 0px 0px 0px 10px;
 line-height: 1.5em;
 list-style-type: none;
}

div#right li{
 border-style:solid;
 border-width:1px 0px 0px 0px;
 border-color:#8b0000;
 list-style-type: none;
}

div#right ul li a:hover {
 color:#ff0066;
 background-image: url(img/ico2.gif);
 background-repeat: no-repeat;
 background-position:left center;
 padding: 0px 0px 0px 25px;
 text-decoration:none;
}

div#right li a:link
{
 color:#cc0000;
 text-decoration:none;
}

div#right li a:visited
{
 color:#696969;
 text-decoration:none;
}

#copyright
 {
 clear:left;
 width:800px;
 height:30px;
 margin:0px;
 padding:5px;
 text-align:center;
 line-height:170%;
 line-break:strict;
 font-size: 80%;
 border-style:solid;
 border-width:1px 0px 1px 0px;
 border-color:#000000;
 background:#000000 url("img/menu-red.gif") no-repeat;
}

img
{
 border-style:none;
}

p.gallery img{
 line-height : 170%;
 margin: 10px;
 padding: 0px;
 border-style:none;
}

p.gallery2 img{
 margin: 0px 20px 0px 0px;
 padding: 0px 10px 10px 10px;
 border-style:none;
 float:left;
 vertical-align:top;
 width:170px;
 height:160px;
}

em {
 font-size:100%;
 font-style:normal;
 font-weight:bold;
}

div.item hr{
 clear:left;
 width:98%;
 height:1px;
 text-align:right;
 border-style:solid;
 border-width:0px 0px 1px 0px;
 border-color:#5e0000;
}

#middle {
 width:800px;
 margin:0px;
 padding:10px;
 line-height:170%;
 line-break:strict;
 text-align:left;
 font-size: 90%;
 border-style:solid;
 border-width:0px 0px 0px 0px;
 border-color:#000000;
 background-color:#232323;
}

#middle p {
 padding-left:10px;
}
