@charset "UTF-8";
/*----------------------------------------------------------------------

Update:2012/06/19

----------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
01：Clear Fix 
----------------------------------------------------------------------------*/
.clearfix:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix{
zoom: 1;
}



/* ----------------------------------------------------------------------
01 base 
---------------------------------------------------------------------- */
html,
body{
height:100%;
background-image: url(../images/bg_img.jpg);
}




#container{
width:1010px;
height:auto;
padding:0 0 80px 0;
margin:0 auto; 
background-color:#fefef5;
}

#left{ width:635px; 
margin:50px 15px 0 30px;
display:inline-block;
}

#profile{ width:950px; 
margin:50px 30px 0 30px;
display:inline-block;
	
}

#right{
width:295px;
float:right; 
margin:50px 30px 0 0;
}

#header,
#footer{
margin:0 auto;
width:100%;
}

/* ----------------------------------------------------------------------
02 header  footer
----------------------------------------------------------------------*/

.headerMagi { background:url(../images/bg_header.gif) repeat-x; height:15px; position:absolute; width:100%;}



#header,
#footer{ 
background-color: #ff6699;
background-image: url(../images/topbg.gif);
height:150px;
}

.headerSpace{ 
width:1010px;
padding:0;
margin:0 auto;
}

#footer .copyright {
text-align:center; 
padding:65px 0 0 0;
}
 
.gNaviLink{
width: 286px;
height:59px;
float:right;
margin:0 30px 0 0;
padding:0;
}


.logo {
background-image:url(../images/logo.gif);
background-repeat:no-repeat; 
width:603px;
margin:0 0 0 30px;
padding:25px 0 0 0;
}

.gNavi{
float:right;
margin:0 30px 0 0;
}



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

.columnLeft,
.columnSMS,
.columnBottom{
display: inline-block;
}


.columnLeft{ 
width:345px; 
margin:20px 0 0 30px;
float: left;
}

.picup{ 
background-image:url(../images/youtubebox.gif); 
width:334px; 
height:219px;
background-repeat:no-repeat; 
padding:71px 0 0 11px;
}


.news{
background-image:url(../images/news.gif);
background-repeat:no-repeat;
padding:95px 0 0 0;
miniheight: 100%;
}
.newstitle{ font-size:15px; font-weight:bold; margin-bottom:10px;}
.newsCome{ margin:50px 0 50px 0px;}

.news dl {
margin:0 0 14px 0; 
padding:0 0 14px 0; 
background:url(../images/news_line.gif) left bottom repeat-x;
}


.news dt{ font-weight:bold; margin:0 0 10px 0;}
.news dt a:link { color:#000; text-decoration:underline; }
.news dt a:visited  { color:#000; text-decoration:underline; }
.news dt a:hover  { color:#ff6699; text-decoration:underline; }
.news dt a:active { color:#ff6699; text-decoration:underline; }

.newsSmall,
.newsDate,
.newsURL,
.facebookURL,
.news a  span{font-size:11px;}

.urlLINK{ margin:0 0 10px 0;}

.newsURL a:link { color:#666; text-decoration: none; }
.newsURL a:visited  { color:#666; text-decoration:none; }
.newsURL a:hover  { color:#ff6699; text-decoration:none; }
.newsURL a:active { color:#ff6699; text-decoration:none; }


.news a:link,a:link { color:#ff6699; text-decoration: none; }
.news a:visited,a:visited { color:#ff6699; text-decoration:none; }
.news a:hover,a:hover  { color:#ff6699; text-decoration:underline; }
.news a:active,a:active { color:#ff6699; text-decoration:underline; }


.facebookURL { 
padding:0 0 0 18px;
background-image:url(../images/facebook.gif);
background-repeat:no-repeat;
}
.facebookURL a:link { color:#3b5998; text-decoration: none; }
.facebookURL a:visited  { color:#3b5998; text-decoration:none; }
.facebookURL a:hover  { color:#3b5998; text-decoration:none; }
.facebookURL a:active { color:#3b5998; text-decoration:none; }


/* ----------------------------------------------------------------------
03_2 sms
----------------------------------------------------------------------*/
.followBtn{ margin:0 0 0 150px;}

.columnRight{ width:575px;
margin:50px 30px 0 0;
float:right; 
}


.columnTwitter{ 
background-image: url(../images/bgTwitter.gif) ; 
background-repeat:no-repeat; 
float:left; 
width:270px; 
height:624px; 
padding:10px 0 0 10px;
}

.columnFacebook{ 
background-color:#FFF; 
float:right;}



.columnBottom { 
float:left;
background-image:url(../images/photo.gif);
background-repeat:no-repeat;
padding:75px 0 0 66px;
margin:20px 0 0 0;
}

.columnBottom img{
	margin:20px  0  0 -48px;}


/* ----------------------------------------------------------------------
news html
----------------------------------------------------------------------*/
.newsPage,
.worksPage,
.profilePage,
.contactPage{ 
padding:100px 0 0 0;
margin:0 0 70px 0;
background-repeat:no-repeat;
}

.newsPage{
background-image:url(../images/news_mark.gif);
}

.worksPage{ 
background-image:url(../images/works_mark.gif);
}




.newsPage dt,
.backNumberL dt,
.backNumberR dt{ 
font-weight:bold;
 margin:0 0 10px 0;
 }

.backNumberPage{
padding:100px 0 0 0; 
background-image:url(../images/backnumber_mark.gif);
background-repeat:no-repeat;
height:86px;
}

.backNumberL {
 width:306px;
 float:left;
}

.backNumberR {
 width:306px;
 float:right;
 
}
	

.newsIMG img{ margin:0 10px 0 0;}

.newsIMG{ margin:20px 0 20px 0;}

/* ----------------------------------------------------------------------
works html
----------------------------------------------------------------------*/
.worksBox{ margin:20px 0 0 0;
padding: 0 0 20px 0;
background:url(../images/news_line.gif) left bottom repeat-x;
}

.worksL{ 
width:302px;
display:inline-block;
margin:0;
padding:0;
}

.worksR{ 
width:313px; 
float:right;
margin:25px 0 0 0;
}


.newsPage p{ font-weight:;}

/* ----------------------------------------------------------------------
profile html
----------------------------------------------------------------------*/
.profilePage{ 
background-image:url(../images/profile.gif);
}

.profilePage img { margin:20px 0 0 0;}

.profilePage .EN { margin:30px 0 50px 0;}



/*hikaru edited*/
#footer{ position:relative;}
.footerMagi { background:url(../images/bg_footer.gif) repeat-x; height:15px; position:absolute; top:-15px; width:100%;}



#preview{
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	display: none;
	color: #FFF;
	text-align: center;
}



.tooltip {  
    width: 200px;  
    position: absolute;  
    left: -9999px;  
    background: #ff6699;  
    padding: 2px;  
    border: 1px solid #ff6699;  
}  
  
.tooltip p{  
    color: #FFF;  
    background: #222;  
    padding: 6px 6px;  
}  

/* ----------------------------------------------------------------------
contactPage html
----------------------------------------------------------------------*/
.contactPage{ 
background-image:url(../images/contact_mark.gif);
height:600px; 
}


.contactPage ul,
.contactPage p
{ margin:35px 0 0 0;}


/* ----------------------------------------------------------------------
01 ticket 
---------------------------------------------------------------------- */
.ticket{ width:760px; height:1300px; margin: 0px auto 120px auto; padding: 0; }
.tickeTitle{ text-align:center; font-size:18px; font-weight:bold; line-height:30px; padding:100px 0 50px}
.transfer,.creditCard{
	margin:150px 0 0 0 ;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display:block;
	background: #feef00;
    border: 1px solid #DDD;
    color: #111;
    width: 220px;
    padding: 10px 0;
	float:left;

}
.creditCard{ float:right;}
.ticketImg { margin:0 auto; text-align:center;}
.ticket img{ float:left; margin:0 28px}
.300Page{ display:inline-block; }
.TicketPage{ float:right;}