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

#areaAddNavi *,
#areaInfo *,
#areaCdInfo *,
#areaIndex * {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	text-align: left;
}

#areaAddNavi {
	margin-top: 5px;
}
#areaAddNavi .areaCdCaution {
	padding: 0 3px;
	margin-bottom: 1em;
}
#areaAddNavi .areaCdCautionBody {
	font-size: 11px;
	background-color: #DDF4E0;
	padding: 8px;
	color: #333;
	width: 165px;
}
#areaAddNavi .areaCdCautionBody p {
	line-height: 1.3;
}

/* CD告知 */
#areaInfo {
	background: url(../_images/bg_info_short.gif) top left no-repeat;
	padding-top: 10px;
	margin-bottom: 20px;
	width: 568px;
}
#areaInfoInner {
	background: url(../_images/bg_info_short.gif) bottom left no-repeat;
	padding: 10px 30px 10px;
}
#areaInfo .left {
	width: 500px;
	float: left;
}
#areaInfo .right {
	width: 180px;
	float: right;
	text-align: center;
}
#areaInfo h2 {
	margin-bottom: 0.5em;
}
#areaInfo p {
	margin-bottom: 1em;
	line-height: 1.5;
}


#areaInfo ul.withIcon a {
	background: url(../_images/ico_link_head.png) top left no-repeat;
	padding-left: 15px;
}

/* この内容は CDで聞けます */
#areaCdInfo,
#areaFebeInfo {
	background: url(../_images/bg_info_cd.png) left top no-repeat;
	min-height: 74px;
	padding: 15px 25px;
}
#areaFebeInfo {
	min-height: 0;
	padding-left: 35px;
}
#areaFebeInfo p {
	padding: 0;
	margin: 3px 0;
}
#areaCdInfo .right,
#areaFebeInfo .right {
	margin-right: 10px;
}

/* インデックス */
#areaIndex {
	border-top: 3px solid #add062;
	padding-top: 1px;
	width: 560px;
	margin-bottom: 10px;
	color: #333;
}
#areaIndexInner {
	border: 1px solid #b2cce5;
	padding: 20px;
}
#areaIndex h2 {
	color: #ff6600;
	font-size: 14px;
	border-bottom: 1px solid #b2cce5;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#areaIndex p {
	line-height: 1.5;
}

.left {
	float: left;
}
.right {
	float: right;
}

.imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.imgRight {
	float: right;
	margin: 0 0 10px 10px;
}

.clear {
	clear: both;
}

/* ================================================
clearfix 
================================================ */

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

* html .clearfix{height: 1%;}
.clearfix{display: block;}