@charset "shift_jis";
div.pregArea_01 {
width: 740px;
margin: 0 auto auto;
padding: 0px;
}
/*===========================================
.js-include-list
=============================================*/
.js-include-list .infomationWrap {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #CCC;
list-style:none;
}
.js-include-list .infomationWrap .date,
.js-include-list .infomationWrap .detail{
display:inline-block;
*zoom: 1;
*display: inline;
}
.js-include-list .infomationWrap .date{
width: 114px;
vertical-align:top;
}
.js-include-list .infomationWrap .detail{
width: 530px;
}
.js-include-list .infomationWrap .productType {
width: 530px;
margin-left: 120px;
}
.js-include-list .infomationWrap .productType .js-trigger {
margin-top: 8px;
padding: 8px;
display: inline-block;
*display:inline;
*zoom:1;
background-color: #EDEDED;
}
.js-include-list .infomationWrap .productType .js-trigger:hover {
cursor: pointer;
}
.js-include-list .infomationWrap .js-trigger span {
margin-left: 8px;
}
.js-include-list .infomationWrap .productType .js-toggleArea {
margin-top: 0;
padding: 10px;
background-color: #EDEDED;
}
.js-include-list .infomationWrap .productType .js-toggleArea dl {
margin-bottom: 10px;
}
.js-include-list .infomationWrap .productType .js-toggleArea dt {
display: block;
}
.js-include-list .infomationWrap .productType .sdb-modellist {
display: block;
}
.js-include-list .infomationWrap .productType .sdb-modellist li {
display: inline-block;
*display: inline;
*zoom: 1;
width: auto;
margin-right: 15px;
}
.js-include-list .infomationWrap .productType .sdb-condition {
display: block;
padding-left: 26px;
text-indent: -26px;
}
@media(max-width:640px){
.js-include-list .infomationWrap {}
.js-include-list .infomationWrap .date,
.js-include-list .infomationWrap .detail{
width:auto;
display:block;
}
.js-include-list .infomationWrap .productType {
width:auto;
margin-left: 0;
}
}
div.linArea {
border: #CCCCCC 1px solid;
margin: 30px 0px 0px 0px;
padding: 15px;
clear: both;
}
ul.txtlink li {
margin: 0px 30px 0px 0px;
padding: 0 0 0 10px;
background: url(/share/images/arrow_black.gif) no-repeat left 0.4em;
float: left;
list-style: none;
}
a.textLink {
display: block;
margin: 0px 30px 0px 0px;
padding: 0 0 0 10px;
background: url(/share/images/arrow_black.gif) no-repeat left 0.4em;
}
.buttonD a .content{
width:130px;
_width:120px;
}
.textLine {
padding-right: 3px;
padding-left: 3px;
padding-bottom: 4px;
vertical-align: middle;
}
.titleArea {
margin-bottom: 15px;
border-bottom: 1px solid #343434;
}
.colum2-right760 .titleArea h2.title {
float: left;
margin-bottom: 0;
border-bottom: none;
}
.colum2-right760 .titleArea h3.title {
float: left;
margin-bottom: 0;
border-bottom: none;
}
.titleArea .js-openButton,
.otherSoftware {
float: right;
}
.otherSoftware {
border: 1px solid #D0D0D0;
padding: 3px 6px 2px 9px;
margin-bottom:5px;
}
.js-openButton:hover {
cursor: pointer;
}
.software {
width: 640px;
margin: 0 auto;
}
.software .bannerArea {
width: auto;
*padding-bottom: 15px;
margin: 25px auto 10px;
}
.software .bannerArea li {
list-style: none;
border: 1px solid #D0D0D0;
margin-bottom: 15px;
width: 300px;
float: left;
}
.software .bannerArea li.first {
margin-right: 20px;
}
.software li {
list-style: none;
}
.software span {
display: inline;
}
.software .figure {
width: 60px;
height: auto;
float: left;
}
.software .content {
margin-top: 20px;
margin-left: 70px;
background: url("/support/share/images/arrow_black.png") no-repeat 1px 4px;
padding-left: 10px;
}
.software .one-line {
margin-top: 20px;
}
.software .two-line {
margin-top: 14px;
}
/* mod-linkButton common style */
.mod-linkButton{
display: inline-block;
width:175px;
height:auto; /*height: 31px;*/
vertical-align: middle;
background: url("/support/handycam/images/bg_mod-linkButton.jpg") repeat-x; /*background: url("/support/share/images/bg_btnA.png") no-repeat scroll 0 52% transparent;*/
border: 1px solid #BCBCBC;
border-radius: 6px 6px 6px 6px;
color: #333333;
cursor: pointer;
font-size: 12px;
line-height: 1.4;
transition: opacity 0.2s ease-in 0s;
letter-spacing: 0.01em;
}
.mod-linkButton a{
display:block;
height:55px;
padding: 10px;
color: #333333;
transition: opacity 0.2s ease-in 0s;
}
.mod-linkButton a:hover{
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.5;
-khtml-opacity: 0.5;
zoom:1;
text-decoration: none;
letter-spacing: 0.01em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mod-linkButton a .figure{
display:inline-block;
/display:inline;
/zoom:1;
margin-right:5px;
margin-top:5px;
width:40px;
height:40px;
}
.mod-linkButton a .figure img{
vertical-align:middle;
width:100%;
height:auto;
}
.mod-linkButton a .content{
margin-left:0;
display:inline-block;
/display:inline;
/zoom:1;
cursor:pointer;
background: url("/support/share/images/arrow_black.png") no-repeat left 2px;
}
.mod-linkButton {
width: 142px;
}
/* mod-linkButton (height 45)*/
.buttonD{}
.buttonD a{
zoom:1;
padding: 0 5px;
height:35px;
}
.buttonD a:after{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.buttonD a .figure{
margin-top:-3px;
}
.buttonD a .content{
width:130px;
_width:130px;
padding-top: 3px;
padding-bottom: 0;
padding-left: 8px;
background-position:left 7px;
}
.buttonD.one-line a .content{
padding-top:9px;
padding-bottom: 0;
background-position:left 13px;
}
.buttonD .content {
word-break: break-all;
word-wrap: break-word;
}
.buttonD.no-icon a{
height:25px;
_height:30px;
padding:10px;
}
.buttonD.no-icon a .content{
padding-top:5px;
padding-left: 12px;
background-position:left 9px;
}
@media(max-width: 640px){
.mod-returnTop {
display: none;
}
div.pregArea_01 ul.btnArea li,
div.pregArea_01 ul.btnArea li.firstItem {
width: 128px;
height: auto;
margin: 0 auto 10px;
float: none;
}
a.textLink {
margin: 0;
}
.otherSoftware {
font-size: 80%;
}
.software,
.software .bannerArea {
width: auto;
}
.software .bannerArea {
float: none;
}
.software .bannerArea li {
box-sizing: border-box;
width: 100%;
padding-right: 10px;
}
.software .bannerArea li.first { margin-right: 0; }
}