/* ページ全体に適用*/
.{line-height:1.3; color:#707070; }/*行間 文字色 */


p,div,table{
margin-left: 7%;
margin-right: 7%; /*たてよこに○％の空きをつくる。(見た目中央寄せ) */
}



/* 文字設定 s＝フォントサイズ○％ ｂ＝太字 */
.s{font-size: 83%;}  /* 小さい文字 ○％ */
.m{font-size: 90%;} /* 少し小さい文字 ○％ */
.b{font-weight:bolder;}  /* 太字 */
.l{font-size: 120%;} /* 大文字 ○％ */


.rig{text-align:right;} /* 右寄せ */
.cen{text-align:center;} /* 中央寄せ */

.wh{ color: #FFFFFF;}/* 文字色 */

.line{line-height:0.5;}


/* ヘッダー部分のリンク */
A.top:link  { color: #FFFFFF;} /* リンク箇所の文字色 */
A.top:visited   { color: #FFFFFF; } /* 訪問後の文字色 */
A.top:hover   { background-color:#FFFFFF;position:relative;top:1px;left:1px; text-decoration:none;} 


/* ページ全体のリンク */
A:link  { color: #0066ff }
A:visited   { color: #0066ff }
A:hover { color:0099ff  ;position:relative;top: 1px;left:1px; text-decoration:underline; } 
a { text-decoration:none; }



/* トップページのリンク */
A.index:link  { color: #FFFFFF;} /* リンク箇所の文字色 */
A.index:visited   { color: #FFFFFF; } /* 訪問後の文字色 */
A.index:hover{color:#0066ff;position:relative;top:1px;left:1px;}  /* ブルー*/
A.index:{ text-decoration: underline; } 



/* ヘッダー */

/* ヘッダー上部分 */
.header{color: #0080C0;  /* 文字色 */
font-size:12px;   /* フォントサイズ */

height:55px;    /* 縦幅 */

background-color:#FFFFFF; /* 背景色 */
padding:5px 3px;  /* ボックス内の余白 */
}


/* ヘッダー下部分リンク */
.header2
{text-align:right;  /* テキスト右寄せ */

color:#FFFFFF ;  /* 文字色(赤) */
font-size:13px;   /* フォントサイズ */

background-color:#0080C0; /* 背景色 */
padding:2px 15px ;  /* ボックス内の余白 */
}


/* フッター */
.footer{
font-size:13px;   /* フォントサイズ */
font-weight:bolder; /* 太字 */
color: #0080C0;/* 文字色 */
padding:2px 10px;  /* ボックス内の余白 */
text-align:right;  /* テキスト右寄せ */
}




/* ボックス */

/* 基本ボックス */
.box{
padding:5px 10px; /* ボックス内の余白 */
background-color:#FFFFFF; /* 背景色 */
}

/* ボックスの見出し */
.boxt{
text-align:center; /* 中央寄せ */
font-weight:bolder; /* 太字 */
color: #FFFFFF;  /* 文字色 */
padding:5px 20px; /* ボックス内の余白 */

}


/* ボックスその１ 行間が大きい一覧版 */
.box1{
line-height:2.5; /* 行間 */

padding:15px 20px; /* ボックス内の余白 */

background-color:#FFFFFF; /* 背景色 */
}


/* ボックスその２ 文字が少し小さいテキスト版 */
.box2{
font-size: 95%;

padding:10px 20px; /* ボックス内の余白 */

background-color:#FFFFFF; /* 背景色 */
}




/* コーナー別設定 */

/* 各コーナー背景色 */
.cst{background-color: #005EBB;}　/* 舞台を見てみよう。 */
.cmem{background-color: #1ab380;} /* その他の役者陣 */
.cdel{background-color: #9995EA;} /* 妄想マニアックス */
.cman{background-color: #ff6666;} /* ご挨拶 #ff99ff*/
.cpro{background-color: #29B5B8;} /* プロフィール */
.cspro{background-color: #FF80C0;} /* サクラ自己紹介 */
.cdia{background-color: #ff99e6;} /* 過去の日記 #ffbbee*/


/* ヘッダーリンク個々の色 */
A.st:hover {color:#0080FF;}　/* 舞台を見てみよう */
A.mem:hover {color:#1ab380;}　/* その他の役者陣 */
A.del:hover {color:#8080FF;}　/* 妄想マニアックス */
A.pro:hover {color:#55D6D9;}　/* 前田さんプロフィール */
A.man:hover {color:#ff6666;}　/* ごあいさつ #FF9DFF*/
A.spro:hover{color:#FF80C0;} /* サクラ自己紹介 */
A.dia:hover {color:#ff99e6;} /* 過去の日記*/


/* 各コーナータイトル部分設定 */

h1{color: #FFFFFF;
font-size: 15px;
padding:5px 10px;
margin-left: 7%;
margin-right: 40%; /*たてよこに○％の空きをつくる。(見た目中央寄せ) */
} 


h2{color: #FFFFFF;
font-size: 13px;
padding:2px 5px;
margin-left: 7%;
margin-right: 45%; /*右左に○％の空きをつくる。(見た目中央寄せ) */
} 


h5{color: #FFFFFF;
padding:2px 5px;
margin-left: 7%;
margin-right: 50%; /*右左に○％の空きをつくる。(見た目中央寄せ) */
} 





/* ★舞台を見てみよう。 */
/* 次回作用色あみ×白抜き文字 */
.st0{background-color:#0079F2;}　

/* キャッチ用色あみ×白抜き文字 */
.st1{background-color:#40ACFD;}　

/* キャッチ用色あみ×白抜き文字　その２ */
.st2{background-color:#95CAFF;
color: #FFFFFF;  /* 文字色 */
padding:3px 10px; /* ボックス内の余白 */
font-size: 90%; /* 少し小さい文字 ○％ */
font-weight:bolder; /* 太字 */
}



/* ★妄想マニアックス２階層 */
.del1{background-color:#ACACFF;} /* 背景色 */

/* 妄想マニアックス　作品タイトル */
.delt{
color:#9995EA; /* 文字色 */
font:bolder 120%;/* 文字サイズ */
text-align:center; /* 中央寄せ */
}　

/* 妄想マニアックス　妄想ボックス */
.boxdel{
padding:10px 15px ; /* ボックス内の余白 */
background-color:#FFFFFF; /* 背景色 */
border:solid 12px #DAC4FF;  /* 枠線 */

line-height:1.7; /* 行間 */
}



/* ★その他の役者陣 */
/* 名前 */
.boxmem1
{
font-weight:bolder; /* 太字 */
color: #FFFFFF;  /* 文字色 */

background-color:#00CC99; /* 背景色 */
padding:5px; /* ボックス内の余白 */

border-style:solid; /* 枠線設定 */
border-color:#FFFFFF;
border-width:3px 3px 1px 3px;

}


/* 今までの役 */
.boxmem2
{
font-size: 83%; /* 文字サイズ */

background-color:#f0fdf9; /* 背景色 */
padding:5px; /* ボックス内の余白 */

border-style:solid; /* 枠線設定 */
border-color:#FFFFFF;
border-width:2px 3px;
}


/* イメージもの */
.boxmem3
{
background-color:#f0fdf9; /* 背景色 */
padding:5px; /* ボックス内の余白 */

border-style:solid; /* 枠線設定 */
border-color:#FFFFFF;
border-width:2px 3px;
}


/* 説明 */
.boxmem4
{

background-color:#f0fdf9; /* 背景色 */
padding:5px; /* ボックス内の余白 */

border-style:solid; /* 枠線設定 */
border-color:#FFFFFF;
border-width:2px 3px 3px 3px;
}




/* ★トップページ★what's  newのボックス内の設定 */

.new{
height:120px; /* 縦幅 */
width:90%;    /* 横幅 */

font-size: 80%; /* フォントサイズ */
background-color:#EEF9FF;  /* 背景色 #DDF4FF*/

overflow:auto;  /* 縦幅超えたらスクロールバーを出す */
padding:7px ;    /* ボックス内の余白 */


border-style:solid; 　　 /* 枠線を引く */
border-width:1px;　　　　/* 枠線の幅 */
border-color:#37DCFF;　 /* 枠線の色 */


scrollbar-face-color: #FFFFFF;  /* スクロールバーの設定 */
scrollbar-arrow-color: #37DCFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-3dlight-color: #37DCFF;
scrollbar-darkshadow-color: #37DCFF;

}