/* CSS Document */

/* ----------------------------------------------------------
  Author   :  Satella Co.,Ltd.
  URL      :  http://www.satella.net/
  Date     :  11 MAR 2008
  Contact  :  info@satella.net
  copyright(C)2009 Satella. All rights reserved.
---------------------------------------------------------- */



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

* {
	margin:0;
}

body {
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "MS PGothic";
	color: #000000;
	font-size: 12px;
	line-height: 130%;
	background-color: #FFFFFF;
}

img {border:0px;}


a:link {
	color:#FF3300;
	text-decoration:underline;
}

a:visited {
	color:#FF3300;
	text-decoration:underline;
}

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

a:active {
	color:#FF3300;
	text-decoration:underline;
}

.container {
	width: 720px;
	margin-top:20px;
}

.right{
float:right;
}

.left{
float:left;
}

.container2 {
	width: 720px;
	margin-top:20px;
	padding-top: 10px;
	background-image: url(../images/footer-dotline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.container3 {
	width: 720px;
	margin-top:20px;
	padding-top: 2px;

}



/*---------------------------------------------------------
	//////// Header
---------------------------------------------------------*/
#menu01{
	width: 720px;
}

#menu02{
	width: 720px;
	margin-top:10px;
}



/*---------------------------------------------------------
	//////// Footer
---------------------------------------------------------*/

.footer {
	height: 50px;
	width: 720px;
	padding-top: 10px;
	background-image: url(../images/footer-dotline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	color:#666666;
}

.footermenu {
	font-size: 10px;
	float: right;
	width: 370px;
	text-align: right;
	padding-top: 2px;
}

.copyright {
	font-family: Verdana;
	color:#57575A;
	font-size: 9px;
	float: left;
	height: 30px;
	width: 280px;
}

.flink:link {color: #666666; text-decoration:none}
.flink:visited {color: #666666;text-decoration:none}
.flink:active  {color: #666666;text-decoration:none}
.flink:hover {color:#FF3300;text-decoration:none}



/*---------------------------------------------------------
	//////// Index + Home
---------------------------------------------------------*/

.logo{
	width:750px;
	height:	300px;
	padding:20px;
	text-align:center;
	margin:auto;
}

.index{
	width:750px;
	height:	400px;
	padding:20px;
	text-align:center;
	position: absolute;
}

.wlink:link {color:#FFFFFF; text-decoration:none}
.wlink:visited {color:#FFFFFF;text-decoration:none}
.wlink:active  {color:#FFFFFF;text-decoration:none}
.wlink:hover {color:#FF3300;text-decoration:none}

.container_home {
	width: 600px;
	padding:60px 60px 87px 60px;
	text-align:center;
}

.copyright_w {
	font-family: Verdana;
	color:#FFFFFF;
	font-size: 9px;
	float: left;
	height: 20px;
	width: 240px;
}

.stat{
	text-align:left;
	float: right;
	height: 20px;
	width: 120px;
	border-left: 1px solid #FFFFFF;
}

/*---------------------------------------------------------
	//////// container
---------------------------------------------------------*/

.lineheigh200{
	line-height:200%
}

.lineheigh160{
	line-height:160%
}

.lineheigh170{
	line-height:170%
}

.lineheigh180{
	line-height:180%
}

.lineheigh190{
	line-height:190%
}

.letter_space02{
	letter-spacing: 0.2em;
}

.margin_left20{
	margin-left:20px;
}

.margin_left100{
	margin-left:100px;
}

.margin_top{
	margin-top:98px;
}

.black14jp{
	font-size:14px;
	line-height:160%;
}

.black14jp_bold{
	font-size:14px;
	font-weight:bold;
}

.black11en{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.black9en{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}

.black8enitalic{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	height:10px;
}

.black10enitalic{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	height:10px;
}
.black10enitalic2{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}

.black12enitalic{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}

.black10jp{
	font-size:10px;
}

.black10jp_number{
	font-size:10px;
	list-style-type: decimal;
}

.red12jp{
	font-size:12px;
	color:#FF3300;
}

.red14jp{
	font-size:14px;
	color:#FF3300;
}

.red14jp_bold{
	font-size:14px;
	color:#FF3300;
	font-weight:bold;
}

.red12en{
	font-size:12px;
	color:#FF3300;
	font-family:Arial, Helvetica, sans-serif;
}



/*---------------------------------------------------------
	//////// wahat's new
---------------------------------------------------------*/

.wahatsnew_title {
	font-size: 16px;
	font-weight:bold;
	margin-right: 20px;
	padding-bottom:25px;
	line-height: 130%;
	color:#F15821;
}


.wahatsnew_title_sub {
	font-size: 10px;
}



.wahatsnew_detail {
	font-size: 10px;
	margin-right: 180px;
	line-height: 160%;
	letter-spacing:0.1em;
}






/*---------------------------------------------------------
	//////// work
---------------------------------------------------------*/

.hotel li{
padding-left:15px;
background:url(../images/yy01.gif) left top no-repeat;
}

.sub_work{
	padding-left:35px;
	padding-bottom: 30px;
	color:#F15A22;
	font:Arial, Helvetica, sans-serif;
}

.menu_work{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	height:82px;
	width:720px;
	margin-top:20px;
}

.menu_work02{
	margin-top:5px;
}

.work_detail{
	text-align:center;
	margin-bottom:20px;
}

.top{
	margin-top:10px;
}
.bg_map{
background-image:url(../images/w_map.gif);
background-position: top;
background-repeat: no-repeat;
font-size:10px;
}

.w1 {COLOR: #333333; text-decoration: none; font-weight:bold;}
.w1:link{COLOR: #333333; text-decoration: none; font-weight:bold;}
.w1:visited{COLOR: #333333; text-decoration: none; font-weight:bold; }
.w1:active{COLOR: #333333; text-decoration: none; font-weight:bold; }
.w1:hover{COLOR: #FF3300; text-decoration: none;  font-weight:bold;}

.w2 {background-image: url(../images/xx01.gif); padding-left:35px;}
.w2:link{background-image: url(../images/xx01.gif);}
.w2:hover{background-image: url(../images/xx02.gif);}

.w3 {
color:#000000; font-size:10px; 
background-image: url(../images/yy01.gif); 
text-decoration: none; padding-left:15px;
background-repeat:no-repeat; background-position:left;}
.w3:link{
color:#000000; font-size:10px; 
background-image: url(../images/yy01.gif);
text-decoration: none; padding-left:15px;
background-repeat:no-repeat; background-position:left;}
.w3:visited{
color:#000000; font-size:10px; 
background-image: url(../images/yy01.gif);
text-decoration: none; padding-left:15px;
background-repeat:no-repeat; background-position:left;}
.w3:active{
color:#000000; font-size:10px; 
background-image: url(../images/yy01.gif);
text-decoration: none; padding-left:15px;
background-repeat:no-repeat; background-position:left;}
.w3:hover{
color:#000000; font-size:10px; 
background-image: url(../images/yy02.gif);
text-decoration: none; padding-left:15px;
background-repeat:no-repeat; background-position:left;}


.w4 {
color:#000000; font-size:10px; 
background-image: url(../images/yy02.gif);
text-decoration: none; padding-left:15px;
background-repeat:no-repeat; background-position:left;}

/*---------------------------------------------------------
	//////// staff
---------------------------------------------------------*/

.staff{
	margin-bottom:20px;
	margin-top:30px;
}



/*---------------------------------------------------------
	//////// Subsidialy Office
---------------------------------------------------------*/


.staffposition{
	font-size:8px;
	font-family:Arial;
	font-style:italic;
	height:12px;
}




/*---------------------------------------------------------
	//////// Design Management Seminer
---------------------------------------------------------*/


.bgyokota {
	background-image: url(@yokota-photo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 95px;
}


.dateselect {
	font-size: 10px;
	margin-bottom: 45px;
	margin-top: 10px;
}
.dateselect2{
	font-size: 10px;
	margin-bottom: 25px;
	margin-top: 10px;
}


.yokotaname {
	font-size: 16px;
	line-height: 120%;
	margin-top: 10px;
	font-weight: normal;
	word-spacing: 1pt;
	padding-left: 0px;
	padding-top: 2px;
}


.yokota {
	font-size: 10px;
	line-height: 150%;
	margin-top: 10px;
}


.yokotaposition {
	font-size: 12px;
	line-height: 120%;
	padding-left: 0px;
}

.brandtitle {
	font-size: 16px;
	font-weight:bold;
	margin-left: 200px;
	line-height: 130%;
}

.brandtitle2 {
	font-size: 16px;
	font-weight:bold;
	margin-right: 240px;
	padding-bottom:25px;
	line-height: 130%;
	color:#F15821;
}
.branddate {
	font-size: 12px;
	margin-left: 200px;
	line-height: 140%;
	margin-top: 13px;
	margin-bottom: 13px;
}
.branddate2 {
	font-size: 12px;
	margin-right: 200px;
	line-height: 140%;
	margin-top: 13px;
	margin-bottom: 13px;
}

.branddescription {
	font-size: 10px;
	margin-left: 200px;
	line-height: 160%;
}

.branddescription2 {
	font-size: 10px;
	margin-left: 200px;
	line-height: 160%;
	text-align:justify;
	letter-spacing:0.1em;
}
.branddescription3 {
	font-size: 10px;
	margin-right: 240px;
	line-height: 160%;
	text-align:justify;
	letter-spacing:0.1em;
}

.poster{
float:left;
width:185px;
}
.poster2{
float:right;
margin-top:65px;
width:165px;
}

/*---------------------------------------------------------
	//////// Balloontext
---------------------------------------------------------*/

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 1;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-image:url(../images/balloon.gif);
padding: 5px;
left: 0px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
width:150px;
visibility: visible;
top: 0;
left: -55px; /*position where enlarged image should offset horizontally */
}
/*----------------------------------thumbnail2-----------------------------------------*/
.thumbnail2{
	position: relative;
	z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 1;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-image:url(../images/balloon2.gif);
padding: 10px 10px 5px 10px;
left: 0px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
color:#FFFFFF;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
width:125px;
visibility: visible;
top: 0;
left: 25px; /*position where enlarged image should offset horizontally */
}

/*---------------------------------------------------------
	//////// Recruit
---------------------------------------------------------*/

.recruit {
	width: 680px;
	margin-top:20px;
	padding:20px;
	padding-top:0px;
	border: 1px solid #CCCCCC;
}


/*---------------------------------------------------------
	//////// Partner
---------------------------------------------------------*/

.f_right{
	float: right;
	width:122px;
	}
	
.address{
margin-left:100px;
margin-top:30px;
}	


.address_bali{
margin-left:100px;
margin-top:98px;
}	


.description{
	margin-top:20px;
	margin-left:100px;
}



/*---------------------------------------------------------
	//////// sitemap
---------------------------------------------------------*/

.sitemap {
	background-image:url(../images/sitemap_icon.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding:0px 0px 2px 0px;
}
.sitemap1 {
	background-image:url(../images/sitemap_icon1.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:4px 0px 5px 20px;
	margin:0px 0px 0px 5px;
}
.sitemap2 {
	padding:2px 0px 3px 20px;
	margin:0px 0px 0px 5px;
}


.sitemaptext {font-family:Arial; COLOR: #333333;  text-decoration: none; font-weight:bold; font-size:10px;}
.sitemaptext:link {font-family:Arial;COLOR: #333333; text-decoration: none; font-weight:bold; font-size:10px;}
.sitemaptext:visited {font-family:Arial;COLOR: #333333; text-decoration: none; font-weight:bold; font-size:10px;}
.sitemaptext:active {font-family:Arial;COLOR: #333333; TEXT-DECORATION: none; font-weight:bold; font-size:10px;}
.sitemaptext:hover { font-family:Arial;text-decoration: none; COLOR: #000000; font-weight:bold; font-size:10px;}

.sitemaptext2 {COLOR: #FF3300;  text-decoration: none; font-size:11px; text-align:right; padding-right:5px;}
.sitemaptext2:link {COLOR: #FF3300; text-decoration: none; font-size:11px; text-align:right; padding-right:5px;}
.sitemaptext2:visited {COLOR: #FF3300; text-decoration: none; font-size:11px; text-align:right; padding-right:5px;}
.sitemaptext2:active {COLOR: #FF3300; TEXT-DECORATION: none; font-size:11px; text-align:right; padding-right:5px;}
.sitemaptext2:hover { text-decoration: none; COLOR: #FF9900; font-size:11px; text-align:right; padding-right:5px;}

/*---------------------------------------------------------
	//////// Photo media div
---------------------------------------------------------*/

.frame01{
padding:10px;
border:#000000 solid 1px;
}