/**{
border: 1px solid red;
}*/
body     {
  color: #000;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#inbox     {
  margin:0px auto 0px auto;
  width: 800px;
  text-align:left;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
}
#banner {
  background-color: #444;
 background-image: url(images/sjc_bunner.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 800px;
  height: 80px;
  padding: 0px 0px 0px 0px;
}
#banner_l  {
  background-color: transparent;
  float:left;
  width:500px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#searcharea  {
  background-color: transparent;
  float:right;
  width:200px;
  text-align:right;
  padding: 15px 10px 0px 0px;
  clear: right;
}
#pagearea  {
  background-color: transparent;
  text-align:right;
  margin: 0px 0px ;
}
#side {
  float:left;
  margin:28px 10px 0px 0px;
  width:190px;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;

}

#main {
  float:right;
  width:570px;
  margin: 0px 0px ;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;

}
#footer {
  background-color: #444444;
  width: 800px;
  padding: 0px 0px 0px 0px;
}


a:link      { color: #822; text-decoration: underline }
a:visited   { color: #844; text-decoration: none;}
a:active   { color: #00F; text-decoration: underline }
a:hover   {color:#F00; text-decoration: none;}


h1 {
  margin: 20px 0px 10px 20px;
}

ul {
  margin: 0px 0px 0px 15px;
  padding: 0px;
}

.site_title     {
  font-family: Arial Black, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  margin: 5px 0px 0px 20pt
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover  {
  color: #F91;
  text-decoration: none
}

.description    {
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  margin: 3px 0px 0px 40px
}

.entry  {
  margin: 0px 0px 20px 20px;
}

.entry_admin {
  margin: 0px 0px 0px 10px;
}
.entry_category{
  color: #999999;
  font-weight: bold;
  font-size: 16px;
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  padding: 0px 0px 0px 15px;
}
.entry_date {
  color: #999999;
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  padding: 0px 0px 0px 15px;
}

.entry_title     {
  
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  font-size: 18px;
  font-weight: bolder;
  background-color: #000;
  margin: 0px 30px 0px 0px;
  border-top:2px solid #333;
  border-left:10px solid #333;
  padding: 0px 0px 3px 5px;


}
.entry_title a:link {
  color: #F91;
}
.entry_title a:visited {
  color: #F91;
}
.entry_title a:hover {
  color: #6FC;
}

.entry_body   {
  font-size: 14px;
  line-height: 170%;
  word-break:break-all;
  font-family: Arial, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
   margin: 15px 30px 15px 20px
}

.entry_author    {
  color: #CCCCCC;
  font-size: 10px;
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  text-align: right;
  margin: 0px 30px 0px 0px
}

.entry_more   {
  color: #333333;
  font-size: 11px;
  line-height: 170%;
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  margin: 15px 30px 10px 20px
}

.entry_state {
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", "Osaka‐等幅";
  font-size: 10px;
  color: #999999;
  margin: 20px 30px 25px 20px;
}

blockquote {
  font-family: "Arial", 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", "Osaka‐等幅";
  font-size: 11px;
  color: #333333;
  margin: 20px 10px 20px 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  }

.pict {
  float: right;
  border-width: 3px;
  border-style: solid;
  border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}


.linktitle   {
  color: #FC9;
  background-color: #999;
  text-align: center;
  font-weight: bolder;
  font-size: 12px;
  line-height: 170%;
  font-family:  Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", "Osaka‐等幅";
  margin: 10px 0px 0px 3px
}

.linktitle_a  {
  color: white;
  font-weight: bolder;
  font-size: 12px;
  line-height: 170%;
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", "Osaka‐等幅";
  margin: 15px 30px 15px 20px 
}
.linktext   {
  color: #333;
  background-color: #FFFFFF;
  font-size: 10px;
  line-height: 170%;
  font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  margin: 0px 0px 0px 3px;
  padding: 3px 3px 3px 3px
}
.rate {
  color: #999;
}

/* SEARCH---------------------------------------------------------------------- */
#search  {
  color: 000000;
  font-size: 10px;
  font-family: Arial, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
}

/* FOOTER---------------------------------------------------------------------- */
.copyright  {
  color: #888;
  font-size: 11px;
  font-family: Arial, 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  text-align:right;
}


/* CLOCK---------------------------------------------------------------------- */
.clock      {
  color: black;
  font-size: 10px;
  font-family: 'Hiragino Kaku Gothic Pro W3', "ＭＳ Pゴシック", Osaka‐等幅;
  background-color: transparent;
  text-align: center;
  margin: 0px 0px 0px 2px;
  padding: 3px;
  border: 0px;
  width: 170px;
  height: 16px
}

/* CALENDAR---------------------------------------------------------------------- */
.calendar      {
  color: black;
  font-size: 9px;
  font-family: Arial;
  margin: 0pt 0px 0px 0px
}

.cell       {
  color: black;
  font-size: 9px;
  font-family: Arial;
  background: white no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_today      {
  color: olive;
  font-size: 9px;
  font-family: Arial;
  background: #cfc no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_sunday     {
  color: #c00;
  font-size: 9px;
  font-family: Arial;
  background: #f99 no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_saturday    {
  color: #000066;
  font-size: 9px;
  font-family: Arial;
  background: #9cc no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

/*フォーム設定---------------------------------------------------------------------- */
form {
  margin: 0px;
  padding: 2px;
}
textarea {
  border:1px inset #444;
  font-family: Hiragino Kaku Gothic Pro,'Hiragino Kaku Gothic Pro W3', "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
  font-size: 12px #444;
}
input{
  border:1px inset black;  
}
/*レイティング設定------------------------------------------------------------------ */
.rate{
font-size:12px;
}
.rating{
width:80px;
height:16px;
margin:0 0 20px 0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
text-indent:-999em;/* hide text*/
}
ul.rating li a {
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover {
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:0;
background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

/*人気ランキング設定------------------------------------------------------------------ */
ol#poprank{
  margin:0 0 0 20px;
  padding:0px 0px 0px 0px;
}
ol#poprank li{
  margin:0;
  padding:0px 0px 0px 0px;
}
/*--------------------------------global navigation part------------------------------------------*/
div#globalNavi {
  background-color: #1b0708;
  padding-top: 5px;
}

#globalNavi ul{
  list-style-type: none;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 780px;
 }

#globalNavi li{
  float: left;
 }

#globalNavi a{
  color: #A99;
  display: block;
  float: left;
  text-align: center;
  background-color: #333;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  width: 100px;
  height: 15px;
  text-decoration: none;
  background-image: url(images/navi-btn.jpg);
  background-repeat: no-repeat;
}

#globalNavi a:hover{
  color: #AFA;
  background-color: #666;
  background-image: url(images/navi-btn_02.jpg);
  background-repeat: no-repeat;
}

#globalNavi a:active{
  color: red;
  background-color: #666;
  background-image: url(images/navi-btn.jpg);
  background-repeat: no-repeat;
}

#globalNavi a#onlineshop {color:#999; background-color: #666; background-image: url(images/navi-btn_02.jpg)}
#globalNavi a:hover#onlineshop {color:#F99; background-color: #666; background-image: url(images/navi-btn_02.jpg)}