@charset "Shift_JIS";

/* --- 全体の背景1 --- */
html {
background: url(images/pageback01_1.gif); /* 斜線の背景画像 */
}

/* ========BASIC======== */
*{font-family:Verdana, Helvetica, sans-serif;
color:#333;}
body{
margin:0;
padding:0;
font-size:0.8em;
text-align:center;
line-height:1.4em;
letter-spacing:1px;
background: url(images/pageback_800.gif) center top repeat-y; /* 影の背景画像 */
}

br{letter-spacing:normal;}

a{
color:#0033cc;
text-decoration:none;
}

a:hover{
color:#ff9900;
text-decoration:none;
}

img{border:0;}


hr{
height:1px;
color:#ccc;}

hr.d{
border-style: dotted none none none;  
background-color: #cccccc; 
color:#cccccc;
height: 1px; 
}
/* ========BASIC END======== */

/* ========外枠======== */
#outline{
width : 780px ;
text-align : left ;
border : 0px;
align:center;
}

/* ========ヘッダー/キーワード======== */
.key{
width : 100% ;
background : #2c88cd ;
color:#ffffff;
text-align:right;
}

/* ========ヘッダー/ロゴ======== */
.header{
width : 100% ;
background : #ffffff ;
}

/* ========メインメニュー======== */
/* --- ナビゲーションバー --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
height:40px;
background: #ffffff url(images/bg_menu.gif) repeat-x top; /* ナビゲーションの背景 */
font-size: 100%;
}

/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
height:40px;
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #ffffff url(images/bg_menu.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #cccccc solid; /* メニューの左枠線 */
border-right: 1px #ffffff solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 130px; /* 項目の幅 */
height:40px;
float: left;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
line-height:40px;
border-left: 1px #ffffff solid; /* リンクエリアの左枠線 */
border-right: 1px #cccccc solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #ffffff url(images/bg_menu_on.gif) repeat-x top; /* ポイント時の背景 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* ========ヘッダーイメージ部分======== */
.topimage_top{
width : 100% ;
height:150px;
padding:0;
margin-bottom :10px ;
margin-top :10px ;
background: #ffffff url(images/top_top.jpg) no-repeat top; 
}

.topimage_com{
width : 100% ;
height:150px;
padding:0;
margin-bottom :10px ;
margin-top :10px ;
background: #ffffff url(images/top_com.jpg) no-repeat top; 
}

.topimage_pro{
width : 100% ;
height:150px;
padding:0;
margin-bottom :10px ;
margin-top :10px ;
background: #ffffff url(images/top_pro.jpg) no-repeat top; 
}

.topimage_wr{
width : 100% ;
height:150px;
padding:0;
margin-bottom :10px ;
margin-top :10px ;
background: #ffffff url(images/top_wr.jpg) no-repeat top; 
}

.topimage_tech{
width : 100% ;
height:150px;
padding:0;
margin-bottom :10px ;
margin-top :10px ;
background: #ffffff url(images/top_tech.jpg) no-repeat top; 
}
/* ========マージン======== */
.margin {
margin : 10px ;
}

/* ========メイン部分======== */
.main {
width : 500px ;
background : #ffffff ;
float : left ;
}

/* --- 大見出し --- */
.main h2{
margin: 5 0px; /* 見出しのマージン */
padding: 3px 5px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(images/pageback01_2.gif) ; /* 見出しの背景 */
border-top: 1px #006699 solid; /* 見出しの下枠線 */
border-bottom: 1px #006699 solid; /* 見出しの下枠線 */
border-left: 3px #006699 solid; /* 見出しの下枠線 */
border-right: 1px #006699 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
color:#ffffff;
}

/* --- 中見出し --- */
.main h3{
margin: 5 0px; /* 見出しのマージン */
padding: 2px 5px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(images/pageback01_1.gif) ; /* 見出しの背景 */
border-top: 1px #c0c0c0 solid; /* 見出しの下枠線 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
border-left: 3px #c0c0c0 solid; /* 見出しの下枠線 */
border-right: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
color:#333333;
}

/* --- 小見出し --- */
.main h5{
margin: 5 0px; /* 見出しのマージン */
padding: 2px 5px; /* 見出しのパディング（上下、左右） */
background: #ffffff;/* 見出しの背景 */
border-bottom: 1px #006699 dotted; /* 見出しの下枠線 */
border-left: 3px #006699 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
color:#333333;
}

/* --- ボックス四角 --- */
.box {
width: 100%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
.box h4 {
margin: 0; /* 見出しのマージン */
padding: 3px 5px; /* 見出しのパディング（上下、左右） */
background: #e0e0e0 url(images/head1.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
.box p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- ボックス四角(赤) --- */
.box_r {
width: 100%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #ff9999 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
.box_r h4 {
margin: 0; /* 見出しのマージン */
padding: 3px 5px; /* 見出しのパディング（上下、左右） */
background-color: #ff9999; /* 見出しの背景 */
border-bottom: 1px #ff9999 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
.box_r p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- 線無しのテーブル --- */
table.normal{
width:100%;
font-size:100%;
color:#333;
padding:2px;
line-height:1.4em;
letter-spacing:1px;}

/* --- 線無し文字小のテーブル --- */
table.normal_s{
width:100%;
font-size:85%;
color:#333;
padding:2px;
line-height:1.4em;
letter-spacing:1px;}

/* --- 線有りのテーブル --- */
table.line{
width:100%;
font-size:100%;
color:#333;
padding:2px;
border:1px solid #ccc;
border-collapse: collapse;
line-height:1.4em;
letter-spacing:1px;}

td.line{
border:1px solid #ccc;
padding:2px;
}

th.line{
border:1px solid #ccc;
background-color:#eee;
font-weight:normal;
padding:2px;
}

td.d_line{
border-bottom:1px dotted #ccc;
padding:2px;}


/* --- 線有り文字小のテーブル --- */
table.line_s{
width:100%;
font-size:85%;
color:#333;
padding:2px;
border:1px solid #ccc;
border-collapse: collapse;
line-height:1.4em;
letter-spacing:1px;}

.main .list{
margin: 0 0 0 1em;
padding: 0 5px;/* メニューのマージン（上下左右） */
}

/* --- リスト（PDFアイコン） --- */
.main .pdf{
margin: 0 0 0 1em;
padding: 0 10px;/* メニューのマージン（上下左右） */
list-style-image: url(images/pdf_small.gif);}
}
.section_s .pdf li{
padding-left: 5px;
}

/* --- リスト（矢印アイコン） --- */
.main .ya{
margin: 0 0 0 1em;
padding: 0 10px;/* メニューのマージン（上下左右） */
list-style-image : url(images/ca_22.gif);}
}
.ya li{
padding-left: 5px;
}

/* --- リスト（矢印アイコン2） --- */
.main .ya_2{
margin: 0 0 0 1em;
padding: 0 10px;/* メニューのマージン（上下左右） */
list-style-image : url(images/ya_001.gif);}
}
.ya_2 li{
padding-left: 5px;
}

/* --- リスト（矢印アイコン） --- */
.map_main .ya{
margin: 0 0 0 1em;
padding: 0 10px;/* メニューのマージン（上下左右） */
list-style-image : url(pro/ca_22.gif);}
}

/* ========サイド右部分======== */
.side {
width : 250px ;
background : #ffffff;
float : right ;
}

/* --- ボックス角丸 --- */
.section {
width: 200px; /* ボックスの幅 */
text-align:left;
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(images/maru1_200_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し --- */
.section h2 {
margin: 0; /* 見出しのマージン */
padding: 3px 5px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(images/maru4_200_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
}

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

/* --- ボックス四角 --- */
.section_s {
width: 200px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
background-image: url(images/pageback01_1.gif);
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
font-size: 85%; /* ボックスの文字サイズ */
text-align:left;
}

/* --- 見出し --- */
.section_s h2 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background: #e0e0e0 url(images/head1.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
.section_s p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- リスト（矢印アイコン） --- */
.side.ya{
margin: 0 0 0 1em;
padding: 5 10px;/* メニューのマージン（上下左右） */
list-style-image : url(images/ya_001.gif);}
}
.ya li{
padding-left: 5px;
}

/* ========サイトマップメイン部分======== */
.map_main {
width : 750px ;
background : #ffffff ;
float : left ;
}

/* --- 見出しエリア --- */
.map_head {
margin-bottom: 1em;
padding-bottom: 2px; /* 見出しエリアの下パディング */
border-bottom: 2px #cccccc solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し1 --- */
.map_head h3 {
width: 230px; /* 見出しの幅 */
margin: 0;
padding: 9px 110px 4px 10px; /* 見出しのパディング（上右下左） */
background: url(images/heading_back2.gif) no-repeat right top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

ul.map li {
display: inline;
margin-right:10px;
}


/* --- サイドサブメニュー（矢印アイコン） --- */
.section_s .subnav{
margin: 0 0 0 1em;
padding: 0;/* メニューのマージン（上下左右） */
list-style-image: url(images/ya_001.gif);}

.section_s .subnav li{
padding-left: 0px;
}

/* --- サイドサブメニュー（フォルダアイコン） --- */
.section_s .subnav_f{
margin: 3 0 0 20px;
padding: 5; /* メニューのマージン（上下左右） */
list-style-image: url(images/folder.gif);}

.section_s .subnav_f li{
padding-left: 5px;
}


/* ========回り込み解除======== */
.c-both {
clear : both ;
}

/* ========フッター部分======== */
.footer{
width : 100% ;
background : #ffffff ;
text-align : center ;
} 

/* --- ナビゲーション --- */
.footerNav {
background : #eff8f8 ;
color:#ffffff;
font-size: 100%;
}
/* --- メニューエリア --- */
.footerNav .nl {
margin: 5px 0; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
.footerNav .nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(images/foot_menu2_line.gif) no-repeat left; /* 項目の背景 */
display: inline;
}
.footerNav .nl li.first {
background-image: none;
}