/* 基本設定 */ 
body,td,th{
font-size:70%;  
color:#666666;  
font-family:Verdana,Osaka,'MS P Gothic';
font-weight:normal;
margin:0px;
padding:0px;
}

/* スクロールバーの設定 */ 
html,body{ 
scrollbar-base-color:#000000;
scrollbar-track-color:#000000;
scrollbar-face-color:#000000;
scrollbar-arrow-color:#00aaff;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#666666;
}

/* リンク設定 */ 
a:link{text-decoration:none;color:#3366ff;}/* リンクに触れる前の色 */ 
a:visited{text-decoration:none;cursor:crosshair;color:#3366ff;}/* 訪問したことのあるリンクの色 */ 
a:hover{text-decoration:none;cursor:crosshair;color:#cccccc;}/* 触れた時のリンク設定 */ 

/* リスト設定 */ 
ul,ol{
list-style-position:inside;
margin:0px 0px 0px 15px;
} 

 /* 画像のボーダーをあらかじめ０にする */
img{border:none;}

/* フォーム関連の設定 */
textarea{
font-size:11px;
line-height:17px;
padding:5px;
}
textarea,input{
color:#333333;
border:1px solid #333333;

}

/* 装飾用box */
.box1{
border:3px double #3399cc;
background:#ffffff;
}
.box2{
border:1px solid #3399cc;
background:#ccffff;
}
.box3{
border:1px solid #cccccc;
margin:10px 10px 10px 30px;
padding:10px 10px 10px 20px;
width:600px;
}
.box1,.box2,{width:450px;margin:15px 0px 0px 0px;padding:5px;}

/* 配布元リンク */
#copyright{font-size:10px;color:#666666;padding:3px 0px 0px 200px;}
#copyright a{color:#666666;}
#copyright a:hover{color:#ffffff;}

/* デザイン全般設定 */
body#main_page{overflow:hidden;}
.ta{background:#000000 url(image/moon38.jpg) no-repeat;}
.ta1{background:#000000 url(image/moon38.jpg) no-repeat;}
.ta2{border-right:1px dashed #666666;}

#scroll{
overflow:auto;
height:160px;
background-image:url(image/bg02.png);
margin:10px 10px 0px 10px;
padding:10px 5px 0px 5px;
}
* html #scroll{filter:alpha(opacity=70);background-color:#0033FF;}

#scroll2{
overflow:auto;
margin:10px 10px 0px 10px;
padding:10px 5px 0px 5px;
}

/* 見出し設定 */ 
h1{
font-size:21px;
color:#ffffff;
font-weight:normal;
margin:0px;
padding:0px 20px 0px 200px;
}
h1:first-letter{color:#3366FF;}
h2{
font-size:10px;
color:#aaaaaa;
text-align:right;
border-top:1px solid #aaaaaa;
border-bottom:2px solid #aaaaaa;
margin:20px 25px 0px 15px;
padding:4px 20px;
}
h3{
font-size:10px;
color:#ffffff;
background:#000099;
margin:8px 400px 5px 15px;
padding:7px 15px;
}
h4{
font-size:10px;
color:#0066ff;
text-align:right;
border-bottom:1px dashed #666666;
margin:0px;
padding:5px 5px;
}

/* メニュー設定 */ 
#menu{
font-size:11px;
letter-spacing:2px;
}
#menu ul{
list-style-type:none;
background-image:url(image/bg02.png);
margin:15px 10px 0px 10px;
padding:20px 0px 20px 10px;
}
#menu li{
display:inline;
height:25px;
}
#menu li a{
display:inline;
color:#aaaaaa;
background:url(image/menu.gif) no-repeat 0% 50%;
padding:6px 12px;
}
#menu li a:hover{
color:#0099ff;
}
* html #menu ul{filter:alpha(opacity=60);width:100%;background-color:#0033FF;}

/* テキスト設定 */ 
.text1{
line-height:20px;
padding:10px 40px 30px 30px;
}
.text2{
color:#aaaaaa;
line-height:18px;
padding:3px 0px 0px 0px;
}

.text3{
color:#aaaaaa;
line-height:14px;
padding:3px 20px 50px 30px;
}

.text4{
color:#aaaaaa;
font-size:12px;
line-height:20px;
padding:3px 20px 50px 30px;
}

.clear{clear:left;}


/* リンクページの設定 */ 
dl.banner{margin:0px 0px 15px 0px;}
dl.banner dt{float:left;margin:0px 5px 0px 0px;}
dl.banner dd{margin:-2px 0px 0px 0px;}

/* その他要素 */ 
em{font-style:normal;font-weight:bold;}
strong{color:#33aaaa;background-color:#ccffff;}
ins{text-decoration:none;border-bottom:1px solid #33aaff;}
del{text-decoration:line-through;}


@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#mail_top {
margin-left: 50;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#mail_top .main {
}

/*メールフォームのタイトルを囲っているタグのclass*/
#mail_top .title{
}

/*メールフォームの説明文を囲っているタグのclass*/
#mail_top .explain {

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_top .name_top {

}

/*『name』パーツの表示名を囲っているタグのclass（[ name ]の部分）*/
#mail_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#mail_top .name_right {

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#mail_top .name_parts {
background-color:#000000;
font-size: 12px;
color: #AAAAAA;
border: 1px solid #AAAAAA;
height: 20px;
width: 200px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#mail_top .mail_left{

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#mail_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#mail_top .mail_parts {
background-color:#000000;
color:#aaaaaa;
font-size:12px;
border:1px solid #aaaaaa;
width:300px;
height:20px;
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_top .url_top {

}

/*『url』パーツの表示名を囲っているタグのclass（[ url ]の部分）*/
#mail_top .url_left{

}

/*『url』パーツの入力項目を囲っているタグのclass*/
#mail_top .url_right {

}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#mail_top .url_parts {
background-color:#000000;
color:#aaaaaa;
font-size:12px;
border:1px solid #aaaaaa;
width:300px;
height:20px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#mail_top .textarea_top {

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ comment ]の部分）*/
#mail_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#mail_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mail_top .textarea_parts {
font-size: medium;
color: #AAAAAA;
border: 1px solid #AAAAAA;
height: 150px;
width: 500px;
background-color: #000000;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#mail_top .submit {

}

/*メールフォームの送信ボタンのclass*/
#mail_top .submit_button {
background-color:#000000;
color:#aaaaaa;
border:1px solid #aaaaaa;
}

/*エラーメッセージを囲っているタグのclass*/
#mail_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#mail_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#mail_top .error_submit_button {
background-color:#000000;
color:#aaaaaa;
border:1px solid #aaaaaa;
}

/*送信完了メッセージを囲っているタグのclass*/
#mail_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#mail_top .result_submit {
background-color:#000000;
color:#aaaaaa;
border:1px solid #aaaaaa;
}

/*送信完了メッセージの戻るボタンのclass*/
#mail_top .result_submit_button {
background-color:#000000;
color:#aaaaaa;
border:1px solid #aaaaaa;
}