@charset "utf-8";
/*
コミュニティトップ
*/

/* #breadcrumbs --------------------*/
#breadcrumbs{
	margin:10px 0 8px 5px;
	overflow:hidden;
	font-family:" "ＭＳ Ｐゴシック", "MS PGothic",ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#breadcrumbs li{
	float:left;
	margin-left:6px;
	font-size:11px;
}
#breadcrumbs li a{
	background:url(/img/common/arrow-breadcrumbs.png) no-repeat 100% 50%;
	padding-right:13px;
	line-height:1.5;
}

/* #contents --------------------*/
#contents{
	position:relative;
	clear:both;
	width:942px;
	margin:0 9px;
	overflow:hidden;
	font-size:120%;
}

/* #main --------------------*/
#main{
	float:none;
	width:auto;
}
#main > h3:first-child{
	float:left;
	width: auto;
	height: auto;
	margin-bottom: auto;
}
#main > h1{
	margin-left:236px;
}
#main > h2{
	margin:20px 0 18px 35px;
}
#main > h3{
	margin-bottom: 1.5em;
	text-align: center;
	clear: both;
	width: 100%;
}

#main .concept{
	margin-bottom: 30px;
	overflow: hidden;
}
#main .concept p{
	margin-left: 0;
}
#main .concept > .image{
	float: left;
	margin-right: 2em;
}
#main .concept > h4{
	font-size: 24px;
	margin-bottom: 1.5em;
}

#main .effect-wrap{
	overflow:hidden;
	/*
	position:relative;
	width:942px;
	height:293px;
	*/
}
#main .effect-wrap > div{
	float: left;
	box-sizing: border-box;
	width: 32%;
	margin-right: 0.5%;
	padding: 15px 12px 0 12px;
	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	/*
	position:absolute;
	left:0;
	top:0;
	background:url(/img/reform/top-bk-effect-bottom.png) no-repeat 0 100%;
	width:301px;
	height:293px;
	*/
}
#main .effect-wrap > div > h3{
	border-bottom: 3px solid #fff;
	height: 36px;
	margin-bottom: 8px;
}
#main .effect-wrap > div li{
	/*font-size:13px;
	line-height:21px;*/
	margin-bottom: 0.5em;
	line-height: 1.8;
}
#main .effect-wrap #effect1{
	background: rgba(240,248,250,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(240,248,250,1) 0%, rgba(240,248,250,1) 15%, rgba(171,197,228,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(240,248,250,1)), color-stop(15%, rgba(240,248,250,1)), color-stop(100%, rgba(171,197,228,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(240,248,250,1) 0%, rgba(240,248,250,1) 15%, rgba(171,197,228,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(240,248,250,1) 0%, rgba(240,248,250,1) 15%, rgba(171,197,228,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(240,248,250,1) 0%, rgba(240,248,250,1) 15%, rgba(171,197,228,1) 100%);
background: radial-gradient(ellipse at center, rgba(240,248,250,1) 0%, rgba(240,248,250,1) 15%, rgba(171,197,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f8fa', endColorstr='#abc5e4', GradientType=1 );
}
#main .effect-wrap #effect2{
	background: rgba(247,247,247,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(252,214,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(252,214,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(252,214,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(252,214,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(252,214,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(247,247,247,1) 0%, rgba(252,214,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fcd693', GradientType=1 );
}
#main .effect-wrap #effect3{
	margin-right: 0;
	background: rgba(247,247,247,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(237,199,221,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(237,199,221,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(237,199,221,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(237,199,221,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(237,199,221,1) 100%);
background: radial-gradient(ellipse at center, rgba(247,247,247,1) 0%, rgba(237,199,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#edc7dd', GradientType=1 );
}

#main .btn-comment{
	margin: 38px 0;
}

#main .report-wrap{
	overflow: hidden;
}
#main .report{
	float: left;
	width: 33.3%;
}
#main .report p{
	margin: 0;
}