@charset "utf-8";

/* CSS Document */



/* =import 

----------------------------------------------*/

@import url(style.css);


/*一覧*/
#occupation .wrap{
	clear:both;
	width:600px;
	margin:0 -25px 15px 0;
}
#occupation .wrap:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#occupation .wrap dl{
	display:inline;
	float:left;
	width:270px;
	margin:0 25px 0 0;
	font-size:12px;
}
#occupation .wrap dl dt{
	background: url(../occupation/back/icon_occ.gif) 10px 9px no-repeat #f6edef;

	display:block;
	border:1px solid #f1e0e2;
	margin-bottom:5px;
	padding:5px 5px 5px 25px;
	color:#df4364;
	font-weight:bold;

}
#occupation .wrap dl dd{
	margin:0;
	padding:0;
}
#occupation .wrap dl dd span{
	border-right:1px solid #ccc;
	display:inline;
	float:left;
	white-space:nowrap;
	margin:0 0 5px 0;
}
#occupation .wrap dl dd span a{
	display:block;
	padding:0 5px;
}
#occupation .wrap dl dd:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}



/* ???? */


#occupation h3{

display:inline;

padding-left:5px;

font-weight:100;

}



#occupation h4{

width:100%;

margin-bottom:10px;

text-align:left;

overflow:hidden;

}



#occupation .pankuzu{

margin-bottom:17px;

}

h4.occ2 {
	clear:both;

	font-size: 12px;

	font-weight: bold;

	color: #FFF;

	background-image: url(../occupation/images/bg_occ2.gif);

	background-repeat: no-repeat;

	height: 36px;

	width: 565px;

	line-height: 37px;

	text-indent: 10px;

}





.left-box .img{

float:left;

padding:0 15px 10px 0;

display:block;

}

.section.left-box p span.occ2 {

	font-weight: bold;

	color: #00557c;

	display: block;

	margin-bottom: 5px;

}



.right-box .img{

float:right;

padding:0 0 10px 15px;

display:block;

}

.btn_occ {

	background-color: #f5ead6;

	padding: 10px;

	border: 1px solid #eee0c6;

	text-align: center;

}





/* h4-style------------------------ */

#occupation h4 span.question{

display:block;

background:url(../occupation/images/occ-icon01.gif) no-repeat 0 10px;

float:left;

position:absolute;

top:0;

left:10px;

padding-left:12px;

}

#occupation h4.vison{

height:25px;

background:url(../occupation/images/occ-icon06.gif) no-repeat 0 0;

text-indent:25px;

line-height:2.1em;

color:#ffffff;

}

#occupation h4.job{

height:25px;

background:url(../occupation/images/occ-icon07.gif) no-repeat 0 0;

text-indent:25px;

line-height:2.1em;

color:#ffffff;

}







/* ?ﾐ･a????ﾐ｡?------------------------ */



.backnumber-box{

border:#cacaca solid 1px;

background:#e5e7eb;

text-align:center;

padding:3px 0;

}

.backnumber-box .inside{

width:558px;

margin:0 auto;

background:#ffffff;

}

.backnumber-box .inside h5{

margin:8px 0 0 0;

}

.backnumber-box .inside h5 img{

vertical-align:middle;

}

.backnumber-box .inside span.img{

display:block;

padding:8px 11px 8px 8px;

float:left;

border:none;

}

.backnumber-box .inside p{

width:411px;

float:left;

}

#occupation .backnumber-box{

border-bottom:none;

}

#occupation .end{

border-bottom:#cacaca solid 1px;

}





/* ????ﾎｿ???

----------------------------------------- */

.occ-boxstyle01{

width:100%;

background:url(../occupation/images/oc_bar.gif) repeat-x 0 0;

overflow:hidden;

padding-top:15px;

}



.left-boxocc{

width:343px;

float:left;

}

.left-boxocc2{

width:100%;

float:left;

}

.right-boxocc{

	width:219px;

	text-align:center;

	float: right;

}





/* ??E?Eﾎ､????E

----------------------------------------- */

.occ-boxstyle01 .y-box{

width:343px;

float:left;

margin-bottom:13px;

background:url(../occupation/images/occ-bg01.gif) repeat-y;

border-bottom:#bebd76 solid 1px;

text-align:center;

}

.occ-boxstyle01 .y-box h4{

width:100%;

height:26px;

overflow:auto;

color:#ffffff;

line-height:2.4em;

text-indent:25px;

background:url(../occupation/images/occ-icon02.gif) no-repeat 0 0;

}

.occ-boxstyle01 .y-box h5{

background:url(../occupation/images/occ-icon03.gif) no-repeat 0 3px;

text-align:left;

width:318px;

margin:0 auto 5px auto;

color:#565000;

text-indent:20px;

}

.occ-boxstyle01 .y-box p{

width:318px;

padding:0 0 10px 0;

margin:0 auto;

text-align:justify;

}



/* ??E?Eﾎ､????E

----------------------------------------- */

.occ-boxstyle01 .y-box2{

	width:100%;

	float:left;

	margin-bottom:13px;

	background:url(../occupation/images/occ-bg01b.gif) repeat-y;

	border-bottom:#bebd76 solid 1px;

}

.occ-boxstyle01 .y-box2 h4{

	width:100%;

	height:26px;

	overflow:auto;

	color:#ffffff;

	line-height:2.4em;

	text-indent:25px;

	background:url(../occupation/images/occ-icon02b.gif) no-repeat 0 0;

}

.occ-boxstyle01 .y-box2 h5{

	text-align:left;

	color:#565000;

	text-indent:20px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	background-image: url(../occupation/images/occ-icon03.gif);

	background-repeat: no-repeat;

	background-position: 10px 3px;

	padding-left: 10px;

}

.occ-boxstyle01 .y-box2 p{

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	margin: 0px;

}





/* ???E??

----------------------------------------- */

.occ-boxstyle01 .b-box{

width:343px;

float:left;

margin-bottom:13px;

background:url(../occupation/images/occ-bg02.gif) repeat-y;

border-bottom:#80a0bb solid 1px;

text-align:center;

}

.occ-boxstyle01 .b-box h4{

width:100%;

height:26px;

overflow:auto;

color:#ffffff;

line-height:2.4em;

text-indent:25px;

background:url(../occupation/images/occ-icon04.gif) no-repeat 0 0;

}

.occ-boxstyle01 .b-box h5{

background:url(../occupation/images/occ-icon05.gif) no-repeat 0 3px;

text-align:left;

width:318px;

margin:0 auto 5px auto;

color:#005683;

text-indent:20px;

}

.occ-boxstyle01 .b-box p{

width:318px;

padding:0 0 10px 0;

margin:0 auto;

text-align:justify;

}





/* ???E??

----------------------------------------- */

.occ-boxstyle01 .b-box2{

	width:100%;

	float:left;

	margin-bottom:13px;

	background:url(../occupation/images/occ-bg02b.gif) repeat-y;

	border-bottom:#80a0bb solid 1px;

}

.occ-boxstyle01 .b-box2 h4{

	width:100%;

	height:26px;

	overflow:auto;

	color:#ffffff;

	line-height:2.4em;

	text-indent:25px;

	background:url(../occupation/images/occ-icon04b.gif) no-repeat 0 0;

}

.occ-boxstyle01 .b-box2 h5{

	text-align:left;

	color:#005683;

	text-indent:20px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	background-image: url(../occupation/images/occ-icon05.gif);

	background-repeat: no-repeat;

	background-position: 10px 3px;

	padding-left: 10px;

}

.occ-boxstyle01 .b-box2 p{

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	margin: 0px;

}





/* box-style

---------------------------------- */

/* #occ-sub-box01 */

#occ-sub-box01{

background:url(/person/images/article-boxbg.gif) repeat-y 0 0;

}

#occ-sub-box01 .box{

width:100%;

background:url(/person/images/article-boxbottom.gif) no-repeat 0 bottom;

text-align:center;

padding:10px 0 15px 0;

}

#occ-sub-box01 h4{

width:100%;

height:29px;

line-height:2.3em;

text-indent:10px;

color:#0b7700;

margin-bottom:0;

background:url(/person/images/article-boxtop.gif) no-repeat 0 0;

}

#occ-sub-box01 ul{

width:534px;

margin:0 auto;

_margin:0;

}

#occ-sub-box01 ul li{

float:left;

margin-right:10px;

}

#occ-sub-box01 ul li a{

background:url(/person/images/article-boxallow.gif) no-repeat 0 3px;

padding:0 0 0 20px;

}



/* #occ-sub-box02 */

.occ-sub-box02{

width:100%;

background:url(../occupation/images/occ-sub-boxbg.gif) repeat-y;

margin-top:10px;

}

.occ-sub-box02 .top{

background:url(../occupation/images/occ-sub-boxtop.gif) no-repeat;

padding-top:10px;

}

.occ-sub-box02 .bottom{

background:url(../occupation/images/occ-sub-boxbottom.gif) no-repeat 0 bottom;

padding-bottom:10px;

text-align:center;

}





/* pr-school

---------------------------------- */



.pr-scool .title {

font-weight: 700;

font-size: 120%;

padding: 0 0 5px 0;

color: #0e3a83;

}

.pr-scool .rec {

font-weight: 400;

font-size: 120%;

padding: 0 0 5px 0;

color: #000;

}

.pr-scool .rec img {

margin-right: 10px;

}





/* work

---------------------------------- */

.work {

	background-image: url(../occupation/images/bg_work.gif);

	background-repeat: repeat;

	padding: 5px;

}

.work ul.banner {

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 15px;

	margin-left: 0px;

}

.work ul.banner li {

	float: left;

	padding-right: 4px;

	margin-bottom: 5px;

}

.work ul.banner li.last {

	padding-right: 0px;

}

.work ul.text {

	padding-left: 10px;

	margin-bottom: 10px;

}

.work ul.text li {

	background-image: url(../occupation/images/icon_work.jpg);

	background-repeat: no-repeat;

	width: 230px;

	float: left;

	padding-right: 20px;

	background-position: 0px 5px;

	padding-left: 15px;

	padding-bottom: 5px;

}



.clearfix:after {

  content: ".";  /* 譁ｰ縺励＞隕∫ｴ繧剃ｽ懊ｋ */

  display: block;  /* 繝悶Ο繝・け繝ｬ繝吶Ν隕∫ｴ縺ｫ */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {
	clear:both;

  min-height: 1px;



}



* html .clearfix {

  height: 1px;

  /*ﾂ･*//*/

  height: auto;

  overflow: hidden;

  /**/

}

.thumb {

	padding: 1px;

	background-color: #FFF;

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 16px;

	margin-left: 0;

	float: left;

}



.thumb2 {

	float: right;

	padding: 1px;

	border: 1px solid #ccc;

	background-color: #FFF;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 16px;

	margin-left: 0;

}

.description {

	overflow: hidden;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-top: 5px;

}
.description:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


.description p span {

	display: block;

	padding-top: 10px;

}



.description2 {

	overflow: hidden;

	margin-right: 10px;

}

.l_bold {

	font-size: 120%;

	font-weight: bold;

	color: #C30;
}

.va_mid {

	vertical-align: middle;

}

.f_left {

	float: left;

	width: 276px;

}

.f_right {

	float: right;

	width: 276px;

}

#occupation h4.occ_list {

	background-color: #f6edef;

	font-weight: bold;

	color: #d45772;

	border: 1px solid #f1e0e2;

	width: 235px;

	_width: 270px;

	background-image: url(../occupation/back/icon_occ.gif);

	background-repeat: no-repeat;

	background-position: 10px 9px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 25px;

}

#occupation h4.occ_list a:link,#occupation h4.occ_list a:hover,#occupation h4.occ_list a:visited,#occupation h4.occ_list a:active {

	color: #d45772;

}
#occupation .box{
	width:100%;
	clear:both;
}
#occupation .box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#occupation .list{
	display:inline;
	float:left;
	width:45%;
	margin:0 10px 0 10px;
}
#occupation ul.list{
	display:block;
	float:left;
	width:240px;
	list-style-type:circle;
	padding:0 0 0 1em;
}

#occupation ul.list li{	margin-bottom:5px;}
#occupation h5.schoolLink{ margin-bottom:10px;}

#occupation p.btn{text-align:center;}