@charset "utf-8";

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ ゴシック","MS Gothic",sans-serif;
	font-size:0.9em;
	line-height:1.4em;
}

#header {
	background-color:#336799;
    text-align: center;
    width: 100%;
}


h1 {
	background-image: url("../image/header.jpg");
	background-repeat: no-repeat;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	width: 930px;
}
h1 a{
	display:block;
	height:100px;
	width:930px;
}
#pankuzu{
	font-size:0.9em;
	margin:10px 0;}

#language {
    padding-bottom: 3px;
    padding-top: 3px;
    width: 930px;
	margin-left: auto;
    margin-right: auto;

}	

#language ul li {
    display: inline;
    margin-left: 20px;
}
.btn{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
		width: 350px;

}

.btn a{
	display: block;
	background-color: #D9E1EE;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	padding: 15px 0;
	text-align: center;
	border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #4A95C9;
	box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	-webkitbox-shadow: 2px 2px 3px #aaa;
}.btn a img{
vertical-align:middle;}

.btn a:hover{
		color: #FFF;

	background-color: #336699;
	border: 1px solid #4A95C9;
}

.btn a.green{	background-color: #D6F1D8;
	border: 1px solid #ADD699;

	}
.btn a.green:hover{

	background-color: #477547;
	border: 1px solid #ADD699;
}

/*▼▼▼ トップページ ▼▼▼*/
	
#wrapper_top,
#wrapper{
	width:930px;
	margin:0 auto;}
	
#wrapper_top #main{
	width: 930px;
	height: 455px;
	position: relative;
	background-image: url(../image/main.gif);
}
#wrapper_top #main h2,
#wrapper_top #main p{text-indent:-9999px;}

#wrapper_top #main #main_btn {
	position: absolute;
	height: 114px;
	width: 253px;
	top: 277px;
	right: 19px;
	cursor:pointer;
}
#wrapper_top #btn_point div{
width:460px;
float:left;
margin-bottom:10px;}

#wrapper_top #btn_point a{
	display: block;
	height: 126px;
	width: 420px;
	cursor: pointer;
	text-decoration: none;
	color: #000;
	padding:20px;
	background-image: url(../image/bg_btnTop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height:1.4em;
}
#wrapper_top #btn_point a:hover{
	background-position: 0px -166px;
}
#wrapper_top #btn_point a span {
	font-size:22px;
	font-weight:bold;
	color:#336699;
	line-height:1.5em;
}


#wrapper_top #underBox_L{float:left; width:450px;}
#wrapper_top #underBox_R{float:right; width:450px;}
#wrapper_top #info{
	border: 1px solid #000;
	font-size:0.9em;
}
#wrapper_top #info .inner{
	padding:15px;
}
#wrapper_top #info span{font-size:2em;
font-weight:bold;}
#wrapper_top #banner1{width:212px; float:left;}
#wrapper_top #banner2{width:212px; float:right;}

#wrapper_top #law{
	margin-top: 20px;
	border: 1px solid #000;
	clear:both;
}
#wrapper_top #law h3{color:#FFF;
background-color:#535362;
padding:5px 20px;
}
#wrapper_top #law ul{
	margin:10px 20px;
}

#wrapper_top #law li{
	background-image: url(../image/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px -4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 25px;
}


/*▼▼▼ サイドメニュー ▼▼▼*/

#side{width:275px; float:left;}

#side h2{
	background-image: url(../image/bg_system.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 171px;
	width: 275px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#wrapper #info{
	border: 1px solid #000;
	font-size:0.75em;
	line-height:1.3em;
	margin-top:10px;
}
#wrapper #info .inner{
	padding:15px;
}
#wrapper #info span{font-size:2em;
font-weight:bold;}

#wrapper #law{
	margin-top: 10px;
	border: 1px solid #000;
	clear:both;
}
#wrapper #law h3{color:#FFF;
background-color:#535362;
padding:5px 20px;
}
#wrapper #law ul{
	margin:10px 20px;
}

#wrapper #law li{
	background-image: url(../image/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px -4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 25px;
}


/*▼▼▼ メインコンテンツ ▼▼▼*/

#content{width:640px;

float:right;}
#content div.indent{margin:0 15px;}

#content h3{
	background-image: url(../image/bg_h3.gif);
	font-weight:bold;
	font-size:1.2em;
	line-height:70px;
	padding-left:32px;
	margin-bottom:15px;
}
#content h4{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom:5px;
	margin-top:15px;
}
#content h5{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom:5px;
	margin-top:15px;
}

#content p{
	margin-bottom:5px;
}
#content li{
	margin-bottom:5px;
}
#content p.cap{
	background-image: url(../image/bg_pCap.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 0px;
}
#content ul{}
.note1{
	font-size: 0.9em;
	text-indent: -1em;
	padding-left: 1em;
	line-height:1.3em;
}
.note2{
	font-size: 0.9em;
	text-indent: -1.9em;
	padding-left: 1.9em;
	line-height:1.3em;
}
.fontSize09{font-size:0.9em;}
.textIndent1 li{	text-indent: -1em;
	padding-left: 1em;
}
.textIndent1-3 li{	text-indent: -1.3em;
	padding-left: 1.3em;
}
.textIndent2 li{	text-indent: -2em;
	padding-left: 2em;
}
.textIndent02{
	text-indent:-0.01em;
	padding-left: 0.3em;
}

/*▼▼▼ 手続きの流れ ▼▼▼*/

.procedure .step{
	background-color: #537EFF;
	background-image: url(../procedure/image/bg_step_title.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	color: #FFF;
	padding: 10px;
	font-size: 1.1em;
	clear:both;
	margin-bottom:0 !important;
}
.procedure .bg_arrowHead{
	background-image: url(../procedure/image/bg_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding:10px 15px 15px 50px;
}
.procedure .bg_arrowHeadW{
	float: left;
	width:515px;
	background-image: url(../procedure/image/bg_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding:0 15px 15px 50px;

}
.procedure .bg_arrowHeadW .innerL{
	float: left;
	width: 230px;
}
.procedure .bg_arrowHeadW .innerR{
	float: right;
	width: 225px;
	background-image: url(../procedure/image/bg_arrowSide.gif);
	background-repeat: no-repeat;
	padding: 0 0 5px 50px;
}

.procedure .bg_arrowTail{
	padding-top: 30px;
	background-image: url(../procedure/image/bg_arrowTail.gif);
	background-repeat: repeat-y;
	background-position: 0px;
	padding-left: 10px;
}

.procedure .bg_arrowTailW{
	background-image: url(../procedure/image/bg_arrowTailW.gif);
	background-repeat: repeat-y;
	background-position: 0;
	padding: 10px 15px 5px 50px;
}
.procedure .bg_arrowTailW .innerL{
	float: left;
	width: 230px;
}
.procedure .bg_arrowTailW .innerR{
	float: right;
	width: 250px;
}

.procedure .bg_arrowTail .inner{
	border: 2px solid #999;
	padding: 10px;
	background-color: #FFF;
}

.procedure .redFrame{
	border: 2px solid #F30;
	padding: 5px 5px 0 5px;
	float: left;
	background-color: #FFFFE6;
}

.procedure .green .step{
	background-color: #537EFF;
	background-image: url(../procedure/image/bg_step_title_g.gif);
}
.procedure .green .bg_arrowHead{
	background-image: url(../procedure/image/bg_arrow_g.gif);
}
.procedure .green .bg_arrowHeadW{
	background-image: url(../procedure/image/bg_arrow_g.gif);

}
.procedure .green .bg_arrowHeadW .innerR{
	background-image: url(../procedure/image/bg_arrowSide_g.gif);
}

.procedure .green .bg_arrowTail{
	background-image: url(../procedure/image/bg_arrowTail_g.gif);
}

.procedure .green .bg_arrowTailW{
	background-image: url(../procedure/image/bg_arrowTailW_g.gif);
}

.procedure .box_app{
	padding:15px;
	background-color: #EFEFFC;
}
.procedure .box_app .box_appL{
	float:left;
	width:280px;}
.procedure .box_app .box_appR{float:right;width:280px;}
.procedure .box_app li{
	text-indent: -1em;
	padding-left: 1em;
}
.procedure .box_app ul{
	padding-left:15px;
}


/*▼▼▼ どのような優遇措置が受けられる？ ▼▼▼*/
.preferential{
	width:640px;
}	
.preferential #syousai{
	margin:10px 0 20px;
	overflow:hidden;
}
.preferential .syousai-text{
	width:420px;
	float:left;
} 
.preferential .syousai-img{
	float:right;
	margin-top:-25px;
}
#syousai .syousai-text .box_point .textIndent1-3 .indent ul li {
	padding-left: 1em;
	text-indent: -1em;
}


.box_point{
	background-color: #EFEFFC;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 10px;
}

/*▼▼▼ 高度人材ポイント制とは？ table layout▼▼▼*/
.three_class{
	border-collapse:separate;
	border-spacing:0;
/*	border: 3px solid #336699;
	border-bottom:none;*/
	/*border-spacing: 10px;*/
	color: #344D74;
	margin:15px auto 20px;
}
.three_class caption{
	font-size: 1.1em;
	font-weight:bold;
	background-color:#336699;
	padding:10px 10px 5px;
	color:#FFF;
}

.three_class span{
	font-weight: bold;
}

.three_class tr{
	/*border-spacing:10px;*/
}
.three_class td{
	border-bottom:solid 2px #336699;
	border-right:solid 2px #336699;
}
.three_class td:first-child{
	border-left:solid 2px #336699;
	border-right:none;
}
.three_class .td_text{
	padding: 15px 15px 0px 15px;
	width: 320px;
	vertical-align: top;
}



/*▼▼▼ フッター ▼▼▼*/

#footer {
    background-color: #336799;
	clear:both;
    height: 70px;
    margin-top: 20px;
    width: 100%;
	padding:10px;
}
#footer p{
	width:930px;
	text-align:right;
	color:#FFF;
	margin:10px auto;
}