@charset "utf-8";


/********************************************************************
SECOND LEVEL
********************************************************************/
body#second #contents {
	position: absolute;
	top: 108px;
}

#main .hdr-title {
	margin-bottom:8px;
}

#main .section p {
	line-height:1.6;
	margin-bottom:26px;
}


/* Bread path
---------------------------------------------*/
#topicPath li a:link { color:#000;}
#topicPath li a:hover { color:#E50C20;}
#topicPath li a:visited { color:#000;}

#topicPath {  
	margin: 5px 0px 15px 2px;
	color:#000000;
}  
#topicPath li {  
	display:inline;  
	line-height:1.2;  
	list-style-type:none;  
}  
#topicPath li a {
	margin-right:13px;
	padding-right:20px;
	background:url(../img/parts/arrow_01.gif) no-repeat right center;
}


/* BOX
---------------------------------------------------------------------------------*/

#main .section {
	width: 738px;
	padding-top:10px;
}

.inner606,
.inner645,
.inner670,
.inner695 {
	overflow:hidden;
	margin: 0 auto;
	padding-bottom:16px;
}

.inner606 {	width: 606px;}
.inner645 { width: 645px;}
.inner670 { width: 670px;}
.inner695 {	width: 695px;}

.intro {
	overflow:hidden;
	margin-bottom:25px;
}

.section .pagetop {
	display:block;
	padding: 0 38px 15px 0px;
}
.section .pagetop a {
	float:right;
	display:block;
	background: url(../img/parts/pagetop.gif) no-repeat right top;
	width: 70px;
	height: 10px;
	text-indent:-9999px;
}


/* heading
---------------------------------------------*/
#second #main .ttlbar {
	margin-bottom:25px;
}

.subttl {
	position:relative;
	width:645px;
	margin: 0 auto 25px auto;
	padding: 10px 12px;
	background:#E40015;
	border-radius: 3px; 
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	color:#FFF;
	line-height:1;
}

	.subttl strong {
		font-size:16px;
	}

	.subttl .linkto{
		position:absolute;
		top: 10px;
		right:15px;
	}
	
	.subttl .linkto a{
		font-size:12px;
		font-weight:normal;	
		color:#FFF;
		line-height:1.4;
	}
	

.bar {
	margin-bottom:15px;
	padding: 14px 10px;
	background:#E7E7FF;
	border-radius: 3px; 
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	line-height:1.1;
	font-size:16px;
	color:#000;
}

.hd {
	margin-bottom:0.4em;
	font-size:115%;
	color:#000;
	font-weight:bold;
}

.hd_line {
	clear:both;
	margin-bottom:18px;
	background: url(../img/parts/redline.gif) repeat-x left center;
	line-height:1;
	font-size:1.25em;
	font-weight:bold;
}

	.hd_line span {
		background:#FFF;
		padding-right:0.8em;
	}


.bar-pk {
	clear:both;
	padding: 7px;
	background: #fbe0e3;
	line-height:1;
	font-size:14px;
	font-weight:bold;
}


/* content
---------------------------------------------*/

/* contact */
.contact-info{
	margin: 0 auto 30px;
	padding-bottom:14px;
	background: url(../img/parts/rbox524_bg.gif) no-repeat left bottom;
	width: 524px;
	text-align:center;
}

.contact-info dt{
	padding: 14px 0 12px;
	background: url(../img/parts/rbox524_top.gif) no-repeat left top;
}

.contact-info .hd{
	display:block;
	margin-bottom:10px;
	padding: 5px 0;
	background:#999;
	color:#FFF;
}



/* 求職者支援訓練
----------------------------------------------------------------------*/
#info_kyushokusha_shien{
	width:650px;
	margin: 0px auto 40px;
}
#info_kyushokusha_shien dl{
	width: 314px;
	height: 207px;
	background:#eeeeee;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	text-align:center;
}
#info_kyushokusha_shien dl dt{
	height: 60px;
}
#info_kyushokusha_shien dl dt img{
	margin-top: 25px;
}
#info_kyushokusha_shien dl .txt {
	height: 80px;
}

#info_kyushokusha_shien dl .btn-contact a,
#info_kyushokusha_shien dl .btn-kyushoku a{
	display:block;
	margin: 0 auto;
	width: 222px;
	height: 51px;
	background-image:url(../img/parts/btn_sprite.png);
	text-indent: -9999px;
}

#info_kyushokusha_shien dl .btn-kyushoku a{background-position: 0 0;}
#info_kyushokusha_shien dl .btn-kyushoku a:hover{background-position: 0 -51px;}

#info_kyushokusha_shien dl .btn-contact a{background-position: -222px 0;}
#info_kyushokusha_shien dl .btn-contact a:hover{background-position: -222px -51px;}




/********************************************************************
PARTS
********************************************************************/


/* list
----------------------------------------------------------------------*/
.dl-tbl {
	border-top: none;
	margin-bottom:20px;
	width: 645px;
	background:#f0f0f0;
}

.dl-tbl dt,
.dl-tbl dd{
	border-top: 2px solid #FFF;
}

.dl-tbl dt{
	float:left;
	width: 110px;
	padding:20px;
}

.dl-tbl dd{
	_height: 1%; /* for WinIE */
	margin-left: 148px; /* -2px dt width */
	border-left: 2px solid #FFF;
	background:#f9f9f9;
	padding:20px;
}


/* ボタン
----------------------------------------------------------------------*/
.btn_entry a,
.btn_contact a {
		display:block;
		text-decoration:none;
		text-indent:-9999px;
		text-align:center;
		color:#FFFFFF;
}

.btn_entry a {
		margin-left:auto;
		margin-right:auto;
		width:224px;
		height:46px;
    	background-image: url(../img/parts/btn.gif);
    	background-repeat: no-repeat;
		background-position: -310px -100px;
}

.btn_contact a {
		margin: 0 auto 10px;
		display:block;
		width:214px;
		height:36px;
		background: url(../img/parts/btn.gif) no-repeat -310px -60px;
}

/* hover effect */
.hov a:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}



/* gradient button */
.bt { border-radius: 6px; display: inline-block; color: #ffffff; margin: 3px; padding: 10px 30px; text-decoration: none; text-align: center; }
.bt:active { position: relative; top: 1px; }
.bt:hover { color: #ffffff; }

.btn_action {
  -webkit-box-shadow: inset 0px 1px 0px 0px #fab4bd;
  box-shadow: inset 0px 1px 0px 0px #fab4bd;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff2600), color-stop(1, #bd0d19));
  background: -moz-linear-gradient(center top, #ff2600 5%, #bd0d19 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2600', endColorstr='#bd0d19');
  background-color: #ff2600;
  border: 1px solid #f96e55;
}

.btn_action:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bd0d19), color-stop(1, #ff2600));
  background: -moz-linear-gradient(center top, #bd0d19 5%, #ff2600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd0d19', endColorstr='#ff2600');
  background-color: #bd0d19;
}

.btn_orange {
  -webkit-box-shadow: inset 0px 1px 0px 0px #fbe7ce;
  box-shadow: inset 0px 1px 0px 0px #fbe7ce;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa63a), color-stop(1, #de721a));
  background: -moz-linear-gradient(center top, #ffa63a 5%, #de721a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa63a', endColorstr='#de721a');
  background-color: #ffa63a;
  border: 1px solid #f96e55;
}

.btn_orange:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de721a), color-stop(1, #ffa63a));
  background: -moz-linear-gradient(center top, #de721a 5%, #ffa63a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de721a', endColorstr='#ffa63a');
  background-color: #de721a;
}

.btn_blue {
  -webkit-box-shadow: inset 0px 1px 0px 0px #c5e5fa;
  box-shadow: inset 0px 1px 0px 0px #c5e5fa;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #21b3fc), color-stop(1, #0072ab));
  background: -moz-linear-gradient(center top, #21b3fc 5%, #0072ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21b3fc', endColorstr='#0072ab');
  background-color: #21b3fc;
  border: 1px solid #0594dc;
}

.btn_blue:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0072ab), color-stop(1, #21b3fc));
  background: -moz-linear-gradient(center top, #0072ab 5%, #21b3fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072ab', endColorstr='#21b3fc');
  background-color: #0072ab;
}

.bt .triangle:before {
  margin-top: -2px;
  display: inline-block;
  background: #FFF;
  margin-right: 5px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  vertical-align: middle;
  content: "▶";
}

.btn_action .triangle:before { color: #cc3300; }
.btn_orange .triangle:before { color: #db6102; }
.btn_blue .triangle:before { color: #3790b8; }

.rbtn {
    -moz-user-select: none;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 2px 2px;
    max-width: 100%;
    padding: 0.6em 1.8em;
    text-align: center;
    vertical-align: middle;
		text-decoration:none;
		font-weight:normal;
		white-space:nowrap;
  	color: #fff;
		text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.5);
}

.rbtn:hover {
	color:#FFF;
}

.rbtn--submit {
    background-color: #00c0ff;
    border: 0 solid #267fab;
    box-shadow: 0 3px 0 0 #245f7c;
}
		
.rbtn--submit:hover {
    background-color: #1f9bcc;
}

.rbtn.large  {
   padding: 1.0em 1.8em;
	 font-size:18px;
}


/********************************************************************
 その他　
********************************************************************/

/* 申し込み
----------------------------------------------------------------------*/
.apply{
margin: 10px 20px 30px;
padding: 20px 10px;
  background: #fbf6fc;
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  text-align:center;
}

.apply .btn a {
	background: transparent url(../img/seminar/btn_or395.gif) no-repeat scroll 0 0;
	color: #FFFFFF;
	display: block;
	width: 395px;
	height: 64px;
	margin: 0 auto 5px;
	text-indent: -9999px;
}

.apply p{
	margin-bottom:5px !important;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}