/*
********************************************************
トップページのナビゲーション（#top_navi）
*バナーエリア：190px / ナビゲーションエリア：680px
********************************************************
*/


#top_navi{
background-color:#fff;
margin:15px 0 15px 0;
}


/*========================================
お問い合せ関連の設定（#inq_area）
========================================*/

#top_navi #intr_area{
width:213px;
height:372px;
float:right;
margin-right:1px;
background:transparent url("../images/top/parts/intro_bg.gif") 0 0 no-repeat
}




/*========================================
イメージナビゲーション関連の設定（#service_area）
========================================*/
#top_navi #service_area{
float:left;
width:682px;

/*
border:1px solid #336699;
background:transparent url("../images/top/bg.jpg") -500px 0px;
*/
}

/*=====　イメージナビゲーション リンクエリア　=====*/
#top_navi #service_area #service_navi{
float:left;
width:200px;
height:272px;
position:relative;
z-index:9998;
}

#top_navi #service_area #service_navi li a{
height:0;
padding-top:62px;
display:block;
overflow:hidden;
background:transparent url("../images/top/parts/service_button.gif") 0 0 no-repeat;
}

/*normal*/
#top_navi #service_area #service_navi li.sm01 a{background-position:0 0;}
#top_navi #service_area #service_navi li.sm02 a{background-position:0 -62px;}
#top_navi #service_area #service_navi li.sm03 a{background-position:0 -124px;}
#top_navi #service_area #service_navi li.sm04 a{background-position:0 -186px;}
#top_navi #service_area #service_navi li.sm05 a{background-position:0 -248px;}
#top_navi #service_area #service_navi li.sm06 a{background-position:0 -310px;}

/*hover*/
#top_navi #service_area #service_navi li.sm01 a:hover{background-position:-200px 0;}
#top_navi #service_area #service_navi li.sm02 a:hover{background-position:-200px -62px;}
#top_navi #service_area #service_navi li.sm03 a:hover{background-position:-200px -124px;}
#top_navi #service_area #service_navi li.sm04 a:hover{background-position:-200px -186px;}
#top_navi #service_area #service_navi li.sm05 a:hover{background-position:-200px -248px;}
#top_navi #service_area #service_navi li.sm06 a:hover{background-position:-200px -310px;}

/*selected*/
#top_navi #service_area #service_navi li.sm01 a.selected{background-position:-400px 0;}
#top_navi #service_area #service_navi li.sm02 a.selected{background-position:-400px -62px;}
#top_navi #service_area #service_navi li.sm03 a.selected{background-position:-400px -124px;}
#top_navi #service_area #service_navi li.sm04 a.selected{background-position:-400px -186px;}
#top_navi #service_area #service_navi li.sm05 a.selected{background-position:-400px -248px;}
#top_navi #service_area #service_navi li.sm06 a.selected{background-position:-400px -310px;}


/*=====　イメージナビゲーション コンテンツエリア　=====*/
#top_navi #service_area #service_cnt{
float:right;
width:480px;
height:370px;
border:1px solid #c3c3c3;
font-size:12px;
background:transparent url("../images/top/service_img/6-0.jpg") 0 0 no-repeat;
}


/*
#cnt01,#cnt02,#cnt03,#cnt04,#cnt05,#cnt06{
display:none;
}
*/

#cnt01 .sub_menu,
#cnt02 .sub_menu,
#cnt03 .sub_menu,
#cnt04 .sub_menu,
#cnt05 .sub_menu,
#cnt06 .sub_menu{
display:none;
}

.t01,.t02,.t03,.t04,.t05,.t06{
display:none;
}


.intr_def,.t01,.t02,.t03,.t04,.t05,.t06{
font-size:9pt;
padding:8px;
line-height:130%;
color:#666;
}


/*
#top_navi #service_area #service_cnt .def{
width:400px;
padding:15px;
margin:15px auto 0 auto;
line-height:200%;
color:#336699;
border:1px solid #c3c3c3;
background-color:#fff;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
*/

#top_navi #service_area #service_cnt .chng_btn{
padding:5px 5px 0 5px;
text-align:right;
}


/*
#top_navi #service_area #service_cnt .intr{
margin:10px 5px;
padding:10px 10px 5px 10px;
line-height:200%;
color:#fff;
border:1px solid #c3c3c3;
background-color:#444;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
*/

#top_navi #service_area #service_cnt .sub_menu{
width:468px;
margin:5px 5px;
line-height:120%;
color:#333;
border:1px solid #c3c3c3;
background-color:#eee;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}

#top_navi #service_area #service_cnt .sub_menu .sub_menu_cnts{
margin:5px 10px 5px 10px;
}

#top_navi #service_area #service_cnt .sub_menu ul li{
padding:3px 0;
border-bottom:1px dotted #ccc;
}

#top_navi #service_area #service_cnt .sub_menu ul li a,
#top_navi #service_area #service_cnt .sub_menu ul li a:visited{
text-decoration:none;
color:#444;
background:transparent url("../images/common/bullet/arrow01_b.gif") 0 center no-repeat;
padding-left:18px;
}
#top_navi #service_area #service_cnt .sub_menu ul li a:hover{
text-decoration:underline;
background:transparent url("../images/common/bullet/arrow01_bt.gif") 0 center no-repeat;
}



/*========================================
トップページ下部以降のレイアウト
========================================*/

#wrapper_top_cnts{
width:900px;
color:#333;
margin-top:0px;
}

#top_contents{
margin:5px 10px;
}


/*
お知らせ・更新情報エリア（左エリア）
******************************
*/

#news_area_top{
float:left;
width:485px;
margin-top:16px;
}

#news_area_top .news_bg{
width:485px;
height:32px;
background:transparent url("../images/top/parts/info.gif") 0 0 no-repeat;
displya:inline;
}

/*お知らせ一覧の設定*/
/****************************************************/
#news_area_top .news_bg a{
width:90px;
height:0;
padding-top:32px;
overflow: hidden;
display:block;
position:relative;
margin-left:390px;
}
#news_area_top .news_bg a:hover{
background:transparent url("../images/top/parts/info_on.gif") -390px 0 no-repeat;
}

#news_area_top .news_list{
margin:10px 0px;
overflow:auto;
height:400px;
}

#news_area_top .news_list p.exp{
color:#aa0000;
margin-left:35px;
}


#news_area_top .news_ctg{
font-size:1em;
padding:3px 0 3px 10px;
background:transparent url("../images/common/bgimg/bg_grd_agua12.gif") 0 85%;
font-weight:bolder;
color:#2C458D;
margin:20px 10px 10px 10px;
border-bottom:1px solid #a7D6FF;
}


/*お知らせレイアウト*/
/****************************************************/
#news_area_top dl{
padding:5px 0;
padding-left:5px;
margin:0 15px;
background:transparent url("../images/common/bgimg/bg_dtt_line_a8.gif") no-repeat 0 100%;
}

#news_area_top dl dt{
float:left;
vertical-align:middle;
padding:1px 0;
line-height:1.5;
width:85px;
}

#news_area_top dl dt span.news_date{
color:#666;
font-size:9pt;
}

#news_area_top dl dt span.news_icon{
margin-left:12px;
}

#news_area_top dl dt span.news_icon img{
margin-top:1px;
}

#news_area_top dl dd{
font-size:0.9em;
line-height:1.5;
padding:3px 10px;
border-left:1px solid #d8d8d8;
margin-left:85px;
}


/*
トピックスエリア（右エリア）
******************************
*/

#topics_area{
float:right;
width:385px;
}

/*
無料セミナーのお知らせ
******************************
*/

#smn_menu{
margin-top:0px;
margin-bottom:25px;
padding-bottom:10px;
background:transparent url("../images/top/parts/smn_btm.gif") 0 bottom no-repeat;
position:relative;
}

#smn_menu .smn_sch{
padding:13px 1px 0px 1px;
background:transparent url("../images/top/parts/free_smn.gif") no-repeat;
_padding-bottom:10px;
display: block;
_height: 1em; /* for IE6 */
}

#smn_menu a.go_list{
width:83px;
height:19px;
height:0;
padding-top:66px;
overflow:hidden;
display:block;
margin-left:223px;
position:relative;
right:223px
bottom:13px;

}

#smn_menu a.go_list:hover{
background:transparent url("../images/top/parts/free_on.gif") -224px -13px no-repeat;
}

#smn_menu .chk_smn{
padding:0px 1px 5px 1px;
background:transparent url("../images/common/bgimg/bg_ot22.gif") 0 0;
border-bottom:1px solid #d8d8d8;
}

#smn_menu .chk_smn label{
display:inline-block;
margin-left:1px;
font-size:0.80em;
}
#smn_menu .smn_sch .smn_cnts{
font-size:0.9em;
padding:10px 10px 10px 0px;
color:#666;
}

#smn_menu .smn_sch .smn_cnts .smn_title{
font-size:1em;
font-weight:bolder;
color:#336699;
border-bottom:1px dotted #c8c8c8;
padding:0 0 2px 20px;
background:transparent url("../images/common/icon/layout_link.gif") 0 0 no-repeat;
margin-left:10px;
}

#smn_menu .smn_sch .smn_cnts .smn_title a{
color:#006699;
}

#smn_menu .smn_sch .smn_cnts .smn_title a:hover{
color:#6BBCE7;
}

.thk{visibility:hidden;display:none;}
.knt{visibility:hidden;display:none;}
.tyb{visibility:hidden;display:none;}
.knk{visibility:hidden;display:none;}
.tgk{visibility:hidden;display:none;}
.skk{visibility:hidden;display:none;}
.ksy{visibility:hidden;display:none;}


.smn_block{
visibility:visible;
display:block;
}


/*
.thk{color:#164178;}
.knt{color:#E37400;}
.tyb{color:#207816;}
.knk{color:#CC100D;}
.tgk{color:#21A690;}
.skk{color:#9F2D98;}
.ksy{color:#694921;}
*/

#smn_menu .smn_sch .smn_cnts ul{
margin:5px 5px 10px 10px;
padding:5px;
}


#smn_menu .smn_sch .smn_cnts li{
background:transparent url("../images/common/icon/ico_attach.gif") 0 center no-repeat;
padding:5px 0 2px 20px;
border-bottom:1px dotted #d8d8d8;
}

#smn_menu .smn_sch .smn_cnts li .smn_place{
font-size:1.2em;
font-weight:bolder;
}

#smn_menu .smn_sch .smn_cnts ul.nosmn_area{
margin:0px 5px 0px 10px;
padding:5px;
}

#smn_menu .smn_sch .smn_cnts li.nosmn{
background:transparent url("../images/common/icon/icon_alert.gif") 0 center no-repeat;
color:#aa0000;
}

/*
ここまで無料セミナーのお知らせ
******************************
*/



/*
バナーエリア
******************************
*/

#topics_area　.bnr{
margin:10px auto;
}