@charset "shift_jis";

/* promotion area
-----------------------------------------------*/
#home #promotionArea{
margin:0 auto 9px;
text-align:left;
width:770px;
}


/* information
-----------------------------------------------*/
#home #homeInformation{
margin:0 auto 15px;
padding:7px 10px;
border:1px solid #f797a7;
border-left-width:6px;
width:748px;
text-align:left;
}

#home #homeInformation p{
margin:0;
}


/* topics
-----------------------------------------------*/
#home #topicsWrap{
margin:0 auto 8px;
width:770px;
background:url("/images/index/bg_topics-wrap_bottom_01.gif") no-repeat 0 100%;
text-align:left;
zoom:1;
}

#home #topicsWrap:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#home #topicsWrap img{
vertical-align:bottom;
}

#home #topicsWrap div.pickup{
float:right;
width:189px;
}

#home #topicsWrap div.pickup ul{
margin:0;
}

#home #topicsWrap div.pickup ul li{
margin:0 0 6px;
padding:0;
}

#home #topicsWrap div.pickup ul li.lastChild{
margin:0;
}

#home #topicsWrap #homeTopics{
float:left;
width:576px;
}

#home #topicsWrap #homeTopics div.hdg-container{
position:relative;
margin-bottom:3px;
}

#home #topicsWrap #homeTopics div.hdg-container p.link{
position:absolute;
top:9px;
right:12px;
margin:0;
padding:0;
}

#home #topicsWrap #homeTopics ul.list-news{
margin:0;
padding:6px 15px 3px;
}

#home #topicsWrap #homeTopics ul.list-news li{
position:relative;
padding-left:9em;
font-size:90%;
zoom:1;
}

#home #topicsWrap #homeTopics ul.list-news li span{
display:block;
}

#home #topicsWrap #homeTopics ul.list-news li span.date{
position:absolute;
top:0;
left:0;
}

#home #topicsWrap #homeTopics ul.pageNav01{
margin:0 15px 15px;
padding:4px 5px 2px;
background:#efeef4;
}

#home #topicsWrap #homeTopics ul.pageNav01 li.next{
margin:0;
padding-bottom:0;
background-position:100% 30%;
font-size:90%;
}

#home #topicsWrap #homeTopics div.banner{
margin:0 15px;
width:546px;
overflow:hidden;
}

#home #topicsWrap #homeTopics div.banner ul{
margin:0 0 10px;
width:549px;
}

#home #topicsWrap #homeTopics div.banner ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#home #topicsWrap #homeTopics div.banner ul li{
float:left;
margin:0 3px 5px 0;
width:180px;
}


/* category index
-----------------------------------------------*/
#home #homeCategoryIndex{
zoom:1;
margin:0 auto 10px;
width:770px;
background:url("/images/index/bg_home-catogyr-index.jpg") 0 0 no-repeat;
}

#home #homeCategoryIndex:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#home #homeCategoryIndex #catLearn,
#home #homeCategoryIndex #catTeach,
#home #homeCategoryIndex #catPerform,
#home #homeCategoryIndex #catResearch{
float:left;
margin-right:6px;
width:188px;
text-align:left;
}

#home #homeCategoryIndex #catResearch{
margin-right:0;
}

#home #homeCategoryIndex div.segment h2{
font-size:10px;
line-height:1;
}


#home #homeCategoryIndex div.segment ul{
margin:12px 9px 0;
}

#home #homeCategoryIndex div.segment ul li{
position:relative;
margin-bottom:10px;
font-size:90%;
line-height:1.2;
zoom:1;
}

#home #homeCategoryIndex div.segment ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#home #homeCategoryIndex div.segment ul li.noImage{
margin-bottom:4px;
padding-left:9px;
background-repeat:no-repeat;
background-position:0 0.1em;
}

#home #homeCategoryIndex div.segment#catLearn ul li.noImage{ background-image:url("/images/index/bullet_arrow_hci_01.gif"); }
#home #homeCategoryIndex div.segment#catPerform ul li.noImage{ background-image:url("/images/index/bullet_arrow_hci_03.gif"); }

#home #homeCategoryIndex div.segment ul li img{
float:left;
margin-right:8px;
}

#home #homeCategoryIndex div.segment ul li span.image,
#home #homeCategoryIndex div.segment ul li span.title{
display:table-cell;
vertical-align:middle;
}

* html #home #homeCategoryIndex div.segment ul li span.image,
* html #home #homeCategoryIndex div.segment ul li span.title{
display:inline;
zoom:1;
}
* html #home #homeCategoryIndex div.segment ul li span.title{
width:117px;
}

* + html #home #homeCategoryIndex div.segment ul li span.image,
* + html #home #homeCategoryIndex div.segment ul li span.title{
display:inline;
zoom:1;
}
* + html #home #homeCategoryIndex div.segment ul li span.title{
width:117px;
}

#home #homeCategoryIndex div.segment ul li p.outline{
position:absolute;
top:-9999px;
left:-9999px;
z-index:100;
margin:0;
padding:0 0 15px;
width:134px;
color:#0062b5;
background-repeat:no-repeat;
background-position:0 100%;
zoom:1;
}

#home #homeCategoryIndex div.segment#catLearn ul li p.outline{ background-image:url("/images/index/bg_hci_tooltip_bottom_learn.gif"); }
#home #homeCategoryIndex div.segment#catTeach ul li p.outline{ background-image:url("/images/index/bg_hci_tooltip_bottom_teach.gif"); }
#home #homeCategoryIndex div.segment#catPerform ul li p.outline{ background-image:url("/images/index/bg_hci_tooltip_bottom_perform.gif"); }
#home #homeCategoryIndex div.segment#catResearch ul li p.outline{ background-image:url("/images/index/bg_hci_tooltip_bottom_research.gif"); }

#home #homeCategoryIndex div.segment ul li p.outline span{
display:block;
padding:9px 10px 0;
background-repeat:no-repeat;
background-position:0 0;
zoom:1;
}

#home #homeCategoryIndex div.segment#catLearn ul li p.outline span{ background-image:url("/images/index/bg_hci_tooltip_top_learn.gif"); }
#home #homeCategoryIndex div.segment#catTeach ul li p.outline span{ background-image:url("/images/index/bg_hci_tooltip_top_teach.gif"); }
#home #homeCategoryIndex div.segment#catPerform ul li p.outline span{ background-image:url("/images/index/bg_hci_tooltip_top_perform.gif"); }
#home #homeCategoryIndex div.segment#catResearch ul li p.outline span{ background-image:url("/images/index/bg_hci_tooltip_top_research.gif"); }


/* security
-----------------------------------------------*/
#home #security{
margin:0 auto 15px;
width:770px;
text-align:left;
zoom:1;
}

#home #security:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#home #security *{
position:static;
float:none;
margin:0;
padding:0;
}

#home #security div.logoArea{
float:right;
padding:0 8px 10px 0;
}

#home #security div.logoArea form,
#home #security div.logoArea p{
float:left;
}

#home #security div.logoArea form{
margin-right:10px;
}

#home #security p.txtArea{
clear:both;
margin-right:8px;
text-align:right;
}


/* banner area
-----------------------------------------------*/
#home #bannerArea{
zoom:1;
margin:0 auto;
width:770px;
text-align:left;
overflow:hidden;
}

#home #bannerArea *{
margin:0;
}

#home #bannerArea ul{
margin-bottom:5px;
zoom:1;
width:780px;
}

#home #bannerArea ul li{
float:left;
margin-right:10px;
}


/* footer
-----------------------------------------------*/
#home #footer{
padding:13px 0 0 0;
height:91px;
background:url(/images/common/footer_bg03.gif) no-repeat left top #FFF;
}