/*-------------------------------------------
タイトル:
制作者 :booplan inc.
URL :
概要 :
作成日 :07/08/03
変更日 :
-------------------------------------------*/
*{ margin:0; padding:0; zoom:1; }
/*html
-------------------------------------------*/
body{
	margin: 40px 0 0 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #666;
}

a:link,
a:active,
a:visited,
a:hover{
	color:#000 ;
	text-decoration:none;
}
img{
	border: 0;
}
form{
	margin: 0; padding: 0;
}
dt{
	clear: both;
	float: left;
	width: 4em;
}
dd{
	margin-left: 4em;
}
hr {
	color:#666;
	border: 0;
	height: 1px;
	background-color:#666;
	margin: 11px 0px 11px 0px;
}
/*全体
-------------------------------------------*/
#container{ width: 900px; margin: 0 auto; padding: 0; position: relative; }
.lungsw { position: absolute; top:0; right: 0; }

/*テキスト関係
-------------------------------------------*/
.redsq{
	color: #BE0019;
	_font-size:12px;
}
.black14pb{
	color: #000;
	font-weight: bold;
	_font-size:12px;
}

.black12pb{
	color: #000;
	font-weight: bold;
	font-size:100%;
}
.black10pb{
	color: #000;
	font-weight: bold;
	font-size:80%;
}
.redsq14bp { color: #BE0019;	font-weight: bold; line-height:22px;
	_font-size:12px; }
.redsq14bpM { color: #BE0019;	font-weight: bold;
	_font-size:12px; }
.n10p { font-size: 10px; }
.black10p { font-size:90%; _font-size:80%; }



/*ヘッダー
-------------------------------------------*/
#header {
	width: 900px;
	height: 76px;
}

#header-t {
	width: 900px;
	height: 76px;
	text-align:right;
}

.logo {
	float:left;
}




/*メイン
-------------------------------------------*/
#profilebox, #index, #conceptbox, #projectbox, #newsbox, #contactbox, #newyorkbox { width: 900px; height: 400px; border: 1px solid #D9D9D9; }
#profilebox { background: url(../img/bg_profile.png) no-repeat; }
#conceptbox { background: url(../img/bg_concept.png) no-repeat; }
#projectbox { background: url(../img/bg_project.png) no-repeat;  }
#newsbox { background: url(../img/bg_news.png) no-repeat; }
#contactbox  { background: url(../img/bg_contact.png) no-repeat; }


#newyorkbox { background: url(../img/event001_bg.png) no-repeat; }
.ny-title {
	margin-left:504px;
	font-size:100%;
	_font-size:90%;
	font-weight:bold;
	line-height:130%;
	width: 395px;
}
/* safari only \*/
html:\66irst-child .ny-title { font-size:90%; }
/* end */

#ny-map {
	margin-left:504px;
	width: 395px;
}
#ny-map a { color:#c4111a; font-weight:bold; }
.ny-left { float:left; margin:25px 0 0 0; }
.ny-right { float:left; margin:25px 0 0 25px; }
#ny-link {
	margin:20px 0 0 504px;
}
#ny-link ul { list-style:none; margin:0; padding:0; }
#ny-link li { float:left; margin-right:70px; }
li#winli { margin-right:0px; }
#ny-top { width:262px; height:151px; margin:249px 0 0 638px; _margin:0px 0 0 638px; }



#index-logo { width:400px; margin-top:130px; text-align:center; float:left; }
#go-en { width:147px; margin-top:130px; text-align:center; float:left; }
#go-cn { width:147px; margin-top:130px; text-align:center; float:left; }
#go-jp { width:146px; margin-top:130px; text-align:center; float:left; }

#mainbox{
	width: 375px;
	height: 335px;
	float: right;
	margin: 40px 20px 0px 0;
}
#mainbox2{
	width: 400px;
	margin: 43px 30px 0px 500px;
	_margin: 43px 10px 0px 500px;
}
.probox {
	width:70px;
	margin-right:18px;
	float:left;
	margin-top: 15px;
}
#scroll{
	width: 364px;
	height: 295px;
	font-size: 10px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	margin: 15px 0 0 0;
	padding: 0 10px 0 1px;
}
#scroll-news{
	width: 364px;
	height: 295px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	margin: 15px 0 0 0;
	padding: 0 10px 0 1px;
	z-index: 0;
}

#scrollnews2{
	width: 372px;
	height: 295px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	margin: 0px 0 0 0;
	padding: 0 0px 0 1px;
	z-index: 0;
}

#context { width:400px; margin: 166px 0 15px 30px; }
/*フッター
-------------------------------------------*/
#footer{ width:900px; margin:0; }
ul#foo { list-style:none; }
ul#foo li { float:left; }

/*ナビゲーション
-------------------------------------------*/
#navibox { width: 650px; margin: 0; float:right; margin-top:53px; }
ul#navi      { width: 650px; height: 23px; position: relative; overflow: hidden; list-style: none; margin: 0; }
ul#navi li a { width: 130px; height: 23px; position: absolute; overflow: hidden; padding: 23px 0 0 0; top: 0; }
html>body ul#navi li a { height: 0; }

/*　*/
li#concept a  { background: transparent url(../img/navi01.png) no-repeat 0 0; left:   0px; }
li#profile a  { background: transparent url(../img/navi02.png) no-repeat 0 0; left: 130px; }
li#project a  { background: transparent url(../img/navi03.png) no-repeat 0 0; left: 260px; }
li#news    a  { background: transparent url(../img/navi04.png) no-repeat 0 0; left: 390px; }
li#contact a  { background: transparent url(../img/navi05.png) no-repeat 0 0; left: 520px; }
/*　*/
li#concept2 a { background: transparent url(../img/navi01.png) no-repeat 0 -23px; left:   0px; }
li#profile2 a { background: transparent url(../img/navi02.png) no-repeat 0 -23px; left: 130px; }
li#project2 a { background: transparent url(../img/navi03.png) no-repeat 0 -23px; left: 260px; }
li#news2    a { background: transparent url(../img/navi04.png) no-repeat 0 -23px; left: 390px; }
li#contact2 a { background: transparent url(../img/navi05.png) no-repeat 0 -23px; left: 520px; }

li#concept3 a { background: transparent url(../img/navi31.png) no-repeat 0 0px; left:   0px; }
li#profile3 a { background: transparent url(../img/navi32.png) no-repeat 0 0px; left: 130px; }
li#project3 a { background: transparent url(../img/navi33.png) no-repeat 0 0px; left: 260px; }
li#news3    a { background: transparent url(../img/navi34.png) no-repeat 0 0px; left: 390px; }
li#contact3 a { background: transparent url(../img/navi35.png) no-repeat 0 0px; left: 520px; }

li#concept4 a { background: transparent url(../img/navi31.png) no-repeat 0 -23px; left:   0px; }
li#profile4 a { background: transparent url(../img/navi32.png) no-repeat 0 -23px; left: 130px; }
li#project4 a { background: transparent url(../img/navi33.png) no-repeat 0 -23px; left: 260px; }
li#news4    a { background: transparent url(../img/navi34.png) no-repeat 0 -23px; left: 390px; }
li#contact4 a { background: transparent url(../img/navi35.png) no-repeat 0 -23px; left: 520px; }

/*マウスオーバー*/
li#concept a:hover, li#profile a:hover, li#project a:hover, li#news a:hover, li#contact a:hover, li#concept3 a:hover, li#profile3 a:hover, li#project3 a:hover, li#news3 a:hover, li#contact3 a:hover { background-position: 0px -23px; }