@charset "shift_jis";
/*-- 全般的なスタイル --*/
* {
     margin:0; padding:0;
     line-height:1.5;
}
body     {
     text-align:center;
}
/*----------------------------------------*/
div#pagebody {
     margin-left:auto;
     width:840px;
     background-color:#ffffff;
}
/*----------------------------------------*/
div#header {
     width:840px;
     height:150px;
     background:url("image/pc_1.jpg");
     text-align:right;
     vertical-align:bottom;
}
div#header h2 {
     font-weight:bold;
     color:black;
     padding:70px 10px 2px 10px;
     color:blue;
}
/*----------------------------------------*/
div#left_side {
     float:left;
}
/*----------------------------------------*/
#menu {
     width:213px;
     background-color:#FFFFFF;
     padding:0px;
     text-align:left;
     border:solid 1px silver ;
     margin:5px 5px 0px 0px;
}
/*----------------------------------------*/
ul#menu a {
     display:block;
     width:213px;
     height:39px;
     line-height:39px;
     font-size:15px;
     text-decoration:none;
     color:#000000;
     background:#E8EEFE url("image/bg_ro.jpg") no-repeat left bottom;
     text-indent:40px;
}
/*----------------------------------------*/
li#top {
     height:30px;
     line-height:40px;
}
li#mousikomi {
     height:30px;
     line-height:40px;
}
li#ryoukin {
     height:30px;
     line-height:40px;
}
li#area {
     height:30px;
     line-height:40px;
}
li#jirei {
     height:30px;
     line-height:40px;
}
li#kaisha {
     height:30px;
     line-height:40px;
}
li#link {
     height:30px;
     line-height:40px;
}
/*----------------------------------------*/
ul#menu a:hover {
     background-position:right bottom;
     background-color:#F90;
}
/*----------------------------------------*/
div#news {
     font-size:12px;
     width:214px;
     margin:5p 4px 0px 0px;
     padding:10px;
     background-color:s#FFFFFF;
     border:solid 1px silver ;
     text-align:left;
}
/*----------------------------------------*/
p.news_midasi {
     text-align:center;
}
/*----------------------------------------*/
div#center_body {
     float:right;
     width:620px;
     margin:5px 0px 0px 0px;
     height:auto;
     border:solid 1px silver;
     padding:5px;
     text-align:left;
}
/*---------------------------------------*/
div#title h3 {
     border:none;
     padding:10px 10px 10px 10px;
     background-color:palegreen;
}

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

/*メールフォーム全体を囲っているタグのid*/
#mupmailform_top {
     margin:20px 2px 2px 20px;
     border:solid 1px silver;
     padding:5px 2px 5px 20px;
     width:400px;
}

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

}

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

}

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

}

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

}

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

}

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

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#mupmailform_top .name_parts {
     background-color:lightyellow;
     width:200px;
     height:25px;

}

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

}

/*『tel』パーツの表示名を囲っているタグのclass（[ 電話番号 ]の部分）*/
#mupmailform_top .tel_left{

}

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

}

/*『tel』パーツの入力項目のclass（inputなどの部分）*/
#mupmailform_top .tel_parts {
     background-color:lightyellow;
     width:200px;
     height:25px;

}

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

}

/*『address』パーツの表示名を囲っているタグのclass（[ ご住所 ]の部分）*/
#mupmailform_top .address_left{

}

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

}

/*『address』パーツの入力項目のclass（inputなどの部分）*/
#mupmailform_top .address_parts {
     background-color:lightyellow;
     width:350px;
     height:25px;

}

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

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ ご依頼内容 ]の部分）*/
#mupmailform_top .textarea_left{

}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mupmailform_top .textarea_parts {
     background-color:lightyellow;
     width:350px;
     height:100px;

}

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

}

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#mupmailform_top .mail_left{

}

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

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#mupmailform_top .mail_parts {
     background-color:lightyellow;
     width:200px;
     height:25px;

}

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

}

/*メールフォームの送信ボタンのclass*/
#mupmailform_top .submit_button {

}

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

}

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

}

/*エラーメッセージのリトライボタンのclass*/
#mupmailform_top .error_submit_button {

}

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

}

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

}

/*送信完了メッセージの戻るボタンのclass*/
#mupmailform_top .result_submit_button {

}

/***************** NINJA END *******************/
/*----------------------------------------*/
div#footer {
     clear:both;
     border:solid 1px silver;
     text-align:center;
     margin:5px 0px 0px 0px;
}
/*----------------------------------------*/
div#footer a {
     text-decoration:none;
}