@charset "utf-8";
/* CSS Document */

/* [スライドショー]*/
.showcase a:hover img{
opacity:0.9;
-ms-filter: "alpha( opacity=90 )";
filter: alpha( opacity=90 );
}

#nav_box_bottom li{
display: inline;
margin-right: 23px;
}

#cont .yp_container h2{
background-image:url("../img/bup/o_icon.jpg");
background-repeat:no-repeat;
background-position:left center;
font-size:14px;
color:#4b4b4b;
padding:11px 0 10px 35px;
border-top:4px solid #D9D0BB;
border-bottom:1px solid #D9D0BB;
margin-bottom:20px;
}

#cont .yp_container h2.special{
background-image:url("../img/bup/icon_pack5.gif");
background-position:5px center;
}

#cont .yp_container .yp_case h2{
background-image:url("../img/bup/file_icon.gif");
background-position:8px center;
}


#cont .yp_container .yp_faq h2{
background-image:url("../img/bup/FAQ_icon.gif");
}

.yp_container .featureBox{position:relative;}
.yp_container .featureBox .text{position:absolute;top:50px;left:75px;width:400px;}
.yp_container .featureBox .text p{margin-bottom:10px;padding-bottom:0;margin-top:0;letter-spacing:0;}

.yp_container .exBox{margin-bottom:20px;}
.yp_container .exBox .ex_title{
border-width:0 1px 1px;
border-color:#6699FF;
border-style:solid;
padding:20px 10px;
font-size:16px;
font-weight:bold;
text-align:center;
letter-spacing:0;
margin-bottom:15px;
}

.yp_container .exBox .fr{width:425px;font-size:14px;}
.yp_container .exBox .fr p.colorText{color:#0066CC;font-weight:bold;margin-bottom:5px;}


/* 2014/03/17 table部分 */
.yp_container .priceTable{
border-spacing:0;
font-size:12px;
border-collapse:collapse;
margin-bottom:20px;
}


.yp_container .priceTable td,
.yp_container .priceTable th{
border-width:0 0 1px;
border-color:#ccc;
border-style:solid;
padding:5px;
}

.yp_container .priceTable th{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
vertical-align:middle;
text-align:center;
background-color:#eee;
}

.yp_container .priceTable tbody td{
font-size:13px;
font-weight:bold;
padding:5px;
border-collapse:collapse;
border-width:0 1px 1px;
}
.yp_container .priceTable td.colorCell{color:#E6167A;}

.yp_container .priceTable td span{
font-size:12px;
font-weight:normal;
color:#333;
}

/**********************

年間割引パック活用例

**********************/
.yp_container .main_box .yp_caption{
padding-bottom:0;
margin-bottom:5px;
color:#1B74C5;
font-family: Meiryo UI;
font-weight: bold;
}

.yp_container .ex_box{background-color:#E8F1F9;padding:5px 10px;margin-bottom:20px;}
.yp_container .ex_box p{margin-top:0;padding-bottom:0;}
.yp_container .ex_box .tc{display:table-cell;vertical-align:middle;margin-bottom:10px;}
.yp_container .ex_box .tc_r{font-size:13px;color:#1C75C5;font-weight:bold;padding-left:10px;}

.ie6 .yp_container .ex_box .tc,
.ie7 .yp_container .ex_box .tc{display:inline;zoom:1;vertical-align:middle;margin-bottom:10px;}

/**********************

よくある質問

**********************/
.yp_container .yp_faqBox{margin-bottom:50px;}
.yp_container .yp_faqBox p{font-size:13px;color:#333;line-height:130%;}
.yp_container .yp_faqBox .tc{display:table-cell;vertical-align:middle;}
.yp_container .yp_faqBox .tc_l{
font-size:16px;
font-family:Meiryo UI,'メイリオ', 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
font-weight:bold;
color:#4498E3;
padding-right:8px;
border-right:3px solid #4498E3;
}
.yp_container .yp_faqBox .tc_r{padding-left:8px;}

.ie6 .yp_container .yp_faqBox .tc,
.ie7 .yp_container .yp_faqBox .tc{display:inline;zoom:1;vertical-align:middle;}
.ie6 .yp_container .yp_faqBox .tc_l,
.ie7 .yp_container .yp_faqBox .tc_l{padding:5px 8px 5px 0;height:36px;}
.ie6 .yp_container .yp_faqBox .tc_r,
.ie7 .yp_container .yp_faqBox .tc_r{width:450px;}


.yp_container .yp_faqBox .questionBox,
.yp_container .yp_faqBox .answerBox{margin-bottom:20px;}

.yp_container .yp_faqBox .answerBox .tc_l{color:#FF4E21;border-right-color:#FF4E21;}


/**********************

導入事例

**********************/
.main_box p{margin-top:0;}
.pl50{padding-left:50px !important;}

.yp_container .ib{display:inline-block;vertical-align:middle;padding-bottom:0;}

.yp_container .case_list{font-size:12px;margin-bottom:20px;}
.yp_container .case_list .case_list_box{
background-image:url("../img/bup/bup_img_click.gif");
background-repeat:no-repeat;
background-position:186px 2px;
border:1px solid #CBBFA3;
width:48%;
}
.yp_container .case_list .case_list_box:hover{cursor:pointer;opacity:0.8;-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );}
.yp_container .case_list .case_list_box .tag{background-color:#76B7FE;color:#fff;padding:5px;margin-bottom:5px;display:inline-block;}
.yp_container .case_list .case_list_box a{color:#333;}
.yp_container .case_list .case_list_box a:hover{color:#333;text-decoration:none;}

.yp_container .case_box{border:2px solid #B7DDFF;font-size:13px;margin-bottom:30px;}
.yp_container .case_box .cb_title{border-bottom:2px solid #B7DDFF;margin-bottom:20px;}
.yp_container .case_box .cb_title p,
.yp_container .case_box .cb_title h3{display:inline-block;vertical-align:middle;}

.ie6 .yp_container .ib,
.ie7 .yp_container .ib,
.ie6 .yp_container .case_list .case_list_box .tag,
.ie7 .yp_container .case_list .case_list_box .tag,
.ie6 .yp_container .case_box .cb_title p,
.ie6 .yp_container .case_box .cb_title h3,
.ie7 .yp_container .case_box .cb_title p,
.ie7 .yp_container .case_box .cb_title h3{display:inline;zoom:1;}

.yp_container .case_box .cb_title p{padding-bottom:0;margin-right:10px;}
.yp_container .case_box .cb_title h3{font-size:13px;}
.yp_container .case_box .cb_contents{padding:0 20px 20px;}
.yp_container .case_box .cb_contents p{padding-bottom:0;}
.yp_container .case_box .cb_contents .color_text{color:#1886FE;}

/* 2015/11/05　体系育成ページ */
.ti23{text-indent:-23px;padding-left:23px;}
.yp_container .edusys_container li{list-style-type:none;}

.yp_container .edusys_menu{margin-bottom:30px;}
.yp_container .edusys_menu .menuBox{border:1px solid #ccc;display:inline-flex;width:32%;}
.yp_container .edusys_menu .menuBox:hover{cursor:pointer;opacity:0.8;-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );}
.yp_container .edusys_container .edusys_menu .menuBox p.m_text{font-size:12px;padding:0 5px 5px 5px;}
.yp_container .edusys_menu .menuBox .m_text a{letter-spacing:0;color:#333;}
.yp_container .edusys_menu .menuBox .m_text a:hover{text-decoration:none;}
.yp_container .edusys_menu .menuBox span{font-family:Meiryo, "ヒラギノ角ゴ Pro";color:#3399FF;}
.yp_container .edusys_menu .menuBox span img{vertical-align:middle;margin-right:10px;}

.yp_container .edusys_container .main_box{margin-bottom:30px;}
.yp_container .edusys_container p{font-size:13px;}
.yp_container .edusys_container ul li{font-size:13px;margin-bottom:5px;}
.yp_container .edusys_container .icon_sq{background-color:#DBD2BD;vertical-align:1px;margin-right:5px;}

#cont .yp_container .edusys_container h2{background:none;padding:5px 0 ;color:#3399FF;font-size:15px;font-family:Meiryo, "ヒラギノ角ゴ Pro";}
#cont .yp_container .edusys_container h2 span{display:inline;color:#333;font-weight:normal;font-size:13px;padding-left:10px;}
#cont .yp_container .edusys_container h2 img{vertical-align:-7px;margin-right:10px;}
#cont .yp_container  h2.txtc {color:#3399FF;}

.yp_container .edusys_container table{border-width:1px 0 0 1px;border-style:solid;border-color:#DBD2BD; border-collapse:collapse;width:100%;}
.yp_container .edusys_container table th,
.yp_container .edusys_container table td{border-width:0 1px 1px 0;border-style:solid;border-color:#DBD2BD;padding:3px;font-size:13px;}

.yp_container .edusys_container table th{text-align:center;font-weight:normal;}

.yp_container .edusys_container .venue_list{margin-bottom:20px;}
.yp_container .edusys_container .venue_list li{display:inline-block;margin-right:15px;font-size:14px;}

.yp_container .edusys_container .case_box{margin-bottom:10px;}
.yp_container .edusys_container .case_box .cb_contents{padding:0 10px 10px;}
.yp_container .edusys_container .case_box .cb_title .ex_tag{background-color:#76B7FE;font-family:Meiryo, "ヒラギノ角ゴ Pro";color:#fff;letter-spacing:0;padding:5px;font-size:12px;}
.yp_container .edusys_container .case_box .cb_title .subtitle{display:inline-block;font-weight:bold;}
.yp_container .edusys_container .case_box dl{font-size:13px;margin:20px 0;}
.yp_container .edusys_container .case_box dl dt{font-weight:bold;margin-bottom:10px;}
.yp_container .edusys_container .case_box dl dt span{font-weight:normal;font-size:12px;margin-left:20px;}
.yp_container .edusys_container .case_box dl dd{margin-bottom:20px;}
.yp_container .edusys_container .case_box dl dd .red{color:#FF0000;}
.yp_container .edusys_container .case_box div.fl{width:60%;}
.yp_container .edusys_container .case_box div.fr{width:40%;}
.yp_container .edusys_container .case_box .dataBox{width:100%;}
.yp_container .edusys_container .case_box .dataBox span{width:50%;}
.edusys_container .underline{text-decoration:underline;margin-left:0 !important;}

.yp_container .case_box_b{border:2px solid #B7DDFF;font-size:13px;margin-bottom:30px;}
.yp_container .case_box_b .case_tag{background-color:#76B7FE;font-family:Meiryo, "ヒラギノ角ゴ Pro";color:#fff;letter-spacing:1px;padding:0 5px 5px;font-size:18px;font-weight:bold;display:inline-block;}
.yp_container .case_box_b .cb_contents{padding:10px;}
.yp_container .case_box_b .cb_contents a{text-decoration:underline;}