/*

STANDARD SERIES CSS

==========================================================================================   History
	2007/11/05	dai	Ver 1.0
====================================================================================================
*/
/* body style ------------------------------------------------------------ */
body {
	margin:0px;
	padding:0px;
	font-family:'Times New Roman',"Hiragino Mincho ProN", "メイリオ","ヒラギノ明朝 Pro W3", "細明朝体", "ＭＳ Ｐ明朝", serif;
/*	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;*/
	font-size:62.5%; //10px
	line-height:170%;
	color:#333;
	background :#fff;
}
/* body style ------------------------------------------------------------ */

/* regular anchor style -------------------------------------------------- */
a {text-decoration:underline;color:#999;}
a:hover {text-decoration:none;color:#000;}
img {border:none;background:transparent;}
hr {display:none;}
.hidden {display:none;}
h2 {margin-top:0;font-weight:normal;}
h3 {margin-top:0;margin-bottom:3px;}
h4 {margin:6px 0;}
span.comment {font-size:0.8em;line-height:80%;}
acronym {cursor:help;border-bottom:1px #4dac26 dotted;}
span.acronym_line {text-decoration:underline;}
p {margin:0;}
/* regular anchor style -------------------------------------------------- */

/*------------------------- container style sheet -------------------------*/
#container {
	display:block;
	width:930px;
	margin-left:80px;
	margin-top: 20px;
}
#container.new_year {
	background: #fff url(../images/new_year.jpg) 0 32px no-repeat;
}
body.portfolio_viewer #container {
	width:100%;
	margin:0;
	padding:0;
	background :#000;
}
/*------------------------- container style sheet -------------------------*/
#transBack
{
	background:#111;
	font-size:0.01em;	
	line-height:0;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	z-index:1850;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
	display:none;
}
#transPlayer
{
	background:#111;
	font-size:0.01em;	
	line-height:0;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	z-index:1850;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
	display:none;
}

/*-------------------------- header style sheet ---------------------------*/
#header {
	width:100%;
	height:52px;
	overflow:hidden;
}
#header ul {
	float: left;
	margin:0;
	padding:0;
	list-style:none;
}
#header ul li {
	display:block;
	float:left;
	margin-top:8px;
	margin-right:4px;
}
#header ul li.home {width:90px;margin-right:100px;margin-top:4px;}
#header ul li a{display:block;text-decoration:none;padding:2px 4px;}
#header ul li.home a{text-indent:0;padding:0;}

/*body.home #header ul li.home a,*/
body.company #header ul li.company a,
body.businessline #header ul li.businessline a,
body.profile #header ul li.profile a,
body.portfolio #header ul li.portfolio a,
body.contact #header ul li.contact a,
body.news #header ul li.news a{background:#000;color:#fff;}

#function {
	display:block;
	float:right;
	margin-top: 4px;
}
#function .lang{
	display:block;
	float:left;
	font-size: 100%;
	margin-top: 4px;
}
#function .lang a{color:#999;text-decoration:none;padding-left:12px;margin-right:8px;font-size: 130%;line-height:100%;}
#function .lang a.en{background:url(../images/mark-lang-jp.gif) 0 50% no-repeat;}
#function .lang a.jp{background:url(../images/mark-lang-jp.gif) 0 50% no-repeat;}
#function .lang a:hover{text-decoration:none;color:#333;}
#function .lang a.active{text-decoration:none;color:#333}
#function .lang a.en.active{background:url(../images/mark-lang-jp-active.gif) 0 50% no-repeat;}
#function .lang a.jp.active{background:url(../images/mark-lang-jp-active.gif) 0 50% no-repeat;}
#function .font{
	display:block;
	float:left;
	margin-left: 10px;
}
#function .font a{
	display: block;
	float: left;
	margin-right: 2px;
	text-indent: -9999px;
	width: 10px;
	height:20px;
	overflow:hidden;
}
#function .font a.small{background:url(../img/font-size.gif) 0 0 no-repeat;}
#function .font a.normal{width:13px;background:url(../img/font-size.gif) -10px 0 no-repeat;}
#function .font a.large{width:15px;background:url(../img/font-size.gif) -23px 0 no-repeat;}
#function .font a:hover{background-position-y:-20px;}
/*-------------------------- header style sheet ---------------------------*/


/*--------------------------- body style sheet ----------------------------*/
#body {width:100%;}
#message {width:930px;}
#message div.empty_block {width:100%;height:480px;}
#menuTitle{position:absolute;display:block;top:35px;left:180px;font-weight:bold;color:#999;line-height:100%;}
#menuTitle span {color:#999;}
#content {display:block;width:400px;}
#graphic {display:block;width:480px;height:720px;overflow:hidden;}
.layout_left #content {float:left;}
.layout_right #content {float:right;}
.layout_left #graphic {float:right;}
.layout_right #graphic {float:left;}
.layout_none {height:720px;}
.layout_none img{margin:0px 0;}
#graphic .thumbnail{display:block;float:left;margin:0;padding:0;width:240px;height:144px;}
#content dl {
	margin:0;
	padding:0;
}
#content dt {
	float:left;
	padding-right: 5px;
}
#content ul {
	margin-left: 0;
	padding-left: 0;
}
#content ul li{list-style: none;margin:5px 0;}
#content ul li a{padding-left: 12px;line-height:1em;background:url(../images/arrow.gif) 0 5px no-repeat;}
#content ul li a:hover{background: none;}

#content a.next{margin:0 3px;padding-right:8px;background: url(../images/next.gif) 100% 50% no-repeat;}
#content a.prev{margin:0 3px;padding-left:8px;background: url(../images/prev.gif) 0% 50% no-repeat;}
/*#content a.back{margin:0 5px;padding-left:8px;background: url(../images/back.gif) 0% 50% no-repeat;}*/
#content a.next:hover,#content a.prev:hover,#content a.back:hover{background: none;}

#content a.viewer{
	display:block;
	width:200px;
	height:24px;
	text-indent: -9999px;
	background:#999 url(../images/viewer.gif) 0 0 no-repeat;
	overflow:hidden;
	margin:0;padding:0;
}
#content a.viewer:hover{background-color:#000;}

#content div.reel {
	display:block;
	width:101px;
	height:10px;
	margin-bottom: 20px;
	margin-left:15px;
}
#content div.reel a{
	display:block;
	width:100%;
	height:10px;
	text-indent: -9999px;
	background:#fff url(../images/button-reel_2008.gif) 0 0 no-repeat;
	overflow:hidden;
	margin:0;padding:0;
}
#content div.reel a:hover{background-position:0 -10px;}

/*#content ul li a:hover{background-position: -400px 50%;}*/
/*--------------------------- body style sheet ----------------------------*/


/* default font size -- small ---------------------------------------------*/
h2 {font-size:220%;font-weight:bold;line-height:125%;}
h3 {font-size:160%;}
h4 {font-size:120%;}
html>body h2 {font-weight:normal;}
#body p,#body dl, #body ul{font-size:120%;line-height:170%;}
#body span.comment {font-size:100%;}
#body p.copy {margin-top:10px;}
#body p.copy{font-size:100%;line-height:120%;}
#function .font a.small {background-position:0 -20px;}
/* default font size -- small ---------------------------------------------*/



/*-------------------------- footer style sheet ---------------------------*/
#footer div.copy {
	font-size:xx-small;
/*	font-family: Helvetica , Arial, sans-serif ;*/
}
/*-------------------------- footer style sheet ---------------------------*/


.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display:inline-table;}
/* Hides from IE-mac ¥*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End h