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

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

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

画像は「青の朝陽と黄の柘榴」からお借りしました
画像に関しては配布サイトの利用規約に従ってください

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

/* ページ全体 */
body{
color:#777066;
margin:0 0 25px 0;
text-align:center;
font-size:13px;
*font-size:small;
*font:x-small;
font-family:"Trebuchet MS","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
background:#BBAA88;}

input,textarea{
color:#333;
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;}

/* 見出しフォントサイズ */
h1{font-size:131%;}
h2{font-size:116%;}
h3{font-size:108%;}

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

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

a img{
border:none;}

h1 a{
color:#FFF;}

h1 a:hover{
color:#333;}

#navigation a{
color:#CC6644;}

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

.date a{
color:#99BB00;}

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

.pagelink a{
color:#FFF;}

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

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

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

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

/* 囲む枠 */
div.main{
width:100%;
margin-bottom:30px;
background:#FEFEFE;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#998877;}

/*--------------------------------------------------
   ヘッダー
--------------------------------------------------*/
#header{
height:168px;
padding:0 10px;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/bbs05_header.gif") no-repeat left top;}

#header h1{
padding-top:20px;}

/* カウンター */
#counter{
color:#FFF;
margin-top:90px;
text-align:right;}

/* ナビゲーション */
#navigation{
color:#555;
padding:3px;
text-align:center;
background:#333;
margin-bottom:25px;}

/*--------------------------------------------------
   投稿フォーム
--------------------------------------------------*/
/* フォームタイトル */
h2.form-title{
color:#DDD;
padding:5px 15px;
background:#333;}

#bbsform dl{
padding:15px;}

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

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

/* 入力欄 */
#bbsform input,#bbsform textarea{
width:250px;
background:#FAF6DD;
border:1px solid #DDCCBB;}

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

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

/* 絵文字・動画 */
ul.emoji{
margin:0;}

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

/* 文字色 */
#bbsform .fontcolor label{
margin-right:8px;}

#bbsform .fontcolor input{
margin-right:5px;}

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

/* パスワード */
#bbsform input.form-pass{
width:120px;
font-size:12px;}

div.submit{
margin:0 0 15px 135px;}

/* 入力ボタン */
#bbsform input.button,input.button{
color:#FFF;
width:auto;
background:#555;
border:1px solid #555;}

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

/*--------------------------------------------------
   スレッド
--------------------------------------------------*/
div.main-body{
padding:15px;
line-height:1.6;}

/* タイトル */
h2.title{
color:#DDD;
line-height:1.4;
padding:5px 15px;
background:#333;}

td.iconarea{
width:60px;}

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

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

/* 日付等 */
ul.date{
margin-top:15px;}

ul.date li{
font-size:77%;
color:#BBAA99;
font-family:Verdana;
list-style:none;
margin-right:8px;
display:inline;}

/* newマーク */
span.new{
font-weight:bold;
color:#DD6600;}

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

.button-body{
clear:both;
padding:16px 0 0 0;
text-align:right;}

/* 編集・削除ボタン */
.button-body input.button{
color:#FFF;
background:#BBB;
border:1px solid #BBB;}

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

.button-body form{
display:inline;}

/* 返信 */
div.res{
margin-top:30px;
padding-left:60px;}

/* 返信タイトル */
h3.res-title{
color:#998877;
line-height:1.4;
margin-bottom:20px;
padding:0 2px 2px 2px;
border-bottom:1px dashed #BBAA99;}

/*--------------------------------------------------
   プレビュー
--------------------------------------------------*/
.preview th{
width:120px;
color:#BBAA99;
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{
width:120px;
background:#FAF6DD;
border:1px solid #DDCCBB;}

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

p.ninshou{
margin:20px 0;}

div.preview_form{
margin-top:30px;
line-height:normal;}

div.preview_form h2{
color:#776666;
margin:0 15px 5px 15px;
padding:0 2px 2px 2px;
border-bottom:1px dashed #AA9988;}

div.preview_form small{
font-family:Verdana;}

div.preview_form dd img{
margin-top:5px;}

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

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

.pagelink li{
margin:0 5px;}

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

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

.form-text{
background:#FAF6DD;
border:1px solid #DDCCBB;}

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

/* 使い方ページ */
#help{
padding:18px 15px;
line-height:1.6;}

#help h2{
color:#998877;
line-height:100%;
padding:1px 0 1px 7px;
border-left:5px solid #665544;}

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

/* 著作権 */
div.copyright{
color:#333;
font-size:13px;
font-family:"Trebuchet MS";
margin-top:25px;
text-align:center;}

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