@charset "utf-8";

#CaseStudy h2 {height: 58px; padding: 40px 0 0 120px; border: 1px solid #1d2087; font-size: 20px; font-weight: bold; color: #1d2087; }
#CaseStudy h2.case01 {background: url(../img/pict_casestudy_h2_01.png) no-repeat;}
#CaseStudy h2.case01-new {
    background: url(../img/casestudy/cloud.png) no-repeat;
}
#CaseStudy h2.case02 {background: url(../img/pict_casestudy_h2_02.png) no-repeat;}
#CaseStudy h2.case03 {background: url(../img/pict_casestudy_h2_03.png) no-repeat;}
#CaseStudy h2.case04 {background: url(../img/pict_casestudy_h2_04.png) no-repeat;}
#CaseStudy h2.case05 {background: url(../img/pict_casestudy_h2_05.png) no-repeat;}
#CaseStudy h2.case06 {background: url(../img/pict_casestudy_h2_06.png) no-repeat;}

/*扉ページ用設定*/
/*課題解決*/
.Sol-Blk__left {float: left; width: 343px;}
.Sol-Blk__right {float: right; width: 343px;}

.Sol-Blk__left li,
.Sol-Blk__right li {display: block; height: 75px; border-top: 1px dotted #666;padding: 0px 0 0 64px; }

.Sol-Blk__left li a,
.Sol-Blk__right li a {display: block; padding: 20px 0 0 30px; background: url(../img/link_blue_arrow_down.png) no-repeat right 32px; font-weight: bold;}

.Sol-Blk__left__01 {background: url(../img/top_Idx-Sol-Blk_l01.png) no-repeat;}
.Sol-Blk__left__02 {background: url(../img/top_Idx-Sol-Blk_l02.png) no-repeat;}
.Sol-Blk__left__03 {background: url(../img/top_Idx-Sol-Blk_l03.png) no-repeat; border-bottom: 1px dotted #666;}

.Sol-Blk__right__01 {background: url(../img/top_Idx-Sol-Blk_r01.png) no-repeat;}
.Sol-Blk__right__02 {background: url(../img/top_Idx-Sol-Blk_r02.png) no-repeat;}
.Sol-Blk__right__03 {background: url(../img/top_Idx-Sol-Blk_r03.png) no-repeat; border-bottom: 1px dotted #666;}

.Sol-Blk__left li.line1 a,
.Sol-Blk__right li.line1 a {padding: 28px 0 10px 30px;}

.CS_Idx_Blk {border: 5px solid #e0e0e0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background: #f0f0f0;}

.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.left {float: left; width: 127px;}
.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.left img {padding: 30px 0 0 25px;}
.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.right {float: left; width: 727px; padding: 21px 26px 21px 38px; border-left: 1px solid #ccc;}

.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.right li strong {margin: 0; padding: 0; color:#1d2087; font-size: 18px; font-weight:bold;}
.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.right li.down {display: block; margin: 10px auto; width: 41px; height: 17px; background: url(../img/pict_casestudy_top_blkarrow.png) no-repeat;}
.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.right li.solve {padding: 15px 0; border: 1px solid #35b3b3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; margin: 10px 0; color: #35b3b3; font-size: 16px; font-weight: bold; text-align: center;}
.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.right li.link {float: right; text-align: right;}
.CS_Idx_Blk ul.CS_Idx_Blk__Inner li.right li.link a {display: block; padding: 0 0 0 25px; background: url(../img/link_blue_arrow.png) no-repeat 0 1px;}


/*詳細ページ用設定*/
.theme_to_point {margin: 0 0 20px 120px;}
.theme_to_point img {margin-left: 280px;}
/* .theme_to_point .lead {
    margin-bottom: 16px;
} */

/*ブロック設定*/
.CSBox .topline {border-top: 1px dotted #1d2087;}
.CSBox .topline-solid {
    border-top: 2px solid #b2b4c9;
}
.CSBox__left {float: left; width: 100px; height: 70px; margin-left: 38px; padding-top: 30px; background:#1d2087; color: #fff; font-weight: bold; text-align: center;}
.CSBox__right {float: left; width:600px; padding-left: 68px;}

.CSBox__right .dot-list li {font-size: 16px;}

/*プロダクト誘導バナー設定*/
.Link_Products { width: 600px; height: 100px;}
.Link_Products a{display: block; position: relative; width: 600px; height: 100px;background: url(../img/casestudy_ProdLink.png) no-repeat;}
.Link_Products a.newtab {background: url(../img/casestudy_ProdLink_newtab.png) no-repeat;}

.Link_Products a:hover {background-position: 0 -100px;}
.Link_Products a img {float: left; width: 231px; padding: 1px;}
.Link_Products a p {float: left; width: 340px; padding-right: 20px;}
.Link_Products.line3 a p.spct30 { margin-top:22px; }

/*他ページへの誘導エリア設定*/
.Other_Sol-Blk {padding: 15px 13px 20px 27px; border: 5px solid #f0f0f0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background: #f0f0f0;}
.Other_Sol-Blk .Other_Sol-Blk__title {font-size: 18px;}
.Other_Sol-Blk__left {float: left; width: 325px;}
.Other_Sol-Blk__left.solid li {
    border-top: 1px solid #c1c1c1;
}
.Other_Sol-Blk__right {float: right; width: 325px;}

.Other_Sol-Blk__left li,
.Other_Sol-Blk__right li {display: block; height: 75px; border-top: 1px dotted #666; padding: 0px; }
.Other_Sol-Blk__right.solid li {
    border-top: 1px solid #c1c1c1;
}

.Other_Sol-Blk__left li a,
.Other_Sol-Blk__right li a {height: 55px; display: block; padding: 20px 0 0 92px; font-weight: bold;}


.Other_Sol-Blk__left a.on,
.Other_Sol-Blk__right a.on {color: #ccc; background-position: 0 -74px;}

.Other_Sol-Blk__left__01 a {background: url(../img/casestudy_Others-Sol-Blk_l01.png) no-repeat;}
.Other_Sol-Blk__left__01_new a {
    background: url(../img/casestudy/2-cloud.png) no-repeat;
}
.Other_Sol-Blk__left__02 a {background: url(../img/casestudy_Others-Sol-Blk_l03.png) no-repeat;}
.Other_Sol-Blk__left__03 a {background: url(../img/casestudy_Others-Sol-Blk_r02.png) no-repeat;}
.Other_Sol-Blk__left__04 a {background: url(../img/casestudy_Others-Sol-Blk_l07.png) no-repeat; border-bottom: 1px dotted #666;}
.Other_Sol-Blk__left__04.solid a{
    border-bottom: 1px solid #c1c1c1;
}

.Other_Sol-Blk__right__01 a {background: url(../img/casestudy_Others-Sol-Blk_l02.png) no-repeat;}
.Other_Sol-Blk__right__02 a {background: url(../img/casestudy_Others-Sol-Blk_r01.png) no-repeat;}
.Other_Sol-Blk__right__03 a {background: url(../img/casestudy_Others-Sol-Blk_r03.png) no-repeat; border-bottom: 1px dotted #666;}
.Other_Sol-Blk__right__03.line1-new a{
    padding-top: 27px;
    border-bottom: 1px solid #c1c1c1;
}

.Other_Sol-Blk__left li p,
.Other_Sol-Blk__right li p {margin-top: 8px; font-weight: bold;}

.Other_Sol-Blk__left li.line3 a,
.Other_Sol-Blk__right li.line3 a { height: 72px; display: block; padding: 10px 0 0 92px; font-weight: bold; }