@charset "UTF-8";

/* =========================================================
   Base
========================================================= */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	padding: 0;
	clear: both;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
input, select {
  vertical-align: middle;
}



/* Icons.
----------------------------------------------- */
.iconFile, .iconDefault {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-image: url(/_common/images/icons/default.png);
	padding-bottom: 1px;
}
.iconBmp {
  background-image: url(/_common/images/icons/bmp.png);
}
.iconCsv,
.iconTxt {
  background-image: url(/_common/images/icons/default.png);
}
.iconDoc,
.iconDocx {
  background-image: url(/_common/images/icons/doc.png);
}
.iconGif {
  background-image: url(/_common/images/icons/gif.png);
}
.iconJpg,
.iconJpe,
.iconJpeg {
  background-image: url(/_common/images/icons/jpg.png);
}
.iconJtd {
  background-image: url(/_common/images/icons/jtd.png);
}
.iconLzh {
  background-image: url(/_common/images/icons/lzh.png);
}
.iconPdf {
  background-image: url(/_common/images/icons/pdf.png);
}
.iconPng {
  background-image: url(/_common/images/icons/png.png);
}
.iconPpt,
.iconPptx {
  background-image: url(/_common/images/icons/ppt.png);
}
.iconXls,
.iconXlsx {
  background-image: url(/_common/images/icons/xls.png);
}
.iconZip {
  background-image: url(/_common/images/icons/zip.png);
}



/* img-float
----------------------------------------------- */
.img-right, 
.img-left {
  clear: both;
  margin-bottom: 10px;
}
.img-left img {
  float: left;
  margin-right: 40px;
}
.img-right img {
  float: right;
  margin-left: 40px;
}
.img-left .text {
  float: left;
}
.img-right:after, 
.img-left:after  {
  content: " "; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}


/* CKEditor templates
----------------------------------------------- */
.temp1,
.temp2 {
	clear: both;
	margin-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
.temp1 .thumb {
  float: left;
  margin-right: 30px;
}
.temp2 .thumb {
  float: right;
  margin-left: 30px;
}

/* 画像が左でテキスト右 テキストは回り込まない */
.temp3 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.temp3 .left_photo {
	float: left;
	margin-right: 10px;
}

.temp3 .right_text {
	overflow: hidden;
	_zoom: 1;
}

/* 画像が右でテキスト左 テキストは回り込まない */
.temp4 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px
}
.temp4 .right_photo {
	float: right;
	margin-left: 10px;
}
.temp4 .left_text {
	overflow: hidden;
	_zoom: 1;
}

/* 画像の下にテキスト付き（DL DT DD） */

.temp5,
.temp6, 
.temp7 {
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 20px
}
.temp5 dl,
.temp6 dl, 
.temp7 dl {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}
.temp5 dl dt,
.temp6 dl dt,
.temp7 dl dt {
  margin-bottom: 5px;
  text-align: center;
}
.temp5 dl dd,
.temp6 dl dd,
.temp7 dl dd {
  text-align: center;
}

/* 画像のみの横並び */
.temp8 {
  clear: both;
  margin-bottom: 30px;
}
.temp8 div {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.temp9 {
  clear: both;
  margin-bottom: 30px;
}
.temp9 div {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.temp10 {
  clear: both;
  margin-bottom: 30px;
}
.temp10 div {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

table.temp11 {
}

.temp13 {
	display: table;
	margin-bottom: 15px;
	font-size: 12px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.4em;
}
.temp13 .cnt_left {
	display: table-cell;
	width: 30%;
	color: #FFF;
	background-color: #68699b;
	border: 1px solid #a59aca;
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	padding: 0.5em 1em 0.5em 1em;
	text-align: center;
	vertical-align: middle;
}
.temp13 .cnt_right {
	display: table-cell;
	border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	padding: 0.5em 1em 0.5em 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #a59aca;
	border-right-color: #a59aca;
	border-bottom-color: #a59aca;
}

.temp14 {
	clear: both;
	border:none;
}

/* 画像が左でテキスト右 画像キャプション入り */
.temp15 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.temp15 .left_photo {
	float: left;
	margin-right: 10px;
}
.temp15 .left_photo p {
	text-align: center;
	padding-top: 5px;
	font-size: 90%;
}

.temp15 .right_text {
	overflow: hidden;
	_zoom: 1;
}

/* 画像が右でテキスト左 画像キャプション入り */
.temp16 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px
}
.temp16 .right_photo {
	float: right;
	margin-left: 10px;
}
.temp16 .right_photo p {
	text-align: center;
	padding-top: 5px;
	font-size: 90%;
}
.temp16 .left_text {
	overflow: hidden;
	_zoom: 1;
}




@media screen and (max-width: 480px) {
.temp3 .left_photo {
	float: none;
	margin-right: 0px;
}
.temp3 .right_text {
	overflow: auto;
}
.temp4 .right_photo {
	float: none;
	margin-left: 0px;
}
.temp4 .left_text {
	overflow: auto;
}
.temp15 .left_photo {
	float: none;
	margin-right: 0px;
}
.temp15 .right_text {
	overflow: auto;
}
.temp16 .right_photo {
	float: none;
	margin-left: 0px;
}
.temp16 .left_text {
	overflow: auto;
}
.temp8 div,
.temp9 div,
.temp10 div {
	margin-bottom: 10px;
}
.temp1 .thumb img,
.temp2 .thumb img,
.temp3 .left_photo img,
.temp4 .right_photo img,
.temp5 img,
.temp6 img,
.temp7 img,
.temp8 img,
.temp9 img,
.temp10 img,
.temp13 img,
.temp15 img,
.temp16 img  {
	width: auto;
}

}