@charset "Shift_JIS";

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

Name: modify.css

Description: Sub CSS

Create: 2014.07.03
Update: 2022.07.01
Update: 2025.06 #popup→#Popup ガイドライン修正対応

Copyright 2025 Hitachi Solutions Create, Ltd.

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

Modify Setting

------------------------------------------------------------------------------------------- */
/*
inline-block使用による、不要なマージン削除
=========================================================================================== */
.CourtesyNavi { letter-spacing: -.40em }
.CourtesyNavi li { letter-spacing: normal }

#GlobalNaviMenu > li > a{ padding: 0 10px; }

/*
テーブル内リスト使用による、不要なマージン削除
フォントサイズ補正
=========================================================================================== */
th .LinkListStyle1,
th .LinkListStyle2,
th .LinkListStyle3,
th .LinkListStyle4,
th .LinkListStyle5,
th .LinkListStyle6,
td .LinkListStyle1,
td .LinkListStyle2,
td .LinkListStyle3,
td .LinkListStyle4,
td .LinkListStyle5,
td .LinkListStyle6,
th .ListStyle1,
th .ListStyle2,
th .ListStyle3,
th .ListStyle4,
th .ListStyle5,
th .ListStyle6,
td .ListStyle1,
td .ListStyle2,
td .ListStyle3,
td .ListStyle4,
td .ListStyle5,
td .ListStyle6,
td .TextStyle1,
td .TextStyle2,
td .TextStyle3,
td .TextStyle4,
dd .LinkListStyle1,
dd .LinkListStyle2,
dd .LinkListStyle3,
dd .LinkListStyle4,
dd .LinkListStyle5,
dd .LinkListStyle6,
dd .ListStyle1,
dd .ListStyle2,
dd .ListStyle3,
dd .ListStyle4,
dd .ListStyle5,
dd .ListStyle6,
td ul.ListStyle1,
td ul.ListStyle2,
td p.ImgOnlyStyle{
    font-size: 100%;
    margin-bottom: 0;
}
dl.ListStyle1 ul,
ul.AnnotationsStyle2 ul {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 100%;
}

td ul.AnnotationsStyle2
{
    margin-bottom: 0;
}


/*
ルビセッティング
=========================================================================================== */
@-moz-document url-prefix() {
    rt,
    rp { display: none }
}
rt,
rp {
    font-size: 80%;
    color: #333;
}

/*
グリッド3+1の下にグリッド4が来た場合の回り込み解除
=========================================================================================== */
.Grid4 { clear: both; }

/*
複雑なカラム分割設定
=========================================================================================== */
/*
二分割
*/
div.Grid4 .Column_2nd_1{float: left;width: 475px;margin: 0 0 0 15px;}

div.Grid3 .Column_2nd_1{float: left;width: 352px;margin: 0 0 0 16px;}

/*
三分割
*/
div.Grid4 .Column_3rd_1{float: left;width: 311px;margin: 0 0 0 16px;}
div.Grid4 .Column_3rd_2{float: left;width: 638px;margin: 0 0 0 16px;}

div.Grid3 .Column_3rd_1{float: left;width: 230px;margin: 0 0 0 15px;}
div.Grid3 .Column_3rd_2{float: left;width: 475px;margin: 0 0 0 15px;}

/*
四分割
*/
div.Grid4 .Column_4th_1{float: left;width: 230px;margin: 0 0 0 15px;}
div.Grid4 .Column_4th_2{float: left;width: 475px;margin: 0 0 0 15px;}
div.Grid4 .Column_4th_3{float: left;width: 720px;margin: 0 0 0 15px;}

div.Grid3 .Column_4th_1{float: left;width: 171px;margin: 0 0 0 12px;}
div.Grid3 .Column_4th_2{float: left;width: 354px;margin: 0 0 0 12px;}
div.Grid3 .Column_4th_3{float: left;width: 537px;margin: 0 0 0 12px;}

/*
五分割
*/
div.Grid4 .Column_5th_1{float: left;width: 181px;margin: 0 0 0 15px;}
div.Grid4 .Column_5th_2{float: left;width: 377px;margin: 0 0 0 15px;}
div.Grid4 .Column_5th_3{float: left;width: 573px;margin: 0 0 0 15px;}
div.Grid4 .Column_5th_4{float: left;width: 769px;margin: 0 0 0 15px;}

div.Grid3 .Column_5th_1{float: left;width: 132px;margin: 0 0 0 15px;}
div.Grid3 .Column_5th_2{float: left;width: 279px;margin: 0 0 0 15px;}
div.Grid3 .Column_5th_3{float: left;width: 426px;margin: 0 0 0 15px;}
div.Grid3 .Column_5th_4{float: left;width: 573px;margin: 0 0 0 15px;}

/*
六分割
*/
div.Grid4 .Column_6th_1{float: left;width: 150px;margin: 0 0 0 13px;}
div.Grid4 .Column_6th_2{float: left;width: 313px;margin: 0 0 0 13px;}
div.Grid4 .Column_6th_3{float: left;width: 476px;margin: 0 0 0 13px;}
div.Grid4 .Column_6th_4{float: left;width: 639px;margin: 0 0 0 13px;}
div.Grid4 .Column_6th_5{float: left;width: 802px;margin: 0 0 0 13px;}

div.Grid3 .Column_6th_1{float: left;width: 110px;margin: 0 0 0 12px;}
div.Grid3 .Column_6th_2{float: left;width: 232px;margin: 0 0 0 12px;}
div.Grid3 .Column_6th_3{float: left;width: 354px;margin: 0 0 0 12px;}
div.Grid3 .Column_6th_4{float: left;width: 476px;margin: 0 0 0 12px;}
div.Grid3 .Column_6th_5{float: left;width: 598px;margin: 0 0 0 12px;}

/*
七分割
*/
div.Grid4 .Column_7th_1{float: left;width: 125px;margin: 0 0 0 15px;}
div.Grid4 .Column_7th_2{float: left;width: 265px;margin: 0 0 0 15px;}
div.Grid4 .Column_7th_3{float: left;width: 405px;margin: 0 0 0 15px;}
div.Grid4 .Column_7th_4{float: left;width: 545px;margin: 0 0 0 15px;}
div.Grid4 .Column_7th_5{float: left;width: 685px;margin: 0 0 0 15px;}
div.Grid4 .Column_7th_6{float: left;width: 825px;margin: 0 0 0 15px;}

div.Grid3 .Column_7th_1{float: left;width: 90px;margin: 0 0 0 15px;}
div.Grid3 .Column_7th_2{float: left;width: 195px;margin: 0 0 0 15px;}
div.Grid3 .Column_7th_3{float: left;width: 300px;margin: 0 0 0 15px;}
div.Grid3 .Column_7th_4{float: left;width: 405px;margin: 0 0 0 15px;}
div.Grid3 .Column_7th_5{float: left;width: 510px;margin: 0 0 0 15px;}
div.Grid3 .Column_7th_6{float: left;width: 615px;margin: 0 0 0 15px;}
/*
八分割
*/
div.Grid4 .Column_8th_1{float: left;width: 111px;margin: 0 0 0 11px;}
div.Grid4 .Column_8th_2{float: left;width: 233px;margin: 0 0 0 11px;}
div.Grid4 .Column_8th_3{float: left;width: 355px;margin: 0 0 0 11px;}
div.Grid4 .Column_8th_4{float: left;width: 477px;margin: 0 0 0 11px;}
div.Grid4 .Column_8th_5{float: left;width: 599px;margin: 0 0 0 11px;}
div.Grid4 .Column_8th_6{float: left;width: 721px;margin: 0 0 0 11px;}
div.Grid4 .Column_8th_7{float: left;width: 843px;margin: 0 0 0 11px;}

div.Grid3 .Column_8th_1{float: left;width: 76px;margin: 0 0 0 16px;}
div.Grid3 .Column_8th_2{float: left;width: 168px;margin: 0 0 0 16px;}
div.Grid3 .Column_8th_3{float: left;width: 260px;margin: 0 0 0 16px;}
div.Grid3 .Column_8th_4{float: left;width: 352px;margin: 0 0 0 16px;}
div.Grid3 .Column_8th_5{float: left;width: 444px;margin: 0 0 0 16px;}
div.Grid3 .Column_8th_6{float: left;width: 536px;margin: 0 0 0 16px;}
div.Grid3 .Column_8th_7{float: left;width: 628px;margin: 0 0 0 16px;}

/*
九分割
*/
div.Grid4 .Column_9th_1{float: left;width: 101px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_2{float: left;width: 209px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_3{float: left;width: 317px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_4{float: left;width: 425px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_5{float: left;width: 533px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_6{float: left;width: 641px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_7{float: left;width: 749px;margin: 0 0 0 7px;}
div.Grid4 .Column_9th_8{float: left;width: 857px;margin: 0 0 0 7px;}
div.Grid3 .Column_9th_1{float: left;width: 72px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_2{float: left;width: 153px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_3{float: left;width: 234px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_4{float: left;width: 315px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_5{float: left;width: 396px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_6{float: left;width: 477px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_7{float: left;width: 558px;margin: 0 0 0 9px;}
div.Grid3 .Column_9th_8{float: left;width: 639px;margin: 0 0 0 9px;}

/*
十分割
*/
div.Grid4 .Column_10th_1{float: left;width: 83px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_2{float: left;width: 181px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_3{float: left;width: 279px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_4{float: left;width: 377px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_5{float: left;width: 475px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_6{float: left;width: 573px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_7{float: left;width: 671px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_8{float: left;width: 769px;margin: 0 0 0 15px;}
div.Grid4 .Column_10th_9{float: left;width: 867px;margin: 0 0 0 15px;}

div.Grid3 .Column_10th_1{float: left;width: 63px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_2{float: left;width: 136px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_3{float: left;width: 209px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_4{float: left;width: 282px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_5{float: left;width: 355px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_6{float: left;width: 428px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_7{float: left;width: 501px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_8{float: left;width: 574px;margin: 0 0 0 10px;}
div.Grid3 .Column_10th_9{float: left;width: 647px;margin: 0 0 0 10px;}


/*
最初のカラムマージンリセット
*/
div.Grid4 .Column_2nd_1.FirstItem,
div.Grid3 .Column_2nd_1.FirstItem,
div.Grid4 .Column_3rd_1.FirstItem,
div.Grid4 .Column_3rd_2.FirstItem,
div.Grid3 .Column_3rd_1.FirstItem,
div.Grid3 .Column_3rd_2.FirstItem,
div.Grid4 .Column_4th_1.FirstItem,
div.Grid4 .Column_4th_2.FirstItem,
div.Grid4 .Column_4th_3.FirstItem,
div.Grid3 .Column_4th_1.FirstItem,
div.Grid3 .Column_4th_2.FirstItem,
div.Grid3 .Column_4th_3.FirstItem,
div.Grid4 .Column_5th_1.FirstItem,
div.Grid4 .Column_5th_2.FirstItem,
div.Grid4 .Column_5th_3.FirstItem,
div.Grid4 .Column_5th_4.FirstItem,
div.Grid3 .Column_5th_1.FirstItem,
div.Grid3 .Column_5th_2.FirstItem,
div.Grid3 .Column_5th_3.FirstItem,
div.Grid3 .Column_5th_4.FirstItem,
div.Grid4 .Column_6th_1.FirstItem,
div.Grid4 .Column_6th_2.FirstItem,
div.Grid4 .Column_6th_3.FirstItem,
div.Grid4 .Column_6th_4.FirstItem,
div.Grid4 .Column_6th_5.FirstItem,
div.Grid3 .Column_6th_1.FirstItem,
div.Grid3 .Column_6th_2.FirstItem,
div.Grid3 .Column_6th_3.FirstItem,
div.Grid3 .Column_6th_4.FirstItem,
div.Grid3 .Column_6th_5.FirstItem,
div.Grid4 .Column_7th_1.FirstItem,
div.Grid4 .Column_7th_2.FirstItem,
div.Grid4 .Column_7th_3.FirstItem,
div.Grid4 .Column_7th_4.FirstItem,
div.Grid4 .Column_7th_5.FirstItem,
div.Grid4 .Column_7th_6.FirstItem,
div.Grid3 .Column_7th_1.FirstItem,
div.Grid3 .Column_7th_2.FirstItem,
div.Grid3 .Column_7th_3.FirstItem,
div.Grid3 .Column_7th_4.FirstItem,
div.Grid3 .Column_7th_5.FirstItem,
div.Grid3 .Column_7th_6.FirstItem,
div.Grid4 .Column_8th_1.FirstItem,
div.Grid4 .Column_8th_2.FirstItem,
div.Grid4 .Column_8th_3.FirstItem,
div.Grid4 .Column_8th_4.FirstItem,
div.Grid4 .Column_8th_5.FirstItem,
div.Grid4 .Column_8th_6.FirstItem,
div.Grid4 .Column_8th_7.FirstItem,
div.Grid3 .Column_8th_1.FirstItem,
div.Grid3 .Column_8th_2.FirstItem,
div.Grid3 .Column_8th_3.FirstItem,
div.Grid3 .Column_8th_4.FirstItem,
div.Grid3 .Column_8th_5.FirstItem,
div.Grid3 .Column_8th_6.FirstItem,
div.Grid3 .Column_8th_7.FirstItem,
div.Grid4 .Column_9th_1.FirstItem,
div.Grid4 .Column_9th_2.FirstItem,
div.Grid4 .Column_9th_3.FirstItem,
div.Grid4 .Column_9th_4.FirstItem,
div.Grid4 .Column_9th_5.FirstItem,
div.Grid4 .Column_9th_6.FirstItem,
div.Grid4 .Column_9th_7.FirstItem,
div.Grid4 .Column_9th_8.FirstItem,
div.Grid3 .Column_9th_1.FirstItem,
div.Grid3 .Column_9th_2.FirstItem,
div.Grid3 .Column_9th_3.FirstItem,
div.Grid3 .Column_9th_4.FirstItem,
div.Grid3 .Column_9th_5.FirstItem,
div.Grid3 .Column_9th_6.FirstItem,
div.Grid3 .Column_9th_7.FirstItem,
div.Grid3 .Column_9th_8.FirstItem,
div.Grid4 .Column_10th_1.FirstItem,
div.Grid4 .Column_10th_2.FirstItem,
div.Grid4 .Column_10th_3.FirstItem,
div.Grid4 .Column_10th_4.FirstItem,
div.Grid4 .Column_10th_5.FirstItem,
div.Grid4 .Column_10th_6.FirstItem,
div.Grid4 .Column_10th_7.FirstItem,
div.Grid4 .Column_10th_8.FirstItem,
div.Grid4 .Column_10th_9.FirstItem,
div.Grid3 .Column_10th_1.FirstItem,
div.Grid3 .Column_10th_2.FirstItem,
div.Grid3 .Column_10th_3.FirstItem,
div.Grid3 .Column_10th_4.FirstItem,
div.Grid3 .Column_10th_5.FirstItem,
div.Grid3 .Column_10th_6.FirstItem,
div.Grid3 .Column_10th_7.FirstItem,
div.Grid3 .Column_10th_8.FirstItem,
div.Grid3 .Column_10th_9.FirstItem{ margin-left: 0; }


/*
画像へのマウスオーバーで半透明
=========================================================================================== */
.Section a:hover img,
.Column1andHalf a:hover img {
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

/*
文中のニューアイコン付加
=========================================================================================== */
p.NewWin a {
    background-image: url(../../../image/jp/r1/icon/icon_new_window.gif) !important;
    background-position : right center;
    background-repeat: no-repeat;
    padding: 0 17px 0 0;
}
/*
文中のニューアイコン付加
=========================================================================================== */
.RightAdjust { text-align: right!important }


/*
リストの入れ子にインデント不可
=========================================================================================== */
.LinkListStyle1 li ul {
    margin-left    : 2em;
}


/*
グーグルマップのインラインフレーム
=========================================================================================== */
iframe.gmaps {
    border : 1px solid #eee;
    height : 550px;
    width  : 100%;
}



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

Unique Setting

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

/*
リンクカラーを青系に変更
=========================================================================================== */
a:link {
    color: #1a0dab;
    text-decoration: underline;
}
a:visited {
    color: #609;
    text-decoration: underline;
}
a:hover {
    color: #333a55;
    text-decoration: none;
}
a:active {
    color: #333a55;
    text-decoration: none;
}
h2.add a:link,
h2.add a:visited,
.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:visited,
.VerticalInnerLinks li a:link,
.VerticalInnerLinks li a:visited,
.oldcmp a:link strong,
.oldcmp a:visited strong { color: #1a0dab }
h2.add a:hover,
h2.add a:active,
.HorizontalInnerLinks li a:hover,
.HorizontalInnerLinks li a:active,
.VerticalInnerLinks li a:hover,
.VerticalInnerLinks li a:active,
.oldcmp a:hover strong,
.oldcmp a:active strong {
    color: #333a55;
    text-decoration: underline;
}

.mb0{ margin-bottom: 0px!important;}

/*
見出しカスタム
=========================================================================================== */
h2.Img {
    background       : none;
    margin           : 0 0 0;
    padding          : 0;
}
h2.Img span,
h2.Img15 span {
    background-color : none;
    color            : none;
    display          : block;
    font-size        : 100%;
    font-weight      : normal;
    line-height      : 100%;
    padding          : 0;
}
h2.Img15,
h3.Img {
    background       : none;
    margin           : 0 0 0;
    margin-bottom    : 15px;
    padding          : 0;
}
h2.add,
h3.add {
    left             : 0;
    position         : relative;
    top              : 0;
}
h2.add a {
    font-size        : 80%;
    position         : absolute;
    right            : 6px;
    top              : 8px;
}
h2.add a.linkicon {
    background-image: url("../../../image/jp/r1/icon/icon_link_right.gif")!important;
    text-decoration: none;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 17px 0 0;
}
h3 { border-bottom    : 1px solid #c8c8c8 }
h3 span.kakaku {
    color            : #555;
    display          : inline-block;
    float            : right;
    font-size        : 80%;
    font-weight      : normal;
    text-align       : right;
}
h3.add span {
    color            : #999;
    font-size        : 80%;
    position         : absolute;
    right            : 6px;
    top              : 0px;
}
h3.add span img {
    margin-right     : 4px;
    margin-top       : 2px;
}
h2 {
    background          : none;
    margin              : 0 0 15px;
    padding             : 0 0 0 0;
}
h2 a {
    background-position : right center;
    background-repeat   : no-repeat;
    padding             : 0 20px 0 0;
}
h2 span {
    background          : #fff;
    background-image    : url(../../../image/hsc/common/h2.png);
    background-position : center bottom;
    background-repeat   : no-repeat;
    color               : #575757;
    display             : block;
    font-size           : 110%;
    font-weight         : bold;
    line-height         : 130%;
    padding             : 10px 15px 10px 0;
    position: relative;
}
.Column2 h2 span,
.Column1andHalf h2 span,
.Column1 h2 span { background-position : left bottom }
h2.Img15 a:active,
h2.Img15 a:hover,
h2.Img15 a:link,
h2.Img15 a:visited,
h2.img a:active,
h2.img a:hover,
h2.img a:link,
h2.img a:visited {
    background-image    : none;
    color               : none;
    text-decoration     : none;
}
h2 span em {
    font-size: 65%;
    /* margin-right: -15px; */
    display: block;
    font-weight: normal;
    padding: 2px 4px;
    color: #fff;
    background: #444444;
    /* float: right; */
    position: absolute;
    right: 0;
    bottom: 10px;
}

/* AnnotationsStyle numeral Setting
数字の注意書き
=========================================================================================== */

ul.numeral li{
    padding: 0 0 0 1.6em!important;
    text-indent: -1.6em!important;
}

/*
文字スタイル
=========================================================================================== */

/*
赤文字
*/
.d_red,
.caution,
ul.AnnotationsStyle1 li.caution,
ul.AnnotationsStyle2 li.caution,
em.error {
    color       : #C00;
    font-weight : bold;
    white-space: nowrap;
}

p.notes{
    color       : #C00;
    font-weight : normal;
    white-space:normal;}
.b_red{
    color       : #C00;
    font-weight : bold;
}
.b_orange{
    color       : #EA8100;
    font-weight : bold;
}

.f100{ font-size: 100% !important; }
.f110{ font-size: 110% !important; }
.f120{ font-size: 120% !important; }

/*
キャッチコピー文字大
*/
.lead strong {
    color: #444;
    font-size: 120%;
}
/*
*/
.logo img { border: 1px solid #cfcfcf }
/*
余白強制コントロール
*/
.marginBottom5 { margin-bottom: 5px }
.marginLeft40 { margin-left: 40px }
.paddingLeft10 { padding-left: 10px }


.BoxPatternC.red{
    background-color: #FFF0F3;
    border: 1px solid #e60027;
}
.BoxPatternC.orange{
    background-color: #FFF4E6;
    border: 1px solid #F18D00;
}


/*
リスト
*/



.chkListStyle1 { margin-bottom  : 15px }
.chkListStyle1 ul { padding-top    : 5px }
.chkListStyle1.chkListStyle1 li {
    background     : url(../../../solution/image/icon_chk_list.jpg) no-repeat left 5px;
    font-size      : 90%;
    line-height    : 1.35;
    margin-bottom  : 5px;
    padding-left   : 15px;
}
.iconList li {
    float          : left;
    margin-bottom  : 6px;
    margin-right   : 6px;
    width          : auto;
}
ol.nohead { list-style     : none }
ul.sol2 li {
    float          : left;
    margin         : 0 10px 0 0;
    padding-bottom : 4px;
    width          : 48%;
}
.legacyicon li a:link,
.legacyicon li a:visited,
.sol2 li a:link,
.sol2 li a:visited { background-image: url(../../../image/hsc/icon/icon_link_right.gif) }
.legacyicon li a,
.sol2 li a {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 17px;
    display: block;
}
ol.lower-alpha { list-style: lower-alpha }

/*
サイドメニュー
*/
#sidemenu {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}
#sidemenu div { margin: 0; }


/*
ローカルナビの見出し
*/
#VerticalLocalNavi h2 a span {
    display: block;
    font-size: 80%;
    background-color: none;
    padding: 0;
    margin-top: 6px;
    font-weight: normal;
    line-height: 130%;
    color: #fff;
    background-color: #737373;
}
#VerticalLocalNavi h2 a:hover span,
#VerticalLocalNavi h2 a:active span {
    background-color: #444;
}



/*
ポイントボックス
*/
div.PointBox {
    background-color: #fff;
    clear: both;
    margin: 0 0 15px;
    padding: 15px 0 5px;
    border:#999 1px solid;
}


/*
課題→解決ボックス
*/
div.challenge .Column1andHalf {
    margin              : 0 0 0 60px;
    width               : 330px;
}
div.challenge .ColumnSet {
    background-image    : url(../../../image/hsc/common/bg_subject_answer.jpg);
    background-position : center center;
    background-repeat   : no-repeat;
}
div.challenge .FirstItem {
    margin              : 0;
}
div.challenge .PointBox {
    margin              : -2px 0 0 0;
}
div.challenge .answer .arrow {
    color               : #0063a4;
}
div.challenge .subject .arrow {
    color               : #d8002b;
}
div.challenge h3,
div.challenge h4.noMargin {
    line-height         : 100%;
    margin              : 0;
}
div.challenge h4 {
    margin              : 0 10px 5px;
}
div.challenge ul li.arrow {
    background          : url(../../../image/hsc/icon/icon_list_arrow.gif) no-repeat scroll 0 2px;
}


/*
アコーディオン
*/
.OpenContent h3 {
    cursor:pointer;
    padding: 10px 15px;
    background-color: #f3f3f3;
    background-image: url(../../../image/hsc/common/arrow_down.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.OpenContent h3.open { background-image: url(../../../image/hsc/common/arrow_up.png); }


/*
枠囲み
*/
.BoxPatternA h5,
.BoxPatternB h5 {
    border        : medium none;
    color         : #575757;
    font-size     : 90%;
    font-weight   : bold;
    margin        : 0;
    padding       : 0 15px 10px;
}
div.BoxPattern_case h3,
div.BoxPattern_pickup h3 {
    margin-bottom : 0;
    margin-left   : 15px;
    margin-right  : 15px;
}
div.BoxPattern_case p.ImgOnlyStyle,
div.BoxPattern_pickup p.ImgOnlyStyle {
    margin-left   : -15px;
    margin-top    : -15px;
}
div.BoxPattern_case p.ImgOnlyStyle img,
div.BoxPattern_pickup p.ImgOnlyStyle img {
    margin        : 0;
}



/*
人事総合ソリューション
*/
@media screen and (min-width: 769px) {
    div.jinji_feature{
        height:390px;
        background-image: url(../../../solution/jinji/image/index_img2.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 76.38%;
    }
}

div.jinji_feature ol.ListStyle1{
    font-weight: bold;
    list-style: none;
}
div.jinji_feature ol.ListStyle1 span.no1{	color: #479d26; }
div.jinji_feature ol.ListStyle1 span.no2{	color: #0063a4; }
div.jinji_feature ol.ListStyle1 span.no3{	color: #d8002b; }
div.jinji_application td.no1{ background: #ebf7e1; }
div.jinji_application td.no3{ background: #feedf1; }
div.jinji_application td.no2{ background: #e1eef7; }
div.jinji_application ul li{
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    float: left;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 2px;
    /* white-space: nowrap; */
}
td.tile_r,
td.tile,
td.tile_a {
    background-color: #f5f5f5;
}
td.tile_r:hover,
td.tile:hover,
td.tile_a:hover {
    background-color: #e5e5e5;
    cursor: pointer;
}


/*
お問い合わせボタン（赤）
*/
input.textContact:hover {
    background: #BE071C none repeat scroll 0% 0%;
    border: 3px solid #CCC;
    color: #EEE;
}
input.textContact {
    border: 3px solid #D9D9D9;
    width: 720px;
    text-align: center;
    padding: 12px 0px;
    margin-bottom: 15px;
    font-size: 80%;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
    background-color: #BE071C;
}


/*ソリューション・商品探すタブボタン
*/
.searchSection { }
.searchSection li { float: left }
.searchSection li a {
    display: block;
    width: 180px;
    height: 75px;
    background-image: url(../../../solution/search/image/btn_src.png);
    background-repeat: no-repeat;
}
.searchSection li a.category { background-position: 0px 0px }
.searchSection li a.task { background-position: -200px 0px }
.searchSection li a.keyword { background-position: -400px 0px }
.searchSection li a.name { background-position: -600px 0px }
.searchSection li.Current a.category { background-position: 0px -200px }
.searchSection li.Current a.task { background-position: -200px -200px }
.searchSection li.Current a.keyword { background-position: -400px -200px }
.searchSection li.Current a.name { background-position: -600px -200px }
.searchSection li a.category:hover { background-position: 0px -100px }
.searchSection li a.task:hover { background-position: -200px -100px }
.searchSection li a.keyword:hover { background-position: -400px -100px }
.searchSection li a.name:hover { background-position: -600px -100px }
.searchSection li.Current a.category:hover { background-position: 0px -300px }
.searchSection li.Current a.task:hover { background-position: -200px -300px }
.searchSection li.Current a.keyword:hover { background-position: -400px -300px }
.searchSection li.Current a.name:hover { background-position: -600px -300px }
.searchSection li a span {
    display: none;
    visibility: hidden;
}


/*
[c18-1-1] コンテンツナビゲーション > 1階層分
幅修正
*/
.CategoryNavi { padding: 0 0 8px }
.CategoryNavi li a { min-width: 94px }
.searchSection { padding-bottom: 0 }
/*
用語集行選択スタイル
*/
ul.RdAlphabetNaviEn,
ul.RdAlphabetNaviEnOthers,
ul.RdAlphabetNaviJa {
    font-size: 83%;
    font-weight: bold;
    margin: 0 0 6px;
}
ul.RdAlphabetNaviEn li,
ul.RdAlphabetNaviEnOthers li,
ul.RdAlphabetNaviJa li {
    color: #fff;
    float: left;
    margin-right: 3px;
    text-align: center;
}
ul.RdAlphabetNaviEn li a:hover,
ul.RdAlphabetNaviEnOthers li a:hover,
ul.RdAlphabetNaviJa li a:hover {
    background-color: #c02;
    color: #ffffff;
    font-weight: bold;
}
ul.RdAlphabetNaviEn li.LastItem,
ul.RdAlphabetNaviEnOthers li.LastItem,
ul.RdAlphabetNaviJa li.LastItem { margin-right: 0 }
ul.RdAlphabetNaviEn li.NoLink,
ul.RdAlphabetNaviEnOthers li.NoLink,
ul.RdAlphabetNaviJa li.NoLink {
    background: #fff;
    border: #575757 solid 1px;
    color: #575757;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 1.8em;
}
ul.RdAlphabetNaviEnOthers li a,
ul.RdAlphabetNaviEn li a,
ul.RdAlphabetNaviJa li a {
    background: #575757;
    color: #fff;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: none;
    white-space: nowrap;
}
ul.RdAlphabetNaviEnOthers li a { }
ul.RdAlphabetNaviEn li a { width: 1.8em }
ul.RdAlphabetNaviJa li a { width: 4.3em }



.tabBtn {
    border-bottom: 1px solid #b1000e;
    margin-bottom: 25px !important;
}
.tabBtn ul {
    border-bottom: 3px solid #b1000e;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 0;
}
.tabBtn ul li {
    border: 1px solid #ccc;
    border-width: 1px 1px 0;
    float: left;
    margin-right: 3px;
}
.tabBtn ul li.active {
    border: 1px solid #b1000e;
    border-width: 1px 1px 0;
}
.tabBtn ul li a {
    display: block;
    border-top: 1px solid #fff;
    padding: 15px 20px 14px 20px;
    text-align: center;
    min-width: 100px;
    text-decoration: none;
    color: #444;
    font-size: 110%;
    line-height: 1.3em;
    background: none;
}
.tabBtn ul li a:hover {
    background-color: #FFF2F4;
    color: #E60027;
}
.tabBtn ul li.active a {
    border-top: 1px solid #b1000e;
    background: #b1000e;
    color: #fff;
    font-weight: bold;
}
#historyTab.tabBtn ul li,
#solTab.tabBtn ul li {
    width: 49%;
    margin-right: 0;
    float: right;
}
#historyTab.tabBtn ul li:first-child,
#solTab.tabBtn ul li:first-child { float: left }
#historyTab.tabBtn ul li a { text-align: left }
.ButtonStyle1 li.NewWin a,
.ButtonStyle2 li.NewWin a { background-image: url(../../../image/hsc/common/icon_new_window_white.gif) }
div.remote_attestation .button input {
    margin-bottom : 5px;
    padding       : 5px;
    width         : 200px;
}
.ButtonStyle1.L a{
    font-size: 90%;
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 200px;
}
.ButtonStyle1.center li{
    text-align: center;
}

div.remote_attestation .checkbox { font-size     : 90% }
div.remote_attestation .checkbox input { margin-right  : 8px }
div.remote_attestation div.note {
    border        : 1px solid #999;
    font-size     : 90%;
    height        : 440px;
    margin-bottom : 15px;
    overflow      : auto;
    padding       : 10px;
    /* width         : 700px; */
}
.LinkListStyle1 .Pdf span { float: right }

/*Q&Aでの質問数*/
ol.qa {
    padding             : 0;
}
ol.qa li {
    background-position : left 7px;
    background-repeat   : no-repeat;
    clear               : both;
    list-style          : none;
    padding-left        : 40px;
}
ol.qa li.q1{background-image: url(../../../image/hsc/icon/qa_ic01.gif);}
ol.qa li.q2{background-image: url(../../../image/hsc/icon/qa_ic02.gif);}
ol.qa li.q3{background-image: url(../../../image/hsc/icon/qa_ic03.gif);}
ol.qa li.q4{background-image: url(../../../image/hsc/icon/qa_ic04.gif);}
ol.qa li.q5{background-image: url(../../../image/hsc/icon/qa_ic05.gif);}
ol.qa li.q6{background-image: url(../../../image/hsc/icon/qa_ic06.gif);}
ol.qa li.q7{background-image: url(../../../image/hsc/icon/qa_ic07.gif);}
ol.qa li.q8{background-image: url(../../../image/hsc/icon/qa_ic08.gif);}
ol.qa li.q9{background-image: url(../../../image/hsc/icon/qa_ic09.gif);}
ol.qa li.q10{background-image: url(../../../image/hsc/icon/qa_ic10.gif);}
ol.qa li.q11{background-image: url(../../../image/hsc/icon/qa_ic11.gif);}
ol.qa li.q12{background-image: url(../../../image/hsc/icon/qa_ic12.gif);}
ol.qa li.q13{background-image: url(../../../image/hsc/icon/qa_ic13.gif);}
ol.qa li.q14{background-image: url(../../../image/hsc/icon/qa_ic14.gif);}
ol.qa li.q15{background-image: url(../../../image/hsc/icon/qa_ic15.gif);}
ol.qa li.q16{background-image: url(../../../image/hsc/icon/qa_ic16.gif);}
ol.qa li.q17{background-image: url(../../../image/hsc/icon/qa_ic17.gif);}
ol.qa li.q18{background-image: url(../../../image/hsc/icon/qa_ic18.gif);}
ol.qa li.q19{background-image: url(../../../image/hsc/icon/qa_ic19.gif);}
ol.qa li.q20{background-image: url(../../../image/hsc/icon/qa_ic20.gif);}
ol.qa li.q21{background-image: url(../../../image/hsc/icon/qa_ic21.gif);}





/*お問い合わせ系モジュール*/
#inquiry_bottom { text-align    : center }
#inquiry_bottom form {
    display       : inline;
    font-size     : 0;
    margin        : 0;
    padding       : 0;
    width         : 230px;
}
#inquiry_bottom input:hover,
#inquiry_side li.form input:hover {
    -moz-opacity  : 0.8;
    filter        : alpha(opacity=80);
    opacity       : 0.8;
}
#inquiry_bottom p {
    display       : inline;
    font-size     : 0;
    margin        : 0;
    padding       : 0;
    text-align    : center;
}
#inquiry_bottom p.TextStyle2 {
    display       : block;
    font-size     : 120%;
    font-weight            : bold;
    padding-bottom: 5px;
}
#inquiry_bottom h2 { margin-bottom: 5px }
#inquiry_side { margin-bottom : 15px }
#inquiry_side li.form,
#inquiry_side li.tel { margin-bottom : 4px }
#inquiry_side ul {
    text-align    : center;
}
#inquiry_bottom p.tel img { border-right: solid 4px #fff }
#inquiry_bottom p.catalog img { border-left: solid 4px #fff }
#inquiry_bottom p.form img,
#inquiry_side li.form img,
.CourtesyNavi li a{
    cursor:pointer;}
#inquiry_side li.catalog{
    font-size: 0;
}

#inquiry_side li.tel_sp {
    background-color: #f2f2f2;
    padding: 15px 10px 10px;
    margin-bottom : 4px;
}
#inquiry_side li.tel_sp h3{
    border: none;
    font-size: 95%;
    color: #444;
    margin-bottom: 5px;
}
#inquiry_side li.tel_sp p.TextStyle2{
    line-height: 1.3em;
    margin-bottom: 5px;
    font-size: 80%;
}
#inquiry_side li.tel_sp .t-number{
    font-weight: bold;
    font-size: 155%;
    font-family: Arial;
    line-height: 1em;
    margin-bottom: 6px;
}
#inquiry_side li.tel_sp .t-number:before{
    content: "";
    background: url(../../../image/hsc/common/number.jpg) no-repeat;
    display: inline-block;
    height: 25px;
    width: 44px;
    margin: 0 2px 0 0;
    vertical-align: middle;
}




/*IE対策*/
/*.HorizontalInnerLinks li { white-space: nowrap }*/



/*企業情報系パネルリンク*/
div.panel { margin-bottom    : 15px }

div.panel .Column1 {


}
div.panel .Column1 > a {
    color            : #777;
    text-decoration  : none;
    background-color : #f2f2f2;
    display: block;
}
div.panel .Column1 > a h2,
div.panel .Column1 > a h3 {
    display          : block;
    font-weight      : bold;
    border: none;
    margin           : 0;
    padding          : 0;
    padding          : 0 10px;
}
div.panel .Column1 > a h3 { margin-bottom: 10px }
div.panel .Column1 > a h4 {
    font-size: 90%;
    margin           : 0;
    padding          : 0;
    padding          : 0 10px;
}
div.panel .Column1 > a img {
    border-bottom    : 5px solid #CF0207;
    margin-bottom    : 5px;
}
div.panel .Column1 > a p.TextStyle1 {
    margin           : 0;
    margin-bottom    : 5px;
    padding          : 0;
    padding          : 0 10px 5px;
}
div.panel .Column1 > a:hover {
    -moz-opacity     : 0.8;
    filter           : alpha(opacity=80);
    opacity          : 0.8;
}
div.panel .Column1 ul.LinkListStyle1{
    margin-top: 10px;
}
/*所在地地図*/
#map { margin-bottom: 10px }
a.print { float: right }



/*トップフリーワード*/
div.freeword {
    background: #f2f2f2;
    display: block;
}
div.freeword dl dt {
    float: left;
    width: 50%;
}
div.freeword dl dd {
    float: right;
    width: 50%;
}
div.freeword dl dd form {
    border: #ccc solid 1px;
    background: #fff;
    margin: 4% auto auto;
    width: 85%;
}
div.freeword dl dd form input.SearchTextBox_free {
    border: 0 none;
    margin: 0 0 0 5px;
    padding: 4px;
    vertical-align: top;
    width: 80%;
    height: 20px;
}
div.freeword dl dd form input.BtnSearch_free {
    width: 20px;
    height: 30px;
    border: 0px solid;
    cursor: pointer;
    background-image: url(../../../image/hsc/common/src_button.gif);
    background-repeat: no-repeat;
    background-position: center center;
}



/* //solution/kai_style/feature/
=========================================================================================== */

span.TextRed,
em.TextRed,
strong.TextRed{color: #d8002b;}

span.TextBlue,
em.TextBlue,
strong.TextBlue{color: #008096;}


div ul.arrow {
    background: url("../../../solution/kai_style/image/arrow_top.png") no-repeat scroll center 0 transparent;
    display: block;
    margin-bottom: 10px;
    width: 230px;
}
div ul.arrow li {
    background: url("../../../solution/kai_style/image/arrow_bottom.png") no-repeat scroll center bottom transparent;
    font-weight: bold;
    color: #FFF;
    margin-bottom: -1px;
    padding-top: 10px;
    text-align: center;
}


/* //solution/kai_style/case/
=========================================================================================== */


.IntroductionList {font-size: 90%;}

.IntroductionList:after {
    content: "";
    display: block;
    clear: both;
}

.IntroductionList dt{
    float: left;
    line-height: 140%;
}

.IntroductionList dd {margin: 0 0 0 9em;}

dl.DateListStyle2 dd.MultipleDate {
    margin: 0 0 1.8em 9em;
}

/*  /solution/biz_plus/index.html
=========================================================================================== */
div#feature_navi3 a{
    display:block;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    line-height: 1.7em;
    background-color: #6666cc;
    color:#ffffff;
    text-decoration: none;
    margin-bottom:5px;
}
div#feature_navi3 a:hover {
    background-color: #3333cc;
}

.tag1, .tag2, .tag3, .tag4, .tag5{
    margin-left: 5px;
    padding: 1px 3px;
    white-space:nowrap;
    font-size: 77%;
    font-weight: bold;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(PIE.htc.html);
    position:relative;
}

/* ピンクのタグ */
.tag1{
    background: #e4016f;
}

/* 黄緑のタグ */
.tag2{
    background: #80bf01;
}

.tag3{
    background: #fa7e01;
}

.tag4{
    /* background: #e5ad01; */
    background: #b4bccc;
    color: #414d59;
}

.tag5{
    background: #119de9;
}

#function_navi1{
    width: 100%;
    max-width: 600px;
    /* height: 100px; */
    margin: 0 auto;
    padding: 0;
    /*    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;*/
}

/*
#function_navi2{
width: 600px;
height: 100px;
margin: 0 auto;
padding: 0;
background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
}
*/

#function_navi1 ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*
#function_navi2 ul{
margin: 0;
padding: 0;
}
*/

#function_navi1 li{
    list-style:none;
    /* float:left; */ /* li要素を横並びに */
}

/*
#function_navi2 li{
list-style:none;
float:left;  li要素を横並びに
}
*/

#function_navi1 li a{
    display:block;
    overflow: hidden;
    width:100px;
    height:100px;
    text-decoration: none;
    text-indent:-9999px;
    background-repeat: no-repeat;
    /* border: 1px solid #000; */
    /* margin: 10px; */
}

/*
#function_navi2 li a{
display:block;
overflow: hidden;
width:100px;
height:100px;
text-decoration: none;
text-indent:-9999px;
background-repeat: no-repeat;
}
*/


#kaisaku_biz_hanbai a{
    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;
    background-position: -2px 0px;
}
#kaisaku_biz_koubai a{
    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;
    background-position: -103px 0px;
}
#kaisaku_biz_zaiko a{
    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;
    background-position: -202px 0px;
}
#kaisaku_biz_saiken a{
    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;
    background-position: -298px 0px;
}
#kaisaku_biz_saimu a{
    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;
    background-position: -399px 0px;
}
#kaisaku_biz_edi a{
    background:url(../../../solution/biz_plus/image/top_03.png) no-repeat;
    background-position: -498px 0px;
}
#kaisaku_biz_hanbai a:hover{
    background-position: -2px -100px;
}
#kaisaku_biz_koubai a:hover{
    background-position: -103px -100px;
}
#kaisaku_biz_zaiko a:hover{
    background-position: -202px -100px;
}
#kaisaku_biz_saiken a:hover{
    background-position: -298px -100px;
}
#kaisaku_biz_saimu a:hover{
    background-position: -399px -100px;
}
#kaisaku_biz_edi a:hover{
    background-position: -498px -100px;
}

#kaisaku_biz_master a{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -2px 0px;
}

#kaisaku_biz_highspeed a{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -103px 0px;
}

#kaisaku_biz_yojiseki a{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -202px 0px;
}

#kaisaku_biz_bi a{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -298px 0px;
}

#kaisaku_biz_zaikokenpin a{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -399px 0px;
}

#kaisaku_biz_nichizatsu a{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -498px 0px;
}
#kaisaku_biz_master a:hover{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -2px -100px;
}

#kaisaku_biz_highspeed a:hover{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -103px -100px;
}

#kaisaku_biz_yojiseki a:hover{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -202px -100px;
}

#kaisaku_biz_bi a:hover{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -298px -100px;
}

#kaisaku_biz_zaikokenpin a:hover{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -399px -100px;
}

#kaisaku_biz_nichizatsu a:hover{
    background:url(../../../solution/biz_plus/image/top_04.png) no-repeat;
    background-position: -498px -100px;
}



#feature_navi1{
    width: 600px;
    height: 75px;
    margin: 0 auto;
    padding: 0;
    background:url(../../../solution/biz_plus/image/top_05.png) no-repeat;
}

#feature_navi2{
    width: 600px;
    height: 75px;
    margin: 0 auto;
    padding: 0;
    background:url(../../../solution/biz_plus/image/top_06.png) no-repeat;
}

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

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

#feature_navi1 li{
    list-style:none;
    float:left; /* li要素を横並びに */
}

#feature_navi2 li{
    list-style:none;
    float:left; /* li要素を横並びに */
}

#feature_navi1 li a{
    display:block;
    overflow: hidden;
    width:200px;
    height:75px;
    text-decoration: none;
    text-indent:-9999px;
    background-repeat: no-repeat;
}

#feature_navi2 li a{
    display:block;
    overflow: hidden;
    width:200px;
    height:75px;
    text-decoration: none;
    text-indent:-9999px;
    background-repeat: no-repeat;
}


#kaisaku_biz_topic1 a:hover{
    background:url(../../../solution/biz_plus/image/top_05.png) no-repeat;
    background-position:0px -75px;
}
#kaisaku_biz_topic2 a:hover{
    background:url(../../../solution/biz_plus/image/top_05.png) no-repeat;
    background-position:-200px -75px;
}
#kaisaku_biz_topic3 a:hover{
    background:url(../../../solution/biz_plus/image/top_05.png) no-repeat;
    background-position:-400px -75px;
}
#kaisaku_biz_topic4 a:hover{
    background:url(../../../solution/biz_plus/image/top_06.png) no-repeat;
    background-position:0px -75px;
}
#kaisaku_biz_topic5 a:hover{
    background:url(../../../solution/biz_plus/image/top_06.png) no-repeat;
    background-position:-200px -75px;
}

#kaisaku_biz_topic6 a:hover{
    background:url(../../../solution/biz_plus/image/top_06.png) no-repeat;
    background-position:-400px -75px;
}

.NewsInfo ul.LinkListStyle1 li{
    position:relative;
    padding-left:80px;
}


.NewsInfo ul.LinkListStyle1 li span.tag1,
.NewsInfo ul.LinkListStyle1 li span.tag2,
.NewsInfo ul.LinkListStyle1 li span.tag3,
.NewsInfo ul.LinkListStyle1 li span.tag4,
.NewsInfo ul.LinkListStyle1 li span.tag5{
    position:absolute;
    top:5px;
    left:0;
    width:6em;
    text-align:center;
}


.videogallery {
    width:100%;
    zoom:1;
}
.videogallery span{ display:block; }
.videogallery a{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    position:relative;
    vertical-align:top;
    margin:3px;
    padding:6px;
    width:160px;
    border:solid 1px #b8b8b8;
    background-color:#f4f5f5;
    font-family:Trebuchet,Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    opacity:0.87;
}
.videogallery a.videolb{display:none}
.videogallery a img{
    display:block;
    border:none;
    margin:0px;
}
.videogallery a:hover{
    opacity:1;
}

/* wide version add T.Shishido */
.videogallery_w {
    width:100%;
    zoom:1;
}
.videogallery_w span{ display:block; }
.videogallery_w a{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    position:relative;
    vertical-align:top;
    margin:3px;
    padding:6px;
    width:445px;
    border:solid 1px #b8b8b8;
    background-color:#f4f5f5;
    font-family:Trebuchet,Tahoma,Arial,sans-serif;
    font-size:80%;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    opacity:0.87;
}
.videogallery_w a.videolb{display:none}
.videogallery_w a img{
    display:block;
    border:none;
    margin:0px;
}
.videogallery_w a:hover{
    opacity:0.8;
}
.videogallery_w a em{
    margin-top:5px;
    display:block;
}
/* the overlayed element */
#voverlay {

    /* growing background image */
    background-image:url(../../../solution/image/m_back.png);

    /* dimensions after the growing animation finishes  */
    width:640px;
    height:360px;

    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:10px;
}

/* default close button positioned on upper right corner */
#voverlay .close {
    background-image:url(../../../solution/image/m_close.png);
    position:absolute;
    right:-19px;
    top:-19px;
    cursor:pointer;
    height:29px;
    width:29px;
}
#voverlay .close:hover{
    background-image:url(../../../solution/image/m_close_hover.png);
}

#voverlay .vcontainer{
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../../../solution/image/m_loading.gif) no-repeat 50% 50%;
}



/*  /solution/biz_plus/case/case_integral.html
=========================================================================================== */


dl.IntroductionList,
dl.IntroductionList2,
dl.IntroductionList3,
dl.IntroductionList4,
dl.IntroductionList5 { font-size: 90% }
dl.IntroductionList dt,
dl.IntroductionList2 dt,
dl.IntroductionList4 dt,
dl.IntroductionList5 dt,
dl.IntroductionList4 dt,
dl.IntroductionList6 dt { padding: 0 0 0 17px }
dl.IntroductionList3 dt {
    background: none;
    padding: 0;
}
dl.IntroductionList dd,
dl.IntroductionList2 dd {
    margin: 0 0 0 8em;
    padding: 0 0 5px 0;
}
dl.IntroductionList2 dd {
    margin: -1.65em 0 0 9em;
    padding: 0 0 5px 0;
}
dl.IntroductionList3 dd {
    margin: -1.65em 0 0 12.5em;
    padding: 0 0 5px 0;
}
dl.IntroductionList4 dd {
    margin: -1.65em 0 0 20em;
    padding: 0 0 5px 0;
}
dl.IntroductionList5 dd {
    margin: -1.65em 0 0 11em;
    padding: 0 0 5px 0;
}
dl.IntroductionList6 dd {
    margin: -1.65em 0 0 14em;
    padding: 0 0 5px 0;
}
dl.IntroductionTalk dt,
dl.IntroductionTalk dd { padding-left: 35px !important; }
dl.IntroductionTalk dt {
    background: url("../../../solution/image/IntroductionTalk_dt.gif") no-repeat !important;
    font-weight: bold;
}
dl.IntroductionTalk dd { margin-bottom: 3px !important; }
dl.IntroductionTalk dd dl.ListStyle3,
dl.IntroductionTalk dd ol,
dl.IntroductionTalk dd ul { font-size: 100% }
dl.IntroductionTalk dd dl.ListStyle3 dt { background: none !important; }
dl.IntroductionTalk dd div.BoxPatternB { margin: 15px 0 !important; }
dl.IntroductionTalk dd ol.ListStyle1 { margin: 10px 0 10px 30px !important; }

/*  /solution/biz_plus/function/hanbai.html
=========================================================================================== */
.BoxPatternA ol {
    margin-bottom: 10px;
    margin-left: 10px;
}
/*  /solution/kaisaku_report/application/index2.html
=========================================================================================== */
.BoxPatternB.WhiteLined {
    border: 1px solid #DDD;
    background: #ffffff;
}
.ImgW180SetStyle .ImgSet p { margin-left: 200px }
/*  /solution/domobile/faq/
=========================================================================================== */
#Popup .question {
    margin-bottom: 10px;
    background: url("../../../solution/image/faq_question.gif") no-repeat 0 0;
	min-height: 60px;
}
#Popup .answer {
    margin-bottom: 20px;
    /*padding-top: 20px;*/
    background: url("../../../solution/image/faq_answer.gif") no-repeat 0 0;
	min-height: 60px;
}
#Popup .question p {
    display: block;
    padding: 4px 10px 19px 70px;
    font-size: 120%;
    font-weight: bold;
}
#Popup .answer .inner { padding: 0 30px 20px 70px }

/* /solution/kaisaku/contents_builder/index.html
=========================================================================================== */
div.tabSection { display: none }
div.TabNaviStyle1 {
    text-align: center;
    margin-bottom: 12px;
}
div.TabNaviStyle1 ul { }
div.TabNaviStyle1 ul li {
    display: block;
    padding: 12px;
    background-color: #eee;
    width: 326px;
}
div.TabNaviStyle1 ul li.Current { background-color: #CCC }
div.TabNaviStyle1 ul li.normal { cursor: pointer }
div.TabNaviStyle1 ul li.FirstItem { float: left }
div.TabNaviStyle1 ul li.LastItem { float: right }

/*  /solution/kaisaku/contents_builder/index.html
=========================================================================================== */
dl.FaqList dt,
ul.FaqList li {
    background: url("../../../solution/image/icon_question.gif") no-repeat scroll 0 0.1em  transparent;
    font-weight: bold;
}
dl.FaqList dt,
dl.FaqList dd{				padding-left:1.5em;}
dl.FaqList dd { background: url("../../../solution/image/icon_answer.gif") no-repeat scroll 0 0.1em  transparent;}
dl.FaqList dd ul,
dl.FaqList dd ol,
dl.FaqList dd p {
    font-size: 100%;
    margin-top: 5px;
}
/*  /solution/voice/webdemo/index.html
=========================================================================================== */
div.Webdemo {
    margin: 0 auto 40px auto;
    padding: 10px;
    width: 640px;
    height: 620px;
    border: solid 2px #999999;
}
div.Webdemo2 {
    margin: 0 auto 40px auto;
    padding: 10px;
    width: 965px;
}

/* -- /solution/voice/
=========================================================================================== */
dl.SoundBtnSet dt,
ul.SoundBtnSet li {
    background: url("../../../solution/image/icon_sound.gif") no-repeat scroll 0 0.15em transparent;
    padding-left: 24px;
}
.ImgW60SetStyle .ImgSet div.AudioFlash {
    /*    margin-left: 80px;*/
    margin-bottom: 15px;
}

/*  /solution/voice_neomar/
=========================================================================================== */
dl.Rental_UserMerit dt,
ul.UserMeritChallenge li {
    background: url("../../../solution/image/icon_challenge.gif") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    line-height: 1.2;
}
dl.Rental_UserMerit dd,
ul.UserMerit li {
    background: url("../../../solution/image/icon_user_merit.gif") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    line-height: 1.2;
}
ul.AnnotationsStyle2 {
    margin: 0 0 15px;
    font-size: 83%;
}
ul.AnnotationsStyle2 li {
    margin: 0 0 4px;
    padding: 0 0 0 1em;
    color: #666;
    font-weight: bold;
    text-indent: -1em;
    line-height: 1.35;
}
/* Mac Safari */
html[xmlns*=""] body:last-child ul.AnnotationsStyle2 li { text-indent: -0.75em }
/* */

/*  /solution/dts/featurer/
=========================================================================================== */
.ImgW60SetStyle .ImgSet ul.DtsList { margin-left: 80px }
/*  /solution/search/
=========================================================================================== */
ul.tabs_name,
ul.tabs_name_eng {
    font-size: 83%;
    font-weight: bold;
    margin: 0 0 6px;
}
ul.tabs_name li,
ul.tabs_name_eng li {
    color: #fff;
    float: left;
    margin-right: 3px;
    text-align: center;
}
ul.tabs_name li a:active,
ul.tabs_name_eng li a:active {
    background-color: #c02;
    color: #ffffff;
    font-weight: bold;
}
ul.tabs_name li.LastItem,
ul.tabs_name_eng li.LastItem { margin-right: 0 }
ul.tabs_name li.active a,
ul.tabs_name_eng li.active a { background-color: #c02 }
ul.tabs_name li a,
ul.tabs_name li span {
    background: #575757;
    color: #fff;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    width: 4.3em;
    padding-bottom: 5px;
    padding-top: 5px;
}
ul.tabs_name li span,
ul.tabs_name_eng li span {
    background: #fff;
    border: #575757 solid 1px;
    color: #575757;
    padding-bottom: 4px;
    padding-top: 4px;
}
ul.tabs_name_eng li {
    padding-bottom: 4px;
    padding-top: 4px;
    width: 1.8em;
}
ul.tabs_name_eng li a,
ul.tabs_name_eng li span {
    background: #575757;
    color: #fff;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    padding-bottom: 5px;
    padding-top: 5px;
}
ul.tabs_name_eng li span {
    background: #fff;
    border: #575757 solid 1px;
    color: #575757;
    padding-bottom: 4px;
    padding-top: 4px;
}




/* -- /solution/feature/
=========================================================================================== */


div.Grid4 h2 { background: none; }
div.Grid4 h2 span {
    background: none;
    padding-left: 0;
    padding-right: 0;
}
div.ColumnSet_feature2:after,
div.ColumnSet_feature3:after,
div.ColumnSet_feature4:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
div.Grid4 div.ColumnSet_feature2 div.Column {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 13px;
    width: 455px;
}
div.Grid4 div.ColumnSet_feature3 div.Column {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 13px;
    width: 313px;
}
div.Grid4 div.ColumnSet_feature3ex div.Column {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 13px;
    width: 300px;
}
div.Grid4 div.ColumnSet_feature4 div.Column {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 13px;
    width: 226px;
}
div.Grid4 div.ColumnSet_feature2 div.LastItem,
div.Grid4 div.ColumnSet_feature3 div.LastItem,
div.Grid4 div.ColumnSet_feature3ex div.LastItem,
div.Grid4 div.ColumnSet_feature4 div.LastItem { margin-right: 0 }
div.BoxPattern_feature {
    border: 1px solid #c5c3ba;
    margin: 0 0 15px;
}
div.BoxPattern_feature h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000;
    border-color: -moz-use-text-color -moz-use-text-color #c5c3ba;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #fff;
    font-size: 135%;
    padding: 8px 0;
    text-align: center;
}
div.BoxPattern_feature div.Inner {
    border: medium none;
    padding: 10px 10px 0;
}
div.BoxPattern_feature2 { margin: 0 0 15px }
div.BoxPattern_feature2 h3 {
    background: url("../../../solution/feature/image/feature2-midashi.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none;
    color: #000;
    font-size: 135%;
    margin-top: 10px;
    padding: 8px 0;
    text-align: center;
}
div.BoxPattern_feature2 div.Inner {
    border: medium none;
    padding: 10px 10px 0;
}
div.BoxPattern_feature3 {
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 10px 0 15px;
    position: relative;
}
div.BoxPattern_feature3 h3 {
    background-image: url("../../../solution/feature/image/feature2-midashi.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    border: medium none;
    color: #000;
    font-size: 135%;
    padding: 6px 0;
    text-align: center;
}
div.BoxPattern_feature3 div.Inner {
    border: medium none;
    padding: 10px 10px 0;
}
div.Grid4 div.Bg_arrow div.Column2 { width: 425px }
ul.LinkListStyle_feature3 { }
ul.LinkListStyle_feature3 li {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 13px;
}
ul.LinkListStyle_feature3 li.LastItem { margin-right: 0 }
div.Bg_arrow { background: url("../../../solution/feature/image/bg_arrow.gif") no-repeat scroll center center rgba(0, 0, 0, 0)  }
div.BrandingList { position: relative }
div.BrandingList ul.BrandingList_voice {
    position: absolute;
    right: 0;
    top: 625px;
    z-index: 100;
}
div.BrandingList ul.BrandingList_kaisaku {
    left: 169px;
    position: absolute;
    top: 668px;
    z-index: 100;
}
div.BrandingList ul.BrandingList_kaisaku li { float: left }
div.BrandingList ul.BrandingList_kaisaku li.LastItem { margin-left: 1px }
div.BrandingList ul.BrandingList_domobile {
    left: 30px;
    position: absolute;
    top: 447px;
    z-index: 100;
}
div.BrandingList ul.BrandingList_domobile li { z-index: 150 }
div.BrandingList ul.BrandingList_kaisaku_mobile_plus {
    left: 30px;
    position: absolute;
    top: 500px;
    z-index: 100;
}
div.BrandingList ul.BrandingList_kaisaku_mobile_plus li { z-index: 150 }
div.BoxPattern_feature div.Inner dl.AdditionalNotesStyle2 { margin: 0 }
div.business_box {
    background: url("../../../solution/feature/image/box_bottom.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    margin: 0 auto;
    width: 800px;
}
div.business_box p.TextStyle1 {
    background: url("../../../solution/feature/image/box_top.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    margin: 0;
    padding: 20px 30px;
}
ul.samantha_list {
    background: url("../../../solution/feature/image/indexSamanthaImage02.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 194px;
    margin: 0 auto;
    width: 865px;
}
ul.samantha_list li {
    float: left;
    margin: 0 0 0 5px;
    padding-top: 63px;
}
ul.samantha_list li.FirstItem { margin-left: 8px }

p.TxtPoint1 {
    font-size: 180%;
}
p.TxtPoint2 {
    font-size: 120%;
}
p.TxtPoint3 {
    font-size: 100%;
}
div.BrandingList {
    z-index: 1;
}
p#BrandingImgStyle2 img {
    z-index: 70;
}
p.BrandingImgStyle3 img {
    z-index: 70;
}
p.BrandingImgStyle4 img {
    z-index: 1;
}
div.wrap_kaisaku_mobile_plus {
    border: 1px solid #c5c3ba;
    width: 965px;
}
div.wrap_kaisaku_mobile_plus div {
    display: table-cell;
    font-size: 1.2em;
    vertical-align: middle;
    width: 475px;
}
div.wrap_kaisaku_mobile_plus div.box_left {
}
div.wrap_kaisaku_mobile_plus div.box_right {
}
* html div.wrap_kaisaku_mobile_plus div {
    display: inline;
}
:first-child + html div.wrap_kaisaku_mobile_plus div {
    display: inline;
}
div#kaisaku_business_plus {
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
div#kaisaku_business_plus h1 {
    color: #000000;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
}
div#kaisaku_business_plus h1 span {
    font-size: 18px;
    line-height: 30px;
}
div#kaisaku_business_plus h2 {
    color: #333333;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
    margin: 30px 0 20px;
}
div#kaisaku_business_plus h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
div#kaisaku_business_plus h4 {
    color: #333333;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
}
div#kaisaku_business_plus .catchText {
    color: #000000;
    font-size: 18px;
    line-height: 20px;
    margin: 15px 0;
}
div#kaisaku_business_plus .business_plus_rt-round-top h2 {
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    line-height: 32px;
    margin: -15px 0 15px;
    text-align: center;
}
div.keyText {
    background: none repeat scroll 0 0 #ffffff;
    opacity: 0.6;
    padding: 5px;
    position: absolute;
    top: 470px;
    width: 955px;
    z-index: 100;
}
div#kaisaku_business_plus p.TextStyleLp1 {
    font-size: 90%;
    line-height: 150%;
    margin: 0 0 15px;
}
div#kaisaku_business_plus p.TextStyleLp1_ub {
    font-size: 90%;
    font-weight: bold;
    line-height: 150%;
    margin: 0 0 15px;
    text-decoration: underline;
}
div.keyText2 {
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 400px;
    width: 955px;
    z-index: 100;
}
div.keyText3 {
    padding: 10px;
    position: absolute;
    top: 130px;
    width: 600px;
    z-index: 100;
}
div#kaisaku_business_plus .keyText3 h1 {
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
}
div#kaisaku_business_plus #h1style {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
div#kaisaku_business_plus #h1style span {
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}
div#kaisaku_business_plus_h1style {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 3px 5px #999;
    height: 90px;
    left: 280px;
    margin-top: 20px;
    opacity: 0.9;
    padding: 15px;
    position: absolute;
    top: -150px;
    width: 540px;
    z-index: 100;
}
div.keyText4 {
    margin-left: 120px;
    padding: 5px;
    position: absolute;
    top: 470px;
    width: 955px;
    z-index: 100;
}
div.keyText5 {
    margin-left: 120px;
    padding: 5px;
    position: relative;
    top: -170px;
    width: 955px;
    z-index: 100;
}
div.keyText6 {
    margin-left: 120px;
    padding: 5px;
    position: absolute;
    top: 420px;
    width: 955px;
    z-index: 100;
}
div.keyText7 {
    margin-left: 90px;
    padding: 5px;
    position: relative;
    top: -150px;
    width: 955px;
    z-index: 100;
}
div.keyText10 {
    margin-left: 120px;
    padding: 5px;
    position: relative;
    top: -155px;
    width: 955px;
    z-index: 100;
}
div.keyText8 {
    left: 855px;
    margin-left: 5px;
    padding: 5px;
    position: absolute;
    top: -105px;
    width: 955px;
    z-index: 100;
}
.keyText9 {
    left: 270px;
    margin-left: 5px;
    padding: 5px;
    position: absolute;
    top: 1055px;
    width: 955px;
    z-index: 100;
}
div.keyText11 {
    margin-left: 120px;
    padding: 5px;
    position: absolute;
    top: 1035px;
    width: 955px;
    z-index: 100;
}
div#kaisaku_business_plus .catchText2 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin: 20px 0;
    width: 500px;
}
div#kaisaku_business_plus .catchText3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin: 20px 0;
    width: 700px;
}
div#kaisaku_business_plus .cap {
    font-size: 13px;
}
.TextLink a {
    background-color: #3399cc;
    color: #ffffff;
    font-size: 18px;
    margin: 10px 5px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
.TextLink a:hover {
    background-color: #6666cc;
}
.TextLink2 a {
    background-color: #ff6600;
    color: #ffffff;
    font-size: 18px;
    margin: 10px 5px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
.TextLink2 a:hover {
    background-color: #cc6600;
}
div.keyText12 {
    position: absolute;
    margin-top:30px;
    left: 340px;
    bottom: 35px;
    z-index: 100;
}
div.keyText13 {
    margin-left: 120px;
    padding: 5px;
    position: absolute;
    bottom: 30px;
    width: 955px;
    z-index: 100;
}

div.business_plus_rt-round-top {
    background-image: url("../../../solution/feature/image/round-top.png");
    background-position: center top;
    background-repeat: no-repeat;
    padding: 50px 0 0;
    text-align: left;
    width: 965px;
}
div.business_plus_rt-round-middle {
    background-image: url("../../../solution/feature/image/round-middle.png");
    background-position: center top;
    background-repeat: repeat-y;
    padding: 0;
    text-align: left;
}
div.business_plus_rt-round-bottom {
    background-image: url("../../../solution/feature/image/round-bottom.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0 30px 35px;
    text-align: left;
}
div.business_plus_rt-round-top p {
    padding-bottom: 8px;
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    line-height: 32px;
    margin: -15px 0 15px;
    text-align: center;
}
div.Feature_Inner { position: relative }
div.Section.Feature_Inner { margin-top: 30px }






em.download {
    font-style:normal;
    white-space:nowrap;
}





.select-box {
    margin: 0 auto 15px;
    padding: 20px;
    background-color: #c8c8c8;
}
.select-box select {
    position: relative;
    width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #fff;
}
.select-box label { position: relative }
.select-box label:after {
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    /*background: url(../../../image/jp/r1/icon/icon_link_bottom.gif) 0 0 no-repeat;*/
    pointer-events: none;
}



div.borderBox {
    padding: 15px;
    border: 1px solid #c8c8c8;
    background-image: url(../../../solution/image/h1_bg02.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 75px;
    margin-bottom: 15px;
}
div.borderBox p {
    margin-right: 160px;
    margin-bottom: 0;
}
em.seminar_end,
p.seminar_end {
    color: #C00;
    font-weight: bold;
}

div.seminar_end {
    padding: 15px;
    border: 3px solid #fbeaea;
    text-align:center;
    margin-bottom:15px;
}

div.seminar_end p{
    margin-bottom:0;}

div.box_business_plus_rt {
    border: 3px solid #c8c8c8;
    padding: 10px;
    text-align: center;
}
div.box_business_plus_rt p.TextStyle1 {
    margin: 0;
    font-size: 100%;
    line-height: 180%;
}
div.box_business_plus_rt strong {
    display: block;
    font-size: 120%;
    font-weight: bold;
    color: #777;
}
.seminar_button {
    border: none;
    background: #d93539;
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    margin: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.seminar_td{height:50px;}
.seminar_button:hover {
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

em.underbar{
    font-weight:bold;
    text-decoration:underline;
    font-size:110%;
    font-style:normal;
    margin-right:0.2em;
}


td.emphasis{
    background:#fdf7ac;
}



table.formtable {
    margin: 15px auto;
    font-size: 120%;
}

table.formtable th { text-align: right }

table.formtable th,
table.formtable td {
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    border: none;
    background: none;
}

table.formtable th{
    padding-right:5px;
}

table.formtable td {
    padding-left:0;
}

table.formtable,
table.formtable td { border: none }
table.formtable td.button { text-align: center }
table.formtable td span { color: #F00 }
table.formtable td.button span { display: block }
table.formtable input {
    font-size: 100%;
    border: solid #999 1px;
    padding: 5px;
    margin: 0;
}

div.divform { padding-top: 20px }

#idText,
#passText,
#LoginUsername,
#LoginPassword {
    width: 220px;
    height: 32px;
}

#loginButton {
    border: none;
    padding: 5px 50px;
    background: #d63236;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
}



div.business_plus_rt-round-bottom .Column3 { width: 440px }
dl.ctb dt { width: 3.6em }
dl.ctb dd { margin: -1.55em 0 4px 3.6em }

dl.chieflist { }
dl.chieflist dt {
    clear:both;
    float:left;
    display:block;
    width:9em;}
dl.chieflist dd {}
dl.chieflist dd span.surname {
    margin-right:1em;}





.ButtonStyle_mono a {
    display: inline-block;
    width: 350px;
    margin: 0 0 15px;
    text-align: center;
    font-size: 83%;
    line-height: 130%;
    word-break: break-all;
    background: url(../../../image/jp/r1/icon/icon_link_right.gif) no-repeat 98% center;
    border: 1px solid #ccc;
    padding: 9px 17px 9px 7px;
    box-sizing: border-box;
}



.ButtonStyle_mono a:link,
.ButtonStyle_mono a:visited {

    background-color: #fff;
    text-decoration: none;
}
.ButtonStyle_mono a:hover,
.ButtonStyle_mono a:active {
    background: url(../../../image/jp/r1/icon/icon_link_right.gif) no-repeat 98.5% center #fff2f4;
    text-decoration: none;
}

.ButtonStyle_mono a strong {
    font-weight: normal;
}

.ButtonStyle_mono li {
    float: left;
    margin: 0 15px 0 0;
}
.ButtonStyle_mono li.LastItem {
    margin: 0;
}


.audiojs{
    margin:0 auto 30px;

}


.policy{
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 0;
    margin-bottom: 15px;
}
.policy .CatchCopy{
    font-size: 105%;
}

/*  /solution/mobile_square/index.html
=========================================================================================== */
.ImgWrapArea {
    position: relative;
    margin-bottom: 15px;
}
.ImgWrapArea .Modal {
    position: absolute;
    display: none;
    background: rgba(255, 255, 255, 1);
    width: auto;
    padding: 10px;
    /* min-width: 220px; */
    box-shadow: 0px 0px 2px #999;
    text-align: left;
    border: 1px solid;
}
.ImgWrapArea .Modal .LinkListStyle1 {
    margin-bottom: 0;
}
.ImgWrapArea .Modal#target1 {
    /*社会・公共*/
    bottom: 50%;right: 0;
    background: #e9fff3;
    border-color: #45af75;
}
.ImgWrapArea .Modal#target2 {
    /*業種共通*/
    top: 50%;right: 0;
    background: #ffeced;
    border-color: #ff898b;
}
.ImgWrapArea .Modal#target3 {
    /*産業・流通*/
    top: 50%;left: 0;
    background: #fff8db;
    border-color: #ffae5c;
}
.ImgWrapArea .Modal#target4 {
    /*金融業*/
    bottom: 50%;left: 0;
    background: #f4faff;
    border-color: #1471b9;
}
.ImgWrapArea area {
    border: none;
    outline: none;
}
#imgMapWrap {
    position: relative;
}
#imgMapWrap .spLinkArea {
    position: absolute;
    display: block;
    width: 50%;height: 50%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border: none;
    outline: none;
}
#imgMapWrap .spLinkArea:nth-of-type(1) {top: 0;right: 0;}
#imgMapWrap .spLinkArea:nth-of-type(2) {bottom: 0;right: 0;}
#imgMapWrap .spLinkArea:nth-of-type(3) {bottom: 0;left: 0;}
#imgMapWrap .spLinkArea:nth-of-type(4) {top: 0;left: 0;}


/*  /solution/mobile_square/index.html
=========================================================================================== */
#customImgStyle {
    position: relative
}

#customImgStyle ul {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#customImgStyle ul li {
    width: 50%;
    padding: 0 2%;
    margin:auto;
    text-align: center;
    box-sizing: border-box;
}
#customImgStyle ul li input:hover {
    opacity: .8;
}


/*  /solution/telework/step/
=========================================================================================== */
.customLabel1 {
    margin-bottom: 15px
}
.customLabel1 li {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}
.customLabel1 li span {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 15px;
}
.customLabel1 li .ttl {
    width: 50px;
    background: #b1000e;
    color: #fff;
    text-align: center;
}
.customLabel1 li .txt {
    background: #f2f2f2;
    font-weight: bold;
}
.mb20 {
    margin-bottom: 20px
}

/*  /solution/domobile_asp/application/
=========================================================================================== */
.customTextStyle1 {
    margin-bottom: 20px;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    /* background: #d2ecf9; */
    /* border-radius: 50%; */
}
.customTextStyle1 span {
    display: inline-block;
    text-align: left;
    /* background: #d2ecf9; */
    border-radius: 50%;
    padding: 30px 40px;
    color: #666;
    border: 2px solid #d2ecf9;
}
.customListStyle1 {
    border: 3px solid #d2ecf9;
    padding: 10px;
    font-size: 90%;
    background: #d2ecf9;
    border-radius: 5px;
    margin-bottom: 10px;
}
.customListStyle1 li:before {
    content: "●";
}
.customListStyle1 li {
    margin-bottom: 5px
}
.customListStyle1 li:last-child {
    margin-bottom: 0
}
@media screen and (max-width: 768px) {
    .customTextStyle1 {
        font-size: 100%;
    }
}
/*  /solution/mailtraining/index.html
=========================================================================================== */
.CustomLargeTextArea {
    text-align: center;
    font-size: 18px;
    background: #a4d8ff;
    padding: 10px 5px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 2px 2px 10px -5px black;
    margin-bottom: 20px;
    color: #454545;
}
/*  /solution/mailtraining/feature
=========================================================================================== */
.customSection {
    margin-bottom: 20px
}
.customSection h3 {
    border: none;
    padding: 10px 10px 10px 45px;
    position: relative;
    margin-bottom: 0;
    color: #fff;
    background: #737373;
}
.customSection h3.ptn2 {
    text-align: center;
    padding: 5px;
    background: #cf0207;
}
.customSection h3 span {
    display: block;
    float: left;
    margin-left: -25px;
}
.customSection > div {
    /*	background: #fffabe;*/
    background: #daedff;
    padding: 10px;
}
.customSection > div .ImgOnlyStyle {
    margin-bottom: 0
}

.CatchCopy.Cstyle1{
    background-color: #FDECEC;
    padding: 10px;
}


h3.st{ background-color: #CF0207; color: #fff; border: none; padding: 10px 15px 8px; vertical-align: middle; display: inline-block; }


/*  /solution/domobile_asp/index.html
=========================================================================================== */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .custom .Column1andHalf {
        float: left!important;
        width: 50%!important;
        margin-bottom: 10px!important;
    }
}
@media screen and (max-width: 479px) {
    .custom .Column1andHalf {
        margin-bottom: 20px!important;
    }
}

@media screen and (max-width:767px) {
    .ColumnSet.Custom {
        margin-left: -15px;
    }
    .Grid3 .Custom .Column1 {
        float: left;
        width: 33.33333333%;
        padding-left: 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }
    .Grid3 .Custom .Column1 h3 {
        font-size: 13px
    }
}
@media screen and (max-width: 479px) {
    .Grid3 .Custom .Column1 {
        float: left;
        width: 50%;
        /* max-width: 230px; */
        padding-left: 15px;
        margin: auto;
    }
    .Grid3 .Custom .Column1 .customSection {
        margin-bottom: 0
    }
}





/* -- /solution/touki_filing/
=========================================================================================== */
.CustomBoxList li {
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 20px;
}
.CustomBoxList li > * {
    /* display: table-cell; */
    margin: 0;
}
.CustomBoxList li > p {
    margin-right: 15px;
    width: 40px;
}
.CustomBoxList li img {
    width: 20px;
}
.CustomBoxList li .BoxPatternB {
    width: 100%;
    border: 2px solid #000;
    background: transparent;
    padding-top: 10px;
}
.CustomBoxList li .BoxPatternB .TextStyle1 {
    margin-bottom: 5px;
}
.CustomBoxList li .BoxPatternB h3 {
    display: table;
    /* width: 100%; */
}
.CustomBoxList li .BoxPatternB h3 > * {
    display: table-cell;
    vertical-align: middle;
}
.CustomBoxList li .BoxPatternB h3 > span:first-child {
    width: 25px
}


/* -- PickColumn
=========================================================================================== */
.PickColumn{ border: 1px solid #b1000e; position: relative; margin-top: 3em; }
.PickColumn > h2{ background-color: #b1000e; display: inline-block; text-align: center; color: #fff; font-weight: bold; padding: 0.3em 2em;  margin: 0 0 0 1em;transform: translateY(-1.2em); min-width: 15em; }
.PickColumn .PickColumn_inner{ padding: 0 15px 10px; overflow: hidden; transform: translateY(-5px); }
.PickColumn .PickColumn_img{ width: 25%; float: left; }
.PickColumn .PickColumn_img img{ max-width: 100%; height: auto; }
.PickColumn .PickColumn_img + .PickColumn_txt{ width: 73%; float: right; }
.PickColumn .ListStyle1,.PickColumn .LinkListStyle1{ margin-bottom: 0; }

/* -- PickEx
=========================================================================================== */
.PickEx{ display: table; width: 100%; vertical-align: middle; border: 1px solid #b1000e; margin-bottom: 10px; }
.PickEx > h2{ display: table-cell; vertical-align: middle; background: url(../../../image/hsc/common/ex.jpg) no-repeat right center #b1000e; background-size: 10px 100%; color: #fff; font-weight: bold; width: 10.5em; text-align: center; }
.PickEx > ul{ display: table-cell; vertical-align: middle; padding: 10px 20px; }
.PickEx > ul li:first-child{ padding-top: 0; }


/* -- Ol-maru
=========================================================================================== */
ol.Ol-maru{ counter-reset: my-counter; list-style: none; }
ol.Ol-maru li{ padding-left: 2em; margin-bottom: .8em; position: relative; }
ol.Ol-maru li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #e60f33;
  color: #fff;
  display: block;
  float: left;
  line-height: 1.35em;
  margin-left: -30px;
  text-align: center;
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
}

.youtube_mov{ width: 100%; aspect-ratio: 16 / 9; }
.youtube_mov iframe {
  width: 100%;
  height: 100%;
}