@charset "utf-8";
/* ----------------------------------------------
	This style is for jouji style.
------------------------------------------------- */

body {background-color:#F3FFE9;	color: #500000;}

a {color: #c00;}

a:hover {color: #ff9b0c;}

/* ==== wrap ==== */

#wrap{background:url(../img/bg2.png) top center repeat-y; margin:0 auto;}



#header {
	border-top: solid 4px #c80000;
	background: url(images/bg_header.gif) left top repeat-x;
	margin-bottom: 5px;
	height: 78px;
	}

#header #headerInner {
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding-top: 12px;
	width: 890px;
	}

#header ul#headerSubList {
		position: absolute;
		right: 0;
		top: 57px;
		}

#header ul#headerSubList li {
		float: left;
		margin-left: 5px;
		}

#header ul#headerSubList li.mobile {
			background: url(../img/mobile.png) left center no-repeat;
			padding-left: 21px;
			}

#header ul#headerSubList li.inquiry {
			background: url(../img/mail-receive.png) left center no-repeat;
			padding-left: 25px;
			}
/* ----------------------------------------------
		container
------------------------------------------------- */
#container {
	text-align: center; /* centering for IE */
	}
#container:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
#containerInner {
		text-align: left;
		margin: 0 auto;
		width: 890px;
		}

/* ----------------------------------------------
		mainContents
------------------------------------------------- */
#mainContents {
		float: right;
		width: 616px;
		margin-left: 10px;
		}
#mainContentsInner {/* null */}

#mainContentsInner ul#cover {
				background:url(../img/top/img-area_bg2.png) no-repeat; height:290px; padding:10px 8px;
				}
#mainContentsInner ul#cover li {}

#mainContentsInner .mainText {
				background: url(images/main_body.gif) left top repeat-y;
				margin-top: 12px;
				}
#mainContentsInner .mainText .firstChild {
					background: url(images/main_head.gif) left top no-repeat;
					line-height: 37px;
					padding-left: 10px;
					height: 37px;
					}
#mainContentsInner .mainText .mainTextr10 {
					float:right;
					margin:10px;
					}
#mainContentsInner .mainText .mainTextl10 {
					float:left;
					margin:10px;
					}
#mainContentsInner .mainText .mainTextP {
					padding: 8px 20px;
					}
#mainContentsInner .mainText .mainTextP {
					background: url(images/main_foot.gif) left bottom no-repeat;
					}
#main {margin-left: 4px;}
#mainscsy {margin-top: 7px;margin-left: 4px;}

#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}
thanks p {
	font-size: 18px;
}
thanks p strong {
	font-size: 20px;
	color: #CC0000;
}


/* ----------------------------------------------
		mainContentsTop
------------------------------------------------- */
#top   {width: 610px;
	height: 571px;
	margin-top: 7px;
	margin-left: 3px;
	position: relative;
	float: left;
	display: inline;
	font-size: 130%;
	background: transparent url(../top/theme/images/matext.jpg) no-repeat;}
.tTip {width: 200px; position: absolute; cursor: pointer; color: #555; font-size:90%;}
.tip {color: #333; font-size:120%;}

#cloud1 {top: 60px; left: 365px;}
#cloud2 {top: 85px; left: 150px;}
#cloud3 {top: 123px; left: 20px;}
#cloud4 {top: 180px; left: 80px;}
#cloud5 {top: 201px; left: 285px;}
#cloud6 {top: 250px; left: 150px;}
#cloud7 {top: 275px; left: 415px;}
#cloud8 {top: 400px; left: 70px;}
#cloud9 {top: 330px; left: 30px;}
#cloud10 {top: 335px; left: 290px;}
#cloud11 {top: 388px; left: 430px;}
#cloud12 {top: 430px; left: 350px;}
#cloud13 {top: 153px; left: 390px;}
#cloud14 {top: 490px; left: 70px;}
#cloud15 {top: 520px; left: 200px;}
#cloud16 {top: 500px; left: 380px;}

/*--- Top Page ToolTip Styles ---*/

.tip {width: 212px; padding-top: 37px; overflow: hidden; display: none; position: absolute; z-index: 500; background: transparent url(../top/theme/images/tipTop.png) no-repeat top;}
.tipMid {background: transparent url(../top/theme/images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../top/theme/images/tipBtm.png) no-repeat bottom; height: 32px;}

#mainContentsInner .mainTextTop {margin-top: 12px;}
#mainContentsInner .mainTextTop .firstChild {
					line-height: 37px;
					padding-left: 10px;
					height: 37px;
					}
#mainContentsInner .mainTextTop .mainTextP {padding: 8px 20px;}

#mainContentsInner .mainTextTop .mainTextP {}

ul.top li{background: url(../img/ornament.gif) left top no-repeat; padding:0 20px; margin:10px 20px;}

#mail{border:1px #dcdcdc solid; background-image:url(../img/bk.gif); margin-bottom:10px; padding:10px; font-size:120%;}
#mailSub{margin:5px; font-size:80%}


/* ----------------------------------------------
		mainContentsQa
------------------------------------------------- */
#qa {width: 610px;
	height: 530px;
	margin-top: 15px;
	margin-left: 4px;
	position: relative;
	float: left;
	display: inline;
	font-size: 130%;
	background: transparent url(../qa/theme/images/matextqa.gif) no-repeat;
	}
.qtTip {width: 200px; position: absolute; cursor: pointer; color: #555; font-size:90%;}
.qtip {color: #333; font-size:120%;}

#qcloud1 {top: 80px; left: 95px;}
#qcloud2 {top: 150px; left: 95px;}
#qcloud3 {top: 215px; left: 95px;}
#qcloud4 {top: 300px; left: 95px;}
#qcloud5 {top: 380px; left: 95px;}
#qcloud6 {top: 450px; left: 95px;}
#qcloud7 {top: 65px; left: 360px;}
#qcloud8 {top: 155px; left: 360px;}
#qcloud9 {top: 245px; left: 360px;}
#qcloud10 {top: 340px; left: 360px;}
#qcloud11 {top: 430px; left: 360px;}

/*--- QA Page ToolTip Styles ---*/

.qtip {width: 212px; padding-top: 37px; overflow: hidden; display: none; position: absolute; z-index: 500; background: transparent url(../qa/theme/images/tipTop.png) no-repeat top;}
.qtipMid {background: transparent url(../qa/theme/images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.qtipBtm {background: transparent url(../qa/theme/images/tipBtm.png) no-repeat bottom; height: 32px;}

ul.qa li{background: url(../img/ornament3.gif) left top no-repeat; padding:0 20px; margin:10px 20px;}
/* ----------------------------------------------
		mainContentsMap
------------------------------------------------- */

ul.map li{background: url(../img/ornament.gif) left top no-repeat; padding:0 20px; margin:10px 20px;}

#mainmap {margin-top: 15px;margin-left: 2px;}
/* ----------------------------------------------
		mainContentsLink
------------------------------------------------- */
#mainContentsInner .linkText {
				background: url(images/main_body.gif) left top repeat-y;
				margin-top: 12px;
				}
#mainContentsInner .linkText .linkfirstChild {
				background: url(images/main_head.gif) left top no-repeat;
				line-height: 37px;
				padding-left: 10px;
				height: 37px;
				}
#mainContentsInner .linkText .linkTextP {
				padding: 8px 20px;
				}

#mainContentsInner .linkText .linkTextP {
				background: url(images/main_foot.gif) left bottom no-repeat;
				}


#links {
	width: 610px;
	clear: both;

	margin:auto;
}
#links ul{overflow: hidden;
	margin:15px 0px 0px 11px;
}

#links li{
	float: left;
	text-align: center;
	overflow: hidden;
	margin:5px 7px 10px 0px;
}
#links linktitle{
	width: 290px;
	overflow: hidden;
	height: 25px;
	text-align: center;
	padding:2px 0;
}
#links a{
	width: 290px;
	display: block;
}

#links ul li a{
	text-align: center;
}

#links img:hover {
	background-color:#eeeeee;
}

/* ----------------------------------------------
		mainContentsLink solink
------------------------------------------------- */

#solinks ul{overflow: hidden;
font-size : 80%;
	margin:5px 0px 0px 5px;
}

#solinks li{
	float: left;
	text-align: center;
	overflow: hidden;
	margin:1px 1px 1px 0px;
}
#solinks title{
	width: 120px;
	overflow: hidden;
	height: 25px;
	text-align: center;
	padding:2px 0;
}
#solinks a{
	width: 120px;
	display: block;
}
#solinks ul li a{
	text-align: center;
}

#solinks img:hover {
	background-color:#eeeeee;
}
/* ----------------------------------------------
		mainContentsLink solink300
------------------------------------------------- */

#solinks300 ul{overflow: hidden;
	margin:15px 0px 0px 0px;
}

#solinks300 li{
	float: left;
	text-align: center;
	overflow: hidden;
	margin:5px 1px 0px 4px;
}
#solinks300 title{
	width: 300px;
	overflow: hidden;
	height: 25px;
	text-align: center;
	padding:2px 0;
}
#solinks300 a{
	width: 300px;
	display: block;
}
#solinks300 ul li a{
	text-align: center;
}

#solinks300 img:hover {
	background-color:#eeeeee;
}

/* ----------------------------------------------
		mainContentsLink solink468
------------------------------------------------- */

#solinks468 ul{overflow: hidden;
	margin:15px 0px 0px 70px;
}

#solinks468 li{
	float: center;
	text-align: center;
	overflow: hidden;
	margin:5px 1px 0px 4px;
}
#solinks468 title{
	width: 300px;
	overflow: hidden;
	height: 25px;
	text-align: center;
	padding:2px 0;
}
#solinks468 a{
	width: 468px;
	display: block;
}
#solinks468 ul li a{
	text-align: center;
}

#solinks468 img:hover {
	background-color:#eeeeee;
}

/* ----------------------------------------------
		subContents
------------------------------------------------- */
#subContents {
		background: url(images/left_body.gif) left top repeat-y;
		float: left;
		width: 250px;
		}

#subContent01 {/* null */}
#subContent01Inner {/* null */}

/* -----Navigation button Area----- */

#subContent01Inner .subMenu {
				background: url(images/left_head.gif) left top no-repeat;
				color: #c00;
				font-size: 120%;
				line-height: 38px;
				height: 27px;
				padding: 0px 8px 0px 56px;
				}

#navi{width:250px; height:626px; background:url(../img/navi_bg.gif) no-repeat;}

#subContent01Inner ul{padding:10px 9px 0; margin:0;}
#subContent01Inner ul li{margin-bottom:10px; width:232px; height:46px; line-height:0; vertical-align:bottom; font-size:0;}
#subContent01Inner ul li a{display:block; text-indent:-9999px; width:232px; height:46px; line-height:0; vertical-align:bottom; font-size:0;}

#subContent01Inner ul li.home{background:url(../img/btn/01.gif) bottom;}
#subContent01Inner ul li.home a{background:url(../img/btn/01.gif) top;}
#subContent01Inner ul li.home a:hover{background:url(../img/btn/01.gif) bottom;}

#subContent01Inner ul li.top{background:url(../img/btn/02.gif) bottom;}
#subContent01Inner ul li.top a{background:url(../img/btn/02.gif) top;}
#subContent01Inner ul li.top a:hover{background:url(../img/btn/02.gif) bottom;}

#subContent01Inner ul li.schedule{background:url(../img/btn/03.gif) bottom;}
#subContent01Inner ul li.schedule a{background:url(../img/btn/03.gif) top;}
#subContent01Inner ul li.schedule a:hover{background:url(../img/btn/03.gif) bottom;}

#subContent01Inner ul li.system{background:url(../img/btn/04.gif) bottom;}
#subContent01Inner ul li.system a{background:url(../img/btn/04.gif) top;}
#subContent01Inner ul li.system a:hover{background:url(../img/btn/04.gif) bottom;}

#subContent01Inner ul li.job{background:url(../img/btn/05.gif) bottom;}
#subContent01Inner ul li.job a{background:url(../img/btn/05.gif) top;}
#subContent01Inner ul li.job a:hover{background:url(../img/btn/05.gif) bottom;}

#subContent01Inner ul li.lady{background:url(../img/btn/06.gif) bottom;}
#subContent01Inner ul li.lady a{background:url(../img/btn/06.gif) top;}
#subContent01Inner ul li.lady a:hover{background:url(../img/btn/06.gif) bottom;}

#subContent01Inner ul li.befojob{background:url(../img/btn/07.gif) bottom;}
#subContent01Inner ul li.befojob a{background:url(../img/btn/07.gif) top;}
#subContent01Inner ul li.befojob a:hover{background:url(../img/btn/07.gif) bottom;}

#subContent01Inner ul li.covjob{background:url(../img/btn/08.gif) bottom;}
#subContent01Inner ul li.covjob a{background:url(../img/btn/08.gif) top;}
#subContent01Inner ul li.covjob a:hover{background:url(../img/btn/08.gif) bottom;}

#subContent01Inner ul li.map{background:url(../img/btn/09.gif) bottom;}
#subContent01Inner ul li.map a{background:url(../img/btn/09.gif) top;}
#subContent01Inner ul li.map a:hover{background:url(../img/btn/09.gif) bottom;}

#subContent01Inner ul li.qa{background:url(../img/btn/10.gif) bottom;}
#subContent01Inner ul li.qa a{background:url(../img/btn/10.gif) top;}
#subContent01Inner ul li.qa a:hover{background:url(../img/btn/10.gif) bottom;}

#subContent01Inner ul li.mail{background:url(../img/btn/11.gif) bottom;}
#subContent01Inner ul li.mail a{background:url(../img/btn/11.gif) top;}
#subContent01Inner ul li.mail a:hover{background:url(../img/btn/11.gif) bottom;}


#subContentMobile {/* null */}
#subContentMobileInner {/* null */}
#subContentMobileInner .firstChild{
				border-left: solid 5px #c00;
				color: #c00;
				font-size: 120%;
				margin-top: 12px;
				margin-left: 9px;
				padding-left: 3px;
				}

#subContentMobileInner .mobile {margin-top: 12px;}
#subContentMobileInner .mobile .qa{float:left;display:inline;margin:10px;}
#subContentMobileInner .mobile .mail{padding: 8px 0px}

#subContent02 {/* null */}
#subContent02Inner {/* null */}
#subContent02Inner .firstChild {
				border-left: solid 5px #c00;
				color: #c00;
				font-size: 120%;
				margin-top: 12px;
				padding-left: 10px;
				}
#subContent02Inner .banner {
			margin: 9px;
			}
#subContent02Inner .subFoot {background: url(images/left_foot.gif) left bottom no-repeat;
				padding: 9px;
				}

/* ----------------------------------------------
		footer
------------------------------------------------- */
#footer {
	text-align: center;
	margin-top: 24px;
	}
#footer .copyRight {
		background: url(images/footer_foot.gif) left bottom no-repeat;
		font-size: 85%;
		color: #fff;
		text-align: center;
		padding: 4px 0;
		}
#footer #footerInner {
		background: #820000 url(images/footer_head.gif) left top no-repeat;
		text-align: left;
		padding: 10px 0 0;
		margin: 0 auto;
		width: 800px;
		}
#footer ul {
		text-align: center;
		}
#footer ul#footerList1 li {
		margin: 0 8px;
		display: inline;
		}
#footer ul#footerList1 li a {
		color: #ccc;
		text-decoration: none;
		}
#footer ul#footerList1 li a:hover {
		text-decoration: underline;
		}
#footer ul#footerList2 li {
		margin: 0 8px;
		display: inline;
		}
#footer ul#footerList2 li a {
		color: #ccc;
		text-decoration: none;
		}
#footer ul#footerList2 li a:hover {
		text-decoration: underline;
		}

/* ----------------------------------------------
	This style definition is common.
------------------------------------------------- */

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