@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-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic","Osaka", Arial, Helvetica, Verdana, Sans-Serif;
  font-size: x-small;
	color: #333333;
	line-height: 1.5em;
}

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



/* 回り込み解除
------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*  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-size: 1em;
	font-weight: bold;
}

#cap dd {
	font-size: 1em;
  line-height: 1.25em;
}

#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;
}

#about-us dl.left {
	width:320px;
	float:left;
}

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

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

#about-us dd p {
	font-size: 1em;
}

#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;
  font-size: 110%;
  line-height: 1.5em;
}

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

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


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

#think dl dt {
  width: 750px;
  height: 25px;
}

#think dl dd {
  width: 350px;
  height: 55px;
  background: url(../img/think_s_bg.gif) no-repeat left top;
}

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

#think dl dd.box-left {
  float: left;
}

#think dl dd.box-right {
  float: right;
}


/*---- #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;
  font-size: 110%;
  line-height: 1.5em;
	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;
  font-size: 110%;
  line-height: 1.5em;
}

#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;
}



/*  #profile
----------------------------------------------------------*/
#profile {
  width: 600px;
  height: 350px;
  background: #FFFFFF;
  z-index: 100;
  position: fixed;
  display: none;
}

#profile .item {
  padding: 20px;
  display: none;
}

#profile .item .btn {
  width: 20px;
  height: 20px;
}

#profile .prof-photo {
  float: left;
  width: 170px;
}

#profile .prof-photo p {
  margin-bottom: 10px;
}

#profile .prof-photo ul {
  margin: 0;
  padding: 0;
  list-style-type;
}

#profile .prof-photo ul li {
  float: left;
  margin-right: 5px;
}

#profile .prof-text {
  float: left;
  width: 370px;
}

#profile .prof-text {
}

#profile .prof-text dt {
}

#profile .prof-text dd {
  margin-bottom: 1.5em;
}

#profile .prof-text dd p {
  line-height: 2em;
}

#profile .prof-btn {
  float: left;
  width: 20px;
}



/* #overlay
----------------------------------------------------------*/
#overlay {
  background: #000000;
  z-index: 10;
  left: 0;
  top: 0;
  position: fixed;
  display: none;
}



/* #loading-img
----------------------------------------------------------*/
#loading-img {
  z-index: 1000;
  position: fixed;
}