@charset "Shift_JIS";

/*2014 10 add */
.article_category {
	background: url(../img/category_title.gif) left top no-repeat;
	text-indent: -9999px;
	min-height: 29px;
}


.boxPapa {
	min-height: 61px;
	padding: 12px 20px 12px 160px;
	margin-bottom: 15px;
	background: url(../img/box_papa.gif) left top no-repeat;
}
.boxMama {
	min-height: 68px;
	margin-bottom: 15px;
	padding: 0 165px 0 20px;
	background: url(../img/box_mama.gif) left top no-repeat;
}

.boxMama.-l,
.boxPapa.-l {
	background: none;
	position: relative;
	padding: 14px 0 0 0;
}
.boxMama.-l:before,
.boxPapa.-l:before {
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	top:0;
	left:0;
	background: url(../img/box_mama_hdr.gif) left top no-repeat;
}

.boxPapa.-l:before {
	background: url(../img/box_papa_hdr.gif) right top no-repeat;
}

.boxMama.-l .inner:after,
.boxPapa.-l .inner:after {
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	bottom:0;
	left:0;
	background: url(../img/box_mama_ftr.gif) left top no-repeat;
}
.boxPapa.-l .inner:after {
	background: url(../img/box_papa_ftr.gif) right top no-repeat;
	}
.boxMama.-l .inner,
.boxPapa.-l .inner {
	width: 581px;
	padding-bottom: 13px;
	position: relative;
	overflow: hidden;
}
.boxPapa.-l .inner {
	width: 589px;
}
.boxMama.-l .inner:before {
	content: "";
	display: block;
	width: 100%;
	height: 27px;
	position: absolute;
	top:50%;
	margin-top: -14px;
	left:549px;
	background: url(../img/box_mama_mid.gif) left top no-repeat;
}

.boxPapa.-l .inner:before {
	content: "";
	display: block;
	width: 100%;
	height: 27px;
	position: absolute;
	top:50%;
	margin-top: -14px;
	left:8px;
	background: url(../img/box_papa_mid.gif) left top no-repeat;
}

.boxMama.-l .inner .cnt {
	width:508px;
	padding: 0 20px;
	background: #ffecf0;
	border-left: solid 1px #f388a9;
	border-right: solid 1px #f388a9;
}

.boxPapa.-l .inner .cnt {
	width:508px;
	margin-left: 39px;
	padding: 0 20px;
	background: #d2f0ff;
	border-left: solid 1px #00b7ee;
	border-right: solid 1px #00b7ee;
}

.balloon {
	position: relative;
	background: #fffde5;
	padding: 20px 30px 43px 30px;
}

.balloon:before {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	top:0;
	left:0;
	background: url(../img/balloon_hdr.gif);
}
.balloon.-l:before {
	background: url(../img/balloon_l_hdr.gif);
}

.balloon:after {
	content: "";
	display: block;
	width: 100%;
	height: 23px;
	position: absolute;
	bottom:0;
	left:0;
	background: url(../img/balloon_ftr.gif);
}
.balloon.-l:after {
	height: 35px;
	background: url(../img/balloon_l_ftr.gif);
}
.balloon ul li {
background: url(../img/balloon_mid.gif) left bottom repeat-x;
padding: 20px 0;
}
.balloon ul li.last {
	background: none;
}
.balloon li .name {
font-weight: bold;
text-align: right;
}
.graph_area {
	margin-top: 15px;
}
.graph_area div{
	width: 310px;
	float: left;
}