メインエリア共通
.mainModuleBox {
margin: 0 0 30px 0;
padding-bottom: 10px;
border-radius: 5px;
background: #d9d9d9;
}
.mainModuleBox h2 {
margin: 0 20px 5px 0;
padding: 15px 20px 10px;
font-size: 16px;
text-align: left;
}
.mainModuleBox h2,
.mainModuleBox h2 a {
color: #006dd9;
}
@media screen and (max-width: 767px) {
.mainModuleBox {
border-radius: 0;
}
}
ヘッドライン #headline
.headline {
list-style: none;
margin: 0 10px 0 10px;
padding: 0;
border-radius: 5px;
box-shadow: 0 0 2px #CCCCCC;
background: #FFFFFF;
}
@media screen and (max-width: 767px) {
.headline .title {
display: block;
}
}
.headline li {
vertical-align: bottom;
zoom: 1;
現在いるとき
}
.headline li:last-child a {
border: none;
}
.headline li:first-child a:hover {
border-radius: 5px 5px 0 0;
}
.headline li:last-child a:hover {
border-radius: 0 0 5px 5px;
}
.headline li.stay {
background-color: #EEEEEE;
}
.headline a {
display: block;
padding: 8px 20px;
border-bottom: solid 1px #CCCCCC;
vertical-align: bottom;
zoom: 1;
}
.headline a:hover {
background-color: #EEEEEE;
text-decoration: none;
}
.headline .headlineDat {
color: #666666;
font-size: 12px;
}
サマリー1/デフォルト .summaryDefault
.summaryDefault {
padding: 0 8px 0 10px;
}
.summaryDefault .summaryDefaultEntry {
float: left;
width: 317px;
width: 307px\9;
margin: 0 2px 2px 0;
padding: 10px;
box-shadow: 0 0 2px #CCCCCC;
background: #FFFFFF;
}
@media screen and (max-width: 767px) {
.summaryDefault .summaryDefaultEntry {
width: auto;
}
}
.summaryDefault .summaryDefaultEntry div {
float: left;
margin-right: 10px;
background: #999999;
color: #FFFFFF;
text-align: center;
line-height: 7.5em;
}
.summaryDefault .summaryDefaultEntry p {
margin: 5px 0 0 0;
word-break: break-all;
font-size: 12px;
line-height: 1.5;
}
.summaryDefault .summaryDefaultEntry .summaryTitle {
margin: 0 0 5px;
font-weight: bold;
font-size: 14px;
}
.summaryDefault .bl-hover {
background-color: #EEEEEE;
}
.summaryDefault .summaryDefaultEntry:nth-of-type(1),
.summaryDefault .bl-hover:nth-of-type(1) {
border-radius: 5px 0 0 0;
}
.summaryDefault .summaryDefaultEntry:nth-of-type(2),
.summaryDefault .bl-hover:nth-of-type(2) {
border-radius: 0 5px 0 0;
}
.summaryDefault .summaryDefaultEntry:nth-last-of-type(2),
.summaryDefault .bl-hover:nth-last-of-type(2) {
border-radius: 0 0 0 5px;
}
.summaryDefault .summaryDefaultEntry:nth-last-of-type(1),
.summaryDefault .bl-hover:nth-last-of-type(1) {
border-radius: 0 0 5px 0;
}
@media screen and (max-width: 767px) {
.summaryDefault .summaryDefaultEntry:nth-of-type(1),
.summaryDefault .bl-hover:nth-of-type(1),
.summaryDefault .summaryDefaultEntry:nth-of-type(2),
.summaryDefault .bl-hover:nth-of-type(2),
.summaryDefault .summaryDefaultEntry:nth-last-of-type(2),
.summaryDefault .bl-hover:nth-last-of-type(2),
.summaryDefault .summaryDefaultEntry:nth-last-of-type(1),
.summaryDefault .bl-hover:nth-last-of-type(1) {
border-radius: 0;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.summaryDefault .summaryDefaultEntry {
width: 340px;
}
}
サマリー2/カスタムフィールド .summaryCustom
.summaryCustom {
margin: 0 0 0 10px;
padding: 0;
}
.summaryCustom .summaryCustomEntry {
float: left;
list-style: none;
margin: 0 5px 10px 5px;
padding: 10px 10px 5px;
padding: 10px 5px 5px\9;
IE8対応
background: #FFFFFF;
border-radius: 5px;
box-shadow: 0 0 2px #CCCCCC;
}
.summaryCustom .summaryCustomEntry:not(:target) {
margin: 0 9px 10px 0;
}
.summaryCustom .bl-hover {
background: #E3E3E3;
}
.summaryCustom .summaryCustomEntry .photo {
height: 200px;
background: #999999;
}
.summaryCustom .summaryCustomEntry .title {
padding: 5px 10px 0;
font-size: 12px;
}
.summaryCustom .summaryCustomEntry .summaryTitle {
padding: 5px 10px 0 10px;
font-weight: bold;
font-size: 14px;
}
会社沿革 .tableHistory
.tableHistory th {
white-space: nowrap;
}
.tableHistory .photo {
float: right;
}
.acms-entry .tableHistory p {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.tableHistory th,
.tableHistory td {
display: block;
}
.tableHistory .photo {
float: none;
width: auto;
max-width: 100%;
height: auto;
}
}
エントリー #entryBody
.acms-entry {
margin: 0 0 20px 0;
padding: 0;
border-radius: 5px;
background: #FFFFFF;
}
エントリーヘッダー
.entryHeader {
margin: 0;
padding: 10px 0;
border-bottom: solid 1px #CCC;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #333333;
}
ページャー
.acms-pager {
margin: 15px 0 0 10px;
}
エントリーの日付・カテゴリー
.acms-entry .entryCategory {
display: inline;
margin: 5px 0 0 29px;
padding: 0;
}
@media screen and (max-width: 767px) {
.acms-entry .entryCategory {
margin: 5px 0 0 10px;
}
}
.entryCategory span {
padding: 0 5px 0 0;
}
.entryCategory span a {
font-weight: normal;
}
エントリータイトル
.acms-entry .entryTitle,
.entryTitle {
margin: 0 29px;
padding: 0 0 ;
background: none;
font-weight: bold;
font-size: 18px;
}
.entryTitle a,
.entryTitle a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.entryTitle,
.acms-entry .entryTitle {
margin: 0 10px;
padding: 0;
font-size: 20px;
}
}
カスタムフィールド部分
.entryCustom {
margin: 0 0 20px 0;
padding: 10px 29px;
border-radius: 5px;
background-color: #EEEEEE;
}
.entryCustom img {
float: left;
padding: 0 10px 0 0;
}
.entryCustom p {
margin: 0;
padding: 0 20px 0 0;
}
エントリー本文部分
.entryColumn {
padding: 20px 30px 10px;
}
続きを読むリンク
.acms-entry .continueLink {
margin: 0 20px 5px 0;
}
.acms-entry .continueLink a {
padding: 5px 15px 5px 10px;
background-color: #52BEFF;
color: #FFFFFF;
font-weight: bold;
}
.acms-entry .continueLink a:hover {
background-color: #999999;
text-decoration: none;
}
エントリータグ
.index .entryTag,
.acms-entry .entryTag {
position: relative;
margin: 20px 0 0 0;
padding: 5px 20px 5px 90px;
background-color: #EEEEEE;
}
.index .entryTag dt,
.acms-entry .entryTag dt {
display: block;
position: absolute;
top: 5px;
left: 0;
_top: 0;
_left: -90px;
width: 70px;
padding: 0 10px 0 0;
background-color: #62605C;
color: #FFFFFF;
font-size: 13px;
text-align: right;
zoom: 1;
}
.index .entryTag dd,
.acms-entry .entryTag dd {
display: inline;
margin: 0;
padding: 0 15px 0 0;
}
.index .entryTag a,
.acms-entry .entryTag a {
padding: 2px 3px;
}
エントリーフッター
.acms-entry .entryFooter {
margin: 0;
padding: 10px 20px 0 0;
text-align: left;
}
エントリー内スタイル
半角英数字折り返し対応
.acms-entry table th,
.acms-entry table td {
word-break: break-all;
}
タイトル枠
.acms-entry .titleWrapper {
padding: 15px;
}
.acms-entry .titleWrapper .acms-entry .titleWrapper p {
margin-bottom: 0;
}
.acms-entry p {
margin: 0 0 15px 0;
font-size: 13px;
line-height: 1.9;
}
.acms-entry p em {
background-color: #99FFFF;
font-style: normal;
}
.acms-entry p strong {
font-weight: bold;
}
添付ファイルアイコン
.columnIcon {
padding: 5px;
}
添付ファイルのキャプション
.caption {
margin: 2px 0 5px !important;
padding: 0 5px;
color: #666666;
font-size: 12px !important;
text-align: center;
line-height: 1.2;
}
.nocaption {
margin-bottom: 10px;
}
見出し
.acms-entry h2 {
margin: 0 20px 10px 0;
font-size: 18px;
}
.acms-entry h3 {
overflow: hidden;
margin: 0 10px 10px 10px;
padding: 3px 10px;
border-radius: 5px;
background-color: #CCCCCC;
font-size: 16px;
zoom: 1;
}
.acms-entry h4 {
overflow: hidden;
margin: 0 10px 10px 10px;
padding: 0 10px 2px;
border-bottom: solid 2px #999999;
font-size: 14px;
zoom: 1;
}
.acms-entry h5 {
overflow: hidden;
margin: 0 0 10px;
padding: 0 10px;
border-left: solid 5px #999999;
font-size: 16px;
zoom: 1;
}
.acms-entry blockquote p {
font-size: 14px;
}
リスト
.acms-entry ul {
overflow: hidden;
margin: 20px 0 15px;
padding: 0 0 0 35px;
font-size: 13px;
zoom: 1;
}
.acms-entry ul img {
vertical-align: top;
}
.acms-entry ul li {
list-style: disc;
margin: 0 0 0.8em;
padding: 0;
line-height: 1.6;
}
.acms-entry ol {
overflow: hidden;
margin: 20px 0 15px;
padding: 0 0 0 35px;
font-size: 13px;
zoom: 1;
}
.acms-entry ol li {
margin: 0 0 0.8em;
padding: 0;
line-height: 1.2;
}
ソース
.acms-entry .acms-pre {
overflow: auto;
clear: both;
_width: 600px;
margin: 20px 0 15px;
padding: 10px;
background: #E7E7E7;
color: #666666;
font-size: 14px;
}
引用
.acms-entry blockquote {
clear: both;
margin: 20px 0 15px 0;
padding: 17px 20px;
padding-top: 9px\9;
*padding-top: 9px;
_padding-top: 9px;
background: #E7E7E7;
font-size: 14px;
}
テーブル
.acms-entry table {
margin: 20px 0 15px 0;
padding: 0;
border-collapse: collapse;
color: #666666;
}
.acms-entry table caption {
background: #E7E7E7;
}
.acms-entry table tr {
margin: 0;
padding: 0;
}
.acms-entry table th {
padding: 5px 10px;
border: 1px solid #CCCCCC;
background-color: #E7E7E7;
color: #333333;
text-align: left;
}
.acms-entry table td {
padding: 5px 10px;
border: 1px solid #CCCCCC;
}