@charset "utf-8";

/* Settings
---------------------------- */
img, div, h1, h2, ul, li, a { behavior: url('./_js/iepngfix.htc'); }

html { height: 100%; }
body {
	position: relative;
	height: 100%;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ 明朝", "ＭＳ Ｐ明朝", sans-serif;
	font-size: 12px;
	color: #333;
}

/* for WinIE6 */
* html body {
	font-size: 82%;
	letter-spacing: 0px;
	height: 100%;
}
* html td, * html th {
	line-height: 1.5em;
	font-size: 82%;
}
/* for WinIE7 */
*:first-child+html body {
	font-size: 82%;
}

a img, img {
	vertical-align: bottom;
	border: 0;
}

a { color: #999; text-decoration: none; }
a:hover { color: #7777cc; text-decoration: underline; }

.Yu a { color: #ff2277; }
.Mako a { color: #ffcc33; }
.Ai a { color: #ff6600; }

.colorYu { color: #ff2277;  }
.colorMako { color: #ffcc33; }
.colorAi { color: #ff6600; }

p {
	margin: 2em 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

hr {
	height: 11px;
	margin: 2em 0 2em 0;
	border: none;
	background: url('../_img/hr.png') 0 0 repeat;
}

.hidden { display: none; }

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
}

/* tables still need 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

/* Layout
---------------------------- */
div#Container {
	position: relative;
	height: 100%;
}

/* Top
---------------------------- */

div.TopContents .TopLink {
	position: absolute;
	left: 50%; top: 55%;
	width: 414px;
	height: 472px;
	margin: -236px 0 0 -207px;
}

div.TopContents .TopLink h1 {
	overflow: hidden;
	width: 100%;
	height: 0;
	font-size: 10px;
	margin: 0;
	padding: 122px 0 0;
	background: url(../_img/top.png) -8px 0 no-repeat;
}

div.TopContents .TopLink ul {
	position: relative;
	margin: 0;
	padding: 0;
}
div.TopContents .TopLink ul li {
	float: left;
	height: 350px;
	margin: 0;
	padding: 0;
	list-style: none;
}
div.TopContents .TopLink ul li.yu { width: 129px; }
div.TopContents .TopLink ul li.mako { width: 146px; }
div.TopContents .TopLink ul li.ai { width: 135px; }

div.TopContents .TopLink ul li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 350px;
	background: url(../_img/top.png) no-repeat;
}
div.TopContents .TopLink ul li.yu a { background-position: 0 -122px; }
div.TopContents .TopLink ul li.mako a { background-position: -127px -122px; }
div.TopContents .TopLink ul li.ai a { background-position: -279px -122px; }
div.TopContents .TopLink ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
} 

.TopButtons {
	overflow: hidden;
	position: fixed;
	left: 685px; top: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.85); 
	/background-color: #ffffff; /* ie6-7 */
}

.TopButtons ul {
	width: 200px;
	height: 54px;
	margin: 0;
	padding: 0;
}

.TopButtons ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none
}
.TopButtons ul li a {
	overflow: hidden;
	display: block;
	height: 0;
}
.TopButtons ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

.TopButtons ul li.contact { width: 25px; margin: 0 3px 0 0; }
.TopButtons ul li.mailaddress { width: 116px; margin: 0 13px 0 0; }
.TopButtons ul li.twitter { width: 19px; margin: 0 5px 0 0; }

.TopButtons ul li.contact.active { padding-top: 38px; background: url(../header_img/mail.png) 0 18px no-repeat; }
.TopButtons ul li.mailaddress { padding-top: 36px; background: url(../header_img/mailaddress.png) 0 20px no-repeat; }
.TopButtons ul li.twitter.active { padding-top: 45px; background: url(../header_img/twitter.png) 0 14px no-repeat; }

.TopButtons ul li.contact a { 
	margin-top: 18px;
	padding-top: 20px;
	background: url(../header_img/mail.png) 0 0 no-repeat;
}

.TopButtons ul li.mailaddress { 
	margin-top: 20px;
	padding-top: 16px;
	background: url(../header_img/mailaddress.png) 0 0 no-repeat;
	overflow: hidden;
	display: block;
	height: 0;
}

.TopButtons ul li.twitter a {
	margin-top: 18px;
	padding-top: 19px;
	background: url(../header_img/twitter.png) 0 0 no-repeat; 
}



/* --- Buttons ----- */

.Buttons {
	overflow: hidden;
	position: fixed;
	left: 0; top: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.85); 
	/background-color: #ffffff; /* ie6-7 */
}

.Buttons ul {
	width: 943px;
	height: 54px;
	margin: 0 auto;
	padding: 0;
}

.Buttons ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none
}
.Buttons ul li a {
	overflow: hidden;
	display: block;
	height: 0;
}
.Buttons ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

.Buttons ul li.biography { width: 42px; 0 3px 0 0; }
.Buttons ul li.works { width: 72px; margin: 0 4px 0 0; }
.Buttons ul li.music { width: 76px; margin: 0 4px 0 0; }
.Buttons ul li.previousperformances { width: 103px; 0 1px 0 0; }
.Buttons ul li.discography { width: 89px; margin: 0 3px 0 0; }
.Buttons ul li.press { width: 44px; margin: 0 5px 0 0; }
.Buttons ul li.liveschedule { width: 85px; margin: 0 5px 0 0; }
.Buttons ul li.blog { width: 73px; }
.Buttons ul li.contact { width: 21px; margin: 0 3px 0 0; }
.Buttons ul li.mailaddress { width: 117px; margin: 0 11px 0 0; }
.Buttons ul li.twitter { width: 19px; margin: 0 5px 0 0; }
.Buttons ul li.facebook { width: 19px; margin: 0 6px 0 0; }
.Buttons ul li.instagram { width: 19px; margin: 0 7.5px 0 0; }
.Buttons ul li.youtube { width: 24px; margin: 0 4.5px 0 0; }
.Buttons ul li.soundcloud { width: 24px; margin: 0 8px 0 0; } 
.Buttons ul li.home { width: 68px; }

.Buttons ul li.information { width: 66px; }


.Buttons ul li.active {
	overflow: hidden;
	height: 0;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

.Buttons ul li.biography.active { padding-top: 36px; background: url(../header_img/bio.png) 0 12px no-repeat; }
.Buttons ul li.works.active { padding-top: 40px; background: url(../header_img/works.png) 0 11px no-repeat; }
.Buttons ul li.music.active { padding-top: 40px; background: url(../header_img/music.png) 0 11px no-repeat; }
.Buttons ul li.previousperformances.active { padding-top: 45px; background: url(../header_img/past.png) 0 11px no-repeat; }
.Buttons ul li.discography.active { padding-top: 45px; background: url(../header_img/discography.png) 0 11px no-repeat; }
.Buttons ul li.press.active { padding-top: 38px; background: url(../header_img/press.png) 0 12px no-repeat; }
.Buttons ul li.liveschedule.active { padding-top: 39px; background: url(../header_img/schedule.png) 0 11px no-repeat; }
.Buttons ul li.blog.active { padding-top: 40px; background: url(../header_img/blog.png) 0 10px no-repeat; }
.Buttons ul li.contact.active { padding-top: 39px; background: url(../header_img/mail.png) 0 18px no-repeat; }
.Buttons ul li.mailaddress { padding-top: 36px; background: url(../header_img/mailaddress.png) 0 20px no-repeat; }
.Buttons ul li.twitter.active { padding-top: 45px; background: url(../header_img/twitter.png) 0 14px no-repeat; }
.Buttons ul li.facebook.active { padding-top: 44px; background: url(../header_img/facebook.png) 0 14px no-repeat; }
.Buttons ul li.instagram.active { padding-top: 44px; background: url(../header_img/instagram.png) 0 13px no-repeat; }
.Buttons ul li.youtube.active { padding-top: 44px; background: url(../header_img/youtube.png) 0 13px no-repeat; }
.Buttons ul li.soundcloud.active { padding-top: 44px; background: url(../header_img/soundcloud.png) 0 17px no-repeat; }

.Buttons ul li.information.active { padding-top: 39px; background: url(../header_img/info.png) 0 8px no-repeat; }


.Buttons ul li.biography a {
	margin-top: 12px; 
	padding-top: 24px;
	background: url(../header_img/bio.png) 0 0 no-repeat; 
}
.Buttons ul li.works a { 
	margin-top: 11px;
	padding-top: 29px;
	background: url(../header_img/works.png) 0 0 no-repeat; 
}
.Buttons ul li.music a { 
	margin-top: 11px;
	padding-top: 29px;
	background: url(../header_img/music.png) 0 0 no-repeat; 
}
.Buttons ul li.previousperformances a { 
	margin-top: 11px;
	padding-top: 34px; 
	background: url(../header_img/past.png) 0 0 no-repeat;
}
.Buttons ul li.discography a {
	 margin-top: 11px; 
	 padding-top: 34px;
	background: url(../header_img/discography.png) 0 0 no-repeat; 
}
.Buttons ul li.press a {
	 margin-top: 12px;
	 padding-top: 26px;
	 background: url(../header_img/press.png) 0 0 no-repeat; 
}
.Buttons ul li.liveschedule a {
	margin-top: 11px;
	padding-top: 28px;
	background: url(../header_img/schedule.png) 0 0 no-repeat;
}
.Buttons ul li.blog a {
	margin-top: 10px; 
	padding-top: 30px;
	background: url(../header_img/blog.png) 0 0 no-repeat; 
}

.Buttons ul li.contact a { 
	margin-top: 18px;
	padding-top: 20px;
	background: url(../header_img/mail.png) 0 0 no-repeat;
}

.Buttons ul li.mailaddress { 
	margin-top: 20px;
	padding-top: 16px;
	background: url(../header_img/mailaddress.png) 0 0 no-repeat;
	overflow: hidden;
	display: block;
	height: 0;
}

.Buttons ul li.twitter a {
	margin-top: 18px;
	padding-top: 19px;
	background: url(../header_img/twitter.png) 0 0 no-repeat; 
}

.Buttons ul li.facebook a {
	margin-top: 18px;
	padding-top: 19px;
	background: url(../header_img/facebook.png) 0 0 no-repeat; 
}

.Buttons ul li.instagram a {
	margin-top: 18px;
	padding-top: 19px;
	background: url(../header_img/instagram.png) 0 0 no-repeat; 
}

.Buttons ul li.youtube a {
	margin-top: 16px;
	padding-top: 24px;
	background: url(../header_img/youtube.png) 0 0 no-repeat; 
}

.Buttons ul li.soundcloud a {
	margin-top: 17px;
	padding-top: 24px;
	background: url(../header_img/soundcloud.png) 0 0 no-repeat; 
}

.Buttons ul li.home a {
	margin-top: 8px;
	padding-top: 46px;
	background: url(../header_img/home.png) 0 0 no-repeat;
}

.Buttons ul li.information a {
	margin-top: 9px;
	padding-top: 31px;
	background: url(../header_img/info.png) 0 0 no-repeat;
}

/* Sisters Link
---------------------------- */
div.Sisters {
	position: fixed;
	left: 5%; top: 95%;
	width: 190px;
	height: 180px;
	margin: -180px 0 0 0;
}

div.Sisters .Shimai {
	overflow: hidden;
	width: 100%;
	height: 0;
	font-size: 10px;
	margin: 0;
	padding: 70px 0 0 0;
}

div.Sisters ul li {
	float: left;
	height: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #ffffff;
}

div.Sisters ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.TopContents .Buttons,
div.ContactContents .Buttons,
div.LiveContents .Buttons,
div.InfoContents .Buttons {
	overflow: hidden;
}

div.TopContents .Buttons ul {
	/z-index: 1px; /* ie6-7 */
	float: right;
	width: 425px;
	margin-right: 90px;
}

div.ContactContents .Buttons ul,
div.LiveContents .Buttons ul,
div.InfoContents .Buttons ul {
	/z-index: 1px; /* ie6-7 */
	float: right;
	width: 490px;
	margin-right: 95px;
}

/* --- Sisters Link (Yu) --- */
div.SisterYu {
	background: url(../_img/yu_profile.png) 0 0 no-repeat;
}

div.SisterYu ul li.mako { width: 50px; }
div.SisterYu ul li.ai { width: 50px; }

div.SisterYu ul {
	position: relative;
	margin: 0;
	padding: 0 0 0 80px;
}

div.SisterYu ul li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 180px;
	background: url(../_img/yu_profile.png) no-repeat;
}

div.SisterYu ul li.mako a { background-position: -80px -70px; }
div.SisterYu ul li.ai a { background-position: -130px -70px; }


/* --- Sisters Link (Mako)----- */
div.SisterMako {
	background: url(../_img/mako_profile.png) 0 0 no-repeat;
}

div.SisterMako ul {
	position: relative;
	margin: 0;
	padding: 0;
}

div.SisterMako ul li.yu { width: 48px; }
div.SisterMako ul li.ai { width: 51px; margin-left: 88px; }

div.SisterMako ul li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 180px;
	background: url(../_img/mako_profile.png) no-repeat;
}

div.SisterMako ul li.yu a { background-position: 0 -76px; }
div.SisterMako ul li.ai a { background-position: -139px -76px; }

/* --- Sisters Link (Ai) --- */
div.SisterAi {
	background: url(../_img/ai_profile.png) 0 0 no-repeat;	
}

div.SisterAi ul li.yu { width: 61px; }
div.SisterAi ul li.mako { width: 51px; }

div.SisterAi ul {
	position: relative;
	margin: 0;
	padding: 0;
}

div.SisterAi ul li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 180px;
	background: url(../_img/ai_profile.png) no-repeat;
}

div.SisterAi ul li.yu a { background-position: 0 -76px; }
div.SisterAi ul li.mako a { background-position: -61px -76px; }

/* Biograph
---------------------------- */
div.BioContents .BioPhoto {
	position: fixed;
	left: 38%; top: 80px;
	width: 540px;
	margin: 0 0 0 -260px;
}

div.BioContents .BioLayout {
	position: absolute;
	left: 38%; top: 80px;
	width: 540px;
	margin: 0 0 0 0;
}

div.BioContents .BioLayout p.Category{
  color: gray;
  font-size: 15px;
}

div.BioContents .BioLayout span{
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

div.BioContents .BioLayout a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.BioContents .BioTtl {
	font-size: 125%;
}

div.BioContents .BioTtl span {
	background-color:#FFFFFF;
	padding:0 0.5em 0 0;
}

/* Music
---------------------------- */
div.MusicContents .MusicTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 620px;
	margin-left: -220px;
}

div.MusicContents p {
letter-spacing: 0.008em;
}

div.MusicContents .MusicTxt .Ttl {
	color: gray;
	font-size: 15px;
}

/*discography
---------------------------- */

div.DiscoContents .DiscoTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 630px;
	margin-left: -220px;
}	

div.DiscoContents .DiscoTxt .Category {
	color: gray;
	font-size: 15px;
}

div.DiscoContents .DiscoTxt h2.Ttl {
	font-size: 13px;
	margin: 3em 0 0.5em 0;
}

div.DiscoContents .DiscoTxt a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/*works
---------------------------- */

div.WorksContents .WorksTtl {
	position: absolute;
	left: 32%; top: 75px;
	width: 630px;
}	

div.WorksContents .WorksTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 630px;
	margin-left: -220px;
}

div.WorksContents .WorksTxt2 {
	position: absolute;
	left: 50%; top: 75px;
	width: 630px;
	margin-left: -320px;
}

div.WorksContents .WorksTtl h1 {
	font-size: 15px;
}

div.WorksContents .WorksTxt .Category {
	color: gray;
	font-size: 15px;
}

div.WorksContents .WorksTxt h2.Ttl {
	font-size: 13px;
}

div.WorksContents .WorksTxt .Premiere {
	color: gray;
	text-align: right;
}

div.WorksContents .WorksTxt span {
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

div.WorksContents .WorksTxt a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/* previous performance
---------------------------- */
div.PerformanceContents .PerformanceTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 630px;
	margin-left: -220px;
}

div.PerformanceContents .PerformanceTxt h2.Year {
	color: gray;
	font-size: 16px;
	font-weight: bold;
	margin: 2em 0 2em 0;
}

div.PerformanceContents .PerformanceTxt .Ttl {
	color: gray;
	font-size: 14px;
	margin: 0 0 0 0;
}

div.PerformanceContents .PerformanceTxt .TtlMako {
	font-size: 13px;
	margin: 2.5em 0 0.5em 0; 
}

div.PerformanceContents .PerformanceTxt .date {
	font-size: 11px;
	margin: 4em 0 1em 0;
}

div.PerformanceContents .PerformanceTxt a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.PerformanceContents .PerformanceTxt span{
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

/*----Live schedule--------*/

div.LiveContents .LiveLink {
	position: absolute;
	left: 50%; top: 75px;
	width: 630px;
	margin-left: -220px;
}

div.LiveContents .LiveLink ul {
	overflow: hidden;
	list-style: none;
}

div.LiveContents .LiveLink ul li p {
	margin-top: 30px;
}

div.LiveContents .LiveLink ul  li {
	overflow: hidden;
	clear: both;
	margin: 20px;
}

div.LiveContents ul li.LiveLinkYu a {
	z-index: 1px; /* ie6-7 */
	float: left;
	height: 0;
	width: 46px;
	margin-right: 16px;
	padding-top: 98px;
	background: url(../_img/yu_button.png) 0 0 no-repeat;
	overflow: hidden;
}

div.LiveContents ul li.LiveLinkMako a {
	z-index: 1px; /* ie6-7 */
	float: left;
	height: 0;
	width: 50px;
	margin-right: 13px;
	padding-top: 98px;
	background: url(../_img/mako_button.png) 0 0 no-repeat;
	overflow: hidden;
	}

div.LiveContents ul li.LiveLinkAi a {
	z-index: 1px; /* ie6-7 */
	float: left;
	overflow: hidden;
	height: 0;
	width: 46px;
	margin-right: 15px;
	padding-top: 98px;	
	background: url(../_img/ai_button.png) 0 0 no-repeat;
}

div.LiveContents .LiveLink a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.FutureContents .FutureTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 630px;
	margin-left: -220px;
}

div.FutureContents .FutureTxt .Ttl {
	font-size: 16px;
	color: gray;
	margin: 0.5em 0 0.5em 0;
}

div.FutureContents .FutureTxt .date {
	font-size: 11px;
	margin: 3em 0 2em 0;
}

div.FutureContents .FutureTxt .TicketReservation {
	color: gray;
	text-align: right;
}

div.FutureContents .FutureTxt a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.FutureContents .FutureTxt span{
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

/* Press
---------------------------- */

div.PressContents .PressTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 660px;
	margin-left: -220px;
}

div.PressContents .PressTxt .Category {
	font-size: 15px;
	color: gray;
}

div.PressContents .PressTxt .Ttl {
	font-size: 15px;
}

div.PressContents .PressTxt .date {
	font-size: 12px;
	margin: 3em 0 1em 0;
}

div.PressContents .PressTxt a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.PressContents .PressTxt span{
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

/* Blog

div.BlogContents .BlogLink a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
	---------------------------- */

/*Yu Blog
---------------------------- */
div.BlogContents .BlogLinkYu {
	position: absolute;
	left: 50%; top: 75px;
	margin-left: -200px;
	width: 400px;
}

div.BlogContents .BlogLinkYu ul  {
	list-style: none;
}
div.BlogContents .BlogLinkYu ul  li {
	overflow: hidden;
	clear: both;
	margin: 20px;
}

div.BlogContents .BlogLinkYu ul li a {
	z-index: 1px; /* ie6-7 */
	float: left;
	overflow: hidden;
	height: 0;
	width: 46px;
	margin-right: 20px;
	padding-top: 98px;
	background: url(../_img/yu_button.png) 0 0 no-repeat;
}

div.BlogContents .BlogLinkYu ul li p {
	margin-top: 30px;
}

/*Mako Blog
---------------------------- */

div.BlogContents .BlogLinkMako {
	position: absolute;
	left: 50%; top: 75px;
	margin-left: -150px;
	width: 300px;
}

div.BlogContents .BlogLinkMako .sorry {
	position: absolute;
	left: 50%; top: 75px;
	height: 86px;
	width: 300px;
	margin-left: -150px;
}	

div.BlogContents .BlogLinkMako .sorry a {
	overflow: hidden;
	display: block;
	height: 0;
	margin: 0;
	padding-top: 86px; 
	background: url(../_img/sorry.png) 0 0 no-repeat;
}

div.BlogContents .BlogLinkMako a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

div.BlogContents .BlogLinkMako ul  {
	list-style: none;
}

div.BlogContents .BlogLinkMako ul  li {
	overflow: hidden;
	clear: both;
	margin: 18px;
}

div.BlogContents .BlogLinkMako ul li a {
	z-index: 1px; /* ie6-7 */
	float: left;
	overflow: hidden;
	height: 0;
	width: 50px;
	margin-right: 20px;
	padding-top: 98px;
	background: url(../_img/mako_button.png) 0 0 no-repeat;
}

div.BlogContents .BlogLinkMako ul li p {
	margin-top: 30px;
}

/*Ai Blog
---------------------------- */

div.BlogContents .BlogLinkAi {
	position: absolute;
	left: 50%; top: 75px;
	margin-left: -190px;
	width: 380px;
}

div.BlogContents .BlogLinkAi ul {
	list-style: none;
}

div.BlogContents .BlogLinkAi ul li {
	overflow: hidden;
	clear: both;
	margin: 20px;
}

div.BlogContents .BlogLinkAi ul li a {
	z-index: 1px; /* ie6-7 */
	float: left;
	overflow: hidden;
	height: 0;
	width: 46px;
	margin-right: 20px;
	padding-top: 98px;	background: url(../_img/ai_button.png) 0 0 no-repeat;
}

div.BlogContents .BlogLinkAi ul li p {
	margin-top: 30px;
}

div.BlogContents .BlogLinkAi .sorry a {
	overflow: hidden;
	display: block;
	height: 0;
	margin: 0;
	padding-top: 86px; 
	background: url(../_img/sorry.png) 0 0 no-repeat;
}

div.BlogContents .BlogLinkAi a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}


/*contact
---------------------------- */
div.ContactContents .ContactTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 500px;
	margin-left: -250px;
}


/*coming soon
---------------------------- */
div.ComingSoonContents .ComingSoonContentsLink .coming_soon {
	position: absolute;
	left: 35%; top: 34%;
	width: 413px;
	margin: 0 0 0 0;
}	

div.ComingSoonContents .ComingSoonContentsLink .coming_soon {
	overflow: hidden;
	display: block;
	height: 0;
	margin: 0;
	padding-top: 64px; 
	background: url(../_img/coming_soon.png) 0 0 no-repeat;
}

div.ComingSoonContents .ComingSoonContentsLink .sorry {
	position: absolute;
	left: 0%; top: 70%;
	height: 86px;
	width: 300px;
	margin: 0 0 0 0;
}	

div.ComingSoonContents .ComingSoonContentsLink .sorry a {
	overflow: hidden;
	display: block;
	height: 0;
	margin: 0;
	padding-top: 86px; 
	background: url(../_img/sorry.png) 0 0 no-repeat;
}

div.ComingSoonContents .ComingSoonContentsLink a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
/*----Info--------*/

div.InfoContents .InfoTxt {
	position: absolute;
	left: 50%; top: 75px;
	width: 600px;
	margin-left: -220px;
	z-index: 1;
}	

div.InfoContents .InfoTxt .NewTopics {
	font-size: 10px;
	color: gray;
}

div.InfoContents .InfoTxt h2 {
	font-size: 13px; 
	color: gray;
}

/*----Sisters 3shimai--------*/
div.Sisters1 {
	position: fixed;
	left: 5%; top: 95%;
	width: 100%;
	height: 143px;
	margin: -143px 0 0 0;
	background: url(../_img/shimai.png) no-repeat;
	}

div.Sisters1 h3 {
	overflow: hidden;
	width: 100%;
	height: 0;
	font-size: 7px;
	margin: 0;
}
div.Sisters1 ul {
	position: relative;
	margin: 0;
	padding: 0;
}

div.Sisters1 ul li {
	float: left;
	height: 143px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #ffffff;
}

div.Sisters1 ul li.yu { width: 73px; }
div.Sisters1 ul li.mako { width: 76px; }
div.Sisters1 ul li.ai { width: 77px; }

div.Sisters1 ul li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 143px;
	background: url(../_img/shimai.png) no-repeat;
}

div.Sisters1 ul li.yu a { background-position: 0 0; }
div.Sisters1 ul li.mako a { background-position: -73px 0; }
div.Sisters1 ul li.ai a { background-position: -149px 0; }

div.Sisters1 ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
} 

div.Sisters2 {
	position: fixed;
	left: 76%; top: 95%;
	width: 100%;
	height: 153px;
	margin: -153px 0 0 0;
	background: url(../_img/shadow.png) no-repeat;
	}

div.Sisters2 h3 {
	overflow: hidden;
	width: 100%;
	height: 0;
	font-size: 7px;
	margin: 0;
}

div.Sisters2 ul {
	position: relative;
	margin: 0;
	padding: 0;
}

div.Sisters2 ul li {
	float: left;
	height: 153px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #ffffff;
}

div.Sisters2 ul li.ai { width: 70px; }
div.Sisters2 ul li.mako { width: 73px; }
div.Sisters2 ul li.yu { width: 69px; }

div.Sisters2 ul li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 153px;
	background: url(../_img/shadow.png) no-repeat;
}

div.Sisters2 ul li.ai a { background-position: 0 0; }
div.Sisters2 ul li.mako a { background-position: -70px 0; }
div.Sisters2 ul li.yu a { background-position: -143px 0; }

div.Sisters2 ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}