@charset "utf-8";

/*---------------------------------------------------------
  TOTOMORROW CSS : Index
----------------------------------------------------------*/
#mainImage {
	width: 900px;
	position: relative;
}
/*#mainImage p.copy {
	padding: 80px 276px 68px 65px;
	float: left;
	width: 359px;
}*/
#mainImage p.btnAims {
	position: absolute;
	top: 0px;
	right: 0px;
}
#mainImage p.btnMovie {
	position: absolute;
	top: 159px;
	right: 13px;
}

/*---------------------------------------------------------
  leftWrap
----------------------------------------------------------*/
#leftWrap {
	width: 620px;
	padding-right: 10px;
	float: left;
}

/* serviceWrap */
#leftWrap #serviceWrap {
	background: url(../images/index/service_bg.jpg) no-repeat left bottom;
	padding-bottom: 18px;
	width: 620px;
}
#leftWrap #serviceWrap .serviceBox {
	width: 155px;
	float: left;
}
#leftWrap #serviceWrap h2 {
}
#leftWrap #serviceWrap p.photo,
#leftWrap #serviceWrap p.photoLeft {
	padding: 9px 9px 0px 10px;
}
#leftWrap #serviceWrap p.photoLeft {
	padding-right: 5px;
	padding-left: 14px;
}
#leftWrap #serviceWrap p.read,
#leftWrap #serviceWrap p.readLeft {
	color: #666666;
	padding: 6px 9px 0px 10px;
}
#leftWrap #serviceWrap p.readLeft {
	padding-right: 5px;
	padding-left: 14px;
}

/* newsWrap */
#leftWrap #newsWrap {
	background: url(../images/index/news_bg.jpg) no-repeat left bottom;
	width: 620px;
}
#leftWrap #newsWrap .newsTitle {
	background: url(../images/index/news_title_bg.jpg) no-repeat 0px 0px;
	padding: 21px 0px 0px 4px;
}
#leftWrap #newsWrap ul.tab {
	background: url(../images/index/news_title_bg.jpg) no-repeat 0px 0px;
	float: left;
}
#leftWrap #newsWrap ul.tab li {
	padding-left: 1px;
	float: left;
	list-style: none;
}
#leftWrap #newsWrap ul.tab li.btnNews a {
	background: url(../images/index/news_whatsnew.jpg) no-repeat 0px 0px;
	text-indent: -3000px;
	height: 24px;
	width: 90px;
	display: block;
}
#leftWrap #newsWrap ul.tab li.btnNews a:hover {
	background: url(../images/index/news_whatsnew_on.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnNews a.sct {
	background: url(../images/index/news_whatsnew_sct.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnIr a {
	background: url(../images/index/news_ir.jpg) no-repeat 0px 0px;
	text-indent: -2000px;
	height: 24px;
	width: 90px;
	display: block;
}
#leftWrap #newsWrap ul.tab li.btnIr a:hover {
	background: url(../images/index/news_ir_on.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnIr a.sct {
	background: url(../images/index/news_ir_sct.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnMedia a {
	background: url(../images/index/news_media.jpg) no-repeat 0px 0px;
	text-indent: -2000px;
	height: 24px;
	width: 90px;
	display: block;
}
#leftWrap #newsWrap ul.tab li.btnMedia a:hover {
	background: url(../images/index/news_media_on.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnMedia a.sct {
	background: url(../images/index/news_media_sct.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnPerform a {
	background: url(../images/index/news_perform.jpg) no-repeat 0px 0px;
	text-indent: -2000px;
	height: 24px;
	width: 90px;
	display: block;
}
#leftWrap #newsWrap ul.tab li.btnPerform a:hover {
	background: url(../images/index/news_perform_on.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnPerform a.sct {
	background: url(../images/index/news_perform_sct.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnShop a {
	background: url(../images/index/news_shop.jpg) no-repeat 0px 0px;
	text-indent: -2000px;
	height: 24px;
	width: 90px;
	display: block;
}
#leftWrap #newsWrap ul.tab li.btnShop a:hover {
	background: url(../images/index/news_shop_on.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.tab li.btnShop a.sct {
	background: url(../images/index/news_shop_sct.jpg) no-repeat 0px 0px;
}
#leftWrap #newsWrap ul.btn {
	padding-left: 52px;
	float: left;
	display: block;
}
#leftWrap #newsWrap ul.btn li {
	float: left;
	list-style: none;
}
#leftWrap #newsWrap ul.btn li.btnRss {
	padding-right: 7px;
}
#leftWrap #newsWrap ul.btn li.btnMore {
	background: url(../images/index/news_title_line.gif) no-repeat 0px 0px;
	padding-left: 8px;
}
#leftWrap #newsWrap #newsCont {
	width: 620px;
}
#leftWrap #newsWrap #pressCont,
#leftWrap #newsWrap #mediaCont,
#leftWrap #newsWrap #performCont,
#leftWrap #newsWrap #shopCont {
	display: none;
	width: 620px;
}
#leftWrap #newsWrap dl {
	padding: 13px 15px 10px;
	clear: both;
}
#leftWrap #newsWrap dt {
	width: 7em;
	background: url(../images/common/dotline_part1.gif) repeat-x 0px 0px;
	padding: 6px 0px;
	float: left;
}
#leftWrap #newsWrap dd {
	padding: 6px 0px;
	background: url(../images/common/dotline_part1.gif) repeat-x 0px 0px;
	margin-left: 7em;
}
#leftWrap #newsWrap dt.top,
#leftWrap #newsWrap dd.top {
	background: url(none);
	padding-top: 0px;
}

/*---------------------------------------------------------
  centerWrap
----------------------------------------------------------*/
#centerWrap {
	width: 150px;
	float: left;
	padding-right: 9px;
}
#centerWrap ul.btnList li {
	list-style: none;
	padding-top: 5px;
}
#centerWrap ul.btnList li.top {
	padding-top: 0px;
}
#centerWrap ul.btnList li img {
	vertical-align: bottom;
}
#centerWrap .boxPart1 {
	background: url(../images/index/media_bg.gif) no-repeat left bottom;
	border-top: 10px solid #F2F2EE;
}
#centerWrap .boxPart1 p {
	padding: 8px 10px 15px;
}
#centerWrap .mediaBox {
	background: url(../images/index/media_bg.gif) no-repeat left bottom;
	border-top: 10px solid #F2F2EE;
}
#centerWrap .mediaBox h3 {
	font-size: 12px;
	color: #4EB7A1;
	text-align: center;
}
#centerWrap .mediaBox p.photo {
	padding: 12px 0px;
	text-align: center;
}
#centerWrap .mediaBox p.read {
	padding: 0px 10px 15px;
}

/*---------------------------------------------------------
  rightWrap
----------------------------------------------------------*/
#rightWrap {
	width: 110px;
	float: left;
}
#rightWrap .linkBox {
	background: url(../images/index/link_bg.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
#rightWrap .linkBox li {
	padding: 10px 10px 0px;
	list-style: none;
}
#rightWrap .linkBox li img {
	vertical-align: bottom;
}
#rightWrap .linkBox p {
	padding-top: 5px;
}
#rightWrap .linkBox p a {
	background: url(../images/index/link_newwin.gif) no-repeat 0px 3px;
	padding-left: 12px;
}
#rightWrap ul.btnBox li {
	padding-top: 10px;
	list-style: none;
}
#rightWrap ul.btnBox img {
	vertical-align: bottom;
}

