@charset "utf-8";
@import "font.css";

			body{
				margin: 0 0 0 20px;
				padding: 0;
				background-color: #6C6E6E;
				color: #ffffff;
				/*
				font-family: 'LinotypeUnivers','Univers','Helvetica','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' sans-serif;
				*/
			}

			div,p,h1,h2,h3,h4,h5,p,ul,li{
				margin: 0;
				padding: 0;
				font-weight: normal;
			}

			img{
				border: 0;
			}

			a{
				outline-style: none;
			}

			div.clear{
				clear: both;
			}

			div#wrapper{
				width:740px;			}
			
			/* header */
			div#header{
				height: 190px;
			}

			div#header p, div#header ul, div#header form{
				margin: 0 0 0 270px;
			}
			
			div#header div#logo p img{
				margin-top: 14px;
			}

			div#header div#lang{
				margin-top: 18px;
			}

			div#header div#typeSize{
				clear: both;
				margin-top: 10px;
			}
			

			div#header div#searchbox{
				clear: both;
				padding-top: 9px;
			}
			div#header div#searchbox form input{
				border: 0;
				border-top-width: solid;
				background-color: #8B9493;
			}
			
			input#search{
				font-family: sans-serif;
				font-size: small;
			}

			div#header ul{
				list-style: none;
			}
			div#header li{
				display: inline;
			}

			div#lang a, div#typeSize a{
				display: block;
				float: left;
			}

			div#header a:link, div#header a:visited{
				text-decoration: none;
				background-position: 0 0;
			}

			div#header a:hover,div#header a:active{
				text-decoration: none;
				background-position: 0 -13px;
			}

			div#header a.selected{
				background-position: 0 -13px;
			}

			
			a#lang_jp_bt{
				text-indent: -5000px;
				height: 13px;
				overflow: hidden;
				background-image: url("../../images/lang_jp_bt.gif");
				background-repeat: no-repeat;
				width:56px;
			}

			a#lang_en_bt{
				text-indent: -5000px;
				height: 13px;
				overflow: hidden;
				background-image: url("../../images/lang_en_bt.gif");
				background-repeat: no-repeat;
				width:50px;
			}

			a#typeSize_small_bt{
				text-indent: -5000px;
				height: 13px;
				overflow: hidden;
				background-image: url("../../images/typesize_small_bt.gif");
				background-repeat: no-repeat;
				width:36px;
			}

			a#typeSize_large_bt{
				text-indent: -5000px;
				height: 13px;
				overflow: hidden;
				background-image: url("../../images/typesize_large_bt.gif");
				background-repeat: no-repeat;
				width:36px;
			}

			a#lang_en_bt,a#typeSize_small_bt,a#typeSize_large_bt{

			}
			


			/* main */
			div#main{
				
			}

			/* navi */
			div#navi{
				width: 270px;
				height: 240px;
				float: left;

			}

			div#navi div#naviFirst{
				width:130px;
				height: 123px;
				float: left;
				background-image: url("../../images/linew120.gif");
				background-repeat: no-repeat;
				padding-top: 3px;

			}

			div#navi div#naviFirst ul{	
				list-style: none;
				line-height: 100%;
				margin: 0;
				padding: 0;
			}
			div#navi div#naviFirst ul li
			{
				display: block;
				width: 120px;
				height: 13px;
				overflow: hidden;
				margin-top:5px;
				padding: 0;
				line-height: 100%;
			}
			div#navi div#naviFirst ul li a{
				display: block;
				width: 120px;
				height: 13px;
				overflow: hidden;
				text-indent: -5000em;
				margin:0;
				padding: 0;
				line-height: 100%;
				font-size: 2px;
			}

			div#navi div#naviFirst ul li a:link{
				background-position: 0 0;
			}

			div#navi div#naviFirst ul li a:visited{
				background-position: 0 0;
			}
			
			div#navi div#naviFirst ul li a:hover{
				background-position: 0 -13px;
			}

			div#navi div#naviFirst ul li a:active{
				background-position: 0 -26px;
			}

			div#navi div#naviFirst ul li a.selected{
				background-position: 0 -26px;
			}

			a#portfolio_bt{
				background-image: url("../../images/navi_main_portfolio_bt.gif");
			}

			a#topics_bt{
				background-image: url("../../images/navi_main_topics_bt.gif");
			}

			a#competence_bt{
				background-image: url("../../images/navi_main_competence_bt.gif");
			}

			a#company_bt{
				background-image: url("../../images/navi_main_company_bt.gif");
			}

			a#tips_bt{
				background-image: url("../../images/navi_main_tips_bt.gif");
			}

			div#navi div#naviSecond{
				width:140px;
				height: 123px;
				float: left;
				background-image: url("../../images/linew130.gif");
				background-repeat: no-repeat;
				padding-top: 3px;
			}

			div#navi div#naviSecond ul{	
				list-style: none;
			}

			div#navi div#naviSecond ul li a{
				display: block;
				width: 140px;
				height: 13px;
				overflow: hidden;
				text-indent: -5000px;
				margin-top: 5px;
			}

			div#navi div#naviSecond ul li a:link{
				background-position: 0 0;
			}

			div#navi div#naviSecond ul li a:visited{
				background-position: 0 0;
			}
			
			div#navi div#naviSecond ul li a:hover{
				background-position: 0 -18px;
			}

			div#navi div#naviSecond ul li a:active{
				background-position: 0 -36px;
			}

			div#navi div#naviSecond ul li a.selected{
				background-position: 0 -26px;
			}

			div#navi div#naviSecond ul li a#package_bt:link{
				background-position: 0 0;
			}

			div#navi div#naviSecond ul li a#package_bt:visited{
				background-position: 0 0;
			}

			div#navi div#naviSecond ul li a#package_bt:hover{
				background-position: 0 -28px;
			}

			div#navi div#naviSecond ul li a#package_bt:active{
				background-position: 0 -56px;
			}



			div#navi div#naviSecond ul li a#package_bt{
				background-image: url("../../images/navi_sub_package_bt.gif");
				background-repeat: no-repeat;
				height: 28px;
				margin-top: 6px;
			}

			body#package div#navi div#naviSecond ul li a#package_bt{
				background-image: url("../../images/navi_sub_package.gif");
				background-repeat: no-repeat;
				height: 30px;
				margin-top: 6px;
			}

			body#package div#navi div#naviSecond ul li a#package_bt:hover{
				background-position: 0 0;
			}



			div#navi div#naviSecond ul li a#branding_bt{
				background-image: url("../../images/navi_sub_branding_bt.gif");
				background-repeat: no-repeat;
			}

			body#branding div#navi div#naviSecond ul li a#branding_bt{
				background-image: url("../../images/navi_sub_branding.gif");
				background-repeat: no-repeat;
				height: 30px;
				margin-top: 6px;
			}

			body#branding div#navi div#naviSecond ul li a#branding_bt:hover{
				background-position: 0 0;
			}



			div#navi div#naviSecond ul li a#informationd_bt{
				background-image: url("../../images/navi_sub_informationd_bt.gif");
				background-repeat: no-repeat;
			}

			body#informationd div#navi div#naviSecond ul li a#informationd_bt{
				background-image: url("../../images/navi_sub_Informationd.gif");
				background-repeat: no-repeat;
				height: 30px;
				margin-top: 6px;
			}

			body#informationd div#navi div#naviSecond ul li a#informationd_bt:hover{
				background-position: 0 0;
			}



			div#navi div#naviSecond ul li a#gui_bt{
				background-image: url("../../images/navi_sub_gui_bt.gif");
				background-repeat: no-repeat;
			}

			body#gui div#navi div#naviSecond ul li a#gui_bt{
				background-image: url("../../images/navi_sub_gui.gif");
				background-repeat: no-repeat;
				height: 30px;
				margin-top: 6px;
			}
			
			body#gui div#navi div#naviSecond ul li a#gui_bt:hover{
				background-position: 0 0;
			}

			div#navi div#naviSecond ul li a#env_bt{
				background-image: url("../../images/navi_sub_environment_bt.gif");
				background-repeat: no-repeat;
			}

			body#env div#navi div#naviSecond ul li a#env_bt{
				background-image: url("../../images/navi_sub_environment.gif");
				background-repeat: no-repeat;
				height: 30px;
				margin-top: 6px;
			}
			
			body#env div#navi div#naviSecond ul li a#env_bt:hover{
				background-position: 0 0;
			}

			

			div#navi div#projInfo{
				width:270px;
				height: 62px;
				clear: both;
				background-repeat: no-repeat;
				margin: 0;
				padding: 0;
			}

			div#navi div#projYear{
				width:270px;
				height: 20px;
			}

			div#navi div#projInfo h1{
				font-size: 16px;
				letter-spacing: 1px;
				line-height: 110%;
				margin:8px 0 3px 0;

			}

			div#navi div#projInfo p{
				font-size: 10px;
				line-height: 100%;
				letter-spacing: 1px;
				color: #FFFFFF;
			}

			div#navi div#projYear p{
				font-size: 10px;
				line-height: 100%;
				letter-spacing:1px;
				color: #FFFFFF;
				margin-left: 130px;
				position:relative;
				top:3px;
			}

			div#navi div#projYear em{
				font-size: 11px;
				line-height: 100%;
				color: #ffffff;
				font-style: normal;
			}

			div#navi div#projYear .fontSizeLarge{
				position: relative;
				top:-2px;
			}

			div#navi div.bar260{
				clear: both;
				width:259px;
				height: 1px;
				background-image: url("../../images/linew260.gif");
				background-repeat: no-repeat;
				line-height: 0;
				overflow: hidden;
			}

			div#navi hr.bar260{
				width: 259px;
				border-top: 1px solid #fff;
				clear: both;
				height: 1px;
				margin: 0;
				padding: 0;
			}

			div#navi div#projDescriptContainer{
			}
			
			div#navi div#projDescript{
				width:259px;
				background-image: url("../../images/linew260.gif");
				background-repeat: no-repeat;
				float:left;
			}
			div#navi div#projDescriptSpacer{
				float: right;
				width:1px;
				height:332px;
				
			}
			
			body#staff div#navi div#projDescript{
				background:none;

			}
			
			body#package div#navi div#projDescript,
			body#branding div#navi div#projDescript,
			body#informationd div#navi div#projDescript,
			body#env div#navi div#projDescript{
				background:none;
			}

			div#navi div#projDescript p{
				padding-top: 6px;
				width:265px;
				/*
				font-weight: bold;
				*/
			}
			
			
			/* content */
			div#content{
				width:470px;
				float: right;

			}

			div#content div.bar460{
				width:460px;
				height: 8px;
				overflow: hidden;
				
				background-image: url("../../images/linew460.gif");
				background-repeat: no-repeat;
			}

			div#content div#contentBody{
				height: 558px;
				overflow: hidden;
			}

			div#content div#contentBody div#contentContainor{
			margin-top: 0px;
			}

			div#content div#contentThmb{
				width:470px;
			}

			div#content div#contentImg{
				width:470px;
			}

			div#content div#contentImg br{
				clear: both;
			}

			div#content div#contentImg img{
				float:left;
				margin: 0 8px 8px 0;
			}

			div#content div#contentThmb div.contentYears{
				width:68px;
				float: left;
			}

			div#content div#contentThmb div.contentYears p{
				text-align: right;
				margin-right: 8px;
				font-size:12px;
				font-family: 'Helvetica',sans-serif;
			}

			div#content div#contentThmb ul{
				width: 402px;
				list-style: none;
				float: right;
				background-image: url("../../images/selectbase.gif");
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}
			
			/* for topics */
			body#topics div#content div#contentThmb ul{
				width: 450px;
				list-style: none;
				float: left;
				background-image: url("../../images/selectbase_topics.gif");
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}
			
				/* for staff */
			body#staff div#content div#contentThmb ul{
				width: 450px;
				list-style: none;
				float: left;
				background-image: url("../../images/selectbase_staff.gif");
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}
			

			div#content div#contentThmb ul li{
				display: block;
				width: 74px;
				height: 48px;
				margin: 0 6px 6px 0;
				float: left;
			}
			
			/* for topics */
			body#topics div#content div#contentThmb ul li{
				display: block;
				width: 144px;
				height: 100px;
				margin: 0 6px 6px 0;
				float: left;
			}

			/* for staff */
			body#staff div#content div#contentThmb ul li{
				display: block;
				width: 84px;
				height: 86px;
				margin: 0 6px 6px 0;
				float: left;
			}

			div#content div#contentThmb ul li a{
				display: block;
				height: 48px;
			}
			
			/* for topics */
			body#topics div#content div#contentThmb ul li a{
				display: block;
				height: 96px;
			}
			
			/* for staff */
			body#staff div#content div#contentThmb ul li a{
				display: block;
				height: 82px;
			}

			div#content div#contentThmb ul li a:link{
				border:2px solid #6C6E6E;
			}

			div#content div#contentThmb ul li a:visited{
				border:2px solid #6C6E6E;
			}

			div#content div#contentThmb ul li a:hover{
				border:2px solid #ffcc00;
			}

			div#content div#contentThmb ul li a:active{
				border:2px solid #ffcc00;
			}


			
			div.clear{
				clear: both;
			}
			
			/* FOOTER */
			
			div#footer{
				width:260px;
				/*
position: absolute;
				z-index: 1000;
				left: 20px;
				bottom: 4px;
*/
			}
			div#footer p{
				float: left;
			}
			div#footer a#copyghitpolicy_bt{
				background-image: url("../../images/copyrightpolicy_bt.gif");
				display: block;
				width: 100px;
				height: 13px;
				overflow: hidden;
				text-indent: -5000px;
				margin-bottom: 5px;
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			div#footer a#copyghitpolicy_bt:hover{
				background-position: 0 -13px;	
			}

			/* Back to Index */

			div#backtoindex{
				position: absolute;
				top: 176px;
				left: 684px;
				width: 67px;
				height: 13px;
				overflow: hidden;
				z-index: 999;
			}

			div#backtoindex a#backtoindex_bt{
				background-image: url("../../images/back_bt.gif");
				display: block;
				width: 67px;
				height: 13px;
				overflow: hidden;
				text-indent: -5000px;
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			div#backtoindex a#backtoindex_bt:hover{
				background-position: 0 -13px;	
			}

			
			/* debug */
			div#debugGridOn{
				width: 770px;
				height: 768px;
				margin: 0;
				padding: 0;
				background-image: url("../../images/basegrid.gif");
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1000;
			}

			div#debugGridOff{
				width: 96px;
				height: 24px;
				margin: 0;
				padding: 0;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1001;
			}

			div#debugBgOn{
				width: 96px;
				height: 24px;
				margin: 0;
				padding: 0;
				display: none;
				position: absolute;
				top: 0;
				left: 48px;
				z-index: 1002;
			}

			div#debugBgOff{
				width: 96px;
				height: 24px;
				margin: 0;
				padding: 0;
				display: block;
				position: absolute;
				top: 0;
				left: 48px;
				z-index: 1003;
			}
			
			.debugBgImg{
				background-image: url("../../images/gkbase3.gif");
				background-repeat: no-repeat;
			}

			.debugNobg{
				background-color: #6C6E6E;
			}