@charset "UTF-8";

/**********************************************************
概要
**********************************************************/
/*
index.html　スタイル

ファイル名：top.css
パス：css/top.css
コピーライト：Copyright 2009 (C) CVP. All rights reserved.
----------------------------------------------------------*/



/*  common
----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF;
	font-size: 70%;
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.25em;
}

img {
  -ms-interpolation-mode: bicubic;
}



/*  bgimg slider
----------------------------------------------------------*/
#slider-img {
	z-index: 0;
	position: absolute;
	overflow: hidden;
}



/*  #navigation
----------------------------------------------------------*/
#navigation {
	z-index: 1;
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 76px;
	bottom: 50px;
	text-align: center;
	vertical-align: bottom;
	/* hack for win IE6 */
	_position: expression('absolute');
	_bottom: expression(documentElement.scrollBottom + 30 + 'px');
}

#navigation .inner {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#nav {
	margin-top: 57px;
	margin-bottom: 0px;
}

#cap {
	width: 254px;
	height: 76px;
	background: url(../img/bgimg_cap.gif);
}

#cap dl {
	margin: 24px 0 0 10px;
	color: #FFFFFF;
	font-size: 11px;
}

#cap dt,
#cap dd {
	margin: 0 0 3px 0;
}

#cap dt {
	font-weight: bold;
}

#cap dd a {
	color: #FFFFFF;
	text-decoration: none;
}

#cap dd a:hover {
	text-decoration: underline;
}



/*  wrapper
----------------------------------------------------------*/
#wrapper {
	z-index: 3;
	position: fixed;
	overflow: hidden;
	width: 100%;
	text-align: center;
	/* hack for win IE6 */
	_position: expression('absolute');
}

#wrapper-inner {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}



/*  contents
----------------------------------------------------------*/
#contents {
	background: #FFFFFF;
}



/*  menu controll
----------------------------------------------------------*/
#menu {
	height:100px;
	background: #FFFFFF;
}

#menu h1 {
	display:block;
	width:385px;
	height:100px;
	float:left;
}

#menu h1 a,
#menu h1 a:hover {
	text-decoration:none;
}

#menu dl {
	display:block;
	width:57px;
	height:100px;
	margin-right:10px;
	float:left;
}

#menu dt {
	height:25px;
}

#menu dt.selected {
	height:25px;
}

#menu h1.selected,#menu dt.selected {
}

#menu dd {
	font-size:xx-small;
	text-align:center;
}

#menu dd strong {
	color: #CC0000;
	font-weight: bold;
}



/*  main
----------------------------------------------------------*/
#main {
	background: #FFFFFF;
}

#opening,
#about-us,
#news,
#think,
#works,
#lab,
#links  {
	display: none;
	text-align: center;
	/*overflow: auto;
	text-align: center;*/
}

#opening .inner,
#about-us .inner,
#news .inner,
#think .inner,
#works .inner,
#lab .inner,
#links .inner {
	width:750px;
	margin:10px auto 0 auto;
	text-align: left;
}


/*---- #opening ----*/
#opening {
}


/*---- #about-us ----*/
#about-us {
}

#about-us dl {
	margin:0 auto;
	width:360px;
}

#about-us dl.left {
	float:left;
	padding-left:5px;
}

#about-us dl.right {
	float:right;
}

#about-us dt {
	font-weight:bold;
}

#about-us dd p.mail a {
	color:#333333;
	text-decoration:none;
}

#about-us dd p.mail a:hover {
	color:#333333;
	text-decoration:underline;
}


/*---- #news ----*/
#news h2 {
	margin-top:10px;
	width:280px;
	float:left;
}

#news dl {
	margin-top:10px;
	width:470px;
	float:right;
}

#news dl dt {
	font-weight:bold;
}

#news dl dd {
	margin-bottom:3.5em;
}

#news dl dd p {
	margin-bottom:1em;
}


/*---- #think ----*/
#think dl {
}

#think dl dt {
}

#think dl dd {
	padding-left:5px;
}


/*---- #works ----*/
#works h2 {
	margin-top:10px;
	width:280px;
	float:left;
}

#works dl {
	margin-top:10px;
	margin-bottom:20px;
	width:470px;
	float:right;
}

#works dl dt {
	width:330px;
	font-weight:bold;
	float:right;
}

#works dl dd.left {
	width:120px;
	float:left;
}

#works dl dd.left img {
	width:120px;
	height:80px;
	border:solid 1px #999999;
}

#works dl dd.right {
	width:330px;
	float:right;
}


/*---- #lab ----*/
#lab h2 {
	margin-top:10px;
	width:280px;
	float:left;
}

#lab dl {
	margin-top:10px;
	width:470px;
	float:right;
}

#lab dl dt {
	margin-bottom:1em;
	font-weight:bold;
}

#lab dl dd {
	margin-bottom:3.5em;
}

#lab dl dd p {
	margin-bottom:1em;
}


/*---- #links ----*/
#links h2 {
	margin-top:10px;
	width:280px;
	float:left;
}

#links ul {
	margin-top:10px;
	width:470px;
	float:right;
}

#links li {
	margin-bottom:1.4em;
}

#links li a {
	color:#333333;
	text-decoration:none;
}

#links li a:hover {
	text-decoration:underline;
}



/*  screen rolling
----------------------------------------------------------*/
#rolling {
	height:20px;
	background: #FFFFFF url(../img/main_bg.jpg) repeat-x top left;
	margin:0;
	padding:0;
	clear:both;
}

#rolling .btn {
	width:75px;
	height:20px;
	float:right;
}



/* #footer
----------------------------------------------------------*/
#footer {
	z-index: 2;
	position: fixed;
	overflow: hidden;
	width: 100%;
	bottom:0px;
	text-align: right;
	background: #FFFFFF url(../img/footer_bg.jpg);
	/* hack for win IE6 */
	_position: expression('absolute');
	_bottom: expression(documentElement.scrollBottom + 0 + 'px');
}

#footer adress {
	margin-right: 20px;
}



/*  jQuery SetUp
----------------------------------------------------------*/
#menu {
	display: none;
}

#footer {
	display: none;
}