@charset "utf-8";

@import "../../common/css/font.css";

/* top page ============================================================ */
* {
margin: 0px;
padding: 0px;
}

img {
border: none;
}

hr {
position: absolute;
left: -5000px;
top: 0px;
}

.hdnNodes {
position: absolute;
left: -5000px;
top: 0px;
}

html {
height: 100%;
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
width: 100%;
height: 100%;
background-color:#47101b;
background-image:url(../img/red_bg01.gif);
background-position:50% 0px;
background-repeat:repeat-x;
text-align: center;
}
/* for FIREFOX & etc. \*/
body {
}
/* */
/* for IE7 \*/
*:first-child+html body {
overflow-y: visible;
}
/* */

h1 {
position: absolute;
left: 0px;
top: 0px;
width: 972px;
height: 787px;
margin: 0px auto 0px auto;
background-image: url(../img/red_main_visual.jpg);
background-position: 50% 0px;
background-repeat: no-repeat;
text-indent: -5000px;
overflow:hidden;
}

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

#txNoscript {
/*padding: 24px 24px 0px 22px;
color: #FF99FF;*/
font-weight: bold;
position: absolute;
left: 260px;
top: 40px;
z-index: 1000;
width: 450px;
text-align: center;
padding: 20px 0px;
background: #FFFFFF;
border: 1px solid #000000;
color: #FF0000;
}
#txCookieOff {
/*padding: 24px 24px 0px 22px;
color: #FF99FF;*/
font-weight: bold;
position: absolute;
left: 260px;
top: 40px;
z-index: 1000;
width: 450px;
text-align: center;
padding: 20px 0px;
background: #FFFFFF;
border: 1px solid #000000;
color: #FF0000;
}
#errorBox {
color: #FF0000;
font-weight: bold;
position: absolute;
left: 260px;
top: 40px;
z-index: 1000;
width: 450px;
text-align: center;
padding: 20px 0px;
background: #FFFFFF;
border: 1px solid #000000;
visibility: hidden;
}
#errorBox a {
color: #FF0000;
}


/* for script ------------------------------------------------------- */
.lnk {
/* ----- */
}

.ro {
/* ----- */
}

.blank {
/* ----- */
}

* html .pngfix {
behavior: expression(IEPNGFIX.fix(this));
}


/* wrapper ------------------------------------------------------- */
#wrapper {
width: 972px;
min-height: 100%;
_height: 100%;
margin: 0px auto 0px auto;
text-align: left;
background-color:#47101b;
background-image:url(../img/red_bg02.gif);
background-position:center 0px;
background-repeat:repeat-y;
position: relative;
left: 0px;
top: 0px;
z-index: 5;
}


/* header ------------------------------------------------------- */
#description {
position: absolute;
left: -5000px;
top: 0px;
}

#logo {
position: absolute;
left: -5000px;
top: 0px;
}

#header {
position: absolute;
left: -5000px;
top: 0px;
}




/* footer ------------------------------------------------------- */
#footer {
clear: both;
width: 960px;
/*height: 350px;*/
height: 61px;
color: #FFFFFF;
position: absolute;
left: 6px;
bottom: -1px;
z-index: 10;
background-image:url(../img/red_foot_bg01.gif);
background-position:no-repeat;
background-repeat:left bottom;
}

#footer ul {
position: absolute;
left: 0px;
bottom: 0px;
list-style-type: none;
margin: 15px 3px 12px 3px;
}
#footer ul li {
float: left;
padding: 0px 12px 0px 13px;
font-size: 0.6em;
}

#footer ul li a {
height: 16px;
margin-bottom: 2px;
text-indent: -5000px;
}
#footer ul li a:hover {
cursor: pointer;
height: 15px;
_height: 16px; /* for IE6 */
border-bottom: 1px solid #cccccc;
}

#footer ul:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #footer ul { display: inline-block; }
/* no ie mac \*/
* html #footer ul { height: 0.1%; }
#footer ul { display: block; }
/* */
/* for IE7 \*/
*:first-child+html  #footer ul { display: inline-block; }
/* */

#fList02, #fList03 {
background: url(/common/img/f_bg02.gif) no-repeat;
}

#fList01 a {
display: block;
width: 62px;
background: url(/common/img/f_lnk02.gif) no-repeat;
}

#fList02 a {
display: block;
width: 55px;
background: url(/common/img/f_lnk01.gif) no-repeat;
}

#fList03 a {
display: block;
width: 77px;
background: url(/common/img/f_lnk03.gif) no-repeat;
}

#footer address {
position: absolute;
right: 0px;
bottom: 0px;
margin: 20px 16px;
display: block;
width: 251px;
height: 8px;
background: url(/common/img/cr.gif) no-repeat;
font-size: 0.6em;
text-indent: -5000px;
}

#footer #topagetop {
position: absolute;
left: -5000px;
top: 0px;
}


/* gnav ------------------------------------------------------- */
ul#gnavi {
width:960px;
position:absolute;
left: 0px;
top: 0px;
z-index: 100;
list-style-type: none;
margin-left:6px;
}
ul#gnavi:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html ul#gnavi { display: inline-block; }
/* no ie mac \*/
* html ul#gnavi { height: 0.1%; }
ul#gnavi { display: block; }
/* */
/* for IE7 \*/
*:first-child+html ul#gnavi { display: inline-block; }
/* */

ul#gnavi li {
display: block;
width: 142px;
height: 32px;
_font-size: 0.1em;
float:left;
}
*:first-child+html  ul#gnavi li {
font-size: 0.1em;
}

ul#gnavi li a {
text-indent: -5000px;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
overflow:hidden;
/*filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;*/
}
ul#gnavi li a:hover {
cursor: pointer;
}

ul#gnavi li#gnavi-works a	{
background-image:url(../img/red_h_nav01.gif);
background-position:left top;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-works a:hover	{
background-image:url(../img/red_h_nav01.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-branding a	{
background-image:url(../img/red_h_nav02.gif);
background-position:left top;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-branding a:hover	{
background-image:url(../img/red_h_nav02.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-service a	{
background-image:url(../img/red_h_nav03.gif);
background-position:left top;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-service a:hover	{
background-image:url(../img/red_h_nav03.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-company a	{
background-image:url(../img/red_h_nav04.gif);
background-position:left top;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-company a:hover	{
background-image:url(../img/red_h_nav04.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-recruit a	{
background-image:url(../img/red_h_nav05.gif);
background-position:left top;
background-repeat:no-repeat;
}
ul#gnavi li#gnavi-recruit a:hover	{
background-image:url(../img/red_h_nav05.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

ul#gnavi ul.lnavi {
position: absolute;
left: -5000px;
top: 0px;
}
ul#gnavi ul.lnavi li {
position: absolute;
left: -5000px;
top: 0px;
}



/* etc nodes ------------------------------------------------------- */
#hnavi-contact {
width: 250px !important;
height: 36px !important;
position: absolute;
left: 710px;
top: 36px;
z-index: 300;
}
#hnavi-contact a {
display: block !important;
width: 100% !important;
height: 100% !important;
position: relative;
z-index: 310;
overflow:hidden;
background-image:url(../img/red_links_contact.gif);
background-repeat: no-repeat !important;
background-position:left top;
}
#hnavi-contact a:hover {
background-image:url(../img/red_links_contact.gif);
background-repeat: no-repeat !important;
background-position:left bottom;
}
#hnavi-contact #contactRO {
position: absolute;
left: 0px;
top: 0px;
width: 250px;
height: 36px;
z-index: 350;
background: #FFFFFF;
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0.3;
display: none;
}
#hnavi-contact #contactRO {
cursor: pointer;
}

#dsnCounter {
position: absolute;
right: 6px;
top: 0px;
z-index: 300;
width: 250px;
height: 32px;
color: #FFFFFF;
background: #000000;
font-size: 84%;
}
#dsnCountInner {
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 250px;
height: 32px;
background: url(../../common/img/h_dw.gif) no-repeat;
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
}
#dsnCounter .date, #dsnCounter .txt {
font-weight: bold;
}
#dsnCounter img {
vertical-align: middle;
}
#dsnCounter .txt {
width: 50px;
height: 14px;
text-align: right;
position: absolute;
right: 85px;
top: 8px;
}
#dsnCounter .date {
width: 53px;
height: 12px;
_height: 13px;
position: absolute;
left: 192px;
top: 10px;
border-bottom: 1px solid #999999;
text-align: center;
}
#dsnCounter .date img {
/*margin-right: -1px;*/
}

#dsnCounterSwf {
position: absolute;
right: 6px;
top: 0px;
z-index: 310;
width: 250px;
height: 32px;
background: #000000;
}

#changer {
background-repeat: no-repeat;
position: absolute;
right: 6px;
top: 85px;
width: 91px;
height: 10px;
z-index: 500;
}
#changer a {
display: block;
width: 91px;
height: 10px;
text-indent: -5000px;
}




/* container ------------------------------------------------------- */
#container {
width: 972px;
color: #cccccc;
padding-bottom: 55px;
}
/* for IE ----- */
*+html #container {
padding-bottom: 70px;
}
* html #container {
padding-bottom: 70px;
}
/* ----- for IE */
#container:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #container { display: inline-block; }
/* no ie mac \*/
* html #container { height: 0.1%; }
#container { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #container { display: inline-block; }
/* */


.division {
/* ----- */
}

.section1 {
/* ----- */
}

.section2 {
/* ----- */
}
html>body .section2 {
position: relative;
left: 0px;
top: 0px;
z-index: 10;
}

.section3 {
float:left;
width: 296px;
margin: 544px 24px 15px 0;
padding: 0 0px 40px 0px;
position: relative;
left: 0px;
top: 0px;
z-index: 300;
}
.section3:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .section3 { display: inline-block; }
/* no ie mac \*/
* html .section3 { height: 0.1%; }
.section3 { display: block; }
/* */
/* for IE7 \*/
*:first-child+html .section3 { display: inline-block; }
/* */


.section3 p {
margin-bottom: 24px;
}


/* topTopics ------------------------------------------------------- */
#topTopics {
position:relative;
margin-left:18px;
_margin-left:9px;
}

#topTopics h3 {
background-image: url(../img/red_hm_topics.gif);
background-repeat:no-repeat;
width:296px;
height:16px;
text-indent: -5000px;
margin-bottom:20px;
}

#topTopics ul {
list-style:none;
}

#topTopics ul li {
width:270px;
}
#topTopics ul li:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #topTopics ul li { display: inline-block; }
/* no ie mac \*/
* html #topTopics ul li { height: 0.1%; }
#topTopics ul li { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #topTopics ul li { display: inline-block; }
/* */
#topTopics ul li a {
color:#cccccc;
}
#topTopics ul li p.date {
width:65px;
float:left;
color:#adadad;
font-size: 84%;
margin-bottom:10px;
}
#topTopics ul li p.txt {
width:200px;
float:right;
color:#cccccc;
margin-bottom:10px;
}
#topTopics p.listLink	{
width:74px;
height:16px;
text-indent:-5000px;
position:absolute;
top:0px;
left:222px;
}
#topTopics p.listLink a	{
display:block;
width:100%;
height:100%;
cursor: pointer;
overflow:hidden;
background-image:url(../img/red_links_backnumber.gif);
background-position:left top;
background-repeat:no-repeat;
}
#topTopics p.listLink a:hover	{
background-image:url(../img/red_links_backnumber.gif);
background-position:right top;
background-repeat:no-repeat;
}

/* Scroller ------------------------------------------------------- */
#Scroller { 
position: absolute; 
overflow: hidden;
width: 280px;
height: 208px;
top: 0px;
left: 0px;
margin:36px 0 0 20px;
}
.Scroller-Container {
position: absolute;
top: 0px;
left: 0px;
}
.Scrollbar-Track {
width: 4px;
height: 208px;
position: absolute;
top: 0px;
left: 9px;
background-color: #6c4049;
margin-top:36px;
}
.Scrollbar-Handle {
position: absolute;
top: 0px;
left: 0px;
width: 4px;
height: 12px;
background-color: #a78c92;
cursor:pointer;
}


/* topFlow ------------------------------------------------------- */
#topFlow	{
position:absolute;
float:none;
margin:0 auto;
padding:0 6px;
width:960px;
top:448px;
_width:972px;
}
#topFlow h3	{
position: absolute;
left: -5000px;
top: 0px;
}
#topFlow ul	{
list-style:none;
}
#topFlow ul:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #topFlow ul { display: inline-block; }
/* no ie mac \*/
* html #topFlow ul { height: 0.1%; }
#topFlow ul { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #topFlow ul { display: inline-block; }
/* */

#topFlow ul li	{
position:relative;
margin:0 1px 0 0;
padding:0;
width:319px;
height:95px;
float:left;
background-repeat:no-repeat;
text-indent: -5000px;
}
#topFlow ul li p	{
position: absolute;
left: -5000px;
top: 0px;
}

#topFlow ul li#flow-research	{
background-image: url(../img/red_hm_research.gif);
}
#topFlow ul li#flow-integration	{
background-image: url(../img/red_hm_integration.gif);
width:320px;
}
#topFlow ul li#flow-retention	{
background-image: url(../img/red_hm_retention.gif);
margin:0;
float:right;
}


/* topIntg ------------------------------------------------------- */
#topIntg {
width:296px;
position:relative;
}

#topIntg h3 {
width:296px;
height:16px;
text-indent: -5000px;
background: url(../img/red_hm_showcase.gif);
background-repeat:no-repeat;
margin-bottom:16px;
}

#topIntg dt {
position:absolute;
background: url(../img/tx_update.gif);
background-position:right top;
background-repeat:no-repeat;
top:-12px;
left:196px;
width:93px;
height:5px;
line-height:1px;
}

#topIntg dt img {
margin-right:1px;
vertical-align:top;
}

#topIntg dd {
font-size:85%;
line-height:1.3;
width:290px;
}

#topIntg dd a {
width:100%;
height:100%;
display:block;
padding:3px;
margin-bottom:1px;
}
#topIntg dd a:hover {
background-color:#734952;
text-decoration:none;
}
#topIntg dd a:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #topIntg dd a { display: inline-block; }
/* no ie mac \*/
* html #topIntg dd a { height: 0.1%; }
#topIntg dd a { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #topIntg dd a { display: inline-block; }
/* */


#topIntg dd img {
width:30px;
height:30px;
border:1px solid #FFF;
float:left;
margin-right:5px;
overflow:hidden;
}

#topIntg dd span.companyName {
color:#cccccc;
}
#topIntg dd span.siteTitle {
color:#adadad;
}

#topIntg p.listLink	{
width:68px;
height:16px;
text-indent:-5000px;
position:absolute;
top:0px;
left:228px;
}
#topIntg p.listLink a	{
display:block;
width:100%;
height:100%;
cursor: pointer;
overflow:hidden;
background-image: url(../img/red_links_moreworks.gif);
background-position:left top;
background-repeat:no-repeat;
}
#topIntg p.listLink a:hover	{
background-image: url(../img/red_links_moreworks.gif);
background-position:right top;
background-repeat:no-repeat;
}

#topIntg p.linkMore	{
margin-top:12px;
margin-bottom:0px !important;
width:92px;
height:22px;
text-indent:-5000px;
position:absolute;
left:200px;
}
#topIntg p.linkMore a	{
display:block;
width:100%;
height:100%;
cursor: pointer;
overflow:hidden;
background-image: url(../img/links_worklist.gif);
background-position:left top;
background-repeat:no-repeat;
}
#topIntg p.linkMore a:hover	{
background-image: url(../img/links_worklist.gif);
background-position:right top;
background-repeat:no-repeat;
}


/* topRsrc ------------------------------------------------------- */
#topBlog {
width:296px;
position:relative;
margin-right:0;
}

#topBlog h3 {
width:296px;
height:16px;
text-indent: -5000px;
background-image: url(../img/red_hm_blog.gif);
background-repeat:no-repeat;
margin-bottom:16px;
}

#topBlog dl {
color:#adadad;
}

#topBlog dl dt {
font-weight:bold;
font-size:110%;
margin-bottom:10px;
}
#topBlog dl dt a {
padding-left:10px;
background-image: url(../img/red_ico_arw01.gif);
background-position:left center;
background-repeat:no-repeat;
}

#topBlog dl dd p	{
margin-bottom:5px;
line-height:1.3;
}

#topBlog dl dd	{
margin-bottom:20px;
}
#topBlog dl dd:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #topBlog dl dd { display: inline-block; }
/* no ie mac \*/
* html #topBlog dl dd { height: 0.1%; }
#topBlog dl dd { display: block; }
/* */
/* for IE7 \*/
*:first-child+html #topBlog dl dd { display: inline-block; }
/* */

#topBlog dl dd.mctl img	{
float:left;
margin-right:10px;
_margin-right:5px;
}

#topBlog dl dd p.ttl {
font-size:100%;
}

#topBlog dl dd p.txt {
font-size:86%;
}

#topBlog p.linkMore	{
width:52px;
height:13px;
text-indent:-5000px;
position:absolute;
left:236px;
}
#topBlog p.linkMore a	{
display:block;
width:100%;
height:100%;
cursor: pointer;
overflow:hidden;
background: url(../img/links_more.gif) no-repeat left top;
}
#topBlog p.linkMore a:hover	{
background: url(../img/links_more.gif) no-repeat right top;
}

#topBlog p.listLink	{
width:64px;
height:16px;
text-indent:-5000px;
position:absolute;
top:0px;
left:232px;
}
#topBlog p.listLink a	{
display:block;
width:100%;
height:100%;
cursor: pointer;
overflow:hidden;
background: url(../img/red_links_newentry.gif) no-repeat left top;
}
#topBlog p.listLink a:hover	{
background: url(../img/red_links_newentry.gif) no-repeat right top;
}


/* txNoscript ------------------------------------------------------- */
.txNoscript {
left: 240px;
top: 0px;
z-index: 1000;
}

#changer {
position:absolute;
left: 50%;
top: 79px;
margin-left: -480px;
z-index: 800;
width: 960px;
height: 18px;
text-indent:-5000px;
}
#changer a {
position: absolute;
right: -5px;
top: 0px;
display: block;
width: 115px;
height: 18px;
background-repeat: no-repeat;
background-image: url(../../common/img/h_changer.png);
/* for IE6 */
_background-image: url(../../none);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(Enabled=1,Src=/common/img/h_changer.png,sizingMethod=image);
/* for IE6 */
overflow:hidden;
}
#changer2 {
position:absolute;
left: 50%;
top: 79px;
margin-left: -483px;
z-index: 800;
width: 960px;
height: 18px;
text-indent:-5000px;
}
#changer2 a {
position: absolute;
right: -5px;
top: 0px;
display: block;
width: 118px;
height: 18px;
background-repeat: no-repeat;
background-image: url(../../common/img/h_changer2.png);
/* for IE6 */
_background-image: url(../../none);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(Enabled=1,Src=/common/img/h_changer2.png,sizingMethod=image);
/* for IE6 */
overflow:hidden;
}
#changer a:hover,
#changer2 a:hover {
cursor: pointer;
}