@charset'UTF-8';
/*=======================================================
 1: UNIVERSAL RESET
=======================================================*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin: 0;
    padding: 0;
}


a:link {color: #141414; text-decoration:underline;}
a:visited {color: #141414; text-decoration:underline;}
a:hover {color: #fff; text-decoration:none; background-color:#141414; }
a.not:link {color: #141414; }
a.not:visited {color: #141414;}
a.not:hover {color: #fff; text-decoration:none; background-color:#141414;  }
a:visited:hover {
	color: #fff;
	text-decoration:none;
	background-color:#141414;
	font-family: Verdana, Osaka, sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

div {
    zoom: 1;/* for IE 5.5-7 --------------------hack*/
}

div:after {/* for modern browser */
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
	content:" ";
}

em { visibility: hidden;color: #fff;font-size: 9px; }

z-index: 1;

/*=======================================================
 2: CLEAR FIX
=======================================================*/

.clearfix {
    display:inline-block;/* for IE 5.5-7 --------------------hack*/
}

.clearfix:after {/* for modern browser */
    display: block;
    clear: both;
	height: 0px;
	visibility: hidden;
	content:".";
}

* html .clearfix{
	display: inline-table;
	/*\*/display:block;/**/
}


.line_break {
  border-bottom: 1px solid #EAEBE6;
  margin-top:5px;
  margin-bottom:5px;
  padding:0px;
  font-size: 0px;
  clear:both;
  }


.c { 
	height: 0px;
	clear: both;
	line-height: 0px;
	}
	
.gotop {
	margin-top:5px;
	margin-bottom:20px;
	text-align:right;
	  }


/*=======================================================
 3: BODY and BASE SETTING 
=======================================================*/

body {
	font-family:Verdana,Osaka,sans-serif,ＭＳ Ｐゴシック, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	text-align:center;
	margin:0 auto;
	background:#fff;
}



div#container {
	width:1020px;
	margin:0 auto;
	text-align:center;
	padding:0;
	background:#fff;
	
}

div#wrap{/* all*/
	width:925px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/*=======================================================
 4: HEADER area 
=======================================================*/

div#preheader{
	width:925px;
	height:26px;
	margin:0 auto;
	padding:0;
	text-align:right;
	background:#fff;
	position:relative;
	z-index: 1;
}


div#header{
	width:925px;
	height:70px;
	text-align:center;
	padding:0;
}

div#header #logos{
	float:left;
	width:400px;
	text-align:left;
	display:inline;
	padding-top:20px;
}


#navi{
	width:700px;
	margin:0 auto;
	text-align:left;
	font-size:9px;
	padding:5px 0 5px 0;
	height:20px;
	font-family:Verdana;
	color:#141414;
}

div#navi a {text-decoration: none; color: #141414;  }
div#navi a:visited {color: #777; }
div#navi a:hover {color: #fff; text-decoration:none; background-color:#141414; }





/*=======================================================
 6: CONTENTS area 
=======================================================*/

div#top_left{
	width:225px;
	float:left;
	text-align:left;
	margin:25px 0 0 0;
	padding-bottom:10px;
}

#leftmenu { width: 210px;  margin-top:45px; margin-left:5px; padding-bottom:20px; position:relative; z-index: 1; text-align:left; }
#leftmenu   ul { width:200px; margin:0 ; padding: 0; text-indent: -9999em; float:left;  }
#leftmenu   li { display: inline; color:#fff; text-decoration:none; }
#leftmenu  li a {float: left; height: 40px;  overflow: hidden; font-size: 0px;}
#leftmenu  li a:hover { background-position: 0px 80px; border:0;}
#leftmenu  li a:active { background-position: 0px 80px; border:0;}
#leftmenu  li .active { background-position: 0px 160px; border:0;}


#menuabout a {
  width: 200px;
  background-image: url(../common/menu_about.gif);
}

#menuworkflow a {
  width: 200px;
  background-image: url(../common/menu_workflow.gif);
  
}

#menuportfolio a {
  width: 200px;
  background-image: url(../common/menu_portfolio.gif);
  
}

#menupub a {
  width: 200px;
  background-image: url(../common/menu_publishing.gif);
}


#menumanagement a {
  width: 200px;
  background-image: url(../common/menu_management.gif);
}


#menuaccess a {
  width: 200px;
  background-image: url(../common/menu_access.gif);
}

#menucontact a {
  width: 200px;
  background-image: url(../common/menu_contact.gif);
}


div#top_right{
	width:700px;
	float:left;
	text-align:center;
	margin:25px 0 0 0;
	padding-bottom:10px;
}

div#main{
	width:690px;
	text-align:left;
	margin:0;
	padding:20px 0 20px 5px;
	font-size:12px;
	line-height:20px;
	font-family: Verdana, Osaka, sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

div#portfolio_subtitle{
	width:690px;
	text-align:left;
	margin:0;
	padding:0px 0 0px 0px;
	font-size:11px;
	line-height:20px;
	font-family: Verdana, Osaka, sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}


/*=======================================================
7: Footer area 
=======================================================*/

div#footer{ 
 width:925px; 
 clear:both;
 margin:0 auto;
 padding:0;
 text-align:center;
 background:url(../common/bg_footer.jpg) repeat-x;
 }
 

div#fnavi{
	width:350px;
	float:left;
	margin-left:20px;
	padding:14px 0 0 0;
	text-align:left;
	font-size:12px;
}


.footerNav { width:100%; } 
.footerNav ul {white-space:nowrap;list-style: none; padding: 0; margin:5px 25px 0 11px;}
.footerNav li {display: inline;padding: 0 6px; border-left: 1px solid #888; color: #666; font-size:10px;   }
.footerNav li a {text-decoration: none; color: #666;}
.footerNav li a:visited {color: #666;}
.footerNav li a:hover {color: #E11B12; text-decoration:underline}

div#studio_navi{
	width:525px;
	float:right;
	margin:0;
	padding:14px 0 14px 0;
	text-align:right;
}