/* ************************************************************
    INITIALIZE
************************************************************ */
html {
overflow-y: scroll;
height: 100%;
width: 100%;
background-color:#FFFFFF;
}

ul,li {
list-style: none;
list-style-image: none;
}

ol {
list-style-type: decimal;
list-style-image: none;
list-style-position: outside;
}

hr, legend {
display: none;
}

fieldset {
border: none;
margin: 0px;
padding: 0px;
}


/*  */
a,a:link,a:visited {
color:#333333;
text-decoration:underline;
outline:none;
}

.clear {
clear: both;
overflow: hidden;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}



@charset "utf-8";
html {
font-size:13px;
}

body {
text-align: center;
}

/************ header ************/
#header_bg{
width:100%;
height:110px;
background-color:#FFFFFF;
}

#header{
width:934px;
margin:0 auto;
}


input{
border-bottom-color:#333333;}

h1{
display:none;
}

div#logo a{
width:330px;
height:95px;
background-image:url(../img/h1_logo.gif);
background-repeat:no-repeat;
display:block;
float:left;
text-indent:-9999px;
}

/* gnavi */
#navi_menu{
width:492px !important;
width:492px;
height:37px;
float:right;
margin:56px 0 0 0;
}

#navi_menu ul li{
float:left;
display:inline;
margin:0px 0 0 0px;
}

#navi_menu ul li a{
width:82px;
height:37px;
display:block;
text-indent:-9999px;
background-image:url(../img/menu.gif);
}
#navi_menu ul li p{
width:82px;
height:37px;
text-indent:-9999px;
background-image:url(../img/menu.gif);
}

/*off*/
#navi_menu ul li#navi_home a{
background-position:0px 0px;
}
#navi_menu ul li#navi_news a{
background-position:-82px 0px;
}
#navi_menu ul li#navi_about a{
background-position:-164px 0px;
}
#navi_menu ul li#navi_work a{
background-position:-246px 0px;
}
#navi_menu ul li#navi_crew a{
background-position:-328px 0px;
}
#navi_menu ul li#navi_play a{
background-position:-410px 0px;
}

/*on*/
#navi_menu ul li#navi_home a:hover{
background-position:0px -39px;
}
#navi_menu ul li#navi_news a:hover{
background-position:-82px -39px;
}
#navi_menu ul li#navi_about a:hover{
background-position:-164px -39px;
}
#navi_menu ul li#navi_work a:hover{
background-position:-246px -39px;
}
#navi_menu ul li#navi_crew a:hover{
background-position:-328px -39px;
}
#navi_menu ul li#navi_play a:hover{
background-position:-410px -39px;
}

/*now*/
#navi_menu ul li#navi_home p{
background-position:0px -39px;
}
#navi_menu ul li#navi_news p{
background-position:-82px -39px;
}
#navi_menu ul li#navi_about p{
background-position:-164px -39px;
}
#navi_menu ul li#navi_work p{
background-position:-246px -39px;
}
#navi_menu ul li#navi_crew p{
background-position:-328px -39px;
}
#navi_menu ul li#navi_play p{
background-position:-410px -39px;
}

#navi_menu ul li#navi_home p.no_g{
background-position:0px 0px;
}
#navi_menu ul li#navi_news p.no_g{
background-position:-82px 0px;
}
#navi_menu ul li#navi_about p.no_g{
background-position:-164px 0px;
}
#navi_menu ul li#navi_work p.no_g{
background-position:-246px 0px;
}
#navi_menu ul li#navi_crew p.no_g{
background-position:-328px 0px;
}
#navi_menu ul li#navi_play p.no_g{
background-position:-410px 0px;
}

/************ header END ************/


/************ content ************/

#content_bg{
	width: 100%;
	background-image:url(../img/bg.gif);
	float:left;
	padding:15px 0 15px 0;
	background-position: 0 0;
}

#content{
width:934px;
margin:0px auto 0px auto;
}

/* banner1 */
#banner1{
width:882px !important;
height:66px !important;
background-color:#FFFFFF;
border:1px solid #BFBFBF;
padding:6px 25px;
text-align:left;}

#banner1 #bn_paning a{
width:197px;
height:63px;
display:block;
text-indent:-9999px;
background-image:url(../img/bn_paning.jpg);
background-position:top;
}
#banner1 #bn_paning a:hover{
background-position:bottom;
}

#main_box{
margin:11px 0 0 0;}

/* left_box */
#left_box{
width:171px;
float:left;
margin:0 17px 0 0;}

.left_cont{
border:1px solid #BFBFBF;
background-color:#FFFFFF;
margin:0 0 6px 0;}

h2#contact{
width:171px;
height:26px;
background-image:url(../img/h2_contact.gif);
margin:0 0 4px 0;
text-indent:-9999px;}

.whatnew_txt{
text-align:left;
font-size:0.8em;
line-height:1.3em;
padding:15px 10px 10px 10px;
}
.whatnew_txt p{
margin:0 0 5px 0;
}

h2#follow{
width:171px;
height:26px;
background-image:url(../img/h2_follow.gif);
margin:7px 0 4px 0;
text-indent:-9999px;
}

ul.social{
padding:10px 10px 7px 10px;}

ul.social li {
	margin-bottom: 5px;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 23px;
	text-align:left;
	font-size:0.9em;
	height:13px;
	padding:3px 0 0 0;
}

ul.social a {
	text-decoration: none;
}

ul.social li.twitter {
	background-image: url(../img/twitter_16.png);
}

ul.social li.facebook {
	background-image: url(../img/facebook_16.png);
}

ul.social li.vimeo {
	background-image: url(../img/vimeo_16.png);
}

ul.social li.rss {
	background-image: url(../img/rss_16.png);
}


h2#catergories{
width:171px;
height:26px;
background-image:url(../img/work/h2_catergories.gif);
margin:0 0 4px 0;
text-indent:-9999px;}

#catergories_list li {
margin:0 0 1px 0;
}
#catergories_list li a{
text-decoration:none;
}
#catergories_list li a:hover{
color:#777777;
}
#catergories_list li p{
font-weight:bold;
margin:0;
color:#333333;
}


h2#client{
width:171px;
height:26px;
background-image:url(../img/work/h2_client.gif);
margin:7px 0 4px 0;
text-indent:-9999px;
}

#client_text{
width:171px;
height:185px;
background-image:url(../img/l_cw.gif);
background-position:10px 15px;
background-repeat:no-repeat;
position:relative;
}

#client_jp{
position:absolute;
top:35px;
left:9px;}
#client_eng{
position:absolute;
top:84px;
left:9px;}

/* right_box */
#right_box{
width:740px;
float:right;
margin:0 0px 0 0}

#right_box h2{
text-indent:-9999px;}

/************ content END ************/


/************ footer ************/
#footer{
width:100%;
clear:both;
text-align:center;
font-size:0.75em;
background-color:#FFFFFF;
color:#333333;
padding:25px 0;
margin:0px auto 0 auto;
}
/************ content END ************/


.alt{
display:none;}