@charset "utf-8";

/*==================================================
	.mainimgArea

==================================================*/


/*==================================================
	.mainimgArea
==================================================*/
.mainimgArea{
  position:relative;
  margin:0 auto;
  padding: 11px 0 10px 0;
  width:960px;
}
.mainimg{
  float: left;
  width: 640px;
  height: 280px;
  background-color: #fff;
  z-index: 10;
}
.mainfeatbox{
  float: left;
  width:320px;
}
ul.featboxlist {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
ul.featboxlist li {
  float: left;
  width:160px;
  margin: 0;
  padding: 0;
}
ul.featboxlist li.featboxsolution {
  background:#3fa7b3 url(../../img/top/featboxsolutionbg.png) left top no-repeat;
  width:320px;
}
.featboxsolution p.flatlink a {
  text-align: center;
  display: block;
  margin: 0;
  padding: 11px 0 10px;
}
.featboxsolution p.flatlink a:hover {
  background-color: #118592;
}
.featboxsolution ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.featboxsolution li {
  width:80px;
}
.featboxsolution li a {
  display: block;
  padding: 10px 0 10px;
}
.featboxsolution li a img {
  margin-left: 15px;
}
.featboxsolution li a:hover {
  background-color: #118592;
}

.flatlinkA a {
  background: transparent url(../../img/top/featboxsecuritybg.jpg) left top no-repeat;
  display: block;
  width: 160px;
  height: 120px;
}
.flatlinkB a {
  background: transparent url(../../img/top/featboxvulnerabilitybg.jpg) left top no-repeat;
  display: block;
  width: 160px;
  height: 120px;
}
.flatlinkA a:hover img,
.flatlinkB a:hover img {
filter: alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
}

.wrappickup {
  background-color: #eee;
  margin-bottom: 30px;
}
.pickuparea {
margin:0 auto;
padding:5px 0;
width:960px;
}
.pickuparea h2 {

  float: left;
  border: none;
  margin: 1.0em 0 1.0em 0;
  padding: 40px 20px 40px 12px;
}
ul.pickup,
ul.pickupbnr {
  font-size: 1.1em;
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
}
ul.pickup {
  background:transparent url(../../img/top/pickupline.png) left top repeat-y;
  float: left;
  min-height: 135px;
  width: 545px;
  margin: 1.5em 0 1.5em 0;
}
ul.pickup li {
  min-height: 20px;
  margin-left: 20px;
  padding-left: 80px;
}
ul.pickup li dl {
  margin-top: 0.3em;
  margin-bottom: 1.5em;
}
ul.pickup li dl dt{
float:left;
width:8.0em;
white-space:nowrap;
}
ul.pickup li dl dd{
overflow:hidden;
margin-bottom:0;
zoom:1;
}
ul.pickup li.seminar {
  background:transparent url(../../img/top/icon_semi.png) left top no-repeat;
}
ul.pickup li.products {
  background:transparent url(../../img/top/icon_products.png) left top no-repeat;
}
ul.pickup li.info {
  background:transparent url(../../img/top/icon_info.png) left top no-repeat;
}
ul.pickup li.movie {
  background:transparent url(../../img/top/icon_movie.png) left top no-repeat;
}
ul.pickup li.kiji {
  background:transparent url(../../img/top/icon_kiji.png) left top no-repeat;
}
ul.pickup li.press {
  background:transparent url(../../img/top/icon_press.png) left top no-repeat;
}
ul.pickupbnr {
  float: right;
  width: 231px;
}
ul.pickupbnr li {
  margin-bottom: 5px;
}
ul.pickupbnr a {
  border: 1px solid #ccc;
  display: block;
}
ul.pickupbnr a:hover {
  border: 1px solid #f00;
}
ul.toprow {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
ul.toprow .technicalbox,
ul.toprow .featurebox {
  float: left;
  width: 480px;
  font-size: 1.1em;
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
}
ul.toprow .technicalbox a,
ul.toprow .featurebox a {
  font-size: 1.2em;
  font-size: 1.2rem;
}
ul.toprow .technicalbox ul {
  margin: 20px 10px 0 0;
  padding: 0;
}
ul.toprow .technicalbox ul li {
  float: left;
  width: 235px;
  margin: 0 0 20px 0;
  padding: 0;
}
ul.toprow .technicalbox h2 {
  border-bottom: 1px solid #d9d9d9;
  margin-right: 10px;
}
.chimg {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.chimg a {
  display: block;
  border: 2px solid #ccc;
}
.chimg a:hover {
  border: 2px solid #f00;
}
.chtxt {
  margin-left: 80px;
  margin-right: 10px;
}
ul.toprow .featurebox ul {
  margin: 20px 0 0 10px;
  padding: 0 10px;
}
ul.toprow .featurebox ul li {
  float: none;
  margin: 0 0 20px 0;
  padding: 0 0 0 85px;
}
ul.toprow .featurebox ul li.casestudy {
  background:transparent url(../../img/top/icon_casestudy.png) left top no-repeat;
}
ul.toprow .featurebox ul li.kiji {
  background:transparent url(../../img/top/icon_kiji.png) left top no-repeat;
}
ul.toprow .featurebox ul li.movie {
  background:transparent url(../../img/top/icon_movie.png) left top no-repeat;
}
ul.toprow .featurebox ul li.press {
  background:transparent url(../../img/top/icon_press.png) left top no-repeat;
}
ul.toprow .featurebox h2 {
  border-bottom: 1px solid #d9d9d9;
  margin-left: 10px;
}

.solutionbox {
  margin-bottom: 30px;
}
.solutionbox h2 {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
}
.solutionbox ul {
  list-style: none;
  font-size: 1.1em;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
.solutionbox ul li {
  background:transparent url(../../img/top/dotted_y.png) left top repeat-y;
  float: left;
  width: 320px;
}
.solutionbox ul li h3 {
  font-weight: bold;
  font-size: 1.2em;
  font-size: 1.2rem;
  margin: 10px 0 5px 30px;
}
.solutionbox ul li ul.solutionlist {
  float: none;
  list-style: disc;
  margin: 0 0 0 30px;
  padding: 0 0 10px 15px;
}
.solutionbox ul li:first-child,
.solutionbox ul li ul.solutionlist li {
  background:none;
}

.news {
  position: relative;
  margin-right: 20px;
  margin-bottom: 30px;
}
.news h2 {
  background-color: #eee;
}
.news h2 img {
  vertical-align: bottom;
  padding: 5px;
}
.news ul.list {
  font-size: 1.2em;
  font-size: 1.2rem;
}

/* 	list
--------------------------------------------------*/
.home #main .news h2 {
  border: none;
  margin-bottom: 0.2em;
}
.home #main .news ul.list{
  padding:5px 0 0;
  font-size:1.2em;
  font-size:1.2rem;
}
.home #main .news ul.list li{
  padding:10px 10px;
  border-bottom:1px dotted #dfdfdf;
}
.home #main .news ul.list li dl{
  margin-bottom: 0;
}
.home #main .news ul.list li dl dt{
  background: none;
  float:left;
  font-weight: normal;
	width:8em;
	white-space:nowrap;
	padding-left: 0;
}
.home #main .news ul.list li dl dt img {
  vertical-align: top;
}
.home #main .news ul.list li dl dd{
	overflow:hidden;
	margin-bottom:0;
	zoom:1;
}
.news .eventlist {
  position: absolute;
  border: none;
  right: 0;
  display;block;
  margin: 0;
  padding: 0;
}
.news .eventlist a {
  color: #fff;
  display:block;
  background:transparent url(../../img/top/arrow_txt.png) 7px 50% no-repeat;
  font-size:11px;
  font-size:1.1rem;
  background-color: #b5121b;
  text-decoration: none;
  display:block;
  padding: 6px 6px 5px 15px;
}
.news .eventlist a:hover {
  color: #fff;
  background-color: #f00;
}
.news ul.list li dl dd a:link {
    font-weight: normal;
}
.news ul.list li dl dd a,
.news ul.list li dl dd a:link,
.news ul.list li dl dd a:visited{
color:#666;
}
.news ul.list li dl dd a:hover,
.news ul.list li dl dd a:active,
.news ul.list li dl dd a:focus{
color:#f00;
}