@charset "utf-8";
/**
 */
*{
  margin:0;
  padding:0;
}
ul,ol{list-style-type:none;}
a{text-decoration:none;}
#contents a:hover{text-decoration:underline;}
img{border:0;}
/**
 */
body{
  width:100%;
  font-size:10px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,'ＭＳ Ｐゴシック',sans-serif;
  text-align:center;
  letter-spacing:1px;
  overflow-x: hidden;
  background:#989898 url(NULL) fixed;
}
*html body{
  font-family:Verdana,'ＭＳ Ｐゴシック';
}
/**
 */
caption,th,td,input,textarea,select,ul,ol,dl,p{
  font-size:1.2em;
}
/**
 */
h1{
  width:744px;
  margin:0 auto;
  font-size:0.8em;
  height:16px;
  text-indent:-9999px;
  background:#f08404 url(../images/common/head_h1.gif) no-repeat right top;
}
h2{
  float:left;
  width:245px;
  height:55px;
  padding:9px 0 6px 15px;
  text-indent:-9999px;
}
h2 a{
  display:block;
  width:245px;
  height:55px;
  outline:0;
  background:url(../images/common/logo.gif) no-repeat left top;
}
h3{
  color:#333;
  font-size:1.6em;
  width:460px;
  margin:10px 0 20px 10px;
  padding:0.8em 0 0.8em 10px;
  background:url(../images/common/main_h3.gif) repeat-x left bottom;
}
#header form{
  float:left;
  width:273px;
  position:absolute;
  right:15px;
  top:7px;
}
#header form input#searchWords{
  font-size:0.9em;
  width:207px;
  height:11px;
  border:#fff 0px solid;
  padding:2px;
  background:url(../images/common/search_field.gif) no-repeat left top;
}
#header form input#searchBotton{
  position:relative;
  top:3px;
}
#center h4{
  color:#758690;
  font-size:1.4em;
  margin:0 10px 1.2em 16px;
  padding:0.3em 1.2em;
  border-bottom:1px solid #8b979e;
  background:url(../images/common/listmark03.gif) no-repeat left center;
}
#center h5{
  color:#333;
  font-size:1.2em;
  margin:0 2.5em 1.2em;
}
#center p{
  color:#333;
  line-height:1.4em;
  margin:0 2em 1.2em 3em;
}

ul#gNav{
  width:725px;
  height:43px;
  margin:0 auto;
}
ul#gNav li{
  float:left;
  height:43px;
  text-indent:-9999px;
}
ul#gNav li a{
  display:block;
  height:43px;
  outline:0;
}
ul#gNav li#gNavConsulting{ width:178px; }
ul#gNav li#gNavConsulting a{
  width:178px;
  background:url(../images/common/gNav_consulting_vec.gif) no-repeat left top;
}
ul#gNav li#gNavService{ width:64px; }
ul#gNav li#gNavService a{
  width:64px;
  background:url(../images/common/gNav_service.gif) no-repeat left top;
}

ul#gNav li#gNavSeminer{ width:65px; }
ul#gNav li#gNavSeminer a{
  width:65px;
  background:url(../images/common/gNav_seminer.gif) no-repeat left top;
}

ul#gNav li#gNavCase{ width:75px; }
ul#gNav li#gNavCase a{
  width:75px;
  background:url(../images/common/gNav_case.gif) no-repeat left top;
}
ul#gNav li#gNavAbout{ width:72px; }
ul#gNav li#gNavAbout a{
  width:72px;
  background:url(../images/common/gNav_about.gif) no-repeat left top;
}
ul#gNav li#gNavRecruiting{ width:104px; }
ul#gNav li#gNavRecruiting a{
  width:104px;
  background:url(../images/common/gNav_recruiting.gif) no-repeat left top;
}
ul#gNav li#gNavNewsRelease{ width:102px; }
ul#gNav li#gNavNewsRelease a{
  width:102px;
  background:url(../images/common/gNav_newsrelease.gif) no-repeat left top;
}

ul#gNav li#gNavContact{ width:65px; }
ul#gNav li#gNavContact a{
  width:65px;
  background:url(../images/common/gNav_contact.gif) no-repeat left top;
}

ul#gNav li#gNavConsulting a:hover{background-position:right bottom;}
ul#gNav li#gNavService a:hover{background-position:left bottom;}
ul#gNav li#gNavSeminer a:hover{background-position:left bottom;}
ul#gNav li#gNavCase a:hover{background-position:left bottom;}
ul#gNav li#gNavAbout a:hover{background-position:left bottom;}
ul#gNav li#gNavRecruiting a:hover{background-position:left bottom;}
ul#gNav li#gNavNewsRelease a:hover{background-position:left bottom;}
ul#gNav li#gNavContact a:hover{background-position:left bottom;}

ul#pankuzu{
  width:470px;
  margin:0 0 0 10px;
}

ul#pankuzu li{
  color:#333;
  float:left;
  line-height:1.6em;
  display:inline;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0 0;
  background:url(../images/common/background_pankuzu.gif) no-repeat right center;
}
ul#pankuzu li.current{
  background-image:none;
  white-space:nowrap;
}

dl#left dt#activation{background:url(../images/common/sidemenu_activation.jpg) no-repeat left top;}
dl#left dt#consulting{background:url(../images/common/sidemenu_consulting.jpg) no-repeat left top;}
dl#left dt#service{background:url(../images/common/sidemenu_service.jpg) no-repeat left top;}
dl#special_menu dt,
dl#left dt,
dl#special_menu dt{
  width:224px;
  height:48px;
  text-indent:-9999px;
  margin:0 0 1em;
}
dl#left dd,
dl#special_menu dd{
  color:#7e7e7e;
  line-height:1.4em;
  margin:0 0 0.5em 2px;
  padding:0 0 0 12px;
}
dl#left dd.bnr{
  width:224px;
  font-size:1em;
  margin:1em 0 0 14px;
  padding:0;
  text-align:left;
}
/* eb */
#left dd.bnr02 a{
}
#left dd.bnr02 img{
  border:0;
}
dl#left dd img{
  border:1px solid #eee;
  margin:0 auto;
}
dl#left dd.close,
dl#special_menu dd.close{
  background:url(../images/common/side_menu_icon01.gif) no-repeat left center;
}
dl#left dd.hr{
  height:1em;
  margin:1em 0 0;
  background:url(../images/common/sidemenu_consulting.jpg) no-repeat left -47px;
}
dl#left li{
  color:#7e7e7e;
  font-size:0.84em;
  padding:0 0 0 12px;
  background:url(../images/common/side_menu_icon02.gif) no-repeat left top;
}
dl#left li.bgnone{
  background-image:none;
  margin:0 0 0 1em;
}
dl#chain{
  width:470px;
  margin:0 0 0 10px;
  padding:10px 0 0;
}
dl#chain dt{
  color:#888;
  font-weight:bold;
  padding:1em 0.5em;
  background:url(../images/common/bar_green.gif) repeat-x left top;
}
dl#chain dd{
  line-height:1.6em;
  margin:0 1em 0;
  padding:0 0 0 1.4em;
  background:url(../images/common/background_chain.gif) no-repeat left center;
}

a{
  color:#ff0000;
}
a:hover{
  color:#36f;
  text-decoration: underline;
}

a:hover#nothing{text-decoration:none;}

div#contactLink{
  width:470px;
  margin:40px 0 0px 0px;
  text-align:center;
  text-indent:-9999px;
}
div#contactLink a{
  display:block;
  width:203px;
  height:46px;
  margin:0 auto;
  background:url(../images/common/contact_button02.jpg) no-repeat left top;
}
table#proc{
  color:#333333;
  width:425px;
  margin:20px 0 0 35px;
  border-collapse:collapse;
}
table#proc th,
table#proc td{
  height:7em;
  line-height:1.4em;
  padding:10px 5px 10px 10px;
  border:1px solid #ccc;
}
table#proc th{
  width:145px;
  text-align:center;
  background:#ccc;
}
table#proc td.arrow{
  height:25px;
  padding:0;
  border:0;
  background:#fff url(../images/consulting/proc_arrow.gif) no-repeat top left;
}
.marker{
  padding:0 0 0 1.2em;
  background:url(../images/common/listmark02.gif) no-repeat top left;
}
/**
 * レイアウト
 */
#inbox{
  width:744px;
  margin:0 auto;
  padding:0 3px;
  text-align:left;
  background:#989898 url(../images/common/background.gif) repeat-y center top;
}
#header{
  width:744px;	
  position:relative;
  background:url(../images/common/gNav_background.gif) repeat-x center 70px;
}
#main-content{
}
#footer{
  width:734px;
  margin:20px 0 0;
  padding:40px 5px;
  background:url(../images/common/foot_line.gif) repeat-x left top;
}
#footer p{
  font-size:0.9em;
  margin:0 0 0.3em;
  line-height:1.8em;
}
#footer a{
  color:#333333;
}
#footer p.left{
  float:left;
  width:300px;
}
#footer p.right{
  float:right;
  width:434px;
  text-align:right;
}
#copyright{
  letter-spacing:0;
}
#contentHeader{
  width:744px;
  height:150px;
  border-bottom:5px solid #eee;
}
#contentBody{
  width:714px;
  padding:20px 15px 0;
}
#contentBody div#center{
  width:480px;
  float:right;
  margin:0 0 0 10px;
}
#contentBody dl#left{
  width:224px;
  float:left;
}
/* table list */
table.frame{
  border-collapse:collapse;
  margin:0 0 0 20px;
}
table.frame td{
  font-size:1px;
  line-height:1px;
}
table.frame td.rlt,
table.frame td.rrt,
table.frame td.rlb,
table.frame td.rrb{
  width:10px;
  height:10px;
}
td.rlt{ background:url(../images/common/r_left_top.gif) no-repeat left top; }
td.rrt{ background:url(../images/common/r_right_top.gif) no-repeat left top; }
td.rlb{ background:url(../images/common/r_left_bottom.gif) no-repeat left top; }
td.rrb{ background:url(../images/common/r_right_bottom.gif) no-repeat left top; }
td.st{ background:url(../images/common/s_top.gif) repeat-x left top; }
td.sl{ background:url(../images/common/s_left.gif) repeat-y left top; }
td.sr{ background:url(../images/common/s_right.gif) repeat-y left top; }
td.sb{ background:url(../images/common/s_bottom.gif) repeat-x left top; }
table.frame td.ct{
  font-size:1em;
  line-height:1.4em;
  background:#f9f9f9;
}
#center table.frame td.ct p{
  color:#666;
  margin:0;
  font-weight:bold;
}
/**
 * clear
 */
.clear{
  text-indent:-9999px;
  height:0;
  font-size:0;
  line-height:0;
  clear:both;
}
/**
 * 20081001 kenja bnr
 */
dd#skenja{
  display:none;
}
/**
 * 20090130 verisign
 */
#left dd#verisign{
  display:none;
}
/**
 * 20090202 activation college
 */
#ac_head_link{
  display:block;
  width:280px;
  height:24px;
  position:absolute;
  right:0;
  top:46px;
}
/**
 * 20090204 privacy_policy
 */
#privacy{
  width:394px;
  height:160px;
  overflow-y:scroll;
  border:3px solid #ddd;
  margin:0 0 0 35px;
  padding:5px;
}
#privacy p{
  margin:0 0;
  padding:0;
}
/**
 * 20090602
 */
#pcap{
  position:absolute;
  left:30px;
  top:280px;
}
p.pon01{
  padding:0 0 0 30px;
  background: url(../images/service/pon01.gif) no-repeat top left;
}
table.chain{
  margin:10px 10px 20px 36px;
}
table.chain ul{
  line-height:1.6em;
  margin:10px 0 0 10px;
  list-style-type: square;
  list-style-position: inside;
}
table.chain p{
  width:400px;
}
/**
 * 受講者の声
 */
table.pvoice{
  width:430px;
  margin:0 20px 20px 30px;
  border-collapse:collapse;
}
table.pvoice th,
table.pvoice td{
  border:1px solid #e1ddd8;
}
table.pvoice td{
  line-height:1.4em;
  padding:10px;
  background:#f8f5f1;
}
#center table.pvoice th{
  width:100px;
  padding:5px;
  text-align:center;
  background:#f6ecde;
}
#center table.pvoice th p{
  font-size:0.86em;
  margin:0;
  padding:0;
}
table.pvoice th img{
  border:1px solid #c2c2c2;
  margin:0 0 5px;
}


#fblike{
  /*margin-top: -21px;*/
  margin-top: -11px;
  margin-left: 250px;
}

#tweetbutton{
  display: block;
  position: relative;
  
  top: 20px;
  margin-left: auto;
  margin-right: auto;	
  text-align: center;

}

div#mailmag{
	position: relative;
	left: 280px;
	top: -275px;
	border-left: 1px solid #eee;
}

div#mailmag h5,ol{
	list-style-type:none;
	text-decoration: none;
}

div#mailmag h5{
  font-size: 1.4em;
  color: #333;
  margin-top: -40px;
  margin-left: -8px;
  margin-bottom: 5px;
  background: none;
}

div#mailmag ol{
  color: #333;
  font-size: 1.4em;
  margin-bottom: 5px;
  text-indent: 10px;

}