@charset "utf-8";

@import "hooplus.css";

/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";


/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: none;
		background-repeat: repeat;
		background-position: center top;
	}
	.page,
	.pop {
		background: url(../imgs/bg.gif) center top;
		color: #666666;
		font-size: 12px;
		line-height: 18px;
	}
	.pop {
		background-image: none;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #999999;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #999999;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle,
	.siteTitle a {
		display: block;
 		width: 341px;
 		height: 30px;
	}
	.siteTitle a {
 		background: url(../imgs/logo.gif) no-repeat;
 		overflow: hidden;
 		text-indent: -9999px;
	}
	.contentTitle {
		margin-bottom: 0px;
	}
	.section .title {
		margin-bottom: 25px;
	}
	.section h4.title {
		margin-bottom: 9px;
	}
	.section .boxTitle {
		margin-bottom: 20px;
	}
	.section .md {
		margin-bottom: 4px;
	}
	.pop h3.title {
		margin-bottom: 20px;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #999999;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
 	body #wrap {
 		background: url(../imgs/bg-top.gif) center top repeat-x;
		/padding-left: 1px;
 	}
	body #container {
		width: 960px;
		margin: 0 auto;
		background-image: url(../imgs/bg-main.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #containerInner01 {
		background-image: url(../imgs/bg-container-top.gif);
		background-repeat: no-repeat;
		background-position: center top;
		padding-top: 20px;
	}
	body #containerInner02 {
		background-image: url(../imgs/bg-bottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 30px;
	}
	body #gHeader {
		height: 82px;
		width: 940px;
		margin: 0 auto;
		padding-bottom: 5px;
		padding-top: 23px;
		position: relative;
	}
	body #hNav {
		position: absolute;
		top: 23px;
		right: 20px;
	}
	body #hNavList li {
		float: left;
		margin-left: 5px;
	}
	body #hNavList li#map {
		margin-right: 15px;
	}
	#gNav {
		height: 35px;
		padding-top: 17px;
	}
	#gNav ul#gNavList {
		width: 940px;
		height: 35px;
		margin-right: auto;
		margin-left: auto;
	}
	#gNav #gNavList li {
		float: left;
		height: 35px;
		overflow: hidden;
	}
	body #mainContent {
		padding: 0 20px;
	}
	body #gFooter {
		padding: 60px 30px 0 30px;
	}
	body #gFooter #fNav {
		position: relative;
		padding: 0 0 20px 0;
		height: 15px;
	}
	body #gFooter #fNav ul {
		text-align: left;
	}
	body #gFooter #fNav li {
		display: inline;
		float: none;
		color: #999999;
	}
	body #gFooter #fNav li a,
	body #gFooter #fNav li a:hover {
	color: #71c740;
	}
	body #fNav li.pagetop {
		display: block;
		position: absolute;
		bottom: 20px;
		right: 0px;
	}
	body #fNav li.pagetop a,
	body #fNav li.pagetop a:hover{
		margin: 0px;
		padding: 0px;
		background: none;
	}
	body .section {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
	}
	body #contact {
		position: relative;
		width: 900px;
		height: 68px;
	}
	body #ftrBt {
		position: absolute;
		top: 31px;
		right: 0px;
	}
	body #ftrBt li {
		float: left;
		margin-left: 5px;
	}
	body #ftrCompany {
		width: 900px;
		margin: 0 auto;
		padding-bottom: 20px;
		padding-top: 2px;
		height: 86px;
	}
	body #ftrCompany li {
		float: left;
		margin-right: 64px;
	}
	body #ftrCompany li#camp-first {
		margin-right: 20px;
	}
	body #ftrCompany li#camp-last {
		margin-right: 0px;
	}

/* index */
	body #index #gFooter {
		padding-top: 32px;
	}

/* POP */
	.pop #container {
		width: 640px;
		margin: 0 auto;
	}
	.pop #contact {
		width: 640px;
	}

/* pop madori */
	.pop#map #container {
		width: 560px;
		margin-top: 30px;
	}
	.pop#map #contact {
		width: 560px;
	}

/* pop bank */
	.pop#bank #container {
		width: 400px;
		padding-bottom: 20px;
		margin-top: 30px;
	}

	.pop#bank .kadomaruBox01 {
		width: 400px;
		background: url(../../misc_bank/imgs/bg-box01-main.gif) repeat-y left top;
	}
	.pop#bank .kadomaruBox02 {
		background: url(../../misc_bank/imgs/bg-box01-top.gif) no-repeat left top;
		padding-top: 20px;
	}
	.pop#bank .kadomaruBox03 {
		background: url(../../misc_bank/imgs/bg-box01-bottom.gif) no-repeat left bottom;
		padding-bottom: 20px;
	}

/* #pop-sb */
	#pop-sb {
		background-image: none;
	}
	#pop-sb #container {
		width: 856px;
	}
	#pop-sb #mainContent {
		position: relative;
		padding: 55px 25px 20px;
	}
	#pop-sb .section {
		width: 806px;
	}
	#pop-sb .section .title {
		margin-bottom: 8px;
	}
	#pop-sb .boxSb {
		background: url(../../landplan/imgs/pop/bar-bottom.gif) no-repeat left bottom;
	}
	#pop-sb .closeSb {
		position: absolute;
		right: 25px;
		top: 0px;
	}

/**
 * 5. EachPageStyle
 */
	
/* equipment */
	body #equipment .commonBox {
		background: url(../../equipment/imgs/box-01-all.gif) repeat-y left top;
	}
	body #equipment .commonBox2 {
		background: url(../../equipment/imgs/box-02-all.gif) repeat-y left top;
	}
	body #equipment .commonBoxIn {
		margin: 0 auto;
	}
	body #equipment .commonBox .commonBoxIn {
		width: 860px;
	}
	body #equipment .commonBox2	.commonBoxIn {
		width: 400px;
	}
	/* snav */
	.snav {
		text-align: center;
	}
	.snav li {
		display: inline;
	}

/* interview */
	body .page#interview {
		padding-bottom: 30px;
		background: url(../../misc_interview/imgs/bg.gif) repeat center top;
	}
	body #interview #container {
		width: 600px;
		margin: 0 auto;
		background-image: url(../../misc_interview/imgs/bg-container.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #interview #containerInner01 {
		background-image: none;
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#interviewBox {
		padding-bottom: 60px;
	}