﻿@charset "utf-8";

/*-----------------------------------------------------------------
top
-----------------------------------------------------------------*/
#top{
	width: 960px;
	margin: 0 auto;
}

#mainImg{
	margin-bottom:15px;
}

#mainBtm{
	width: 960px;
	float:left;
	background:url(../img/gray_bg.png) 0px 0px repeat-y;	
}

#banner{
	width: 200px;
	float:left;
	background-color:#E6E6E6;
}

#banner ul{
	width:180px;
	margin:0 auto;
	padding:10px 0px;
	list-style-type:none;
}

#banner ul li{
	margin-bottom:5px;
}

#top h2{
	width: 370px;
	margin: 0;
}

#news{
	width: 370px;
	float:left;
	padding:0px 0px 0px 10px;
}

#newsBox{
	width: 370px;
	height: 240px;
	overflow: auto;
}

#topics{
	width: 370px;
	float:left;
	padding:0px 0px 0px 10px;
}

#topicsBox{
	width: 370px;
	height: 240px;
	overflow: auto;
}

#mainBtm dl{
	width:333px;
	padding:0 10px 0 10px;
}

#mainBtm dl dt{
	background:url(../img/circle.png) 0px 4px no-repeat;
	padding-left:13px;
	font-weight:bold;
}

#mainBtm dl dd{
	margin:0;
	border-bottom:1px dotted #999;
	padding-bottom:7px;
	margin-bottom:7px;
}

/*-----------------------------------------------------------------
協会のあらまし
-----------------------------------------------------------------*/
table.yakuin{
	float:left;
	margin:0 50px 0px 0px;	
}

/*-----------------------------------------------------------------
定款
-----------------------------------------------------------------*/
#teikan dl{
	margin:0 30px 15px 50px;
	width:600px;
}

#teikan dl dt{
	float:left;
	width:50px;
	clear:both;
}

#teikan dl dd{
	width:600px;
	margin-left:50px;
}

#teikan ol{
	margin:0 30px 15px 80px;
}

/*-----------------------------------------------------------------
予算・決算関連情報
-----------------------------------------------------------------*/
table.yosan{
	border-top:1px solid #4970B8;
	border-left:1px solid #4970B8;
	background:#FFF;
	margin:7px 0px 15px 45px;
}

table.yosan td,.yosan th{
	border-right:1px solid #4970B8;
	border-bottom:1px solid #4970B8;
	padding:5px 8px;
}

table.yosan th{
	background:url(../img/th_back01.jpg) top left no-repeat #7592C9 ;
	text-align:left;
	line-height:1.2;
	color:#FFF;
	font-weight:bold;
}
table.yosan th.sub{
	background:url(../img/th_back02.jpg) top left no-repeat #D1DBED ;
	color:#37568E;
}

table.yosan th{
	text-align:left;
}

table.yosan td a{
	background:url(../img/arrow_pdf.gif) 2px 0px no-repeat;
	padding-left:20px;
}

/*-----------------------------------------------------------------
技能検定の概要
-----------------------------------------------------------------*/
.about_img{
	width:670px;
	margin-left:40px;
	margin-bottom:15px;
}
.about_img img{
	margin-top:5px;
	margin-right:8px;	
}

/*-----------------------------------------------------------------
実施予定職種
-----------------------------------------------------------------*/
.work{
	margin:5px auto 10px auto;
	font-size:120%;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

.work th{
	font-size:0.8em;
	background:#82AAE8;
	color:#FFF;
	font-weight:bold;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	padding:5px 2px;
}

.work td{
	font-size:0.8em;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px 2px;
	text-align:center;
}

.work tr.c_line{
	background:#EFEFEF;
}

.menkyo{
	background:#900;
	color:#FFF;
	padding: 2px 4px;
	margin:0 2px;
}

.tokubetsu{
	background:#030;
	color:#FFF;
	padding: 2px 4px;
	margin:0 2px;
}
dl.notice{
	margin:0px 40px 0px 40px;	
}
dl.notice dt{
	font-weight:bold;
}
dl.notice dd{
	margin-bottom:10px;	
}

#right ol.katakana{
	margin:0px 0px 15px 45px;
	_padding-left:30px;
	width:560px;
	_width:530px;
}
#right ol.katakana li{
	list-style-type: katakana;
	margin-bottom:7px;
}

div.kouza{
	background:#FECBDD;
	padding:10px 15px;
	margin:5px 0px 0px 0px;
}
div.teisyutsu{
	background:#D9E8FF;
	padding:10px 20px;
	margin-left:40px;
	padding-left:120px;
	font-weight:bold;
}

/*-----------------------------------------------------------------
合格発表
-----------------------------------------------------------------*/
.syousyo{
	background:#A50539;
	color:#FFF;
	padding: 2px 4px;
	margin:0 2px;
}
/*囲みの部分*/
div.box{
	padding:10px;
	margin:0px 30px 0px 40px;
	border:#666 1px solid;
}
div.box .b_on{
	margin:0px;
	padding:0px;
}
/*-----------------------------------------------------------------
受検資格一覧表
-----------------------------------------------------------------*/
.tani{
	width:660px;
	text-align:right;
	margin:7px 0px 01px 45px;
}

/*-----------------------------------------------------------------
技能振興、職業訓練功労者の表彰
-----------------------------------------------------------------*/
#hyousyou{
	margin:0 30px 15px 50px;
	width:580px;
}
#hyousyou dt{
	font-weight:bold;
}

#hyousyou dd{
	margin-left:10px;	
}

#hyousyou dd ul{
	width:500px;	
}

#hyousyou dd ul li{
	margin-left:15px;
}


/*-----------------------------------------------------------------
会員紹介
-----------------------------------------------------------------*/
.member_box{
	width:300px;
	float:left;
}

/*-----------------------------------------------------------------
サービスセンター
-----------------------------------------------------------------*/
ol.service li{
	margin-bottom:10px;
}

/*-----------------------------------------------------------------
リンク
-----------------------------------------------------------------*/
ul.link{
}

ul.link li{
	list-style-type:none;
	background:url(../img/listmark.png) 0px 5px no-repeat;
	padding-left:20px;
	line-height:1.9em;
}


/*-----------------------------------------------------------------
ビデオライブラリー
-----------------------------------------------------------------*/
.vhs{
	background:#039;
	color:#FFF;
	padding: 2px 4px;
	margin:0 5px;
}

.dvd{
	background:#C00;
	color:#FFF;
	padding: 2px 4px;
	margin:0 5px;
}

.cd_rom{
	background:#063;
	color:#FFF;
	padding: 2px 4px;
	margin:0 5px;
}

.tosyo{
	background:#60C;
	color:#FFF;
	padding: 2px 4px;
	margin:0 5px;
}
/*-----------------------------------------------------------------
お問い合わせ
-----------------------------------------------------------------*/
.gray_box{
	background:#EEE;
	width:600px;
	margin:0px auto 20px auto;
	padding:15px;
}


/*-----------------------------------------------------------------
別ウィンドウ　Topics
-----------------------------------------------------------------*/
#window_topics{
	margin:30px 30px 0 30px;
	padding:25px 20px;
	border:#CCC solid 3px;
}

#window_topics.day{
	margin:0 0 3px 0;
	text-align:right;
}

/*
#window_topics h2{
	font-size: 1.3em;
	font-weight: bold;
	padding:7px 5px 0px 20px;
	margin:0px 0px 8px 0px;
	background:url(../img/h3_bg_long.png) 0px no-repeat;
	height:30px;
}
*/

#window_topics h2{
	font-size: 1.3em;
	font-weight: bold;
	background:url(../img/h3_bg_topics.gif);
	height:30px;
	margin:0;
	padding:0;
}

#window_topics h2 span{
	background:url(../img/h3_bg_topics_line.gif) no-repeat 8px 5px;
	display:block;
	line-height:20px;
	padding:5px 20px;
}

#window_topics h3{
	font-size:1.2em;
	font-weight:bold;
	color:#036;
	margin:15px auto;
	text-align:center
}

#window_topics h4{
	font-weight:bold;
	margin:0 auto 15px auto;
	text-align:center
}

#window_topics h5{
	font-weight:bold;
	padding:0 15px 0.3em 15px;
}

#window_topics p{
	padding:0 15px 15px 15px;
}

#window_topics p.no-space{
	padding:0 15px 0px 15px;
}

#window_topics p.center{
	text-align:center;
}

#window_topics table.layout{
	margin:0 15px 10px 15px;
}


#window_topics table.layoutB{
	margin:0 15px 10px 15px;
}


#window_topics table.layout th,
#window_topics table.layout td{
	vertical-align:top;
	text-align:left;
	padding:0 1em 10px 0;
	font-weight:lighter;
}

#window_topics table.layout td{
	width:100%;
}

#window_topics table.layout th,
#window_topics table.layoutB th{
	white-space:nowrap;
}


#window_topics table.layoutB th{
	vertical-align:top;
	text-align:left;
	padding:0 0.5em 10px 0;
	font-weight:lighter;
}
#window_topics table.layoutB td{
	padding:1em 0 10px 0;
}


#window_topics table.b_on{
	border-top:1px solid #4970B8;
	border-right:1px solid #4970B8;
	background:#FFF;
	margin:0px auto 0px auto;
}

#window_topics table.noline{
	background:#FFF;
	text-align:left;
	margin:0 15px 0 15px;
}

#window_topics table.noline th,
#window_topics table.noline td{
	vertical-align:top;
	padding:0 1em 10px 0;
	text-align:left;
}

#window_topics table.noline th{
	font-weight:lighter;
	white-space: nowrap;
}


#window_topics ol{
	margin:3px 15px 15px 45px;
}

#window_topics ol li{
	list-style:decimal;
	margin:0 0 3px 0;
}

#window_topics ul{
	margin:3px 15px 15px 40px;
}


#window_topics dl{
	margin:0 15px 0 15px;
}

#window_topics dl dt{
	margin:0 15px 0 0px;
}

#window_topics dl dd{
	margin:0 15px 1em 1em;
}

#window_topics dl dd dl{
	margin:0;
}

#window_topics dl dd dl dd{
	margin:0 0 0.5em 1.5em;
}

#window_topics table.basic th,
#window_topics table.basic td{
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	}

p.close{
	margin:20px;
	padding:0;
	text-align:center;
	font-size:1.1em;
}


/*-----------------------------------------------------------------
リストカタカナ表記の代わり
-----------------------------------------------------------------*/
table.katakana{
	margin:0 15px 0 0px;
}

table.katakana th{
	white-space:nowrap;
	vertical-align:top;
	font-weight:lighter;
}

table.katakana td{
	padding:0 0 5px 7px;
}

table.katakana td.no-space{
	padding:0 0 0 7px;
}

#right ul.katakana{
	margin:0px 0px 0px 8px;
	}
	
ul.katakana li{
	list-style:none;
	text-indent:-0.7em;
	margin:0 0 0.5em 0;
	}
