/* --- 全体 --- */
body {
margin: 0;
padding: 0;
background-color: #eaf6fa; /* ページの背景色 */
color: #666666; /* 全体の文字色 */
font-size: 11pt; /* 全体の文字サイズ */
background-image: url("img/bg.jpg");
background-attachment:fixed;             /* 背景画像を固定する */
}


/* --- リンク --- */
a:link { color: #265BAF; }
a:visited { color: #5085AF; }
a:hover { color: #FD962D; }
a:active { color: #FD962D; }
a {
text-decoration: none;
}





#ijimg img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-khtml-opacity: 0.7;
}

#ijimg a:hover img{
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
-khtml-opacity: 1.0;
}



#ijimg2 a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
-khtml-opacity: 0.8;
}

/* --- コンテナ --- */
#container {
width: 850px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-image: url("img/bg.jpg");
background-image: url(img/bg_main2.png);
background-repeat: repeat-y;

}




/* --- ヘッダ --- */
#headerA {
background-color: #ffffff; /* ヘッダの背景色 */
background: url(img/head.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
height: 28px;
font-size: 8pt;
color: #ffffff;
padding: 7px 5px 5px 50px;
}


/* --- ヘッダ --- */
#menuA {
padding-left: 38px;
padding-right: 38px;

}

#menu {
width: 772px;
margin: 0 auto;
padding-top:5px;
padding-bottom:5px;
}


/* --- ナビゲーション --- */
#nav {
float: left;
width: 200px; /* サイドバーの幅 */
margin-left: 38px;

}

/* --- メインカラム --- */
#content {
float: left;
width: 572px; /* メインカラムの幅 */
margin: 10px 10px 10px 10px;





}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 772;
font-size: 10pt;
color: #666666;
padding: 50px 10px 10px 10px;
text-align: center;




}


/* --- リスト設定 --- */
ul.leftmenu {
width:180 ;
margin-top:5px;
margin-left:5px;
font-size:12px;
padding-left:15px;
}

ul.leftmenu li{
list-style-image: url(img/list.gif);
    padding:2px 2px;
    width:180px;
}


ul.leftmenu2 {
width:180 ;
margin-top:5px;
margin-left:5px;
font-size:12px;
padding-left:15px;
}


ul.leftmenu2 li{
list-style-image: url(img/list2.gif);
    padding:3px 2px;
    width:180px;
}



/* --- テーブル設定 --- */

table.office {
width: 550px; /* 表の幅 */
margin-bottom: 10px; /* 表の下マージン */
border-collapse: collapse;
font-size: 11pt;
}


table.office caption {
width: 552px;
height: 27px;
background: url(img/maintitle_bg.gif);
color: #ffffff;
text-align: left;
background-repeat: no-repeat;
background-position: left top;
padding-left: 22px;
padding-top: 5px;
font-weight: bold;
}

table.office td {
padding-left: 5px;
padding-top: 10px;
line-height: 130%
}


p.top{
text-align: right;
padding-right: 20px;
padding-top: 5px;
}



hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: cccccc; /* 線色 */
   height: 1px; /* 高さ */
}



/* --- ボックス --- */
div.section {
width: 550px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background-color: #f5f5f5; /* ボックスの背景色 */
font-size: 100%; /* ボックスの文字サイズ */
}

/* --- 見出しエリア --- */
div.section div.heading {
margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 5px; /* 見出しエリアのパディング */
background: #0a4a99 ; /* 見出しエリアの背景 */
border: 1px #666666 solid; /* 見出しエリアの境界線 */
}

/* --- 見出し --- */
div.section h3 {
margin: 0;
padding: 2px 0 2px 7px; /* 見出しのパディング（上右下左） */
border-left: 4px #add8e6 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
color: #f9f9f9; /* 見出しの文字色 */
line-height: 100%;
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 5px 10px; /* 段落のマージン（上下、左右） */
border-bottom: 1px #bbbbbb dashed;
}


/* --- メルフォ --- */
.form_title{text-align:center;color:#aa0000;padding:10px;}
form#m-form {margin:0px auto;padding:0px;width:500px;font-size:12px;}
#m-form strong{color:#336699;}
#m-form .hissu{color:#ff3300;font-size:14px;}
#m-form .pan{color:#777777;padding:5px;text-align:center;background:#fafafa;border:1px solid #dddddd;;margin-bottom:5px;}
#m-form .send{text-align:center;padding:10px;}
#m-form .message{padding:10px;}
#m-form .info{color:#666666;}
#m-form table{border:1px solid #dddddd;margin:0px auto;padding:2px;width:500px;}
#m-form th{
	background:#f1f1f1;font-size:12px;border-right:1px solid #cccccc;border-bottom:1px solid #dddddd;border-left:1px solid #cccccc;
	padding:5px 10px 1px 10px;text-align:left;width:130px;
}
#m-form td{
	background:#fafafa;font-size:12px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;
	padding:1px 5px 1px 5px;
}
#m-form th.top{border-top:1px solid #cccccc;}
#m-form td.top{border-top:1px solid #dddddd;}
#m-form textarea{width:98%;}

#m-form table.preview th{padding:5px 10px;}
#m-form table.preview td{padding:5px 10px;}
#m-form .error_message{border:1px solid #dd3300;background:#fee1e1;padding:10px;font-size:14px;color:#dd3300;}