/*==============================
The Blue and Violet Story Style
style for Outline
style for Tag
style for Top Area
style for Middle Area
style for Bottom Area
style for Patrs
==============================*/

/*================
style for Outline
body,workarea,toparea,mainarea,leftbar,rightsaide,rightbar,footarea
==================*/

body{
  letter-spacing:0px;
  font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  color : #fff;
  background-color : #000;
  background-image : url(images/bg_wall.jpg);
  background-repeat : no-repeat;
  background-attachment : fixed;
  background-position : center center;
  font-size:13px;
  margin:0px;
  padding:0px;
  text-align:center;
}

#workarea{
  z-index: 1;
  width:850px;
  background-color:transparent;
  text-align:left;
  line-height:150%;
  margin:0px auto;
  padding:0px;
}

#toparea{
  z-index: 3;
  width:100%;
  margin:0px;
  padding:0px;
}


#leftside{
  z-index: 3;
  float:left;
  width:195px;
  background-color:transparent;
  margin-right:2px;
  padding:0px;
}

#rightside{
  z-index: 3;
  float:right;
  width:640px;
  background:transparent url(images/shadedark.gif);
  margin:0px;
  padding:5px;
}

#mainarea{
  z-index: 3;
  float:left;
  width:630px;
  background-color:transparent;
  margin:0px;
  padding:0px;
/*
  overflow:auto;
  overflow-x:auto;
  overflow-y:visible;
*/
}

#footarea{
  z-index: 3;
  clear:both;
  width:100%;
  background-color:transparent;
  text-align:right;
  margin:10px 0px 0px 0px;
  padding:0px;
}



.pagenavi{
  font-size:10px;
  text-align:right;
  clear:both;
  background-color:transparent;
  line-height:150%;
  margin:0px 0px 5px 5px;
  padding:0px;
}

.adjust{
  clear:both;
}
.hide{
  position:absolute;
  top:-3000px;
}


/*================
style for Tag
==================*/
h1{
  font-size:28px;
  font-weight:bolder;
  line-height:120%;
}
h2{
  font-size:22px;
  font-weight:bolder;
  line-height:120%;
}
h3{
  font-size:16px;
  font-weight:bolder;
  line-height:16px;
}


a:link{color:#ccf; text-decoration:none;}
a:visited{color:#aaf; text-decoration:none;}
a:active{color:#80ffef; text-decoration:none;}
a:hover{color:#00f; text-decoration:none;background-color:#fff;}

ul{
  font-size:11px;
  margin:0px 0px 0px 2px;
  padding:0px;
}
li{
  font-size:10px;
  line-height:130%;
  list-style-type:none;
  padding:0px 0px 0px 8px;
}


form{
  margin:0px;
  padding:0px;
}

textarea{
  width:350px;
  font-family: メイリオ,monospace,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka", Helvetica, Arial, sans-serif; 
}

.topicpath{
  color:#00ffff;
  background-color:transparent;
  font-size:11px;
  font-weight:bolder;
  line-height:150%;
  margin:0px 0px 5px 0px;
  padding:3px 3px 7px 3px;
}

/*================
style for Top Area
==================*/
#banner{
  float:left;
  background-color:transparent;
  width:50%;
  margin:0px;
  padding:5px 0px 0px;
}
.site_title{
  font-size:24px;
  margin:0px 0px 5px 15px;
}
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover{
  color:#fff;
  text-decoration:none;
  background-color:transparent;
}
.description{
  color:#fff;
  font-weight:bold;
  font-size:12px;
  margin:10px 0px 0px 20px;
  padding:0px 0px 10px;
}

/*================
style for Middle Area
==================*/
/* for menuBar */
.linkmenu{
  color:#fff;
  background-image:url(images/menu_bg.gif);
  background-repeat:no-repeat;
  height:37px;
  text-align:left;
  font-size:15px;
  font-weight:bolder;
  line-height:15px;
  margin:0px 0px 0px 0px;
  padding:4px 4px 4px 30px;
}
.linkmenu a:link,
.linkmenu a:visited,
.linkmenu a:active{
  color:#fff;
  text-decoration:none;
}
.linkmenu a:hover{
  color:#00f;
  text-decoration:none;
  background-color:#fff;
}

.linkmenu2{
  color:#fff;
  background-image:url(images/menu_bg2.gif);
  background-repeat:no-repeat;
  height:37px;
  text-align:left;
  font-size:15px;
  font-weight:bolder;
  line-height:15px;
  margin:0px 0px 0px 0px;
  padding:4px 4px 4px 30px;
}
.linkmenu2 a:link,
.linkmenu2 a:visited,
.linkmenu2 a:active{
  color:#fff;
  text-decoration:none;
}
.linkmenu2 a:hover{
  color:#00f;
  text-decoration:none;
  background-color:#fff;
}

.linkexplain{
  font-size:11px;
  font-weight:normal;
  padding:0px 0px 0px 0px;
}
.linkexplain2{
  font-size:11px;
  font-weight:normal;
}

.PageMenu{
  color:#000;
  background:transparent url(images/shadedark.gif);
  background-repeat:repeat;
  text-align:left;
  font-size:13px;
  font-weight:bolder;
  line-height:15px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
}

.linktext{
  color:#ccc;
  background-color:transparent;
  font-size:11px;
  line-height:150%;
  margin:0px 0px 5px 0px;
  padding:3px 3px 7px 3px;
}

.linkcentertext{
  color:#c96;
  background-color:transparent;
  font-size:11px;
  line-height:150%;
  text-align:center;
  margin:0px;
  padding:3px 3px 7px 3px;
}

/* for Entries */
.entry {
  font-size:11px;
  background-color:transparent;
  line-height:150%;
  margin:0em 0em 1.75em 0em;
  padding:0em;
}
.sub_entry {
  font-size:11px;
  clear:both;
  background-color:transparent;
  margin:1em 0.25em 1.5em;
  padding:0em 0em 0.25em 0em;
  border-color:#668;
  border-width:1px;
  border-style:solid;
}

.entry_date{
  color:#fff;
  background-color:#80f;
  font-size:12px;
  font-weight:bolder;
  line-height:150%;
  margin:0px 0px 10px 0px;
  padding:0em 0em 0em 1em;
}

.entry_title{
  color:#fff;
  font-weight:bold;
  font-size:11px;
  line-height:125%;
  margin:0px 10px;
  padding:0px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited,
.entry_title a:active,
.entry_title a:hover{
  color:#fff;
  text-decoration:none;
  background-color:transparent;
}

.entry_subtitle{
  color:#fff;
  background-color:#448;
  font-weight:bold;
  font-size:11px;
  text-align:left;
  line-height:135%;
  margin:0px;
  padding:0px 0px 0px 10px;
}
.trackback_title{
  color:#fff;
  background-color:transparent;
  font-size:11px;
  line-height:125%;
  margin:10px 0px 0px 10px;
  padding:0px;
}

.entry_author{
  color:#aaa;
  font-size:11px;
  text-align:right;
  margin:0px 10px;
  padding:0px;
}

.entry_body{
  font-size:11px;
  line-height:150%;
  margin:5px 20px 10px;
  padding:0px;
}
.entry_body2{
  font-size:11px;
  line-height:150%;
  margin:15px 15px 5px 20px;
  padding:0px;
  overflow:auto;/*for other browzer*/
/*word-break:break-all;/*for IE of Windows*/
}

.entry_more{
  font-size:11px;
  margin:0px;
  padding:0px;
}

.entry_state{
  clear:both;
  font-size:10px;
  line-height:125%;
  color:#999;
  margin:8px 10px 12px 20px;
  padding:0px;
}



/*================
style for Bottom Area
==================*/
.copyright {
  width:650px;
  color:#fff;
  font-size:11px;
  margin:0px 20px;
}



/*================
style for Patrs
==================*/
/*================
style for Patrs
==================*/
/* for CLOCK */

.clock{
  width:100%;
  color:#ffffff;
  background-color:transparent;
  font-size:11px;
  text-align:center;
  margin:0px 0px 10px;
  padding:3px;
  border:0px;
}

/* for LOGIN */

#mode_name{
  color:#7f0;
  margin:0px;
}
#error_sign{
  color:#f00;
}
#login_box{
  text-align:right;
  margin:0px;
}
.login_form{
  color:#0ff;
  width:80px;
}

/* for SEARCH */

#searcharea{
  background-color:transparent;
  font-size:10px;
  text-align:right;
  margin:0px 0px 5px;
  padding:0px;
}
#search{
  color:#0ff;
  width:65%;
  font-size:13px;
}

/* for CALEMDAR */

#month_navi{
  text-align:center;
  margin-top:5px;
}
.calendar{
  width:85%;
  color:#000;
  font-size:11px;
  margin:0px auto;
}

.cell{
  color:black;
  background-color:#fff;
  margin:0px;
}

.cell_today{
  color:#060;
  background-color:#eef;
  margin:0px;
}

.cell_sunday{
  color:#c00;
  background-color:#fff;
  margin:0px;
}

.cell_saturday{
  color:#000066;
  background-color:#fff;
  margin:0px;
}

.cell a:link,
.cell a:visited{color:#000; text-decoration:none;background-color:#ddd;}
.cell a:active,
.cell a:hover{color:#ff0;text-decoration:none;background-color:#000;}

.cell_sunday a:link,
.cell_sunday a:visited{color:#c00; text-decoration:none;background-color:#ddd;}
.cell_sunday a:active,
.cell_sunday a:hover{color:#ff0;text-decoration:none;background-color:#000;}

.cell_saturday a:link,
.cell_saturday a:visited{color:#000066; text-decoration:none;background-color:#ddd;}
.cell_saturday a:active,
.cell_saturday a:hover{color:#ff0;text-decoration:none;background-color:#000;}

.guest { display: none;  } /* ゲストユーザーには非表示 */
.user  { display: block; } /* ログインユーザーには表示 */

#poprank {
  margin-left: 20px;
}
#poprank li {
  list-style-position:outside;
  list-style-type: decimal;
}

.sxCntRank{
	font-size:10px;
	line-height:12px;
}
.sxCntRankDD{
	margin-top:-12px;
	margin-left:25px;
}

img{
  border-width:0px;
}


.sxText{
	font-size:11px;
	color:#88ffff;
	background:transparent;
	border:inset 2px #4488ff;
	line-height:120%;
	margin: 1px;
}

.sxButton{
	font-size:11px;
	color:#ffffff;
	background-color:#0088ff;
	border:outset 2px #4488ff;
	line-height:15px;
	margin: 0px;
}


/*================
style for Table
==================*/
.sx_tbtb{
	width:90%;
	border-collapse:collapse;
	border:solid 1px #80a0ff;
	text-align:left;
	font-size:13px;
}
.sx_tbCaption{
	text-align:center;
	background-color:#80a0ff;
	color:#000000;
	font-weight:bold;
	padding: 3px;
}
.sx_tbTop{
	text-align:center;
	background-color:#80a0ff;
	color:#000000;
	font-weight:bold;
}
.sx_tbLine{
	text-align:center;
}
.sx_tbtd{
	border:solid 1px #80a0ff;
	padding: 3px;
}


/*================
style for notice
==================*/
.notice{
	font-size:11px;
	border:2px #88f solid;
	line-height:150%;
	background-color:transparent;
	margin:0px 0px 10px 0px;
	padding:0.5em 0.5em 0.5em 0.5em;
}

/*================
style for ifview
==================*/
.ifview_code{
	width:600px;
	color:#000000;
	background-color:#e0e0e0;
	font-family:"ＭＳ ゴシック","Osaka‐等幅",monospace;
	font-size:12px;
	padding:3px;
	word-wrap:break-word;
	overflow:scroll;
}
.ifview_quot{
	color:#ff0000;
}

/*================
style for uturundesu
==================*/
div.uturundesu {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	background:transparent;
	color: #fff;
}
div.uturundesu a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background:transparent;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.uturundesu a:hover, div.uturundesu a:active {
	background-color:#ec5210;
	color: #fff;
}
div.uturundesu span.uturu_current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	background-color: #313131;
	color: #fff;
}
div.uturundesu span.uturu_disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background:transparent;
	color: #868686;
}