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

/* アイキャッチ
=======================================*/

#eye-picbox {
	width:410px;
}

/* index */
.eye-index-bg{
	position:relative;
	background:url(img/index/pic_eyecatch_bg.gif) left top no-repeat;
	width:410px;
	height:268px;
}

.eye-index-bg ul li{
	text-indent:-9999px;
}

.eye-index-bg ul li#eye-index-1 a,
.eye-index-bg ul li#eye-index-3 a,
.eye-index-bg ul li#eye-index-4 a,
.eye-index-bg ul li#eye-index-5 a{
	display:block;
	width:139px;
	height:102px;
}

.eye-index-bg ul li#eye-index-2 a{
	display:block;
	width:113px;
	height:59px;
}

.eye-index-bg ul li#eye-index-1{
	position:absolute;
	top:28px;
	left:66px;
	z-index:1;
	background:url(img/index/pic_eyecatch_1.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-1 a:hover{
	background:url(img/index/pic_eyecatch_1_on.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-2{
	position:absolute;
	top:99px;
	left:151px;
	z-index:5;
	background:url(img/index/pic_eyecatch_2.png) left top no-repeat;
	_background:url(img/index/pic_eyecatch_2.gif) left top no-repeat;
}

.eye-index-bg ul li#eye-index-2 a:hover{
	background:url(img/index/pic_eyecatch_2_on.png) left top no-repeat;
	_background:url(img/index/pic_eyecatch_2_on.gif) left top no-repeat;
}

.eye-index-bg ul li#eye-index-3{
	position:absolute;
	top:28px;
	left:213px;
	z-index:2;
	background:url(img/index/pic_eyecatch_3.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-3 a:hover{
	background:url(img/index/pic_eyecatch_3_on.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-4{
	position:absolute;
	top:138px;
	left:66px;
	z-index:3;
	background:url(img/index/pic_eyecatch_4.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-4 a:hover{
	background:url(img/index/pic_eyecatch_4_on.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-5{
	position:absolute;
	top:138px;
	left:213px;
	z-index:4;
	background:url(img/index/pic_eyecatch_5.jpg) left top no-repeat;
}

.eye-index-bg ul li#eye-index-5 a:hover{
	background:url(img/index/pic_eyecatch_5_on.jpg) left top no-repeat;
}


/* カテゴリ別タイトル */

#eyecatch h2#index{
	background-image:url(img/index/pagettl_index.gif);
	width:398px;
	height:80px;
}

#eyecatch h2#company{
	background-image:url(img/company/pagettl_company.gif);
	width:265px;
	height:84px;
}

#eyecatch h2#concept{
	background-image:url(img/concept/pagettl_concept.gif);
	width:255px;
	height:85px;
}

#eyecatch h2#environment{
	background-image:url(img/environment/pagettl_environment.gif);
	width:266px;
	height:84px;
}

#eyecatch h2#scenery{
	background-image:url(img/scenery/pagettl_scenery.gif);
	width:266px;
	height:84px;
}

#eyecatch h2#organization{
	background-image:url(img/organization/pagettl_organization.gif);
	width:199px;
	height:84px;
}


/* 会社概要
=======================================*/

/* ---------- マップ ---------- */

#map_canvas_tokyo {
	width:660px;
	height:400px;
}


/* コンセプト
=======================================*/

#concept-img {
	width:593px;
	height:569px;
}


/* 開発環境
=======================================*/

/* 3カラム */

.section-3col {
	margin-bottom:20px;
	background:url(img/environment/section_3col_bg.gif) left bottom no-repeat;
}

.section-3col-item {
	width:280px;
	float:left;
	margin:0 20px 20px 0;
	padding:20px 20px 0 20px;
	*padding-bottom:20px;
	border-top:#CCC 1px solid;
}

.section-3col-pic {
	margin-bottom:15px;
	width:280px;
	height:210px;
}

.section-3col-item h3 {
	margin-bottom:10px;
}

.list-r {
	margin-right:0!important;
}


/* 社内風景
=======================================*/

.office-item {
	width:500px;
	float:left;
	margin-bottom:5px;
}

.office-item h3 {
	padding:20px 0 0px 0;
}

.office-item-txt {
	width:490px;
	margin-left:10px;
}

.office-item-pic1{
	width:500px;
	height:300px;
}

.office-item-pic2{
	width:500px;
	height:400px;
}


.office-item-pic3{
	width:800px;
	height:200px;
}

/* 組織図
=======================================*/

#organization-img {
	width:542px;
	height:629px;
}


/* その他
=======================================*/

/* cnv ボタン */

a.cnv-environment{
	background:url(img/environment/btn_environment.gif) center top no-repeat;
	width:420px;
	height:63px;
}



/* タイトル company
=======================================*/

/* h2 */

h2#ttl_h2_company_1{
	background:url(img/company/ttl_company_info.gif) left top no-repeat;
	width:320px;
	height:55px;
}

h2#ttl_h2_company_2{
	background:url(img/company/ttl_company_history.gif) left top no-repeat;
	width:320px;
	height:55px;
}

h2#ttl_h2_company_3{
	background:url(img/company/ttl_company_map.gif) left top no-repeat;
	width:320px;
	height:53px;
}

/* h3 */

h3#ttl_h3_company_1{
	background:url(img/company/subttl_company_map_tokyo.gif) left top no-repeat;
	width:219px;
	height:20px;
}


/* タイトル concept
=======================================*/

/* h2 */

h2#ttl_h2_concept_1{
	background:url(img/concept/ttl_concept.gif) left top no-repeat;
	width:320px;
	height:88px;
}


/* タイトル environment
=======================================*/

/* h2 */

h2#ttl_h2_environment_1{
	background:url(img/environment/ttl_environment.gif) left top no-repeat;
	width:320px;
	height:89px;
}

/* h3 */

h3#ttl_h3_environment_1{
	background:url(img/environment/subttl_environment.gif) left top no-repeat;
	width:290px;
	height:19px;
}

h3#ttl_h3_environment_2{
	background:url(img/environment/txt_environment_item01.gif) left top no-repeat;
	width:178px;
	height:20px;
	text-indent:-9999px;
}

h3#ttl_h3_environment_3{
	background:url(img/environment/txt_environment_item02.gif) left top no-repeat;
	width:216px;
	height:20px;
	text-indent:-9999px;
}

h3#ttl_h3_environment_4{
	background:url(img/environment/txt_environment_item03.gif) left top no-repeat;
	width:207px;
	height:20px;
	text-indent:-9999px;
}

h3#ttl_h3_environment_5{
	background:url(img/environment/txt_environment_item04.gif) left top no-repeat;
	width:213px;
	height:20px;
	text-indent:-9999px;
}

h3#ttl_h3_environment_6{
	background:url(img/environment/txt_environment_item05.gif) left top no-repeat;
	width:247px;
	height:20px;
	text-indent:-9999px;
}

h3#ttl_h3_environment_7{
	background:url(img/environment/txt_environment_item06.gif) left top no-repeat;
	width:223px;
	height:20px;
	text-indent:-9999px;
}

h3#ttl_h3_environment_8{
	width:223px;
	height:20px;
	text-indent: 0px;
	font-size: 20px;
}

h3#ttl_h3_environment_9{
	width:223px;
	height:20px;
	text-indent: 0px;
	font-size: 20px;
}

h3#ttl_h3_environment_10{
	width:223px;
	height:20px;
	text-indent: 0px;
	font-size: 20px;
}


/* タイトル scenery
=======================================*/

/* h2 */

h2#ttl_h2_scenery_1{
	background:url(img/scenery/ttl_scenery.gif) left top no-repeat;
	width:320px;
	height:89px;
}

/* h3 */

h3#ttl_h3_scenery_1{
	background:url(img/scenery/subttl_scenery.gif) left top no-repeat;
	width:400px;
	height:19px;
}

h3#ttl_h3_scenery_2{
	background:url(img/scenery/txt_scenery_01.gif) left top no-repeat;
	width:270px;
	height:19px;
	text-indent:-9999px;
	margin-top:20px;
}

h3#ttl_h3_scenery_3{
	background:url(img/scenery/txt_scenery_02.gif) left top no-repeat;
	width:270px;
	height:19px;
	text-indent:-9999px;
	margin-top:20px;
}

h3#ttl_h3_scenery_4{
	background:url(img/scenery/txt_scenery_03.gif) left top no-repeat;
	width:270px;
	height:19px;
	text-indent:-9999px;
	margin-top:20px;
}



/* タイトル organization
=======================================*/

/* h2 */

h2#ttl_h2_organization_1{
	background:url(img/organization/ttl_organization.gif) left top no-repeat;
	width:320px;
	height:89px;
}