@charset "UTF-8";


/* base
----------------------------------------------- */
body {
	color: #64645a;
	background: #f5f5eb url(../common/background01.gif) repeat-x left top;
}
a {
	color:#323228;
	text-decoration: underline;
	overflow: hidden;
}
a:hover {
	color:#96968c;
	text-decoration: underline;
}
hr {
	display: none;
}


/* headline
----------------------------------------------- */
h1 {
	margin: 0;
	font-size: 6pt;
}
h4 {
	margin: 15px 0 0;
}


/* header
----------------------------------------------- */
#header {
	margin: auto;
	width: 760px;
	text-indent: -9999px;
}
#header_left {
	float: left;
	width: 160px;
}
#header_right {
	float: right;
	width: 93px;
}
#header_right p {
	margin: 26px 0 0;
	height: 31px;
	font-size: 7pt;
	background: url(../common/findthevalue.gif) no-repeat left top;
}
#header_left h1 a {
	display: block;
	height: 66px;
	text-decoration: none;
	background: url(../common/aventi.gif) no-repeat left top;
}
#header:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/* site info
----------------------------------------------- */
#siteinfo {
	margin: auto;
	padding: 15px 0 0;
	width: 760px;
	font-size: 8pt;
	border-top: 3px solid #d2d2c8;
}


/* copyright
----------------------------------------------- */
#copyright {
	margin: 5px 0 0;
	font-size: 7pt;
	font-weight: bold;
}


/* contents
----------------------------------------------- */
#contents {
	margin: auto;
	padding: 0 0 15px 0;
	width: 760px;
	text-align: left;
	background: url(../common/contents_bg.gif) repeat-y;
}
#contents_left {
	float: left;
	width: 578px;
}
#contents_right {
	float: right;
	width: 150px;
}
#contents:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#contents_left p {
	margin: 10px 0 0;
}


/* contents index
----------------------------------------------- */
#contentsindex h3 {
	margin: 15px 0 0;
	text-indent: -9999px;
}
#contentsindex h3 {
	width: 123px;
	height: 7px;
	text-decoration: none;
	background: url(../common/t_index.gif) no-repeat left top;
}
#contentsindex ul {
	margin: 15px 0 0;
}
#contentsindex li {
	margin: 2px 0 0;
}
#contentsindex li a {
	display: block;
	width: 150px;
	height: 23px;
	text-indent: -9999px;
	text-decoration: none;
}
#contentsindex ul ul {
	margin: 0;
	padding: 0;
}
#contentsindex ul ul li a {
	margin: 0 0 0 21px;
	padding: 0;
	width: 129px;
	height: 25px;
}
#index01 a {
	background: url(../common/m_news.gif) no-repeat left top;
}
#index02 a {
	background: url(../common/m_company.gif) no-repeat left top;
}
#index03 a {
	background: url(../common/m_business.gif) no-repeat left top;
}
#index04 a {
	background: url(../common/m_employment.gif) no-repeat left top;
}
#index05 a {
	background: url(../common/m_contact.gif) no-repeat left top;
}
#index01 a:hover,#index01 .this {
	background: url(../common/m_news_ov.gif) no-repeat left top;
}
#index02 a:hover,#index02 .this {
	background: url(../common/m_company_ov.gif) no-repeat left top;
}
#index03 a:hover,#index03 .this {
	background: url(../common/m_business_ov.gif) no-repeat left top;
}
#index04 a:hover,#index04 .this {
	background: url(../common/m_employment_ov.gif) no-repeat left top;
}
#index05 a:hover,#index05 .this {
	background: url(../common/m_contact_ov.gif) no-repeat left top;
}

#company01 a {
	background: url(../company/images/m_philosophy.gif) no-repeat left top;
}
#company02 a {
	background: url(../company/images/m_outline.gif) no-repeat left top;
}
#company03 a {
	background: url(../company/images/m_history.gif) no-repeat left top;
}
#company01 a:hover,#company01 .this {
	background: url(../company/images/m_philosophy_ov.gif) no-repeat left top;
}
#company02 a:hover,#company02 .this {
	background: url(../company/images/m_outline_ov.gif) no-repeat left top;
}
#company03 a:hover,#company03 .this {
	background: url(../company/images/m_history_ov.gif) no-repeat left top;
}

#business01 a {
	background: url(../business/images/m_overview.gif) no-repeat left top;
}
#business02 a {
	background: url(../business/images/m_ecommerce.gif) no-repeat left top;
}
#business03 a {
	background: url(../business/images/m_contents.gif) no-repeat left top;
}
#business04 a {
	background: url(../business/images/m_office.gif) no-repeat left top;
}
#business01 a:hover,#business01 .this {
	background: url(../business/images/m_overview_ov.gif) no-repeat left top;
}
#business02 a:hover,#business02 .this {
	background: url(../business/images/m_ecommerce_ov.gif) no-repeat left top;
}
#business03 a:hover,#business03 .this {
	background: url(../business/images/m_contents_ov.gif) no-repeat left top;
}
#business04 a:hover,#business04 .this {
	background: url(../business/images/m_office_ov.gif) no-repeat left top;
}


/* category
----------------------------------------------- */
#category h2 {
	margin: 0 auto;
	width: 780px;
	height: 184px;
	text-indent: -9999px;
}
#ct_news {
	background: url(../news/images/h2_news.jpg) no-repeat;
}
#ct_philosophy {
	background: url(../company/images/h2_philosophy.jpg) no-repeat;
}
#ct_outline {
	background: url(../company/images/h2_outline.jpg) no-repeat;
}
#ct_history {
	background: url(../company/images/h2_history.jpg) no-repeat;
}
#ct_overview {
	background: url(../business/images/h2_overview.jpg) no-repeat;
}
#ct_ecommerce {
	background: url(../business/images/h2_ecommerce.jpg) no-repeat;
}
#ct_contents {
	background: url(../business/images/h2_contents.jpg) no-repeat;
}
#ct_office {
	background: url(../business/images/h2_office.jpg) no-repeat;
}
#ct_recruitment {
	background: url(../employment/images/h2_recruitment.jpg) no-repeat;
}
#ct_contact {
	background: url(../contact/images/h2_contact.jpg) no-repeat;
}
#ct_privacy {
	background: url(../privacy/images/h2_privacy.gif) no-repeat;
}
#ct_sitemap {
	background: url(../sitemap/images/h2_sitemap.gif) no-repeat;
}


/* title
----------------------------------------------- */
#title h3 {
	margin: 15px 0 0;
	width: 578px;
	height: 48px;
	text-indent: -9999px;
}
#t_news {
	background: url(../news/images/h3_news.gif) no-repeat;
}
#t_philosophy {
	background: url(../company/images/h3_philosophy.gif) no-repeat;
}
#t_outline {
	background: url(../company/images/h3_outline.gif) no-repeat;
}
#t_history {
	background: url(../company/images/h3_history.gif) no-repeat;
}
#t_overview {
	background: url(../business/images/h3_overview.gif) no-repeat;
}
#t_ecommerce {
	background: url(../business/images/h3_ecommerce.gif) no-repeat;
}
#t_contents {
	background: url(../business/images/h3_contents.gif) no-repeat;
}
#t_office {
	background: url(../business/images/h3_office.gif) no-repeat;
}
#t_recruitment {
	background: url(../employment/images/h3_recruitment.gif) no-repeat;
}
#t_contact {
	background: url(../contact/images/h3_contact.gif) no-repeat;
}
#t_privacy {
	background: url(../privacy/images/h3_privacy.gif) no-repeat;
}
#t_sitemap {
	background: url(../sitemap/images/h3_sitemap.gif) no-repeat;
}


/* list
----------------------------------------------- */
.listtyle1 {
	margin: 15px 0 0;
	border-top: 2px solid #d2d2c8;
}
.listtyle1 li {
	padding: 5px 0;
	line-height: 1.6em;
	border-bottom: 1px solid #d2d2c8;
}
.listtyle1 li a {
	font-weight: bold;
}

.listtyle2 {
	margin: 0;
	padding: 0 0 0 25px;
}
.listtyle2 li {
	margin: 15px 0 0;
	padding: 0;
}
.listtyle3 {
	margin: 0;
	padding: 0 0 0 25px;
}


/* line
----------------------------------------------- */
.line1 {
	border-top: 1px solid #d2d2c8;
}
.line2 {
	border-top: 2px solid #d2d2c8;
}


/* table
----------------------------------------------- */
.tabletype1 {
	margin: 15px 0 0;
	width: 100%;
	border-top: 2px solid #d2d2c8;
}
.tabletype1 th {
	padding: 10px 0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	border-right: 1px dotted #d2d2c8;
	border-bottom: 1px solid #d2d2c8;
}
.tabletype1 td {
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #d2d2c8;
}
.tabletype2 {
	margin: 15px 0 0;
	width: 100%;
	border-top: 2px solid #d2d2c8;
}
.tabletype2 th {
	padding: 10px 15px 10px 0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	border-right: 1px dotted #d2d2c8;
	border-bottom: 1px solid #d2d2c8;
}
.tabletype2 td {
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #d2d2c8;
}


/* entry
----------------------------------------------- */
.entry {
	margin: 15px 0 0;
	padding: 0;
	border-top: 2px solid #d2d2c8;
}
.entry h4 {
	margin: 15px 0 0;
	padding: 0 0 15px;
	font-size: 18px;
	border-bottom: 1px solid #d2d2c8;
}
.entry p {
	margin: 10px 0 0;
}


/* find the value
----------------------------------------------- */
#findthevalue {
	margin: 15px 0 0;
	padding: 0;
	width: 229px;
	height: 27px;
	text-indent: -9999px;
	background: url(../company/images/copy1.gif) no-repeat;
}


/* point
----------------------------------------------- */
#contents_left .point {
	padding: 0 0 15px;
	background: url(../common/point_bt.gif) no-repeat left bottom;
}
#contents_left .point h4 {
	padding: 15px 15px 0;
	font-size: 10pt;
	background: url(../common/point_tp.gif) no-repeat left top;
}
#contents_left .point p {
	margin: 0;
	padding: 10px 15px 0;
	background: url(../common/point_md.gif) repeat-y;
}


/* service
----------------------------------------------- */
.service {
	margin: 15px 0 0;
	padding: 15px 0 10px;
	width: 578px;
	border: 1px solid #d2d2c8;
	background: #f0f0e6;
}
.service_left {
	float: left;
	width: 195px;
}
.service_right {
	float: right;
	width: 367px;
}
.service_right h4 {
	margin: 0;
	width: 351px;
	height: 18px;
	text-indent: -9999px;
}
.service_right p {
	padding: 0 15px 0 0;
}
.service_center h4 {
	margin: 0 0 0 15px;
	width: 351px;
	height: 18px;
	text-indent: -9999px;
}
.service_center p {
	padding: 0 15px 0;
}
.service_left img {
	margin: 0 0 0 15px;
	border: 1px solid #d2d2c8;
}
.service:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#ecommerce01 {
	background: url(../business/images/ecommerce1.gif) no-repeat;
}
#ecommerce02 {
	background: url(../business/images/ecommerce2.gif) no-repeat;
}
#contents01 {
	background: url(../business/images/contents1.gif) no-repeat;
}
#contents02 {
	background: url(../business/images/contents2.gif) no-repeat;
}
#contents03 {
	background: url(../business/images/contents3.gif) no-repeat;
}
#contents04 {
	background: url(../business/images/contents4.gif) no-repeat;
}
#contents05 {
	background: url(../business/images/contents6.gif) no-repeat;
}
#office01 {
	background: url(../business/images/office1.gif) no-repeat;
}
#office02 {
	background: url(../business/images/office2.gif) no-repeat;
}
#office03 {
	background: url(../business/images/office3.gif) no-repeat;
}


/* form
----------------------------------------------- */
.roman {
	ime-mode: disabled;
}
.need {
	background: #dce6dc;
}
.text1 {
	width: 100%;
	height: 20px;
	border: 1px solid #d2d2c8;
}
.note1 {
	width: 100%;
	height: 200px;
	border: 1px solid #d2d2c8;
}

.privacy_box {
	margin: 15px 0 0;
	padding: 10px 0 15px;
	width: 578px;
	border: 1px solid #d2d2c8;
	background: #f0f0e6;
}

.privacy_box p {
	padding:0 15px;}

.privacy_box ol {
	padding:0 15px;
	margin:10px 35px 0;}

/* sitemap
----------------------------------------------- */
#sitemap li {
	margin: 15px 0 0;
	padding: 0 0 0 15px;
}


/* google map
----------------------------------------------- */
#gmap {
	margin: 5px 0;
	width: 100%;
	height: 320px;
}


/* alert
----------------------------------------------- */
.alert {
	margin: 10px 0 0;
}
.alert li {
	margin: 5px 0 0;
}

/* privacypolicy
----------------------------------------------- */
.privacy_table {
width:580px;
margin:15px 0 0;}

.privacy_table th {
vertical-align:top;
font-weight:normal;
padding:10px 10px 10px 0;
white-space:nowrap;
width:1%;}

.privacy_table td .strong {
font-weight:bold;}

.companyinfo_table {
width:560px;
margin:10px 0 0 20px;}

.privacy_table2 {
margin:15px 0 0;}

.privacy_table2 th {
padding:0 5px 0 0;}

.privacy_table2 ol li {
margin:0;}

.privacy_table3 {
margin:15px 0 0 20px;}

.privacy_table3 th {
vertical-align:top;
font-weight:normal;
padding:0 10px 0 0;
white-space:nowrap;
width:1%;}

.privacy_table3 td th {
padding:10px 5px 0 0;}

.privacy_table3 td td {
padding:10px 0 0;}

.oltype01 {
margin:5px 0 10px;
padding:0 0 0 40px;}

.companyinfo_table th {
vertical-align:top;
font-weight:normal;
padding:5px 5px 0 0;
white-space:nowrap;
width:1%;}

.companyinfo_table td {
padding:3px 10px 5px 0;
}