@charset "utf-8";
/*
	13歳のハローワーク公式サイト
	special03.css
*/
/***************************************
	contents
***************************************/
#indexContentsArea {
	position: relative;
	width:630px;
	margin: 0 0 0 10px;
	display: block;
}

#indexContents {
/*	float: left; */
	position: relative;
/*	width: 580px; */
	display: block;
}

#indexContents h3{
	margin:10px 0 20px 2px;
}

p#topRead{
	margin-bottom:20px;
/*width:280px;
_width:580px;
	background: url(../img/special03/top_img.jpg) no-repeat right top;
	padding-right:300px;
	min-height:170px;
	_height:170px;
	margin-bottom:20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	_width:280px;*/
}

div#indexMenu{
	width:640px;
}

div#indexMenu dl{
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../../cmn/img/dot.gif) bottom repeat-x;
	min-height:56px;
	_height:56px;
}

div#indexMenu dl dt{
	float:left;
	width:40px;
}
div#indexMenu dl dd.menu01{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img01.jpg) right no-repeat;min-height:56px;_height:56px;}
div#indexMenu dl dd.menu02{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img02.jpg) right no-repeat;min-height:56px;_height:56px;}
div#indexMenu dl dd.menu03{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img03.jpg) right no-repeat;min-height:56px;_height:56px;}
div#indexMenu dl dd.menu04{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img04.jpg) right no-repeat;min-height:56px;_height:56px;}
div#indexMenu dl dd.menu05{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img05.jpg) right no-repeat;min-height:56px;}
div#indexMenu dl dd.menu06{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img06.jpg) right no-repeat;min-height:56px;}
div#indexMenu dl dd.menu07{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img07.jpg) right no-repeat;min-height:56px;}
div#indexMenu dl dd.menu08{margin-left:20px;width:580px;float:left;background:url(../img/special03/top_img08.png) right no-repeat;min-height:56px;}

ul#indexMenu li{float:left;width:580px;padding-bottom:10px;margin-bottom:10px;background:url(../../cmn/img/dot.gif) bottom repeat-x;}
ul#indexMenu li img{margin-left:5px;margin-right:5px;}

#indexContents h4{margin-bottom:15px;}

#linkindex{padding:25px 0 10px 0;}
.linkindex2{padding:25px 0 10px 21px;}

#listindex {
	padding-bottom:10px;
	margin-bottom:30px;
	background:url(../../cmn/img/dot.gif) bottom repeat-x;
}
#listindex li {
	background: url(../img/special03/bullet_01.gif) 10px 6px no-repeat;
	line-height: 1.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 30px;
}
.listindex2 {
	padding-bottom: 10px;
	margin-left: 21px;
	margin-bottom: 30px;
	background:url(../../cmn/img/dot.gif) bottom repeat-x;
}
.listindex2 li {
	margin-bottom: 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.listindex2in {
	margin-left: 10px;
}
.listindex2in li {
	margin-bottom: 0;
	line-height: 1.2em;
}

.linkblog{
	margin-bottom:50px;
}

.boxlist{
	margin:0 0 15px 0;
}

.boxlist li{
	background:url(../img/special03/bullet_02.gif) 10px 3px no-repeat;
	padding-left:25px;
}

.boxlist2{
	margin:0 0 5px 0;
	background:#D6EBEB url(../img/special03/green_top.gif) top no-repeat;
	padding-top:10px;
}

.boxlist2 li{
	background:url(../img/special03/bullet_02.gif) 10px 3px no-repeat;
	padding-left:25px;
}

.linklist2{
	float:left;
	width:250px;
	margin-left:10px;
	padding-bottom:10px;
}

.linklist2 li{
	background:url(../img/special03/bullet_02.gif) 10px 3px no-repeat;
	padding-left:25px;
}

#noOne, #noTwo, #noThree, #noFour{
	margin-bottom:10px;
}

.greenBox{
	width:550px;
	margin:0 auto 15px auto;
	padding-bottom:4px;
	background:#D6EBEB url(../img/special03/green_bottom.gif) bottom no-repeat;
}
 
.boxText{
	padding:0 10px 10px 10px;
}

.noTitle{
	margin-bottom:15px;
}

.leftText{
	float:left;
	padding-right:1em;
	padding-bottom:1em;
}

.rightText{
	float:right;
	width:270px;
}

.rightText2{
	float:right;
	padding-left:1em;
	padding-bottom:1em;
}

.rightText3{
	float:right;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
}

.comment{
	font-size:0.9em;
	line-height:1.2em;
}

.textRight{
	clear:both;
	font-size:em;
	border:1px solid #CCC;
	padding:5px;
	line-height:1.2em;
	margin:0 0 25px 20px;
	width:538px;
	width/* */:/**/528px;
	width: /**/528px; 
}

.murakami{
	font-size:10px;
	background:url(../img/bullet_01.gif) 300px 50% no-repeat;
}

.textRight2{
	text-align:right;
	font-size:0.9em;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:15px;
}

.textRight3{
	margin-top:5px;
	text-align:right;
	font-size:0.9em;
}

.commentReader01{
	width:570px;
	margin:8px 5px 10px 5px;
	padding:0;
	background:url(../img/special02/comment_bg_01.gif) right top no-repeat;
}

.commentReader01 li{
	font-size:0.9em;
	line-height:1.3em;
	padding:0 0 8px 0;
	margin-bottom:10px;
	width:390px;
	width/* */:/**/400px;
	width: /**/400px; 
}

.commentReader02{
	width:570px;
	margin:8px 5px 0 5px;
	padding:0;
}

.commentReader02 li{
	font-size:0.9em;
	line-height:1.3em;
	padding-bottom:8px;
	margin-bottom:10px;
	width:560px;
	width/* */:/**/570px;
	width: /**/570px; 
}

.commentReader03{
	width:570px;
	margin:8px 5px 0 5px;
	padding:0;
	background:#FFF url(../img/special02/comment_bg_02.gif) 20px 0 no-repeat;
}

.commentReader03 li{
	font-size:0.9em;
	line-height:1.3em;
	padding:0 0 8px 0;
	margin:0 0 10px 160px;
	width:400px;
	width/* */:/**/410px;
	width: /**/410px; 
}

.commentReader04{
	width:570px;
	margin:0 5px 0 5px;
	padding:0;
}

.commentReader04 li{
	font-size:0.9em;
	line-height:1.3em;
	padding-bottom:8px;
	margin-bottom:10px;
	width:560px;
	width/* */:/**/570px;
	width: /**/570px; 
}

.bottomBoder{
	border-bottom:1px solid #CCC;
}

.commentBullet{
	padding-left:11px;
	background:url(../img/special02/bullet_02.gif) 3px 4px no-repeat;
}

.last {
	margin-bottom: 15px;
}
.last2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #CCC;
}
.last3 {
	margin-bottom: 30px;
}
.last4 {
	padding-top: 15px;
	background: url(../../cmn/img/dot.gif) top repeat-x;
	margin-bottom: 30px;
}

.next {
	color:#999;
	background:url(../img/special01/bullet_gray.gif) 0 0 no-repeat;
}

.caption {
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
}

.caption2 {
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
	margin-bottom:10px;
}

.jobItem {
	margin-bottom: 15px;
	background-color: #ffe5ff;
}
.jobItem .jobDesc {
	padding: 6px;
}
.jobItem .jobWorkers {
	clear: both;
	width: 100%;
	height: 78px;
	padding: 3px;
}
.jobItem .jobWorkers .jobWorker {
	float: left;
	width: 307px;
	margin: 0 3px;
	padding: 8px;
	border: solid 1px #CCC;
	background-color: #fff8ff;
}
.jobItem .jobWorkers .jobWorker img.senpai {
	float: left;
	margin-right: 8px;
}
.jobItem .jobWorkers .jobWorker p.senpai {
	font-size: 12px;
	line-height: 1.5em;
	margin-left: 8px;
}
.jobItem .jobWorkers .widelink:hover {
	background-color: #ffff99;
	cursor: pointer;
}

/***************************************
	banner
***************************************/
.banner{
	background-color:#FFF;
	padding-bottom:5px;
}

#bannerA{
	width:180px;
	margin:0 0 5px 0;
	padding-bottom:12px;
	background:#FFF url(../img/special03/banner_02.gif) bottom no-repeat;
}

#bannerA dl{
	background:url(../img/special03/banner_03.gif) bottom repeat-y;
}

#bannerA dt, #bannerA dd{
	margin:0;
	padding:0;
}

#bannerB{
	width:180px;
	padding-bottom:12px;
	background:#FFF url(../img/special03/banner_02.gif) bottom no-repeat;
}

#bannerB dl{
	background:url(../img/special03/banner_03.gif) bottom repeat-y;
}

#bannerB dt, #bannerB dd{
	margin:0;
	padding:0;
}

#oneMi{
	margin:55px 0 5px 0;
	padding-bottom:12px;
	background:#FFF url(../img/special03/banner_06.gif) bottom no-repeat;
}

#oneMi dl{
	margin:0;
	padding:0;
}

#oneMi dt, #oneMi dd{
	margin:0;
	padding:0;
}

#oneMi li{
	background:url(../img/special03/banner_10.gif) 4px 1px no-repeat;
}

.seTxt{
	padding:5px 10px;
	display:block;
	font-size:0.9em;
	line-height:1.2em;
}

.seTxt2{
	clear:both;
	display:block;
	padding:5px 10px;
	font-size:0.9em;
	line-height:1.2em;
}

#relation{
	width:180px;
	margin:0;
	padding-bottom:12px;
	background:#FFF url(../img/special03/banner_09.gif) bottom no-repeat;
}

#relation dt{
	display:block;
	background:url(../img/special03/bullet_03.gif) 10px 5px no-repeat;
	padding:5px 10px 5px 24px;
	font-size:1em;
	line-height:1.2em;
}

#relation dd{
	font-size:0.9em;
	line-height:1.2em;
}

#relation ul{
	margin:0;
	padding:0;
}

#relation li{
	background:url(../img/bullet.gif) 16px 4px no-repeat;
	padding-left:24px;
	line-height:1.2em;
}

.proInterDe{
	padding:0 10px 15px 24px;
	background:url(../img/special03/banner_19.gif) bottom no-repeat;
}

.proInterDe2{
	padding:0 10px 15px 24px;
	background:url(../img/special03/banner_20.gif) bottom no-repeat;
}

#relation2{
	width:580px;
	margin:10px 0 0 0;
	padding-bottom:12px;
	background:#FFF url(../img/special03/banner_13.gif) bottom no-repeat;
}

#relation2 dt{
	display:block;
	background:url(../img/special03/bullet_03.gif) 10px 5px no-repeat;
	padding:5px 10px 5px 24px;
	font-size:1em;
	line-height:1.2em;
}

#relation2 dd{
	font-size:0.9em;
	line-height:1.2em;
}

#relation2 ul{
	margin:0;
	padding:0;
}

#relation2 li{
	background:url(../img/bullet.gif) 16px 4px no-repeat;
	padding-left:24px;
	line-height:1.2em;
}

#oneMi2 {
	margin:10px 0 10px 0;
	background:url(../img/special03/banner_22.gif) left bottom no-repeat;
	padding-bottom:12px;
}

#oneMi2 ul{
	width:250px;
	float:left;
	margin-top:5px;
	padding-left:10px;
}

#oneMi2 li{
	background:url(../img/special03/banner_10.gif) 0 4px no-repeat;
	padding-left:14px;
}


.leftPadding{
	font-size:0.9em;
	margin:0 13px 0 13px;
}

.topPadding{
	font-size:0.9em;
	text-align:left;
	margin:0 13px 0 13px;
}

.schoollink{
	font-size:0.8em;
	margin:0 13px 0 13px;
	text-align:right;
}

.schoollink2{
	font-size:0.8em;
	margin:0 13px 0 13px;
	text-align:center;
}

.schoollink3{
	clear:both;
	font-size:0.8em;
	margin:0 13px 0 13px;
	text-align:right;
}

.banner3{
	margin-top:30px;
}

#guidebanner01{
	width:580px;
	height:57px;
	margin:0;
	padding-bottom:0px;
	background:url(../img/special03/banner_16.gif) right bottom no-repeat;
}

#guidebanner01 p{
	padding:0 10px 0 10px;
}

.banner4{
	margin-top:10px;
}

#guidebanner02{
	width:580px;
	height:57px;
	margin:0;
	padding-bottom:0px;
	background:url(../img/special03/banner_16.gif) right bottom no-repeat;
}

#guidebanner02 p{
	padding:0 10px 0 10px;
}

.textRight4{
	text-align:right;
	margin-top:10px;
}

.centered {
	margin:0 auto 15px auto;
	text-align:center;
}

.special03_05_school{
background:url(../img/special03/05_img_schoolmap.png) top right no-repeat;
min-height:300px;
width:100%;
}
.special03_05_school span{
line-height:28px;
margin-left:16px;
}
.special03_05_school span *{
vertical-align:middle;
}
.special03_05_school span a{
font-size:15px;
margin-left:8px;
}

#SPECIAL03_06_FLOW{
line-height:1.4em;
position:relative;
width; 623px;
height:1820px;
background:url(../img/special03/06_flow.gif) 4px 0px no-repeat;
}
.special03_06_flow_txt{
position:absolute;
left:64px;
width:420px;
}
#SPECIAL03_06_FLOW_TXT01{top:80px;}
#SPECIAL03_06_FLOW_TXT02{top:230px;}
#SPECIAL03_06_FLOW_TXT03{top:380px;}
#SPECIAL03_06_FLOW_TXT04{top:550px;}
#SPECIAL03_06_FLOW_TXT05{top:698px;}
#SPECIAL03_06_FLOW_TXT06{top:855px;}
#SPECIAL03_06_FLOW_TXT07{top:1000px;}
#SPECIAL03_06_FLOW_TXT08{top:1220px;}
#SPECIAL03_06_FLOW_TXT09{top:1365px;}
#SPECIAL03_06_FLOW_TXT10{top:1515px;}
#SPECIAL03_06_FLOW_TXT11{top:1670px;}
#SPECIAL03_06_03{position:relative;width; 580px;background:url(../img/special03/06_img_02.jpg) top right no-repeat;}
.special03_06_03_txt{width:390px;}