@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- コンテナ --- */
#container {
width: 762px; /* ページの幅 */
background-color: #ffffff; /* メインカラムの背景色 */
}

/* --- ヘッダ --- */
#header {
background-color: #A6FDFF; /* ヘッダの背景色 */
}

/*****ヘッド*****/
/* --- ナビゲーションバー --- */
.head {
width: 100%; /* ナビゲーションの幅 */
background: #0000c0 url(img/hor_menu4_back3.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #000080 solid; /* 上枠線 */
border-bottom: 1px #8080ff solid; /* 下枠線 */
margin: 2px 0;
font-size: 80%;
}
.head .nl1 {
width: 100% ; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
right :0px ;
padding: 0;
background: #0000c0 url(img/hor_menu4_back3.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #000080 solid; /* メニューの左枠線 */
border-right: 1px #8080ff solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}
.head .nl1 li {
 float: left;
width: 20% ; /*項目の幅*/
}
.head .nl1 li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #8080ff solid; /* リンクエリアの左枠線 */
border-right: 1px #000080 solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */

}
.head .nl1 li a:link {
color: #FFFFE1;
}
.head .nl1 li a:visited {
color: #FFFFE1;
}
.head .nl1 li a:hover {
color: #ffff00;
}
.head .nl1 li a:active {
color: #ffff00;
}

/* --- 項目の幅（emで指定） --- */
.head .nl1 li.item1 {
width: 381px;
}
.head .nl1 li.item2 {
width: 381px;
}

.nl1 {
width: 100% ; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
right :0px ;
padding: 0;
background: #0000c0 url(img/hor_menu4_back3.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #000080 solid; /* メニューの左枠線 */
border-right: 1px #8080ff solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}
.nl1 li {
 float: left;
width: 20% ; /*項目の幅*/
}
.nl1 li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #8080ff solid; /* リンクエリアの左枠線 */
border-right: 1px #000080 solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */

}
.nl1 li a:link {
color: #FFFFE1;
}
.nl1 li a:visited {
color: #ffffe1;
}
.nl1 li a:hover {
color: #ffff00;
}
.nl1 li a:active {
color: #ffff00;
}

/* --- 項目の幅（emで指定） --- */
.nl1 li.item1 {
width: 381px;
}
.nl1 li.item2 {
width: 381px;
}
/*****ロゴ*****/
.logo {
     position: relative ;
     background-color:#ffffff;
}
  
/* === タブメニュー開始 === */

/* --- ナビゲーションバー --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 5px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
font-size: 80%; /* タブメニューの文字サイズ */
}

/* --- メニューエリア --- */
.nav .nl2 {
width: 100%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl2 li {
margin-right: 4px; /* タブの右マージン */
background: #f9f9f9 url(img/tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- タブの幅（emで指定） --- */
.nav .nl2 li.item1 {
width: 6em;
}
.nav .nl2 li.item2 {
width: 7em;
}
.nav .nl2 li.item3 {
width: 11em;
}
.nav .nl2 li.item4 {
width: 10em;
}
.nav .nl2 li.item5 {
width: 8em;
}
.nav .nl2 li.item6 {
width: 8em;
}
.nav .nl2 li.item7 {
width: 7em;
}

/* --- リンク --- */
.nav .nl2 li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px; /* リンクエリアのパディング（上下、左右） */
background: url(img/tab_gen2_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- ポイント時の設定 --- */
.nav .nl2 li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
.nav .nl2 li.active {
z-index: 3;
background: #004080 url(img/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
.nav .nl2 li.active a {
background: url(img/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffe1; /* アクティブタブの文字色 */
}

/* === タブメニュー終了 === */

/* === サブメニュー開始 === */

/* --- ナビゲーションバー --- */
.localNav {
position: relative;
width: 100%; /* メニューの幅 */
z-index: 2;

background: #004080 url(img/hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #002448 solid; /* 上枠線 */
border-bottom: 1px #002448 solid; /* 下枠線 */
font-size: 80%; /* サブメニューの文字サイズ */
}

/* --- メニューエリア --- */
.localNav .nl3 {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.localNav .nl3 li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
.localNav .nl3 li.item1 {
width: 9.5em;
}
.localNav .nl3 li.item2 {
width: 9.5em;
}
.localNav .nl3 li.item3 {
width: 9.5em;
}
.localNav .nl3 li.item4 {
width: 9.5em;
}
.localNav .nl3 li.item5 {
width: 9.5em;
}
.localNav .nl3 li.item6 {
width: 9.5em;
}

/* --- リンク --- */
.localNav .nl3 li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
.localNav .nl3 li a:link,
.localNav .nl3 li a:visited,
.localNav .nl3 li a:hover,
.localNav .nl3 li a:active
{
color: #ffffe1;
}
/* --- ポイント時の設定 --- */
.localNav .nl3 li a:hover {
background: #004080 url(img/hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

.localNav a {
display: block;
width: 100%;
background: #004080 url(img/hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */
text-decoration: none;
text-align: center;
}

.localNav a:hover {
background: #004080 url(img/hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

#popitmenu{   
position: absolute;   
visibility: hidden; 
width: 100%; /* メニューの幅 */
z-index: 2;
border-top: 1px #002448 solid; /* 上枠線 */
border-bottom: 1px #002448 solid; /* 下枠線 */
font-size: 80%; /* サブメニューの文字サイズ */ 
color: #FFFFE1 ;
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
}  
 
#popitmenu a{   
display: block;
width: 100%;
background: #004080 url(img/hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */
text-decoration: none;
text-align: center;
color: #FFFFFF ; 
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
}  
 
#popitmenu a:hover{ 
background: #004080 url(img/hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */ 
}

/* === プルダウンメニュー終了 === */


/* === サブメニュー終了 === */


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

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

/* --- 製品ラインナップ --- */
.menu {
width: 160px; /* ナビゲーションの幅 */
position:relative;
font-size: 80%;
}

/* --- メニューエリア --- */
.menu .nl4 {
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.menu .nl4 li {
padding: 0px 0; /* 項目のパディング（上下、左右） */
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下枠線 */
}

/* --- ナビゲーションバー --- */
.leftnav {
width: 160px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
.leftnav .nl5 {
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.leftnav .nl5 li {
padding: 3px 0; /* 項目のパディング（上下、左右） */
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下枠線 */
}

/* --- リンク --- */
.leftnav .nl5 li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 10px 8px 12px; /* リンクエリアのパディング（上右下左） */
background: url(img/ver_menu2_off.gif) no-repeat 2px; /* 左側の垂直線 */
text-decoration: none; /* テキストの下線（なし） */
}

.leftnav .nl5 li a:active {
background: url(img/ver_menu2_active.gif) no-repeat 2px; /* active時の垂直線 */
 }

.leftnav .nl5 li.active a {
background: url(img/ver_menu2_active.gif) no-repeat 2px; /* active時の垂直線 */
} 

/* --- ポイント時の設定 --- */
.leftnav .nl5 li a:hover {
background: url(img/ver_menu2_on.gif) no-repeat 2px; /* ポイント時の垂直線 */
}


/* --- ナビゲーションバー --- */
.nav7 {
width: 160px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
.nav7 .nl7 {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目（小分類） --- */
.nav7 .nl7 li {
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #cccccc solid; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav7 .nl7 li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 10px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
.nav7 .nl7 li a:active {
background-color: #FFFF97; /* 項目の背景色 */ }

/* --- ポイント時の設定 --- */
.nav7 .nl7 li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブ時の設定 --- */
.nav7 .nl7 li.active a {
background-color: #FFFF97; /* 項目の背景色 */
} 


/*---ロールオーバー設定１---*/

a img {
border: none;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- メインカラム --- */
#content {
float: left;
width: 601px; /* メインカラムの幅 */
border-left: 1px #c0c0c0 solid; /* 右側の枠線 */
}

/*****各ソリューション表示方法*****/
.solution {
 width: 597px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:5px ;
 margin:0 auto;
 font-size:90%;
}

/*****ソリューションリスト表示方法*****/
.solution-01 {
 width: 550px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:20px ;
 margin:0 auto;
 font-size:120%;
}

.solution-01 ul {
 list-style-image: url(img/yajirushi-004-02-b[1].gif);  
 margin: 0 0 0 20px; 
 padding: 0; 
 color: #000081;
 font-weight: bold; 
} 

/*****pagetop指示*****/
.pagetop {
 width: 597px; /* ボックスの幅 */
 position: relative;
 margin:5px 0px ;
}

/*****右寄せ画像*****/
.picture01 {
 float: right;
 margin:3px;
} 
.picture02 {
 float: right;
 margin:10px;
}

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

/* --- 特集ボックス見出し --- */
.sectionbox h2 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background: #e0e0e0 url(img/sectionbox01.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
color: #000080 ; /* 文字の色 */
font-weight: bolder ;
font-size: 110%; /* 見出しの文字サイズ */
}

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

/* --- 小ボックス --- */
.minibox {
width: 595px; /* ボックスの幅 */
position: relative;
background-color: #ffffff; /* ボックスの背景色 */
font-size: 100%; /* ボックスの文字サイズ */
}

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

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

/*****小ボックス内項目別概要*****/
.solution02 {
 width: 560px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution02 ul {
list-style-image: url(img/list02.png);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要*****/
.solution02-event {
 width: 560px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution02-event ul {
list-style-image: url(img/shikaku-001-03-b.gif);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要(DIP用)*****/
.solution02-dip {
 width: 560px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution02-dip ul {
list-style-image: url(img/shikaku-004-03-b.gif);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要(便利ツール用)*****/
.solution02-benri {
 width: 480px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:20px ;
 margin:0 auto;
 font-size:100%;
}

.solution02-benri ul {
list-style-image: url(img/shikaku-004-03-b.gif);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要*****/
.solution02-topics {
 width: 560px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution02-topics ul {
list-style-image: url(img/shikaku-004-03-g.gif);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要*****/
.solution02-sitemap {
 width: 650px; /* ボックスの幅 */
 position: relative;
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:90%;
 background-color: #ffffcc; /* 背景色 */
 
}

.solution02-sitemap ul {
list-style-image: url(img/ul1.gif);  
margin: 0 0 0 20px; 
padding: 0; 
margin-bottom: 10px;
list-style-position: inside;
}

.solution02-sitemap ul ul{
list-style-image: url(img/ul2.gif);  
margin: 0 0 0 20px; 
padding: 0; 
margin-bottom: 10px;
} 

.solution02-sitemap ul ul ul{
list-style-image: url(img/ul3.gif);  
margin: 0 0 0 20px; 
padding: 0; 
margin-bottom: 10px;
} 

/*****小ボックス内項目別概要*****/
.solution03 {
 width: 360px; /* ボックスの幅 */
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution03 ul {
list-style-image: url(img/list03.png);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要*****/
.solution03-01 {
 width: 550px; /* ボックスの幅 */
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution03-01 ul {
list-style-image: url(img/list03.png);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/*****小ボックス内項目別概要*****/
.solution03-02 {
 width: 300px; /* ボックスの幅 */
 top: 0;
 left:10px ;
 margin:0 auto;
 font-size:100%;
}

.solution03-02 ul {
list-style-image: url(img/list03.png);  
margin: 0 0 0 20px; 
padding: 0; 
} 

/* --- Dottedスタイル 小ボックス内項目分割用--- */
.separator2 {
height: 1px;
border: none;
border-top: 1px #C0C0C0 dotted; /* 枠線 */
}

/*****pagetop表示位置*****/
.button01 {
 float: right;
 margin:3px;
} 

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #000080; /* フッタの背景色 */
margin:0 auto;
}

/*NewTopics*/
#newtopics {
position: relative; top: 0; left:30px ;
margin: auto ;
}
   
/* --- ボックス --- */
.section {
width: 595px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
.section h2 {
margin: 0; /* 見出しのマージン */
padding: 5px 0px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
text-align: right;
}

/* --- 本文領域 --- */
.section .textArea {
height: 350px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
.section .textArea p {
margin: 3px 10px; /* 段落のマージン（上下、左右） */
font-size: 80%;
}

/* --- Dottedスタイル --- */
.separator1 {
height: 1px;
border: none;
border-top: 1px #0DBB0E dotted; /* 枠線 */
}

/* --- ガイダンスコンセプト用ボックス --- */
.section-g {
width: 600px; /* ボックスの幅 */
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(img/maru3_600_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し --- */
.section-g h2 {
 margin: 0;
 /*見出しのマージン*/
padding: 1em 15px 0 10px;
 /*見出しのパディング（上右下左）*/
background: #ffffff url(img/maru3_600_top.gif) no-repeat top;
 /*見出しの背景*/

font-size: 100%;
 /* 見出しの文字サイズ */;
 font-family:"MS UI Gothic","ＭＳ Ｐゴシック","ＭＳ ゴシック" ;
 font-weight:500; 

}

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

/* --- FasTRIM_DEMO選択ボタン設定 --- */
.trimdemo {
width: 100%; /* ナビゲーションの幅 */
background-color: #f9f9f9; /* ナビゲーションの背景色 */
border-top: 1px #cccccc solid; /* 上枠線 */
border-bottom: 1px #cccccc solid; /* 下枠線 */
font-size: 80%;
}

/* --- メニューエリア --- */
.trimdemo .nldemo01 {
width: 596px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #ffffff; /* メニューの背景色 */
border-right: 1px #cccccc solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.trimdemo .nldemo01 li {
width: 14%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
.trimdemo .nldemo01 li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 1px; /* リンクエリアのパディング（上下、左右） */
background: url(img/hor_menu2_off.gif) repeat-x bottom; /* 下側の水平線 */
border-left: 1px #cccccc solid; /* リンクエリアの左枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
.trimdemo .nldemo01 li a:active { color: #FF0000; }
/* --- ポイント時の設定 --- */
.trimdemo .nldemo01 li a:hover {
background: url(img/hor_menu2_on.gif) repeat-x bottom; /* ポイント時の水平線 */
}
/* --- アクティブ時の設定 --- */
.trimdemo .nldemo01 li.active a {
background: url(img/hor_menu2_active.gif) repeat-x bottom; /* ポイント時の水平線 */
} 

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

/* --- EXAScan_DEMO選択ボタン設定 --- */
.exademo {
width: 100%; /* ナビゲーションの幅 */
background-color: #f9f9f9; /* ナビゲーションの背景色 */
border-top: 1px #cccccc solid; /* 上枠線 */
border-bottom: 1px #cccccc solid; /* 下枠線 */
font-size: 80%;
}

/* --- メニューエリア --- */
.exademo .nldemo02 {
width: 596px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #ffffff; /* メニューの背景色 */
border-right: 1px #cccccc solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.exademo .nldemo02 li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
.exademo .nldemo02 li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 1px; /* リンクエリアのパディング（上下、左右） */
background: url(img/hor_menu2_off.gif) repeat-x bottom; /* 下側の水平線 */
border-left: 1px #cccccc solid; /* リンクエリアの左枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
.exademo .nldemo02 li a:active { color: #FF0000; }
/* --- ポイント時の設定 --- */
.trimdemo .nldemo01 li a:hover {
background: url(img/hor_menu2_on.gif) repeat-x bottom; /* ポイント時の水平線 */
}
/* --- アクティブ時の設定 --- */
.exademo .nldemo02 li.active a {
background: url(img/hor_menu2_active.gif) repeat-x bottom; /* ポイント時の水平線 */
} 

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

/* --- URL変更案内 --- */
.urlpos {
margin: 0 auto; /* センターに配置 */
width: 700px ;
padding: 30px 10px;
background-color: #ffffff;
font-size: 100%;
color: #000000;
}

/* --- ボックス --- */
.url01 {
margin: 0 auto; /* センターに配置 */
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(img/maru2_600_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し --- */
.url01 h2 {
margin: 0 auto; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(img/maru2_600_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 120%; /* 見出しの文字サイズ */
color: #CB0707;
}

/* --- ボックス内の段落 --- */
.url01 p {
margin: 0 auto; /* 見出しのマージン */
padding: 1em 15px 1em 10px; /* 段落のマージン（上右下左） */
}

/* --- お問い合わせメール案内 --- */
.inquiry {
margin: 0 auto; /* センターに配置 */
width: 530px ;
padding: 30px 10px;
background-color: #ffffff;
font-size: 100%;
color: #000000;
}

/* --- ボックス --- */
.topics_box01 {
margin: 0 auto; /* センターに配置 */
width: 500px ;
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(img/maru3_500_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し --- */
.topics_box01 h3 {
margin: 0 auto; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(img/maru3_500_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 80%; /* 見出しの文字サイズ */
color: #008000;
}

/* --- リスト --- */
.topics_box01 ul {
width: 470px ;
list-style-image: url(img/list-en-001-03-b.gif);  
margin: 0 0 0 25px; 
padding: 0; 
} 

/* --- ボックス --- */ 
.inquiry01 {
margin: 0 auto; /* センターに配置 */
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(img/maru3_400_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し --- */
.inquiry01 h2 {
margin: 0 auto; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(img/maru3_400_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 120%; /* 見出しの文字サイズ */
color: #CB0707;
}

/* --- ボックス内の段落 --- */
.inquiry01 p {
margin: 0 auto; /* 見出しのマージン */
padding: 1em 15px 1em 10px; /* 段落のマージン（上右下左） */
}

/* --- イベント詳細テーブル設定 ---*/
.info_more table {
margin: 0px 0px 0px 10px; 
width: 550px;
border: none;
border-collapse: collapse;
}

.info_more td {
border: none;
vertical-align: top;
}

/* --- スクール費用詳細テーブル設定 ---*/
.school_expense table {
margin: 0px 0px 0px 10px; 
width: 550px;
border: 1px #ACC5FF solid;
border-collapse: collapse;
}

.school_expense td {
border: 1px #ACC5FF solid;
padding: 5px 5px;
}

.school_expense th {
border: 1px #ACC5FF solid;
padding: 5px 5px;
}

/* --- スクール内容テーブル設定 ---*/
.school_contents table {
margin: 0px 0px 0px 10px; 
width: 550px;
border: none;
border-collapse: collapse;
}

.school_contents td {
border: none;
vertical-align: top;
}

.school_contents ul {
list-style-type: square;  
margin: 0 0 0 10px; 
padding: 0; 
} 

/* --- スクール日程テーブル設定 ---*/
.school_schedule table {
margin: 10px 10px 10px 10px; 
border: 1px #000000 solid;
border-collapse: collapse;
}

.school_schedule td {
border: 1px #000000 solid;
height: 40px; 
width: 70px; 
text-align: center;
vertical-align: top;
}

.school_schedule th {
border: 1px #000000 solid;
background-color: #F0F8FF;
}

/* --- お問い合わせテーブル設定 ---*/
.inquiry02 {
margin: 0 auto; /* センターに配置 */
width: 580px ;
background-color: #ffffff;
font-size: 100%;
color: #000000;
}

.inquiry02 table {
width: 560;
border: 2px #ffffff none;
border-collapse: collapse;
background-color: #e0ffff;
}

.inquiry02 td {
border: 2px #ffffff solid;
background-color: #F0F8FF;
padding: 10px 10px;
text-align: left;
vertical-align: top;
}

.inquiry02 th {
border: 2px #ffffff solid;
padding: 10px 10px;
text-align: left;
vertical-align: top;
}



/*****Copywrite*****/
.copyright {
 width:762px;
 margin:0 auto;
 text-align: center;
 color: #FFFFE1; /* 文字色 */
 font-size: 80%; /* タブメニューの文字サイズ */
}

/* --- ﾎﾟｰﾀﾙｻｲﾄﾊﾞﾅｰ --- */
.potal {
float: left;
width: 360px; /* サイドバーの幅 */
}

/* --- Copywrite配置 --- */
.copy {
float: left;
width: 400px; /* メインカラムの幅 */
}

.copy p {
font-size: 90%; /* 見出しの文字サイズ */
margin: 0 auto; /* 見出しのマージン */
color:#FFFFE1;
}

/* --- Copywrite配置(ﾊﾞﾅｰなし) --- */
.copy02 {
float: left;
width: 762px; /* メインカラムの幅 */
}

.copy02 p {
font-size: 90%; /* 見出しの文字サイズ */
margin: 0 auto; /* 見出しのマージン */
color:#FFFFE1;
}