/*
********************************************************
イメージのpreload（6大コンテンツ+共通画像反転時）
********************************************************
*/
#image-preload{
width:0px;
height:0px;
display:inline;
/*background-image:url('../images/top/service_img/top_jul1.jpg');*/
/*background-image:url('../images/top/service_img/6-0.jpg');*/
background-image:url('../images/top/service_img/sympathy.gif');
background-image:url('../images/top/service_img/6-1.jpg');
background-image:url('../images/top/service_img/6-2.jpg');
background-image:url('../images/top/service_img/6-3.jpg');
background-image:url('../images/top/service_img/6-4.jpg');
background-image:url('../images/top/service_img/6-5.jpg');
background-image:url('../images/top/service_img/6-6.jpg');
} 

/*
********************************************************
トップページのナビゲーション（#top_navi）
*バナーエリア：190px / ナビゲーションエリア：680px
********************************************************
*/
#top_navi{
background-color:#fff;
margin:10px 0 0 0;
}


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

#top_navi #intr_area{
width:213px;
height:252px;
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:252px;
position:relative;
z-index:9998;
}

#top_navi #service_area #service_navi li a{
height:0;
padding-top:42px;
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 -42px;}
#top_navi #service_area #service_navi li.sm03 a{background-position:0 -84px;}
#top_navi #service_area #service_navi li.sm04 a{background-position:0 -126px;}
#top_navi #service_area #service_navi li.sm05 a{background-position:0 -168px;}
#top_navi #service_area #service_navi li.sm06 a{background-position:0 -210px;}

/*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 -42px;}
#top_navi #service_area #service_navi li.sm03 a:hover{background-position:-200px -84px;}
#top_navi #service_area #service_navi li.sm04 a:hover{background-position:-200px -126px;}
#top_navi #service_area #service_navi li.sm05 a:hover{background-position:-200px -168px;}
#top_navi #service_area #service_navi li.sm06 a:hover{background-position:-200px -210px;}

/*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 -42px;}
#top_navi #service_area #service_navi li.sm03 a.selected{background-position:-400px -84px;}
#top_navi #service_area #service_navi li.sm04 a.selected{background-position:-400px -126px;}
#top_navi #service_area #service_navi li.sm05 a.selected{background-position:-400px -168px;}
#top_navi #service_area #service_navi li.sm06 a.selected{background-position:-400px -210px;}


/*=====　イメージナビゲーション コンテンツエリア　=====*/
#top_navi #service_area #service_cnt{
float:right;
width:480px;
height:250px;
border:1px solid #c3c3c3;
font-size:9pt;
/*background:transparent url("../images/top/service_img/top_jul1.jpg") 0 0 no-repeat;*/
/*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:150%;
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;

-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}

#top_navi #service_area #service_cnt .sub_menu .sub_menu_cnts{
margin:5px 5px 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:484px;
		height:32px;
		position:relative;
		z-index:3;
		zoom:1;
		background:transparent url("../images/top/parts/info_rss.gif") 0 0 no-repeat;
		}

#news_area_top .news_bg ul{
	position:absolute;
	left:310px;
	}

#news_area_top .news_bg li{display:inline;}
#news_area_top .news_bg li a{
		float:left;
		height:32px;
		background:transparent url("../images/top/parts/info_rss.gif") 0 0 no-repeat;
		display:block;
   		margin:0 auto 0 auto;
		}
#news_area_top .news_bg li.rss a{width:73px;background-position:-310px 0;}
#news_area_top .news_bg li.list a{width:98px;background-position:-383px 0;}
#news_area_top .news_bg li.rss a:hover{background-position:-310px bottom;}
#news_area_top .news_bg li.list a:hover{background-position:-383px bottom;}
#news_area_top .news_bg li a span{position:relative;display:block;z-index:-1;}


/*お知らせレイアウト*/
/****************************************************/

#news_area_top .news_list{
margin:0 0 10px 0;
overflow:auto;
/*height:600px;*/
height:420px;
}

#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:93%;
}

#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:93%;
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:10px;
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:0;
padding-top:66px;
overflow:hidden;
display:inline-block;
margin-left:223px;
position:relative;
}

#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:77%;
}
#smn_menu .smn_sch .smn_cnts{
font-size:93%;
padding:10px 10px 10px 0px;
color:#666;
}

#smn_menu .smn_sch .smn_cnts .smn_title{
font-size:100%;
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;
}


/*
**********************************************
バナーhover設定
**********************************************
*/

.advbnr{
margin-bottom:10px;

}

.advbnr a{
display:block;
width:385px;
height:0px;
padding-top:60px;
overflow:hidden;
}


.advbnr a:link,
.advbnr a:visited{
background:transparent url("../images/banner/bnr_entry.gif") 0 0 no-repeat;
}

.advbnr a:hover{
background:transparent url("../images/banner/bnr_entry_on.gif") 0 0 no-repeat;
}

/*
**********************************************
トップページ スライドバナーリンク用
**********************************************
*/

div.bnr_btn{
		position:relative;
		z-index:3;
		zoom:1;
		}

div.bnr_btn a{
		width:480px;
		height:90px;
		display:block;
   		margin:0 auto 0 auto;
		}

div.bnr_btn a#bnr01:hover,
div.bnr_btn a#bnr02:hover,
div.bnr_btn a#bnr03:hover,
div.bnr_btn a#bnr04:hover,
div.bnr_btn a#bnr05:hover,
div.bnr_btn a#bnr06:hover{
		background-position:0 bottom;
		}

div.bnr_btn a span{
		position:relative;
		display:block;
		z-index:-1; 
		}


/*
**********************************************
トップページ バナーリンク用（個別バナー）
**********************************************
*/
/*
div.bnr_btn{
		position:relative;
		z-index:3;
		zoom:1;
		margin-top:5px;
		margin-bottom:10px;
		}

div.bnr_btn a{
		width:480px;
		height:90px;
		background:transparent url('../images/banner/bnr_iso17025.jpg') 0 0 no-repeat;
		display:block;
   		margin:0 auto 0 auto;
		}

div.bnr_btn a:hover{
		background-position:0 bottom;
		}

div.bnr_btn a span{
		position:relative;
		display:block;
		z-index:-1; 
		}
*/



/*
**********************************************
トップページ用川崎ログインボタン
**********************************************
*/

div.btn_login{
		position:relative;
		z-index:3;
		zoom:1;
		}

div.btn_login a{
		width:385px;
		height:66px;
		background:transparent url('../images/banner/bnr_kawasaki.jpg') 0 0 no-repeat;
		display:block;
   		margin:0 auto 0 auto;
		}

div.btn_login a:hover{
		background-position:0 bottom;
		}

div.btn_login a span{
		position:relative;
		display:block;
		z-index:-1;
		}


/*
**********************************************
資料ダウンロードページボタン
**********************************************
*/

div.btn_dlfile{
		position:relative;
		z-index:3;
		zoom:1;
		}

div.btn_dlfile a{
		width:385px;
		height:66px;
		background:transparent url('../images/banner/bnr_dlfile.jpg') 0 0 no-repeat;
		display:block;
   		margin:0 auto 0 auto;
		}

div.btn_dlfile a:hover{
		background-position:0 bottom;
		}

div.btn_dlfile a span{
		position:relative;
		display:block;
		z-index:-1;
		}

/*
**********************************************
公益　お見積もり依頼フォーム
**********************************************
*/

/*このボタンはサービス一覧と共通で使うため、btn_bnr.cssへ*/


/*
**********************************************
公益法人申請講座
**********************************************
*/

div.bnr_right_course{
		position:relative;
		z-index:3;
		zoom:1;
		}

div.bnr_right_course a{
		width:385px;
		height:80px;
		background:transparent url('../images/banner/bnr_right_course.jpg') 0 0 no-repeat;
		display:block;
   		margin:0 auto 0 auto;
		}

div.bnr_right_course a:hover{
		background-position:0 bottom;
		}

div.bnr_right_course a span{
		position:relative;
		display:block;
		z-index:-1;
		}
		


