@charset 'utf-8';

/* ------------------------------------------------------------
     ideas.css
------------------------------------------------------------ */

/* index
------------------------------------------------- */
.ideas #wrapper {
	width: 100%!important;
}
.ideas #pankuzu {
	width: 900px;
	margin: 0 auto;
}
.ideas #wrapper02 {
	background:url(../images/community/ideas/all/bg.jpg) repeat;
}
.ideas .contents {
	position: relative;
	margin: 0 auto;
}
.ideas .inner {
	padding: 40px;
	background-color: #fff;
}
.ideas .txt01 {
	margin-bottom: 20px;
	text-align: center;
}
.ideas .about {
	margin-bottom: 30px;
}
.ideas .about dt {
	margin-bottom: 10px;
}
.ideas .container {
	position: relative;
	background: #FFF3C5;
	margin-bottom: 30px;
}
.ideas .container:last-child{
	margin-bottom:0;
}
.ideas .container h3 {
	padding: 40px;
}


.ideas .credit {
	background: #FFFDE4;
	padding: 30px;
	margin-bottom: 20px;
}
.ideas_title img {
	margin-left: -37px;
}
/* detail
------------------------------------------------- */
/* col2 */
.ideas .container .boxWrap {
	padding: 40px 25px 35px 40px;
}
.ideas .container .boxWrap.left {
	float: left;
}
.ideas .container .boxWrap h3 {
	margin: 0;
	padding: 0;
}
.ideas .container .boxWrap .btn {
	position: inherit;
	top:inherit;
	left:inherit;
	margin-top: 20px;
}

/* col3 */
.ideas .container .boxWrap.col3 {
	float: left;
	padding: 20px;
}
.ideas .container .boxWrap.col3 .btn:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
.otherBtn {
	text-align: right;
	margin: 0 20px;
	padding: 20px 0;
	border-top: 5px solid #FFCF27;
}

.txtbox {
	padding:20px 40px;
}

.txtbox h2{
	font-size: 20px;
	color:#680000;
}

.pr_15{
	padding-right:15px
}


.bgPattern {
	background: url(../images/community/party-recipe/bg_pattern.png) repeat top left;
	border: solid 1px #e6f5fe;
	padding: 8px;
	margin-bottom: 40px;
}


/* utility
------------------------------------------------- */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}