@charset "UTF-8";

/* BODY FREE */

#bodyFree {
	line-height: 1.5em;
	text-indent: 0;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 2px 1.5em 0;
}

#bodyFree ol {
	font-size: 75%;
	margin: 0 0 20px 2em;
	list-style-image: none;
	list-style-type: decimal;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #666666;
	font-weight: norma
}



/* CSS Document */


#mainContents {
	width: 656px;
	text-align: left;
	float: right;
}
#mainContents ul {
	list-style-image: url(images/recruit_list.gif);
	padding-left: 30px;
	margin: 15px 0 30px 0;
	font-size: 70%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #666666;
	font-weight: normal;
}




#mainContents .ul2 {
	list-style-image: url(images/recruit_list.gif);
	padding-left: 15px;
	margin: 5px 0 20px 0;
	font-size: 70%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #666666;
	font-weight: normal;
}
#mainContents .ul3 ul{
	list-style-image: url(images/recruit_list.gif);
	padding-left: 30px;
	margin: 15px 0 10px 0;
	font-size: 70%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #666666;
	font-weight: normal;
}

#mainContents li {
	margin: 2px 0;
}
#mainContents .grayBox {
	border: 3px solid #DEDEDE;
	background-color: #F6F6F6;
	padding: 5px;
	margin-bottom: 19px;
}
#mainContents .section1,.section2 {
	width: 209px;
	text-align: left;
	margin: 0 0 25px 0px;
	float: left;
	overflow: hidden;	
}
#mainContents .section2 {
	margin-left: 12px;
	padding: 0;
}
#mainContents .section2_1,.section2_2 {
	width: 321px;
	text-align: left;
	margin: 0 0 25px 0px;
	float: left;
	overflow: hidden;	
}
#mainContents .section2_2 {
	margin-left: 10px;
	padding: 0;
}
#mainContents a {
	color: #666666;
}

#rec01TopBanner,
#rec02TopBanner,
#rec03TopBanner,
#rec04TopBanner {
	width: 656px;
	height: 57px;
	margin-bottom: 13px;
	text-indent: -9999px;
}
#rec01TopBanner { background-image: url(images/rec_01TopBanner.jpg);}
#rec02TopBanner { background-image: url(images/rec_02TopBanner.jpg);}
#rec03TopBanner { background-image: url(images/rec_03TopBanner.jpg);}
#rec04TopBanner { background-image: url(images/rec_04TopBanner.jpg);}
	


/* recMenu 01〜04 */

#recMenu01 a.rec01Menulink1,
#recMenu02 a.rec02Menulink1,
#recMenu03 a.rec03Menulink1,
#recMenu04 a.rec04Menulink1{
	font-weight: bold;
}
#recMenu01 a.rec01Menulink1,
#recMenu01 .rec01Menulink2 a{ color: #4685BD; }
#recMenu02 a.rec02Menulink1,
#recMenu02 .rec02Menulink2 a { color: #B75EA8; }
#recMenu03 a.rec03Menulink1,
#recMenu03 .rec03Menulink2 a { color: #EC3580; }
#recMenu04 a.rec04Menulink1,
#recMenu04 .rec04Menulink2 a { color: #91C038; }

#recMenu01 p,#recMenu02 p,#recMenu03 p,#recMenu04 p {
	font-size: 65%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #666666;
}

#recMenu01 h3,#recMenu02 h3,#recMenu03 h3,#recMenu04 h3 {
	/* height: 25px; */
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
	line-height: 25px;
	text-indent: 0;
	margin: 0 0 5px 1px;
	padding-left: 5px;
	clear: both;
}
#recMenu01 a:hover,#recMenu01 h3,#recMenu01 h4,#recMenu01 h5,#recMenu01 h6{ color: #223C8A; }
#recMenu02 a:hover,#recMenu02 h3,#recMenu02 h4,#recMenu02 h5,#recMenu02 h6{ color: #50277E; }
#recMenu03 a:hover,#recMenu03 h3,#recMenu03 h4,#recMenu03 h5,#recMenu03 h6{ color: #961F52; }
#recMenu04 a:hover,#recMenu04 h3,#recMenu04 h4,#recMenu04 h5,#recMenu04 h6{ color: #5D7634; }

#recMenu01 h3{ background-image: url(images/rec_01H1.gif); }
#recMenu02 h3{ background-image: url(images/rec_02H1.gif); }
#recMenu03 h3{ background-image: url(images/rec_03H1.gif); }
#recMenu04 h3{ background-image: url(images/rec_04H1.gif); }

#recMenu01 h4,#recMenu02 h4,#recMenu03 h4,#recMenu04 h4 {
	
	background-image: url(images/recMenuH1.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
	text-indent: 0;
	margin: 14px 0 5px 0;
	padding-left: 22px;
	clear: both;
}

#recMenu01 h5,#recMenu02 h5,#recMenu03 h5,#recMenu04 h5 {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#recMenu01 h6,#recMenu02 h6,#recMenu03 h6,#recMenu04 h6 {
	border-top: 3px solid #DEDEDE;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
}
#mainContents img {
	/* border: 3px solid #FFF; */
}
#recMenu01 .imgOut,#recMenu02 .imgOut,#recMenu03 .imgOut,#recMenu04 .imgOut {
	float: left;
	margin: 0 5px 20px 0; position:relative;
}
#recMenu01 .imgOut { border: 1px solid #BCCFE4; }
#recMenu02 .imgOut { border: 1px solid #B75EA8; }
#recMenu03 .imgOut { border: 1px solid #F1BCCA; }
#recMenu04 .imgOut { border: 1px solid #91C038; }


/* recMessege 01〜04 */

#rec01Messege p,#rec02Messege p,#rec03Messege p,#rec04Messege p {
	font-size: 75%;
	line-height: 1.5em;
	text-indent: 0;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 2px 1.5em 0;
}
#rec01Messege .listP,#rec02Messege .listP,#rec03Messege .listP,#rec04Messege .listP {
	font-size: 100%;
	line-height: 1.5em;
	text-indent: 0;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 2px 1.0em 0;
}
#rec01Messege h3,#rec02Messege h3,#rec03Messege h3,#rec04Messege h3 {
	/*  height: 25px; */
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
	line-height: 25px;
	text-indent: 0;
	padding: 0 5px;
	margin-bottom: 25px;
	clear: both;
}
#rec01Messege h3 { background-image: url(images/rec_01H2.gif); color: #223C8A; }
#rec02Messege h3 { background-image: url(images/rec_02H2.gif); color: #50277E; }
#rec03Messege h3 { background-image: url(images/rec_03H2.gif); color: #961F52; }
#rec04Messege h3 { background-image: url(images/rec_04H2.gif); color: #5D7634; }

#rec01Messege h4,#rec02Messege h4,#rec03Messege h4,#rec04Messege h4 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 0;
	margin: 0 0 15px 0;
	clear: both;
}
#rec01Messege a:hover,#rec01Messege h4 { color: #223C8A; }
#rec02Messege a:hover,#rec02Messege h4 { color: #50277E; }
#rec03Messege a:hover,#rec03Messege h4 { color: #961F52; }
#rec04Messege a:hover,#rec04Messege h4 { color: #5D7634; }

#rec01Messege a{ color: #4685BD; }
#rec02Messege a { color: #B75EA8; }
#rec03Messege a { color: #EC3580; }
#rec04Messege a { color: #91C038; }



#rec01Messege h5,#rec02Messege h5,#rec03Messege h5,#rec04Messege h5 {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	margin: 5px 0 15px 0;
	padding-top: 3px;
	clear: both;
}
#rec01Messege h5 { border-top: 3px solid #223C8A; color: #223C8A; }
#rec02Messege h5 { border-top: 3px solid #50277E; color: #50277E; }
#rec03Messege h5 { border-top: 3px solid #961F52; color: #961F52; }
#rec04Messege h5 { border-top: 3px solid #5D7634; color: #5D7634; }

#rec01Messege h6,#rec02Messege h6,#rec03Messege h6,#rec04Messege h6 {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	margin: 15px 0 15px 0;
}
#rec01Messege h6 { color: #5189BA; }
#rec02Messege h6 { color: #B45FA8; }
#rec03Messege h6 { color: #E44285; }
#rec04Messege h6 { color: #91C038; }

#mainContents img {
	margin: 0;
	padding: 3px;
	/* border: 3px solid #FFF; */
}



#mainContents .pCap {
	font-size: 70%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
clear: both;
}
#mainContents .pCapRight {
	font-size: 70%;
	line-height: 1.5em;
	text-align: right;
	margin: 0;
	padding: 0;
}
#rec01Messege .imgOut,#rec02Messege .imgOut,#rec03Messege .imgOut,#rec04Messege .imgOut {
	float: left;
	
	margin: 0 5px 5px 0; position:relative;
}
#rec01Messege .imgOut,
#rec01Messege .imgOutRight,
#rec01Messege .imgOutLeft { border: 1px solid #BCCFE4; }
#rec02Messege .imgOut,
#rec02Messege .imgOutRight,
#rec02Messege .imgOutLeft { border: 1px solid #B75EA8; }
#rec03Messege .imgOut,
#rec03Messege .imgOutRight,
#rec03Messege .imgOutLeft { border: 1px solid #F1BCCA; }
#rec04Messege .imgOut,
#rec04Messege .imgOutRight,
#rec04Messege .imgOutLeft { border: 1px solid #91C038; }

#rec01Messege .imgOutLeft,#rec02Messege .imgOutLeft,#rec03Messege .imgOutLeft,#rec04Messege .imgOutLeft {
	float: left;
	margin: 0 20px 20px 0; position:relative;
}

#rec01Messege .imgOutRight,#rec02Messege .imgOutRight,#rec03Messege .imgOutRight,#rec04Messege .imgOutRight {
	float: right;
	margin: 0 0 20px 20px; position:relative;
}

#rec01Messege .capLeft,#rec02Messege .capLeft,#rec03Messege .capLeft,#rec04Messege .capLeft {
	float: left;
	margin: 0 20px 20px 0; position:relative;
}

#rec01Messege .capRight,#rec02Messege .capRight,#rec03Messege .capRight,#rec04Messege .capRight {
	float: right;
	margin: 0 0 20px 20px; position:relative;
}




#rec01Messege  table,#rec02Messege  table,#rec03Messege  table,#rec04Messege  table {
	margin: 0 0 35px 0;
	background-repeat: repeat-x; background-color: #FFF;
	font-size: 75%;
line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
#rec01Messege table { border: 1px solid #223C8A; background-image: url(images/rec_01tGradation.gif);}
#rec02Messege table { border: 1px solid #50277E; background-image: url(images/rec_02tGradation.gif);}
#rec03Messege table { border: 1px solid #961F52; background-image: url(images/rec_03tGradation.gif);}
#rec04Messege table { border: 1px solid #5D7634; background-image: url(images/rec_04tGradation.gif);}

#rec01Messege  .tblBtm,#rec02Messege .tblBtm,#rec03Messege .tblBtm,#rec04Messege .tblBtm {
margin: 0 0 5px 0;
}

#rec01Messege  th,#rec02Messege  th,#rec03Messege  th,#rec04Messege  th {
	font-weight: bold;
	padding: 5px 3px 5px 3px;
}
#rec01Messege th { border-bottom: 1px dotted #223C8A; border-right: 1px dotted #223C8A; 	color: #223C8A;}
#rec02Messege th { border-bottom: 1px dotted #50277E; border-right: 1px dotted #50277E; 	color: #50277E;}
#rec03Messege th { border-bottom: 1px dotted #961F52; border-right: 1px dotted #961F52; 	color: #961F52;}
#rec04Messege th { border-bottom: 1px dotted #5D7634; border-right: 1px dotted #5D7634; 	color: #5D7634;}

#rec01Messege  td,#rec02Messege  td,#rec03Messege  td,#rec04Messege  td {
	color: #666666;
	padding: 5px 3px 5px 3px;
}
#rec01Messege td { border-bottom: 1px dotted #223C8A; border-right: 1px dotted #223C8A; }
#rec02Messege td { border-bottom: 1px dotted #50277E; border-right: 1px dotted #50277E; }
#rec03Messege td { border-bottom: 1px dotted #961F52; border-right: 1px dotted #961F52; }
#rec04Messege td { border-bottom: 1px dotted #5D7634; border-right: 1px dotted #5D7634; }

#rec01Messege ul,
#rec02Messege ul,
#rec03Messege ul,
#rec04Messege ul{
	list-style-image: none;
	list-style-type: disc;
	padding: 0;
	margin: 0 0 20px 2em;
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #666666;
	font-weight: normal;
}

#mainContents .listDecimal {
	font-size: 75%;
	margin: 0 0 20px 2em;
}
#mainContents .listDecimalTable {
	font-size: 100%;
	margin: 0 0 0 2em;
}
#mainContents .listDecimalTable,#mainContents .listDecimal {
	list-style-image: none;
	list-style-type: decimal;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #666666;
	font-weight: normal;
}


#worksBox {
	width: 656px;
	text-align: left;
	background-image: url(images/worksTop.gif);
	background-repeat: no-repeat;
	margin: 0 0 35px 0;
}
#worksHeader {
	width: 656px;
	height: 25px;
}
#worksMain {
	width: 656px;
	background-image: url(images/worksBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#worksLeft {
	width: 216px;
	float: left;
}
#worksRight {
	width: 440px;
	float: left;
}
#worksClear {
	clear: both;
}

#worksBox h3{
	background-image: none;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	line-height: 25px;
	padding-left: 5px;
}
#worksLeft .worksName{
	font-size: 1.5em;
}
#worksLeft .imgOut {
	margin: 25px 0 7px 0;
}
#worksLeft p {
	font-size: 80%;
	line-height: 1.3em;
	margin: 0 0 0 18px;
}
#worksRight .pLeft{
	width: 137px;
	height: 38px;
	background-color: #961F52;
	float: left;
	text-align: center;
	margin: 25px 0 10px 10px;
}
#worksRight h4 {
	background-image: none;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 38px;
	margin: 0;
	padding: 0;
}
#worksRight h5 {
	width: 411px;
	margin: 10px 0 10px 10px;
}
#worksRight .worksTo {
	width: 274px;
	height: 38px;
	background-image:url(images/worksBar.gif);
	background-repeat: no-repeat;
	margin: 25px 0 10px 0;
	float: left;
}
#worksRight .p3 {
	width: 411px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #961F52;
	margin: 5px 0 0 5px;
	padding: 0;
	clear: both
}
#worksRight p {
	width: 411px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #666666;
	margin: 0 0 0 10px;
	padding: 0;
	clear: both
}
#worksRight table {
	width: 411px;
	border-top: 1px dotted #5184BC;
	margin: 0 0 25px 10px;
}
#worksRight th {
	width: 39px;
	color: #008EE1;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #5184BC;
	padding: 5px 0;
}
#worksRight td {
	color: #666666;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #5184BC;
	padding: 5px 0;
}