/**
 * basic
 */

body{
  font-family: "ヒラギノ角ゴ ProN W3","MS PGothic",Osaka,Sans-Serif;
  font-size:80%;
  line-height: 1;
  background:url(/images/background.gif) repeat-y center top;
}

a img,
:link img,
:visited img {
  border: none;
}

a {text-decoration: underline; outline:0;}
a:link {color:#0072a2;outline:0;}
a:visited {color: #0072a2; outline:0;}
a:active {color: #0072a2; outline:0;}
a:hover {
  color: #0072a2;
  text-decoration:none;
  outline:0;
}

#wrapper{
	width:990px;
	margin:0 auto;
	padding:0px;
}

#contents{
	margin:0 20px;
}

#main_contents{
	float:left;
	width:730px;
	margin-right:20px;
	_margin-right:16px; /* IE6バグ用 */
}

#sub_contents{
	float:left;
	width:200px;
}

#main_contents_form{
	float:left;
	width:590px;
	margin-right:20px;
}

#sub_contents_form{
	float:left;
	width:340px;
}


/**
 * Rollover
 */
 a img:hover{
  /* IE
  filter: alpha(opacity=70);*/
  /* Safari Opera */
  opacity:0.70;
  /* Firefox Netscape */
  -moz-opacity:0.70;
}


/**
 * Header
*/
#header{
	position:relative;
	height:92px;
	margin-bottom:15px;
	background:url(/images/background_head.jpg) repeat-x left bottom;
	border-bottom:solid 3px #fe0000;
}

body.no_gnavi #header{
	height:84px;
	background:url(/images/background_2.jpg) repeat-x;
}

#header h1,
p.site_catch{
	font-size:85%;
	position:absolute;
	font-weight:normal;
	margin:0;
	top:38px;
	left:231px;
	line-height:1.4;
}

#header p.logo_it-trend{
	margin:10px 0 0 20px;
}

#header p.btn_ad_publish{
	position:absolute;
	top:0;
	right:21px;
	margin:0;
}

#header ul.sub_navi{
	position:absolute;
	top:24px;
	right:21px;
}

#header ul.sub_navi li{
	float:left;
	margin-left:1em;
	padding:2px 0 2px 20px;
	list-style:none;
}

#header ul.sub_navi li.about{
	background:url(/images/icon/it-trend.png) no-repeat center left;
}

#header ul.sub_navi li.sitemap{
	background:url(/images/icon/sitemap.png) no-repeat center left;
}

#header ul.sub_navi li.inquiry{
	background:url(/images/icon/mail.png) no-repeat center left;
}

#header ul.sub_navi li a {text-decoration: none; outline:0;}
#header ul.sub_navi li a:link {color:#333;outline:0;}
#header ul.sub_navi li a:visited {color: #333; outline:0;}
#header ul.sub_navi li a:active {color: #333; outline:0;}
#header ul.sub_navi li a:hover {
  color: #999;
  text-decoration:none;
  outline:0;
}

#header ul.g_navi{
	position:absolute;
	bottom:5px;
	left:20px;
	background:url(/images/g_navi_line.png) no-repeat center right;
}

#header ul.g_navi li{
	list-style:none;
	width:230px;
	float:left;
	background:url(/images/g_navi_line.png) no-repeat center left;
	text-align:center;
}

#header div.search input.search{
	padding:3px;
	margin-left:2px;
}

#header div.search{
	position:absolute;
	bottom:3px;
	right:20px;
}

/**
 * Common
*/

h3.red{
	  color:#e6311e;
  }

h3.notice{
	  color:#ffb400;
  }

.box{
	padding:10px;
	background-color:#f5f5f5;
}

.box.red,
.box.download{
	background-color:#fceae8;
}

.box.red{
	margin-bottom:1em;
}

.box.download img.dl_button{
	margin-left:1em;
}

.box_form{
	border:solid 2px #CCC;
	padding:10px;
	margin-bottom:1em;
}

.box_form.grey{
	background-color:#EEE;
}

.box_2{
	border:solid 1px #CCC;
	padding:30px;
	margin:1em 0;
}

p.error,
div.error{
	color:#F00;
	margin:0.5em 0 0 0;
}

div.error_title{
	background-color:#F00;
	color:#FFF;
	font-size:120%;
	padding:5px;
	margin:1em 0;
	text-align:center;
}

p.lead{
  line-height: 1.6;
  font-size:110%;
  margin:0 0 0.8em 0 !important;
}

p.link_right{
	text-align:right;
	font-size:85%;
	clear:both;
}

p.more{
	text-align:right;
}

p.to_top{
	text-align:right;
	font-size:85%;
	margin:1em 0 1.5em 0 !important;
}

.small{
  font-size:85%;
  font-weight:normal;
}

.caution{
  font-size:85%;
  color:#666;
  line-height:1.3;
  letter-spacing:0.01em;
  margin:1em 0 0 0;
  font-weight: normal;
}

span.caution{
    margin-left:1em;
}

.caution2{
  font-size:95%;
  line-height:1.3;
  letter-spacing:0.01em;
  margin:1em 0 0 0;
  font-weight: normal;
  color:#444;
}

ul.caution li{
	margin:0.5em 0 0.5em 20px;
}

strong.red{
  color:#FF0000;
}

.right{
	text-align:right
}

.center{
  text-align:center;
  }

img.right,
object.right{
 float:right;
 margin:0 0 0 10px;
 }

 img.left{
 float:left;
 margin:0 10px 0 0;
 }

 hr
{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #CCC;
	height: 1px;
	margin: 1em 0;
	clear: both;
}

hr.dot
{
  border-style: dotted;
}

span.required{
	color:#e6311e;
	margin:0 0 0 0.5em;
	font-weight:normal;
}
span.norequired{
	margin:0 0 0 1em;
}

/**
 * contents_common
*/
.box ul.list li{
	display:inline;
	margin-right:1em;
	line-height:1.8;
}

.box ul.recentry li,
.box ul.popular li{
	margin-left:20px;
	margin-bottom:0.5em;
}


.box ol.ranking li{
	margin-right:1em;
	margin-left:30px;
	line-height:1.5;
}

.box table.recentry {
	width:700px;
	line-height:1.4;
}

.box table.recentry td {
	vertical-align:top;
}

.box td.recentry_day {
	width:20%;
	caption-side:top;
}

.box td.recentry_product {
	width:45%;
	caption-side:top;
}

.box td.recentry_company {
	width:34%;
	caption-side:top;
}

/**
 * tag
*/

ul.tag{
	background:url(/images/icon/tag.png) no-repeat 0 0;
	padding-left:14px;
	line-height:1.2;
}

ul.tag li{
	display: inline;
	margin-right:0.8em;
}

ul.tag_2 li{
	background:url(/images/icon/tag_2.png) no-repeat 0 0;
	padding-left:18px;
	float:left;
	line-height:1.2;
	width:148px;
	font-size:110%;
	margin: 0.3em 0 0.3em 0.8em;
	font-weight:bold;
	list-style:none;
}

/**
 * home
*/
p.home_main_image{
	margin:0 0 15px 0;
}

h1.title,
h2.title{
	line-height:33px;
	clear:both;
	text-indent:-9999px;
	min-height:1em;
}

.home h2.title{
	padding: 5px 0 5px 0;
}

h2.title.keywords {
	background: url(/images/h2_keywords.gif) no-repeat;
}

h2.title.category{
	background:url(/images/h2_category.gif) no-repeat;
}

h2.title.purpose{
	background:url(/images/h2_purpose.gif) no-repeat;
}

h2.title.trend{
	background:url(/images/h2_trend.gif) no-repeat;
}

h2.title.company{
	background:url(/images/h2_company.gif) no-repeat;
}

h2.title.type{
	background:url(/images/h2_type.gif) no-repeat;
}

h2.title.purpose{
	background:url(/images/h2_purpose.gif) no-repeat;
}

h2.title.trend{
	background:url(/images/h2_trend.gif) no-repeat;
}

h2.title.entry{
	background:url(/images/h2_entry.gif) no-repeat;
}

h2.title.login{
	background:url(/images/h2_login.gif) no-repeat;
}

h2.title.reminder{
	background:url(/images/h2_reminder.gif) no-repeat;
}

h2.title.mypage{
	background:url(/images/h2_mypage.gif) no-repeat;
}

h2.title.mail_mag{
	background:url(/images/h2_mail_mag.gif) no-repeat;
}

h2.title.news{
	background:url(/images/h2_news.gif) no-repeat;
}

h2.title.newsrelease{
	background:url(/images/h2_newsrelease.gif) no-repeat;
}
h2.title.free{
	background:url(/images/h2_free.gif) no-repeat;
}

h2.title.detail_about{
	background:url(/images/h2_detail_about.gif) no-repeat;
	_display:inline-block; /*ie6用*/
}

h2.title.detail_example{
	background:url(/images/h2_detail_example.gif) no-repeat;
	_display:inline-block; /*ie6用*/
}

h2.title.detail_spec{
	background:url(/images/h2_detail_spec.gif) no-repeat;
	_display:inline-block; /*ie6用*/
}

h2.title.detail_download{
	background:url(/images/h2_detail_download.gif) no-repeat;
}

h2.title.detail_inquiry{
	background:url(/images/h2_detail_inquiry.gif) no-repeat;
	_display:inline-block; /*ie6用*/
}



h1.title.inquiry{
	background:url(/images/h2_inquiry.gif) no-repeat;
}


#main_contents.home  h3{
	margin: 0 0 10px 0;
	clear:both;
	padding:2px 2px 2px 20px;
	background:url(/images/icon/it-trend_2.png) no-repeat center left;
	line-height:18px;
}

#main_contents.home ul.category li{
	float:left;
	width:133px;
	margin: 6px;
	position:relative;
	list-style:none;
	text-indent:-9999px;
}

#main_contents.home ul.category li.security{
	background:url(/images/btn_cate_security.gif) no-repeat;
}

#main_contents.home ul.category li.network{
	background:url(/images/btn_cate_network.gif) no-repeat;
}

#main_contents.home ul.category li.communication{
	background:url(/images/btn_cate_communication.gif) no-repeat;
}

#main_contents.home ul.category li.server{
	background:url(/images/btn_cate_server.gif) no-repeat;
}

#main_contents.home ul.category li.system{
	background:url(/images/btn_cate_system.gif) no-repeat;
}

#main_contents.home ul.category li.accounting{
	background:url(/images/btn_cate_accounting.gif) no-repeat;
}

#main_contents.home ul.category li.marketing{
	background:url(/images/btn_cate_marketing.gif) no-repeat;
}

#main_contents.home ul.category li.tool{
	background:url(/images/btn_cate_tool.gif) no-repeat;
}

#main_contents.home ul.category li.mail{
	background:url(/images/btn_cate_mail.gif) no-repeat;
}

#main_contents.home ul.category li.info{
	background:url(/images/btn_cate_info.gif) no-repeat;
}

/* 20120830add */
#main_contents.home ul.category li.core_system{
	background:url(/images/btn_cate_core_system.png) no-repeat;
}
#main_contents.home ul.category li.inventory-purchase{
	background:url(/images/btn_cate_inventory-purchase.png) no-repeat;
}
#main_contents.home ul.category li.logistics-warehouse{
	background:url(/images/btn_cate_logistics-warehouse.png) no-repeat;
}
#main_contents.home ul.category li.sales{
	background:url(/images/btn_cate_sales.png) no-repeat;
}
#main_contents.home ul.category li.production{
	background:url(/images/btn_cate_production.png) no-repeat;
}
#main_contents.home ul.category li.hr{
	background:url(/images/btn_cate_hr.png) no-repeat;
}
#main_contents.home ul.category li.account{
	background:url(/images/btn_cate_account.png) no-repeat;
}
#main_contents.home ul.category li.information{
	background:url(/images/btn_cate_information.png) no-repeat;
}
#main_contents.home ul.category li.customer-management{
	background:url(/images/btn_cate_customer-management.png) no-repeat;
}
#main_contents.home ul.category li.network{
	background:url(/images/btn_cate_network.png) no-repeat;
}
#main_contents.home ul.category li.business-intelligence{
	background:url(/images/btn_cate_business-intelligence.png) no-repeat;
}
#main_contents.home ul.category li.data_center_server{
	background:url(/images/btn_cate_data_center_server.png) no-repeat;
}
#main_contents.home ul.category li.mail{
	background:url(/images/btn_cate_mail.png) no-repeat;
}
#main_contents.home ul.category li.network-security{
	background:url(/images/btn_cate_network-security.png) no-repeat;
}
#main_contents.home ul.category li.security{
	background:url(/images/btn_cate_security.png) no-repeat;
}

#main_contents.home ul.category li.security a.security,
#main_contents.home ul.category li.network a.network,
#main_contents.home ul.category li.communication a.communication,
#main_contents.home ul.category li.server a.server,
#main_contents.home ul.category li.system a.system,
#main_contents.home ul.category li.accounting a.accounting,
#main_contents.home ul.category li.marketing a.marketing,
#main_contents.home ul.category li.tool a.tool,
#main_contents.home ul.category li.mail a.mail,
#main_contents.home ul.category li.info a.info,
#main_contents.home ul.category li.core_system a.core_system,
#main_contents.home ul.category li.inventory-purchase a.inventory-purchase,
#main_contents.home ul.category li.logistics-warehouse a.logistics-warehouse,
#main_contents.home ul.category li.sales a.sales,
#main_contents.home ul.category li.production a.production,
#main_contents.home ul.category li.hr a.hr,
#main_contents.home ul.category li.account a.account,
#main_contents.home ul.category li.information a.information,
#main_contents.home ul.category li.customer-management a.customer-management,
#main_contents.home ul.category li.network a.network,
#main_contents.home ul.category li.business-intelligence a.business-intelligence,
#main_contents.home ul.category li.data_center_server a.data_center_server,
#main_contents.home ul.category li.mail a.mail,
#main_contents.home ul.category li.network-security a.network-security,
#main_contents.home ul.category li.security a.security{
	display:block;
	width:133px;
	height:90px;
}

#main_contents.home ul.category li.security a.security:hover,
#main_contents.home ul.category li.network a.network:hover,
#main_contents.home ul.category li.communication a.communication:hover,
#main_contents.home ul.category li.server a.server:hover,
#main_contents.home ul.category li.system a.system:hover,
#main_contents.home ul.category li.accounting a.accounting:hover,
#main_contents.home ul.category li.marketing a.marketing:hover,
#main_contents.home ul.category li.tool a.tool:hover,
#main_contents.home ul.category li.mail a.mail:hover,
#main_contents.home ul.category li.info a.info:hover,
#main_contents.home ul.category li.core_system a.core_system:hover,
#main_contents.home ul.category li.inventory-purchase a.inventory-purchase:hover,
#main_contents.home ul.category li.logistics-warehouse a.logistics-warehouse:hover,
#main_contents.home ul.category li.sales a.sales:hover,
#main_contents.home ul.category li.production a.production:hover,
#main_contents.home ul.category li.hr a.hr:hover,
#main_contents.home ul.category li.account a.account:hover,
#main_contents.home ul.category li.information a.information:hover,
#main_contents.home ul.category li.customer-management a.customer-management:hover,
#main_contents.home ul.category li.network a.network:hover,
#main_contents.home ul.category li.business-intelligence a.business-intelligence:hover,
#main_contents.home ul.category li.data_center_server a.data_center_server:hover,
#main_contents.home ul.category li.mail a.mail:hover,
#main_contents.home ul.category li.network-security a.network-security:hover,
#main_contents.home ul.category li.security a.security:hover{
  background-color:#FFF;
  /* IE */
  filter: alpha(opacity=0);
  /* Safari Opera */
  opacity:0.30;
  /* Firefox Netscape */
  -moz-opacity:0.30;
}


#main_contents.home ul.category li span{
	position:absolute;
	top:62px;
	left:10px;
	font-size:80%;
	line-height:1.2;
	letter-spacing: -0.05em;
	text-indent:0;
	width:121px;
	word-break: break-all;
	word-wrap: break-word;
}

#main_contents.home div.top_searchkeyword a {text-decoration: underline; outline:0; margin: 0px;}
#main_contents.home div.top_searchkeyword a:link {color:#333;outline:0;}
#main_contents.home div.top_searchkeyword a:visited {color: #333; outline:0;}
#main_contents.home div.top_searchkeyword a:active {color: #333; outline:0;}
#main_contents.home div.top_searchkeyword a:hover {
  color: #999;
  text-decoration:none;
  outline:0;
}

#main_contents.home ul.category li span a {text-decoration: none; outline:0; margin: 0px;}
#main_contents.home ul.category li span a:link {color:#333;outline:0;}
#main_contents.home ul.category li span a:visited {color: #333; outline:0;}
#main_contents.home ul.category li span a:active {color: #333; outline:0;}
#main_contents.home ul.category li span a:hover {
  color: #999;
  text-decoration:none;
  outline:0;
}

#main_contents.home .box{
	margin:5px 7px 10px 7px;
}

#main_contents.home .box.trend_left{
	float:left;
	width:330px;
}

#main_contents.home .box.trend_right{
	float:left;
	width:330px;
}

#main_contents.home ul.purpose li{
	float:left;
	margin: 7px;
	list-style:none;
}


/**
 * sub_contents
*/

#sub_contents .status{
	padding:0;
	text-align:center;
	border:solid 2px #CCC;
}

#sub_contents .status p.name span{
	margin: 0 0.3em;
	font-weight:bold;
}

#sub_contents .box_data-demand{
	background:url(/images/back_dot_01.gif);
	padding:10px;
}

#sub_contents .box_data-demand .list_number{
	background:url(/images/back_number.png) no-repeat;
	width:188px;
	height:44px;
	margin:0 0 10px 0;
	_width:178px; /* IE6バグ用 */
}

#sub_contents .box_data-demand .list_number p{
	line-height:44px;
	font-size:110%;
	text-align:center;
	margin:0;
}

#sub_contents .box_data-demand .list_number p span{
	font-weight:bold;
	color:#e6311e;
	font-size:110%;
	margin: 0 0.2em;
}

#sub_contents .box_data-demand p.btn{
	margin: 0;
}

#sub_contents .home_entry{
	background:url(/images/back_grade_01.jpg) repeat-x #f4f4f4;
	border:solid 1px #DDD;
	padding:4px;
	margin-bottom:1em;
}

#sub_contents .home_entry p.btn.entry{
	text-align:center;
	margin:0 0 10px 0;
}

#sub_contents .home_entry p.btn.login{
	text-align:center;
	margin:0;
}

#sub_contents .home_news dl{
	border:solid 1px #CCC;
	padding:10px;
	font-size:85%;
}

#sub_contents .home_news dl dd{
	margin:0.5em 0 1em 0;
	line-height:1.2;
}


/**
* table_Zebra
*/

.trcolor1{background-color: #FFFFFF;}
.trcolor2{background-color: #f5f5f5;}

/**
 * table_list
*/

table.list td.main_data .main a {text-decoration: underline; outline:0;}
table.list td.main_data .main a:link {color:#333;outline:0;}
table.list td.main_data .main a:visited {color: #333; outline:0;}
table.list td.main_data .main a:active {color: #333; outline:0;}
table.list td.main_data .main a:hover {
  color: #666;
  text-decoration:none;
  outline:0;
}

table.list{
	clear:both;
	border-bottom:solid 1px #CCC;
}

table.recommend_box {
	margin-bottom:20px;
}

table.list.notice{
	border-bottom:solid 1px #ffb400;
	margin-bottom:2.5em;
}


table.list.bottom{
	border:solid 5px #EEE;
}

table.list td{
	vertical-align:top;
}

table.list td.main_data{
	width:70%;
	padding:10px;
	border-left:solid 1px #CCC;
	border-top:solid 2px #CCC;
}

table.list.notice td.main_data{
	border-left:solid 1px #ffb400;
	border-top:solid 2px #ffb400;
	background:url(/images/back_grade_02.jpg) repeat-x #fbfbe5;
}

table.list td.main_data .main{
	margin-left:112px;
}

table.list td.main_data img.company_image{
	float:left;
	border:solid 1px #DDD;
}

table.list td.main_data h2{
	font-size:110%;
}

table.list td.main_data h2 span{
	display:block;
	margin-bottom:0.5em;
}

table.list td.main_data h2 span img.new{
	margin-right:0.5em;
	vertical-align:middle;
}

table.list td.main_data p{
	margin:0.8em 0;
}

table.list td.sub_data,
table.list td.action{
	border-left: dotted 1px #DDD;
	border-right:solid 1px #CCC;
	border-top:solid 2px #CCC;
	line-height:1.3;
	padding:10px 10px 0 10px;
	width:30%;
}

table.list.notice td.sub_data{
	border-left: dotted 1px #ffb400;
	border-right:solid 1px #ffb400;
	border-top:solid 2px #ffb400;
	background:url(/images/back_grade_02.jpg) repeat-x #fcf9e8;
}

table.list td.sub_data dl dt{
	float:left;
	width:7.2em;
	padding:2px 5px;
	margin:0 0 5px 0;
	text-align:center;
	color:#666;
	font-size:85%;
	background-color:#E0E0E0;
}

table.list td.sub_data dl dd{
	float:left;
	padding:2px 5px;
	margin:0 0 5px 0;
	font-size:85%;
}

table.list td.sub_data p.btn{
	clear:both;
	padding:5px 0 10px 0;
	text-align:center;
	margin:0;
}

table.list td.action p.btn{
	margin:0;
	padding:0;
	}

/**
 * table_list_small
*/
table.list.small td.main_data{
	padding:5px;
	font-size:90%;
}

table.list.small.confirm td.main_data{
	border-right:solid 1px #DDD;
}

table.list.small td.main_data .main{
	margin-left:62px;
}

table.list.small td.main_data p.outline{
	clear:both;
	margin-bottom:0;
}

table.list.small td.main_data img.company_image{
	width:50px;
}

table.list.small.notice td.main_data h2{
	margin-bottom:0.5em
}

table.list.small td.sub_data{
	padding:5px;
	font-size:110%;
}

table.list.small td.action{
	width:10%;
}


table.list.small td.sub_data dl dt{
	float:none;
}

table.list.small td.sub_data dl dd{
	float:none;
}

table.list.small td.sub_data dl dd span{
	margin: 0 0.4em;
}


/**
 * table_list_result
*/
table.list_result th{
	background-color:#000;
	color:#FFF;
	padding:10px 0;
	text-align:center;
}

table.list_result td{
	text-align:center;
	padding:8px 5px;
	line-height:1.3;
}

table.list_result td.content img{
	margin-left:0.3em;
	vertical-align:middle;
}

/**
 * table_spec
*/
.spec_box table th,
.spec_box table td{
	border:solid 1px #DDD !important;
	padding:5px;
	line-height:1.6;
}

.spec_box table th{
	background-color:#F6F6F6;
}

.spec_box table th.title{
	font-weight:bold;
	background-color:#DDD;
}

.spec_box table td p,
.spec_box table th p{
	margin:0 !important;
	padding:0 !important;
}

/**
 * table_pribacy
*/
table.protect {
	margin:0 0 1em 1.5em;
	border:solid 1px #ccc;
	*width:710px; /*IE6バグ用*/
}
table.protect tr{
	border:solid 1px #ccc;
}
table.protect td{
	padding:10px;
	border:solid 1px #ccc;
}

/**
 * table_form
*/


table.form th,
table.form td{
	padding:5px;
	border-bottom:dotted 1px #CCC;
	line-height:1.3;
}

table.form th{
	font-weight:bold;
	white-space:nowrap;
	text-align: right;
	background-color: #EEEEEE;
}

table.form th.indent{
	padding-left:2em;
	/*border-left:dotted 1px #CCC;*/
}

table.form td.action{
	text-align:right;
}

table.form td.number{
	text-align:right;
}

table.form tr td ul li {
      list-style: none;
}

/**
 * form
*/
div.verisign{
	float:right;
}

div.btn,
div.btn_back{
	margin:20px 0;
	clear:both;
}

div.btn_request{
	background-color:#f0f0f0;
	padding:5px 0;
}

div.btn input.btn{
	padding:10px 50px;
	background:url() repeat-x;
	background-color:#000;
	border:solid 1px #666;
	font-size:110%;
	letter-spacing:0.1em;
	color:#FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.btn input.btn_back{
	padding:10px 50px;
	background:url(/images/back_tab1.gif) repeat-x;
	border:solid 1px #DDD;
	color:#666;
	font-size:110%;
	letter-spacing:0.1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input, textarea
{
	padding: 2px;
	vertical-align: middle;
	font-size:100%;
	/*margin: 0.2em 0;*/
	vertical-align: middle;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], input[type="file"], input[type="reset"], textarea
{
	border: 1px solid #CCC;
	/*width: 25em;*/
}

.form input[type="text"],input[type="password"],select,textarea
{
	border: 1px solid #7B9CBD;
}
.form .date, .form .position
{
	width: 8em;
}

.form .zip_code, .form .price
{
  width: 6em;
}

.form .user_id, .form .password, .form .name, .form .states, .form .city, .form .tel
{
  width: 12em;
}

.form .company_name
{
  width: 12em;
}

.form .full_name, .form .address,.form .user_id_2, .form .password_2,.form .mail_2
{
  width: 26em;
}

.office {
	width:20em;
}
.address1{
	width:10em;
}
.address2{
}
.address3{
	width:30em;
	margin-bottom:0.3em;
}
.address4{
	width:30em;
	margin-bottom:0.3em;
}
.address5{
	width:30em;
	margin-bottom:0.3em;
}
.addressBox {
	border-bottom:dotted 1px #ccc;
	padding-bottom:6px;
	margin:6px 0;
}
.addressBoxlast {
	padding-bottom:6px;
	margin:6px 0;
}

textarea.comment{
	width:98%;
}

.form .mail, .form .uri
{
  width: 20em;
}

label{
	margin-left:0.3em;
}

.form .addresssearch{
	background:url(/images/bt_addresssearch.png) no-repeat left top;
	height:22px;
	width:150px;
	border:none;
	cursor:pointer;
}

/**
 * table
*/

table{
	width:100%;
}

table td.left{
	text-align:left;
}

table td.right{
	text-align:right;
}


/**
 * contents_list
 */

div.list_title{
	 margin:30px 0 15px 0;
 }

div.list_title h1{
	  width:730px;
	  line-height:33px;
  }


div.list_title h1.security{
  width:737px !important;
  height:84px;
  background:url(/images/title_security.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.network{
  width:737px !important;
  height:84px;
  background:url(/images/title_network.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.communication{
  width:737px !important;
  height:84px;
  background:url(/images/title_communication.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.server{
  width:737px !important;
  height:84px;
  background:url(/images/title_server.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.system{
  width:737px !important;
  height:84px;
  background:url(/images/title_system.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.accounting{
  width:737px !important;
  height:84px;
  background:url(/images/title_accounting.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.marketing{
  width:737px !important;
  height:84px;
  background:url(/images/title_marketing.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.tool{
  width:737px !important;
  height:84px;
  background:url(/images/title_tool.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.mail{
  width:737px !important;
  height:84px;
  background:url(/images/title_mail.png) no-repeat;
  text-indent:-9999px;
 }

 div.list_title h1.info{
  width:737px !important;
  height:84px;
  background:url(/images/title_info.png) no-repeat;
  text-indent:-9999px;
 }

div.list_title h1.other{
  width:737px !important;
  height:84px;
  background:url(/images/title_other.png) no-repeat;
  text-indent:-9999px;
}

/* 20120831 add */
div.list_title h1.data_center_server{
  width:737px !important;
  height:84px;
  background:url(/images/title_data_center_server.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.core_system{
  width:737px !important;
  height:84px;
  background:url(/images/title_core_system.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.development_tool{
  width:737px !important;
  height:84px;
  background:url(/images/title_development_tool.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.information{
  width:737px !important;
  height:84px;
  background:url(/images/title_information.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.account{
  width:737px !important;
  height:84px;
  background:url(/images/title_account.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.customer-management{
  width:737px !important;
  height:84px;
  background:url(/images/title_customer-management.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.network-security{
  width:737px !important;
  height:84px;
  background:url(/images/title_network-security.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.hr{
  width:737px !important;
  height:84px;
  background:url(/images/title_hr.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.sales{
  width:737px !important;
  height:84px;
  background:url(/images/title_sales.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.production{
  width:737px !important;
  height:84px;
  background:url(/images/title_production.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.inventory-purchase{
  width:737px !important;
  height:84px;
  background:url(/images/title_inventory-purchase.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.logistics-warehouse{
  width:737px !important;
  height:84px;
  background:url(/images/title_logistics-warehouse.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.business-intelligence{
  width:737px !important;
  height:84px;
  background:url(/images/title_business-intelligence.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.operations-management{
  width:737px !important;
  height:84px;
  background:url(/images/title_operations-management.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.data-management{
  width:737px !important;
  height:84px;
  background:url(/images/title_data-management.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.monitoring{
  width:737px !important;
  height:84px;
  background:url(/images/title_monitoring.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.authentication{
  width:737px !important;
  height:84px;
  background:url(/images/title_authentication.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.communications-infrastructure{
  width:737px !important;
  height:84px;
  background:url(/images/title_communications-infrastructure.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.hardware-infrastructure{
  width:737px !important;
  height:84px;
  background:url(/images/title_hardware-infrastructure.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.cloud-computing{
  width:737px !important;
  height:84px;
  background:url(/images/title_cloud-computing.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.virtualization{
  width:737px !important;
  height:84px;
  background:url(/images/title_virtualization.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.web{
  width:737px !important;
  height:84px;
  background:url(/images/title_web.png) no-repeat;
  text-indent:-9999px;
}
div.list_title h1.business-process{
  width:737px !important;
  height:84px;
  background:url(/images/title_business-process.png) no-repeat;
  text-indent:-9999px;
}
/* 20120831 add */



div.list_title.tag{
     background:url(/images/back_tag_h1.png) no-repeat right center;
     margin:10px 10px;
 }

div.tag_boxtop{
      margin:15px 0 0;
      height:6px;
      background:url(/images/tagtitle_bg.png) no-repeat center top;
}

div.tag_box{
      width:728px;
      height:auto;
      margin:0;
      border-left:solid 1px #cccccc;
      border-right:solid 1px #cccccc;
}

#main_contents.list div.tag_box h1{
 width:260px;
 line-height:1.3;
}

#main_contents.list table.tag_box h1{
 width:100%;
}

.list table.tag_box h1.tag {
 background:none;
 padding:0;
}

#main_contents.list table.tag_box{
 width:730px;
 border-left:solid 1px #cccccc;
 border-right:solid 1px #cccccc;
}

table.tag_box td.tag_box1{
 width:32px;
 padding:10px 7px 10px 10px;
}

table.tag_box td.tag_box2{
 width:240px;
 padding:10px 10px 10px 0;
}

table.tag_box td.tag_box3{
 text-align:right;
 padding:10px 10px 10px 0;
}

div.tag_boxbottom{
      height:6px;
      background:url(/images/tagtitle_bg.png) no-repeat center bottom;
}



/*div.list_title p{
	font-size:115%;
	 position:absolute;
	 bottom:8px;
	 right:0;
	 margin:0;
	 font-weight:bold;
 }*/

 div.list_title p span{
	 color: #e6311e;
 }

#main_contents.list h1,
#main_contents.static h1
{
	 font-size:160%;
	 font-weight:bold;
	 line-height:1.6;
 }

 #main_contents.list h1{
  width:400px;
 }

.list h1.tag{
	 background:url(/images/icon/tag_2_2.png) no-repeat center left;
	 padding:0px 0px 0px 35px;
 }

#main_contents.static h1{
	margin:30px 0 15px 0;
	 border-bottom:solid 3px #e6311e;
	 padding-bottom:8px;
}

#main_contents.list h3{
	 font-size:125%;
	 margin:1.5em 0 0.5em 0;
	/*border-left:double 8px #333;
	 padding-left:8px;*/
	 line-height:1;
	 clear:both;
	 font-weight:bold;
 }

#main_contents.index ul.list_index.category li a {
    text-indent: 0;
}
#main_contents.index ul.list_index.category li a.indent {
    text-indent: -9999px;
}

.box ul.limit{
	list-style:none;
}

.box ul.limit li span.title{
	float:left;
	width:5em;
	margin:0.3em 0;
	line-height:1.4;
	font-weight:bold;
}

.box ul.limit li ul.list{
	float:left;
	width:645px;
	margin:0.3em 0;
	line-height:1.4;
}

.box ul.limit li ul.list li{
	list-style:none;
	float:left;
	display:block;
	width:154px;
	margin-right:0.5em;
}

/*.box ul.limit li.scale ul.list li{
	width:154px;
}*/

.box ul.limit li ul.list li input{
	margin:0 0.5em 0;
	vertical-align:middle;
}

p.result{
	float:left;
}

p.next{
	float:right;
}

/**
 * button
 */
 /*div.btn a{
	padding:10px 50px;
	height:30px;
	line-height:30px;
	letter-spacing:0.1em;
	color:#FFF;
	 border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:#999;
	 text-decoration:none;
	}

 div.btn a:hover{
	 text-decoration:none;
	 background-color:#AAA;
 }*/


/**
 * detail
 */

#main_contents.detail .content{
	margin-bottom:1em;
	border-bottom:dotted 1px #CCC;
	line-height:1.5;
}

#main_contents.detail .content .block{
	margin-left:1em;
}

#main_contents.detail .content p{
	margin:0.5em 0 1em 0px;
}

#main_contents.detail .content dl{
	margin:0.5em 0 1em 0px;
	line-height:1.5;
	float:left;
	width:100%;
	}

#main_contents.detail .content dl dt{
	float:left;
	width:4em;
	clear:both;
}

#main_contents.detail .content dl dd{
	float:left;
}

#main_contents.detail .detail_main{
	border-left:solid 1px #CCC;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:0 10px;
	margin:0;
	width:710px;
	background:url(/images/back_detail_main.jpg) repeat-x;
}

#main_contents.detail .detail_main.data{
	border-bottom:solid 1px #CCC;
	padding-bottom:10px;
}

#main_contents.detail .detail_main .left{
	float:left;
	margin-right:10px;
	width:162px;
}

#main_contents.detail .detail_main .left img.company_image{
	border:solid 1px #DDD;
}

#main_contents.detail .detail_main table{
	width:535px;
	/*border-top:dotted 1px #DDD;*/
}

#main_contents.detail .detail_main table.data{
	width:100%;
}

#main_contents.detail .detail_main table th,
#main_contents.detail .detail_main table td{
	line-height:1.3;
	padding:5px;
	border-top:dotted 1px #DDD;
}

#main_contents.detail .detail_main table td.company_info span{
	margin:0.2em 0;
	display:block;
}

#main_contents.detail .detail_main table td a {text-decoration: underline; outline:0;}
#main_contents.detail .detail_main table td a:link {color:#333;outline:0;}
#main_contents.detail .detail_main table td a:visited {color: #333; outline:0;}
#main_contents.detail .detail_main table td a:active {color: #333; outline:0;}
#main_contents.detail .detail_main table td a:hover {
  color: #666;
  text-decoration:none;
  outline:0;
}

#main_contents.detail .detail_main table th{
	white-space:nowrap;
	color:#777;
	padding:3px 10px 3px 0;
	font-size:85%;
}

#main_contents.detail .detail_mainHeader{
	width:100%;
	margin-bottom:15px;
	border-bottom:solid 3px #e6311e;
}

#main_contents.detail .detail_main h1{
	font-size:150%;
	margin:20px 0 5px 0;
	padding-bottom:8px;
	float:left;
}

#main_contents.detail .detail_main h1 span.company{
	 font-size:60%;
	 margin-top:0.5em;
	 display:block;
}

#main_contents.detail .detail_main .socialBox{
	margin-top:20px;
	text-align:right;
}
#main_contents.detail .detail_main .socialBox .twitter-share-button{
	margin-right:7px;
}

#main_contents.detail ul.detail_menu{
	background:url(/images/detail_back_menu.jpg) repeat-x;
	height:31px;
	border:solid 1px #CCC;
	width:100%;
	margin-bottom:20px;
	clear:both;
	list-style:none;
}

#main_contents.detail ul.detail_menu li{
	float:left;
	padding: 0 20px;
	text-align:center;
	border-right:solid 1px #666;
	height:31px;
}

#main_contents.detail ul.detail_menu li:last-child{
	border-right:none;
}

#main_contents.detail h2{
	margin-bottom:15px;
}

#main_contents.detail p.catch{
	margin:1em 0;
	font-size:120%;
	color:#e6311e;
	font-weight:bold;
}

#main_contents.detail h3{
	font-size:110%;
	margin:1em 0 0.5em 0;
	padding-left:20px;
	background:url(/images/icon/bullet_red.png) no-repeat center left;
}

#main_contents.detail p.image{
	text-align:center;
	margin:1em 0;
}

#main_contents.detail .content dl.request dt {
	display:block;
	clear:both;
}
#main_contents.detail .content dl.request dd {
	float:none;
	display:block;
	margin-left:4em;
}



/**
 * inquiry
 */
h1.inquiry{
	margin-bottom:15px;
}

.box_form p.example{
	padding:5px;
	margin:0 0 10px 0;
	background-color:#DDD;
}


#sub_contents_form h3{
	 font-size:105%;
	 margin:0 0 0.8em 0;
	 line-height:1;
	 clear:both
 }

#sub_contents_form h3.red{
	  color:#e6311e;
  }

/**
 * Index
 */
.index h2{
	 margin-bottom:15px;
 }

.index ul.list_index{
	 width:730px;
 }

.index ul.list_index li{
	 clear:both;
	 margin-bottom:10px;
	 padding-bottom:10px;
	 border-bottom:dotted 1px #DDD;
	 height:90px;
	 list-style:none;
 }

.index ul.list_index li div {
 width:482px;
 float:left;
}
.index ul.list_index li.purposes {
 height:auto;
 min-height:1em;
}


#main_contents.index ul.list_index li.security{
	background:url(/images/btn_cate_security.gif) no-repeat;
}

#main_contents.index ul.list_index li.network{
	background:url(/images/btn_cate_network.gif) no-repeat;
}

#main_contents.index ul.list_index li.communication{
	background:url(/images/btn_cate_communication.gif) no-repeat;
}

#main_contents.index ul.list_index li.server{
	background:url(/images/btn_cate_server.gif) no-repeat;
}

#main_contents.index ul.list_index li.system{
	background:url(/images/btn_cate_system.gif) no-repeat;
}

#main_contents.index ul.list_index li.accounting{
	background:url(/images/btn_cate_accounting.gif) no-repeat;
}

#main_contents.index ul.list_index li.marketing{
	background:url(/images/btn_cate_marketing.gif) no-repeat;
}

#main_contents.index ul.list_index li.tool{
	background:url(/images/btn_cate_tool.gif) no-repeat;
}

#main_contents.index ul.list_index li.mail{
	background:url(/images/btn_cate_mail.gif) no-repeat;
}

#main_contents.index ul.list_index li.info{
	background:url(/images/btn_cate_info.gif) no-repeat;
}

#main_contents.index ul.list_index li.other{
	background:url(/images/btn_cate_other.gif) no-repeat;
}

#main_contents.index ul.list_index li.security a.security,
#main_contents.index ul.list_index li.network a.network,
#main_contents.index ul.list_index li.communication a.communication,
#main_contents.index ul.list_index li.server a.server,
#main_contents.index ul.list_index li.system a.system,
#main_contents.index ul.list_index li.accounting a.accounting,
#main_contents.index ul.list_index li.marketing a.marketing,
#main_contents.index ul.list_index li.tool a.tool,
#main_contents.index ul.list_index li.other a.other,
#main_contents.index ul.list_index li.mail a.mail,
#main_contents.index ul.list_index li.info a.info,
#main_contents.index ul.list_index li.system a.core_system{
	float:left;
	display:block;
	width:133px;
	height:90px;
}

#main_contents.index ul.list_index li.security a.security:hover,
#main_contents.index ul.list_index li.network a.network:hover,
#main_contents.index ul.list_index li.communication a.communication:hover,
#main_contents.index ul.list_index li.server a.server:hover,
#main_contents.index ul.list_index li.system a.system:hover,
#main_contents.index ul.list_index li.accounting a.accounting:hover,
#main_contents.index ul.list_index li.marketing a.marketing:hover,
#main_contents.index ul.list_index li.tool a.tool:hover,
#main_contents.index ul.list_index li.mail a.mail:hover,
#main_contents.index ul.list_index li.info a.info:hover{
  background-color:#FFF;
  /* IE */
  filter: alpha(opacity=0);
  /* Safari Opera */
  opacity:0.30;
  /* Firefox Netscape */
  -moz-opacity:0.30;
}

.index ul.list_index li ul{
	 width:587px;
	 margin-left:143px;
 }

 .index ul.list_index li p{
	 width:100%;
	 margin-left:0;
 }

#main_contents.index ul.list_index ul li{
	  clear:none;
	  display: inline;
	  line-height:1.5;
	  margin:0 1em 0 0;
	  border:none;
  }

#main_contents.index h3{
	margin: 0 0 10px 0;
	clear:both;
	padding:2px 2px 2px 20px;
	background:url(/images/icon/it-trend_2.png) no-repeat center left;
	line-height:18px;
}

#main_contents.index ul.list_index p{
	 margin:0;
 }

#main_contents.index.trend .box.popular,
#main_contents.index.trend .box.ranking{
	margin:0 5px 10px 5px;
	float:left;
	width:335px;
}

#main_contents.index.trend .box.recentry{
	clear:both;
	margin:0 5px;
}

/**
 * Static
 */
#main_contents.static .content ol,
#main_contents.static .content ul{
	margin:1em 0 1em 3em;
	line-height:1.5;
}

#main_contents.static .content p{
	margin:1em 0 1em 1.5em;
	line-height:1.5;
}

#main_contents.static ol .content li,
#main_contents.static ul .content li{
	margin:0.5em 0;
}

#main_contents.static h2{
	font-size:120%;
	line-height:1.4;
}

#main_contents.static ol.normal{
	margin:1em 0 1em 3em;
}

#main_contents.static ol.normal li{
	margin:0.5em 0;
}

#main_contents.static h3{
	font-size:100%;
	margin:1em 0;
	background:url(/images/h_back_line_1.gif) no-repeat;
	line-height:28px;
	padding:0 0 0 10px;
}

#main_contents.static dl.feature_1{
	font-size:110%;
	margin:0 0 -1.5em 1em;
}

#main_contents.static dl.feature_1.about{
	margin:0.5em  1em;
}

#main_contents.static dl.feature_1 dt{
	float:left;
	clear:both;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:0.8em;
	background-color:#EEE;
	padding:10px 15px;
	margin-right:10px;
	text-align:center;
}

#main_contents.static dl.feature_1 dd{
	margin-left:80px;
	line-height:1.6;
	margin-bottom:0.8em;
}

#main_contents.static dl.feature_1 dd strong{
	color:#e6311e;
}

#main_contents.static ul.feature_1{
	margin:10px 0 10px 30px;
}

#main_contents.static ul.feature_1 li{
	float:left;
	list-style:none;
	width:180px;
	margin:0 20px;
}

#main_contents.static ul.feature_1 h4{
	margin:0.5em 0;
}

#main_contents.static ul.feature_1 li p{
	font-size:85%;
	line-height:1.2;
}

#main_contents.static ul.list{
	margin:1em 0 2em 2em;
}

#main_contents.static ul.list li{
	line-height:1.5;
}

#main_contents.static dl.faq{
	line-height:1.5;
}

#main_contents.static dl.faq dt{
	margin-bottom:0.5em;
	font-weight:bold;
	font-size:120%;
}

#main_contents.static dl.faq dd{
	margin-bottom:1.5em;
}

#main_contents.static dl.faq dt span,
#main_contents.static dl.faq dd span{
	margin-right:0.5em;
	background-color:#C3E1E1;
	padding:3px 5px;
	font-weight:bold;
	font-size:80%;
	color: #FFF;
}

#main_contents.static dl.faq dd span.a{
	background-color:#F7BFCB;
}


/**
 * Footer
 */
#footer{
	margin-top:30px;
	clear:both;
	background-color:#EEE;
	padding:20px;
}

#footer .inner  h3{
	margin: 30px 0 5px 0;
	clear:both;
	padding:2px 2px 2px 15px;
	background:url(/images/icon/it-trend_3.png) no-repeat center left;
	font-size:85%;
}

#footer .inner ul.keyword{
	padding:10px;
	background-color:#F6F6F6;
	margin:0 0 0 0;
	line-height:1.4;
}

#footer .inner ul.keyword li{
	background:url(/images/icon/clip.png) no-repeat center left;
	padding-left:14px;
	font-size:80%;
	color:#777;
}

#footer .inner ul li{
	display:inline;
	margin-right:1em;
	font-size:85%;
}

#footer .inner ul li a {text-decoration: none; outline:0;}
#footer .inner ul li a:link {color:#333;outline:0;}
#footer .inner ul li a:visited {color: #333; outline:0;}
#footer .inner ul li a:active {color: #333; outline:0;}
#footer .inner ul li a:hover {
  color: #999;
  text-decoration:none;
  outline:0;
}

#footer .inner ul.keyword li a {text-decoration: underline; outline:0;}
#footer .inner ul.keyword li a:link {color:#333;outline:0;}
#footer .inner ul.keyword li a:visited {color: #333; outline:0;}
#footer .inner ul.keyword li a:active {color: #333; outline:0;}
#footer .inner ul.keyword li a:hover {
  color: #999;
  text-decoration:none;
  outline:0;
}

#footer .inner{
	width:950px;
	margin:0px auto;
}

#footer .inner p.copy{
	font-size:85%;
}

#footer .inner a.advertise{
	width:204px;
	height:37px;
	margin-right:-4px;
	float:right;
}

/**
 * icns
 */
.icon{
  vertical-align:middle;
  }

/**
 * clearfix
 */
.clearfix: after{
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

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

/**
 * ie7
 */
*: first-child+html .clearfix {
  display: inline-block;
}

/**
 * ie8
 */
html>/**/body .clearfix
{
  display: inline-block;
}


/**
 * pager
*/

ul.pager
{
  clear: both;
  text-align: center;
  padding-top: 1em;
  margin: 20px 0;
  padding: 0;
}

ul.pager li
{
  display: inline;
  margin: 0;
  padding: 0;
    font-size:85%;
}

ul.pager li.active
{
  padding: 0.5em;
  display: inline-block;
  color: #FFF;
  background-color: #000;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pager li a
{
  padding: 0.5em;
  display: inline-block;
  text-decoration: none;
  border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pager li a:hover,
ul.pager li a:active
{
  color: #FFF;
  background-color: #CCC;
}

ul.pager li.next,
ul.pager li.prev
{
  padding: 0.3em 0;
}


/**
 * topic_path
*/

#topic_path{
	font-size:85%;
	margin-bottom:15px;
}

#topic_path li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}

#topic_path li a {
	padding-right:10px;
	background:url(/images/topicpath.gif) no-repeat right center;
}


/**
 * icon
*/
p.attention{
	background:url(/images/icon/error.png) no-repeat center left;
	padding-left:18px;
	margin-top:0;
	font-size:120%;
}


/**
 * mypage,management
*/

h2.mngmt,
h2.mypage,
h2.news{
	margin-bottom:15px;
}

#main_contents.mypage h2,
#main_contents.management h2{
	margin-bottom:15px;
}

#main_contents.mypage h3,
#main_contents.management h3,
#main_contents.mail_mag h3,
#main_contents.news h3,
#compare_contents h3 {
	font-size:120%;
	margin:0.5em 0 10px 0;
	padding-bottom:0.5em;
	border-bottom:solid 2px #e6311e;
}

#main_contents.mypage h4,
#main_contents.management h4{
	margin:2em 0 10px 0;
	font-size:110%;
	/*padding-left:0.5em;
	border-left:solid 4px #666;
	color:#666;*/
}

#main_contents.mypage  p.btn_list img,
#main_contents.management  p.btn_list img{
	vertical-align:middle;
	margin-right:10px;
}

ul.mpg_navi,
ul.mngmt_navi{
	margin:1em 0;
	padding:0.5em 0;
	background-color:#EEE;
	/*border:solid 1px #CCC;*/
}

ul.mpg_navi li,
ul.mngmt_navi li{
	/*border-bottom:dotted 1px #CCC;*/
	list-style:inside;
	padding:8px 0 8px 10px;
}

ul.mpg_navi li:last-child,
ul.mpg_navi li:last-child{
	border:none;
}

/**
 * tnx
*/
#main_contents.tnx h2{
	font-size: 130%;
	margin:3em 0 2em 0;
	color: #FF2818;
}

#main_contents.tnx div.box{
	padding:2em;
	border:solid 1px #DDD;
	text-align:center;
}

#main_contents.static dl.about dd {
float:none;
margin-left:80px;
}

/**
 * jirei
*/
.caseTitle{
        background: url(/images/jirei/jirei_h2_01.jpg) no-repeat top left;
        height: 33px;
        width: 730px;
        text-indent: -9999px;
        margin-bottom: 10px;;
}
.caseCorporeate {
}
.caseBox1 {
        margin:10px 15px 20px;
}
.caseBox1 p{
        margin-top:0.5em;
}
#casestudy_pic {
    background-color: #333333;
    color: #FFFFFF;
    float: right;
    margin: 0 0 10px 10px;
    padding: 10px;
    text-align: center;
    line-height: 1.3em;
    width: 160px
}
#casestudy_pic img{
        margin-bottom:10px;
}
.caseOther {
        background: url(/images/jirei/jirei_h2_02.jpg) no-repeat top left;
        height: 33px;
        width: 730px;
        text-indent: -9999px;
        margin-bottom: 10px;;
}
.caseBox2 {
        margin:10px 10px 20px;
        line-height:1.5em;
}
.caseBox3 {
        margin:10px 15px 20px;
}
.caseContact {
        background: url(/images/jirei/jirei_h2_03.jpg) no-repeat top left;
        height: 33px;
        width: 730px;
        text-indent: -9999px;
        margin-bottom: 10px;;
}

/* recommend */
#sub_contents_form h3.recommende_title {
	height:30px;
	background:url(/images/recommende_title.png) no-repeat center top;
	text-indent:-9999px;
	margin:0;
}

table.list.notice td.main_recommende {
	width:100% !important;
	border-left:solid 1px #C6C6C6 !important;
	border-right:solid 1px #c6c6c6 !important;
	border-top:solid 2px #C6C6C6 !important;
	border-bottom:solid 1px #C6C6C6 !important;
	background:url(/images/back_grade_03.jpg) repeat-x #f9f9f9 !important;
}

table.list.notice div.sub_recommende {
	margin-left:62px;
}

table.list.notice div.sub_recommende dl {
	float:left;
	margin:5px 0;
}

table.list.notice div.sub_recommende dt {
	background-color: #E0E0E0;
	color: #666666;
	float: left;
	font-size: 100%;
	margin: 0 5px 0 0;
	padding:2px 5px;
	text-align: center;
}

table.list.notice div.sub_recommende dd {
	float: left;
	font-size: 100%;
	margin:0;
	padding:2px 5px;
	white-space:nowrap;
}

table.list.notice div.sub_recommende p.btn {
	float: right;
	margin: 0 0 5px;
}

/* for simpletip */
.tooltip {
	border:none;
	background-color:transparent;
	width: 374px;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	color: #000000;
	font-family: Sans-Serif;
	line-height: 18px;
	text-align: left;
	display: none;
}

.tooltip_top {
	height:10px;
	background:url(/images/tooltip_top2.png) no-repeat left top;
}

.tooltip_con {
      padding:0 10px 0 34px;
      background:url(/images/tooltip_con2.png) no-repeat center center;
      min-height:1em;/*ie7バグ対応用*/
}

.tooltip_title {
	padding:0 1em;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:2;
	background:url(/images/tooltip_stripe.png) repeat #333333;
	border:solid 1px #333333;
}
.tooltip_icon {
	margin:10px 0 0;
	border-right:dotted 1px #333333;
	width:90px;
	float:left;
}
.tooltip_icon img{
	margin:5px !important;
	width:80px !important;
	float:none !important;
	border:none !important;
}
.tooltip_outline {
	width:239px;
	float:right;
}
.tooltip_outline p{
	padding:10px;
	font-size:12px;
	line-height:1.4;
}
.tooltip_bottom {
	clear:both;
	height:12px;
	background:url(/images/tooltip_bottom2.png) no-repeat left top;
}

.tell {
 float:right;
 width:190px;
 margin:1em 3em 1em;
}

/**
 * その他おすすめ製品（2011年10月07日）
*/
table.form tr.recommend_02 {
	background:#fffff5;
}
.recommend_boxL {
	float:left;
	width:309px;
}
.recommend_boxL h2{
	margin:5px 0;
}
.recommend_boxL h2 a{
	color: #0072a2;
  	text-decoration:none;
  	font-weight:normal;
}
.recommend_boxR {
	float:right;
	width:110px;
}
.recommend_boxR p.btn{
	margin:5px 0;
}

.SearchTitle{
	clear: both;
	float: left;
	line-height: 20px;
}




/**
 * 製品を探す（2012年08月30日リニューアル）
 
*/
.index .column {
  border-color: #ddd;
  border-style: dotted;
  border-width: 0 0 1px;
  height: auto;
  margin: 0 0 15px;
  padding: 0 0 15px;
	width: 100%;
}

.index ul.column:after,
.index ul.column li ul:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.index .column li {
	float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 355px;
}

.index .column li:first-child {
  margin: 0 20px 0 0;
}

.index .column li ul,
.index .column li:first-child ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.index .column li ul li,
.index .column li:first-child ul li {
	list-style: none;
  margin: 0;
  padding: 0;
  width: 212px;
}

.index .column li ul li.production,
.index .column li ul li.inventory-purchase,
.index .column li ul li.customer-management,
.index .column li ul li.account,
.index .column li ul li.operations-management,
.index .column li ul li.mail,
.index .column li ul li.hardware-infrastructure,
.index .column li ul li.cloud-computing,
.index .column li ul li.virtualization,
.index .column li ul li.security,
.index .column li ul li.web,
.index .column li ul li.monitoring,
.index .column li ul li.business-process,

.index .column li:first-child ul li.core_system,
.index .column li:first-child ul li.sales,
.index .column li:first-child ul li.logistics-warehouse,
.index .column li:first-child ul li.hr,
.index .column li:first-child ul li.information,
.index .column li:first-child ul li.business-intelligence,
.index .column li:first-child ul li.network,
.index .column li:first-child ul li.communications-infrastructure,
.index .column li:first-child ul li.data-center-server,
.index .column li:first-child ul li.network-security,
.index .column li:first-child ul li.authentication,
.index .column li:first-child ul li.data-management,
.index .column li:first-child ul li.development-tool,
.index .column li:first-child ul li.other {
  margin: 0 10px 0 0;
	min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.production a,
.index .column li ul li.inventory-purchase a,
.index .column li ul li.customer-management a,
.index .column li ul li.account a,
.index .column li ul li.operations-management a,
.index .column li ul li.mail a,
.index .column li ul li.hardware-infrastructure a,
.index .column li ul li.cloud-computing a,
.index .column li ul li.virtualization a,
.index .column li ul li.security a,
.index .column li ul li.web a,
.index .column li ul li.monitoring a,
.index .column li ul li.business-process a,

.index .column li:first-child ul li.core_system a,
.index .column li:first-child ul li.sales a,
.index .column li:first-child ul li.logistics-warehouse a,
.index .column li:first-child ul li.hr a,
.index .column li:first-child ul li.information a,
.index .column li:first-child ul li.business-intelligence a,
.index .column li:first-child ul li.network a,
.index .column li:first-child ul li.communications-infrastructure a,
.index .column li:first-child ul li.data_center_server a,
.index .column li:first-child ul li.network-security a,
.index .column li:first-child ul li.authentication a,
.index .column li:first-child ul li.data-management a,
.index .column li:first-child ul li.development_tool a,
.index .column li:first-child ul li.other a {
  display: block;
  height: 90px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

.index .column li ul li .word,
.index .column li:first-child ul li .word {
  background: none;
  margin: 0;
  min-height: 90px;
  padding: 0;
	width: 212px;
}

.index .column li ul li .word li,
.index .column li:first-child ul li .word li {
  font: 100%/140%;
  display: inline;
  height: 17px;
	list-style: none;
  margin: 0 12px 0 0;
  padding: 1px 0;
  white-space: nowrap;
  width: auto;
}

.index .column li ul li .word li a,
.index .column li:first-child ul li .word li a {
	display: block;
  padding: 1px 0;
}

.index .column li ul li .word li a:hover,
.index .column li:first-child ul li .word li a:hover {
}


/* Left - column */
.index .column li:first-child ul li.core_system {
  background: url(/images/btn_cate_core_system.png) no-repeat 0 0;
  float: left;
  display: inline-block;
  margin: 0 10px 0 0;
  height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.sales {
  background: #efefef url(/images/btn_cate_sales.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.logistics-warehouse {
  background: #efefef url(/images/btn_cate_logistics-warehouse.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.hr {
  background: #efefef url(/images/btn_cate_hr.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.information {
  background: #efefef url(/images/btn_cate_information.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.business-intelligence {
  background: #efefef url(/images/btn_cate_business-intelligence.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.network {
  background: #efefef url(/images/btn_cate_network.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.communications-infrastructure {
  background: #efefef url(/images/btn_cate_communications-infrastructure.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.data_center_server {
  background: #efefef url(/images/btn_cate_data_center_server.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.network-security {
  background: #efefef url(/images/btn_cate_network-security.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.authentication {
  background: #efefef url(/images/btn_cate_authentication.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.data-management {
  background: #efefef url(/images/btn_cate_data-management.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.development_tool {
  background: #efefef url(/images/btn_cate_development_tool.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li:first-child ul li.other {
  background: #efefef url(/images/btn_cate_other.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}


/* Right - column */
.index .column li ul li.production {
  background: #efefef url(/images/btn_cate_production.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.inventory-purchase {
  background: #efefef url(/images/btn_cate_inventory-purchase.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.customer-management {
  background: #efefef url(/images/btn_cate_customer-management.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.account {
  background: #efefef url(/images/btn_cate_account.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.operations-management {
  background: #efefef url(/images/btn_cate_operations-management.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.mail {
  background: #efefef url(/images/btn_cate_mail.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.hardware-infrastructure {
  background: #efefef url(/images/btn_cate_hardware-infrastructure.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.cloud-computing {
  background: #efefef url(/images/btn_cate_cloud-computing.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.virtualization {
  background: #efefef url(/images/btn_cate_virtualization.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.security {
  background: #efefef url(/images/btn_cate_security.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.web {
  background: #efefef url(/images/btn_cate_web.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.monitoring {
  background: #efefef url(/images/btn_cate_monitoring.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.business-process {
  background: #efefef url(/images/btn_cate_business-process.png) no-repeat 0 0;
  display: inline-block;
  margin: 0 10px 0 0;
  min-height: 90px;
  padding: 0;
  width: 133px;
}

.index .column li ul li.production a:hover,
.index .column li ul li.inventory-purchase a:hover,
.index .column li ul li.customer-management a:hover,
.index .column li ul li.account a:hover,
.index .column li ul li.operations-management a:hover,
.index .column li ul li.mail a:hover,
.index .column li ul li.hardware-infrastructure a:hover,
.index .column li ul li.cloud-computing a:hover,
.index .column li ul li.virtualization a:hover,
.index .column li ul li.security a:hover,
.index .column li ul li.web a:hover,
.index .column li ul li.monitoring a:hover,
.index .column li ul li.business-process a:hover,

.index .column li:first-child ul li.core_system a:hover,
.index .column li:first-child ul li.sales a:hover,
.index .column li:first-child ul li.logistics-warehouse a:hover,
.index .column li:first-child ul li.hr a:hover,
.index .column li:first-child ul li.information a:hover,
.index .column li:first-child ul li.business-intelligence a:hover,
.index .column li:first-child ul li.network a:hover,
.index .column li:first-child ul li.communications-infrastructure a:hover,
.index .column li:first-child ul li.data_center_server a:hover,
.index .column li:first-child ul li.network-security a:hover,
.index .column li:first-child ul li.authentication a:hover,
.index .column li:first-child ul li.data-management a:hover,
.index .column li:first-child ul li.development_tool a:hover,
.index .column li:first-child ul li.other a:hover {
  display: block;	background-color: #fff;
	opacity: 0.3;
}



/**
 * 絞り込み検索（2012年09月27日追加）
 
*/
.refine {
}

.refine h2 {
	background: url(/images/h2_refine.gif) no-repeat 0 0;
  clear: both;
  height: 40px;
  line-height: 33px;
  min-height: 1em;
  text-indent: -9999px;
}

.refine .article {
  border: #ddd solid 2px;
  height: ;
  margin: 0;
  padding: 0 20px;
	width: 686px; 
}

.refine .article ul {
	margin: 0;
  padding: 0; 
}


.refine .article ul li {
  border-color: #ccc;
  border-style: dotted;
  border-width: 1px 0 0;
	list-style: none;
  margin: 0;
  padding: 20px 0 15px;
  text-align: center;
}

.refine .article ul li:first-child {
	border-style: none;
  padding: 20px 0 0; 
}

/* Form - style */
.refine .article ul li table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 10px;
  width: auto;
}

.refine .article ul li table th {
	font: bold 13px/20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 10px 0 0; 
}

.refine .article ul li table td {
	padding: 1px;
}

.refine .article ul li table td select {
  border: #abadb3 solid 1px;
	margin: 0 30px 0 0;
  padding: 1px 1px 1px 3px;
  width: 210px;  
}

.refine .article ul li table td ul.detail {
  height: auto;
  padding: 0;
}

.refine .article ul li table td ul.detail li {
  border-style: none;
  float: left;
  font: 12px/100% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  list-style: none;
  margin: 0 5px 0 20px;
  padding: 0;
  position: relative;
  white-space: nowrap
}

.refine .article ul li table td ul.detail li:first-child {
  margin: 0 5px 0 0;
}

.refine .article ul li table td ul.detail li input[type=checkbox] {
	margin: -1px 5px 0 0; 
}

.refine .article ul li table td ul.detail li label {
	cursor: pointer;
}


/* Button - style */
.refine .article ul li .btn {
  height: 33px;
  margin: 0 auto;
	width: 220px;
}

.refine .article ul li .btn a img:hover {
	opacity: 0.7;
}




/* CSS end */