#outline{
 text-align: left;
 width: 700px;
 margin-top: 40px;
 margin-left: auto;
 margin-right: auto;
}

#top{
 color: #483d8b;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.5;
 margin: 10px;
 margin-bottom: 20px;
 padding-right: 5px;
 padding-bottom: 10px;
}

#left{
 color: #444;
 font-size: 13px;
 line-height: 1.5;
 margin-top: 20px;
 margin-left: 20px;
 width: 310px;
 float: left;
 border-right: solid 1px #dde5ff;
}

#right{
 color: #444;
 font-size: 13px;
 line-height: 1.5;
 margin-top: 20px;
 margin-left: 20px;
 width: 330px;
 float: left;
}

#center{
 color: #444;
 font-size: 12px;
 line-height: 1.5;
 margin-top: 10px;
 margin-left: 60px;
 width: 450px;
 float: left;
}

#wrap{
 position: relative;
}

#bottom{
 clear: both;
 color: #ff8080 ;
 font-size: 12px;
 text-align: center ;
 margin-top: 100px;
 margin: 10px ;
 padding-top: 90px;
 padding-bottom: 40px;
}

body{
 color: #444;
 font-size:13px;
 font-style: normal;
 line-height:1.5;
 text-align:center;
 letter-spacing:normal;
 background-attachment: fixed;
 background-image: url(img_s/s1.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;

 scrollbar-face-color: #fff;
 scrollbar-highlight-color: #a9a9a9;
 scrollbar-shadow-color: #a9a9a9;
 scrollbar-3dlight-color: #fff;
 scrollbar-arrow-color: #a9a9a9;
 scrollbar-track-color: #fff;
 scrollbar-darkshadow-color: #fff;
}

a:link{
 color: 483d8b;
 font-weight: bold;
}
a:visited{
 color: 483d8b;
 font-weight: bold;
}
a:active{
 color: 483d8b;
 font-weight: bold;
}
a:hover{
 color: #ddddff;
 font-weight: bold ;
 border-bottom-style: solid;
 border-bottom-color: #483d8b;
 border-bottom-width: 1px ;
 cursor:ne-resize;
 position: relative;top: 2px;left: 2px ;
}

a{
 text-decoration: none;
}

img{
 border-width: 0;
}

.tree{
 display: none;
}

dl{
}

dt.p{
 color: #0a1e5c;
 font-size: 13px;
 font-weight: bold;
 line-height: 1.5;
 margin-left: 20px;
}

dd.p{
 font-size: 12px;
 font-weight: normal;
 line-height: 1.5;
 margin-left: 40px;
}

dd.p2{
 font-size: 12px;
 font-weight: normal;
 line-height: 1.5;
 margin-left: 65px;
}

div.r{
 text-align: right;
 margin-right: 20px;
}

div.p{
 font-size: 14px;
 text-align: right;
 margin-bottom: 40px;
}

div.l{
 text-align: left;
 margin-top: 60px;
}

div.c{
 font-size: 13px;
 text-align: center;
}

div.co{
 color: #cccccc;
 font-size: 11px;
 font-weight: normal;
 margin-top: 5px;
}

div.box{
 color: #444;
 font-size: 12px;
 line-height: 1.3;
}

@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#mailform_top {
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#mailform_top .main {
 border: solid 1px #dde5ff;
 padding-left: 15px;
 padding-right: 10px;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#mailform_top .title{
 color: #483d8b;
 font-size: 14px;
}

/*メールフォームの説明文を囲っているタグのclass*/
#mailform_top .explain {
 color: #444;
 font-size: 13px;
 text-align: center;
 margin-bottom: 5px;
}

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

/*『name』パーツの表示名を囲っているタグのclass（[ name ]の部分）*/
#mailform_top .name_left{
 color: #444;
 float: left;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#mailform_top .name_right {
 float: left;
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .name_parts {
 margin-left: 10px;
 width: 180px;
}

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

/*『mail』パーツの表示名を囲っているタグのclass（[ mail ]の部分）*/
#mailform_top .mail_left{
 color: #444;
 float: left;
}

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

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .mail_parts {
 margin-left: 16px;
 width: 180px;
 margin-top: 5px;
}

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

/*『url』パーツの表示名を囲っているタグのclass（[ URL ]の部分）*/
#mailform_top .url_left{
 color: #444;
 float: left;
}

/*『url』パーツの入力項目を囲っているタグのclass*/
#mailform_top .url_right {
 float: left;
}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .url_parts {
 margin-left: 15px;
 width: 180px;
 margin-top: 5px;
}

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

/*『title』パーツの表示名を囲っているタグのclass（[ title ]の部分）*/
#mailform_top .title_left{
 color: #444;
 float: left;
}

/*『title』パーツの入力項目を囲っているタグのclass*/
#mailform_top .title_right {
 float: left;
}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .title_parts {
 margin-left: 17px;
 width: 180px;
 margin-top: 5px;
}

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

/*『textarea』パーツの表示名を囲っているタグのclass（[ message ]の部分）*/
#mailform_top .textarea_left{
 color: #444;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#mailform_top .textarea_right {
 float: left;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .textarea_parts {
 width: 350px;
 height: 100px;
 line-height: 1.3;
 margin-top: 5px;
}

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

/*メールフォームの送信ボタンのclass*/
#mailform_top .submit_button {
 border: solid 1px #a9a9a9;
 background-color: #fff;
 margin-top: 5px;
}

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

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

/*エラーメッセージのリトライボタンのclass*/
#mailform_top .error_submit_button {
 border: solid 1px #a9a9a9;
 background-color: #fff;
 margin-top: 5px;
}

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

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

/*送信完了メッセージの戻るボタンのclass*/
#mailform_top .result_submit_button {
 border: solid 1px #a9a9a9;
 background-color: #fff;
 margin-top: 5px;
}