@charset "utf-8";

@import url("../common/css/common.css");



/* LAYOUT -------------------------------------------------*/

/* ▼ 横幅*/
#base{width:980px;}


/* COLOR -------------------------------------------------*/

/* ▼ 中央　見出し*/
#cont #chead h1 { background:#FF9933;}
#cont div.cFFA100{ background:url("../images/line_w500-h3_99CC00.gif") no-repeat;}
#cont div.cFFA100 h2 span {background:url("../images/icon_arrow-b_box-l_99CC00.gif") no-repeat 0px 50%;}
#cont div.c0066ff{ background:url("../images/line_w500-h3_FF9933.gif") no-repeat;}
#cont div.c0066ff h2 span {background:url("../images/icon_arrow-b_box-l_FF9933.gif") no-repeat 0px 50%;}


/* ▼ 左ナビ　上：上部ライン　下：矢印アイコン*/
#cont #c3_ll dl.cc00 table tr td.line_l{background-color:#cc0000;}
#cont #c3_ll dl.cc00 table tr td.line_r{background-color:#FF2222;}
#cont #c3_ll dl.cc00 dt b{background:url("/common/images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat 0px 9px;}
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#000000;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#666666;}
#cont #c3_ll dl.cc11 dt b img{background:black;border:none;margin-right:9px;}
#cont #c3_ll dl.cc11-2    {border-top:1px solid #000000;}
#cont #c3_ll dl.cc11-2 dt b img{background:black;border:none;margin-right:7px;}


/* CTS -------------------------------------------------*/

/* ▼ コンテンツ共通*/

/*#cont h2 { background:url("../images/line_dott_999999.gif") repeat-x 0px 100%;}
#cont h2 span {
display:block;
padding:12px 0px 10px 18px;
font-size:14px;
line-height:1em;
}*/
#cont img.arr {
margin-right:5px;
vertical-align:middle;
}
#cont a.blk {display:block;}
#cont a.blk:hover {background:#EEE;}



/* ▼ コンテンツヘッダー部分*/
#cont #chead h1 { padding:12px 0px 8px 20px;}
#cont #chead h1 span{
display:block;
padding:0px 0px 8px 5px;
border-bottom:1px solid #FFF;
color:#FFF;
font-size:16px;
line-height:1em;
}
#cont #chead img{
margin-bottom:3px;
-ms-interpolation-mode: bicubic;
}
#cont #chead #cmenu {
width:100%;
background:#999;
text-align:center;
}
#cont #chead #cmenu a {
display:block;
padding:0px 5px;
background:#FFF;
color:#000;
line-height:25px;
}
#cont #chead #cmenu a:hover {background:#EEE;}



/* ▼「新着情報」部分*/
#cont #cbox1 dl { margin-top:-1px;}
#cont #cbox1 dt {
clear:left;
float:left;
padding:8px 0px;
}
#cont #cbox1 dd {
padding:8px 0px 8px 110px;
background:url("../images/line_dott_999999.gif") repeat-x;
}



/* ▼「クレーム対応研修をご検討の皆様へ」部分*/
#cont #cbox2 h3 {
color:#CC0000;
font-size:14px;
}
#cont #cbox2 h4 {
margin:30px 0px 15px 0px;
font-size:14px;
}
#cont #cbox2 p {
margin:0px 0px 1em 20px;
color:#333;
font-size:14px;
line-height:1.5em;
}
#cont #cbox2 ul {
margin:0px 0px 1.5em 20px;
list-style:none;
}
#cont #cbox2 ul li{
margin-bottom:10px;
line-height:0px;
}
#cont #cbox2 a:hover{background:#EEE;}



/* ▼「クレーム対応研修ラインナップ」部分*/
#cont #cbox3 h3 {
color:#CC0000;
font-size:14px;
font-family: monospace
}
#cont #cbox3 ul {
padding:15px 20px;
border:1px solid #999;
list-style:none;
}
#cont #cbox3 ul li {
padding-left:20px;
background:url("../images/icon_arrow-r_box_FF0000.gif") no-repeat 0px 6px;
line-height:2em;
}
#cont #cbox3 ul li br {display:none;}
#cont #cbox3 ul li a:hover { background:#EEE;}
#cont #cbox3 ul li span.blk {
display:block;
margin-left:110px;
line-height:1.3em;
}
#cont #cbox3 ul li span.red { color:#FF0000;}



/* ▼「受講者の評価」部分*/
#cont #cbox4 .ibox { margin-top:20px;}
#cont #cbox4 .ibox dt,
#cont #cbox4 .ibox dd {
margin-top:2px;
padding:5px 0px 5px 5px;
_padding:5px 0px 0px 5px;
}
#cont #cbox4 .ibox dt {
clear:left;
float:left;
}
#cont #cbox4 .ibox dt b {font-weight:normal;}
#cont #cbox4 .ibox dd {
margin-left:100px;
border-left:1px solid #999;
}

#cont #cbox4 .ibox dd span { font-size:10px;}
#cont #cbox4 .ibox dd img {vertical-align:middle;}
#cont #cbox4 .ibox dd img.no1 {margin:0px 2px 0px 2px;}
#cont #cbox4 .ibox dd img.no2 {margin:0px 2px 0px 22px;}
#cont #cbox4 .ibox dd ul {margin:0px 0px 0px 15px;}
#cont #cbox4 .ibox dd li {margin:0px 0px 1em 0px;}
#cont #cbox4 p{
padding:10px 20px;
border:1px solid #999;
}
#cont #cbox4 p a:hover{background:#EEE;}



/* ▼「メールマガジン「クレーム対応の勘所～あなたにも簡単にできる！」部分*/
#cont #cbox5 h3 {
margin:20px 0px 15px 0px;
font-size:14px;
}
#cont #cbox5 p {
margin:0px 0px 1em 20px;
color:#333;
font-size:14px;
line-height:1.5em;
}

/* ▽ お問い合わせ部分*/
#cont #cbox5 #contact {
padding:10px;
border:1px solid #FF9933;
}
#cont #cbox5 #contact p { margin:0px;}
#cont #cbox5 #contact div {clear:left;}
#cont #cbox5 #contact b { font-weight:normal;}
#cont #cbox5 #contact div span,
#cont #cbox5 #contact div a {
display:block;
float:left;
margin-top:10px;
line-height:1.8em;
}
#cont #cbox5 #contact div a {
padding:0px 5px;
background:#FF9933;
color:#FFF;
}
#cont #cbox5 #contact div a:hover {background:#FF0000;}
#cont #cbox5 #contact div b.nl {
display:block;
float:left;
margin-top:10px;
padding:0px 5px;
border:1px solid #0066FF;
line-height:1.8em;
}
#cont #cbox5 #contact div.no1 a {margin-left:7px;}
#cont #cbox5 #contact div.no2 a {margin-left:11px;}
#cont #cbox5 #contact dd { margin:5px 0px 0px 25px;}



/* ▼「メールマガジン「クレーム対応の勘所～あなたにも簡単にできる！」部分*/
#cont #cbox6 p,
#cont #cbox6 ul{
margin-left:90px;
list-style:none;
}
#cont #cbox6 ul li {float:left;}
#cont #cbox6 ul li a:hover { background:#EEE;}



/* ▼「インソースのクレーム対応の本」部分*/
#cont #cbox7{line-height:1.5em;}
#cont #cbox7 h3,
#cont #cbox7 h4 {font-size:1em;}
#cont #cbox7 h4 {font-weight:normal;}
#cont #cbox7 .fr{width:410px;}
#cont #cbox7 .fl{width:80px;}
#cont #cbox7 .fl a span{
display:block;
border:1px solid #CCC;
font-size:10px;
text-align:center;
line-height:1.5em;
}
#cont #cbox7 .fl a span:hover{ background:#EEE;}