/*--------------------------------------------------
テンプレート：Dokuro

以下の内容の掲示板は使用禁止
アダルト・違法サイト・宗教的サイト

著作権削除・改変禁止（カスタマイズ後も）

再配布禁止

カスタマイズは利用規約の範囲内でお願いします

詳しい規約はサイトで確認してください
http://masimarock.yokochou.com/
--------------------------------------------------*/

body{
color:#777;
margin:0 0 20px 0;
text-align:center;
font-size:75%;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
background:#333 url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs03_bg.gif");}

input,textarea{
color:#555;
font-size:100%;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;}

table{
width:100%;
border:0px;
border-collapse:collapse;}

td,form,h1,h2,h3,ul,ol,dl,dt,dd{
margin:0;
padding:0;}

/* 全体 */
#container{
width:550px;
margin:0 auto 30px auto;
text-align:left;}

/*--------------------------------------------------
   リンク
--------------------------------------------------*/
/* 全体 */
a{
color:#339999;
text-decoration:none;}

a:hover{
color:#88BFBF;
text-decoration:none;}

a img{
border:none;}

/* ページリンク */
.pagelink a,.pagelink a:hover{
color:#FFF;
background:#333;
padding:2px 3px;}

/* フッター */
#footer_ad a,div.copyright a{
color:#339999;
text-decoration:none;}

#footer_ad a:hover,div.copyright a:hover{
color:#88BFBF;
text-decoration:none;}

/*--------------------------------------------------
   スレッド背景
--------------------------------------------------*/
.toparea{
font-size:1px;
height:10px;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs03_top-w.gif") no-repeat top;}

.bottomarea{
font-size:1px;
height:10px;
margin-bottom:20px;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs03_bottom-w.gif") no-repeat bottom;}

div.main{
width:100%;
background:#FFF;}

div.main-body{
line-height:1.7;
padding:5px 15px;}

/*--------------------------------------------------
   ヘッダー
--------------------------------------------------*/
#header{
padding-top:10px;}

/* 掲示板タイトル */
h1{
font-size:121%;
line-height:1.4;}

/* カウンター */
#counter{
color:#AAA;
font-size:84%;
margin:8px 0;}

td.dokuro{
width:23px;
vertical-align:top;}

/* ナビゲーション */
#navigation{
color:#999;
font-size:84%;
line-height:100%;
text-align:center;}

/*--------------------------------------------------
   投稿フォーム
--------------------------------------------------*/
#bbsform{
padding-top:3px;}

#entry_form input,#entry_form textarea{
width:200px;
background:#EEE;
border:1px solid #DDD;}

#entry_form dt{
float:left;
clear:both;
width:105px;}

#entry_form dd{
padding-bottom:5px;}

#entry_form textarea{
width:400px;}

#entry_form .form-pass{
width:118px;}

/*Safari3・Google Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
input#image{
border:none;
background:none;}}

dd.emoji ul{
display:inline;}

dd.emoji li{
display:inline;
margin:0 5px;}

.pre_button{
font-size:84%;}

#entry_form .pre_button input{
width:auto;
border:0;
margin:0;
vertical-align:middle;}

#entry_form .pre_button input{
/background:none;}

p.submit{
margin:15px 0 0 105px;}

.button{
color:#FFF;
border:1px solid #338888;
background:#338888;}

.attention p{
color:#DD0000;
margin-top:0;}

/*--------------------------------------------------
   スレッド
--------------------------------------------------*/
/* タイトル */
h2.title,h3.res-title{
color:#DD6655;
font-size:100%;
line-height:1.4;
margin-bottom:20px;
padding:0 2px 3px 2px;
border-bottom:1px dashed #CCC;}

/* newマーク */
span.new{
font-size:84%;
font-weight:bold;
color:#AACC00;}

.entry-body td{vertical-align:top;}

/* アイコン */
td.iconarea{
width:60px;}

/* 絵文字 */
div.text img{
vertical-align:middle;
margin:3px;}

/* 投稿画像 */
img.userimage{
float:right;
margin:15px 0;}

/* 日付等 */
ul.date{
clear:both;
font-size:84%;
margin:15px 0 0 0;}

ul.date li{
display:inline;
margin-right:4px;}

.button-body{
margin-top:18px;
text-align:right;}

/* 返信ボタン */
.button-body .res-button{
color:#FFF;
border:1px solid #555;
background:#555;}

.button-body form{
display:inline;}

.res{
margin:30px 0 0 40px;}

/*--------------------------------------------------
   プレビュー
--------------------------------------------------*/
.preview{
line-height:1.7;}

.preview th{
width:105px;
color:#339999;
text-align:left;
font-weight:normal;
vertical-align:top;}

.preview td{
vertical-align:top;}

.preview td img{
margin-bottom:10px;}

/* 絵文字 */
.preview td.text img{
vertical-align:middle;
margin:2px 3px 4px 3px;}

strong.captcha{
font-weight:normal;
font-size:84%;}

div.prev-inp{
margin:12px 0 50px 107px;}

input.form-number,#bbsform input.form-number{
width:118px;
background:#EEE;
border:1px solid #DDD;}

/* ページリンク */
div.pagelink{
margin-bottom:15px;
text-align:center;}

.pagelink form{
display:inline;}

.pagelink .button{
color:#FFF;
border:1px solid #333;
background:#333;}

.form-text{
background:#EEE;
border:1px solid #DDD;}

/* 検索フォーム */
#searchform{
width:40%;
margin:0 auto;
text-align:left;}

#searchform .form-text{
width:100%;}

#searchform span{
font-size:84%;}

#searchform .radio{
vertical-align:middle;}

#searchform p{
margin:10px 0 0 0;}

/* 使い方 */
#help h2{
color:#DD6655;
font-size:100%;}

#help ul{
margin:10px 0 10px 30px;}

/* 著作権 */
div.copyright{
color:#777;
font-size:13px;
font-family:Verdana;
text-align:center;
background:#FFF;}

div.copyright img{
vertical-align:middle;}

#footer_ad{text-align:center;}
#footer_ad center{display:inline;}