@charset "shift_jis";
/* ==========================================================================
	spatial-reality-display-biz support products common css header.css
   ========================================================================== */
.mod-categoryHeader-wrap {
    border-bottom: 1px solid #CCC;
}

.mod-categoryHeader {
margin: 24px auto 18px;
clear: both;
position: relative;
width: 1200px;
min-height: 34px;
padding: 0 30px 0;
}

.mod-categoryHeader .mod-categoryHeader-text {
display: inline-block;
vertical-align: middle;
}

.mod-categoryHeader a,
.mod-mainContentContainer a {
color: #43677e;
display: inline-block;
text-decoration: none;
}
.mod-categoryHeader .sub-text-product ul.txtlink li a:visited {
color: #43677e;
background-color: transparent;
}
a:hover, a:active {
color: #c41230;
text-decoration: underline;
background-color: transparent; 
}
.mod-categoryHeader .sub-text-support {
font-weight: 700;
margin-left: 20px;
}
.mod-categoryHeader .sub-text-product {
float: right;
}
.mod-categoryHeader .sub-text-product ul.txtlink {
padding: 0 0 0 1.5em;
margin: 0 0 .6em;
}
.mod-categoryHeader .sub-text-product ul.txtlink li {
margin-right: 0;
float: none;
margin: 0 0 0 0;
padding: 0 0 0 10px;
background: url(/spatial-reality-display-biz/support/products/common/images/arrow_black.png) no-repeat left .4em;
float: left;
list-style: none;
}


.mq_sub-text-product {
    display: none;
}

.mod-mainContentContainer .infolink {
    text-align: right;
	margin: 10px 0 30px;
}
.mod-mainContentContainer .infolink a {
color: #43677e;
background-color: transparent;
    padding: .5em 0 .5em 18px;
    line-height: 20px;
    background: url(/spatial-reality-display-biz/support/products/common/images/bt-02.gif) no-repeat left 20%;
	font-size: 16px;
}




/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
.mod-categoryHeader-wrap {
    width: auto;
    margin: 0;
	padding: 0;
}

.mod-categoryHeader {
    text-align: center;
    margin: 18px auto;
    width: auto;
    padding: 0 10px;
    clear: both;
    position: relative;
    min-height: 34px;
}
.mod-categoryHeader a {
    display: inline-block;
}
.mod-categoryHeader a .mod-categoryHeader-text, .mq_sub-text-product {
    display: block;
}
categoryHeader-text .mq-arrow {
    padding: 0 0 0 10px;
    background: url(/spatial-reality-display-biz/support/products/common/images/arrow_black.png) no-repeat left .4em;
}

.mod-categoryHeader .sub-text-product {
    display: none;
}
.mod-categoryHeader a .mod-categoryHeader-text, .mq_sub-text-product {
    display: block;
}
.mq_sub-text-product ul, .mq_sub-text-product ul.txtlink {
    margin: 10px 0 0 10px;
    padding: 0;
}
.mq_sub-text-product ul.txtlink li {
    float: none;
    margin: 0 30px 0 0;
    padding: 0 0 0 10px;
    background: url(/spatial-reality-display-biz/support/products/common/images/arrow_black.png) no-repeat left .4em;
    float: left;
    list-style: none;
}
.mod-mainContentContainer .infolink {
	margin: 10px 10px 30px;
}

}