/*===========================================================================================

▼ COMMON

===========================================================================================*/

* {
	font-size: 1em;
	font-family: MS PGOTHIC, HIRAGINO KAKU GOTHIC, Arial, Sans-Serif;
	margin: 0px;
	padding: 0px;
	color: #333333;
	}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
p,ul,li,form,input {
	margin: 0px;
	padding: 0px;
	}
a img {
	border: 0px;
	}
br {
	clear: both;
	}

div#bg_header {
	height: 122px;
	background: url('../image/common/bg_header.gif') 0 0 repeat-x;
	}
div#header {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
	}
div.logo {
	width: 178px;
	height: 60px;
	background: url('../image/common/logo.gif') 0 0 no-repeat;
	float: left;
	}
div.logo a {
	width: 178px;
	height: 60px;
	display: block;
	background: url('../image/common/logo.gif') 0 0 no-repeat;
	text-decoration: none;
	}
div.logo span {
	position: relative;
	z-index: -1;
	}

h1 {
	font-size: 0.8em;
	float: left;
	padding-top: 53px;
	padding-left: 20px;
	}
h1 a {
	text-decoration: none;
	}

div#header p {
	font-size: 0.8em;
	text-decoration: none;
	width: 120px;
	height: 14px;
	background: url('../image/common/icon_01.gif') 0 0 no-repeat;
	padding-left: 20px;
	float: right;
	}
div#header p a {
	text-decoration: none;
	}
div#header p a:hover {
	color: #66534D;
	text-decoration: underline;
	}
div#wrapper {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	}

/*------------------------------------------------------------------------------------
▽ GLOBAL NAVIGATION
------------------------------------------------------------------------------------*/
div#bg_g_navi {
	background: url('../image/common/bg_g_navi.gif') 0 0 repeat-x;
	height: 50px;
	}
div#g_navi {
	display: block;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	}
div#g_navi ul {
	list-style: none;
	}
div#g_navi li {
	float: left;
	}

/*HOME*/
li.home {
	width: 122px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') 0 0 no-repeat;
	display: block;
	}
li.home a {
	width: 122px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') 0 0 no-repeat;
	display: block;
	text-decoration: none;
	}
li.home a:hover {
	background: url('../image/common/g_navi.jpg') 0 -50px no-repeat;
	}
li.home span {
	position: relative;
	z-index: -1;
	}

/*MESSAGE*/
li.message {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -122px -50px no-repeat;
	display: block;
	}
li.message a {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -122px 0 no-repeat;
	display: block;
	text-decoration: none;
	}
li.message a:hover {
	background: url('../image/common/g_navi.jpg') -122px -50px no-repeat;
	}
li.message span {
	position: relative;
	z-index: -1;
	}

/*COMPANY*/
li.company {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -243px -50px no-repeat;
	display: block;
	}
li.company a {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -243px 0 no-repeat;
	display: block;
	text-decoration: none;
	}
li.company a:hover {
	background: url('../image/common/g_navi.jpg') -243px -50px no-repeat;
	}
li.company span {
	position: relative;
	z-index: -1;
	}

/*BUSINESS*/
li.business {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -364px -50px no-repeat;
	display: block;
	}
li.business a {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -364px 0 no-repeat;
	display: block;
	text-decoration: none;
	}
li.business a:hover {
	background: url('../image/common/g_navi.jpg') -364px -50px no-repeat;
	}
li.business span {
	position: relative;
	z-index: -1;
	}

/*WORKS*/
li.works {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -606px -50px no-repeat;
	display: block;
	}
li.works a {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -606px 0 no-repeat;
	display: block;
	text-decoration: none;
	}
li.works a:hover {
	background: url('../image/common/g_navi.jpg') -606px -50px no-repeat;
	}
li.works span {
	position: relative;
	z-index: -1;
	}

/*RECRUIT*/
li.recruit {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -485px -50px no-repeat;
	display: block;
	}
li.recruit a {
	width: 121px;
	height: 50px;
	background: url('../image/common/g_navi.jpg') -485px 0 no-repeat;
	display: block;
	text-decoration: none;
	}
li.recruit a:hover {
	background: url('../image/common/g_navi.jpg') -485px -50px no-repeat;
	}
li.recruit span {
	position: relative;
	z-index: -1;
	}


/*------------------------------------------------------------------------------------
▽ FOOTER
------------------------------------------------------------------------------------*/

div#bg_footer {
	background: url('../image/common/bg_footer.gif') 0 0 repeat-x;
	height: 122px;
	}
div#footer {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	}
div#footer p {
	font-family: Arial, Sans-serif;
	font-size: 0.7em;
	color: #66534D;
	margin-top: 10px;
	float: left;
	}
div.pagetop {
	width: 120px;
	height: 30px;
	background: url('../image/common/btn_pagetop.gif') 0 0 no-repeat;
	display: block;
	float: right;
	}
div.pagetop a {
	width: 120px;
	height: 30px;
	background: url('../image/common/btn_pagetop.gif') 0 0 no-repeat;
	display: block;
	text-decoration: none;
	}
div.pagetop a:hover {
	background: url('../image/common/btn_pagetop.gif') 0 -30px no-repeat;
	}
div.pagetop span {
	position: relative;
	z-index: -1;
	}


/*===========================================================================================

▼ INDEX

===========================================================================================*/

div#flashcontents {
	width: 850px;
	height: 400px;
	}
div.topics {
	width: 610px;
	float: left;
	}
div.topics h2 {
	background: url('../image/index/ttl_topics.gif') 0 0 no-repeat;
	width: 620px;
	height: 20px;
	margin-top: 20px;
	}
div.topics span {
	position: relative;
	z-index: -1;
	}
div.topics ul {
	list-style: none;
	margin: 10px 0 20px 10px;
	}
div.topics li {
	font-size: 0.8em;
	line-height: 1.4em;
	}
div.topics li a {
	line-height: 1.4em;
	text-decoration: underline;
	}
div.topics li a:hover {
	line-height: 1.4em;
	text-decoration: none;
	color: #66534D;
	}

div.recommend {
	width: 200px;
	float: right;
	}
div.recommend h2 {
	background: url('../image/index/ttl_recommend.gif') 0 0 no-repeat;
	width: 200px;
	height: 20px;
	margin-top: 20px;
	}
div.recommend span {
	position: relative;
	z-index: -1;
	}
div.recommend ul {
	width: 200px;
	margin-bottom: 20px;
	}
div.recommend li {
	list-style: none;
	width: 200px;
	margin-top: 10px;
	}


/*===========================================================================================

▼ MESSAGE

===========================================================================================*/

div.message h2 {
	width: 850px;
	height: 100px;
	background: url('../image/message/ttl_message.jpg') 0 0 no-repeat;
	display: block;
	}
div.message span {
	position: relative;
	z-index: -1;
	}
p.ceoimg {
	width: 200px;
	height: 150px;
	float: left;
	padding-right: 40px;
	margin-top: 20px;
	font-size: 0.8em;
	line-height: 1.4em;
	}
p.ceoimg img {
	margin-bottom: 5px;
	}
p.txt_message {
	font-size: 0.8em;
	width: 610px;
	margin-top: 20px;
	float: right;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
	}
div.message h3 {
	width: 610px;
	height: 20px;
	background: url('../image/message/ttl_profile.gif') 0 0 no-repeat;
	display: block;
	float: right;
	margin-top: 30px;
	}
div.message span {
	position: relative;
	z-index: -1;
	}
div.message ul {
	width: 610px;
	float: right;
	list-style-position: inside;
	margin: 10px 0px 40px 10px;
	}
div.message li {
	font-size: 0.8em;
	line-height: 1.6em;
	}

/*===========================================================================================

▼ COMPANY

===========================================================================================*/

div.company h2 {
	width: 850px;
	height: 100px;
	background: url('../image/company/ttl_company.jpg') 0 0 no-repeat;
	display: block;
	}
div.company span {
	position: relative;
	z-index: -1;
	}

div.company table {
	width: 850px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px 0px 40px 0px;
/*	border: 1px solid #CCCCCC;*/
	}
div.company th {
	font-size: 0.8em;
	width: 130px;
	padding: 1em;
	text-align: left;
/*	border-bottom: 1px dashed #CCC;
	background: #F3F3F3;*/
	}
div.company td {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 1em 2em 1em 2em;
/*	border-bottom: 1px dashed #CCC;*/
	}
div.company td a {
	text-decoration: underline;
	}
div.company td a:hover {
	text-decoration: none;
	color: #66534D;
	}

/*===========================================================================================

▼ BUSINESS

===========================================================================================*/

div.business h2 {
	width: 850px;
	height: 100px;
	background: url('../image/business/ttl_business.jpg') 0 0 no-repeat;
	display: block;
	}
div.business span {
	position: relative;
	z-index: -1;
	}
div.business img {
	margin-top: 10px;
	margin-bottom: 30px;
	}


/*===========================================================================================

▼ WORKS

===========================================================================================*/

div.works h2 {
	width: 850px;
	height: 100px;
	background: url('../image/works/ttl_works.jpg') 0 0 no-repeat;
	display: block;
	}
div.works span {
	position: relative;
	z-index: -1;
	}

div.year {
	width: 200px;
	float: left;
	}
div.year li {
	list-style: none;
	background: url('../image/works/icon_year.gif') 0 0 no-repeat;
	text-indent: 20px;
	margin-top: 30px;
	font-family: SANS-SERIF;
	font-size: 0.8em;
	font-weight: bold;
	color: #555;
	height: 30px;
	padding-top: 0.5em;
	}

div.container {
	width: 630px;
	float: right;
	margin-top: 30px;
	margin-bottom: 40px;
	}
div.container img {
	background: url('../image/works/bg_exterior.gif') 0 0 no-repeat;
	padding: 10px;
	float: left;
	}
div.container h3 {
	width: 430px;
	float: right;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Arial;
	color: #66534D;
	border-left: 5px solid #66534D;
	padding-left: 5px;
	margin-left: 10px;
	}
div.container table {
	width: 440px;
	float: right;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #CCCCCC;
	margin-top: 16px;
	}
div.container th {
	font-size: 0.8em;
	width: 100px;
	padding: 0.3em;
	border-bottom: 1px dashed #CCC;
	background: #F3F3F3;
	font-weight: normal;
	color: #666;
	}
div.container td {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0.3em 0.5em 0.3em 0.5em;
	border-bottom: 1px dashed #CCC;
	color: #666;
	}


/*===========================================================================================

▼ RECRUIT

===========================================================================================*/

div.recruit h2 {
	width: 850px;
	height: 100px;
	background: url('../image/recruit/ttl_recruit.jpg') 0 0 no-repeat;
	display: block;
	}
div.recruit span {
	position: relative;
	z-index: -1;
	}

div.recruit p {
	margin: 40px;
	}

/*===========================================================================================

▼ PRIVACY POLICY

===========================================================================================*/

div.privacy h2 {
	width: 850px;
	height: 100px;
	background: url('../image/privacy/ttl_privacy.jpg') 0 0 no-repeat;
	display: block;
	}
div.privacy span {
	position: relative;
	z-index: -1;
	}
div.privacy	h3 {
	font-weight: bold;
	margin-top: 20px;
	}
div.privacy	h4 {
	font-weight: bold;
	margin-top: 20px;
	}
div.privacy	h5 {
	font-size: 0.9em;
	}

div.privacy ul {
	list-style-position: outside;
	margin-left: 20px;
	margin-top: 5px;
	}
div.privacy li {
	font-size: 0.8em;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	}
div.privacy p {
	font-size: 0.8em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	margin-top: 5px;
	}
div.window {
	width: 300px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px dashed #999;
	}
p.representation {
	margin-bottom: 40px;
	}

/*===========================================================================================

▼ PRIVACY POLICY 2

===========================================================================================*/

div.privacy2 {
	width: 830px;
	background: #EEE;
	color: #333;
	padding: 5px;
	}
div.privacy2 h2 {
	font-weight: bold;
	font-size: 14px;
	}
div.privacy2 h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	}
div.privacy2 h4 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	}
div.privacy	h5 {
	font-size: 14px;
	}

div.privacy2 ul {
	list-style-position: outside;
	margin-left: 20px;
	margin-top: 5px;
	}
div.privacy2 li {
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	}
div.privacy2 p {
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	margin-top: 5px;
	}