@charset "utf-8";
/*
Theme Name: fstheme
Description:富士スレート株式会社のテストテーマ
Theme URI: http://fujislate.com/wp/wp-content/themes/fstheme_test
Author: Hekaton Inc. by Tetsuya Takiguchi
Author URI: https://hekaton.jp
*/

header, section, footer, aside, article, figure {
    display: block;
}

img {border: 0; }
input { cursor:pointer; }

/***********************************************************/
/*                 clearfix
/***********************************************************/
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/***********************************************************/
/*                左右寄せ
/***********************************************************/
.right {
    float:right
}
.left{
    float:left;
}
.center {
    display:block;
    margin:0 auto;
    text-align:center;
}

/***********************************************************/
/*                 フォント　色
/***********************************************************/

body {
    font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    font-size:12px;
    color:#727171;
}

h1{}

h1.newslist-heading {
    padding: 9px 15px;
    line-height: 160%;
    font-size: 12px;
    font-weight: normal;
    background: #E8E8E8;
    color: #666;
}

h1.post-title {
    padding: 6px 0 6px 10px;
    border-left: 7px solid #0059ae;
    color: #0059ae;
    font-size: 14px;
    font-weight: normal;
}

h2{}
h3{}
h3.title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0;
    padding: 0;
    font-size:19px;
    color: #000000;
}
h4{}
h4.title {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size:19px;
    font-weight: normal;
}
h4.title_middle {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size:16px;
    font-weight: normal;
}

h5{}

ul, ol, dl {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
}
a img {
    border: none;
}
a:link {
    color: #42413C;
    text-decoration: none;
}
a:visited {
    color: #6E6C64;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}
a.colorBlue {
    color: #0000FF;
    font-weight: bold;
}
/***********************************************************/
/*        　レイアウト
/***********************************************************/
.container {
    padding: 15px 28px 0;
    width: 924px;
    background-color: #FFFFFF;
    margin: 0 auto;
}

header {
    background-color: #ffffff;
}

.sidebar1 {
    float: right;
    width: 200px;
    background-color: #ffffff;
    padding: 10px 0;
    z-index:10000;
}
.content {
    padding: 10px 0;
    width: 724px;
    float: right;
    z-index: 1;
}

.contentfull {
    display:block;
    padding: 10px 0;
    width: 924px;
    float: right;
    position:relative;
    top:0;
}

.content ul, .content ol {
    padding: 0 15px 15px 40px;
}

#main{
    position:relative;
}
/***********************************************************/
/*           サイドバーナビゲーション
/***********************************************************/
ul.nav {
    list-style: none;
}
ul.nav li {
    margin-bottom:10px;
    margin-left:15px;
}
ul.nav a, ul.nav a:visited {
    height:11px;
    background:url(images/navback.jpg) no-repeat;
    display: block;
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
    padding:1px 0 5px 18px;
    color:#FFF;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
}

/***********************************************************/
/*           サイドバーカテゴリー（旧）
/***********************************************************/
.scat{
    margin-top:20px;
}

.scat h3{
    font-size:13px;
    border-bottom:solid 1px #3e3a39;
    margin-left:12px;
    padding:0 0 0 3px;
}

.scat ul{
    margin-bottom:20px;	margin-left:20px;
}

.scat ul li{
    list-style-position:inside;
    border-bottom:dashed 1px #3e3a39;
    line-height:1.8em;
}

/***********************************************************/
/*           サイドバーカテゴリー（新）
/***********************************************************/
.scat2 {
    margin-top: 0px;
}

.scat2 h3{
    font-size:13px;
    border-bottom:solid 1px #3e3a39;
    margin-left:12px;
    padding:0 0 0 3px;
}

.scat2 ul{
    margin-bottom:20px;	margin-left:20px;
}

.scat2 ul li{
    list-style-position:inside;
    border-bottom:dashed 1px #3e3a39;
    line-height:1.8em;
}

/***********************************************************/
/*           フッター
/***********************************************************/
footer {
    border-top:solid 1px #005bac;
    padding: 10px 0;
    background-color: #fff;
}

ul#footnav{
    list-style:none;
    border-left:solid 1px #005bac;
    margin-left:17px;
}

ul#footnav li{
    float:left;
    font-size:12px;
    border-left:solid 1px #005bac;
    padding:0 9px;
}

ul#footnav li.last{
    border-right:solid 1px #005bac;
    margin-right:16px;
}

ul#footnav li a{
    color:#005bac;
}


address{
    display:block;
    font-size:9px;
    color:#727171;
    font-style:normal;
}


/***********************************************************/
/*           ヘッダー
/***********************************************************/

header{
    border-bottom:solid 1px #005bac;
}

#top1{
    float:left;
    height:45px;
    padding-top:10px;
}
#top2{
    float:left;
    width:210px;
    font-size:10px;
    margin-left:15px;
    padding-top:30px;
    height:25px;
}
#top3{
    float:left;
    height:55px;
    margin-left:50px;
}
#top4{
    float:right;
    font-size:10px;
    color:#0099cc;
    padding-top:30px;
    height:25px;
}


/***********************************************************/
/*           メインページデザイン
/***********************************************************/

.contentfull img{
    box-shadow:1px 1px 2px rgba(0,0,0,0.4);
}


.topmain{
    clear:both;
    margin-bottom:10px;
}

.imgleft img{
    float:left;
    margin-right:12px;
    margin-bottom:12px;
}

.nomargin{
    margin:0!important;
}

.m0036{
    margin:0 0 3px 6px;
}

.m0006{
    margin:0 0 0 6px;
}

.sidemenu {

}
.sidemenu a {
    display: block;
    margin-bottom: 4px;
}
.sidemenu a:last-child {
    margin-bottom: 0px;
}

.top_banner_area {
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
}

.top_banner_area a {
    display: inline-block;
    width: 220px;
    height: 60px;
}

/***********************************************************/
/*           topics
/***********************************************************/
#topics{
    margin:10px 0 10px 0;
    width:770px;
    border:solid 1px #989898;
    float:left;
}
#dl_btn {
    float:right;
    margin-top:30px;
}
.tabs { display:block; overflow:hidden; clear:both; }
.tabs li {
    float:left;
    width:110px;
    list-style:none;
    text-align:center;
}
.tabs li.width164 {
    width: 164px;
}
.tabs2 li {
    float:left;
    width:120px;
    list-style:none;
    text-align:center;
}
.tabs a {
    display:block;
    color:#231815;
    text-decoration:none;
    background:#e6e6e6;
    padding:5px 0;
    font-weight:bold;
}

.new:before{
    content:url(images/top/new.png) no-repeat;
}

.tabs li.active a,
.tabs a:hover {background:#fff;color:#005bac; }

.tab_content {padding:10px;color:#727171}

.tab_content ul{list-style:none;}
.tab_content ul li {list-style:none;line-height:1.5em;}

span.tdate{
    margin-right:12px;
}

span.tnew:after{
    content:url(images/top/new.png);
}



/***********************************************************/
/*           topics2
/***********************************************************/
.panel {display:none;}
.show {display:block;}
ul.style01 {
    text-align:center;
    border-bottom:7px solid #333;
    color:#FFF;
}
ul.style01 li {
    display:inline-block;
    width:30%;
    height:40px;
    margin:0 1%;
    line-height:40px;
    border:1px solid #888;
    border-radius:10px 10px 0 0;
    background: -moz-linear-gradient(top, #FFF, #888 30%, #888);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.3, #888), to(#888));
}
ul.style01 li.active {
    border:1px solid #333;
    background: -moz-linear-gradient(top, #FFF, #333 30%, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.3, #333), to(#333));
}



/***********************************************************/
/*           airroof
/***********************************************************/

.arimage{
    display:block;
    width:650px;
    margin:0 auto;}
.arimage img{
    margin-right:20px;
}

.arimage img.last{margin:0;}

p.katarogudl{
    clear:both;
    display:block;
    height:1em;
    line-height:1em;
    background:#fff;
    box-shadow:0 0 4px #00a0e9;
    padding:0 10px 2px;
    border-radius:8px;
    position:absolute;
    top:80px;
    right:400px;
    float:none;
}
p.katarogudld{
    position:absolute;
    top:100px;
    right:435px;
    float:none;
}

p.katarogudl a{
    color:#00a0e9;
    font-size:9px;
    float:none;
}

ul#airroofnav{
    width:630px;
    height:78px;
    margin:0 auto;
    padding:0;}

ul#airroofnav li{
    width:151px;
    height:75px;
    line-height:75px;
    margin:0;
    margin-right:8px;
    padding:0;
}
ul#airroofnav li.last{margin:0;}

ul#airroofnav li a{
    background:none;
}


.acontent2{
    margin:0!important;
    padding:0;
}
ul.acontent2{
    margin:50px 10px!important;
    padding:15px 0 0!important;
}

.acontent{
    width:680px;
    margin:0;
    margin-left:50px;
    padding:0;
    position:relative;
    z-index:3;
    overflow:visible;
}

.acontent h3{
    margin:10px 0;
    padding:0;
    color:#000;
    font-size:14px;
}

.acontent p{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:11px;
    line-height:18px;
    padding:0;
}

#atab1{
    background:url(images/airroof/il1.png) no-repeat;
    background-position:570px 40px;
}

/***********************************************************/
/*           UV GARD CLEAR
/***********************************************************/
.titleDescription {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 495px;
}
.colWrap {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.col2 {
    display: block;
    width: 50%;
}

/***********************************************************/
/*           common
/***********************************************************/
.pt10{display:block;padding:10px 0 0 0;}
.pt20{display:block;padding:20px 0 0 0;}
.pt30{display:block;padding:30px 0 0 0;}
.pr0{display:block;padding:0 0 0 0;}
.pr10{display:block;padding:0 10px 0 0;}
.pr20{display:block;padding:0 20px 0 0;}
.pr30{display:block;padding:0 30px 0 0;}
.pb40{display:block;padding-bottom:40px !important;}
.pl0{display:block;padding-left:0 !important;}
.mr10{display:block;margin-right:10px;}
.mr20{display:block;margin-right:20px;}
.mr30{display:block;margin-right:30px;}
.mr40{display:block;margin-right:40px;}
.mr50{display:block;margin-right:50px;}
.ml0{display:block;margin-left:0px;}
.ml10{display:block;margin-left:10px;}
.ml20{display:block;margin-left:20px;}
.ml30{display:block;margin-left:30px;}
.ml40{display:block;margin-left:40px;}
.mt05{display:block;margin-top:5px;}
.mt10{display:block;margin-top:10px;}
.mt20{display:block;margin-top:20px;}
.mt30{display:block;margin-top:30px;}
.mt40{display:block;margin-top:40px;}
.mt45{display:block;margin-top:45px;}
.mt50{display:block;margin-top:50px;}
.mt60{display:block;margin-top:60px;}
.mt70{display:block;margin-top:70px;}
.mb0{display:block;margin-bottom:0px;}
.mb5{display:block;margin-bottom:5px;}
.mb10{display:block;margin-bottom:10px;}
.mb15{display:block;margin-bottom:15px;}
.mb20{display:block;margin-bottom:20px;}
.mb25{display:block;margin-bottom:25px;}
.mb30{display:block;margin-bottom:30px;}
.mb35{display:block;margin-bottom:35px;}
.mb40{display:block;margin-bottom:40px;}
.mb45{display:block;margin-bottom:45px;}
.mb50{display:block;margin-bottom:50px;}
.mb60{display:block;margin-bottom:60px;}
.mb70{display:block;margin-bottom:70px;}


.colorv{
    margin:0 auto;
    width:650px;
}

.colorv img{
    float:left;
    margin:0 15px 5px 0;
    box-shadow:2px 2px 2px rgba(0,0,0,0.60);
}

.colorv img.noshadow{
    box-shadow:none;
    margin: 0 5px 5px 0;
    padding:0;
}
.colorv table td {
    vertical-align:top;
    font-size: 10px;
    font-weight:bold;
    color:#000;
}
.jireiv{
    margin:0 auto;
    width:650px;
}

.jireiv img{
    float:left;
    margin:0 5px 5px 0;
    box-shadow:2px 2px 2px rgba(0,0,0,0.60);
}

.jireiv img.noshadow{
    box-shadow:none;
    margin:0;
    padding:0;
}
ul.tub li img {
    cursor: pointer;
}
ul.tcontent li.tcontent1,
ul.tcontent li.tcontent2,
ul.tcontent li.tcontent3,
ul.tcontent li.tcontent4 {
    padding-top: 85px!important;
    background-repeat: no-repeat!important;
    background-position: 0 0!important;
}
ul.tcontent li.tcontent1 {
    background-image: url("./images/7-1/tab_head_7-1.png")!important;
}
ul.tcontent li.tcontent2 {
    background-image: url("./images/7-2/tab_head_7-2.png")!important;
}
ul.tcontent li.tcontent3 {
    background-image: url("./images/7-3/tab_head_7-3.png")!important;
}
ul.tcontent li.tcontent4 {
    background-image: url("./images/7-4/tab_head_7-4.png")!important;
}
#taikyu20,
#taikyu10 {
    padding-left: 76px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#taikyu20 {
    background-image: url("./images/7-4/img_07_7-4.png")!important;
}
#taikyu10 {
    background-image: url("./images/7-4/img_08_7-4.png")!important;
}
.fBlue {
    color: #005bac;
}
.fPink {
    color: #EA628F;
}
.fGreen {
    color: #93C339;
}
.fDeepGreen {
    color: #00A29A;
}
.fLightGreen {
    color: #21AB38;
}
.fOrange {
    color: #F29417;
}
.fGlay {
    color: #604C3F;
}
.fRed {
    color: #E60012;
}
.fBlown {
    color: #C89F62;
}
.fPurple {
    color: #920683;
}
.fYellow {
    color: #F39700;
}
.fBlack {
    color: #000;
}
.bold {
    font-weight: bold;
}
.fNormal {
    font-weight: normal;
}
.hBlue {
    padding-left: 6px;
    border-left: solid 4px #005bac;
}
.hBlueBold {
    padding-left: 8px;
    border-left: solid 8px #005bac;
}
.hDeepGleenBold {
    padding-left: 8px;
    border-left: solid 8px #00A29A;
}
.noIndent {
    padding-left: 0;
}
.cb {
    clear: both;
}

/***********************************************************/
/*           solergashitto
/***********************************************************/

#sgmain{
    clear:both;
    display:block;
    width:695px;
    /*height:967px;*/
}
ul.tcontent li.sgTcontent {
    padding-top: 96px!important;
    background-repeat: no-repeat!important;
    background-position: 0 0!important;
}
ul.tcontent li#sgTcontent1 {
    background-image: url("./images/9/tab_head_9-1.png")!important;
}
ul.tcontent li#sgTcontent2 {
    background-image: url("./images/9/tab_head_9-2.png")!important;
}
ul.tcontent li#sgTcontent3 {
    background-image: url("./images/9/tab_head_9-3.png")!important;
}
ul.tcontent li#sgTcontent4 {
    background-image: url("./images/9/tab_head_9-4.png")!important;
}
#sgImgContent1,
#sgImgContent3 {
    padding-bottom: 20px;
    border-bottom: solid 4px #005BAC;
}
#sgImgContent2,
#sgImgContent4 {
    padding-bottom: 20px;
    border-bottom: solid 4px #604C3F;
}
#sgImgContent4 a {
    text-decoration: underline;
    color: #0099cc;
}
.sgSpec1 {
    width: 383px;
    height: 210px;
    padding: 20px;
    background-image: url("./images/9/bg_01_9.png")!important;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.sgSpec1 p.bold{
    margin-bottom: 5px;
}
.sgSpec2 {
    width: 210px;
    height: 210px;
    padding: 20px;
    background-image: url("./images/9/bg_02_9.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.sg4step {
    margin-left: 15px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-bottom: 9px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#sg4step1 {
    background-image: url("./images/158/icon_square1_158.png");
}
#sg4step2 {
    background-image: url("./images/158/icon_square2_158.png");
}
#sg4step3 {
    background-image: url("./images/158/icon_square3_158.png");
}
#sg4step4 {
    padding-bottom: 0;
    background-image: url("./images/158/icon_square4_158.png");
}

.noborder {
    border:none;
    outline:none;
}

ul#sgnav{
    width:685px!important;;
    height:68px!important;;
    margin:0 auto!important;;
    padding:20px 0 0!important;;
    background:none!important;}

ul#sgnav li{
    width:135px!important;;
    height:75px!important;;
    line-height:75px!important;;
    margin:0!important;;
    margin-right:35px!important;;
    padding:0!important;;
    background:none!important;
}
ul#sgnav li.last{margin:0!important;;}

ul#sgnav li a{
    background:none!important;
}

h3.sgtitle{
    margin:0;
    padding:0;
    margin-top:30px;
    color:#005bac;
}

#sgqa{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #231815;
}

#sgqa h3{
    background:#dee3f3;
    color:#005bac;
    line-height:26px;
    height:26px;
    padding:0 9px;
    margin:0;
    font-size:12px;
}


#sgqa p.q{
    font-size:12px;
    color:#e60012;
    margin:0 0 5px;
    font-weight:bold;
}

#sgqa p.q:before {
    content: "Ｑ.";
    font-size:12px;
    color:#e60012;
    font-weight:bold;
}

#sgqa p.a{
    font-size:10px;
    color:#727171;
    margin:0 0 5px;
    margin-left:20px;
}

#sgqa p.a:before {
    content: "Ａ.";
    font-size:10px;
    color:#005bac;
    font-weight:bold;
}

/***********************************************************/
/*           touryou
/***********************************************************/

h2.trh2 {
    padding:0;
    margin:10px 0 10px!important;
}

h2.trh2 img{
    padding:0;
    margin:10px 0 10px!important;
}

#trhonbun{
    margin:0 auto;
    padding:0;
    width:650px;
}
#trhonbun img{
    padding-bottom:10px;
}
.toryoFeature {
    height: 140px;
    padding-left: 59px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#toryoFeature1 {
    background-image: url("./images/11/icon_01_11.png");
}
#toryoFeature4 {
    background-image: url("./images/11/icon_02_11.png");
}
#toryoFeature2 {
    background-image: url("./images/11/icon_03_11.png");
}
#toryoFeature5 {
    background-image: url("./images/11/icon_04_11.png");
}
#toryoFeature3 {
    background-image: url("./images/11/icon_05_11.png");
}
#toryoFeature6 {
    background-image: url("./images/11/icon_06_11.png");
}

/***********************************************************/
/*           otheritems
/***********************************************************/


.oitem h2{
    border-left:8px #005bac solid;
    padding:0 0 0 10px;
    color:#005bac;
    font-weight:bold;
    font-size:18px;
}

.oitem h3{
    border-left:8px #005bac solid;
    padding:0 0 0 8px;
    color:#005bac;
    font-weight:bold;
    font-size:16px;
}

.oitem h3 a{
    color:#005bac;
}

.oitem h3.honbun{
    color:#231815;
    padding:0 0 0 10px;
    font-weight:bold;
    font-size:16px;
    line-height:18px;
    height:18px;
}

.oitem h4{
    border-left:8px #005bac solid;
    padding:0 0 0 10px;
    color:#005bac;
    font-weight:normal;
    font-size:14px;
    line-height:16px;
    height:16px;
}

.obox{
    width:50%;
    float:left;
    margin-bottom:50px;
}

.obox img{
    box-shadow:3px 3px 3px rgba(0,0,0,0.27);
    float:left;
    margin-right:10px;
}



.obox p{
    margin:0;
    padding:0;
    margin-bottom:6px;
    font-size:0.8em;
}
p.katarogudl3{
    display:block;
    box-shadow:0 0 4px #00a0e9;
    padding:2px 10px 2px;
    border-radius:8px;
    margin-bottom:4px;
    width:11em;
}

p.katarogudl3 a{
    color:#00a0e9;
}
table.airRoofLineup {
    margin-left: 30px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.airRoofLineup th,
table.airRoofLineup td {
    padding: 10px;
    border: solid 1px #595757;
}
table.airRoofLineup th {
    color: #786BAE;
}
table.airRoofLineup td {
    border-top: none;
    vertical-align: top;
}
table.airRoofLineup tr.dotLine td {
    border-bottom: dashed 1px #595757;
}

/***********************************************************/
/*           ceraboad
/***********************************************************/


p.katarogudl2{
    display:block;
    box-shadow:0 0 4px #00a0e9;
    padding:0 10px 2px;
    border-radius:8px;
    margin-bottom:0px;
}

p.katarogudl2 a{
    color:#00a0e9;
    font-size:9px;
}

.dl{

    display:block;
    margin-top:-10px;
    padding:0;
    font-size:75%;
}
.cbkatarogu{
    float:right;
    margin-right:5px;
}
.cbmain{
    float:left;
    width:362px;
}

.cbmaint{
    font-size:110%;

}

.cbcolor img{
    box-shadow:1px 1px 2px rgba(0,0,0,0.4);
    margin-right:7px;
}

#cpro h3{
    background:#dff2fc;
    margin:0 0 5px;
    padding:3px 5px;
    border:none;

}

ul.news-lists {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.news-lists li {
    margin: 0 0 2em 0;
    padding: 0;
}
ul.news-lists li.odd {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
ul.news-lists li.eve {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

ul.news-lists li h2 {
    padding: 6px 0 6px 10px;
    border-left: 7px solid #0059ae;
    color: #0059ae;
    font-size: 14px;
    font-weight: normal;
}

ul.news-lists li h2 a:link {
    color: #0059ae;
    text-decoration: none;
}

ul.news-lists li h2 a:hover {
    color: #0059ae;
    text-decoration: none;
}

ul.news-lists li h2 a:visited {
    color: #0059ae;
    text-decoration: none;
}

.news-meta {
    font-size: 10px;
}

ul.news-lists li .news-data {
    margin-top: 1em;
    border-bottom: 1px dotted #ccc;
}

ul.news-lists li .news-data p {
    margin: 0 0 1em 0;
    padding: 0;
}

ul.news-lists li .more-link {
    margin-top: 5px;
    display: inline-block;
    width: 95%;
    color: #0059ae;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.post-data {
    margin-top: 1em;
}
.post-data p {
    margin: 1em 0;
    padding: 0;
}
/***********************************************************/
/*           event banner
/***********************************************************/
.event-banner {
    display: block;
    position: relative;
}

.event-inner-banner {
    display: block;
    position: absolute;
    top: 69px;
    right: 6px;
}

.event-inner-banner a {
    display: block;
}
/***********************************************************/
/*           box layout
/***********************************************************/
.box145 {
    width:145px;
}
.box160 {
    width:160px;
}
.box165 {
    width:165px;
}
.box180 {
    width:180px;
}
.box200 {
    width:200px;
}
.box220 {
    width:220px;
}
.box240 {
    width:240px;
}
.box260 {
    width:260px;
}
.box280 {
    width:280px;
}
.box300 {
    width:300px;
}
.box310 {
    width:310px;
}
.box315 {
    width:315px;
}
.box330 {
    width:330px;
}
.box350 {
    width:350px;
}
.box360 {
    width:360px;
}
.box370 {
    width:370px;
}
.box390 {
    width:390px;
}
.box400 {
    width:400px;
}
.box410 {
    width:410px;
}
.box420 {
    width:420px;
}
.box440 {
    width:440px;
}
.box460 {
    width:460px;
}
.box330 p {
    margin:0;
    padding:0;
}
.fs90 {
    font-size: 90%;
}
.fs95 {
    font-size: 95%;
}
.fs97 {
    font-size: 97%;
}
.fs100 {
    font-size: 100%;
}
.fs120 {
    font-size: 120%;
}
.fs130 {
    font-size: 130%;
}
.fs150 {
    font-size: 150%;
}
.fs170 {
    font-size: 170%;
}
.fs200 {
    font-size: 200%;
}
.mCenter {
    margin-right: auto;
    margin-left: auto;
}
/***********************************************************/
/*           table layout
/***********************************************************/
#dl_nav a {
    background:none;
}
.dltable td {
    padding:15px 30px;
    vertical-align:top;
    color:#000;
}
.dltable02 td {
    padding:15px 20px;
    vertical-align:top;
    color:#000;
    font-size:10px;
}
.dltable03 td {
    padding: 5px 40px 5px 0;
    vertical-align: top;
    color: #000;
}
.bsg {
    border: 1px solid #ccc;
}
.taRight {
    text-align:right;
}

/***********************************************************/
/*           tabs layout
/***********************************************************/
#tabs {
}

#tabs .tabwrap {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid #231815;
    width: 100%;
}

#tabs .tableft {
    margin: 0;
    padding: 0;
    display: table-cell;
    width: 30px;
    border-bottom: 1px solid #231815;
}

#tabs .tabright {
    margin: 0;
    padding: 0;
    display: table-cell;
    width: 100%;
    border-bottom: 1px solid #231815;
}

#tabs .tabmenu {
    margin: 0;
    padding: 0;
    display: table-cell;
    width: 390px;
    list-style: none;
}

.tabmenu li {
    display: table-cell;
    margin: 0;
    padding: 0;
    border-left: 1px solid #231815;
    border-right: 1px solid #231815;
    border-bottom: 1px solid #231815;
}

.tabmenu li.ui-tabs-active {
    border-bottom: none;
}

.tabmenu li a {
    display: table-cell;
    width: 130px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
}
/***********************************************************/
/* new catalog download page
/***********************************************************/
#catalogdl_menu {
    display: block;
    margin: 0 auto;
    padding: 50px 0 0 0;
    width: 430px;
}
#catalogdl_menu a {
    display: block;
    margin-bottom: 30px;
    height: 49px;
}
#catalogdl_menu .bl_left a:nth-child(1):hover {
    background: url("./images/catalog/01catalog_product_on.jpg") no-repeat;
    background-size: contain;
}
#catalogdl_menu .bl_left a:nth-child(2):hover {
    background: url("./images/catalog/03catalog_technique_on.jpg") no-repeat;
    background-size: contain;
}
#catalogdl_menu .bl_left a:nth-child(3):hover {
    background: url("./images/catalog/05catalog_structural_on.jpg") no-repeat;
    background-size: contain;
}
#catalogdl_menu .bl_right a:nth-child(1):hover {
    background: url("./images/catalog/02catalog_manual_on.jpg") no-repeat;
    background-size: contain;
}
#catalogdl_menu .bl_right a:nth-child(2):hover {
    background: url("./images/catalog/04catalog_cad_on.jpg") no-repeat;
    background-size: contain;
}
#catalogdl_menu .bl_right a:nth-child(3):hover {
    background: url("./images/catalog/06whatsnew_on.jpg") no-repeat;
    background-size: contain;
}
#catalogdl_menu a:hover img {
    visibility: hidden;
}
#catalogdl_menu img {
    width: 200px;
    height: 49px;
}
#catalogdl_menu .bl_left {
    margin: 0;
    float: left;
    width: 200px;
}
#catalogdl_menu .bl_right {
    margin: 0;
    float: right;
    width: 200px;
}

/***********************************************************/
/* new catalog download page navigation
/***********************************************************/
.catalogdl_nav {
    margin-top: 2em;
    margin-left: 2em;
}
.catalogdl_nav div {
    display: block;
}
.navwrap {
    display: flex !important;
    margin-bottom: 10px;
    width: 450px;
    justify-content: space-between;
}
.catalogdl_nav a {
    display: inline-block;
    width: 140px;
}
.catalogdl_nav a > img {
    width: 100%;
}

.catalogdl_nav_note {
    margin-top: 2em;
    margin-left: 2em;
    margin-bottom: 4em;
    padding: 0;
}

/***********************************************************/
/* moving
/***********************************************************/
div.moving {
	margin-bottom: 10px;
}
div.moving a {
	display: block !important; 
}
div.moving img {
    box-shadow: none;
}

/***********************************************************/
/* boldLink
/***********************************************************/
.boldLink:before {
	content: " ";
}
.boldLink:after {
	content: " ";
}

.boldLink,
.boldLink:link,
.boldLink:hover,
.boldLink:active,
.boldLink:visited {
	color: #0059ae;
	font-size: 1rem;
	font-weight: bold;
}