@charset "UTF-8";

/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2009-07-06
	Modified: 2009-07-06
===========================================================*/

/*-----------------------------------------------------------
	import adjust.min.css
-----------------------------------------------------------*/
@import "mod/adjust.min.css";

/*-----------------------------------------------------------
	Universal
-----------------------------------------------------------*/
a {
} a:link {
	color: #333 !important;
} a:visited {
	color: #333 !important;
} a:hover {
	color: #d54417 !important;
} a:active {
	color: #c13b11 !important;
}

.marginZero {
	margin-bottom: 0 !important;
} .marginShort {
	margin-bottom: 5px;
} .marginTall {
	margin-bottom: 15px;
} .marginGrande {
	margin-bottom: 25px;
} .marginEm {
	margin-bottom: 1em;
}

.floatLeft {
	float: left;
} .floatRight {
	float: right;
}

.floatMarginLB {
	margin: 0 0 0.5em 0.5em;
} .floatMarginRB {
	margin: 0 0.5em 0.5em 0;
}


.imgBorderGray {
	border: solid 5px #d9d7cd;
}

.alignRight {
	text-align: right;
} .alignCenter {
	text-align: center;
}

.widthTall {
	width: 211px;
} .widthEnorme {
	width: 572px;
}

.colorRed {
	color: #cd1c1c;
} .colorGreen {
	color: #227634;
} .colorBlue {
	color: #1b6fc5;
}

.arrowOrange {
	padding: 0 0 0 15px;
	background: url(../images/icoArrow_orange.png) 0em 0.2em no-repeat;
}

.lineDottedGray {
	background: url(../images/lineDotted_gray.png) 0% 100% repeat-x;
}

.icoChecked {
	padding: 0 0 0 55px;
	background: url(../images/icoChecked.png) 0em 0.2em no-repeat;
} .icoReceive {
	padding: 0 0 0 55px;
	background: url(../images/icoReceive.png) 0em 0.2em no-repeat;
} .icoJoin {
	padding: 0 0 0 55px;
	background: url(../images/icoJoin.png) 0em 0.2em no-repeat;
} .icoRecruitment {
	padding: 0 0 0 55px;
	background: url(../images/icoRecruitment.png) 0em 0.2em no-repeat;
}

.jagged00 {
	background: url(../images/bgContentsIpsumHeading00.png) 0% 100% no-repeat;
} .jagged01 {
	background: url(../images/bgContentsIpsumHeading01.png) 0% 100% no-repeat;
} .jagged02 {
	background: url(../images/bgContentsIpsumHeading02.png) 0% 100% no-repeat;
} .jagged03 {
	background: url(../images/bgContentsIpsumHeading03.png) 0% 100% no-repeat;
} .jagged04 {
	background: url(../images/bgContentsIpsumHeading04.png) 0% 100% no-repeat;
} .jagged05 {
	background: url(../images/bgContentsIpsumHeading05.png) 0% 100% no-repeat;
} .jagged06 {
	background: url(../images/bgContentsIpsumHeading06.png) 0% 100% no-repeat;
} .jagged07 {
	background: url(../images/bgContentsIpsumHeading07.png) 0% 100% no-repeat;
} .jagged08 {
	background: url(../images/bgContentsIpsumHeading08.png) 0% 100% no-repeat;
} .jagged09 {
	background: url(../images/bgContentsIpsumHeading09.png) 0% 100% no-repeat;
} .jagged10 {
	background: url(../images/bgContentsIpsumHeading10.png) 0% 100% no-repeat;
} .jagged11 {
	background: url(../images/bgContentsIpsumHeading11.png) 0% 100% no-repeat;
}



/*-----------------------------------------------------------
	html and subordinate selector
-----------------------------------------------------------*/
html {
	background: url(../images/bgBody.png) 0% 0% repeat;
}

	/*-----------------------------------------------------------
		body and subordinate selector
	-----------------------------------------------------------*/
	body {
		color: #333;
		text-align: center;
	}

		/*-----------------------------------------------------------
			#wrap and subordinate selector
		-----------------------------------------------------------*/
		div#wrap {
			margin: 0 auto;
			width: 864px;
			background: url(../images/bgWrap.png) 0% 0% repeat-y;
			text-align: left;
		}

			/*-----------------------------------------------------------
				#header and subordinate selector
			-----------------------------------------------------------*/
			div#header {
				position: relative;
				width: 864px;
				height: 159px;
				background: url(../images/bgHeader.png) 0% 0% no-repeat;
			}

				/*-----------------------------------------------------------
					.logo and subordinate selector
				-----------------------------------------------------------*/
				div#header .logo {
					position: absolute;
					top: 15px;
					left: 32px;
				}

				/*-----------------------------------------------------------
					ul.utility and subordinate selector
				-----------------------------------------------------------*/
				ul.utility {}

					ul.utility li {
						position: absolute;
						top: 9px;
					} ul.utility li.lorem {
						left: 621px;
					} ul.utility li.ipsum {
						left: 707px;
					} ul.utility li.dolor {
						left: 795px;
					}

				/*-----------------------------------------------------------
					dl.contact and subordinate selector
				-----------------------------------------------------------*/
				dl.contact {}

					dl.contact .lorem {

						position: absolute;
						top: 24px;
						left: 493px;
					} dl.contact .ipsum {
						position: absolute;
						top: 48px;
						left: 493px;
					} dl.contact .dolor {
						position: absolute;
						top: 46px;
						left: 680px;
					}

			/*-----------------------------------------------------------
				#globalNavi and subordinate selector
			-----------------------------------------------------------*/
			div#globalNavi {
				width: 864px;
				height: 38px;
				background: url(../images/bgGlobalNavi.png) 0% 0% no-repeat;
			}

				div#globalNavi ul {
					position: relative;
				}

					div#globalNavi li {
						position: absolute;
						top: 0px;
					} div#globalNavi li.lorem {
						left: 17px;
					} div#globalNavi li.ipsum {
						left: 231px;
					} div#globalNavi li.dolor {
						left: 419px;
					} div#globalNavi li.sit {
						left: 524px;
					} div#globalNavi li.amet {
						left: 626px;
					} div#globalNavi li.consectetur {
						left: 746px;

					}

			/*-----------------------------------------------------------
				#container and subordinate selector
			-----------------------------------------------------------*/
			div#container {
				margin: 0 14px 0 13px;
				padding-top: 10px;
				background: url(../images/bgContainer.png) 0% 0% repeat-y;
			}

				/*-----------------------------------------------------------
					#locus and subordinate selector
				-----------------------------------------------------------*/
				div#locus {
					margin: 0 18px 0 19px;
				}

					div#locus ul {}

						div#locus li {
							margin-right: 10px;
							padding-right: 10px;
							background: url(../images/icoLocusArrow.png) 100% 50% no-repeat;
						} div#locus li.opened {
							margin-right: 0;
							padding-right: 0;
							background: none;
						}

				/*-----------------------------------------------------------
					#locus and subordinate selector
				-----------------------------------------------------------*/
				div#container .friction {
					padding: 10px 19px 20px 19px;
					background: url(../images/bgContainerFriction.png) 0% 100% no-repeat;
				}

					/*-----------------------------------------------------------
						#sleeve and subordinate selector
					-----------------------------------------------------------*/
					div#sleeve {
						background: url(../images/bgSideNaviBody.png) 0% 0% repeat-y;
					}

						div#sleeve .friction {
							padding: 0;
							background: url(../images/bgSideNaviTop.png) 0% 0% no-repeat;
						}

							/*-----------------------------------------------------------
								#sideNavi and subordinate selector
							-----------------------------------------------------------*/
							div#sideNavi {
								padding: 20px 11px 5px 11px;
								background: url(../images/bgSideNaviBottom.png) 0% 100% no-repeat;
							}

								/*-----------------------------------------------------------
									#sideNavi .lorem and subordinate selector
								-----------------------------------------------------------*/
								div#sideNavi div.lorem {
									padding: 10px 11px 35px 11px;
									background: url(../images/bgSideNaviLorem.png) 0% 100% no-repeat;
								}

									div#sideNavi div.lorem .alpha {
									} div#sideNavi div.lorem .sticky00 {
										background: url(../images/bgSideNaviLoremBody_00.png) 0% 100% no-repeat;
									} div#sideNavi div.lorem .sticky01 {
										background: url(../images/bgSideNaviLoremBody_01.png) 0% 100% no-repeat;
									} div#sideNavi div.lorem .sticky02 {
										background: url(../images/bgSideNaviLoremBody_02.png) 0% 100% no-repeat;
									} div#sideNavi div.lorem .sticky03 {
										background: url(../images/bgSideNaviLoremBody_03.png) 0% 100% no-repeat;
									} div#sideNavi div.lorem .sticky04 {
										background: url(../images/bgSideNaviLoremBody_04.png) 0% 100% no-repeat;
									} div#sideNavi div.lorem .sticky05 {
										background: url(../images/bgSideNaviLoremBody_05.png) 0% 100% no-repeat;
									}

										div#sideNavi div.lorem .alpha .item00 {
											padding: 10px 10px 10px 35px;
											font-weight: 600;
										} div#sideNavi div.lorem .sticky00 .item00 {
											background: url(../images/bgSideNaviLoremHead_00.png) 0% 0% no-repeat;
										} div#sideNavi div.lorem .sticky01 .item00 {
											background: url(../images/bgSideNaviLoremHead_01.png) 0% 0% no-repeat;
										} div#sideNavi div.lorem .sticky02 .item00 {
											background: url(../images/bgSideNaviLoremHead_02.png) 0% 0% no-repeat;
										} div#sideNavi div.lorem .sticky03 .item00 {
											background: url(../images/bgSideNaviLoremHead_03.png) 0% 0% no-repeat;
										} div#sideNavi div.lorem .sticky04 .item00 {
											background: url(../images/bgSideNaviLoremHead_04.png) 0% 0% no-repeat;
										} div#sideNavi div.lorem .sticky05 .item00 {
											background: url(../images/bgSideNaviLoremHead_05.png) 0% 0% no-repeat;
										}

									div#sideNavi div.lorem ul.beta {}

										div#sideNavi div.lorem ul.beta li {
											padding: 8px;
										} div#sideNavi div.lorem ul.beta li.bgLine {
											background: url(../images/bgSideNaviLoremListLine.png) 0% 100% no-repeat;
										}

					/*-----------------------------------------------------------
						#stage and subordinate selector
					-----------------------------------------------------------*/
					div#stage {
						background: url(../images/bgContentsBody.png) 0% 0% repeat-y;
					}

						div#stage .friction {
							padding: 0;
							background: url(../images/bgContentsTop.png) 0% 0% no-repeat;
						}

							/*-----------------------------------------------------------
								#contents and subordinate selector
							-----------------------------------------------------------*/
							div#contents {
								padding: 20px 25px 40px 24px;
								height: 1%;
								background: url(../images/bgContentsBottom.png) 0% 100% no-repeat;
							}


								/*-----------------------------------------------------------
									#contentsInner .eyeCatch and subordinate selector
								-----------------------------------------------------------*/
								div#container div.eyeCatch {}

								/*-----------------------------------------------------------
									#contentsInner .bannerSouth and subordinate selector
								-----------------------------------------------------------*/
								div#container div.bannerSouth {}

								/*-----------------------------------------------------------
									#contentsInner .whatsNew and subordinate selector
								-----------------------------------------------------------*/
								div#container div.whatsNew {}

									div#container div.whatsNew dl {
										padding: 5px 10px;
										border-bottom: solid 1px #ccc;
										line-height: 1.4em;
									}

										div#container div.whatsNew dt {
											width: 7em;
										}

										div#container div.whatsNew dd {
											margin: -1.4em 0 0 7em;
											padding: 0 0 0 45px;
										} div#container div.whatsNew dd.new {
											background: url(../images/icoNew.png) left center no-repeat;
										}

								/*-----------------------------------------------------------
									#contentsInner .divisionMenu and subordinate selector
								-----------------------------------------------------------*/
								div#container div.divisionMenu {}

									div#container div.divisionMenuInner {
										background: url(../../images/bgDivisionMenuBottom.png) 0% 100% no-repeat;
									}

										div#container div.divisionMenu .friction {
											padding: 0;
											background: url(../../images/bgDivisionMenuHead.png) 0% 0% no-repeat;
										}

											div#container div.divisionMenuBox {
												width: 256px;
											} div#container div.divisionMenuInner .item00 {
												margin-right: 16px;
											} div#container div.divisionMenuInner .item01 {
											} div#container div.divisionMenuInner .item02 {
											}

												div#container div.divisionMenuBox .alpha {
													padding: 10px 8px 10px 8px;
												}

												div#container div.divisionMenuBox .beta {
													padding: 0 8px 10px 8px;
												}

													div#container div.divisionMenuBox .beta ul {}

														div#container div.divisionMenuBox .beta ul li {
															margin-bottom: 10px;
															padding-bottom: 10px;
														}

															div#container div.divisionMenuBox .beta ul li img {
																margin-left: 5px;
																vertical-align: middle;
															}

								/*-----------------------------------------------------------
									#contentsInner .bannerSouth and subordinate selector
								-----------------------------------------------------------*/
								div#container div.bannerSouth {}

									div#container div.bannerSouth ul {
										width: 801px;
										height: 168px;
										position: relative;
									}

										div#container div.bannerSouth li {
											position: absolute;
										} div#container div.bannerSouth li.item00 {
											top: 0px;
											left: 0px;
										} div#container div.bannerSouth li.item01 {
											top: 0px;
											left: 272px;
										} div#container div.bannerSouth li.item02 {
											top: 0px;
											left: 545px;
										} div#container div.bannerSouth li.item03 {
											top: 89px;
											left: 0px;
										} div#container div.bannerSouth li.item04 {
											top: 89px;
											left: 272px;
										} div#container div.bannerSouth li.item05 {
											top: 89px;
											left: 545px;
										}

								/*-----------------------------------------------------------
									#contents .topHeading and subordinate selector
								-----------------------------------------------------------*/
								div#contents div.topHeading {
									background: url(../images/bgTopHeadingBody.png) 0% 100% no-repeat;
								}

									div#contents div.topHeading .alpha {
										padding: 25px 35px;
										background: url(../images/bgTopHeadingHead.png) 0% 0% no-repeat;
										font-weight: 600;
										font-size: 182%;
									}

								/*-----------------------------------------------------------
									#contentsInner and subordinate selector
								-----------------------------------------------------------*/
								div#contentsInner {
									background: url(../images/bgContentsInnerBody.png) 0% 100% no-repeat;
								}

									div#contentsInner .friction {
										padding: 45px 16px 2px 15px;
										background: url(../images/bgContentsInnerHead.png) 0% 0% no-repeat;
									}

									/*-----------------------------------------------------------
										#contentsInner .colorHeading and subordinate selector
									-----------------------------------------------------------*/
									div#contentsInner div.colorHeading {
										padding: 0 0 10px 10px;
									}

										div#contentsInner .colorHeadingInner {
											padding: 0 0 0 30px;
											background: url(../images/icoCheck.png) 0% 50% no-repeat;
											font-weight: 600;
											font-size: 123.1%;
										}

									/*-----------------------------------------------------------
										#contents .ipsum .calendar and subordinate selector
									-----------------------------------------------------------*/
									.calendar {}

										.calendar .heading {
											padding: 5px 0;
											display: block;
											width: 4em;
											color: #fff;
											background: #f07c1f;
											font-weight: 600;
											font-size: 138.5%;
										}

										.calendarInner {
											padding: 9px;
											border: solid 1px #c7bea6;
											background: #d9d7cd;
										}

											.calendarInner table {
												width: 471px;
											}

												.calendarInner tr {}

													.calendarInner th {
														border: solid 1px #d9d7cd;
														border-bottom: solid 1px #f07c1f;
														background: #fff;
													}

													.calendarInner td {
														padding: 5px 4px;
														border: solid 1px #d9d7cd;
														background: #fff;
														vertical-align: top;
													}

														.calendarInner td dl {}

															.calendarInner td dt {
																margin: 0 0 8px 0;
															} .calendarInner td dt.sat {
																color: #246eb2;
															} .calendarInner td dt.sun {
																color: #d54417;
															}

															.calendarInner td dd {
																margin: 0 0 2px 0;
																font-size: 93%;
															}

										.calendar .notes {}

											.calendar .notes ul {}

												.calendar .notes ul li {
													margin: 0 0.8em 0 0;
												}

			/*-----------------------------------------------------------
				#footer and subordinate selector
			-----------------------------------------------------------*/
			div#footer {
				position: relative;
				width: 864px;
				height: 98px;
				background: url(../images/bgFooter.png) 0% 0% no-repeat;
			}

				/*-----------------------------------------------------------
					.utility and subordinate selector
				-----------------------------------------------------------*/
				div#footer ul.utility {}

					div#footer ul.utility li {
						position: absolute;
						top: 35px;
					} div#footer ul.utility li.lorem {
						left: 17px;
					} div#footer ul.utility li.ipsum {
						left: 134px;
					} div#footer ul.utility li.dolor {
						left: 222px;
					} div#footer ul.utility li.sit {
						left: 346px;
					}

				/*-----------------------------------------------------------
					address and subordinate selector
				-----------------------------------------------------------*/
				div#footer address {
					position: absolute;
					top: 80px;
					left: 315px;
				}