@charset "UTF-8";

/*===============================
TOPページ
===============================*/
div.trend_top_area{
	width:670px;
	margin:25px auto;
}

div.trend_top_area p.ttl_l_txt{
	padding-bottom:6px;
	margin: 20px 0 35px 0;
	font-size:1.5em;
	border-bottom: 1px #000000 dotted;
/*	color: #006699;
	color: #7f8ccc;*/
	color: #407ab2;
	font-weight: bold;
}

div.trend_top_area p.top_img{
	margin:30px 0px;
}

div.trend_top_area div.top_left{
	width:325px;
	float:left;
}

div.trend_top_area div.top_right{
	width:325px;
	float:right;
}

div.trend_top_area div.top_bt_box{
	margin-top:25px;
}

div.trend_top_area div.top_bt_box_top{
	margin-top:0px;
}

div.trend_top_area div.top_bt_box p.top_bt,div.trend_top_area div.top_bt_box_top p.top_bt{
	margin-bottom:5px;
}

p.caption-title {
  background:url(../trend/image/icon01.png) no-repeat left;
  margin-bottom: 6px;
  padding-left:15px;
  font-weight: bold;
  font-size: 14px;
}
p.caption-title a {
  text-decoration: none;
}

/*===============================
トレンド
===============================*/
div#base div.base_left div.outline_box {
	margin-bottom:25px;
}

div#base div.base_left div.outline_box table{
	margin-top:5px;
	border-collapse: collapse;
	width: 100%;
}

div#base div.base_left div.outline_box table tr.tr_bg{
	background-color:#F2F0E8;
}

div#base div.base_left div.outline_box table td{
	border: 1px solid #B5AA77;
	padding: 5px;
}

/* 追加 */
div#base div.base_left div.outline_box table td.td_item {
	width: 100px;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #B5AA77;
	background-color: #E6EFF6;
	vertical-align: middle;
}

div#base div.base_left div.outline_box table td.td_ttl01_top{
	width:100px;
	padding:3px 0px 3px 17px;
	font-weight:bold;
	border-top:1px solid #B5AA77;
}

div#base div.base_left div.outline_box table td.td_top{
	border-top:1px solid #B5AA77;
}

div#base div.base_left div.outline_box table td.td_ttl01{
	width:100px;
	padding:3px 0px 3px 17px;
	font-weight:bold;
}

div#base div.base_left div.outline_box p.company_txt01{
	color:#FD944E;
	font-size:80%;
	margin:6px 0px 0px 17px;
}

div#base div.base_left div.outline_box table td.td_ttl02{
	width:60px;
	padding:3px 0px 3px 17px;
	font-weight:bold;
}

div#base div.base_left div.outline_box table td.td_ttl02_top{
	width:60px;
	padding:3px 0px 3px 17px;
	font-weight:bold;
	border-top:1px solid #B5AA77;
}

div#base div.base_left div.outline_box table td.td_ttl03{
	width:30px;
	padding:3px 10px 3px 0px;
	text-align:right;
}

div#base div.base_left div.outline_box table td.td_ttl03_top{
	width:30px;
	padding:3px 10px 3px 0px;
	border-top:1px solid #B5AA77;
	text-align:right;
}

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

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

div.base_left_cnt div.cnt_box{
	margin: 0 0 30px 0;
	width: 520px;
}

div.base_left_cnt div.cnt_box div.cnt_box_s{
	margin-bottom:15px;
}

div.base_left_cnt div.cnt_box div.cnt_box_s_b{
  border: 3px solid #0077dd;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 25px 0 10px 0;
  padding: 8px 8px 0 8px;
  position: relative;
  behavior: url(../js/PIE.htc);
}

div.base_left_cnt div.img_box {
	margin: 20px auto;
	text-align: center;
}
div.base_left_cnt div.img_box1 {
	width: 156px;
	float: left;
	margin: 10px 0 10px 0;
	text-align: center;
}
div.base_left_cnt div.img_box2 {
	width: 60px;
	float: left;
	margin: 10px 0 10px 0;
	text-align: center;
}

div.base_left_cnt div.cnt_box p{
	margin-bottom: 1em;
}
div.base_left_cnt div.cnt_box p span {
	font-weight: bold;
}

div.base_left_cnt div.cnt_box p.cnt_ttl_l{
	background:url(../service/image/chapter_bg.jpg) no-repeat top;
	height:28px;
	width:489px;
	padding:6px 6px 0px 25px;
	margin-bottom:15px;
	color:#663300;
	font-weight:bold;
}

div.base_left_cnt div.cnt_box p.cnt_ttl_m{
	background-color:#E6EFF6;
	padding:2px 10px;
	margin-bottom:6px;
	font-weight:bold;
	color:#006699;
}
div.base_left_cnt div.cnt_box p.cnt_ttl_m1{
	background-color:#E6EFF6;
	padding: 8px 10px 2px 10px;
	margin-bottom:6px;
	font-weight:bold;
	color:#006699;
}
div.base_left_cnt div.cnt_box p.cnt_ttl_m span {
  color:#ff0000;
}
div.base_left_cnt div.cnt_box p.cnt_ttl_m1 span {
  font-size: 20px;
}
div.base_left_cnt div.cnt_box p.cnt_ttl_m1 span.tokutyou {
  color:#ff0000;
}

div.base_left_cnt div.cnt_box p.cnt_txt{
	width:500px;
	margin:0px auto;
}

div.base_left_cnt div.cnt_box div.cnt_txt{
	width:500px;
	margin:0px auto;
}

div.base_left_cnt div.cnt_box ul {
	margin-bottom: 1em;
}
div.base_left_cnt div.cnt_box ul li,
div.base_left div.outline_box table td ul li{
	background:url(../common_image/icon02.gif) no-repeat left 7px;
	padding-left:12px;
	padding-bottom: 3px;
}


div#base div.base_left div.trend_ttl01 {
	color: #4477ee;
	border-top: 1px dotted #000;
	padding-top: 1.5em;
	font-size: 1.2em;
}

div#base div.base_left div.trend_ttl02 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #4477ee;
	padding: 0.5em 0;
}

div#base div.base_left p.trend_txt01{
	color:#ff6600;
	font-size:120%;
	font-weight: bold;
	margin: 25px 0 20px 0;
	border-top: 4px #ff6600 double;
	border-bottom: 4px #ff6600 double;
	padding: 8px 0 8px 0;
}
div#base div.base_left p.trend_txt02{
	color:#006699;
	font-size:130%;
	font-weight: bold;
	margin: 25px 0 10px 0;
}
div#base div.base_left p.trend_txt03{
	color:#006699;
	font-size:120%;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

div#base div.base_left ul.trend_list_pr{
	margin-left: 30px;
}

div#base div.base_left li.trend_list{
	list-style-type: square;
}

/* yarai2000.html */
div.base_left_cnt div.r-box{
	margin: 0;
	border: 2px solid #ef8900;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	padding: 12px 12px 0 12px;
  position: relative;
  behavior: url(../js/PIE.htc);
}
div.base_left_cnt div.r-box p.ttl {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
}
div.base_left_cnt div.r-box span {
	font-weight: bold;
	color: #ff2222;
}

div.base_left div.b-box {
	margin-top: 20px;
	border: 2px #ffcc66 dotted;
	padding: 0 10px 10px 10px;
}
div.base_left div.b-box p.ttl {
	margin-top: 10px;
}
div.base_left div.b-box p.annotation {
	font-size: 11px;
}
div.base_left div.b-box div.annt {
	font-size: 11px;
}


/* USB thin client */

p.case_navi {
  border: 2px solid #ff0000;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
  background-color: #ffffff;
}

table.tbl_nb {
  border-collapse: collapse;
  border: solid 1px #006699;
  margin: 10px auto 0 auto;
  padding: 0;
  width: 500px;
}
table.tbl_nb th {
  margin: 0;
  padding: 2px;
  background-image: none;
  background-color: #EFFAFF;
  font-weight: normal;
  text-align: left;
  color: #006699;
}
table.tbl_nb td {
  padding: 6px;
}

.fl_box {
  border: solid 1px #006699;
  margin: 1em 0 1em 0;
}
.fl_box h4 {
  margin: 0;
  padding: 2px;
  color: #006699;
  font-weight: normal;
  background-image: none;
  background-color: #EFFAFF;
}
.fl_box div {
    margin: 0.5em 0.5em 1em 1em;
}

.trend_ttl {
	margin-bottom: 4px;
}

/* yarai 2000 */

div.down-arrow {
  margin-bottom: 30px;
  height: 68px;
  vertical-align: middle;
}
div.down-arrow div {
  width: 280px;
  float: left;
  margin-right: 28px;
  text-align: right;
}
div.down-arrow p {
  padding-top: 28px;
  color: #fe2222;
  font-weight: bold;
  font-size: 15px;
}
ins {
  color: #ff7700;
}

/* PIM */

div.ul_right {
  margin: 15px 0 0 180px;
}

p.cnt_txt_pim {
  margin-top: 20px;
  color: #0077dd;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

p.pim_ttl {
  color: #1080ef;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}


/* BCP */

div.bcp_box {
  position: relative;
  border: 2px solid #7878de;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 8px;
  margin-bottom: 8px;
  behavior: url(../js/PIE.htc);
}

div.bcp_box p.bcp_ttl {
  position: relative;
  padding: 4px 4px 4px 6px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #d9d9ff;
  font-weight: bold;
  behavior: url(../js/PIE.htc);
}

div.bcp_box p.bcp_txt {
  text-align: center;
  margin: 10px 0px 0px 0px;
}

div.bcp_box span {
  color: #ee0000;
}

div.bcp_box div {
  text-align: center;
}

div.down_arrow2 {
  margin-bottom: 10px;
  text-align: center;
}

div.ul_right_bcp {
  margin: 15px 0 0 70px;
}

p.bubble#b2 {
  float: right;
  margin: 0 20px 15px 0;
  border-bottom: 10px solid #ff0000;
  border-left: 10px solid transparent;
  -border-left-color: white;
}
p.bubble#b2 em.body {
  display: block;
  width: 105px;
  padding: 5px;
  margin: 0 0 -28px -3px;
  background: #de0000;
  border: 3px solid #ff0000;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  position: relative;
  behavior: url(../js/PIE.htc);
}
p.bubble_p {
  margin-top: 20px;
}


/* telework */

table.telework_table {
  border-collapse: collapse;
  width: 500px;
  margin: 15px auto;
}
table.telework_table th {
  border: 1px solid #606060;
  background-color: #8d8dd9;
/*  background-color: #2d2db9;*/
  padding: 4px;
  color: #ffffff;
}
table.telework_table td {
  border: 1px solid #606060;
  background-color: #ffffff;
/*  background-color: #cdcde6;*/
  padding: 4px;
  color: #000000;
  vertical-align: middle;
}
table.telework_table tr.el td {
  background-color: #dddddd;
/*  background-color: #e8e8f3;*/
}
table.telework_table td.rightcell {
  text-align: center;
  width: 40%;
}

p.tw_p {
  font-size: 14px;
  color: #ee0000;
  text-align: center;
}

p.tw_p2 {
  margin-top: 40px;
  font-size: 14px;
}
p.tw_p2 span {
  font-weight: bold;
  font-size: 16px;
}

div.flimage {
  float: left;
  width: 149px;
  margin: 5px 20px 20px 20px;
}
div.frimage {
  float: right;
  width: 149px;
  margin: 5px 50px 20px 20px;
}


div.sol_nav {
  border: 3px solid #3399ff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 30px auto;
  padding: 0px;
  width: 500px;
  position: relative;
  behavior: url(../js/PIE.htc);
}
div.sol_nav p.sol_nav_ttl {
  font-size: 12px;
  background-color: #3399ff;
  color: #fff;
  font-weight: bold;
  padding: 3px 6px;
}
div.sol_nav div.sol_nav_cnt {
  padding: 10px;
}

div.sol_nav div.sol_nav_cnt div.sol_nav_cnt_cap {
  float: left;
  margin-right: 30px;
}

div.sol_nav ul li {
  list-style-image: url(../case/image/tr.png);
  margin: 4px 0 0 15px;
}


div.trend_navi {
  border: 3px solid pink;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 20px auto;
  padding: 10px;
  width: 474px;
  position: relative;
  behavior: url(../js/PIE.htc);
}
div.trend_navi p.trend_navi_ttl {
  font-size: 14px;
  font-weight: bold;
  color: #fe0022;
}
div.trend_navi div.trend_navi_cnt {
  padding: 0 10px 10px 10px;
}
div.trend_navi div.trend_navi_cnt p.trend_navi_ttl1 {
  background: url(../case/image/tr.png) no-repeat;
  padding-left: 15px;
  margin: 15px 0 10px 0;
  font-weight: bold;
  line-height: 10px;
}
div.trend_navi div.trend_navi_cnt div.trend_navi_ch {
  float: right;
  margin-left: 30px;
  width: 90px
}

p.trend_fb {
  margin: 40px 0;
  text-align: center;
  font-size: 18px;
  color: #ee1010;
}