@charset "UTF-8";

/*===============================
TOPページ
===============================*/

div.case_top_area{
  width: 700px;
  margin: 25px auto;
}
div.case_top_area a:hover {
  text-decoration: underline;
}

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

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

div.case_top_area div.top_left{
	width:330px;
	float:left;
}

div.case_top_area div.top_right{
	width:330px;
	float:right;
}

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

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

div.case_top_area div.top_bt_box p.top_bt,div.case_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.case_top_area p.case_category {
  margin-top: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #ef1212;
  text-decoration: underline;
}

div.case_top_area div.case_right {
  float: right;
  width: 93px;
  margin-left: 10px;
}



/*===============================
導入事例
===============================*/
div#base div.base_left div.outline_box{
	margin-bottom:25px;
}

div#base div.base_left div.outline_box table{
	border-collapse: collapse;
	margin-top: 5px;
	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 div.base_left div.img_box{
  margin: 20px 0 40px 0;
  text-align: center;
}


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

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

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

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

div#base div.base_left p.case_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.case_txt02{
	color:#006699;
	font-size:130%;
	font-weight: bold;
	margin: 25px 0 10px 0;
}
div#base div.base_left p.case_txt03{
	color:#006699;
	font-size:120%;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

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

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

.fl_box {
  border: 1px #006699 solid;
  margin: 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;
}

.case_ttl {
  background:url(../common_image/icon06.png) no-repeat 5px center;
  background-color: #efece1;
/*  width: 315px;
  color: #407ab2;*/
  font-size: 1.2em;
  margin-bottom: 8px;
  padding: 4px 0 4px 20px;
  border-bottom: 1px solid #c9be98;
}
.case_ttl_s {
  font-weight: bold;
}
.case_kdi {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted #006699;
}
.case_dny {
  color: #f86427;
}

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

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

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

div.base_left_cnt div.cnt_box div.cnt_box_s02{
	margin-bottom:30px;
}
div.base_left_cnt div.cnt_box p{
	margin-bottom: 1em;
}

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;
	color:#006699;
	font-weight: bold;
}

div.base_left_cnt div.cnt_box p.cnt_ttl_m02{
	background-color:#E6EFF6;
	padding:2px 10px;
	margin-bottom:15px;
	color:#006699;
}

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 p.cnt_img01{
	margin:20px 0px;
}

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;
}


div.case_cacth {
  float: left;
  width: 200px;
  margin-left: 10px;
}
div.case_caption {
  margin-left: 225px;
  font-size: 14px;
  padding: 0 15px 0 0;
}

div.case_caption p.case_point {
  color: #ee0000;
  font-weight:bold;
}

div#base div.base_left p.ttl_cname {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

div#base div.base_left p.case_ttl_m {
  padding: 2px 8px;
  margin-bottom: 8px;
  color: #006699;
  font-weight: bold;
}

/* 課題の表 */
table.case_table_qst {
  margin: 20px 6px 0 6px;
  border-spacing: 5px 10px;
  empty-cells: hide;
}

table.case_table_qst td {
  border-width: 3px;
  border-style: solid;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 4px;
  vertical-align: middle;
}
table.case_table_qst td.qstn {
  border-color: #7878de;
}
table.case_table_qst td.sltn {
  border-color: #009973;
}
table.case_table_qst td.arr {
  border: 0;
  vertical-align: middle;
}

table.case_table_qst th {
  border-width: 3px;
  border-style: solid;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 4px;
  color: #ffffff;
}
table.case_table_qst th.qstn {
  border-color: #7878de;
  background-color: #7878de;
}
table.case_table_qst th.sltn {
  border-color: #009973;
  background-color: #009973;
}

div.base_left_cnt div.cnt_box ol {
  margin-left: 20px;
}
div.base_left_cnt div.cnt_box ol li {
  list-style-type: decimal;
}

p.case_fb {
  background: url(../case/image/fb.png) no-repeat;
  margin: 30px 10px 30px 10px;
  padding-left:22px;
  font-size: 18px;
  color: #ee0000;
}

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


/* 共通 */
div.case_navi {
  border: 3px solid pink;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 10px;
  padding: 10px;
  position: relative;
  behavior: url(../js/PIE.htc);
}
div.case_navi p.case_navi_ttl {
  font-size: 14px;
  font-weight: bold;
  color: #fe0022;
}
div.case_navi div.case_navi_cnt {
  padding: 0 10px 10px 10px;
}
div.case_navi div.case_navi_cnt p.case_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.case_navi div.case_navi_cnt div.case_navi_ch {
  float: right;
  margin-left: 30px;
  width: 90px
}

/* 目次的なもの */
div.nav {
  width: 100%; /* ナビゲーションの幅 */
  background-color: #f9f9f9; /* ナビゲーションの背景色 */
  border-top: 1px #cccccc solid; /* 上境界線 */
  border-bottom: 1px #cccccc solid; /* 下境界線 */
  font-size: 90%;
  margin: 30px 0;
}
div.nav ul.nl {
  width: 520px; /* メニューの幅 */
  margin: 0 auto; /* センターに配置 */
  padding: 0;
  background-color: #ffffff; /* メニューの背景色 */
  border-right: 1px #cccccc solid; /* メニューの右境界線 */
  list-style-type: none;
  text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
  width: 25%; /* 項目の幅 */
  float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
  display: block;
  position: relative; /* IE6用 */
  padding: 4px 2px; /* リンクエリアのパディング（上下、左右） */
  border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
  background-color: #f0f9ff; /* ポイント時の背景色 */
}

/* --- clearfix --- */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearFix {
  min-height: 1px;
}