@charset "Shift_JIS";

*{
margin:0;padding:0;
font:normal normal normal x-small/1.5 Verdana,Osaka,Chicago,sans-serif;
border:none;
}

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

body {
color:#333333;
text-align:center;
}

html {
scrollbar-arrow-color:#333333;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
overflow-y:scroll; /*←IE6バグ対策(フレーム内に表示した時用)*/
}

a{text-decoration:none;}
a:link,a:active{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#d0576b;position:relative;top:1px;left:1px;}

em {font-weight:bold;}
strong {font-weight:bold;font-size:120%;color:#d0576b;}

hr {display:none;}


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


/* 全体の横幅をここで指定してます */
#wrapper {
width:500px;/*横幅*/
margin:15px auto;/*autoが無いと真ん中寄せにならないので注意*/
padding-bottom:50px;
text-align:left;
}

/* タイトル */
#wrapper h1 {
font-size:14px;
color:#ffffff;
font-weight:bold;
margin:0px 5px;
padding:3px 0px 2px 0px;
border:1px solid #333333;
background:#333333;
text-align:right;
}

#wrapper p {margin:0px 0px;}

/* 画像表示用 */
#wrapper p.img {
margin:15px 5px;
text-align:center;
}

/* 文章表示用 */
#wrapper p.text {
font-size:120%;/* 文字の大きさ */
line-height:180%;/* 行間 */
margin:15px 5px;
padding:5px 5px 15px 5px;
border-bottom:1px dotted #cccccc;
}

/* コメント部分 */
#wrapper p.msg {
margin:0px 5px;
padding:0px 5px 15px 5px;
border-bottom:1px dotted #cccccc;
}

/* メッセージ確認部分 */
#wrapper p.view_msg {
color:#d0576b;
margin:0px 5px;
padding:10px 5px 0px 5px;
}

/* 真ん中に寄せる */
#wrapper p.center {
margin:0px 5px;
padding:10px 5px;
text-align:center;
}

/* error.html用 */
#wrapper p.error {
padding:50px 0px;
text-align:center;
}

/* 著作権表示 */
#wrapper p.copy {
margin:0px 5px;
padding:10px 5px 5px 5px;
border-top:1px dotted #cccccc;
text-align:center;
}


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


#wrapper .form {
margin:0px 5px;
padding:10px 5px;
border-bottom:1px dotted #cccccc;
}

input,textarea,select,checkbox {
color:#333333;
line-height:130%;
margin:3px 1px;
border:1px solid #333333;
background:#ffffff;
}

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

.input {width:100px;}

/* テキストエリアのサイズ */
.com {
width:440px;
height:50px;
}

/* ボタン */
.submit {
color:#ffffff;
font-size:10px;
padding:-10px -15px;
text-align:center;
border:1px solid #333333;
background:#333333;
}

/* ボタンを右寄せ */
span.right {display:block;text-align:right;}


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


#wrapper table {width:100%;}
#wrapper td {margin:0;padding:0;}

#wrapper td.back {background:#ffffff;}/* td背景を白に */

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

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

#wrapper .tdlefttop {background:url(img/ta2_1.gif) no-repeat;width:18px;height:18px;}
#wrapper .tdrighttop {background:url(img/ta2_3.gif) no-repeat;width:18px;height:18px;}
#wrapper .tdleftbottom {background:url(img/ta2_6.gif) no-repeat;width:18px;height:18px;}
#wrapper .tdrightbottom {background:url(img/ta2_8.gif) no-repeat;width:18px;height:18px;}

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

#wrapper .tdtop {background:url(img/ta2_2.gif) repeat-x;height:18px;}
#wrapper .tdleft {background:url(img/ta2_4.gif) repeat-y;width:18px;}
#wrapper .tdright {background:url(img/ta2_5.gif) repeat-y;width:18px;}
#wrapper .tdbottom {background:url(img/ta2_7.gif) repeat-x;height:18px;}


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