@charset "Shift_JIS";

/* master styles -cafe
====================
cafe css version4.x: 2009.1204
1:page structure
2:header
4:snav
5:article
6:misc
 :list-style
 :link-style
==================== */

body{
  margin:0;
  padding:0;
  text-align:center;
  position:relative;
  letter-spacing:0;
  background:#696A6C url("../imgs/pics/bg-grad_mesh_v680.jpg") repeat-x;
  }

/* 1:page structure
------------------------ */
.container{
  display:block;
  margin:0 auto;
  width:100%;
  background-color:#3C3C3C;
  border-left:solid #666666;
  border-right:solid #222222;
  border-width:0 1px;
  max-width: 1050px;
  font-size:9.5pt;/*初期サイズ*/
  color:#CCC;
  position:relative;z-index:0; /*resizeable texterea対策*/
  }

#header,#snav,table{text-align:left;}
#header,#snav{font-family:Verdana,Helvetica,sans-serif;}

#content{
  clear:both;
  position:relative;
  top:0; left:0;
  padding:0 0 20px 20px;
  background-image:url("../imgs/pics/title.gif");
  background-repeat:no-repeat;
  background-position:8px 6px;
  }
table{
  line-height:1.4;
  font-size:small;/*投稿文サイズ*/
  }
form,th,td,h1,h2,h3{margin:0;padding:0;}

/* 2:header
------------------------ */
#header{
  position:relative;
  width:100%;
  height:90px;
  background-color:#3C3C3C;
  background-image:url("../imgs/pics/picture_hdr.jpg");
  background-repeat:no-repeat;
  background-position:0 100%;
  border-top:solid 1px #606666;
  border-bottom:solid 1px #33333C;
  text-indent:120px;
  font-size:9.5pt;
  color:#DDD;
  white-space:nowrap;
  text-indent:0;
  }
#test #header{
  background-image:url("../imgs/pics/testmode.jpg");
  }
#logo{
  float:left;
  display:block;
  width:400px;
  height:80px;
  margin:0 5px 0;
  border:none;
  text-indent:-10000px;
  text-decoration:none;
  background-image:none;
  background-repeat:no-repeat;
  background-position:0 0;
  overflow:hidden;
  }
a#logo:hover{
  background-position:0 -40px;
  }
  
#header ul{
  margin:0;
  padding:4px 8px 0;
  list-style:none;
  font-size:9.0pt;
  text-transform:lowercase;
  }
#header li{
  float:right;
  margin:0;
  padding:0 8px;
  background-image:none;
  line-height:normal;
  text-indent:0;
  color:#DFEEEE;
  font-weight:bold;
  }
/* header link */
#header a{font-weight:bold;text-decoration:none;}
#header a:link,
#header a:visited{color:#CCE3E3;}
#header a:hover {color:#77EEEE;}
#header a:active {text-decoration:underline; color:#1F1F1F;}

/* screening */
#header .first-time a:visited,
  #header .inv{color:#636E6E;}
#header .first-time a:hover{color:#77EEEE;}

#header .inv a:link,
#header .inv a:visited{color:#636E6E!important;}
#header .inv a:hover {color:#88EEEE!important;}
#header .inv a:active {color:#1F1F1F!important;}

/* 4:snav Dark_gray
------------------------ */
#snav{
  clear:both;
  padding-top:6px;
  height:22px;
  border-width:0;
  background-color:#3C3C3C;
  background-image:url("../imgs/pics/snav_bg3c-d6shade.gif");
  background-position:0 0;
  background-repeat:repeat-x;
  font-size:9.5pt; 
  color:#888888; 
  white-space:nowrap;
  }
#snav ul{
  margin:0;
  padding:0 12px 0;
  font-size:100%;
 }
#snav li{
  float:left;
  margin:0;
  padding:0;
  background-color:#2F2F2F;
  background-image:none;
  line-height:20px;
  text-indent:0;
  border-width:0;
  list-style-type:none;
  }
#snav li.sep{
  padding-left:8px;
  background-color:transparent;
  font-size:1px;
  border-width:0;
  visibility:hidden;
  }
#snav li.gap,
#snav li.entry-index{
  margin-right:5px;
  }
#snav li.entry-blog{
  display:inline;
  }
#snav li.tp{
  padding:1px 5px 0 20px;
  background-color:transparent;
  font-weight:bold;
  border-width:0px;
 }

#snav a{
  margin-left:0px;
  padding:2px 10px 2px;
  line-height:22px;
  border-style:solid;
  border-width:1px;
  border-color:#2F2F2F #161616 #4F4F4F #585858;
  font-weight:bold;
  text-decoration:none;
  font-size:9.0pt;
  color:#ABBBBB;
  }
#snav a:link,
#snav a:visited{}
#snav a:hover,
#snav .entry-home a:hover,
#snav .entry-blog a:hover,
#snav .related a:hover{
  color:#C8FFFF;
  background-color:#607777;
  border-color:#597676 #A2E2E2 #99DDDD #809999;
  }
#snav a:active{color:#1F1F1F;}

#snav li.current a{
  color:#DDFFFF;
  background-color:#668080;
  border-color:#708888 #A2E2E2 #99EEEE #809999;
  }
#snav li.entry-home a,
#snav li.entry-blog a,
#snav li.related a{
  background-color:#666; 
  border-color:#686868 #555555 #888888 #888888;
  color:#D8E0E0;
  }
#snav li.entry-index a,
#snav li.entry-home a{
  background-image:url("../imgs/pics/insitelink-up.gif");
  background-repeat: no-repeat;
  background-position:10px 5px;
  padding-left:22px;
  }
#snav li.entry-index a:link,
#snav li.entry-index a:visited{color:#E4CC6C;}
#snav li.entry-index a:hover{color:#FFF;
  background-color:#888888;
  border-color:#767676 #EEEEEE #DDDDDD #999;
  }
#snav li.entry-index a:active{color:#1F1F1F;}
#snav strong{
  color:#99DDDD;
  }


/*nbs defoult
-------------------------- */
a{text-decoration:none; font-weight:bold;}
a:link{color:#FF3333;}
a:visited{color:#BB0000;}
a:hover{color:#FFDDDD;}

/* nbs defoult
body,tr{font-size:12px}
font,td,b{font-size:12px}

.button, .text, .area{
  color:#550000;
  font-size:10px;
  border:solid 1px #777558;
  background-color:#F4F1E0;
  }
   end */

/* misc
-------------------------- */
h1,h2,h3{font-size:115%;line-height:1.2;}
h2{margin-top:0;}
ul,ol{margin:0;padding:0 0 0 1.5em;}

table.regform{
  font-size:small;
  }
.regform b{ color:#5C583F;margin-left:0;font-size:9pt;}
.regform td{
  }

/*チェックbox、ボタン*/
.regform input{
  margin-right:-2px;}
  
input.text,/*名前、URL、Comment、 code入力、削除用パス入力*/
.area,/*投稿欄*/
.action input.button{/*投稿ボタン*/
  margin:0;
  padding:0;
  color:#550000;
  background-color:#EFEFDE;
  border:solid 1px #777558;
  font-size:100%;
  }

.action,
.action input.button{font-size:9pt;}

/*投稿欄*/
textarea.area{
  font-size:100%;
  overflow:auto;
  width:88%;
  }
/*Res 投稿*/
#res textarea.area{ height:14em;}
/*Edit投稿*/
#edit textarea.area{ height:18em;}

/* 色選択 wrap */
.wrap-color{
  display:block;
  padding:0.1em 0;
  }
.wrap-color span{
  font-size:11pt!important;
  }
/*アイコンセレクタ*/
select.text{
  color:#550000;
  background-color:#EFEFDE;
  border:solid 1px #777558;
  font-size:9.5pt;
  }
  select.text option{}  /*選択リスト*/

/*認証画像枠*/
#CAPTCHA{
  border:solid 1px #666648;
  vertical-align: top;
  width:48px; height:16px;
  }
.wrap{white-space:nowrap;}
.sep{padding-left:0.2em;}

/* content
-------------------------- */
.menu{line-height:1;margin-top:3px;}/*メニュー*/

/*管理用リンク消去*/
a.owner:link{
  display:none;
  background-color:#3C3C3C;
  }
a.owner:visited,a.owner:hover{
  display:inline;
  }
#cafe_logo,#cafe_logo img{border:none;border-width:0;}

/*カウンター*/
#counter{
  display:inline;
  padding:0.1em 0 0.1em 0.5em;
  font-size:9.0pt;
  line-height:1;
  visibility:visible;
  color:#767676;
  }

/*tnavアンカー非表示*/
a.aid,
a.tid{
  visibility:hidden;
  font-size:1pt;
  color:#333366;
  /*shift tid*/
  display:block;
  position:relative;
  top:0;/*top:-260px;*/
  left:45%;
  width:4pt;
  height:1pt;
  }

/*ガイド*/
#main #guide{
  display:block;
  position:absolute; 
  width:15%;
  right:15px;
  top:30px;
  text-align:right;
  color:#70705C;
 }
/*ガイド非表示リスト*/
#guide{
  display:none;
 }
.note0, .note1, .note2{display:none}
.note0{color:#6F6F5F;}

/* 5 article
-------------------------- */
.article{
  margin-top:10pt;
  background:#2F2F2F url("../imgs/pics/bg-stripe-mblk.gif");
  color:#000;
  margin-bottom:8px; /*スレッド間余白 */
/*   width:95%;      new */
/*   max-width:790px;new */
 }
#ranklist .article, 
#iconlist .article, 
#main .article{margin-top:0;}

#log .article,
#res .article,
#edit .article,
#newrep .article{}

/* 最小幅 img-spc */
.minwidth{width:39em;height:1px;}
  #ranklist .minwidth,
  #iconlist .minwidth{width:10em;height:1px;}

/* アイコンリスト */
#iconlist .ar-main td{
 width:4.6em;
 padding-top:0.5em;
 font-size:90%;
 }
#iconlist table.article{
 width:82%;
 }
/* ランクリスト */
#ranklist .ar-main td{
 padding:0 .5em;
}
/*スレッドタイトル 日付*/
.article th{
  margin:0;
  padding:4px 12px 1px;
  }
.article th font{
  color:#FFBB88;
  font-size:10pt;
  line-height:1.3;
  }
/* blk stripe */
 #content .article td{
  padding:0 8px 2px;
  }
/*投稿左右調整*/
 #content .ar-inner td{
  padding:0 6px 0 8px;
  }

 #content .ar-inner .regform td{
  padding:0 0 0 3px;
  }

/*スレッド背景 def*/
.ar-inner{
  position:relative; z-index:10; /*resizeable texterea対策*/
  background:#CCC899 url("../imgs/pics/wall_hq.jpg") repeat 0 0;
  } 

#content .ar-inner{
  padding:0 4px 8px 4px;/* 8px test*/
  } 

.ar-main{}

/*投稿 余白*/
.ar-inner div{
  margin:5px 5px 0 5px;
  }  
/*ナレーション余白*/
.ar-inner .narration{padding:12px 2px 6px;}

/*投稿文上余白*/
.ar-main .section,
.ar-inner div{
  display:block;
  margin-top:3px;
  }

.ar-main .section br{
  line-height:1.0;
  }
img.ficon{margin-top:3px;}

/* 投稿文 スタイル
-------------------------- */
.ar-main .section{
  position:relative;/*基準位置*/
  margin-top:5px;
  }

/*リンク*/
 .ar-main a{text-decoration:none; font-weight:normal;}
 .ar-main a:link{color:#3333FF;}
 .ar-main a:visited{color:#4800CC;}
 .ar-main a:hover{color:#8833E8;}
 .ar-main a:active{color:#333333;}

 .section a img{
 border-style:solid;
 border-width:0;
 padding:2px;
 }
 .section a:link img{
 border-color:#3333FF;
 }
 .section a:visited img{
 border-color:#4800CC;
 }
 .section a:hover img{
 border-width:1px;
 padding:1px;
 }


/*ボールド指定*/
 .section .bold{font-weight:bold;}

/*引用*/
.section .quote{
  font-weight: normal;
  color: #5C3517;
  }

/*注釈*/
.section .ps{
  font-weight:normal;
  color:#000;
  }

/* blockquote、 pre 共通設定 */

.section .box {
  border-style: solid;
  }
/*
.section .fix { 
 font-family: monospace;
  }
*/
/* 例外div */
.section div.bold {
/* position:static;*/
  border-style:none;
  border-width: 0; 
  }
/* div 初期値 */
.section div{
  font-weight: normal;
  position:relative;
  margin:0;
  padding:0;
  border-style: none; 
  border-color: #A6A698;
  border-width: 1px;
  }
/* blockquote 初期値 */
.section blockquote {
  font-weight: normal;
  line-height:1.4;
  margin:0.5em 1.5em;
  padding:0.5em;
  border-style: dotted; /* nobox */
  border-width: 2px;
  border-color: #FFFFDF;
  }

/* blockqute.box 専用設定 */
.section blockquote.box {
  border-color: #AEAE84;
  border-width: 0 1px 1px 0;
  background-color: #F8F8DC;
  }

/* pre, p 初期値 (ブラウザ共通) */
.section pre, .section p {
  font-weight: normal;
  line-height: 1;
  margin: 0.5em 0;
  border-style: none; /* no box */ 
  border-color: #767666 #F8F8D6 #E8E8C8 #898976;
  border-width: 1px;
  }

/* pre 初期値 (IE 以外用) */
.section pre {
/*  font-family: sans-serif;*/
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  }

/* pre.box, p.box 専用設定 */
.section pre.box,
.section p.box {
  padding:0.4em;
  line-height:1.25;
  }

/* ネスト */
.section blockquote.box pre,
.section blockquote.box p{
  background-color:transparent;
  border-color: #9F9F8A #E8E8C8 #E8E8C8 #AFAF97;
  }

/* pre blockquote 制限
.section pre,
.section p,
.section blockquote{
  display:block;
  visibility:visible;
  background-image:url(../imgs/pics/over-flow.gif);
  max-width:1050px!important;
}
 */

/* ヘルプ */
#manual p {
  float:none;
  white-space: normal;
  line-height: 1.4;
  margin:0.3em 0;
  padding:0;
  }

/* display object
-------------------------- */
/*スレッドナビ def*/
.tnav a{
  position:relative;
  top:-3px; left:16px;
  padding:0 8px;
  margin-left:1px;
  font-size:11px;/*10px*/
  font-weight:normal;
  text-decoration:none;
  }

/*ナビ 下*/
.ar-inner .action a{
  top:0px; left:0px;
  margin-right:1.5em;
  border:solid 1px #A8A888;
  }
/*スレッドナビ リロード*/
.tnav a.reload{
  margin-left:20px;
  text-indent:0;
  visibility:visible;
  border:solid 1px #4F4F4F;
  line-height:1;
  padding:0 3px 0;
  }
.tnav a.reload:link,
.tnav a.reload:visited {
  color:#6F6F6F;
  }
.tnav a:link,
.tnav a:visited {color:#BB0000;}
.tnav a:hover,
.tnav a.reload:hover{color:#FF3333;}
.tnav a:active,
.tnav a.reload:active{color:#000;}

/*レスナビ def*/
.rnav{display:none;}
.rnav a{
  margin-right: 1px;
  padding:0px 3px;
  font-size:10px;
  font-weight:normal;
  text-decoration:none;
  border:solid 1px #987868;/*807668*/
  }
.rnav a:link,
.rnav a:visited {color:#886848;}/*6C6053*/
.rnav a:hover{color:#EE3333;}
.rnav a:active{color:#000;}
.rnav span{
  color:#BBBB8E!important;
  }

/* css selector */
#header label{
  position:absolute;
  top: 65px;
  right:15px;
  background-color:transparent;
  padding:0;
  border: none;
  color:#555;
}
#header select{
  background:#363636 none repeat 0 0;
  color:#888;
  padding:0;
  border: solid 1px #222;
}
/* hide selector */
#iconlist label,
#ranklist label{visibility:hidden;}

/*フッター*/
.nextpage,
.copyright{}

/* edit mode
-------------------------- */
#editmode td input,
#editmode td{
  font-size:9.5pt;/*初期サイズ*/
  color:#222222;
  text-align:left;
}


/* ナレリク .modifire
-------------------------- */
.handle{
color: black;
}
.modifier:hover{
color: red;
text-decoration: underline;
}
.red{
color:#DF3333;
}