2782 行
90 KiB
Plaintext
2782 行
90 KiB
Plaintext
.tmplArticle {
|
||
}
|
||
#cmsDate {
|
||
font-size:10px;
|
||
line-height:16px;
|
||
text-align:right;
|
||
}
|
||
#cmsDate .arrow {
|
||
display:none;
|
||
}
|
||
#cmsDate #update {
|
||
background:url(https://image.itmedia.co.jp/images/update.png) no-repeat left center;
|
||
background-size:11px 11px;
|
||
padding:1px 0 0 15px;
|
||
}
|
||
#cmsType {
|
||
font-size:12px;
|
||
line-height:16px;
|
||
display:none;
|
||
}
|
||
#cmsTitle h1 {
|
||
margin:0;
|
||
height:1%;
|
||
}
|
||
#cmsTitle h1 small {
|
||
display:block;
|
||
margin-bottom:5px;
|
||
font-size:14px;
|
||
line-height:20px;
|
||
}
|
||
#cmsTitle h1 big {
|
||
display:block;
|
||
margin-bottom:5px;
|
||
font-size:24px;
|
||
line-height:30px;
|
||
}
|
||
#cmsAbstract h2 {
|
||
margin:0 0 5px;
|
||
font-size:14px;
|
||
line-height:20px;
|
||
}
|
||
#cmsByline {
|
||
margin:0 0 20px;
|
||
font-size:12px;
|
||
text-align:right;
|
||
}
|
||
#cmsBody {
|
||
}
|
||
/* タイトルレイアウト変更 */
|
||
.tmplArticle #cmsTitle {
|
||
position:relative;
|
||
}
|
||
.title {
|
||
display: inline-flex;
|
||
flex-direction: column;
|
||
box-sizing: border-box;
|
||
margin: 0 0 12px !important;
|
||
font-size:24px;
|
||
line-height:32px;
|
||
font-weight:bold;
|
||
overflow-wrap: break-word;
|
||
color:#000;
|
||
width: 100%;
|
||
}
|
||
.title__subtitle {
|
||
order: -1;
|
||
margin-bottom: 8px;
|
||
font-size:14px;
|
||
line-height:20px;
|
||
font-weight:bold;
|
||
font-style: inherit;
|
||
color: #930;
|
||
}
|
||
.title__pagenumber {
|
||
font-size: 70%;
|
||
line-height: 1;
|
||
text-align: right;
|
||
color: #999;
|
||
}
|
||
.title__delimiter {
|
||
display: none;
|
||
}
|
||
.title__reference {
|
||
display: none !important;
|
||
}
|
||
.title__summary {
|
||
display: none !important;
|
||
}
|
||
/*--------------------------------------------------------------------------*/
|
||
#cmsBody hr {clear:both;}
|
||
/*--------------------------------------------------------------------------*/
|
||
#cmsBody a:link img {border:3px solid #069;}
|
||
#cmsBody a:hover img {border:3px solid #C00;}
|
||
#cmsBody a:visited img {border:3px solid #800080;}
|
||
#cmsBody a:link.imgLink img {border:none;}
|
||
#cmsBody a:hover.imgLink img {border:none;}
|
||
#cmsBody a:visited.imgLink img {border:none;}
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
#cmsBody p {
|
||
margin:0 0 20px;
|
||
font-size:16px;
|
||
line-height:26px;
|
||
word-wrap:break-word;
|
||
}
|
||
#cmsBody p small {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
}
|
||
#cmsBody h3 {
|
||
clear:both;
|
||
margin:0 0 20px;
|
||
padding:5px 0 3px;
|
||
font-size:18px;
|
||
line-height:26px;
|
||
border-bottom:2px solid #CCC;
|
||
}
|
||
#cmsBody h4 {
|
||
clear:both;
|
||
margin:0 0 20px;
|
||
padding:2px 0 2px;
|
||
font-size:16px;
|
||
line-height:24px;
|
||
border-bottom:1px solid #DDD;
|
||
}
|
||
#cmsBody ul {
|
||
margin-bottom:20px;
|
||
}
|
||
#cmsBody ol {
|
||
margin-bottom:20px;
|
||
}
|
||
#cmsBody .cmsBodyPreBox {
|
||
clear:both;
|
||
margin:0 0 20px;
|
||
}
|
||
#cmsBody .cmsBodyPre {
|
||
width:600px;
|
||
overflow:scroll;
|
||
border:1px solid #CCC;
|
||
background:#EEE;
|
||
margin:0 auto 3px;
|
||
}
|
||
#cmsBody .cmsBodyPreCaption {
|
||
width:600px;
|
||
font-size:12px;
|
||
line-height:16px;
|
||
margin:0 auto;
|
||
}
|
||
#cmsBody .cmsBodyPre pre {
|
||
font-family:"MS ゴシック", "Osaka-等幅";
|
||
margin:0;
|
||
padding:10px;
|
||
font-size:12px;
|
||
color:#063;
|
||
}
|
||
#cmsBody .cmsBodyItmidSeriesButtonRegist {
|
||
font-size:16px;
|
||
line-height:22px;
|
||
margin:0 0 20px;
|
||
}
|
||
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
|
||
background:url(https://image.itmedia.co.jp/images/ulli_bell0.gif) no-repeat 0 3px;
|
||
padding:0 0 0 18px;
|
||
}
|
||
#cmsBody .cmsImgLinkBtn {
|
||
position:relative;
|
||
width:580px;
|
||
margin:25px auto;
|
||
padding:0;
|
||
background:#FFF;
|
||
background:-webkit-linear-gradient(#FFFFFF 0%,#E6E6E6 100%);
|
||
background:linear-gradient(#FFFFFF 0%,#E6E6E6 100%);
|
||
border:3px #FB910E solid;
|
||
border-radius:4px;
|
||
text-align:center;
|
||
}
|
||
#cmsBody .cmsImgLinkBtn a {
|
||
display:block;
|
||
margin:0;
|
||
padding:15px;
|
||
font-size:20px;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody .cmsImgLinkBtn a:hover {
|
||
opacity:0.7;
|
||
}
|
||
#cmsBody .cmsImgLinkBtn a::after {
|
||
content: ">>";
|
||
margin:0 0 0 10px;
|
||
color:#FB910E;
|
||
}
|
||
#masterMain #cmsBody .cmsImgLinkBtn a:link,
|
||
#masterMain #cmsBody .cmsImgLinkBtn a:visited {
|
||
color:#333;
|
||
}
|
||
#masterMain #cmsBody .cmsImgLinkBtn a:link,
|
||
#masterMain #cmsBody .cmsImgLinkBtn a:visited,
|
||
#masterMain #cmsBody .cmsImgLinkBtn a:active,
|
||
#masterMain #cmsBody .cmsImgLinkBtn a:hover {
|
||
text-decoration:none;
|
||
}
|
||
#cmsMark,
|
||
#cmsBody #cmsMark {
|
||
margin:0 0 5px 10px;
|
||
}
|
||
#cmsMark img,
|
||
#cmsBody #cmsMark img {
|
||
border:none;
|
||
}
|
||
#cmsCopyright p {
|
||
font-size:13px;
|
||
line-height:20px;
|
||
color:#666;
|
||
text-align:right;
|
||
}
|
||
#cmsPrcredit {
|
||
clear:both;
|
||
border:1px solid #CCC;
|
||
margin:0 0 20px;
|
||
}
|
||
#cmsPrcredit .inner {
|
||
border:3px solid #EEE;
|
||
padding:5px;
|
||
}
|
||
#cmsPrcredit .inner br {
|
||
display:none;
|
||
}
|
||
#cmsPrcredit .inner .credit {
|
||
margin:0;
|
||
font-size:12px;
|
||
line-height:16px;
|
||
display:inline;
|
||
}
|
||
#cmsPrcredit .inner .credit br {
|
||
display:inline;
|
||
}
|
||
#cmsBody img {
|
||
vertical-align:top;
|
||
}
|
||
|
||
/* ENDWPP
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .endwpp {}
|
||
#cmsBody .endwpp .box {
|
||
border:none;
|
||
padding:0;
|
||
}
|
||
#cmsBody .endwpp .box br {
|
||
display:none;
|
||
}
|
||
#cmsBody .endwpp .box h3 {
|
||
background:none;
|
||
color:#111;
|
||
margin:0;
|
||
padding:0 0 3px;
|
||
font-size:14px;
|
||
line-height:20px;
|
||
}
|
||
#cmsBody .endwpp .box h4 {
|
||
background:none;
|
||
margin:0;
|
||
padding:5px 0;
|
||
border-top:1px solid #CCC;
|
||
border-bottom:1px solid #CCC;
|
||
font-weight:normal;
|
||
height:1%;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
}
|
||
#cmsBody .endwpp .box h4 a {
|
||
background:url(https://image.itmedia.co.jp/images/ulli_wpkw1.gif) no-repeat 0 2px transparent;
|
||
padding-left:18px;
|
||
text-decoration:none;
|
||
font-weight:bold;
|
||
}
|
||
|
||
/* ENDLINK
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .endlink {
|
||
clear:both;
|
||
}
|
||
#cmsBody .endlink h4 {
|
||
background:none;
|
||
color:#111;
|
||
margin:0;
|
||
padding:0 0 3px;
|
||
font-size:14px;
|
||
line-height:20px;
|
||
}
|
||
#cmsBody .endlink ul {
|
||
margin:0 0 20px;
|
||
padding:5px 0 17px;
|
||
list-style:none;
|
||
border-top:1px solid #CCC;
|
||
border-bottom:1px solid #CCC;
|
||
}
|
||
#cmsBody .endlink li {
|
||
clear:both;
|
||
height:1%;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 3px;
|
||
margin-bottom:3px;
|
||
padding-left:14px;
|
||
}
|
||
#cmsBody .endlink li a {
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody .endlink li a:hover {
|
||
color:#C00;
|
||
}
|
||
#cmsBody .endlink li a img {
|
||
float:left;
|
||
display:block;
|
||
width:40px;
|
||
height:30px;
|
||
margin:0 5px 5px 0;
|
||
border:none;
|
||
}
|
||
|
||
/* リファレンスページ誘導 */
|
||
#cmsReferenceBtn {
|
||
clear:both;
|
||
margin:0;
|
||
}
|
||
#cmsReferenceBtn::after {
|
||
content:'';
|
||
clear:both;
|
||
display:block;
|
||
}
|
||
#cmsBody #cmsReferenceBtn a {
|
||
display:block;
|
||
width:250px;
|
||
float:right;
|
||
margin:0 0 20px;
|
||
padding:5px 0;
|
||
border:2px #333 solid;
|
||
text-align:center;
|
||
text-decoration:none;
|
||
color:#333;
|
||
}
|
||
#cmsBody #cmsReferenceBtn a:hover {
|
||
background:#eee;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody #cmsReferenceBtn a::after {
|
||
content:'';
|
||
display:inline-block;
|
||
width:6px;
|
||
height:6px;
|
||
margin:0 0 2px 10px;
|
||
border-right:2px solid #333;
|
||
border-bottom:2px solid #333;
|
||
-webkit-transform:rotate(-45deg);
|
||
transform:rotate(-45deg);
|
||
}
|
||
|
||
/* COL100 600
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody #col100 {margin:0 auto 20px;width:100px;}
|
||
#cmsBody #col200 {margin:0 auto 20px;width:200px;}
|
||
#cmsBody #col300 {margin:0 auto 20px;width:300px;}
|
||
#cmsBody #col400 {margin:0 auto 20px;width:400px;}
|
||
#cmsBody #col500 {margin:0 auto 20px;width:500px;}
|
||
#cmsBody #col600 {margin:0 auto 20px;width:600px;}
|
||
#cmsBody #col110 {margin:0 auto 20px;width:110px;}
|
||
#cmsBody #col210 {margin:0 auto 20px;width:210px;}
|
||
#cmsBody #col310 {margin:0 auto 20px;width:310px;}
|
||
#cmsBody #col410 {margin:0 auto 20px;width:410px;}
|
||
#cmsBody #col510 {margin:0 auto 20px;width:510px;}
|
||
#cmsBody #col610 {margin:0 auto 20px;width:610px;}
|
||
#cmsBody #col100 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col200 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col300 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col400 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col500 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col600 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col110 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col210 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col310 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col410 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col510 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col610 img {margin:0 3px 3px 0;}
|
||
#cmsBody #col100 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col200 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col300 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col400 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col500 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col600 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col110 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col210 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col310 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col410 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col510 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col610 small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col100 #cap-l {text-align:left;}
|
||
#cmsBody #col200 #cap-l {text-align:left;}
|
||
#cmsBody #col300 #cap-l {text-align:left;}
|
||
#cmsBody #col400 #cap-l {text-align:left;}
|
||
#cmsBody #col500 #cap-l {text-align:left;}
|
||
#cmsBody #col600 #cap-l {text-align:left;}
|
||
#cmsBody #col110 #cap-l {text-align:left;}
|
||
#cmsBody #col210 #cap-l {text-align:left;}
|
||
#cmsBody #col310 #cap-l {text-align:left;}
|
||
#cmsBody #col410 #cap-l {text-align:left;}
|
||
#cmsBody #col510 #cap-l {text-align:left;}
|
||
#cmsBody #col610 #cap-l {text-align:left;}
|
||
#cmsBody #col100 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col200 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col300 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col400 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col500 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col600 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col110 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col210 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col310 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col410 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col510 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col610 #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col100 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col200 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col300 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col400 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col500 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col600 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col110 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col210 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col310 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col410 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col510 #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col610 #cap-c {text-align:center;display:block;}
|
||
|
||
#cmsBody #col100c {margin:0 auto 20px;width:100px;}
|
||
#cmsBody #col200c {margin:0 auto 20px;width:200px;}
|
||
#cmsBody #col300c {margin:0 auto 20px;width:300px;}
|
||
#cmsBody #col400c {margin:0 auto 20px;width:400px;}
|
||
#cmsBody #col500c {margin:0 auto 20px;width:500px;}
|
||
#cmsBody #col600c {margin:0 auto 20px;width:600px;}
|
||
#cmsBody #col110c {margin:0 auto 20px;width:110px;}
|
||
#cmsBody #col210c {margin:0 auto 20px;width:210px;}
|
||
#cmsBody #col310c {margin:0 auto 20px;width:310px;}
|
||
#cmsBody #col410c {margin:0 auto 20px;width:410px;}
|
||
#cmsBody #col510c {margin:0 auto 20px;width:510px;}
|
||
#cmsBody #col610c {margin:0 auto 20px;width:610px;}
|
||
#cmsBody #col100c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col200c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col300c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col400c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col500c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col600c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col110c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col210c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col310c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col410c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col510c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col610c img {margin:0 3px 3px 0;}
|
||
#cmsBody #col100c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col200c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col300c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col400c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col500c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col600c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col110c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col210c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col310c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col410c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col510c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col610c small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col100c #cap-l {text-align:left;}
|
||
#cmsBody #col200c #cap-l {text-align:left;}
|
||
#cmsBody #col300c #cap-l {text-align:left;}
|
||
#cmsBody #col400c #cap-l {text-align:left;}
|
||
#cmsBody #col500c #cap-l {text-align:left;}
|
||
#cmsBody #col600c #cap-l {text-align:left;}
|
||
#cmsBody #col110c #cap-l {text-align:left;}
|
||
#cmsBody #col210c #cap-l {text-align:left;}
|
||
#cmsBody #col310c #cap-l {text-align:left;}
|
||
#cmsBody #col410c #cap-l {text-align:left;}
|
||
#cmsBody #col510c #cap-l {text-align:left;}
|
||
#cmsBody #col610c #cap-l {text-align:left;}
|
||
#cmsBody #col100c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col200c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col300c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col400c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col500c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col600c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col110c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col210c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col310c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col410c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col510c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col610c #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col100c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col200c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col300c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col400c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col500c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col600c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col110c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col210c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col310c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col410c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col510c #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col610c #cap-c {text-align:center;display:block;}
|
||
|
||
#cmsBody #col100l {float:left;margin:0 10px 5px 0;width:100px;}
|
||
#cmsBody #col200l {float:left;margin:0 10px 5px 0;width:200px;}
|
||
#cmsBody #col300l {float:left;margin:0 10px 5px 0;width:300px;}
|
||
#cmsBody #col400l {float:left;margin:0 10px 5px 0;width:400px;}
|
||
#cmsBody #col500l {float:left;margin:0 10px 5px 0;width:500px;}
|
||
#cmsBody #col600l {float:left;margin:0 10px 5px 0;width:600px;}
|
||
#cmsBody #col110l {float:left;margin:0 10px 5px 0;width:110px;}
|
||
#cmsBody #col210l {float:left;margin:0 10px 5px 0;width:210px;}
|
||
#cmsBody #col310l {float:left;margin:0 10px 5px 0;width:310px;}
|
||
#cmsBody #col410l {float:left;margin:0 10px 5px 0;width:410px;}
|
||
#cmsBody #col510l {float:left;margin:0 10px 5px 0;width:510px;}
|
||
#cmsBody #col610l {float:left;margin:0 10px 5px 0;width:610px;}
|
||
#cmsBody #col100l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col200l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col300l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col400l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col500l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col600l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col110l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col210l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col310l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col410l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col510l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col610l img {margin:0 3px 3px 0;}
|
||
#cmsBody #col100l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col200l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col300l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col400l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col500l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col600l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col110l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col210l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col310l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col410l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col510l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col610l small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col100l #cap-l {text-align:left;}
|
||
#cmsBody #col200l #cap-l {text-align:left;}
|
||
#cmsBody #col300l #cap-l {text-align:left;}
|
||
#cmsBody #col400l #cap-l {text-align:left;}
|
||
#cmsBody #col500l #cap-l {text-align:left;}
|
||
#cmsBody #col600l #cap-l {text-align:left;}
|
||
#cmsBody #col110l #cap-l {text-align:left;}
|
||
#cmsBody #col210l #cap-l {text-align:left;}
|
||
#cmsBody #col310l #cap-l {text-align:left;}
|
||
#cmsBody #col410l #cap-l {text-align:left;}
|
||
#cmsBody #col510l #cap-l {text-align:left;}
|
||
#cmsBody #col610l #cap-l {text-align:left;}
|
||
#cmsBody #col100l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col200l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col300l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col400l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col500l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col600l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col110l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col210l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col310l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col410l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col510l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col610l #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col100l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col200l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col300l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col400l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col500l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col600l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col110l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col210l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col310l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col410l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col510l #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col610l #cap-c {text-align:center;display:block;}
|
||
|
||
#cmsBody #col100r {float:right;margin:0 0 5px 10px;width:100px;}
|
||
#cmsBody #col200r {float:right;margin:0 0 5px 10px;width:200px;}
|
||
#cmsBody #col300r {float:right;margin:0 0 5px 10px;width:300px;}
|
||
#cmsBody #col400r {float:right;margin:0 0 5px 10px;width:400px;}
|
||
#cmsBody #col500r {float:right;margin:0 0 5px 10px;width:500px;}
|
||
#cmsBody #col600r {float:right;margin:0 0 5px 10px;width:600px;}
|
||
#cmsBody #col110r {float:right;margin:0 0 5px 10px;width:110px;}
|
||
#cmsBody #col210r {float:right;margin:0 0 5px 10px;width:210px;}
|
||
#cmsBody #col310r {float:right;margin:0 0 5px 10px;width:310px;}
|
||
#cmsBody #col410r {float:right;margin:0 0 5px 10px;width:410px;}
|
||
#cmsBody #col510r {float:right;margin:0 0 5px 10px;width:510px;}
|
||
#cmsBody #col610r {float:right;margin:0 0 5px 10px;width:610px;}
|
||
#cmsBody #col100r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col200r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col300r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col400r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col500r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col600r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col110r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col210r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col310r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col410r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col510r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col610r img {margin:0 3px 3px 0;}
|
||
#cmsBody #col100r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col200r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col300r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col400r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col500r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col600r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col110r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col210r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col310r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col410r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col510r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col610r small {font-size:12px;line-height:18px;color:#555;display:block;clear:both;height:1%;}
|
||
#cmsBody #col100r #cap-l {text-align:left;}
|
||
#cmsBody #col200r #cap-l {text-align:left;}
|
||
#cmsBody #col300r #cap-l {text-align:left;}
|
||
#cmsBody #col400r #cap-l {text-align:left;}
|
||
#cmsBody #col500r #cap-l {text-align:left;}
|
||
#cmsBody #col600r #cap-l {text-align:left;}
|
||
#cmsBody #col110r #cap-l {text-align:left;}
|
||
#cmsBody #col210r #cap-l {text-align:left;}
|
||
#cmsBody #col310r #cap-l {text-align:left;}
|
||
#cmsBody #col410r #cap-l {text-align:left;}
|
||
#cmsBody #col510r #cap-l {text-align:left;}
|
||
#cmsBody #col610r #cap-l {text-align:left;}
|
||
#cmsBody #col100r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col200r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col300r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col400r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col500r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col600r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col110r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col210r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col310r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col410r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col510r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col610r #cap-r {text-align:right;display:block;}
|
||
#cmsBody #col100r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col200r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col300r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col400r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col500r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col600r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col110r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col210r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col310r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col410r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col510r #cap-c {text-align:center;display:block;}
|
||
#cmsBody #col610r #cap-c {text-align:center;display:block;}
|
||
|
||
/* NOALIGN CAPTION
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-l {text-align:left;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-r {text-align:right;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
#cmsBody #noalign #cap-c {text-align:center;display:block;}
|
||
|
||
/* TABLE
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsTable {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 0;
|
||
}
|
||
#cmsBody .cmsTable caption {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin-bottom:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody .cmsTable tr {}
|
||
#cmsBody .cmsTable th,
|
||
#cmsBody .cmsTable td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody .cmsTable th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody .cmsTable thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody .cmsTable td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody .cmsTable tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsTableL {
|
||
float:left;
|
||
}
|
||
#cmsBody .cmsTableC {
|
||
margin:0 auto 20px;
|
||
}
|
||
#cmsBody .cmsTableR {
|
||
float:right;
|
||
}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsTable25 {
|
||
width:25%;
|
||
}
|
||
#cmsBody .cmsTable50 {
|
||
width:50%;
|
||
}
|
||
#cmsBody .cmsTable75 {
|
||
width:75%;
|
||
}
|
||
#cmsBody .cmsTable100 {
|
||
width:100%;
|
||
}
|
||
|
||
/* TABLE
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody table#tbl {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 0;
|
||
}
|
||
#cmsBody table#tbl caption {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin-bottom:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl tr {}
|
||
#cmsBody table#tbl th,
|
||
#cmsBody table#tbl td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
/*--------------------------------------*/
|
||
#cmsBody table#tbl25l {
|
||
border-collapse:collapse;
|
||
margin:0 5px 20px 0;
|
||
width:25%;
|
||
float:left;
|
||
}
|
||
#cmsBody table#tbl25l tr {}
|
||
#cmsBody table#tbl25l th,
|
||
#cmsBody table#tbl25l td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl25l th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl25l thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl25l td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl25l tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
|
||
#cmsBody table#tbl50l {
|
||
border-collapse:collapse;
|
||
margin:0 5px 20px 0;
|
||
width:50%;
|
||
float:left;
|
||
}
|
||
#cmsBody table#tbl50l tr {}
|
||
#cmsBody table#tbl50l th,
|
||
#cmsBody table#tbl50l td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl50l th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl50l thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl50l td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl50l tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
|
||
#cmsBody table#tbl75l {
|
||
border-collapse:collapse;
|
||
margin:0 5px 20px 0;
|
||
width:75%;
|
||
float:left;
|
||
}
|
||
#cmsBody table#tbl75l tr {}
|
||
#cmsBody table#tbl75l th,
|
||
#cmsBody table#tbl75l td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl75l th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl75l thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl75l td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl75l tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
|
||
#cmsBody table#tbl100l {
|
||
border-collapse:collapse;
|
||
margin:0 5px 20px 0;
|
||
width:100%;
|
||
float:left;
|
||
}
|
||
#cmsBody table#tbl100l tr {}
|
||
#cmsBody table#tbl100l th,
|
||
#cmsBody table#tbl100l td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl100l th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl100l thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl100l td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl100l tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
/*--------------------------------------*/
|
||
#cmsBody table#tbl25r {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 5px;
|
||
width:25%;
|
||
float:right;
|
||
}
|
||
#cmsBody table#tbl25r tr {}
|
||
#cmsBody table#tbl25r th,
|
||
#cmsBody table#tbl25r td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl25r th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl25r thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl25r td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl25r tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
|
||
#cmsBody table#tbl50r {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 5px;
|
||
width:50%;
|
||
float:right;
|
||
}
|
||
#cmsBody table#tbl50r tr {}
|
||
#cmsBody table#tbl50r th,
|
||
#cmsBody table#tbl50r td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl50r th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl50r thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl50r td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl50r tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
|
||
#cmsBody table#tbl75r {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 5px;
|
||
width:75%;
|
||
float:right;
|
||
}
|
||
#cmsBody table#tbl75r tr {}
|
||
#cmsBody table#tbl75r th,
|
||
#cmsBody table#tbl75r td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl75r th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl75r thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl75r td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl75r tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
|
||
#cmsBody table#tbl100r {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 5px;
|
||
width:100%;
|
||
float:right;
|
||
}
|
||
#cmsBody table#tbl100r tr {}
|
||
#cmsBody table#tbl100r th,
|
||
#cmsBody table#tbl100r td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl100r th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl100r thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl100r td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl100r tfoot td {
|
||
background:transparent;
|
||
border:none;
|
||
}
|
||
/* Affiliate Links
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsToc{
|
||
position:relative;
|
||
margin-bottom:20px;
|
||
border:1px solid #666;
|
||
padding:33px 25px;
|
||
}
|
||
#cmsBody .cmsTocHeading{
|
||
position:absolute;
|
||
top:-11px;
|
||
left:20px;
|
||
font-size:1.2rem;
|
||
line-height:1;
|
||
color:#333;
|
||
padding:0 16px;
|
||
font-weight:bold;
|
||
background:#fff;
|
||
}
|
||
#cmsBody .cmsToc ul,
|
||
#cmsBody .cmsToc li{
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
#cmsBody .cmsToc ul{
|
||
padding-left:25px;
|
||
}
|
||
#cmsBody .cmsToc li{
|
||
margin-bottom:10px;
|
||
font-size:.95rem;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody .cmsToc li:last-child{
|
||
margin-bottom:0;
|
||
}
|
||
#cmsBody .cmsToc a:link,
|
||
#cmsBody .cmsToc a:visited,
|
||
#cmsBody .cmsToc a:hover{
|
||
color:#666;
|
||
}
|
||
#cmsBody .cmsAmazonLink,
|
||
#cmsBody .cmsRakutenLink,
|
||
#cmsBody .cmsValuecommerceLink{
|
||
font-size:1rem;
|
||
font-weight:bold;
|
||
text-align:center;
|
||
margin-bottom:20px;
|
||
}
|
||
#cmsBody .cmsAmazonLink a,
|
||
#cmsBody .cmsRakutenLink a,
|
||
#cmsBody .cmsValuecommerceLink a{
|
||
display:block;
|
||
border-radius:3px;
|
||
padding:7px 10px 5px;
|
||
}
|
||
#cmsBody .cmsAmazonLink a {
|
||
background:#fbb03b;
|
||
border-bottom:solid 2px #523e1e;
|
||
}
|
||
#cmsBody .cmsRakutenLink a{
|
||
background:#BF0000;
|
||
border-bottom:solid 2px #930000;
|
||
}
|
||
#cmsBody .cmsValuecommerceLink a{
|
||
background:#009091;
|
||
border-bottom:solid 2px #006465;
|
||
}
|
||
.cmsValuecommerceLink img[src*="ad.jp.ap.valuecommerce.com/servlet/gifbanner"]{
|
||
display:none;
|
||
}
|
||
#cmsBody .cmsAmazonLink a:link,
|
||
#cmsBody .cmsAmazonLink a:visited,
|
||
#cmsBody .cmsAmazonLink a:hover {color:#000;text-decoration:none;}
|
||
#cmsBody .cmsRakutenLink a:link,
|
||
#cmsBody .cmsRakutenLink a:visited,
|
||
#cmsBody .cmsRakutenLink a:hover,
|
||
#cmsBody .cmsValuecommerceLink a:link,
|
||
#cmsBody .cmsValuecommerceLink a:visited,
|
||
#cmsBody .cmsValuecommerceLink a:hover{color:#fff;text-decoration:none;}
|
||
.cmsRakutenLink a:hover,
|
||
.cmsValuecommerceLink a:hover{filter:brightness(110%);}
|
||
/**/
|
||
.cmsValuecommerceBanner{
|
||
margin-bottom:20px;
|
||
}
|
||
#cmsBody .cmsValuecommerceBanner a:link img,
|
||
#cmsBody .cmsValuecommerceBanner a:visited img,
|
||
#cmsBody .cmsValuecommerceBanner a:hover img{
|
||
border:none;
|
||
}
|
||
/* TABLE-SPEC
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody table#tbl-spec {
|
||
border-collapse:collapse;
|
||
margin:0 0 20px 0;
|
||
}
|
||
#cmsBody table#tbl-spec caption {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin-bottom:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl-spec tr {}
|
||
#cmsBody table#tbl-spec th,
|
||
#cmsBody table#tbl-spec td {
|
||
border:1px solid #999;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
padding:3px;
|
||
text-align:left;
|
||
}
|
||
#cmsBody table#tbl-spec th {
|
||
background:#DDD;
|
||
font-weight:bold;
|
||
}
|
||
#cmsBody table#tbl-spec thead th {
|
||
background:#666;
|
||
color:#FFF;
|
||
}
|
||
#cmsBody table#tbl-spec td {
|
||
background:#FFF;
|
||
font-weight:normal;
|
||
}
|
||
#cmsBody table#tbl-spec tfoot td {
|
||
border:none;
|
||
}
|
||
|
||
/* INLINE COLOR
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsColorRed {
|
||
color:#C00;
|
||
}
|
||
#cmsBody .cmsColorBlue {
|
||
color:#00C;
|
||
}
|
||
#cmsBody .cmsColorGreen {
|
||
color:#090;
|
||
}
|
||
#cmsBody .cmsColorBottlegreen {
|
||
color:#066;
|
||
}
|
||
#cmsBody .cmsColorOrange {
|
||
color:#F60;
|
||
}
|
||
#cmsBody .cmsColorYellow {
|
||
color:#CC0;
|
||
}
|
||
#cmsBody .cmsColorPurple {
|
||
color:#A757A8;
|
||
}
|
||
#cmsBody .cmsColorGray {
|
||
color:#999;
|
||
}
|
||
#cmsBody .cmsColorWhite {
|
||
color:#FFF;
|
||
}
|
||
|
||
/* INLINE BGCOLOR
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsBgcolorRed {
|
||
background-color:#FBB;
|
||
}
|
||
#cmsBody .cmsBgcolorBlue {
|
||
background-color:#BBF;
|
||
}
|
||
#cmsBody .cmsBgcolorGreen {
|
||
background-color:#BCB;
|
||
}
|
||
#cmsBody .cmsBgcolorBottlegreen {
|
||
background-color:#699;
|
||
}
|
||
#cmsBody .cmsBgcolorOrange {
|
||
background-color:#FCB;
|
||
}
|
||
#cmsBody .cmsBgcolorYellow {
|
||
background-color:#FFB;
|
||
}
|
||
#cmsBody .cmsBgcolorPurple {
|
||
background-color:#FCF;
|
||
}
|
||
#cmsBody .cmsBgcolorGray {
|
||
background-color:#DDD;
|
||
}
|
||
#cmsBody .cmsBgcolorWhite {
|
||
background-color:#FFF;
|
||
}
|
||
|
||
/* INLINE FONTSIZE
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsFontsize-3 {
|
||
font-size:25%;
|
||
}
|
||
#cmsBody .cmsFontsize-2 {
|
||
font-size:50%;
|
||
}
|
||
#cmsBody .cmsFontsize-1 {
|
||
font-size:75%;
|
||
}
|
||
#cmsBody .cmsFontsize1 {
|
||
font-size:125%;
|
||
}
|
||
#cmsBody .cmsFontsize2 {
|
||
font-size:150%;
|
||
}
|
||
#cmsBody .cmsFontsize3 {
|
||
font-size:175%;
|
||
}
|
||
|
||
/* BOX
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsBox,
|
||
#cmsBody .cmsBoxL,
|
||
#cmsBody .cmsBoxR {
|
||
clear:both;
|
||
border:3px solid #666;
|
||
margin-bottom:20px;
|
||
padding:5px;
|
||
}
|
||
#cmsBody .cmsBoxNoborder {
|
||
border:none;
|
||
background:#EEE;
|
||
}
|
||
#cmsBody .cmsBox h3,
|
||
#cmsBody .cmsBoxL h3,
|
||
#cmsBody .cmsBoxR h3 {
|
||
color:#FFF;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
padding:3px;
|
||
background:none;
|
||
border:none;
|
||
}
|
||
#cmsBody .cmsBox h3,
|
||
#cmsBody .cmsBoxL h3,
|
||
#cmsBody .cmsBoxR h3 {
|
||
background-color:#666;
|
||
}
|
||
#cmsBody .cmsBox h3 a,
|
||
#cmsBody .cmsBoxL h3 a,
|
||
#cmsBody .cmsBoxR h3 a {
|
||
color:#FFF;
|
||
}
|
||
#cmsBody .cmsBox h4,
|
||
#cmsBody .cmsBoxL h4,
|
||
#cmsBody .cmsBoxR h4 {
|
||
color:#A73;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
padding:0;
|
||
background:none;
|
||
}
|
||
#cmsBody .cmsBox p,
|
||
#cmsBody .cmsBoxL p,
|
||
#cmsBody .cmsBoxR p {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
}
|
||
#cmsBody .cmsBox li,
|
||
#cmsBody .cmsBoxL li,
|
||
#cmsBody .cmsBoxR li {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsBoxRed {border-color:#BE2B2B;background:#F9F1F1;}
|
||
#cmsBody .cmsBoxGreen {border-color:#649526;background:#F4F6F1;}
|
||
#cmsBody .cmsBoxBlue {border-color:#267095;background:#F1F4F6;}
|
||
#cmsBody .cmsBoxOrange {border-color:#DA6B2E;background:#FBF5F2;}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsBoxRed h3 {background-color:#C00;}
|
||
#cmsBody .cmsBoxGreen h3 {background-color:#090;}
|
||
#cmsBody .cmsBoxBlue h3 {background-color:#039;}
|
||
#cmsBody .cmsBoxOrange h3 {background-color:#C60;}
|
||
|
||
/* BOX - Add Caption
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsBodyBox {
|
||
margin-bottom:20px;
|
||
}
|
||
#cmsBody .cmsBodyBoxInner {
|
||
border:3px solid #666;
|
||
clear:both;
|
||
padding:5px;
|
||
}
|
||
#cmsBody .cmsBodyBoxInner h3 {
|
||
font-size:14px;
|
||
line-height:20px;
|
||
margin:0 0 5px;
|
||
}
|
||
#cmsBody .cmsBodyBoxInner h4 {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
}
|
||
#cmsBody .cmsBodyBoxInner p {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
}
|
||
#cmsBody .cmsBodyBoxCaption {
|
||
padding:5px;
|
||
background:#F8F8F8;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsBodyBoxNoborder .cmsBodyBoxInner {border:none;background:#EEE;}
|
||
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner {border-color:#BE2B2B;background:#F9F1F1;}
|
||
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner {border-color:#649526;background:#F4F6F1;}
|
||
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner {border-color:#267095;background:#F1F4F6;}
|
||
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner {border-color:#DA6B2E;background:#FBF5F2;}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h3 {border-color:#BE2B2B;}
|
||
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h3 {border-color:#649526;}
|
||
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h3 {border-color:#267095;}
|
||
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h3 {border-color:#DA6B2E;}
|
||
/*--------------------------------------*/
|
||
#cmsBody .cmsBodyBoxRed .cmsBodyBoxInner h4 {border-color:#BE2B2B;}
|
||
#cmsBody .cmsBodyBoxGreen .cmsBodyBoxInner h4 {border-color:#649526;}
|
||
#cmsBody .cmsBodyBoxBlue .cmsBodyBoxInner h4 {border-color:#267095;}
|
||
#cmsBody .cmsBodyBoxOrange .cmsBodyBoxInner h4 {border-color:#DA6B2E;}
|
||
|
||
/* BOX
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .box {
|
||
clear:both;
|
||
border:3px solid #666;
|
||
margin-bottom:20px;
|
||
padding:5px;
|
||
}
|
||
#cmsBody .box.cmsBoxNoborder {
|
||
border:none;
|
||
background:#EEE;
|
||
}
|
||
#cmsBody .box#red {border-color:#BE2B2B;background:#F9F1F1;}
|
||
#cmsBody .box#green {border-color:#649526;background:#F4F6F1;}
|
||
#cmsBody .box#blue {border-color:#267095;background:#F1F4F6;}
|
||
#cmsBody .box#orange {border-color:#DA6B2E;background:#FBF5F2;}
|
||
#cmsBody .box h3 {
|
||
color:#FFF;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
padding:3px;
|
||
background:none;
|
||
border:none;
|
||
}
|
||
#cmsBody .box h3 a {
|
||
color:#FFF;
|
||
}
|
||
#cmsBody .box h3 {background-color:#666;}
|
||
#cmsBody .box#red h3 {background-color:#C00;}
|
||
#cmsBody .box#green h3 {background-color:#090;}
|
||
#cmsBody .box#blue h3 {background-color:#039;}
|
||
#cmsBody .box#orange h3 {background-color:#C60;}
|
||
#cmsBody .box h4 {
|
||
color:#A73;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
padding:0;
|
||
background:none;
|
||
}
|
||
#cmsBody .box p {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0 0 5px;
|
||
}
|
||
#cmsBody .box li {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
}
|
||
|
||
/* RANKING
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsBodyRank {
|
||
font-size:14px;
|
||
line-height:20px;
|
||
margin:0 0 20px;
|
||
}
|
||
#cmsBody .cmsBodyRankTitle {
|
||
display:table;
|
||
border-collapse:collapse;
|
||
width:100%;
|
||
margin:0 0 5px;
|
||
}
|
||
#cmsBody .cmsBodyRankTitle h3 {
|
||
display:table-cell;
|
||
margin:0;
|
||
padding:0;
|
||
border:none;
|
||
color:#34495e;
|
||
}
|
||
#cmsBody .cmsBodyRankTitle span {
|
||
display:table-cell;
|
||
font-size:12px;
|
||
line-height:16px;
|
||
text-align:right;
|
||
color:#666;
|
||
}
|
||
#cmsBody .cmsBodyRankHead {
|
||
display:table-header-group;
|
||
}
|
||
#cmsBody .cmsBodyRankHead .cmsBodyRankRow {
|
||
font-weight:bold;
|
||
text-align:center;
|
||
color:#FFF;
|
||
background:#1abc9c;
|
||
}
|
||
#cmsBody .cmsBodyRankBody {
|
||
display:table-row-group;
|
||
}
|
||
#cmsBody .cmsBodyRankBody .cmsBodyRankRow:hover {
|
||
background:#ecf0f1;
|
||
}
|
||
#cmsBody .cmsBodyRankInner {
|
||
display:table;
|
||
width:100%;
|
||
border-collapse:collapse;
|
||
}
|
||
#cmsBody .cmsBodyRankCaption {
|
||
display:table-caption;
|
||
caption-side:bottom;
|
||
/*
|
||
background:url(data:image/gif;base64,R0lGODlhIAAgANUAAP9+Mv9ZAP9zIf+8lf/Osf/Gpf/Ywf+eZP9eAP9mDf9SAP9wHP9jBv9pEP+FPv/o2v+COf9UAP9gA//dyv/Cnf9vGv/WvP+hav+odf+PTf9XAP/Vuv+MSP9JAP9cAP94Kf+ZXv9jCf9hBP9sFv98Lv9nDv/+//+jbf/07P+UVP+JRP96LP9fAf9iBf/49P+LSP9jB/+QT/9rE/+WWP+AN/9hBv+kb//hz/+5jv+uf//SuP9oEf9qEv9kCv////9mDCH5BAAAAAAALAAAAAAgACAAAAb/QJ5wSCwaj8LdqMdsOp/QKDNU+lmv2Kx2a+3tuODw1Ssub8nmdPerTqPb5TdW4vEgQnMP6ydiYEUiPT9yPwEBAhwZAAwSVh4CMTQSAhV4hQsAMkxsVhoqDz6hoRAIASChBgo+BhE9ERirIZtXARyhBwsVAAWkCD4PLC2+FhEROasRMINsMC2hMgoSIggaITANPgMKMCw+Gx2nEwEtaz8JAQc+FwolNXUeDCwSPjgdCN0FGT4EGiJjXwkiFPCxAgGMDxk4cFjAI8U+CBA8uEDhQ0cEP//MaSDgQ4CEALBuORDlY4ICij5AsMNCJiAFHyQQDAowch02bfH2bfCRQgFLnYABZvg4wa6Hh5oRSmRL1o3ASR8cImQcxMKFiQoKWESgoS7CTQ09un0bYcLHiwgJll3x8CEUhg8CbAz1mg2s2AiHRmlI8ObcihskU2qQ4YMC2HmsSgTg6sMBCzkJqAl4kUGFgEA9SCxQFgKusgQeMK2QxenPO39WWGD8wQK1FRHB1MKJU3o2F0K2teDO/ZM3mN2+ZQfPAtx3cd5eggAAOw==) no-repeat right center #ecf0f1;
|
||
padding:10px 40px 10px 5px;
|
||
*/
|
||
background:#ecf0f1;
|
||
padding:10px 5px;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
}
|
||
#cmsBody .cmsBodyRankRow {
|
||
display:table-row;
|
||
}
|
||
#cmsBody .cmsBodyRankCell {
|
||
display:table-cell;
|
||
padding:10px 5px;
|
||
word-break:break-all;
|
||
}
|
||
|
||
#cmsBody .cmsBodyRank-1 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-1 {background:#1abc9c;}
|
||
#cmsBody .cmsBodyRank-1 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-2 {background:#f39c12;}
|
||
#cmsBody .cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-1 {text-align:center;}
|
||
#cmsBody .cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow-1 .cmsBodyRankCell-1 {font-size:20px;color:#f1c40f;font-weight:bold;}
|
||
#cmsBody .cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow-2 .cmsBodyRankCell-1 {font-size:20px;color:#7f8c8d;font-weight:bold;}
|
||
#cmsBody .cmsBodyRank-1 .cmsBodyRankBody .cmsBodyRankRow-3 .cmsBodyRankCell-1 {font-size:20px;color:#e67e22;font-weight:bold;}
|
||
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-1 {background:#1abc9c;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-2 {background:#f1c40f;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-3 {background:#f39c12;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-1 {text-align:center;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-2 {text-align:center;color:#666;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow-1 .cmsBodyRankCell-1 {font-size:20px;color:#f1c40f;font-weight:bold;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow-2 .cmsBodyRankCell-1 {font-size:20px;color:#7f8c8d;font-weight:bold;}
|
||
#cmsBody .cmsBodyRank-2 .cmsBodyRankBody .cmsBodyRankRow-3 .cmsBodyRankCell-1 {font-size:20px;color:#e67e22;font-weight:bold;}
|
||
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-1 {background:#1abc9c;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-2 {background:#16a085;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-3 {background:#f1c40f;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankHead .cmsBodyRankRow .cmsBodyRankCell-4 {background:#f39c12;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-1 {text-align:center;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow .cmsBodyRankCell-2 {text-align:center;color:#666;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow-1 .cmsBodyRankCell-1 {font-size:20px;color:#f1c40f;font-weight:bold;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow-2 .cmsBodyRankCell-1 {font-size:20px;color:#7f8c8d;font-weight:bold;}
|
||
#cmsBody .cmsBodyRank-3 .cmsBodyRankBody .cmsBodyRankRow-3 .cmsBodyRankCell-1 {font-size:20px;color:#e67e22;font-weight:bold;}
|
||
|
||
/* BLOCKQUOTE
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody blockquote {
|
||
background:#EEE;
|
||
padding:10px;
|
||
}
|
||
#cmsBody blockquote p {
|
||
background:url(https://image.itmedia.co.jp/images/cms_blockquote.gif) no-repeat 0px 0px;
|
||
margin:0px;
|
||
padding:8px 0px 0px 40px;
|
||
}
|
||
|
||
/* FUKIDASHI
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .trBoxC .trBoxWidth {margin:auto;}
|
||
#cmsBody .trBoxL .trBoxWidth {float:left;}
|
||
#cmsBody .trBoxR .trBoxWidth {float:right;}
|
||
#cmsBody .balAlign,
|
||
#cmsBody .balAlignL,
|
||
#cmsBody .balAlignR,
|
||
#cmsBody .balAlignCL,
|
||
#cmsBody .balAlignCR,
|
||
#cmsBody .balAlignCC {margin:0px 15px 15px 15px;background:url(https://image.itmedia.co.jp/images/cms_balloon_h1.gif) left top repeat-x #DCECFE;}
|
||
#cmsBody .balAlignCC {margin:0px 15px 0px 15px;}
|
||
#cmsBody .balBox1 {background:url(https://image.itmedia.co.jp/images/cms_balloon_h2.gif) left bottom repeat-x;width:100%;font-size:86%;}
|
||
#cmsBody .balBox2 {background:url(https://image.itmedia.co.jp/images/cms_balloon_v1.gif) left top repeat-y;}
|
||
#cmsBody .balBox3 {background:url(https://image.itmedia.co.jp/images/cms_balloon_v2.gif) right top repeat-y;}
|
||
#cmsBody .balBox4 {background:url(https://image.itmedia.co.jp/images/cms_balloon_r1.gif) left top no-repeat;}
|
||
#cmsBody .balBox5 {background:url(https://image.itmedia.co.jp/images/cms_balloon_r2.gif) right top no-repeat;}
|
||
#cmsBody .balBox6 {background:url(https://image.itmedia.co.jp/images/cms_balloon_r3.gif) left bottom no-repeat;}
|
||
#cmsBody .balBox7 {background:url(https://image.itmedia.co.jp/images/cms_balloon_r4.gif) right bottom no-repeat;}
|
||
#cmsBody .balBox8 {background:url(https://image.itmedia.co.jp/images/cms_balloon_ic.gif) center bottom no-repeat;padding:12px 16px 16px 16px;}
|
||
#cmsBody .balAlign .balBox8 {background:none;}
|
||
#cmsBody .balAlignL .balBox8 {background:url(https://image.itmedia.co.jp/images/cms_balloon_il.gif) left top no-repeat;}
|
||
#cmsBody .balAlignR .balBox8 {background:url(https://image.itmedia.co.jp/images/cms_balloon_ir.gif) right top no-repeat;}
|
||
#cmsBody .balAlignCL .balBox8 {background:url(https://image.itmedia.co.jp/images/cms_balloon_ic.gif) left bottom no-repeat;}
|
||
#cmsBody .balAlignCR .balBox8 {background:url(https://image.itmedia.co.jp/images/cms_balloon_ic.gif) right bottom no-repeat;}
|
||
#cmsBody .balAlignCC .balBox8 {background:url(https://image.itmedia.co.jp/images/cms_balloon_ic.gif) center bottom no-repeat;}
|
||
|
||
/* FUKIDASHI color
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#cmsBody .cmsBodyBaloon {
|
||
background:#E4E4E4;
|
||
border-radius:6px;
|
||
margin:0px 15px 15px 15px;
|
||
position:relative;
|
||
}
|
||
#cmsBody .cmsBodyBaloonInner {
|
||
padding:15px;
|
||
position:relative;
|
||
z-index:1;
|
||
}
|
||
#cmsBody .cmsBodyBaloon p:last-child {
|
||
margin-bottom:0;
|
||
}
|
||
#cmsBody .cmsBodyBaloon::after {
|
||
content:'';
|
||
position:absolute;
|
||
width:0;
|
||
height:0;
|
||
border: 10px solid transparent;
|
||
z-index:2;
|
||
}
|
||
#cmsBody .cmsBodyBaloon::before {
|
||
content:'';
|
||
position:absolute;
|
||
width:0;
|
||
height:0;
|
||
border: 10px solid transparent;
|
||
display:none;
|
||
z-index:0;
|
||
}
|
||
#cmsBody .cmsBodyBaloonB::after {
|
||
border-top-color: #E4E4E4;
|
||
left:50%;
|
||
margin-left:-10px;
|
||
bottom:-19px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonB::before {
|
||
border-top-color: #E4E4E4;
|
||
left:50%;
|
||
margin-left:-10px;
|
||
bottom:-20px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonL::after {
|
||
border-right-color: #E4E4E4;
|
||
left:-19px;
|
||
margin-bottom:-10px;
|
||
bottom:50%;
|
||
}
|
||
#cmsBody .cmsBodyBaloonL::before {
|
||
border-right-color: #E4E4E4;
|
||
left:-20px;
|
||
margin-bottom:-10px;
|
||
bottom:50%;
|
||
}
|
||
#cmsBody .cmsBodyBaloonR::after {
|
||
border-left-color: #E4E4E4;
|
||
right:-19px;
|
||
margin-bottom:-10px;
|
||
bottom:50%;
|
||
}
|
||
#cmsBody .cmsBodyBaloonR::before {
|
||
border-left-color: #E4E4E4;
|
||
right:-20px;
|
||
margin-bottom:-10px;
|
||
bottom:50%;
|
||
}
|
||
#cmsBody .cmsBodyBaloonBL::after {
|
||
border-top-color: #E4E4E4;
|
||
left:30px;
|
||
bottom:-19px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonBL::before {
|
||
border-top-color: #E4E4E4;
|
||
left:30px;
|
||
bottom:-20px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonBR::after {
|
||
border-top-color: #E4E4E4;
|
||
right:30px;
|
||
bottom:-19px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonBR::before {
|
||
border-top-color: #E4E4E4;
|
||
right:30px;
|
||
bottom:-20px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonBN::after,
|
||
#cmsBody .cmsBodyBaloonBN::before {
|
||
display:none!imoportant;
|
||
}
|
||
#cmsBody .cmsBodyBaloonU::after {
|
||
border-bottom-color: #E4E4E4;
|
||
left:50%;
|
||
margin-left:-10px;
|
||
top:-19px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonU::before {
|
||
border-bottom-color: #E4E4E4;
|
||
left:50%;
|
||
margin-left:-10px;
|
||
top:-20px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonUR::after {
|
||
border-bottom-color: #E4E4E4;
|
||
right:30px;
|
||
top:-19px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonUR::before {
|
||
border-bottom-color: #E4E4E4;
|
||
right:30px;
|
||
top:-20px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonUL::after {
|
||
border-bottom-color: #E4E4E4;
|
||
left:30px;
|
||
top:-19px;
|
||
}
|
||
#cmsBody .cmsBodyBaloonUL::before {
|
||
border-bottom-color: #E4E4E4;
|
||
left:30px;
|
||
top:-20px;
|
||
}
|
||
|
||
|
||
/* color */
|
||
#cmsBody .cmsBodyBaloonCol-gray {background:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonB::after {border-top-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonL::after {border-right-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonR::after {border-left-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBL::after {border-top-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBR::after {border-top-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonU::after {border-bottom-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonUL::after {border-bottom-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonUR::after {border-bottom-color:#E4E4E4;}
|
||
#cmsBody .cmsBodyBaloonCol-red {background:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonB::after {border-top-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonL::after {border-right-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonR::after {border-left-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBL::after {border-top-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBR::after {border-top-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonU::after {border-bottom-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonUL::after {border-bottom-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonUR::after {border-bottom-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue {background:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonB::after {border-top-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonL::after {border-right-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonR::after {border-left-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBL::after {border-top-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBR::after {border-top-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonU::after {border-bottom-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonUL::after {border-bottom-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonUR::after {border-bottom-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-green {background:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonB::after {border-top-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonL::after {border-right-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonR::after {border-left-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBL::after {border-top-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBR::after {border-top-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonU::after {border-bottom-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonUL::after {border-bottom-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonUR::after {border-bottom-color:#C2E4A3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen {background:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonB::after {border-top-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonL::after {border-right-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonR::after {border-left-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBL::after {border-top-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBR::after {border-top-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonU::after {border-bottom-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonUL::after {border-bottom-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonUR::after {border-bottom-color:#82B2B2;}
|
||
#cmsBody .cmsBodyBaloonCol-orange {background:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonB::after {border-top-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonL::after {border-right-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonR::after {border-left-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBL::after {border-top-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBR::after {border-top-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonU::after {border-bottom-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonUL::after {border-bottom-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonUR::after {border-bottom-color:#FAC577;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow {background:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonB::after {border-top-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonL::after {border-right-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonR::after {border-left-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBL::after {border-top-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBR::after {border-top-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonU::after {border-bottom-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonUL::after {border-bottom-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonUR::after {border-bottom-color:#EAF067;}
|
||
#cmsBody .cmsBodyBaloonCol-purple {background:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonB::after {border-top-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonL::after {border-right-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonR::after {border-left-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBL::after {border-top-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBR::after {border-top-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonU::after {border-bottom-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonUL::after {border-bottom-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonUR::after {border-bottom-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-white {background:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonB::after {border-top-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonL::after {border-right-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonR::after {border-left-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBL::after {border-top-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBR::after {border-top-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonU::after {border-bottom-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonUL::after {border-bottom-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonUR::after {border-bottom-color:#FFF;}
|
||
|
||
/* border */
|
||
#cmsBody .cmsBodyBaloonBorder {background:#F0F0F0;border:1px solid #AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder::before {display:block;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#AAA;}
|
||
|
||
/* color and border */
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder {background:#F0F0F0;border:1px solid #AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#F0F0F0;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-gray.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#AAA;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder {background:#FFDFDF;border:1px solid #F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#FFDFDF;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-red.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#F6A4A4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder {background:#D3E9F6;border:1px solid #A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#D3E9F6;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-blue.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#A3CBE4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder {background:#E5F8D4;border:1px solid #99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#E5F8D4;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-green.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#99CA6C;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder {background:#B0D3D3;border:1px solid #5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#B0D3D3;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-bottlegreen.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#5C9999;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder {background:#FFF;border:1px solid #444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#FFF;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-white.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#444;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder {background:#FFE1B5;border:1px solid #F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#FFE1B5;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-orange.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#F1AF4C;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder {background:#F1F5A0;border:1px solid #D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#F1F5A0;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-yellow.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#D2DA37;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder {background:#F0D0FF;border:1px solid #D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonB::after {border-top-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonL::after {border-right-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonR::after {border-left-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBL::after {border-top-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBR::after {border-top-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonU::after {border-bottom-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUL::after {border-bottom-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUR::after {border-bottom-color:#F0D0FF;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonB::before {border-top-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonL::before {border-right-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonR::before {border-left-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBL::before {border-top-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonBR::before {border-top-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonU::before {border-bottom-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUL::before {border-bottom-color:#D995FA;}
|
||
#cmsBody .cmsBodyBaloonCol-purple.cmsBodyBaloonBorder.cmsBodyBaloonUR::before {border-bottom-color:#D995FA;}
|
||
|
||
/* CTRL
|
||
---------------------------------------------------------------------------*/
|
||
#cmsBody .ctrl {
|
||
margin:0 auto 0;
|
||
padding:10px 0;
|
||
height:30px;
|
||
font-size:12px;
|
||
clear:both;
|
||
text-align:center;
|
||
}
|
||
#cmsBody .ctrl span#numb,
|
||
#cmsBody .ctrl span#pgup {color:#FFF;}
|
||
#cmsBody .ctrl span#numb a:link,
|
||
#cmsBody .ctrl span#numb a:visited {
|
||
margin:0px;
|
||
padding:7px;
|
||
font-weight:bold;
|
||
border:1px solid #369;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody .ctrl span#numb a:hover {
|
||
background-color:#FC0;
|
||
border:1px solid #F50;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody span#nostart .ctrl span#prev {visibility:hidden;}
|
||
#cmsBody .ctrl span#prev {
|
||
padding:10px 8px 10px 18px;
|
||
background:url(https://image.itmedia.co.jp/images/cms_ctrl.gif) no-repeat left center #FFF;
|
||
}
|
||
#cmsBody .ctrl span#next {
|
||
padding:10px 18px 10px 8px;
|
||
background:url(https://image.itmedia.co.jp/images/cms_ctrl.gif) no-repeat right center #FFF;
|
||
}
|
||
#cmsBody .ctrl span#prev a:link,
|
||
#cmsBody .ctrl span#prev a:visited,
|
||
#cmsBody .ctrl span#next a:link,
|
||
#cmsBody .ctrl span#next a:visited {
|
||
font-weight:bold;
|
||
color:#FFF;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody .ctrl span#prev a:hover,
|
||
#cmsBody .ctrl span#next a:hover {color:#FD0;text-decoration:none;}
|
||
#cmsBody .ctrl#start span#prev {background:url(https://image.itmedia.co.jp/images/spacer.gif) no-repeat left center #FFF;}
|
||
#cmsBody .ctrl#end span#next {background:url(https://image.itmedia.co.jp/images/spacer.gif) no-repeat right center #FFF;}
|
||
#cmsBody .ctrl span#numb strong {
|
||
margin:0px;
|
||
padding:7px;
|
||
font-weight:bold;
|
||
border:1px solid #ABD;
|
||
background-color:#369;
|
||
color:#FFF;
|
||
}
|
||
|
||
/* ARTICLES - CLICK2VISIBLE -
|
||
----------------------------------------------- */
|
||
#cmsBody .cmsClick2visible {
|
||
opacity:0;
|
||
}
|
||
|
||
/* ARTICLES - NOTICE -
|
||
----------------------------------------------- */
|
||
#cmsBody #notice {
|
||
clear:both;
|
||
height:1%;
|
||
margin:0 0 10px;
|
||
padding:7px 10px 10px 72px;
|
||
font-size:12px;
|
||
line-height:16px;
|
||
font-weight:bold;
|
||
color:#F50;
|
||
background:url(https://image.itmedia.co.jp/images/cms_notice.gif) no-repeat left top;
|
||
}
|
||
#cmsBody #notice a {
|
||
color:#F50;
|
||
text-decoration:underline;
|
||
}
|
||
|
||
/* AMAZON ITEM 090416
|
||
---------------------------------------------------------------------------------------------------*/
|
||
#amazon-item {
|
||
clear:both;
|
||
margin:0 auto 20px;
|
||
}
|
||
#amazon-item table {
|
||
border-collapse:collapse;
|
||
border:5px solid #CCDEEE;
|
||
width:100%;
|
||
}
|
||
#amazon-item table th,
|
||
#amazon-item table td {
|
||
border:1px solid #CCDEEE;
|
||
text-align:left;
|
||
padding:5px;
|
||
}
|
||
#amazon-item table th {
|
||
font-size:14px;
|
||
line-height:18px;
|
||
color:#369;
|
||
background:url(https://image.itmedia.co.jp/plusd/images/boxbar_blue02.gif) repeat-x 0 0 #CDE0F0;
|
||
}
|
||
#amazon-item table td {
|
||
width:33%;
|
||
font-size:12px;
|
||
line-height:16px;
|
||
vertical-align:top;
|
||
}
|
||
#amazon-item table .amazon-product:hover {
|
||
color:#C00;
|
||
}
|
||
#amazon-item table .amazon-product .icon {
|
||
float:left;
|
||
margin:0 5px 3px 0;
|
||
display:block;
|
||
width:75px;
|
||
height:75px;
|
||
overflow:hidden;
|
||
border:2px solid #CCC;
|
||
}
|
||
#amazon-item table .amazon-product .icon img {
|
||
border:none;
|
||
}
|
||
#amazon-item table .amazon-btBuy {
|
||
float:right;
|
||
display:block;
|
||
margin:3px 0 0 0;
|
||
width:100px;
|
||
height:19px;
|
||
background:url(https://image.itmedia.co.jp/images0509/amazon_bt_buy.gif) no-repeat 0 0;
|
||
text-indent:-9999px;
|
||
}
|
||
|
||
/* KAKAKUCOM RM46132
|
||
------------------------------*/
|
||
#cmsBody #Kakakucom a img,
|
||
#cmsBody #KakakucomItem a img {
|
||
border:0;
|
||
}
|
||
/* ITEM */
|
||
#KakakucomItem {
|
||
width:588px;
|
||
margin:0 auto;
|
||
background:#FFF;
|
||
color:#333;
|
||
font-size:13px;
|
||
}
|
||
#KakakucomItem .kakakuttl {
|
||
background:url(http://img1.kakaku.k-img.com/images/article/linkage/kakaku_ttl_head.gif) no-repeat left top;
|
||
font-size:15px;
|
||
font-weight:bold;
|
||
padding:2px 0 2px 10px;
|
||
margin:20px 0 6px;
|
||
}
|
||
#KakakucomItem p a:link {
|
||
color:#00D;
|
||
text-decoration:underline;
|
||
}
|
||
#KakakucomItem p a:visited {
|
||
color:#939;
|
||
}
|
||
#KakakucomItem p a:hover {
|
||
color:#0099FF;
|
||
text-decoration:underline;
|
||
}
|
||
#KakakucomItem .kakakulogo {
|
||
margin:10px 0 20px;
|
||
text-align:right;
|
||
}
|
||
#KakakucomItem .itemBox {
|
||
margin-top:15px;
|
||
padding-top:5px;
|
||
border:solid 1px #ccc;
|
||
border-radius:3px;
|
||
}
|
||
#KakakucomItem .itemCtn {
|
||
display:table;
|
||
padding:5px 10px 8px;
|
||
}
|
||
#KakakucomItem .itemImg {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
width:90px;
|
||
}
|
||
#KakakucomItem .itemImg a:hover {
|
||
opacity:0.6;
|
||
}
|
||
#KakakucomItem .digestMain {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
width:476px;
|
||
}
|
||
#KakakucomItem .digestItemName {
|
||
margin-bottom:3px;
|
||
padding:6px 8px;
|
||
background:none repeat scroll 0 0 #F6F6F6;
|
||
border-left:8px solid #DDD;
|
||
}
|
||
#KakakucomItem .digestItemName span {
|
||
display:block;
|
||
font-size:13px;
|
||
line-height:15px;
|
||
font-weight:normal;
|
||
}
|
||
#KakakucomItem .digestItemName a {
|
||
font-size:15px;
|
||
line-height:140%;
|
||
font-weight:bold;
|
||
}
|
||
#KakakucomItem .digestMain .price {
|
||
margin:0 0 5px;
|
||
font-size:13px;
|
||
line-height:20px;
|
||
}
|
||
#KakakucomItem p .digestMinPrice a:link,
|
||
#KakakucomItem p .digestMinPrice a:visited {
|
||
color:#F00;
|
||
font-family:Verdana;
|
||
font-size:18px;
|
||
font-weight:bold;
|
||
margin-right:10px;
|
||
text-decoration:none!important;
|
||
}
|
||
#KakakucomItem .digestMinPrice a:hover {
|
||
text-decoration:underline!important;
|
||
}
|
||
#KakakucomItem .linkBox {
|
||
display:table;
|
||
margin:5px 0;
|
||
padding:0;
|
||
list-style:none outside none;
|
||
}
|
||
#KakakucomItem .linkBox li {
|
||
float:left;
|
||
padding-left:6px;
|
||
}
|
||
#KakakucomItem .linkBox li:first-child {
|
||
padding-left:0;
|
||
}
|
||
#KakakucomItem .linkBox li a:hover {
|
||
opacity:0.6;
|
||
}
|
||
#KakakucomItem .linkBox img {
|
||
vertical-align:top;
|
||
}
|
||
/* RANKING */
|
||
.main-kakakuRanking {
|
||
width:590px;
|
||
margin:0 auto 20px;
|
||
padding-bottom:6px;
|
||
border:1px solid #eadeba;
|
||
border-radius:3px;
|
||
background:#fcfaf4;
|
||
}
|
||
.main-kakakuRanking .kakakuRanking-title-wrapper {
|
||
background:#f5f0e2;
|
||
padding:7px 10px;
|
||
}
|
||
.main-kakakuRanking .kakakuRanking-title {
|
||
display:table-cell;
|
||
width:564px;
|
||
font-weight:bold;
|
||
font-size:14px;
|
||
}
|
||
.main-kakakuRanking .title-kakakuLogo {
|
||
display:table-cell;
|
||
width:82px;
|
||
text-align:right;
|
||
vertical-align:middle;
|
||
}
|
||
.main-kakakuRanking .kakakuRankingUnit {
|
||
display:table;
|
||
margin:10px;
|
||
}
|
||
.main-kakakuRanking a:hover .kakakuRankingUnit {
|
||
opacity:0.65;
|
||
}
|
||
.main-kakakuRanking .kakakuImg {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
width:95px;
|
||
}
|
||
.main-kakakuRanking .kakakuInfoDetail {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
width:475px;
|
||
}
|
||
.main-kakakuRanking .kakakuInfoUnit {
|
||
display:-webkit-flex; /* Safari */
|
||
display:flex;
|
||
-webkit-justify-content:space-between; /* Safari */
|
||
justify-content:space-between;
|
||
margin-bottom:10px;
|
||
}
|
||
.main-kakakuRanking .kakakuTitleArea {
|
||
display:-webkit-flex; /* Safari */
|
||
display:flex;
|
||
width:100%;
|
||
margin:0;
|
||
line-height:100%;
|
||
background:#f5f3ed;
|
||
}
|
||
.main-kakakuRanking .kakakuRankNum {
|
||
width:35px;
|
||
padding:4px 0;
|
||
text-align:center;
|
||
color:#fff;
|
||
font-weight:bold;
|
||
font-size:12px;
|
||
line-height:150%;
|
||
background:#ff7e00;
|
||
}
|
||
.main-kakakuRanking .kakakuRankNum span {
|
||
font-size:14px;
|
||
font-family:Verdana,sans-serif;
|
||
margin-right:2px;
|
||
}
|
||
.main-kakakuRanking a .kakakuItemName {
|
||
margin:0;
|
||
padding:6px 0px 5px 12px;
|
||
font-weight:bold;
|
||
font-size:13px;
|
||
vertical-align:middle;
|
||
color:#0094f1;
|
||
width:435px;
|
||
text-overflow:ellipsis;
|
||
overflow:hidden;
|
||
}
|
||
.main-kakakuRanking .three-dots-1line {
|
||
overflow:hidden;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
}
|
||
.main-kakakuRanking .kakaku-listItem {
|
||
display:-webkit-flex; /* Safari */
|
||
display:flex;
|
||
margin:0;
|
||
}
|
||
.main-kakakuRanking .kakakuLowPrice {
|
||
width:155px;
|
||
}
|
||
.main-kakakuRanking .kakakuBbs {
|
||
width:130px;
|
||
}
|
||
.main-kakakuRanking .kakaku-listItem dt,
|
||
.main-kakakuRanking .kakaku-listItem dd {
|
||
margin:0;
|
||
line-height:100%;
|
||
}
|
||
.main-kakakuRanking .list-label span {
|
||
font-size:10px;
|
||
padding:2px 5px;
|
||
background:#fff;
|
||
border:1px solid #eadeba;
|
||
color:#333;
|
||
}
|
||
.main-kakakuRanking .kakakuLowPrice dd,
|
||
.main-kakakuRanking .kakakuReview dd,
|
||
.main-kakakuRanking .kakakuBbs dd {
|
||
padding-left:10px;
|
||
}
|
||
.main-kakakuRanking .kakakuPriceStyle {
|
||
font-family:Verdana,sans-serif;
|
||
font-weight:bold;
|
||
font-size:16px;
|
||
color:#f00;
|
||
}
|
||
.main-kakakuRanking .kakakuReviewStar {
|
||
background:url(http://img1.kakaku.k-img.com/images/category/icon_review_star_s3.png) no-repeat;
|
||
display:inline-block;
|
||
height:15px;
|
||
width:37px;
|
||
margin-right:5px;
|
||
}
|
||
.main-kakakuRanking .kakakuReviewPoint,
|
||
.main-kakakuRanking .kakakuBbsPoint {
|
||
font-family:Verdana;
|
||
font-weight:bold;
|
||
font-size:14px;
|
||
color:#ff8400;
|
||
letter-spacing:-0.05em;
|
||
margin-right:5px;
|
||
display:inline-block;
|
||
}
|
||
.main-kakakuRanking .kakakuReviewer {
|
||
font-size:10px;
|
||
color:#333;
|
||
display:inline-block;
|
||
}
|
||
#cmsBody .main-kakakuRanking .kakakuMoreLink {
|
||
text-align:right;
|
||
margin:0 10px 0 0;
|
||
font-size:13px;
|
||
}
|
||
#cmsBody .main-kakakuRanking .kakakuMoreLink a:link,
|
||
#cmsBody .main-kakakuRanking .kakakuMoreLink a:visited {
|
||
color: #0094f1;
|
||
}
|
||
.main-kakakuRanking .kakakuMoreLink a:before {
|
||
content:"> ";
|
||
font-size:12px;
|
||
}
|
||
.main-kakakuRanking a {
|
||
text-decoration:none!important;
|
||
}
|
||
.main-kakakuRanking .kakakuMoreLink a:hover,
|
||
.main-kakakuRanking a:hover .kakakuItemName {
|
||
text-decoration:underline!important;
|
||
}
|
||
|
||
/* ENDKWD
|
||
------------------------------*/
|
||
#cmsBody .endkwd {
|
||
clear:both;
|
||
margin-bottom:20px;
|
||
border:1px solid #CCC;
|
||
}
|
||
#cmsBody .endkwd .box {
|
||
margin:0px;
|
||
padding:1px 1px 5px;
|
||
border:3px solid #EEE;
|
||
}
|
||
#cmsBody .endkwd .box h3 {
|
||
background:#036;
|
||
font-size:12px;
|
||
margin:0;
|
||
}
|
||
#cmsBody .endkwd .box h4 {
|
||
font-weight:normal !important;
|
||
color:#FFF;
|
||
font-size:12px;
|
||
line-height:18px;
|
||
border-bottom:none;
|
||
margin:0;
|
||
padding:5px;
|
||
}
|
||
#cmsBody .endkwd .box h4 a {
|
||
background:url(https://image.itmedia.co.jp/images/ulli_key0.gif) no-repeat 0 0;
|
||
padding-left:17px;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody .endkwd .box h4 a:hover {
|
||
color:#C00;
|
||
text-decoration:underline;
|
||
}
|
||
#cmsBody .endkwd .box br,
|
||
#cmsBody .endkwd .box span {
|
||
display:none;
|
||
}
|
||
|
||
/* ENDLINK ALERT BTN
|
||
------------------------------*/
|
||
#endlinkConnectionAlertBtn {
|
||
clear:both;
|
||
margin:0 0 20px;
|
||
}
|
||
#endlinkConnectionAlertBtn form {
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
#endlinkConnectionAlertBtn form button {
|
||
display:block;
|
||
width:400px;
|
||
height:28px;
|
||
float:left;
|
||
margin:0;
|
||
padding:0 0 0 14px;
|
||
font-size:14px;
|
||
line-height:18px;
|
||
text-align:left;
|
||
color:#037;
|
||
border:none;
|
||
background:url(https://image.itmedia.co.jp/images/ulli_bell0.gif) no-repeat left center transparent;
|
||
font-family:Meiryo, 'メイリオ', 'MS Pゴシック', Osaka, 'ヒラギノ角ゴ Pro W3';
|
||
text-decoration:underline;
|
||
cursor:pointer;
|
||
}
|
||
#endlinkConnectionAlertBtn .endlinkConnectionAlertBtnNew {
|
||
font-size:14px;
|
||
line-height:18px;
|
||
color:#C00;
|
||
font-weight:bold;
|
||
}
|
||
|
||
/* BACKNUMBOX
|
||
------------------------------*/
|
||
#backNumBox.f-center .backNumBoxRap {
|
||
width:auto !important;
|
||
}
|
||
#backNumBox .backNumBoxRap .backNumBoxIn ul li {
|
||
margin:0;
|
||
padding:3px 3px 3px 22px !important;
|
||
background-position:7px 5px !important;
|
||
}
|
||
|
||
/* OLD BACKNUMBOX - 11/08/18
|
||
------------------------------*/
|
||
#cmsBody .backnum {
|
||
clear:both;
|
||
}
|
||
#cmsBody .backnum dl {
|
||
margin:0;
|
||
padding:5px;
|
||
border:10px solid #CCC;
|
||
}
|
||
#cmsBody .backnum dt {
|
||
margin:0;
|
||
padding:5px;
|
||
font-size:14px;
|
||
line-height:18px;
|
||
font-weight:bold;
|
||
border-bottom:1px solid #CCC;
|
||
}
|
||
#cmsBody .backnum dd {
|
||
margin:0;
|
||
padding:5px;
|
||
font-size:12px;
|
||
line-height:16px;
|
||
border-bottom:1px dotted #CCC;
|
||
}
|
||
|
||
/* MEMBERS - 12/05/24 - 12/08/23
|
||
------------------------------*/
|
||
#CmsMembersControl {
|
||
clear:both;
|
||
position:relative;
|
||
z-index:2;
|
||
}
|
||
#CmsMembersControl .CmsMembersControlJsOff {
|
||
position:absolute;
|
||
top:10px;
|
||
left:0;
|
||
text-align:center;
|
||
width:100%;
|
||
background:#FFF;
|
||
}
|
||
#CmsMembersControl .CmsMembersControlJsOffIn {
|
||
color:#C00;
|
||
font-weight:bold;
|
||
border:3px solid #CCC;
|
||
padding:10px;
|
||
}
|
||
|
||
.colBoxMembersControl {
|
||
padding:2px;
|
||
}
|
||
.colBoxMembersControl .colBoxOuter {
|
||
border:1px solid #FFF;
|
||
border-radius:3px;
|
||
box-shadow:0 0 3px #999;
|
||
}
|
||
.colBoxMembersControl .colBoxHead {
|
||
border:1px solid #FFF;
|
||
border-radius:3px;
|
||
box-shadow:0 0 3px #999;
|
||
background:#333;
|
||
background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
|
||
background:-moz-linear-gradient(top, #555, #333);
|
||
color:#FFF;
|
||
padding:10px !important;
|
||
}
|
||
.colBoxMembersControl .colBoxInner {
|
||
padding:10px;
|
||
}
|
||
.colBoxMembersControl .colBoxDescription p {
|
||
font-size:14px !important;
|
||
line-height:24px !important;
|
||
}
|
||
|
||
/* IPROS - 12/01/13
|
||
------------------------------*/
|
||
.colBoxIpros {
|
||
}
|
||
.colBoxIpros .colBoxHead {
|
||
position:relative;
|
||
border-bottom:3px solid #C00;
|
||
margin:0;
|
||
}
|
||
.colBoxIpros .colBoxHead .colBoxMedialogo {
|
||
position:absolute;
|
||
top:-3px;
|
||
right:0;
|
||
display:block;
|
||
width:62px;
|
||
height:22px;
|
||
background:url(https://image.itmedia.co.jp/images/logo_ipros.gif) no-repeat 0 0;
|
||
}
|
||
.colBoxIpros .colBoxHead .colBoxMedialogo a {
|
||
display:block;
|
||
width:62px;
|
||
height:22px;
|
||
background:url(https://image.itmedia.co.jp/images/logo_ipros.gif) no-repeat 0 0;
|
||
text-indent:-9999px;
|
||
}
|
||
.colBoxIpros .colBoxInner {
|
||
border:1px solid #CCC;
|
||
padding:10px;
|
||
}
|
||
#medusa_area {
|
||
margin-bottom:10px;
|
||
width:auto;
|
||
}
|
||
#medusa_area a:link,
|
||
#medusa_area a:visited {
|
||
text-decoration:none;
|
||
}
|
||
#medusa_area a:hover {
|
||
text-decoration:underline;
|
||
color:#C00;
|
||
}
|
||
#medusa_area .medusa_cell {
|
||
float:left;
|
||
width:48%;
|
||
height:55px;
|
||
margin:0 10px 10px 0;
|
||
border-bottom:1px dotted #CCC;
|
||
}
|
||
#medusa_area .medusa_img_area {
|
||
display:inline;
|
||
}
|
||
#medusa_area .medusa_img_area a {
|
||
float:left;
|
||
margin:0 5px 3px 0;
|
||
border:1px solid #CCC;
|
||
}
|
||
#medusa_area .medusa_text_area {
|
||
margin:0 0 3px;
|
||
}
|
||
#medusa_area .medusa_text_area p {
|
||
font-size:12px;
|
||
line-height:18px;
|
||
margin:0;
|
||
}
|
||
|
||
/* THETA - 14/06/24
|
||
------------------------------*/
|
||
#cmsBody .ricoh-theta-spherical-image {
|
||
margin:0 auto 10px;
|
||
}
|
||
|
||
/* Mastodon Embed
|
||
------------------------------*/
|
||
#cmsBody .mastodon-embed {
|
||
margin:0 0 10px 130px;
|
||
}
|
||
|
||
/* Amazon
|
||
----------------------------------------------- */
|
||
.cmsAmazonBox{
|
||
display:flex;
|
||
margin-bottom:20px;
|
||
}
|
||
.cmsAmazonBox_1{
|
||
}
|
||
.cmsAmazonImg{
|
||
}
|
||
.cmsAmazonImg a{
|
||
border:1px solid #CCC;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 172px;
|
||
height: 172px;
|
||
}
|
||
.cmsAmazonImg a:hover{
|
||
filter:brightness(110%);
|
||
}
|
||
.cmsAmazonImg a img{
|
||
object-fit:contain;
|
||
width:calc(100% - 15px);
|
||
height:calc(100% - 15px);
|
||
vertical-align:middle;
|
||
border:none !important;
|
||
}
|
||
/* IE11 fallback */
|
||
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
|
||
.cmsAmazonImg a{
|
||
border:1px solid #CCC;
|
||
display: inline-block;
|
||
width: 172px;
|
||
height: 172px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.cmsAmazonImg a img{
|
||
width:auto;
|
||
height:auto;
|
||
max-width: calc( 100% - 15px );
|
||
max-height: calc( 100% - 15px );
|
||
vertical-align:middle;
|
||
border:none !important;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
-ms-transform: translateX(-50%) translateY(-50%);
|
||
transform: translateX(-50%) translateY(-50%);
|
||
}
|
||
}
|
||
.cmsAmazonBox_2{
|
||
flex:1;
|
||
padding-left:10px;
|
||
}
|
||
.cmsAmazonTitle{
|
||
font-size:16px;
|
||
line-height:1.6;
|
||
font-weight:bold;
|
||
}
|
||
.cmsAmazonTitle a{
|
||
color:#333;
|
||
}
|
||
#cmsBody .cmsAmazonTitle a:link,
|
||
#cmsBody .cmsAmazonTitle a:visited{
|
||
color:#069;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody .cmsAmazonTitle a:hover{
|
||
text-decoration:underline;
|
||
}
|
||
.cmsAmazonDesc{
|
||
margin-top:5px;
|
||
font-size:12px;
|
||
line-height:1.6;
|
||
color:#666;
|
||
}
|
||
.cmsAmazonBtn{
|
||
margin-top:10px;
|
||
font-size:13px;
|
||
line-height:1.6;
|
||
font-weight:bold;
|
||
text-align:center;
|
||
}
|
||
.cmsAmazonBtn a{
|
||
display:block;
|
||
background: #F5C747;
|
||
border-bottom: solid 2px #E0AC22;
|
||
border-radius:3px;
|
||
color:#000;
|
||
padding:7px 10px 5px;
|
||
}
|
||
.cmsAmazonBtn a:before{
|
||
content:'';
|
||
display:inline-block;
|
||
vertical-align:middle;
|
||
width:16px;
|
||
height:16px;
|
||
margin-right:5px;
|
||
background:url(https://image.itmedia.co.jp/spv/images/cms_amazon_btn.png) no-repeat center center / contain;
|
||
}
|
||
#cmsBody .cmsAmazonBtn a:link,
|
||
#cmsBody .cmsAmazonBtn a:visited,
|
||
#cmsBody .cmsAmazonBtn a:hover{
|
||
color:#000;
|
||
text-decoration:none;
|
||
}
|
||
#cmsBody .cmsAmazonBtn a:hover{
|
||
filter:brightness(110%);
|
||
}
|
||
/**/
|
||
.cmsRelatedItem{
|
||
display:-webkit-flex;
|
||
display:flex;
|
||
margin-bottom:20px;
|
||
border-top:1px solid #DDD;
|
||
border-bottom:1px solid #DDD;
|
||
padding:10px 0;
|
||
}
|
||
#cmsBody .cmsRelatedItem a:link img,
|
||
#cmsBody .cmsRelatedItem a:visited img,
|
||
#cmsBody .cmsRelatedItem a:hover img{
|
||
border:1px solid #DDD;
|
||
vertical-align:middle;
|
||
}
|
||
.cmsRelatedBox_2{
|
||
flex:1;
|
||
padding-left:15px;
|
||
}
|
||
#cmsBody .cmsRelatedTitle{
|
||
font-size:1rem;
|
||
font-weight:bold;
|
||
margin:0;
|
||
}
|
||
#cmsBody .cmsRelatedTitle a:link,
|
||
#cmsBody .cmsRelatedTitle a:visited{
|
||
text-decoration:none;
|
||
}
|
||
/**/
|
||
.cmsEmbeddedTikTok{margin:0 auto 20px;}
|
||
.cmsEmbeddedTikTok{width:340px;}
|
||
.cmsEmbeddedTikTokCaption{padding:5px 0;font-size:12px;line-height:16px;}
|
||
/* thumbnails */
|
||
.cmsThumb{
|
||
display:flex;
|
||
flex-wrap:wrap;
|
||
justify-content:space-between;
|
||
margin:0 0 20px;
|
||
}
|
||
.cmsThumbItem{
|
||
position:relative;
|
||
display:block;
|
||
width:calc(20% - 16px);
|
||
margin:0 0 20px;
|
||
}
|
||
.cmsThumbItem:nth-child(5n+2):last-child{margin-right:calc(60% + 12px);}
|
||
.cmsThumbItem:nth-child(5n+3):last-child{margin-right:calc(40% + 8px);}
|
||
.cmsThumbItem:nth-child(5n+4):last-child{margin-right:calc(20% + 4px);}
|
||
.cmsThumbItem:before{
|
||
content:'';
|
||
display:block;
|
||
padding-top:100%;
|
||
}
|
||
.cmsThumbItem img{
|
||
position:absolute;
|
||
top:0;
|
||
left:0;
|
||
object-fit:cover;
|
||
width:100%;
|
||
height:100%;
|
||
border:none;
|
||
}
|
||
#cmsBody .cmsThumbItem:link img,
|
||
#cmsBody .cmsThumbItem:visited img,
|
||
#cmsBody .cmsThumbItem:hover img{
|
||
border:none;
|
||
}
|
||
#cmsBody .cmsThumbItem:hover img{
|
||
filter:brightness(110%);
|
||
}
|
||
@media all and (-ms-high-contrast:none){
|
||
.cmsThumbItem{
|
||
overflow:hidden;
|
||
}
|
||
.cmsThumbItem img{
|
||
width:auto;
|
||
height:auto;
|
||
top:50%;
|
||
left:50%;
|
||
min-height:100%;
|
||
min-width:100%;
|
||
-ms-transform:translateX(-50%) translateY(-50%);
|
||
-webkit-transform:translateX(-50%) translateY(-50%);
|
||
transform:translateX(-50%) translateY(-50%);
|
||
}
|
||
}
|