@charset "Shift_JIS";

/* 全称セレクタ--------------------------------------------- */

*{
margin:0;padding:0;
font:normal normal normal 12px "MS UI GOTHIC","ＭＳ Ｐゴシック",Osaka,Chicago,sans-serif;
border:none;
letter-spacing: 1px; 
}

/* 全体指定------------------------------------------------- */

body {
color:#333333;
margin: 0px 15px 0px 10px;
}

html {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #555555;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #555555;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #ff80a0;
overflow-y:scroll; /*←IEバグ対策*/
background:url(画像アドレス) no-repeat 50% 50% fixed;
}
/* 背景指定(背景を入れたい場合は↑ここにアドレスを記入して下さい) */
/* 背景を入れる場合は著作権表示の追加も忘れずに… */

br {
letter-spacing: 0;
}

/* リンク・他----------------------------------------------- */

a{text-decoration:none;}
a:link,a:visited{color:#333333;}
a:active{color:#333333;}
a:hover{color:#999999;}
a.underline {
border-bottom: #4169e1 1px solid;
text-decoration: none;
color: #000000;
}
a:visited.underline {
border-bottom: #db7093 1px solid;
}
.img_arrow{
background-image: url("./arrow.gif");
background-repeat: no-repeat;
background-position: 3px 2px;
margin-right: 3px;
}

em {font-weight:bold;}


/* ********************************************************* */
/* レイアウト */
/* ********************************************************* */


/* 全体 */
#wrap {
width:100%;/*ここを変更するだけで全体の横幅が可変します*/
margin:0px 0px 0px 0px;
text-align:left;
}

/* ヘッダー */
#head {
width:100%;
margin:0px 0px 20px 0px;
text-align:center;
}

/* フッター */
#foot {
width:200px;
margin:20px auto 0px auto;
text-align:center;
}

p {margin:0px;padding:0px;}


/* ********************************************************* */
/* ヘッダー */
/* ********************************************************* */


/* タイトルバー↓------------------------------------------- */
/* 白い丸角画像を左右に配置しています */

.title {
border-bottom: #ff0099 1px solid;
padding-left: 33px;
margin-bottom: 5px;
background-image: url(./title_mark.gif);
background-position: 0px 4px;
background-repeat: no-repeat;
} 
  
#head .bar {
width:100%;/*横幅*/
height:20px;
background:url(table/ta1.gif) no-repeat left center #333333/*背景色はココ*/;
}

#head .barright {
text-align:right;
background:url(table/ta2.gif) no-repeat right center;
}

#head h1 {
color:#ffffff;/*文字色*/
text-align:center;
line-height:20px;
}

/* タイトルバー↑------------------------------------------- */

/* 文章部分 */
#head p {
text-align:right;
margin:5px 10px;
}

/* テーブル指定・書込みフォーム */
table.write {
margin:5px 10px 0px 10px;
text-align:center;
}

/* 書き込みフォーム下のライン */
#head .line {
width:100%;
height:12px;/*高さ。ここを調節するとラインの数が変わります*/
background:url(line.gif);
}

/* 文字色指定----------------------------------------------- */
/* ここを変更するだけで文字色が変わりますよ */

.color1 {color:#000000;}/*黒*/
.color2 {color:#1e90ff;}
.color3 {color:#7b639c;}/*ウィスタリア*/
.color4 {color:#ff3300;}
.color5 {color:#718451;}/*サウディー・グリーン*/
.color6 {color:#8bafdb;}/*スカイ・ブルー*/
.color7 {color:#ab85b2;}/*ラべンダー*/
.color8 {color:#f39aab;}/*コスモス*/
.color9 {color:#bdce96;}/*シーフォーム・グリーン*/
.color10 {color:#ff00ff;}/*マゼンタ*/


/* ********************************************************* */
/* 記事 */
/* ********************************************************* */


/* 記事 */
#wrap .kiji {
width:100%;
margin:5px 0px 0px 0px;
}

/* 名前日付表示部分 */
#wrap p.name {
padding:0px 0px 5px 0px;
background:url(line.gif) repeat-x bottom;
}

/* アイコン部分 */
#wrap p.icon {
display:inline;
float:left;/*アイコン左寄せ*/
padding:8px 5px 5px 0px;
}

/* メッセージ部分 */
#wrap p.msg {
padding:5px 0px;
line-height: 170%;
}

/* レス記事-------------------------------------------------- */

/* レス記事の左側余白 */
#wrap .reskiji {
margin:35px 0px 0px 50px;
}

#wrap p.resicon {
display:inline;
float:right;/*アイコン左寄せ*/
padding:8px 0px 5px 5px;
}


/* ********************************************************* */
/* テーブル指定 */
/* ********************************************************* */


td {margin:0;padding:0;}

/* テーブル指定・記事--------------------------------------- */

.tablekiji {
width:100%;/*横幅*/
margin:10px 0px 30px 0px; /* 囲み部分の下の空白 */
}

/* テーブル用の画像はすべてここ↓で指定しています */

/* td内背景画像指定(四隅)----------------------------------- */

.tdlefttop {background:url(table/ct-d01.gif) no-repeat;width:18px;height:18px;}
.tdrighttop {background:url(table/ct-d03.gif) no-repeat;width:18px;height:18px;}
.tdleftbottom {background:url(table/ct-d06.gif) no-repeat;width:18px;height:18px;}
.tdrightbottom {background:url(table/ct-d08.gif) no-repeat;width:18px;height:18px;}

/* td内背景画像指定(上下左右)------------------------------- */

.tdtop {background:url(table/ct-d02.gif) repeat-x;height:18px;}
.tdleft {background:url(table/ct-d04.gif) repeat-y;width:18px;}
.tdright {background:url(table/ct-d05.gif) repeat-y;width:18px;}
.tdbottom {background:url(table/ct-d07.gif) repeat-x;height:18px;}

.contents_table {background-image: url(./head_side.gif); background-repeat: no-repeat;} 


/* ********************************************************* */
/* フッター */
/* ********************************************************* */


#foot p.blank {margin:0px 0px 8px 0px;}
#foot p.line {
padding-bottom:5px;
background:url(line.gif) repeat-x bottom;
}


/* ********************************************************* */
/* フォーム */
/* ********************************************************* */


input,textarea {
color:#333333;
line-height:130%;
margin:1px 1px;
border:1px solid #333333;
background:#ffffff;
border-top:0px solid;
border-bottom:1px solid #CCCCCC;
border-left:0px solid;
border-right:0px solid
}
select {
color:#333333;
line-height:130%;
margin:1px 1px;
border:1px solid #333333;
background:#ffffff;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

/* 各フォームのサイズをここで指定してます */

.input {width:180px;height:15px;}
.pass {width:180px;height:15px;}
.textarea {width:280px;height:120px;}
.none {border:none;}
.checkbox {width:10px;height:10px;border:none;}

.button{
color:#000000;
font-size:10px;
border:1px solid #555555;
}


/* ********************************************************* */
/* iconlist.html */
/* ********************************************************* */


/* 全体 */
#icon {
width:400px;/*横幅*/
margin:15px auto;
text-align:center;
}

/* タイトル */
#icon .bar {
width:100%;/*横幅*/
height:20px;
background:url(table/ta1.gif) no-repeat left center #333333/*背景色はココ*/;
}

#icon .barright {
text-align:right;
background:url(table/ta2.gif) no-repeat right center;
}

#icon h1 {
color:#ffffff;/*文字色*/
text-align:center;
line-height:20px;
}

#icon p {width:100%;margin:20px 0px;}

/* アイコンリスト(テーブル)--------------------------------- */

#icon table {margin:10px 10px;}

#icon td {padding:8px 5px 0px 5px;font-size:10px;}


/* ********************************************************* */