@charset 'shift_jis';
@import url("basic.css");
@import url("detail.css");

.map {
	width:100%;
	padding:0 0 15px 0;
	text-align:center;
}

/*****************************************************************************
 旧一覧ボックス（2列用）
 *****************************************************************************/
.col2 {
	width:506px;
	margin:0 auto 10px auto;
	background:url("../img/det_clog_2col_bg_mid.gif") repeat-y;
}
.col2 .bot2col {
	width:100%;
	background:url("../img/det_clog_2col_bg_bot.gif") no-repeat left bottom;
}
.col2 .cont {
	width:498px;
	margin:auto;
	padding:0 0 10px 0;
}
.col2 .cont div.left, .col2 .cont div.right {
	width:240px;
}
.col2 .cont p.left, .col1 .cont p.left {
	width:70px;
}
.col2 .cont p.left img, .col1 .cont p.left img {
	border:4px solid #fff;
}
.col2 .cont p.center img, .col1 .cont p.center img {
	border:2px solid #fff;
}
.col2 .cont p.right, .col1 .cont p.right {
	width:160px;
	font-size:85%;
	line-height:1.4;
}
.col2 .midashi3 {
	width:100%;
	background:url("../img/det_clog_2col_mid.gif") repeat-y;
	margin:0 0 0.5em 0;
}
.col2 .midashi3 .mid {
	width:100%;
	background:url("../img/det_clog_2col_top.gif") no-repeat;
}
.col2 .midashi3 .bot {
	width:100%;
	background:url("../img/det_clog_2col_bot.gif") no-repeat left bottom;
}
.col2 .midashi3 .left, .midashi3 .right {
	width:248px;
	padding-top:4px;
}
.col2 .midashi3 h4, .col1 .midashi3 h4 {
	font-weight:bold;
	padding:0.3em 0.5em 0.3em 20px;
}

/*****************************************************************************
 旧一覧ボックス（1列用）
 *****************************************************************************/
.col1 {
	width:506px;
	margin:0 auto 10px auto;
	background:url("../img/det_clog_1col_bg_mid.gif") repeat-y;
}
.col1 .bot1col {
	width:100%;
	background:url("../img/det_clog_1col_bg_bot.gif") no-repeat left bottom;
}
.col1 .bot1col .in {
	width:248px;
}
.col1 .midashi3 {
	width:100%;
	background:url("../img/det_clog_1col_mid.gif") repeat-y;
	margin:0 0 0.5em 0;
}
.col1 .midashi3 .mid {
	width:100%;
	background:url("../img/det_clog_1col_top.gif") no-repeat;
}
.col1 .midashi3 .bot {
	width:100%;
	background:url("../img/det_clog_1col_bot.gif") no-repeat left bottom;
	padding-top:4px;
}
.col1 .cont {
	width:240px;
	margin:auto;
	padding:0 0 10px 0;
}

.col2 p.caption, .col1 p.caption {
	padding:0.5em;
	font-size:85%;
}

/*****************************************************************************
 このサイトについて
 *****************************************************************************/
 
.pad01 {
	margin: 0 15px 20px;
}
.pad01 p {
	margin: 0 0 0.5em;
	text-indent: 1em;
}
.pad01 p.indent {
	margin: 0 0 0.5em 1.5em;
	text-indent: -1em;
}