@charset "UTF-8";
/* CSS Document */
@import "common.css";
@import "layout.css";
@import "secondary.css";

#kokomade {}

#kokomade h2 {
	background:url(../images/kokomade/headline.gif) no-repeat;
	width:389px;
	height:40px;
	text-indent:-9999px;
	margin-bottom:8px;
}

#kokomade #case {
	background-color:#ffffcb;
}

#kokomade #case .inner {
	padding:10px 0 0 20px;
	line-height:1.5;
}

#kokomade #case .inner .left {
	width:295px;
	background:url(../images/kokomade/img_arrow.gif) no-repeat right top;
}

#kokomade #case .inner .left p {
	width:270px;
	padding-top:5px;
	margin-bottom:0;
	
}

#kokomade #case .inner .right {
	float:left;
	margin-left:12px;

}

#kokomade #case .inner .right p {
	font-size:14px;
	font-weight:bold;
	color:#ff4e00;
	width:290px;
	padding-top:5px;
}

#kokomade #case .inner2 .left {
	width:285px;
	border-right:1px solid #dbccbc;
	text-align:right;
	position:relative;
	left:20px;
	margin-right:20px;
	padding-top:14px;
}

#kokomade #case .inner2 .right {
	float:left;
	width:323px;
	position:relative;
	left:20px;
	top:-14px;
	margin-bottom:-12px;
}

#kokomade #before_after {
	margin-left:25px;
	margin-bottom:30px;
	background:url(../images/kokomade/bg_before_after_btm.gif) no-repeat left bottom;
	padding-bottom:5px;
}

#kokomade #before_after #bg_before_after {
	background:url(../images/kokomade/bg_before_after.gif) repeat-y;
}

#kokomade #before_after .before {
	float:left;
	width:272px;
	margin-right:19px;
}

#kokomade #before_after .after {
	float:left;
	width:327px;
}

#kokomade #before_after ul {
	margin-bottom:3px;
}

#kokomade #before_after li {
	background:url(../images/share/point.gif) no-repeat 0 7px;
	padding-left:6px;
}

#kokomade #before_after .inner {
	padding-right:12px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

#kokomade #before_after .inner strong {
	font-size:14px;
}

#kokomade #before_after .issues {
	border-top:1px solid  #dbccbc;
	padding-top:3px;
}

#kokomade #before_after .issues strong {
	color:#ff4e00;
	font-size:13px;
}