@charset "UTF-8";
html, body {
overflow-x: hidden;
}
#deepfooter {
font-size:1.6em;
}
#location ol li{
font-size:1.6em;
}
body.double h2 {
font-size:1.7rem;
letter-spacing:0.3rem;
margin-bottom:5px;
}
body.double h2.cs_title {
clear:both;
text-align:center;
width:100%;
padding:20px 0;
text-align:center;
font-size: 2.8rem;
}
.selector .list-top li {
font-size:1.2rem;
}
.selector .list-top li.pulldown {
padding-right: 20px;
}
.contentsarea li a,
body.double a:visited,
body.double a:link{
text-decoration: none;
}
section.cs_selector {
max-width: 980px;
}
.contentsarea table a, .contentsarea li a, table.standard-min td a{
text-decoration: none !important;
}
/* MainContents Area */
html[lang='\ja'] .maincontents { font-family: Arial, Verdana, "Lucida Grande", Meiryo, "メイリオ", 'MS Pゴシック', "ヒラギノ角ゴ Pro W3", sans-serif;}
.maincontents ul.togglebox li {
max-width:940px;
margin:0 auto;
border-top:1px #ccc solid;
padding:25px 0 10px 0;
}
.maincontents .togglebox dt a.btn{
padding:4px 0;
}
.maincontents .togglebox dt a {
font-size: 1.5rem;
}
body.double .togglebox dd{
font-size:1.4rem;
}
.cs_product li {
all: initial;
display:block;
float:left;
vertical-align:top;
margin:0;
padding: 0 10px 0 0;
width:300px;
height:100%;
font-size:1.18rem;
}
.cs_product li img {
display:block;
margin:0 auto;
}
.cs_product li span{
clear:both;
display:block;
text-align:center;
}
.cs_features {
display: block;
width: 100%;
max-width: 978px;
margin: 0 auto;
background-color: #fff;
}
.big_customerstories a{
display: block;
}
.big_customerstories,
.big_customerstories a {
display: block;
width: 100%;
max-width: 978px;
padding:0;
margin: 0;
}
/*
.big_customerstories a,
.sub_customerstories a{
-moz-transition: -moz-transform 0.8s linear;
-webkit-transition: -webkit-transform 0.8s linear;
-o-transition: -o-transform 0.8s linear;
-ms-transition: -ms-transform 0.8s linear;
transition: transform 0.8s linear;
}
.big_customerstories a:hover img.cs_feature_image,
.sub_customerstories a:hover img.cs_image{
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-o-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025);
}
*/
.big_customerstories a:hover img.cs_feature_image,
.sub_customerstories a:hover img.cs_image{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.big_customerstories a:hover .cs_moreinfo,
.sub_customerstories a:hover .cs_moreinfo{
color:#fff;
background:#b22b31;
}
.sub_customerstories,
.sub_customerstories a{
display: block;
width: 100%;
max-width: 326px;
float:left;
}
.big_customerstories .cs_feature_image{
display: block;
width: 100%;
max-width: 500px;
float:left;
padding:0;
margin: 0;
}
.big_customerstories .section_cs_features_image{
padding:0;
margin: 0;
}/*
.sub_customerstories .section_cs_features_image{
display: block;
width: 100%;
max-width: 326px;
height:140px;
padding:0;
margin: 0;
overflow: hidden;
}
*/
.section_cs_big_features_text {
position:relative;
display: block;
width: 100%;
max-width: 478px;
height:300px;
float:right;
font-size: 1.6rem;
line-height: 1.4;
color: #444;
padding: 50px 24px;
border:1px #eee solid;
border-bottom:none;
}
.section_cs_sub_features_text {
position:relative;
display: block;
width: 100%;
max-width: 326px;
height:200px;
float:right;
font-size: 1.6rem;
line-height: 1.4;
color: #444;
padding: 10px 20px;
border:1px #eee solid;
}
.cs_features span{
display:block;
}
body.double .cs_product a:hover,
.maincontents .togglebox dt a:hover{
color:#b22b31;
text-decoration:underline;
}
.cs_features .textnormal,
.cs_product .textnormal {
font-size: 1.8rem;
font-weight:bold;
padding: 10px 0px;
}
.cs_features .textsmall,
.cs_product .textsmall {
font-size: 1.4rem;
}
.cs_product {
display: block;
width: 100%;
max-width: 978px;
margin: 0 auto;
background-color: #fff;
}
.cs_no_border{
border-left:none;
}
.section_cs_features,
.section_cs_product{
display: block;
width: 100%;
background-color: #f3f3f3;
margin:0 -500%;
padding:0 500%;
}
.section_cs_product_inner,
.section_cs_features_inner {
display: block;
width: 980px;
margin: 0 auto;
padding: 40px 0 40px 0;
}
table.social-bookmarks {
width:980px;
}
body.double .cs_moreinfo {
position:absolute;
right:15px;
bottom:15px;
text-align: center;
display: inline-block;
padding: 2px 14px;
border: 1px solid #b22b31;
width:95px; height:25px;
font-size:1.2rem;
color:#b22b31;
margin-bottom:0;
}
h2.red-heading {
display:none;
}
.selector h2:hover,
.selector h2.gl-head-detail:hover{
background: #b22b31;
color:#fff;
}
.selector h2.cs_clicked:after{
content: "▲";
}
.selector h2.gl-head-detail {
background: #505050;
color:#fff;
}
/*フッターヘッダー対策*/
.header {
font-size:12px;
}
body.double #headerbottom li.glbnavlist a.glbnavtitle,
#headnavi p.lang,
#headnavi p.country{
font-size:12px;
}
body.double .footer,
body.double headerrightarea{
font-size:13px;
}
}
#location {
width:978px;
margin:0 auto;
}
#location ol {
padding: 7px 10px 7px;
}
.maincontents div.scrolltop {
position: fixed;
z-index: 9999;
right: 0;
bottom: 10%;
padding: 0;
}
.scrolltop img {
display: none !important;
}
#bodyarea .maincontents h1 {
padding:12px 0 0 15px;
}
#globalnav,
#headerbottom {
position:relative;
}
body.double .paragraph{
margin:0;
padding:0;
line-height:0px;
}
.paragraph {
display:unset;
}
.more_image {
width:382px;
height:72px;
background-image:url("/jp/Images/btn_tcm102-3337410.jpg");
margin:40px auto;
cursor : pointer;
}
.more_image:hover {
background-image:url("/jp/Images/btn_h_tcm102-3337416.jpg");
}
.more_image p {
display:none;
}
.scrolltop a {
display: block;
width: 50px;
height: 50px;
text-align: left;
text-indent: -9999px;
background: url("/jp/Images/arrow_top_tcm102-3338833.png") no-repeat left top;
}
.cs-tag {
display: block;
width: 100%;
line-height: 1.4;
color:#9f0d20;
font-size: 1.4rem;
letter-spacing:0.2rem;
background-image:url("/jp/Images/tag_tcm102-3336546.png");
background-repeat:no-repeat;
padding: 5px 20px;
background-position: left center;
}
.social-bookmarks td.social-icon {
width:unset;
}
.mobile #location {
width: inherit;
}
.mobile .more_image {
width: inherit;
max-width: 95%;
background-repeat: no-repeat;
background-position: center center;
}