@charset "utf-8";
/* CSS Document */

/* メインナビゲーション Index用ロールオーバー指定 */


a.link-home{
    background-image:url(../images/menu-tab.gif);
	background-position:0px -40px;
}

a:hover.link-home{
    background-position:0px -20px;
}

a.link-vision{
	background-image:url(../images/menu-tab.gif);
	background-position: -68px -40px;
}

a:hover.link-vision{
    background-position:-68px -20px;
}
a.link-company{
	background-image:url(../images/menu-tab.gif);
	background-position: -136px -20px;
	cursor: default;
}
/*
a:hover.link-company{
    background-position:-136px -20px;
}
*/
a.link-recruit{
	background-image:url(../images/menu-tab.gif);
	background-position: -204px 0px;
}
a:hover.link-recruit{
	background-position:-204px -60px;
}
a.link-service{
	background-image:url(../images/menu-tab.gif);
	background-position: -272px 0px;
	cursor: default;
}
a:hover.link-service{
	background-position:-272px -60px;
}

/* ぱんくずナビ */
#page-navi {
	background-image: url(images/title-company.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px auto;
	padding: 0px;
	height: 81px;
	width: 723px;
}
#page-navi-company a {
	color: #333333;
}
#page-navi-company {
	background-image: url(images/title-company.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px auto;
	padding: 0px;
	height: 81px;
	width: 723px;
}
#page-navi-company ul {
	display: block;
	margin: 0px 0px 0px 20px;
	height: 81px;
	width: 703px;
	padding: 0px;
}
#page-navi-company li {
	display: block;
	float: left;
	list-style-type: none;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0px;
	margin-top: 40px;
}

/* ページタイトル */
#title-company {
	background-image: url(images/subtitle-company.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 49px;
	width: 675px;
	text-indent: -9999px;
}

/* 会社概要 */
#company-outline {
	height: auto;
	width: 660px;
}
#company-outline dl{
	float: left;
}
#company-outline dt {
	float: left;
	padding-top: 3px;
}
#company-outline dd {
	_height: 1%;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 10em;
}

/* 業務内容 */
#work-contents {
	width: 600px;
}
#work-contents li {
	list-style-type: decimal;
	margin: 0px;
	padding: 0px 0px 8px;
	text-indent: -22px;
}
/* ＨＡＬのコアは「ベトナム」「IT」 */
#core {
	background-image: url(images/company-img01.jpg);
	background-position: right top;
	height: 200px;
	width: 655px;
	background-repeat: no-repeat;
}
/* 高品質・低コストを実現する */
#cost-quality {
	background-image: url(images/company-img02.jpg);
	background-position: left bottom;
	height: 250px;
	width: 655px;
	background-repeat: no-repeat;
}
/* システムインテグレーションサービス */
#system-integration {
	background-image: url(images/company-img03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 270px;
	width: 655px;
}
/* エンジニアリングサービス */
#engineeringservice {
	background-image: url(images/company-img04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 220px;
	width: 655px;
}
/* セクション分けの下線 */
.section-line {
	background-image: url(../images/line-section.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 15px 0px;
	height: 5px;
	width: 657px;
}

/* 役員略歴 */
#officer dt {
	font-weight: bold;
	padding-bottom: 8px;
}
#officer dd {
	padding-bottom: 8px;
	text-indent: -30px;
}
#officer dl {
	margin: 0px;
	padding: 0px 0px 10px;
}

/*
#outline {
	display: block;
	width: 600px;
	height: auto;
}
*/

/* H3項目名リストImage */
.h3-title-point {
	font-size: 16px;
	background-image: url(../images/point-01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 10px 0px;
	text-indent: 20px;
	width: 600px;
}
/* H3項目名下線 */
.h3-title-line {
	background-image: url(../images/title-line01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px 0px 15px;
	height: 3px;
	width: 655px;
}
/* H4項目名リストImage */
.h4-title-point {
	font-size: 14px;
	font-weight: bold;
	color: #218B1A;
	background-image: url(../images/pointo-02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	margin: 0px;
	padding: 5px 0px;
}
/* 鎌倉本社 */
/* 鎌倉本社タイトルImage */
#title-kamakuraoffice {
	background-image: url(images/kamakura-office-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 675px;
	text-indent: -9999px;
}
#kamakura-introduction {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 666px;
}
#kamakura-intro {
	widows: 675px;
	height:auto;
	padding: 0px;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#image-frame-kamarkua01 {
	width:675px;
	height:395px;
	background-image: url(images/kamakura-image-02.jpg);
	background-repeat: no-repeat;
}
.kamakura-section-line {
	background-image: url(../images/title-line01.jpg);
	background-repeat: no-repeat;
	background-position: left 50px;
	height: 80px;
	width: 666px;
}
#image-frame-kamakura02 {
	width: 666px;
	padding-top: 20px;
	height: auto;
}
#about-kamakura {
	height: auto;
	width: 666px;
}
#about-kamakura-title {
	background-image: url(images/about-kamakura.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 57px;
	width: 309px;
}
.kamakura-left-frame2 {
	height: 80px;
	width: 309px;
	float: left;
}
.kamakura-right-frame2 {
	height: 400px;
	width: 330px;
	float: right;
}
#image-frame-kamakura03 {
	width: 666px;
	padding-top: 20px;
	height: 326px;
}
/* ハノイオフィス */
/* ハノイオフィスタイトルImage */
#title-hanoioffice {
	background-image: url(images/hanoi-office-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 675px;
	text-indent: -9999px;
}
#hanoi-address {
	font-size: 12px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 666px;
	font-weight: normal;
}
#introduction {
	margin: 0px;
	padding: 0px;
	height: 400px;
	width: 666px;
}
#intro-text {
	height: 150px;
	width: 348px;
	line-height: 160%;
}
#intro-text p {
	margin: 0px;
	padding: 0px;
}

.intro-left-frame {
	height: 400px;
	width: 348px;
	float: left;
}
#image-frame03 {
	height: 170px;
	width: 666px;
	padding-top: 20px;
}


#image-frame01 {
	height: 250px;
	width: 348px;
}
#image-frame02 {
	float: left;
	height: 400px;
	width: 303px;
}
.intro-right-frame {
	height: 400px;
	width: 303px;
	float: right;
}
#image-frame04 {
	height: 220px;
	width: 666px;
	padding-top: 20px;
}
.hanoi-section-line {
	background-image: url(../images/title-line01.jpg);
	background-repeat: no-repeat;
	background-position: left 50px;
	height: 80px;
	width: 655px;
}
.intro-left-frame2 {
	height: 400px;
	width: 309px;
	float: left;
}
.intro-right-frame2 {
	height: 80px;
	width: 340px;
	float: right;
}
#about-hanoi-title {
	background-image: url(images/about-hanoi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 57px;
	width: 309px;
}
#about-hanoi {
	height: auto;
	width: 666px;
}

#about-hanoi-text {
	line-height: 160%;
	height: auto;
	width: 309px;
	padding-top: 10px;
}
#image-frame05 {
	width: 666px;
	padding-top: 20px;
	height: 250px;
}
.small-image-table {
	float: left;
	height: 185px;
	width: 160px;
	padding-right: 9px;
}
.small-image-table2 {
	float: left;
	height: 185px;
	width: 158px;
}
.small-image-caption {
	font-size: 10px;
	height: 60px;
	width: 159px;
	line-height: 140%;
}
.small-image-caption p {
	margin: 0px;
	padding: 5px 0px 0px;
}
#image-frame-inimage01 {
	background-image: url(images/image-frame-inimage01.gif);
	background-repeat: no-repeat;
	height: 125px;
	width: 326px;
	margin-left: 168px;
	padding-top: 136px;
	background-position: bottom;
}