/* ――――――――――▼統一▼―――――――――― */
body{
  font-family:"ＭＳ Ｐゴシック" sans-serif;
}

img{
  border: 0px;
  font-size: 0px;
  line-height: 0;
}

/* ――――――――――▼midasi▼―――――――――― */
.midasi{
  width: 238px;
  margin-left: 7px;
  margin-bottom: 12px;
  background-image: url("/images/midasi_bg.jpg");
  background-repeat: repeat-y;
  background-position: left top;
  float: left;
  display: inline;
  font-size: 0;
}

#midasi_f{
  margin-left: 2px;
}


.midasi_c{
  width: 216px;
  margin: 11px auto 0;
}

.midasi_c p{
  margin: 16px 0px;
  padding: 0px 5px;
  font-size: small;
  color: #666;
}

.midasi ul{
  margin: 0;
  padding: 0;
}

.midasi ul li{
  height: 16px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline; 
}
/* ――――――――――▲midasi▲―――――――――― */


/* ――――――――――▼migi▼―――――――――― */
#migi{
  width: 505px;
  margin-left: 12px;
  margin-bottom: 10px;
  padding-left: 12px;
  border: 1px #ccc;
  border-style: none none none solid;
  float: left;
  display: inline;
  font-size: small;
}

#cate01_hidari{
  width: 240px;
  margin: 17px 0 0 10px;
  float: left;
  display: inline;
}

#cate01_hidari ul{
  margin: 0;
  padding: 0;
}

#cate01_hidari li{
  padding: 0 0 8px 11px;
  background-image: url("/images/cate09.gif");
  background-position: 0px 2px;
  background-repeat: no-repeat;
  list-style-type: none;
  font-size: 90%;
}

#cate01_migi{
  width: 233px;
  margin-top: 17px;
  padding: 10px;
  border: 1px #009899 solid;
  text-align: right;
  float: left;
  display: inline;
}

#cate01_migi p{
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
}

#cate02{
  margin: 18px 0 30px;
}

#cate_contents{
  margin: 30px 0 0 10px;
}


#cate_mi01_hidari{
  width: 300px;
  float: left;
  display: inline;
}

#cate_mi01_migi{
  width: 50px;
  float: right;
  margin-right: 10px;
  display: inline;
}

.cate_mi{
  width: 493px;
  margin-bottom: 14px;
  padding: 9px 0 9px 2px;
  background-color: #ebf8f8;
  border: 1px #23aeb2;
  border-style: none none solid;
}

.cate_list_l{
  width: 249px;
  float: left;
  display: inline;
}

.cate_list_r{
  width: 245px;
  margin-bottom: 12px;
  float: left;
  display: inline;
  border: 1px #999;
  border-style: none none none solid;
}

.cate_text{
  width: 165px;
  margin-left: 5px;
  margin-bottom: 10px;
  float: left;
  display: inline;
  font-size: x-small;
}

.cate_text ul{
  margin: 0;
  padding: 0;
}

.cate_text ul li{
  margin: 0 0 12px;
  padding: 0 0 0 13px;
  background-image: url("/images/yazi2.gif");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.cate_migi{
  width: 46px;
  float: left;
  display: inline;
}

/* ――――――――――▲migi▲―――――――――― */

/* ――――――――――▼index_naka▼―――――――――― */
//#index_naka{
//  width: 347px;
// margin: 0px 10px 0px 7px;
//  float: left;
//  display: inline;
//}


#index_naka{
	padding: 0px 0px 60px 13px;
	width: 340px;
	float:left;
	display: inline;
	min-height: 700px;
}
/* hide from Mac IE \*/
* html #index_naka{
  height: 700px;
}
/* */ 

.head{
  width: 340px;
  height: 24px;
  background-color: #b3d5f6;
  margin-bottom: 10px;
}

.head_u{
  margin-top: 16px;
}


.head_l{
  width: 90px;
  height: 24px;
  float: left;
  display: inline;
}

.head_r{
  width: 31px
  height: 16px;
  margin-top: 3px;
  margin-right: 2px;
  float: right;
  display: inline;
}
.news_l{
  margin-bottom: 0.5em;
  width: 73px;
  float: left;
  display: inline;
  color: #000;
  font-size: 13px;
  overflow: hidden;
}
.news_r{
  margin-bottom: 0.5em;
  width: 263px;
  float: left;
  display: inline;
  font-size: small;
}

.news_category{
	background-color: #f0f8ff;
}

.news_line{
  width: 336px;
  height: 0px;
  font-size: 0px;
  margin: 0 0 7px;
  padding-top: 0;
  border: 1px #818181;
  border-style: none none dashed;
}

/* ――――――――――▲index_naka▲―――――――――― */

/* ――――――――――▼index_migi▼―――――――――― */
//#index_migi{
//  width: 186px;
//  min-height: 720px;
//  background-color: #ffffff;
//  float: left;
//  display: inline;
//}

#index_migi{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 186px;
    background-color: #ffffff;
    float:right;
	display: inline;
}


/* hide from Mac IE \*/
* html #index_migi {
  height: 720px;
}
/* */ 

#cart{
  width: 174px;
  margin-bottom: 13px;
  padding: 4px 0 8px;
  border: 1px solid #b3b3b3;
  font-size: 12px;
  background-color: #fff;
}

#cart h2{
  font-size: medium;
  font-weight: bold;
  display: inline;
  margin: 0 35px 0 60px;
}

.cart_line{
  width: 160px;
  height: 0px;
  margin: 8px auto 12px;
  border: 1px #818181;
  border-style: none none dashed;
}

#cart_line_t{
  margin: 4px auto 15px;
}

#cart_hidari1,
#cart_hidari2{
  width: 100px;
  margin-left: 17px;
  float: left;
  display: inline;
}

#cart_migi1,
#cart_migi2{
  width: 30px;
  float: left;
  display: inline;
  text-align: right;
  color: #1616c7;
}

#cart_hidari3{
  width: 60px;
  margin-left: 17px;
  float: left;
  display: inline;
}

#cart_migi3{
  width: 70px;
  float: left;
  display: inline;
  text-align: right;
  color: #1616c7;
}

#cart_btn{
  width: 87px;
  margin-left: 80px;
}

#migi_bn img{
  display: block;
  margin-bottom: 14px;
}

/* ――――――――――▲index_migi▲―――――――――― */


/* Topics 更新(101221) ---- */

#top_topics {
	margin: 0 auto;
	width: 727px;
}
#top_topics #top_campaign{
	float: left;
	width: 465px;
	height: 224px;
}
#top_topics #top_campaign a{
	float: left;
	width: 465px;
	height: 224px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url(../images/top_campaign.jpg) 0 0 no-repeat;
}

/* Topics 地震告知(110315） ---- */

#top_topics #top_emergency{
	float: left;
	width: 465px;
	height: 224px;
}
#top_topics #top_emergency a{
	float: left;
	width: 465px;
	height: 224px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url(../images/top_emergency.jpg) 0 0 no-repeat;
}

#top_topics #top_rightContent{
	float: right;
	width: 257px;
}
#top_topics #top_rightContent #top_training{
	margin-bottom: 5px;
	width: 257px;
	height: 119px;
	text-indent: -9999px;
	position: relative;
	background: url(../images/top_training.jpg) 0 0 no-repeat;
}
#top_topics #top_rightContent #top_training a#t_index{
	width: 257px;
	height: 87px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
}
#top_topics #top_rightContent #top_training a#t_selection{
	width: 257px;
	height: 33px;
	top: 87px;
	left: 0;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
}



/* Topics 更新(110216) ---- */

#top_topics #top_rightContent{
	float: right;
	width: 257px;
}
#top_topics #top_rightContent #top_training{
	margin-bottom: 5px;
	width: 257px;
	height: 119px;
	text-indent: -9999px;
	position: relative;
}
#top_topics #top_rightContent #top_training a#t_index{
	width: 257px;
	height: 58px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	background: url(../images/top/top_training_new.jpg) 0 0 no-repeat;
}
#top_topics #top_rightContent #top_training a#t_new_course{
	width: 257px;
	height: 25px;
	top: 58px;
	left: 0;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	background: url(../images/top/top_new_course.gif) 0 0 no-repeat;
}
#top_topics #top_rightContent #top_training a#t_recommend{
	width: 257px;
	height: 36px;
	top: 83px;
	left: 0;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	background: url(../images/top/top_recommend.jpg) 0 0 no-repeat;
}

/*  -------------------- */

/* Topics 更新(110530) ---- */

#top_topics #top_rightContent{
	float: right;
	width: 257px;
}
#top_topics #top_rightContent #top_training{
	margin-bottom: 0;
	padding-bottom: 5px;
	width: 257px;
	height: 119px;
	background: none;
}
#top_topics #top_rightContent #top_training #top_training_main a{
	width: 257px;
	height: 39px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background:url("../images/top_training_main.jpg") no-repeat 0 0;
}
#top_topics #top_rightContent #top_training ul#training_list{
	margin: 0 auto;
	padding-top: 2px;
	width: 257px;
	height: 74px;
	background:url("../images/btn_bg.jpg") no-repeat 0 0;
}
#top_topics #top_rightContent #top_training ul#training_list li{
	margin: 0 auto 2px;
	width: 243px;
	height: 21px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#top_topics #top_rightContent #top_training ul#training_list li#l_new_course{
	background:url("../images/top_new_course.gif") no-repeat 0 0;
}
#top_topics #top_rightContent #top_training ul#training_list li#l_recommend{
	background:url("../images/top_recommend.jpg") no-repeat 0 0;
}
#top_topics #top_rightContent #top_training ul#training_list li#l_ranking{
	background:url("../images/top_ranking.jpg") no-repeat 0 0;
}

/*  -------------------- */


#top_topics #top_rightContent #top_training a:hover{ background: 0 -119px;}

#top_topics #top_rightContent ul{
	margin: 0;
	padding: 0;
	
}
#top_topics #top_rightContent ul li{
	margin-bottom: 2px;
	width: 257px;
	height: 32px;
	list-style-type: none;
}
#top_topics #top_rightContent ul li a{
	width: 257px;
	height: 32px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#top_topics #top_rightContent ul li#top_consulting a{ 
	background: url(../images/top_consulting.jpg) 0 0 no-repeat;
}
#top_topics #top_rightContent ul li#top_elearning a{ 
	background: url(../images/top_elearning.jpg) 0 0 no-repeat;
}
#top_topics #top_rightContent ul li#top_portal_and_cloud a{ 
	background: url(../images/top_portal_and_cloud.jpg) 0 0 no-repeat;
	margin-bottom: 0;
}

.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
*:first-child+html .clearfix { min-height: 1px; }

/*  -------------------- */

/* プレスリリース トップページ更新(110825) ---- */

#index_naka .newsTtl{
	margin-bottom: 16px;
	width: 340px;
	height: 26px;
}
#index_naka .newsTtlTop{
	margin-bottom: 10px;
	width: 340px;
	height: 26px;
}
#index_naka .newsTtlTop h2,
#index_naka .newsTtl h2{
	position: relative;
	width: 340px;
	height: 26px;
	text-indent: -9999px;
}
#index_naka .newsTtlTop h2.topicsRelease{ background: url(../images/head_topicsRelease.jpg)  0 0 no-repeat;}
#index_naka .newsTtlTop h2.campaign{ background: url(../images/head_campaign.jpg)  0 0 no-repeat;}
#index_naka .newsTtlTop h2.co_recommend{ background: url(../images/head_co_recommend.jpg) 0 0 no-repeat;}
#index_naka .newsTtlTop h2.portalInfo{ background: url(../images/head_portalInfo.jpg) 0 0 no-repeat;}

#index_naka .newsTtl h2.topicsRelease{ background: url(../images/head_topicsRelease.jpg)  0 0 no-repeat;}
#index_naka .newsTtl h2.campaign{ background: url(../images/head_campaign.jpg)  0 0 no-repeat;}
#index_naka .newsTtl h2.co_recommend{ background: url(../images/head_co_recommend.jpg) 0 0 no-repeat;}
#index_naka .newsTtl h2.portalInfo{ background: url(../images/head_portalInfo.jpg) 0 0 no-repeat;}

#index_naka .newsTtl h2 a,
#index_naka .newsTtlTop h2 a{
	display: block;
	position: absolute;
	top: 5px;
	left: 267px;
	width: 66px;
	height: 15px;
	overflow: hidden;
	
	text-indent: -9999px;
}

/*  ------------------------------ */

/* プレスリリース 一覧ページ更新(110825) ---- */

#main h1#releaseArea,
#main h1#articleArea{ margin-top: 3em;}

#main ul#list_localNavi{
	margin: 0 0 6px;
	padding: 0;
	width: 505px;
}
#main ul#list_localNavi{
	margin: 0 0 6px;
	width: 505px;
}
#main ul#list_localNavi li{
	margin: 0 6px 0 0;
	float: left;
	width: 101px;
	height: 22px;
}
#main ul#list_localNavi li a{
	margin: 0;
	float: left;
	display: block;
	overflow: hidden;
	width: 101px;
	height: 22px;
	text-indent: -9999px;
}
#main ul#list_localNavi li#topicsNavi a{ background: url(../images/btnList_topics.gif) 0 0 no-repeat;}
#main ul#list_localNavi li#releaseNavi a{ background: url(../images/btnList_release.gif) 0 0 no-repeat;}
#main ul#list_localNavi li#articleNavi a{ background: url(../images/btnList_article.gif) 0 0 no-repeat;}

/*  ------------------------------ */

/* フォーム クラス名 再設定(110906) ---- */

.inputMode_jpn{ime-mode: active;}
.inputMode_eng_num{ime-mode: inactive;}
.inputMode_eng_num_fix{ime-mode: disabled;}

/*  ------------------------------ */



/* トップページ宣伝エリア 更新 広告エリアが2つ分かれた場合(110908) ---- */

#top_topics #top_campaign_twoArea{
	float: left;
	width: 465px;
	height: 224px;
	position: relative;
	background: url(../images/top_campaign.jpg) 0 0 no-repeat;
}
#top_topics #top_campaign_twoArea a.leftArea{
	left: 0;
	top: 0;
	width: 232px;
	height: 224px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
}
#top_topics #top_campaign_twoArea a.rightArea{
	left: 232px;
	top: 0;
	width: 232px;
	height: 224px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
}