/***********************************************/
/* tech_2col_left.css                          */
/***********************************************/

/***********************************************/
/*	
/*	77% = 10px	| 	122% = 16px	|	167% = 22px	
/*	85% = 11px	|	129% = 17px	|	174% = 23px
/*	92% = 12px	|	136% = 18px	|	182% = 24px
/*	100% = 13px	|	144% = 19px	|	189% = 25px
/*	107% = 14px	|	152% = 20px	|	197% = 26px
/*	114% = 15px	|	159% = 21px	|
/*
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	background-color: #FAFAFA;
	color: #333333;
	line-height: 1.3;
}

a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #000000;
}

h2{
	font-size: 114%;
}

h3{
	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

h4{
	font-size: 100%;
	font-weight: normal;
	color: #333333;
}

h5{
	font-size: 100%;
	color: #000000;
}

ul, ul ul, ol{
	list-style-type: none;
}
		
*{
	margin: 0;
	padding: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#outline {
	width: 900px;
	margin: 0 auto;
}

#index{
	/*height:100%;*/
	width: 300px;
	margin: 300px auto 0 auto;
	padding: 0px;
}

#masthead{
	width: 772px;
	margin: 0 40px;
	padding: 59px 24px 0px 24px;
}

#globalNavi{
	width: 820px;
	height: 16px;
	margin: 0 40px;
	padding: 41px 0px 2px 0px;
}

#breadCrumb{
	margin: 0;
	padding: 20px 0 20px 0;
}

#container{
	margin: 0 40px;
	padding-top: 60px;
}

#container_main{
	margin: 0 40px;
}

#container_detail{
	margin: 0 40px;
}

#navBar{
	float: left;
	width: 188px;
}

#content_right{
	float: right;
	width: 608px;
	margin: 0;
	padding-right: 24px;
}

#siteInfo{
	margin: 0 40px;
	padding: 20px 24px 20px 0;
	text-align: right;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #masthead styles **************/

#masthead a{
	background-color: #FAFAFA;
}

/*************** #logo styles **************/

#logo{
	float: left;
	width: 165px;
}

/*************** #language styles **************/

#language{
	float: right;
	width: 607px;
	font-size: 70%;
	text-align: right;
}

#language a.selected{
	color: #808080;
}

/************* #globalNavi styles *************/

#globalNavi{
	clear: both;
	border-bottom: 1px solid #cccccc;
	font-size: 60%;
	position: relative;
	z-index: 100;
}

#globalNavi ul{
	margin-right: 24px;
}

#globalNavi li{
	float: right;
	width: 120px;
	height: 16px;
	margin: 0 0 0 2px;
	text-align: center;
}

#globalNavi p{
	margin: 0;
	padding: 2px 0;
	color: #FFFFFF;
	background-image: url(images/jpg/head_bar.jpg);
	background-color: #000000;
}

#globalNavi li a, #globalNavi li a:link, #globalNavi li a:visited{
	display: block;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	padding: 2px 0;
}

#globalNavi li a:hover, #globalNavi li a:active{
	color: #222222;
	background-color: #C7C4CC;
}

#globalNavi ul.sub{
	margin: 0;
}

#globalNavi ul.sub li{
	height: 16px;
	margin: 0;
	padding: 0;
	font-size: 95%;
	text-align: center;
	border-top: 1px solid #cccccc;
}

#globalNavi ul.sub li a{
	color: #FFFFFF;
	background-color: #373544;
}

#globalNavi ul.sub li a:hover, #globalNavi ul.sub li a:active{
	color: #222222;
	background-color: #C7C4CC;
}

#globalNavi li.about_on li, #globalNavi li.about_off li{
	margin-left: 0;
}

#globalNavi li.about_off, #globalNavi li.project_off{
	position: relative;
	overflow: hidden;
}

#globalNavi li.about_on, #globalNavi li.project_on{
	overflow:visible;
}
/*
#globalNavi ul.main>li.about_on, #globalNavi ul.main>li.project_on{
	overflow:visible;
}
*/
/*
#category_profile #globalNavi li#profile{
	color: #333333;
	background-color:#CCCCCC;
}

#category_about #globalNavi li#concept{
	color: #333333;
	background-color:#CCCCCC;
}

#category_access #globalNavi li#access{
	color: #333333;
	background-color:#CCCCCC;
}

#category_gkgroup #globalNavi li#gkgroup{
	color: #333333;
	background-color:#CCCCCC;
}
*/

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
}

#breadCrumb p{
	height: 20px;
}

#breadCrumb a{
}

/************** .story styles *****************/

.story{
	/* clear: both; */
	padding: 0;
	font-size: 70%;
}

.story td.aboutWhiteSpace{
	width: 20px;
}

.story td.aboutBlackLine{
	width: 7px;
	background-color: #000000;
}

.story p{
	margin: 0;
	line-height: 1.6;
	text-align: justify;
	text-justify: distribute;
	font-weight: 400;
}

.story p.top{
	padding-bottom: 40px;
}

.story p.aboutParagraph{
	padding-left: 5px;
}

.story h2{
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 170%;
	font-weight: 800;
	line-height: normal;
}

.story h2.notTop{
	padding: 15px 0 3px 0;
}

.story h3{
	font-size: 110%;
}

.story h4{
	font-size: 100%;
}

.story a:hover{
	/* background-color: #dddddd; */
}

.story img.mission{
	margin: 0 auto;
}

/************** .process styles *****************/

.process{
	/*clear: both;*/
	padding: 0;
	font-size: 70%;
}

.process p{
	margin: 0;
	line-height: 1.6;
	text-align: justify;
	text-justify: distribute;
	padding-bottom: 40px;
}

.process h2{
	font-size: 140%;
}

.process h3{
	font-size: 120%;
	padding: 18px 0 0 0;
}

.process h4{
	font-size: 100%;
}

/************** .profile styles *****************/

.profile{
	/* clear: both; */
	padding: 0;
	font-size: 70%;
}

.profile td{
	vertical-align: top;
}

.profile p{
	margin: 0;
	line-height: 1.6;
	padding-bottom: 10px;
}

.profile p.itemTitle{
	white-space: nowrap;
	text-align: right;
	padding-right: 8px;
}

.profile h2{
	font-size: 140%;
}

.profile h3{
	font-size: 110%;
}

.profile h4{
	font-size: 100%;
}

/************** .project styles *****************/

.project{
	/* clear: both; */
}

.project p{
	padding-bottom: 28px;
	line-height: 1.6;
	font-size: 70%;
	text-align: justify;
	text-justify: distribute;
}

.project h3{
	font-size: 100%;
	padding-bottom: 28px;
}

.project h4{
	margin-top: 4px;
	text-align: center;
	color: #333333;
	font-weight: normal;
	font-size: 70%;
}

.project h4.hasNextLine{
	margin-bottom: 8px;
}

.project h5{
	padding-bottom: 0px;
	margin: 16px 20px 3px 20px;
	text-align: left;
	color: #333333;
	font-weight: normal;
	font-size: 70%;
}

.project h5.eight{
	color: #54547C;
	border-bottom: 4px solid #54547C;
}

.project h5.nine{
	color: #547C54;
	border-bottom: 4px solid #547C54;
}

.project h5.zero{
	color: #7C5454;
	border-bottom: 4px solid #7C5454;
}

.project img{
	padding: 0 20px;
	margin: 0 auto;
}

.project a:link, .project a:visited, .project a:hover{
	voice-family: "\"}\""; 
	voice-family:inherit;
}

.project #list{
	margin: 0 auto;
}

.project tr.title{
	vertical-align: top;
}

/************** .detail styles ***************/

.detail{
	/* clear: both; */
	padding: 0;
}

.detail a:link, .detail a:visited, .detail a:hover{
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 100%;
}

.detail table#detailInfoTable{
	margin-bottom: 16px;
}

.detail td{
	vertical-align: top;
}

.detail td.text{
	padding-left: 40px;
}

.detail object{
	margin-bottom: 15px;
}

.detail p{
	margin: 0;
	padding: 16px 0;
	font-size: 70%;
	text-align: justify;
	text-justify: distribute;
	line-height: 1.6;
}

.detail h3{
	margin: 0;
	padding-bottom: 16px;
	text-align: left;
	font-size: 95%;
}

.detail h4{
	margin: 0;
	color: #808080;
	text-align: left;
	line-height: 1.5;
	font-size: 70%;
}

.detail h4 a.link{
	font-size: 100%;
}

.detail h4.itemTitle{
	white-space: nowrap;
	text-align: right;
	padding-right: 4px;
}

.detail h4.itemContents{
}

.detail h4#relatedLink{
	margin-bottom: 16px;
}

.detail h5{
	color: #000000;
	text-align: left;
}

.detail img.anime{
	margin-bottom: 17px;
}

.detail img.withFlash{
	margin-bottom: 20px;
}

.detail img.noFlash{
	margin-bottom: 300px;
}

.detail img.arrow_l{
	float: right;
	margin-right: 20px;
	background-color: #FAFAFA;
}

.detail img.arrow_r{
	float: right;
	background-color: #FAFAFA;
}	

.detail img.l_end{
	float: right;
	margin-right: 30px;
	background-color: #FAFAFA;
}

/************** .information styles ***************/

.information{
	/* clear: both; */
}

.information p{
	padding-bottom: 28px;
	line-height: 1.6;
	font-size: 70%;
	text-align: justify;
	text-justify: distribute;
}

.information h3{
	font-size: 100%;
	padding-bottom: 28px;
}

.information a:link, .project a:visited, .project a:hover{
	voice-family: "\"}\""; 
	voice-family:inherit;
}

.information .infoTable{
	padding-bottom: 28px;
}

.information td .title{
	font-size: 70%;
	text-align: right;
}

.information td .contents{
	font-size: 70%;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	/* display: block; */
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	padding: 0px 0 12px 24px;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}

#navBar{
	position: relative;
	font-size: 60%;
}

#navBar a:link{
	color: #696969;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}

#navBar a:visited{
	color: #696969;
}

#navBar a:hover{
	/* background-color: #dddddd; */
}

#navBar #result{
	padding-left: 24px;
}

/*********** #index styles ***********/


#index h3{
	text-align: center;
}

#index img{
	margin: 0 auto 0 auto;
}

#index img#indexLogo{
	margin-bottom: 20px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 70%;
	color: #808080;
}

#siteInfo p{
	margin: 0;
	padding: 0;
}