﻿/* ===== Contents Area ===== */

#contents #side-space {
	margin: 15px auto 0 auto;
	width: 770px;
	height: 100%;
}


/* ===== Contents Area ===== */

#main-box {
	float: left;
	width: 770px;
}

#left-box {
	float: left;
	width: 175px;
	margin-right: 15px;
}

#right-box {
	float: left;
	width: 580px;
}



/* ===== Left Box Area ===== */

/* ===== Menu ===== */

#menu {
	width: 175px;
	text-align: left;
	background: url(../image/common/menu_back_175.jpg) center top repeat-y;
}

#menu .back {
	width: 175px;
	background: url(../image/common/menu_back_175_bottom.jpg) center bottom no-repeat;
	padding-bottom: 1px;
}

#menu .space {
	margin: 5px 10px 0 10px;
	width: 155px;
}

#menu-green {
	width: 175px;
	text-align: left;
	background: url(../image/common/menu_back_green_175.jpg) center top repeat-y;
}

#menu-green .back {
	width: 175px;
	background: url(../image/common/menu_back_green_175_bottom.jpg) center bottom no-repeat;
	padding-bottom: 1px;
}

#menu-green .space {
	margin: 5px 10px 0 10px;
	width: 155px;
}

#menu ul,
#menu-green ul {
	margin-bottom: 10px;
	text-align: left;
	list-style: none;
	line-height: 160%;
}

#menu li,
#menu-green li {
	padding: 0 13px;
	background: url(../image/common/cursol_list.jpg) 0 0.3em no-repeat;
	color: #444;
	font-size: 65%;
	display: inline;
}
#menu li.first,
#menu-green li.first {
}
#menu li a.line,
#menu-green li a.line {
	color: #f29a2c;
}



/* ===== Right Box Area ===== */

/* ===== Main ===== */

#main-area {
	width: 580px;
	text-align: left;
}

#main-area .space {
	margin: 15px 10px 0 10px;
	width: 560px;
}

#main-area .space img.top-image {
	margin-bottom: 10px;
}

#main-area .space .space-left {
	float: left;
	width: 165px;
	margin-top: 15px;
	
	text-align: left;
}

#main-area .space .space-right {
	float: left;
	width: 395px;
	margin-top: 15px;
}

#main-area .space .space-left2 {
	float: left;
	width: 395px;
	margin-top: 15px;
/*	padding-top: 15px;
	border-top: #bcbcbc dashed 1px;*/
}

#main-area .space .space-left2-first {
	float: left;
	width: 395px;
	margin-top: 0px;
	margin-right: 15px;
}

#main-area .space .space-right2 {
	float: left;
	width: 165px;
	margin-top: 15px;
/*	padding-top: 15px;
	border-top: #bcbcbc dashed 1px;*/
}

#main-area .space .space-right2-first {
	float: left;
	width: 150px;
	margin-top: 0px;
}

#main-area .space .space-left3 {
	float: left;
	width: 165px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: #bcbcbc dashed 1px;
}

#main-area .space .space-right3 {
	float: left;
	width: 395px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: #bcbcbc dashed 1px;
}

#main-area .space .space-left4 {
	float: left;
	width: 395px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: #bcbcbc dashed 1px;
}

#main-area .space .space-right4 {
	float: left;
	width: 165px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: #bcbcbc dashed 1px;
}


/* ===== Companyページ ===== */
#main-area .space .space-company {
	width: 560px;
	padding-top: 8px;
	padding-bottom: 5px;

	border-bottom: #adadad dashed 1px;
}
#main-area .space .space-company-last {
	width: 560px;
	padding-top: 8px;
	padding-bottom: 5px;

}
#main-area .space .space-company-left {
	float: left;
	width: 120px;
}
#main-area .space .space-company-right {
	float: left;
	width: 440px;
}


/* ===== Serviceページ ===== */

#main-area .space .space-right2 img {
	float: right;
}

#main-area p img#button-service1,
#main-area p img#button-service2 {
	float: right;
}


/* ===== Recruitページ テキストスペース ===== */

#main-area .space .space-text {
	width: 560px;
	margin-top: 15px;
	background: url(../image/common/window_text_back_560.jpg) center top repeat-y;
}

#main-area .space .space-text .back-top {
	width: 560px;
	background: url(../image/common/window_text_back_560_top.jpg) center top no-repeat;
	padding-top: 10px;
}

#main-area .space .space-text .back-bottom {
	width: 560px;
	background: url(../image/common/window_text_back_560_bottom.jpg) center bottom no-repeat;
	padding-bottom: 10px;
}

#main-area .space .space-text .back-bottom .inner-space {
	margin: 0 10px 0 10px;
	width: 540px;
}

#main-area p img#button-recruit1,
#main-area p img#button-recruit2 {
	float: right;
}


/* ===== Contactページ ===== */

#main-area p img#button-contact1,
#main-area p img#button-contact2 {
	margin-top: 10px;
}

table.table-contact {
	width: 560px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;

	color: #444;
	font-size: 75%;
	line-height: 150%;
}

table.table-contact a:link,
table.table-contact a:visited,
table.table-contact a:active,
table.table-contact a:hover {
	color: #f29a2c;
}


table.table-contact th.th-contact {
	width: 130px;
	padding: 8px 10px 5px 10px;
	vertical-align: middle;
	text-align: left;

	border-bottom: #adadad dashed 1px;
}

table.table-contact th.th-contact-last {
	width: 130px;
	padding: 8px 10px 5px 10px;
	vertical-align: middle;
	text-align: left;
}

table.table-contact td.td-contact {
	width: 420px;
	padding: 8px 10px 5px 0px;
	vertical-align: middle;
	text-align: left;

	border-bottom: #adadad dashed 1px;
}

table.table-contact td.td-contact-last {
	width: 420px;
	padding: 8px 10px 5px 0px;
	vertical-align: middle;
	text-align: left;
}



/* ===== Wide Box Area ===== */

/* ===== Main-Wide ===== */

#main-wide-area {
	width: 770px;
	text-align: left;
}

#main-wide-area .space {
	margin: 15px 10px 0 10px;
	width: 750px;
}

#main-wide-area .space img.top-image {
	margin-bottom: 10px;
}

#main-wide-area .space .space-left {
	float: left;
	width: 165px;
	margin-top: 15px;
}

#main-wide-area .space .space-right {
	float: left;
	width: 585px;
	margin-top: 15px;
}

#main-wide-area .space .space-left2 {
	float: left;
	width: 585px;
	margin-top: 15px;
	margin-right: 15px;
}

#main-wide-area .space .space-left2-first {
	float: left;
	width: 585px;
	margin-top: 0px;
	margin-right: 15px;
}

#main-wide-area .space .space-right2 {
	float: left;
	width: 150px;
	margin-top: 15px;
}

#main-wide-area .space .space-right2-first {
	float: left;
	width: 150px;
	margin-top: 0px;
}

#main-wide-area .space .sitemap-left-box {
	float: left;
	width: 375px;
	text-align: left;
}

#main-wide-area .space .sitemap-right-box {
	float: left;
	width: 375px;
	text-align: left;
}









/* ===== Cms List ===== */
table.cms-list {
	width: 740px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

table.cms-list td.left {
	width: 170px;
	vertical-align: top;
	text-align: left;
}

table.cms-list td.right {
	width: 570px;
	vertical-align: center;
	text-align: left;
}

#main-wide-area p img#button-cms {
	float: right;
}


/* ===== CMS Detail ===== */

table.cms-detail {
	width: 265px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

table.cms-detail td {
	padding: 0px 15px 5px 0px;
	width: 250px;
	vertical-align: top;
	text-align: left;
}

table.cms-detail td.under {
	padding: 10px 15px 5px 0px;
}

#main-wide-area .space .cms-under {
	width: 750px;
	text-align: center;
}



/* ===== Linkページ ===== */

table.table-link {
	width: 750px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;

	color: #444;
	font-size: 75%;
	line-height: 150%;
}

table.table-link a:link,
table.table-link a:visited,
table.table-link a:active,
table.table-link a:hover {
	color: #f29a2c;
}


table.table-link th {
	width: 100px;
	padding: 10px 5px;
	vertical-align: middle;
	text-align: left;
}

table.table-link th.first {
	padding: 5px 5px 10px 5px;
}

table.table-link td {
	width: 630px;
	padding: 10px 5px;
	vertical-align: middle;
	text-align: left;
}

table.table-link td.first {
	padding: 5px 5px 10px 5px;
}



/* ===== Loginページ ===== */

table#kanri-table {
	width: 740px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

table#kanri-table td.long {
	padding: 5px 0 5px 0;
}

table#kanri-table table {
	width: 740px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
	color: #444;
	font-size: 75%;
	line-height: 150%;
}

table#kanri-table table th {
	padding: 5px 10px 5px 10px;
	width: 80px;
	vertical-align: center;
	text-align: left;
	border-width: 0;
}

table#kanri-table table td {
	padding: 5px 10px 5px 10px;
	width: 620px;
	vertical-align: top;
	text-align: left;
	border-width: 0;
}





/* ===== テキスト設定 ===== */

#main-area h3,
#main-wide-area h3 {
	margin-top: 50px;
	color: #333;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

#main-area h3.first,
#main-wide-area h3.first {
	margin-top: 0px;
}

#main-area h3.h3-privacy,
#main-wide-area h3.h3-privacy {
	margin-top: 30px;
}

#main-area h4,
#main-wide-area h4 {
	margin-top: 30px;
	color: #333;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

#main-area h4.first,
#main-wide-area h4.first {
	margin-top: 0px;
}

table.cms-list td.right h4 {
	margin-bottom: 10px;

	color: #f29a2c;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

table.cms-list td.right h4 a:link,
table.cms-list td.right h4 a:visited {
	color: #f29a2c;
}

table.cms-list td.right h4 a:active,
table.cms-list td.right h4 a:hover {
	color: #f29a2c;
}

#main-area h5,
#main-wide-area h5 {
	margin-top: 30px;
	color: #333;
	font-size: 75%;
	line-height: 150%;
	font-weight: bold;
}

#main-area h5.first,
#main-wide-area h5.first {
	margin-top: 0px;
}

#main-area h5.first a{
	text-decoration:underline;
	font-weight:bold;
}

#main-area p,
#main-wide-area p {
	margin-top: 15px;
	color: #444;
	font-size: 75%;
	line-height: 150%;
}

#main-area p.first,
#main-wide-area p.first {
	margin-top: 0px;
}

#main-area p.first-inner,
#main-wide-area p.first-inner {
	margin-top: 5px;
}

#main-area p.first-inner2,
#main-wide-area p.first-inner2 {
	margin-top: 10px;
}

#main-area .space .space-company-right p {
	line-height: 200%;
}

#main-area p span,
#main-wide-area p span {
	color: #8c8613;
}

table.cms-list td.right p {
	margin-bottom: 10px;

	color: #444;
	font-size: 75%;
	line-height: 150%;
}

table.cms-list td.right p a:link,
table.cms-list td.right p a:visited {
	color: #444;
}

table.cms-list td.right p a:active,
table.cms-list td.right p a:hover {
	color: #444;
	text-decoration: underline;
}

table.table-contact th span {
	color: #ff0000;
}

/*#main-area .space ul li,
#main-wide-area .space ul li {
	font-size: 75%;
	line-height: 150%;
	margin-bottom: 5px;
	border-bottom: #bcbcbc dashed 1px;
}

#main-area .space ul li a,
#main-wide-area .space ul li a {
	color: #333;
}

#main-area .space ul li span,
#main-wide-area .space ul li span {
	color: #f29a2c;
}*/

ul.ul-privacy {
	margin-top: 5px;
	margin-left: 1em;
}

ul.ul-privacy li {
	color: #444;
	font-size: 75%;
	line-height: 150%;
}

ul.ul-sitemap {
	margin-top: 5px;
	margin-left: 10px;
}

ul.ul-sitemap li {
	padding-left: 14px;
	background: url(../image/common/cursol_list.jpg) 0 0.3em no-repeat;
	color: #444;
	font-size: 75%;
	line-height: 220%;
	display: inline;

	border: 0px;
}

