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

再配布禁止
著作権削除・改変禁止（カスタマイズ後も）
アダルト・違法サイト・宗教的サイト使用禁止

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

アイコン画像は「mcd icons」からお借りしました
画像に関しては配布サイトの利用規約に従ってください

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

body{
color:#666;
margin:20px 0;
text-align:center;
font-size:13px;
*font-size:small;
*font:x-small;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
background:#BBB;}

input,textarea{
font-size:100%;}

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

td{vertical-align:top;}

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

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

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

a img{
border:none;}

#navigation a{
color:#99C622;}

#navigation a:hover{
color:#BBE344;}

.date a{
color:#77AA22;}

.date a:hover{
color:#CC5511;}

/* ページリンク */
.pagelink a{
color:#333;}

.pagelink a:hover{
color:#FFF;}

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

#footer_ad a:hover,#copyright a:hover{
color:#CC5511;
text-decoration:none;}

/*--------------------------------------------------
	レイアウト設定
--------------------------------------------------*/
/* 全体 */
#container{
width:600px;
margin:0 auto;
text-align:left;}

div.main{
width:100%;
margin-bottom:15px;
padding-top:15px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs06_main-bg-t.gif") no-repeat top;}

div.main-bg{
_height:100%;
padding:0 15px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs06_main-bg-m.gif") repeat-y;}

div.main-bottom{
width:100%;
font-size:15px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs06_main-bg-b.gif") no-repeat bottom;}
/*--------------------------------------------------
	ヘッダー
--------------------------------------------------*/
#header{
height:100px;
padding:0 280px 0 15px;
margin-bottom:15px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs06_header.gif") no-repeat;}

/* 掲示板タイトル */
h1{
font-size:108%;
padding-top:20px;}

/* カウンター */
#counter{
margin-top:10px;}

/* ナビゲーション */
#navigation{
width:100%;
color:#88BB00;
font-size:10px;
text-align:center;
padding:6px 0;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs06_navi-bg.gif") no-repeat center top;}

#navigation li{
display:inline;
margin:0 8px;}

/*--------------------------------------------------
	投稿フォーム
--------------------------------------------------*/
#bbsform dl{
margin-bottom:15px;}

#bbsform input,#bbsform textarea{
width:220px;
background:#FFF;
border:1px solid #BBB;}

#bbsform dt{
float:left;
clear:both;
width:120px;}

#bbsform dd{
margin-bottom:5px;}

#bbsform textarea{
width:400px;
height:120px;}

#bbsform .form-pass{
width:120px;
font-size:12px;
font-family:Verdana;}

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

#bbsform input.radio{
width:auto;
border:none;}

dd.emoji li{
display:inline;
margin-right:12px;}

div.submit{
padding-left:120px;}

#bbsform input.button,input.button{
width:auto;
color:#FFF;
border:1px solid #555;
background:#555;}

/* エラーメッセージ */
.attention p{
color:#DD0000;
margin:0 0 15px 0;}

/*--------------------------------------------------
	スレッド
--------------------------------------------------*/
table.entry-body{
line-height:1.7;}

/* タイトル */
h2.title,h3.res-title{
color:#998877;
font-size:108%;
line-height:1.3;
margin-bottom:25px;
padding:2px 0 8px 30px;
border-bottom:2px dashed #999;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/houtaibear.gif") no-repeat left top;}

h3.res-title{
font-size:100%;
padding:5px 0 5px 25px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/pump03.gif") no-repeat left center;}

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

/* テキスト部分 */
div.text{
font-size:100%;}

/* 日付等 */
ul.date{
color:#999;
font-size:77%;
margin:15px 0 0 0;}

.date li{
margin:0 6px 0 0;
display:inline;}

/* newマーク */
span.new{
font-size:10px;
font-weight:bold;
color:#CC3300;}

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

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

.button-body{
clear:both;
font-size:77%;
padding:18px 0 0 0;
text-align:right;}

.button-body .button{
color:#FFF;
background:#AAA;
border:1px solid #AAA;}

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

.button-body form{
display:inline;}

/* 返信 */
div.res{
margin:20px 0 0 40px;}

/*--------------------------------------------------
	プレビュー
--------------------------------------------------*/
div#pre{
line-height:1.6;}

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

.preview td{
padding:2px;}

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

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

input.form-number,#bbsform input.form-number{
width:120px;
background:#FFF;
border:1px solid #BBB;}

p.ninshou{
margin:20px 0 0 0;}

.preview_submit{
margin:15px 0 0 122px;}

div#pre #bbsform{
margin-top:30px;}

/* ページリンク */
ul.pagelink{
margin:0 0 20px 0;
text-align:center;}

.pagelink li,.pagelink form{
display:inline;}

.pagelink li{
margin:0 5px;}

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

#searchform div{
white-space:nowrap;}

#searchform input.form-text{
width:180px;}

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

.form-text{
background:#FFF;
border:1px solid #BBB;}

/* 使い方 */
#help h2{
font-size:108%;
padding:1px 0 1px 7px;
border-left:5px solid #77AA22;}

#help ul{
line-height:1.7;
margin:10px 0 30px 30px;}

/* 著作権 */
#footer{margin:0;}

#copyright{
color:#666;
font-size:13px;
font-family:Verdana;
text-align:center;}

#copyright li{
display:inline;}

#copyright li.left{
padding-left:35px;
margin-right:20px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/pump01.gif") no-repeat left center;}

#copyright li.right{
padding-right:35px;
background:url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/pump02.gif") no-repeat right center;}

#footer_ad{text-align:center;margin-top:25px;}
#footer_ad center{display:inline;}