@charset "Shift_JIS";




/* aboutnavi
_____________________________________________________________________ */
/*
div#aboutnavi {
	margin: 15px 0px 0px 10px;
	width: 75px;
	height: 106px;
}
*/
div#aboutnavi {
	position:relative;
	margin: 25px 0px 0px 0px;
	height: 106px;
}
div#aboutnavi table{
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	width:245px;
}


div#aboutnavi ul {
	padding:0 13px;
	margin: 0px;
}

div#aboutnavi li {
	font-size: 11px;
	line-height: 16px;
	list-style-type: none;
	margin: 0 0 5px;
	letter-spacing:1px;
}
div#aboutnavi li a {
	font-family: Helvetica,Arial, sans-serif;
	color: #777;
	text-decoration: none;
}


a#en_link,
a#ja_link	{
	display:block;
	position:absolute;
	left:80px;
	top:139px;
	background:#999;
	font-family: Helvetica,Arial, sans-serif;
	line-height:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	letter-spacing:1px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;border-radius:2px;
	-webkit-box-shadow:0 0 1px #aaa;
	-moz-box-shadow:0 0 1px #aaa;
	box-shadow:0 0 1px #333;
}

a#en_link	{
	font-size:11px;
}
a#ja_link	{
	font-size:11px;
}

a#en_link:hover,
a#ja_link:hover	{
	background:#666;
}



/* aboutus
_____________________________________________________________________ */
/*
div#aboutus div#title {
	margin: 142px 0px 10px -1px;
	text-indent: -9999px;
	width: 245px;
	height: 26px;
}
*/

div#aboutnavi div#title h2 {
	margin: 142px 0px 10px -1px;
	text-indent: -9999px;
	width: 245px;
	height: 26px;
	background: url(../../aboutus/images/aboutus.gif) no-repeat top left;
}
div#center{
	width: 530px;
	height:100%;
	background:#fff;
	margin-left:245px;
}

		/*Position:fixed*/
		div#aboutnavi,div#aboutus,div#contact{
			position:fixed;
		}
		* html div#aboutnavi{
			position:static;
		}
		* html div#aboutus{
			position:static;
		}
		* html div#contact{
			position:static;
		}
		/**/

/* idea
_____________________________________________________________________ */
div#idea div#title {
	margin: 165px 0px 27px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#idea div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_idea.gif) no-repeat top left;
}

div#idea ul{
	padding-left: 45px;
	padding-right: 30px;
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin: 0px;
	min-height:399px;
}

div#idea p	{
	padding-left: 45px;
	padding-right: 30px;
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin: 0 0 30px;
}


/* outline
_____________________________________________________________________ */
div#outline div#title {
	margin: 165px 0px 0px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#outline div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_outline.gif) no-repeat top left;
}
div#outline ul {
	padding-left: 45px;
	padding-right: 30px;
	margin: 0px;
}

div#outline li {
	font:normal 10px/19px avenir,"MS UI Gothic",sans-serif;
	list-style-type: none;
	margin-top: 28px;
}




/* function
_____________________________________________________________________ */
div#function div#title {
	margin: 165px 0px 0px 45px;
	text-indent: -9999px;
	width: 241px;
	height: 13px;
}
div#function div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_function.gif) no-repeat top left;
}
div#function ul {
	padding-left: 45px;
	padding-right: 30px;
	margin: 0px;
}

div#function li {
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	list-style-type: none;
	margin-top: 28px;
}



/* clients
_____________________________________________________________________ */
div#clients div#title {
	margin: 165px 0px 0px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#clients div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_clients.gif) no-repeat top left;
}
div#clients ul {
	padding-left: 45px;
	padding-right: 30px;
	margin: 0px;
}

div#clients li {
	font:normal 10px/19px avenir,"MS UI Gothic",sans-serif;
	list-style-type: none;
	margin-top: 28px;
}



/* moreinfomation
_____________________________________________________________________ */
div#moreinfomation {
	width:530px;
}


div#moreinfomation div#title {
	margin: 165px 0px 0px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#moreinfomation div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../images/title_more2007.gif) no-repeat top left;
}
div#moreinfomation div#title h2 {
	width: 100%;
	height: 100%;
	background: url(../../images/title_more2006.gif) no-repeat top left;
}
div#moreinfomation div#title h4 {
	width: 100%;
	height: 100%;
	background: url(../../images/title_more2008.gif) no-repeat top left;
}
div#moreinfomation div#title h5 {
	width: 100%;
	height: 100%;
	background: url(../../images/title_more2009.gif) no-repeat top left;
}
div#moreinfomation div#title h6 {
	width: 100%;
	height: 100%;
	background: url(../../images/title_more2010.gif) no-repeat top left;
}

div#moreinfomation ul {
	padding-left: 45px;
	padding-right: 30px;
	margin: 0px;
}

div#moreinfomation li {
	font:normal 10px/15px avenir,"MS UI Gothic",sans-serif;
	list-style-type: none;
	margin-top: 28px;
}



/* en
_____________________________________________________________________ */
div#en div#title {
	margin: 165px 0 0 0;
}

div#en h3 {
	font-family: Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:15px;
	margin: 0 0 27px 43px;
	width: 200px;
	height: 13px;
}

div#en h4 {
	font-family: Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:11px;
	margin: 0 0 0 43px;
	width: 200px;
	height: 13px;
}


div#en div	{ margin-bottom:30px;}

div#en p {
	padding-left: 45px;
	padding-right: 30px;
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin: 0 0 30px;
}

div#en li {
	padding-left: 45px;
	padding-right: 30px;
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin:0;
	list-style:none;
}

div#en dl {
	margin-bottom:30px;
}

div#en dt {
	padding: 15px 30px 0 45px;
	font:bold 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin:0;
}

div#en dd {
	padding-left: 45px;
	padding-right: 30px;
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin:0;
	list-style:none;
	line-height:20px;
}

div#en a { color:#666;}






/* news
_____________________________________________________________________ */
div#news div#title {
	margin: 142px 0px 10px 0px;
	text-indent: -9999px;
	width: 245px;
	height: 26px;
}
div#news div#title h2 {
	width: 100%;
	height: 100%;
	background: url(../../images/news.gif) no-repeat top left;
}
#news ul {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}

div#news li {
	font-size: 9px;
	line-height: 10px;
	list-style-type: none;
	margin-top: 13px;
}
div#news li a {
	color: #666666;
	text-decoration: none;
}

/*Position:fixed*/
div#news,div#contact{
	position:fixed;
}
* html div#news{
	position:static;
}
* html div#contact{
	position:static;
}
/**/

/* awards
_____________________________________________________________________ */
div#awards div#title {
	margin: 165px 0px 0px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#awards div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_awards.gif) no-repeat top left;
}
div#awards ul {
	padding-left: 45px;
	padding-right: 30px;
	margin: 0px;
}

div#awards li {
	font:normal 10px/19px avenir,"MS UI Gothic",sans-serif;
	list-style-type: none;
	margin-top: 28px;
}

div#awards li a {
	color: #666666;
	text-decoration:none;
}
div#awards li b a {
	text-decoration:none;
}



/* access
_____________________________________________________________________ */
div#access div#title {
	margin: 165px 0px 27px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#access div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_access.gif) no-repeat top left;
}

div#mapimg img {
	width: 450px;
	height: 280px;
	border: 0px;
	margin: 33px 30px 0px 45px;
}

div#access_way {
	margin: 5px 0px 0px 45px;
	width: 450px;
	font:normal 10px/12px avenir,"MS UI Gothic",sans-serif;
}


div#access_contact {
	margin: 23px 0px 17px 45px;
	width: 450px;
	font:normal 10px/17px avenir,"MS UI Gothic",sans-serif;
	line-height:17px;
}

div#access_contact img {
	display:inline;
}

div#access_contact p {
	overflow:hidden;
}
div#access_contact span {
	float:left;
}
div#access_contact a {
	float:left;
	padding:2px 0;
	line-height:20px;
	color: #666666;
	text-decoration: none;
}



/* recruit
_____________________________________________________________________ */
div#recruit div#title {
	margin: 165px 0px 0px 45px;
	text-indent: -9999px;
	width: 200px;
	height: 13px;
}
div#recruit div#title h3 {
	width: 100%;
	height: 100%;
	background: url(../../aboutus/images/title_recruit.gif) no-repeat top left;
}
div#recruit ul {
	padding-left: 45px;
	padding-right: 30px;
	font:normal 11px/28px avenir,"MS UI Gothic",sans-serif;
	margin-top: 26px;
}
div#button {
	margin: 37px 0px 102px 190px;
}