* {
margin : 0; 
padding : 0; 
font-weight : normal; 
font-style: normal;
} 
html{
overflow-y:auto;
scrollbar-face-color:white;
scrollbar-highlight-color:white; 
scrollbar-shadow-color:white;
scrollbar-3dlight-color:white; 
scrollbar-arrow-color:#cdcdcd;
scrollbar-track-color:white; 
scrollbar-darkshadow-color:white;
}
body {
font-size : 70%; 
line-height : 150%; 
color : #666666; 
text-align : center;
background-color :#ffffff ;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
} 
img {
border : 0; 
}
br {
letter-spacing : normal; 
} 
a {
color : #666666; 
text-decoration : none; 
} 
a:hover {
color : #000000; 
} 
h1 {
font-size : 200%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
letter-spacing : 3px;
padding: 10px 0 0 0;
}
h2 {
font-size : 110%; 
border-left : 5px solid #999999;
padding: 0 0 0 10px;
margin: 20px 0 0 0;
} 
h3 { 
font-size : 100%; 
color : #000000;  
background-color : #f5f5f5; 
margin: 10px 0;
} 
p {
border-left : 5px solid #eeeeee;
padding:10px;
} 
ul {
list-style: none;
}
form{
border-left : 5px solid #eeeeee;
padding:10px;
}
textarea,input,select {
width : 100%;
font-size : 11px; 
color : #666666; 
border : 1px solid #dddddd;
background-color : #eeeeee;
margin: 2px 0;
}
/* フレーム上 */
body#page {
width : 100%;
height: 80px; 
text-align : right;

} 
#head{
margin: 10px 20px;
}
#menu ul {
margin: 0 17px;
}
#menu li {
display: inline;
margin : 0 3px;
}


body#main {
width : auto; 
height: auto; 
text-align : right;
margin: 10px 0 10px 5px;

}
ul.submenu li{
display: inline;
padding : 0 2px 0 0;
}
div.title { 
text-align : center;
font-size : 120%; 
padding : 20px;
}
div.img { 
text-align : center;
padding : 20px;
}
div .text { 
font-size : 110%;  
padding : 10px 20px;
} 
ul.navi {
margin: 20px 0;
text-align : center;
}
ul.navi li{
display: inline;
padding: 0 5px 0 0;
}


/* フレーム下左 */
body#contents{
width :auto; 
height: auto;
text-align : left;
margin: 10px 20px;
overflow-y:hidden;
}
div.box { 
float : left ; 
width : 300px; 
padding : 0 30px;
} 
/* トップページインフォ */
.info {
overflow: auto;
width : 300px;
height : 100px;
border-left : 5px solid #eeeeee;
padding: 10px;
}
/* トップページリンク */
ul.about{
padding: 3px 0px;
}

div.link {
line-height: 130%;
border-left : 5px solid #eeeeee;
padding:10px;
}
dt.site01 a{
border-bottom: 1px solid #999999;
}
div.link dl{
padding : 0 0 5px 0;
}

.pagetop{
clear:both;
text-align : right;
margin:20px 0;
}
/* フッター */
#foot{
text-align : right;
}



/*メールフォーム全体を囲っているタグのid*/
#MailForm_top {
  letter-spacing:1.6px ;
  text-align:left ;

}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#MailForm_top .main {
  letter-spacing:1.6px ;
  text-align:left ;
  line-height:5px ;

}

/*メールフォームのタイトルを囲っているタグのclass*/
#MailForm_top .title{
  margin:10px ;
  color:#000000 ;

}

/*メールフォームの説明文を囲っているタグのclass*/
#MailForm_top .explain {
  margin:10px ;
  color:#999 ;
  line-height:16px ;

}

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

}

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

}

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

}

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

}

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

}

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

}

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

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#MailForm_top .textarea_parts {
  width:200px ;
  height:80px ;
  margin-bottom:5px ;
  font-size:12px ;
  color:#000000 ;
  border:solid 1px #cccccc ;
  background:#cccccc ;
  scrollbar-highlight-color:#cccccc ;
  scrollbar-shadow-color:#cccccc ;
  scrollbar-arrow-color:#ffffff ;
  scrollbar-face-color:#cccccc ;
  scrollbar-3dlight-color:#cccccc ;
  scrollbar-track-color:#cccccc ;
  scrollbar-darkshadow-color:#cccccc;

}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#MailForm_top .submit {
  width:160px ;
  text-align:center ;

}

/*メールフォームの送信ボタンのclass*/
#MailForm_top .submit_button {
  width:100px ;
  border:solid 1px #cccccc ;
  background:#ffffff ;
  font:10px Verdana ;
  letter-spacing:2px ;
  color:#000000 ;

}

/*エラーメッセージを囲っているタグのclass*/
#MailForm_top .error {
  text-align:center ;
  font-size:10px ;
  color:#ff0000 ;
  letter-spacing:1.6px ;
  line-height:15px ;
  padding:20px 0 0 ;

}

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

}

/*エラーメッセージのリトライボタンのclass*/
#MailForm_top .error_submit_button {
  width:100px ;
  border:solid 1px #cccccc ;
  background:#ffffff ;
  font:10px Verdana ;
  letter-spacing:2px ;
  color:#000000 ;


}

/*送信完了メッセージを囲っているタグのclass*/
#MailForm_top .result {
  text-align:center ;
  font-size:10px ;
  color:#000000 ;
  letter-spacing:1.6px ;
  line-height:15px ;
  padding:20px 0 0 ;


}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#MailForm_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#MailForm_top .result_submit_button {
  width:100px ;
  border:solid 1px #cccccc ;
  background:#ffffff ;
  font:10px Verdana ;
  letter-spacing:2px ;
  color:#000000 ;


}