@charset "utf-8";
/* CSS Document */

/*============================
ブログトピックスレイアウト
============================*/

/*===========================
・本文表示位置による設定
===========================*/
table.commonTextPosition1 {
  table-layout: fixed;
  width: 100%;
}

table.commonTextPosition1 td {
  vertical-align: top;
}

table.commonTextPosition2 {
  table-layout: fixed;
  width: 100%;
}

table.commonTextPosition2 td {
  vertical-align: top;
}

table.commonTextPosition3 {
  table-layout: fixed;
  width: 100%;
}

.commonTextPosition3Left {
	padding-right: 20px;
}
.commonTextPosition3Right {
  width: 150px;
}

table.commonTextPosition3 td {
  vertical-align: top;
}

table.commonTextPosition3 td span{
  vertical-align: top;
  text-align: left;
}

table.commonTextPosition4 {
  table-layout: fixed;
  width: 100%;
}

.commonTextPosition4Left {
  width: 150px;
}
.commonTextPosition4Right {
	padding-left: 20px;
}

table.commonTextPosition4 td {
  vertical-align: top;
}

/*===========================
・画像の並びによる設定
===========================*/
table.commonImageOrder1 {
	border: none;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
table.commonImageOrder2 {
	border: none;
	width: 100%;
  font-size: 80%;
  text-align: center;
  margin-bottom: 1em;
}

table.commonImageOrder2 td {
  text-align: left;
}

td.commonCaptionPosition1Top {
  max-width: 160px;
}
td.commonCaptionPosition1Bottom {
  max-width: 160px;
}
td.commonCaptionPosition2Top {
  max-width: 160px;
}
td.commonCaptionPosition2Bottom {
  max-width: 160px;
}
td.commonCaptionPosition2Bottom div{
  text-align: left;
  max-width: 160px;
  margin: auto;
}
td.commonCaptionPosition3Left {
  text-align: right;
}
td.commonCaptionPosition3Right {
  width: 150px;
}
td.commonCaptionPosition4Left {
  width: 150px;
}
td.commonCaptionPosition4Right {
	  text-align: left;
}

/*==================================================
・ブログトピックスレイアウト選択用
==================================================*/
.blogArticleLayoutHeader {
  border: 1px solid #b5a78f;
  color:#443822;
  width: 600px;
}
.blogArticleLayout {
  border-spacing: 0px;
  width: 450px;
}
.blogArticleLayouEditHeader {
  border: 1px solid #b5a78f;
  color:#443822;
  width: 600px;
}
.blogArticleLayoutHeaderColor1 {
  background-color:#faf5f1;
  width: 150px;
}
.blogArticleLayoutDataColor1 {
  background-color:#faf5f1;
  width: 300px;
}
.blogArticleLayoutHeaderColor2 {
  background-color:#f0eae1;
  width: 150px;
}
.blogArticleLayoutData {
  border-spacing: 0px;
}.blogArticleLayoutData tr {
  height: 50px;
}
/* 画像レイアウトに関わる設定(レイアウト選択用) */
table.blogArticleLayoutTextPosition1 {
  table-layout: fixed;
  background-color: #FFFFFF;
  width: 450px;
}

table.blogArticleLayoutTextPosition1 td {
  vertical-align: top;
}

table.blogArticleLayoutTextPosition2 {
  table-layout: fixed;
  background-color: #FFFFFF;
  width: 450px;
}

table.blogArticleLayoutTextPosition2 td {
  vertical-align: top;
}

table.blogArticleLayoutTextPosition3 {
  table-layout: fixed;
  background-color: #FFFFFF;
  width: 450px;
}

table.blogArticleLayoutTextPosition3 td {
  vertical-align: top;
}

table.blogArticleLayoutTextPosition4 {
  table-layout: fixed;
  background-color: #FFFFFF;
  width: 450px;
}

table.blogArticleLayoutTextPosition4 td {
  vertical-align: top;
}

/*==================================================
・イメージ枠（3つ）ブログトピックスレイアウト選択用
==================================================*/
div.image-unit3-blogArticleLayout {

}
div.image-unit3-blogArticleLayout p {
  width:80px;
  display: inline;
  float: left;
  margin-left: 5px;
}
div.image-unit3-blogArticleLayout p.side {
  margin-left: 0px;
}
div.image-unit3-blogArticleLayout p span {
  display:block;
  padding-top: 3px;
  line-height: 140%;
  width: 75px;
  padding-right: 5px;
  padding-left: 5px;
}

/*==================================================
・画像レイアウト ブログトピックスレイアウト選択用
==================================================*/
td.blogArticleLayoutSelectTextPosition3Left {
	width: 150px;
}
td.blogArticleLayoutSelectTextPosition3Right {
  width: 150px;
}
td.blogArticleLayoutSelectTextPosition4Left {
}
td.blogArticleLayoutSelectTextPosition4Right {
  width: 300px;
}

/*===========================
・トピックス確認用
===========================*/
.blogArticleImgBoxConfirm {
	font-size: 125%;
	padding-top: 0 !important;
	margin-left: auto;
	margin-right: auto;
}
table.confirmImageOrder2 {
  border: none;
  width: 100%;
  font-size: 80%;
  text-align: center;
}
table.confirmImageOrder2 td{
  text-align: left;
}
/*===========================
・ブログ本表示用
===========================*/
.blogArticleImgCur {
  cursor: pointer;
}
.blogArticleContents {
	padding-top: 1em;
	padding-bottom: 1em;
}
/*===========================
トピックス（記事画像）
===========================*/

table.commonTextPosition2 > tbody > tr > td{
  width:100%;
}

table.commonImageOrder1 td{
  vertical-align: top;
  display: inline-table;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}