@charset "utf-8";

/*コンポーネントページのみ*/
body.component div.page-title {
  background-image: url("/common/images/h1_about_bg.jpg");
}

body.component {
  line-height: 1.5;
}

body.component h2,
body.component h3,
body.component h4,
body.component h5,
body.component p {
  margin-bottom: 20px;
}

/*コンポーネント用style*/

h2 {
  margin:30px 0 20px 0;
  padding: 14px 11px;
  background: none repeat scroll 0 0 #F3F3F3;
  font-size: 128%;
  font-weight: bold;
}

h2:first-child {
  margin-top: 0;
}

h2.contentsTitleSub {
  margin-top:30px;
  padding: 6px 15px 4px 15px;
  border: 1px solid #dbdbdb;
  font-size: 128%;
  font-weight: bold;
  background: url(/common/images/h3_bg.png) no-repeat left center;
}


h3 {
  margin-top:30px;
  padding: 6px 15px 4px 15px;
  border: 1px solid #dbdbdb;
  font-size: 128%;
  font-weight: bold;
  background: url(/common/images/h3_bg.png) no-repeat left center;
}

h4 {
  border-bottom: 3px solid #DBDBDB;
  padding-bottom: 2px;
  font-size: 114%;
  font-weight: bold;
}

h5 {
  border-left: 5px solid #757575;
  padding-left: 5px;
  font-weight: bold;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.bigger {
  font-size: 114%;
}

.smaller {
  font-size: 85%;
}

.catch {
  color: #0043ca;
}

div.box01 {
  margin-top:20px;
  padding: 12px 14px;
  border: 1px solid #d8d8d8;
}
div.box01:first-child {
  margin-top: 0;
}

div.box02 {
  padding: 12px 14px;
  background-color: #f3f3f3;
}

div.box03 {
  padding: 12px 14px;
  background-color: #fffbe9;
}

table.table01 {
  border-collapse: collapse;
  width: 100%;
}
table.table01 th, table.table01 td {
  border: 1px solid #D8D8D8;
  padding: 8px;
  text-align: center;
}
table.table01 th {
  font-weight: bold;
  background-color: #F2F2F2;
}
table.table02 {
  border-collapse: collapse;
  width: 100%;
}

table.table02 th, table.table02 td {
  border: 1px solid #D8D8D8;
  padding: 8px 4px;
}

table.table02 th.col1 {
  font-weight: bold;
  background: #F2F2F2;
}

table.table02 th.col2 {
  font-weight: bold;
  background: #fffbe9;
}

table.table03 {
  border-collapse: collapse;
  width: 100%;
}
table.table03 th, table.table03 td {
  border: 1px solid #D8D8D8;
  padding: 8px 4px;
}
table.table03 th {
  font-weight: bold;
  background-color: #F2F2F2;
  text-align: left;
}

table.newpricetable td {
  text-align: right;
}
table.newpricetable td.midashi {
  text-align: left;
}

.line01 {
  border-bottom: 1px dotted #161616;
}

.line02 {
  background: url(/common/images/line02_bg.png) repeat-x left bottom;
}

ul.mark {
  margin: 10px 0 10px 17px;
}

ul.mark li.heading {
  font-weight: bold;
}
ul.mark li {
margin-bottom: 8px;
  padding-left: 16px;
  line-height: 1.7;
  background: url(/common/images/ico_list.png) no-repeat left top;
}
ul.mark li.heading li {
  margin-left: 16px;
  padding-left: 0;
  list-style-type: disc;
  font-weight: normal;
  background: none;
}

ol {
  margin-left: 24px;
}
ol li li {
  margin-left: -5px;
  list-style-type: disc;
}

ul.list_col li {
  float: left;
  margin-right: 40px;
}

a span.link_pdf, a span.link_xls, a span.link_doc, a span.link_ppt, a span.link_zip, a span.link_blank {
  cursor: pointer !important;
  display: inline-block !important;
  margin: 0 5px !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 18px !important;
  height: 18px !important;
  vertical-align: text-bottom !important;

}
a span.link_pdf span, a span.link_xls span, a span.link_doc span, a span.link_ppt span, a span.link_zip span, a span.link_blank span {
  display: none !important;
}
a span.link_pdf {
  background: url(/common/images/ico_pdf.png) no-repeat left top !important;
}
a span.link_xls {
  background: url(/common/images/ico_xls.png) no-repeat left top !important;
}
a span.link_doc {
  background: url(/common/images/ico_doc.png) no-repeat left top !important;
}
a span.link_ppt {
  background: url(/common/images/ico_ppt.png) no-repeat left top !important;
}
a span.link_zip {
  background: url(/common/images/ico_zip.png) no-repeat left top !important;
}
a span.link_blank {
  background: url(/common/images/ico_blank.png) no-repeat left top !important;
}
a.textlinkBtn {
  margin-bottom: 20px;
  padding: 8px 27px 7px 27px;
  display: inline-block;
  min-width: 200px;
  text-align: center;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
}

a.textlinkBtn:hover {
  opacity: 0.8;
  color: #FFF;
  text-decoration: none;
}

a.textlinkBtn:visited {
  color: #FFF;
  text-decoration: none;
}

a.selfR {
  background: url(/common/images/ico_textlink_r_bg.png) no-repeat right center #6a6a6a;
}
a.selfL {
  background: url(/common/images/ico_textlink_l_bg.png) no-repeat left center #6a6a6a;
}

a.blank {
  background: url(/common/images/ico_textlink_r_blank.png) no-repeat right center #6a6a6a;
}
a.textlink {
  padding-left: 16px;
  background: url(/common/images/ico_textlink.png) no-repeat left top;
}

p.pagetop {
clear: both;
  margin: 16px 0 32px;
  text-align: right;
}

p.pagetop a {
  font-size: 85%;
  padding-left: 16px;
  background:url(/common/images/ico_pagetop.png) no-repeat 0 0;
}

p.for-link {
    background: url(/common/images/for_link_bg.png) no-repeat scroll 0 0 transparent;
    margin: auto;
    min-height: 39px;
    width: 298px;
    clear:both;
}
p.for-link a{
    color: #0058A9;
    display: block;
    font-size: 93%;
    padding: 11px 0 0 46px;
    text-decoration: none;
}
p.for-link-l {
    background: url(/common/images/for_link_l_bg.png) no-repeat scroll 0 0 transparent;
    margin:auto;
    text-align:center;
    min-height: 50px;
    width: 500px;
    clear:both;
}
p.for-link-l a{
    color: #0058A9;
    display: block;
    font-size: 120%;
    padding: 14px 0 0 0;
    text-decoration: none;
}
p.for-link a:hover,
p.for-link-l a:hover{
    text-decoration: none;
}
p.for-link a:visited,
p.for-link-l a:visited{
    color: #0058A9;
}


/*リファレンス・ヘルプセンター用アイコン*/

.iconList {
	padding-left: 5px;
}

.iconList span,
.iconList li {
	padding:0 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	font-weight: normal;
	display:inline-block;
	vertical-align: middle;
}

.iconList a {
	text-decoration:none;
	color:#ffffff;
vertical-align: text-top;
}

.iconList li {background-color:gray}
.iconList li:hover {background-color:darkgray}
.iconList .icoPCMS {background-color:#c40404}
.iconList .icoPCMS:hover {background-color:#850404}
.iconList .icoMT {background-color:#095ab0}
.iconList .icoMT:hover {background-color:#093159}
.iconList .icoBlock {background-color:#79bbff}
.iconList .icoBlock:hover {background-color:#4197ee}
.iconList .icoFunction {background-color:#90bd26}
.iconList .icoFunction:hover {background-color:#719421}
.iconList .icoCommunity,.iconList .icoCommercial,.iconList .icoMotion,.iconList .icoEnterpriseMT {background-color:#9c999c}
.iconList .icoCommunity:hover,.iconList .icoCommercial:hover,.iconList .icoMotion:hover,.iconList .icoEnterpriseMT:hover {background-color:#615f61}
.iconList .icoOptions {background-color:#631aa3}
.iconList .icoOptions:hover {background-color:#44027a}
.iconList .icoProfessional {background-color:#ff7c0a}
.iconList .icoProfessional:hover {background-color:#b53f00}
.iconList .icoEnterprise {background-color:#474747}
.iconList .icoEnterprise:hover {background-color:#0a0a0a}
.iconList .icoFAQ {background-color:#fe1900}
.iconList .icoFAQ:hover {background-color:#ce0100}
.iconList .icoConfig {background-color:#5fa621}
.iconList .icoConfig:hover {background-color:#407515}
.iconList .icoTemplate {background-color:#043f7a}
.iconList .icoTemplate:hover {background-color:#02264a}
.iconList .icoModifiers {background-color:#15a3a3}
.iconList .icoModifiers:hover {background-color:#0a6363}
.iconList .icoPlugin {background-color:#15a3a3;}
.iconList .icoPlugin:hover {background-color:#0a6363;}
.iconList .icoPCMS43 {background-color:#FF8000;}
.iconList .icoPCMS43:hover {background-color:#FE9A2E;}


body.news-entry div.attention {
    border: 3px solid #ff3333;
    padding: 1.5em 1.5em 0.2em;
}