/*全体的な設定*/

body {
 margin:                     0px;
 padding:                    0px;
 scrollbar-track-color:      #a21518;
 scrollbar-3dlight-color:    #a21518;
 scrollbar-arrow-color:      #b82a14;
 scrollbar-darkshadow-color: #a21518;
 scrollbar-face-color:       #b82a14;
 scrollbar-highlight-color:  #ec6451;
 scrollbar-shadow-color:     #000000;
 color:#fff;
 font-size:        11pt;
 line-height:      120%;
 font-family:      MS UI Gothic,ＭＳ Ｐゴシック;
 background-color: #a21518;
}

th,td{
 font-size:        11pt;
 line-height:      140%;
 font-family:      MS UI Gothic,ＭＳ Ｐゴシック;
 color:            #004040;
}


/*リンクの設定*/

a{text-decoration: none;}
a:hover{	color:#a21518;}
a.foot{text-decoration: none; color:#fc9;}
a.foot:hover{	color:#fff;}
a.wide { display: block; width: 100%; }
a.wide:hover {
 color: #993300;
 text-decoration:line-through;
}


/*水平線ノーマル*/

hr{ height:1px; width: 90%; color: #b8860b; }


/*各ページの概要見出し*/

.ha{
 margin:           0px 15px 15px 0px;
 padding:          1px;
 font-size:        8pt;
 width:            85%;
 border-right: #b8860b 10px solid;
 border-bottom: #b8860b 1px dotted;
 text-align:       right;
 line-height:      110%;
 color:            #87610a;
}

/*ガイドの見出し*/

.h{
 margin:           13px 0px 0px 0px;
 padding:          1px;
 font-size:        8pt;
 float:            right;
 border-bottom: #b8860b 1px dotted;
 line-height:      110%;
 color:            #87610a;
}


/*更新履歴見出し*/

.hb{
 margin:           10px 0px 10px 0px;
 padding:          1px;
 font-size:        8pt;
 text-align:       right;
 width:            400px;
 height:           48px;
 border-top: #b82a14 1px solid;
 border-bottom: #b82a14 1px solid;
 border-left: #b82a14 1px solid;
 line-height:      110%;
 float:            right;
 overflow:         auto;
 background-color: #fff;
 scrollbar-track-color:      #fff;
 scrollbar-3dlight-color:    #fff;
 scrollbar-arrow-color:      #b82a14;
 scrollbar-darkshadow-color: #fff;
 scrollbar-face-color:       #fff;
 scrollbar-highlight-color:  #ec6451;
 scrollbar-shadow-color:     #000000;
 color:#a21518;
}


/*コンテンツ注釈の見出し*/

.hc{
 margin:           6px 0px 6px 5px;
 padding:          1px;
 font-size:        8pt;
 border-bottom: #024c1c 1px dotted;
 line-height:      110%;
 color:            #004040;
 float:            right;
 font-family:Arial,sans-serif;
}


/*ウェブリングの線*/

.hw{
 margin:           1px 0px 1px 0px;
 padding:          1px;
 font-size:        8pt;
 width:            100%;
 border-left: #b8860b 2px solid;
 border-right: #b8860b 2px solid;
 border-bottom: #b8860b 1px dotted;
 line-height:      110%;
 color:            #87610a;
 float:            left;
}

/*ここまで固定設定*/



/*フォーム・ボタン・テキストエリア*/

input, select, textarea{ font-family:Arial, Verdana, Helvetica;}


	/*ibbsのName欄*/

.txt{
 font-size:        8pt;
 color: #a21518;
 font-family:Verdana, Arial, Helvetica;
}

.inp1{
 background-color: #fff;
 width:180px;
 border:0px;
 color :#696969;
}

.com{
 border-bottom: 1px dotted #87170d; 
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
 border-top: 0px solid #fff;
}

	/*テキストエリア*/

.inp2{
 background-color: #fff;
 color :#333;
 width:250px;
 height:60px;
 border-bottom: 0px dashed #fff; 
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
 border-top: 0px solid #fff;
 scrollbar-track-color:      #fff;
 scrollbar-3dlight-color:    #fff;
 scrollbar-arrow-color:      #fff;
 scrollbar-darkshadow-color: #fff;
 scrollbar-face-color:       #fff;
 scrollbar-highlight-color:  #87170d;
 scrollbar-shadow-color:     #87170d;
}


	/*passあたり*/

.inp3{
 background-color: #fff;
 width:60px;
 border:0px;
 color :#696969;
 border-bottom: 1px dotted #87170d; 
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
 border-top: 0px solid #fff;
}

.inp4{
 background-color: #fff;
 width:30px;
 border:0px;
 color :#696969;
 border-bottom: 1px dotted #87170d; 
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
 border-top: 0px solid #fff;
}


	/*pbbsの入力*/

.inp5{
 background-color: #fff;
 width:80px;
 border:0px;
 color :#333;
 font-size:        8pt;
 border-bottom: 1px dashed #87170d;
}

.inp6{
 background-color: #fff;
 width:60px;
 border:0px;
 color :#333;
 font-size:        8pt;
 border-bottom: 1px dashed #87170d;
}

	/*cbbs用コメント欄*/

.inp7{
 background-color: #fff;
 width:200px;
 border:0px;
 color :#333;
 font-size:        8pt;
 border-bottom: 1px dashed #87170d;
}

	/*メールフォーム名前・セレクト・テキストエリア*/

.inp8{
 background-color: #fbe1e1;
 width:180px;
 color :#333;
 font-size:        9pt;
 border:0px;
}

.pul2{
 background-color: #fbe1e1;
 width:55px;
 color : #333;
 font-size:        8pt;
}

.inp9{
 background-color: #fbe1e1;
 color :#333;
 width:180px;
 height:60px;
 border-bottom: 0px dashed #fff; 
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
 border-top: 0px solid #fff;
 scrollbar-track-color:      #fbe1e1;
 scrollbar-3dlight-color:    #fbe1e1;
 scrollbar-arrow-color:      #fbe1e1;
 scrollbar-darkshadow-color: #fbe1e1;
 scrollbar-face-color:       #fbe1e1;
 scrollbar-highlight-color:  #87170d;
 scrollbar-shadow-color:     #87170d;
}


	/*ボタン*/

.but{
 background-color: #fff;
 width:60px;
 font-size:        8pt;
 color:            #333;
 border:1px;
 border-left: 1px outset #87170d; 
 border-right: 1px outset #87170d; 
 border-top: 1px outset #87170d;
 border-bottom: 1px outset #87170d;
}

.butp{
 background-color: #fff;
 width:40px;
 font-size:        7pt;
 color:            #333;
 border:1px;
 border-left: 1px outset #87170d; 
 border-right: 1px outset #87170d; 
 border-top: 1px outset #87170d;
 border-bottom: 1px outset #87170d;
}

.butb{
 background-color: #fff;
 width:100px;
 font-size:        7pt;
 color:            #333;
 border:1px;
 border-left: 1px outset #87170d; 
 border-right: 1px outset #87170d; 
 border-top: 1px outset #87170d;
 border-bottom: 1px outset #87170d;
}

.pul{
 background-color: #fff;
 width:45px;
 color : #333;
 font-size:        8pt;
}

.pul3{
 background-color: #fff;
 width:120px;
 color : #333;
 font-size:        8pt;
}


/*storyボックスをつくる*/

.box{
 margin:     0px 10px 0px 10px;
 position:relative;
 z-index:2
}

.img{
 position:  absolute;
 right:     35px;
 z-index:   1;
}


.anim{
 margin:     0px 20px 20px 0px;
 float:            right;
 position:relative;
 z-index:2
}

.lin{
 background-color :#66cdaa;
 margin:           10px 0px 6px 0px;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 float:            right;
}


/*リンクページ*/

.txtarea{
 background-color: #fff;
 color :#696969;
 width:300px;
 height:30px;
 border-bottom: 1px solid #023a11;
 border-left: 1px solid #023a11;
 border-right: 1px solid #023a11;
 border-top: 1px solid #023a11;
 scrollbar-track-color:      #fff;
 scrollbar-3dlight-color:    #fff;
 scrollbar-arrow-color:      #b82a14;
 scrollbar-darkshadow-color: #fff;
 scrollbar-face-color:       #fff;
 scrollbar-highlight-color:  #ec6451;
 scrollbar-shadow-color:     #000000;
 font-family:Arial, Verdana, Helvetica;
}

.linkbut{
 background-color: #ffecec;
 margin:0px 0px 2px 0px;
 width:150px;
 border-left: 1px outset #87170d; 
 border-right: 1px outset #87170d; 
 border-top: 1px outset #87170d;
 border-bottom: 1px outset #87170d;
 color : #023a11;
 font-size:        8pt;
}

/*日記の中身*/

.tit{
 background-color :#8fbc8f;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit2{
 background-color :#6495ed;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit3{
 background-color :#bc8f8f;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit4{
 background-color :#cd5c5c;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit5{
 background-color :#8a2be2;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit6{
 background-color :#4682b4;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit7{
 background-color :#9E9240;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit8{
 background-color :#409E9D;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit9{
 background-color :#336399;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit10{
 background-color :#FF3399;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit11{
 background-color :#ed4747;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit12{
 background-color :#4e63de;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit13{
 background-color :#6b6dc1;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit14{
 background-color :#326efa;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit15{
 background-color :#1ea142;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit16{
 background-color :#41803f;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit17{
 background-color :#9e205b;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}

.tit18{
 background-color :#e26cb3;
 margin:           10px 0px 6px 0px;
 width            :100%;
 float:            center;
 padding:          2px;
 color:            #fff;
 text-align:       center;
 font-weight: bold;
}


/*文字の装飾*/

	/*赤文字*/
.red{ color:red; }

	/*上下線*/
.ss { text-decoration:overline underline;}

	/*太字大文字*/
.bb{
 font-size: 140%;
 font-weight:bold;
}

	/*上下線文字小左寄せ文字*/
.hh{
 text-decoration:overline underline;
 font-size:        8pt;
 float:            left;
}

	/*注意事項・上下線赤文字*/
.cau{
 color:            red;
 text-decoration:overline underline;
}

	/*テキストの位置*/
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }




/*ボックスにてテキストの大きさやスタイルを指定*/

	/*tiの中身文字・小文字行間狭く色換え*/
.map{
 font-size:        8pt;
 line-height:      110%;
 color:            #fadad5;
}

	/*テープルを囲う・赤２重線*/
.tt{
 border-style:  double;
 border-width:3px;
 border-color:#87170d;
}

	/*テーブルを囲う・赤２重線太*/
.sta{
 border-style:  double;
 border-width:10px;
 border-color:#87170d;
}

	/*テーブルを囲う・赤荒い点線中間*/
.kco{
 border-style:  dashed;
 border-width:4px;
 border-color:#87170d;
}

	/*テーブルを囲う・赤ドット太*/
.ota{
 border-style:  dotted;
 border-width:7px;
 border-color:#87170d;
}

	/*テーブルを囲う・赤実線太目*/
.spe{
 border-style:  solid;
 border-width:5px;
 border-color:#87170d;
}

	/*赤２重線をひく350px*/
.oi{
 border-bottom:  double;
 border-width:3px;
 border-color:#87170d;
 width:350px;
 font-size:        9pt;
}

	/*赤点線を上と左に100％*/
.oa{
 border-top:  dotted;
 border-left:  dotted;
 border-width:1px;
 border-color:#87170d;
 width:100%;
 font-size:        9pt;
}

	/*赤点線を下に350px*/
.oe{
 border-bottom:  dotted;
 border-width:1px;
 border-color:#87170d;
 width:350px;
 font-size:        9pt;
}

	/*赤点線を下に文字大きめ余白あり100％*/
.oo{
 padding: 2px;
 border-bottom:  dotted;
 border-width:1px;
 border-color:#87170d;
 width:100%;
 font-size:        10pt;
}

	/*右上下に赤ドット*/
.ou{
 border-left: 0px none #87170d; 
 border-right: 2px dotted #87170d; 
 border-top: 2px dotted #87170d;
 border-bottom: 2px dotted #87170d;
}

	/*赤点線3pxをひく350px*/
.ob{
 border-bottom:  dotted;
 border-width:3px;
 border-color:#87170d;
 width:350px;
 font-size:        9pt;
}


	/*青点線を下に文字大きめ余白あり100％沖縄ＢＢＳ*/
		/*沖縄ページ用*/
.ok{
 padding: 2px;
 border-bottom:  dotted;
 border-width:1px;
 border-color:#c5e3f9;
 width:100%;
 font-size:        10pt;
}

.okname{
 background-color: #fff;
 width:60px;
 border:0px;
 color :#333;
 font-size:        8pt;
 border-bottom: 1px dashed #c5e3f9;
}

.okcom{
 background-color: #fff;
 width:300px;
 border:0px;
 color :#333;
 font-size:        8pt;
 border-bottom: 1px dashed #c5e3f9;
}