/* Reset--------------------------------------------------*/

* { word-break: break-all; }

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
    margin  : 0;
    padding : 0;
    }
fieldset { border : none; }

/* Default -----------------------------------------------*/

body {
    background-image : url("http://bbs10.fc2.com/bbs/img/_818100/818092/bg/bg.jpg");
    /* 背景画像のURL(簡単デザイン → フォント/ページ) */ 
 /* background-color : #aaaaaa; */
    color       : #6f6f6f; /*#4f4f4f;*/
    align       : center;
    text-align  : center;
    word-wrap   : break-word;
    font-family : Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    line-height : 1.4;
    font-size   : small !important; /* IE7 */
    font-size   : 82%; /* IE6 */
    }
    
/* Modern browser ----------------------------------------*/
html > body { font-size : 12px; }

/* Hyper text --------------------------------------------*/
a { 
    text-decoration : underline;
    word-wrap       : break-word;
    overflow        : hidden;       /* for Fx   */
    }
a:link, 
a:active,
a:visited,
a:focus     { color : #3333aa }     /* #333333; */
a:hover     { color : #ff0000 }     /* #afafaf; */

/* Image -------------------------------------------------*/
img,
a img  { border         : none;   }
.emoji { vertical-align : middle; }

/* Base elements -----------------------------------------*/
h1       { font-size : 180%; }
h2       { font-size : 130%; }
h3       { font-size : 115%; }
h4,h5,h6 { font-size : 100%; }

ul, ol, li, dl, dt, dd { list-style : none; }

/*--------------------------------------------------
    各種ボタン
--------------------------------------------------*/
input.button_post,
input.button_reset,
input.button_reply,
input.button_edit,
input.button_del,
input.button_thispost,
input.button_search    { padding: 2px 5px; }

/*--------------------------------------------------
    上部ナビゲーションメニュー
--------------------------------------------------*/
#wrap {
    width            : 730px;       /* 800px;   */
    align            : center;
    text-align       : center;
    margin           : 0 auto;
 /* background-color : #ffffff;*/   /* #555555; */
    }
    
#header {
    width               : 700px !important;
    width /*for IE5.5*/ : 800px;
    padding             : 10px 0 10px 0;     /* 10px; */
    text-align          : center;
    }
    
#counter {
    text-align : center;
    font-size  : 0.8em;
    color      : #efefcc;
    }
    
ul#navigation {
    width                 : 700px;  
    height                : 16px !important;
    height /*for win5.5*/ : 35px;
    padding               : 2px 0 2px 0;    /* 2px 0 1px 0; */
    margin-bottom         : 20px;
 /* background-color      : #555555; */
    color                 : #efefef;
    overflow              : hidden;
    text-align            : center;
    border-top            : 1px solid #efefef;
    border-bottom         : 1px solid #efefef;
    }
ul#navigation li {
    display      : inline;
    border-left  : 1px solid #efefef;
    border-right : 1px solid #efefef;
    margin-left  : -1px;
    padding      : 0 10px 0 10px;
    }
    
#navigation a { 
    text-decoration : none;
    word-wrap       : break-word;
    overflow        : hidden;   /* for Fx */
    }
#navigation a:link, 
#navigation a:active,
#navigation a:visited,
#navigation a:focus   { color: #efefef; }
#navigation a:hover   { color: #ff0000; }



#content_form {
    width                : 670px !important;
    width /*for win5.5*/ : 700px;
    background-color     : #fefcfc;             /* #ffffff;   */
    margin               : 15px auto;           /* 15px auto; */
    padding              : 15px 15px;           /* 20px 15px; */
    border-radius        : 8px;   
    border               : double 3px #883333;  /* #553333;   */
    }
    
.content {
    width                : 670px !important;
    width /*for win5.5*/ : 700px;
    background-color     : #ffffff;
    margin               : 15px; 15px; 15px; 15px;
    padding              : 15px; 15px; 15px; 15px;         /* 20px 15px; */
    }
    
#content-post {
    width                : 670px !important;
    width /*for win5.5*/ : 700px;
    background-color     : #ff0000;
    margin               : 15px auto;
    padding              : 20px 15px;
    border-radius        : 8px;
    border               : double 3px #ff0000;
    color                : #ff0000;
    }
    

.content_base {
    width                : 670px !important;    /* 670px      */
    width /*for win5.5*/ : 700px;
    margin               : 15px auto;           /* 15px auto; */
    padding              : 15px 15px;
    }
#content_post {
    border-radius        : 8px;
    background-color     : #fffcfc;
    border               : double 3px #aa3333;
    }
#content_foot {
    border-radius        : 8px;
    background-color     : #e0e0ff;
    border               : double 3px #3333aa;
    }
#content_edel {
    background-color     : #fffcfc;
    border-radius        : 8px; 
    border               : double 3px #aa3333;
    }
#content_help {
    color                : #0f0f0f;
    background-color     : #fefcfc;
    border-radius        : 8px;
    border               : double 3px #883333;
    }
    
/*--------------------------------------------------
    投稿フォーム
--------------------------------------------------*/
#bbsform {
    width : 670;            /*670;*/
}

form.cmxform fieldset {
    width      : 670;       /*600*/
    text-align :left;
    margin     : 0 auto;    /*0 auto;*/
    }
form.cmxform fieldset dl {
    clear         : left;
    margin-bottom : 3px;
    height        : 22px;
    }
    
form.cmxform fieldset dt {
    width            : 148px;
    background-color : #cfcfcf;
    padding          : 2px 5px;
    float            : left;
    }
form.cmxform fieldset dt label {
    font-weight : bold;
    }
form.cmxform fieldset dd {
    width : 510px;   /*430px;*/
    float : left;
    }
form.cmxform fieldset dd input, 
form.cmxform fieldset dd textarea, 
form.cmxform fieldset dd select, 
form.cmxform fieldset dd .label_color {
    margin-left : 5px;
    }
    
form.cmxform fieldset dl.msg {
    height : 103px; /*152px;*/
    }
form.cmxform fieldset dt.msg_dt, 
form.cmxform fieldset dd.msg_dd {
    height : 100px; /*148px;*/
    }
form.cmxform fieldset dd.msg_dd textarea {
    width  : 500px; /*410px;*/
    height : 100px; /*148px;*/
    }
form.cmxform fieldset dt.msg_dt a {
    width       : 100px;
    float       : left;
    margin-left : 10px;
    }
form.cmxform label.fontcolor {
    display      : block;
    float        : left;
    width        : 24px;        /* 50px; */
    margin-right : 8px;         /*  2px; */
    padding      : 2px 0; 
    }
form.cmxform label.fontcolor input {
    height : 13px;
    }
    
form.cmxform fieldset #submit_btn {
    text-align : center;
    margin-top : 10px;
    display    : block;
    }
form.cmxform fieldset fieldset {
    border : none;
    margin : 3px 0 0;
    }
form.cmxform fieldset fieldset legend {
    padding     : 0 0 5px;
    font-weight : normal;
    }
form.cmxform fieldset fieldset label {
    display : block;
    width   : auto;
    }
form.cmxform em {
    font-weight : bold;
    font-style  : normal;
    color       : #f00;
    }
form.cmxform fieldset fieldset label {
    margin-left : 123px; /* Width plus 3 (html space) */
    }
    
/*--------------------------------------------------
    スレッド全体
--------------------------------------------------*/
.thread_wrapper {
    width: 700px !important;
    width /*for win5.5*/ : 700px;
    background-color     : #edffed;  /*ffffff;*/
    margin               : 15px auto;
    padding              : 0 0 5px 0;    /*15px 15px;*/
    border-radius        : 8px;  
    border               : double 3px #3333ff;
    }
    
/*--------------------------------------------------
    検索
--------------------------------------------------*/
ul li.posted { text-align: right; }

/*--------------------------------------------------
    検索結果記事
--------------------------------------------------*/
.result_article {
    text-align : left;
    clear      : both;
    }
.result_article li.search_title {
    border-bottom : 1px solid #000000;
    }
.result_article li.posted {
    text-align : right;
    clear      : both;
    padding    : 5px 5px 0 0;
    }
.result_article li.contents{
    margin  : 10px 0 10px 20px;
    }
.search_pagelink {
    display : -moz-inline-box;
    display : inline-block;
    padding : 10px;
    }
.search_pagelin > div {
    display : block;
    }
    
#search_pagelink a { 
    text-decoration : none;
    word-wrap       : break-word;
    overflow        : hidden;   /* for Fx */
    }
#search_pagelink a:link, 
#search_pagelink a:active,
#search_pagelink a:visited,
#search_pagelink a:focus 　 { color : #efefef; }
#search_pagelink a:hover    { color : #ff0000; }

/*--------------------------------------------------
    親記事
--------------------------------------------------*/
.thread_wrapper .parent_article {
    text-align : left;
    clear      : both;
    }
.thread_wrapper .parent_article_header {
    color            : #0000ff;
    height           : 18px;
    margin           : 0 0 0 0;
    padding          : 1px 0 0 0;
    background-color : #ccedcc;
    text-align       : left;
    border-bottom    : 1px solid #0000FF;
    }
    
.thread_wrapper .parent_article_title { /* 未使用 */
    }
    
span.title_p {
    color       : #0000ff;
    font-weight : bold;
    }
span.title_c {
    color       : #049c04;
    font-weight : bold;
    }
span.title_r {
    color       : #aa0000;
    font-weight : bold;
    }
span.name {
    color       : #000000;
    font-weight : normal;
    }
/*--------------------------------------------------
    子記事
--------------------------------------------------*/
.thread_wrapper .child_article {
    width       : 95%;
    margin-left : auto;
    margin-top  : 5px;
    text-align  : left;
    clear       : both;
    }
.thread_wrapper .child_article_header {
    color            : #0000ff;
    height           : 18px;
    padding          : 1px 0 0 0;
    background-color : #ccedcc;
    text-align       : left;
    border-bottom    : 1px solid #0000FF;
    border-top       : 1px solid #0000FF;
    }
    
/*--------------------------------------------------
    ※※※
--------------------------------------------------*/
.thread_wrapper .parent_article form,
.thread_wrapper .child_article  form {
    clear : both;
    }
    
/*--------------------------------------------------
    記事の題名
--------------------------------------------------*/
.thread_wrapper .parent_article h2,
.thread_wrapper .child_article h3,
.result_article h3.title {
    color       : #725A59;
    font-weight : bold;
    }
.thread_wrapper .parent_article h2 {
    font-size : large;
    display   : inline;
    }
/*--------------------------------------------------
    記事の投稿者・メールアドレス
--------------------------------------------------*/
.thread_wrapper .parent_article ul.posted,
.thread_wrapper .child_article  ul.posted,
.result_article ul.posted {
    text-align : right;
    }
.thread_wrapper .parent_article ul.posted li,
.thread_wrapper .child_article  ul.posted li,
.result_article ul.posted li {
    display : inline;
    padding : 0px 0px 0px 0px;
    margin  : 0 0 0 0;
    }
    
/*--------------------------------------------------
    日付・サイトURL
--------------------------------------------------*/
.thread_wrapper .parent_article ul.date,
.thread_wrapper .child_article  ul.date,
.result_article ul.date { text-align : right; }

.thread_wrapper .parent_article ul.date li,
.thread_wrapper .child_article  ul.date li,
.result_article ul.date li {
    display   : inline;
    color     : #8b0000;
    font-size : .8em;           /*x-small;*/
    padding   : 0 0 0 0;
    margin    : 0 0 0 0;
    }
    
/*--------------------------------------------------
    記事の内容（本文と画像の親要素）
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents,
.thread_wrapper .child_article  div.contents,
.result_article div.contents {
    margin : 12px 0px 15px 16px;
    }
.thread_wrapper .parent_article div.contents {  /*650px*/
    width  : 670px !important;
    width  : : /**/ 670px;
    }
.thread_wrapper .child_article  div.contents {   /*620px*/
    width  : 635px !important;
    width  : :/**/ 640px;
    }
    
/*--------------------------------------------------
    記事の本文
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents div.body,
.thread_wrapper .child_article  div.contents div.body,
.result_article                 div.contents div.body {
    clear      : left;
    text-align : left;
    width      : 100%;
    }
    
/*--------------------------------------------------
    記事の画像
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents img.userimage,
.thread_wrapper .child_article  div.contents img.userimage,
.result_article                 div.contents img.userimage {
    float          : right;
    border         : 0px;
    vertical-align : middle;
    margin-left    : 0.3em;
    margin-bottom  : 0.3em;
    }
    
/*--------------------------------------------------
    記事の返信ボタンや編集ボタンを含む親要素
--------------------------------------------------*/
.thread_wrapper .parent_article div.panel,
.thread_wrapper .child_article  div.panel {
    text-align : right;
    clear      : both;
    padding    : 5px 5px 0 0;
    }
.thread_wrapper .child_article div.panel {
    }
.thread_wrapper .parent_article div.panel form,
.thread_wrapper .child_article div.panel  form {
    display: inline;
    }
.thread_wrapper .parent_article div.panel form input.button,
.thread_wrapper .child_article div.panel  form input.button {
    margin: 0 2px;
    }
    
/*--------------------------------------------------
    記事の編集／削除パスワード入力画面の場合表示
--------------------------------------------------*/
p.pass {
    width                : 670px !important;
    width /*for win5.5*/ : 700px;
    margin               : 0 auto;  /*0 auto 15px;*/
padding                  : 10px 15px;
    }
    
/*--------------------------------------------------
    プレビュー画面
--------------------------------------------------*/
.content div.base {
    width            : 700px !important;
/*  margin           : 15px; 15px; 15px; 15px;
    padding          : 15px; 15px; 15px; 15px; */
    background-color : #fffcfc;
    border-radius    : 8px;
    border           : double 3px #aa3333;
    }
.content .preview_box {
    margin     : 0 auto;
    text-align : left;
    }
.content table.preview_table {
    width  : 670px;
    margin : 0 auto;
    }
.content table.preview_table td {
    padding : 1px;
    }
.content td.preview_leftbox {
    width            : 200px;
    text-align       : left;
    font-weight      : bold;
    background-color : #dfdfdf;
    }
.content td.preview_rightbox {
    background-color : #efefef;
    }
    
span.col1 { color: #000000; }
span.col2 { color: #555555; }
span.col3 { color: #000099; }
span.col4 { color: #0000FF; }
span.col5 { color: #CC0000; }
span.col6 { color: #ee00ee; }
span.col7 { color: #009900; }
span.col8 { color: #00ff00; }

/*--------------------------------------------------
    画像認証
--------------------------------------------------*/
ol#captcha {
    width            : 670px;  /*700px;*/
    margin           : 15px auto;
    padding          : 15px 15px;
    background-color : #ffffff;
    }
    
/*--------------------------------------------------
    記事投稿完了画面
--------------------------------------------------*/
p.comp {
    width                : 670px !important;
    width /*for win5.5*/ : 700px;
    margin               : 0 auto;
    padding              : 10px 15px;
    }
    
/*--------------------------------------------------
    ヘルプ
--------------------------------------------------*/
#help    { text-align    : left; }
#help ul { margin-bottom : 15px; }

/*--------------------------------------------------
    ページリンク
--------------------------------------------------*/
.pagelink {
    margin : 20px auto;
    width  : 250px;
    height : 30px;
    }
    
.pagelink form {
    width   : 80px;
    margin  : 0 auto;
    display : inline;
    }
    
.pagelink .prev,
.pagelink .next {
    margin  : 0 5px;
    padding : 2px 15px;
    }
    
/*--------------------------------------------------
    広告
--------------------------------------------------*/
#footer_ad {
    width            : 730px;
    padding          : 2px 1px 2px 1px;
    text_align       : center;
    border-radius    : 8px;
    border           : double 3px #808080; /*solid 2px #4c4c4c;*/
 /* background-color : #555555; */
    }