@charset "shift_jis";

/***************************************************
	hoken.css
	労働保険・社会保険手続きフローレイアウトスタイル定義
***************************************************/

/* 共通設定
------------------------------------------------------------ */
#header ul.gnavi li.n03 a {	background-position: 0 -30px;}

/*-----contents-----*/
#contents h2.title {
	height: 30px;
	margin-bottom: 15px;
	background: url(../img/hoken/title.jpg) no-repeat;
	text-indent: -9999px;
}

#contents .inner01 {	padding: 0 0 30px 20px;}
#contents .inner02 {	padding: 0 0 15px 20px;}
#contents .list01 {	padding: 20px 0 0 0;}
#contents .list02 {	padding: 0 0 0 0;}
#contents .list01 li,
#contents .list01 dd,
#contents .list02 li {
	display: list-item;
	list-style-position: inside;
	list-style-type: disc;
}
#contents .list01 li ul li {
	padding-left: 20px;
	list-style: none;
}
#contents .list01 dt {	font-weight: bold;}

#contents .sample_list li {
	float: left;
	width: 130px;
	padding: 0 8px 10px;
}
#contents .sample_list li img {
	padding: 2px;
	border: 1px solid #dddddd;
}
#contents .sample_list li span {
	display: block;
	margin-top: 3px;
	padding-left: 8px;
	background: url(../img/temp/ico02.gif) 0 0.5em no-repeat;
	text-decoration: underline;
	line-height: 1.3;
}

#contents p.column_navi {
	margin-top: 20px;
	padding: 1px 0 0;
	background: url(../img/kaigyo/page_navi_bg.jpg) repeat-x;
	text-align: right;
}
#contents p.column_navi a {
	display: block;
	height: 38px;
	padding-right: 38px;
	line-height: 38px;
	background: url(../img/hoken/column_navi.jpg) right 0 no-repeat;
	color: #3296c8;
	font-weight: bold;
	font-size: 120%;
}
#contents p.column_navi a:hover {	background-position: right -38px;	color:#FF9900;}

#contents .toiawase {	padding-top: 30px;}

/* 各ページ　ナビ設定
------------------------------------------------------------ */
#wrap.rousai #snavi .menu ul.hoken li.n01 a,
#wrap.koyou #snavi .menu ul.hoken li.n02 a,
#wrap.syakai #snavi .menu ul.hoken li.n03 a,
#wrap.syakai #snavi .menu ul.kojin li.n02 a {
	color: #3296c8;
	text-decoration: none;
	background: #ebf5fa url(../img/temp/ico01.gif) 20px 0.5em no-repeat;
}


/* 社会保険手続き フロー
------------------------------------------------------------ */
#wrap.hoken #contents .p_flow {
	margin-bottom: 20px;
	padding: 15px 29px;
	background-color: #fffaf0;
}
#wrap.hoken #contents .p_flow ul {
	position: relative;
	width: 531px;
	height: 280px;
}
#wrap.hoken #contents .p_flow li {	position: absolute;}
#wrap.hoken #contents .p_flow li.n01 {	width: 280px;	left: 0;	z-index: 4;}
#wrap.hoken #contents .p_flow li.n02 {	width: 449px;	right: 0;	z-index: 3;}
#wrap.hoken #contents .p_flow li.n03 {	width: 281px;	bottom: 9px;	left: 0;	z-index: 2;}
#wrap.hoken #contents .p_flow li.n04 {	width: 250px;	bottom: 0;	right: 0;	z-index: 1;}

#wrap.hoken #contents .c_flow {
	margin-bottom: 20px;
	padding: 15px 32px;
	background-color: #fffaf0;
}
#wrap.hoken #contents .c_flow ul {
	position: relative;
	width: 527px;
	height: 272px;
}
#wrap.hoken #contents .c_flow li {	position: absolute;}
#wrap.hoken #contents .c_flow li.n01 {	left: 0;	z-index: 1;}
#wrap.hoken #contents .c_flow li.n02 {	right: 3px;	z-index: 2;}
#wrap.hoken #contents .c_flow li.n03 {	bottom: 0;	left: 0;	z-index: 3;}


/* 労災保険加入手続
------------------------------------------------------------ */
#wrap.rousai #contents p.lead {	padding-bottom: 10px;}
#wrap.rousai #contents .inner01 h4 { margin-bottom: 3px;	font-weight: bold;	border-bottom: 1px dashed #dddddd;}

/* 雇用保険加入手続
------------------------------------------------------------ */
#wrap.koyou #contents .inner01 h4 { margin-bottom: 3px;	font-weight: bold;	border-bottom: 1px dashed #dddddd;}

/* 雇用保険加入手続
------------------------------------------------------------ */
#wrap.syakai #contents .inner01 h6 { margin-bottom: 3px;	font-weight: bold;	border-bottom: 1px dashed #dddddd;}

/* リンク集
------------------------------------------------------------ */
#wrap.hoken_link #contents h2.title {
	background: url(../img/hoken/title02.jpg) no-repeat;
}
#wrap.hoken_link #contents .table01 {	padding: 10px 0 0 0;}
#wrap.hoken_link #contents .table01 table {	width: 588px;	border: 2px solid #cccccc;}
#wrap.hoken_link #contents .table01 table th {
	padding: 2px 10px;
	border: 1px solid #e7e7e7;
	font-weight: normal;
	text-align: center;
/*	white-space: nowrap;*/
}
#wrap.hoken_link #contents .table01 table td {
	padding: 2px 10px;
	border: 1px solid #e7e7e7;
	text-align: center;
}
#wrap.hoken_link #contents .table01 table thead {	background-color: #f5fafd;	font-weight: bold;}
#wrap.hoken_link #contents .table01 table thead td {	border: 2px solid #cccccc;}
#wrap.hoken_link #contents .table01 table td.bdl02 {	border-left: 2px solid #cccccc;}
#wrap.hoken_link #contents .table01 table .bdt02 td {	border-top: 2px solid #e7e7e7;}


#wrap.hoken_link #contents .table01 table a:link {
	color: #3296c8;
}
#wrap.hoken_link #contents .table01 table a:visited {
	color: #3296c8;
}
#wrap.hoken_link #contents .table01 table a:hover {
	color: #ff9900;
}

/* 表
------------------------------------------------------------ */

#contents .table01 {	padding: 20px 0 0 0;}
#contents .table01 table {	width: 100%;}
#contents .table01 table th {
	padding: 2px 10px;
	border: 1px solid #cccccc;
	font-weight: normal;
	white-space: nowrap;
}
#contents .table01 table td {
	padding: 2px 10px;
	border: 1px solid #cccccc;
}
#contents .table01 table thead {	background-color: #FFCC99;}
#contents .table01 table thead th {
	text-align: center;
	font-weight: bold;
}
#contents .table01 table td.nowrap {
	white-space: nowrap;
	text-align: center;
}