@charset "shift_jis";

/*for community common class
-----------------------------------------------------------*/
body h1 {
	margin:0;
	padding:0
}

body div#community h2 {
	margin: 0 0 15px;
}
body div.mainVisual {margin-bottom:30px;}

body div#community div.commuWrap {
	margin-bottom:50px;
	padding:0 20px;
}
	body div#community div.commuWrap:after,
	body div#community div.innerWrap:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	body div#community div.commuWrap,
	body div#community div.innerWrap {
		zoom: 1;
	}
body div#community .lc {float:left;}
body div#community .rc {float:right;}

body p#backCateTop {
	margin: 8px 0;
	text-align: right;
}
body div#community p.arrowb {margin-bottom:5px;}
body div#community p.arrowb a {
	background: url(/rolly/share/images/products/tmp/arrow_black.gif) no-repeat left center;
	padding-left:10px;
	font-weight:bold;
}
body div#community ul.cap li {
	padding-left:1.5em;
	color:#666;
	font-size:0.8em;
	text-indent:-1.5em;
}

/* column---------------------------------------- */
body div#community .clmBtm {
	clear:both;
	margin-top:50px;
	padding-bottom:3px;
	background:url(../images/com_f02_img07.gif) no-repeat left bottom;
}
body div#community .clmTop {
	padding-top:3px;
	background:url(../images/com_f02_img05.gif) no-repeat left top;
}
body div#community .clmCont {
	padding:22px 28px;
	background:url(../images/com_f02_img06.gif) repeat-y;
}
body div#community .clmCont p {margin-bottom:0;}


/*for index.html
-----------------------------------------------------------*/
body h1.h1Index {
	margin-bottom:30px;
}
body div.index div.mainVisual {
	position:relative;
	width:755px;
	height:285px;
}
body div.index div.mainVisual img.mainImg {
	position:absolute;
	left:0;
	top:0;
}
body div.index div.mainVisual ul {
	position:absolute;
	left:28px;
	bottom:23px;
	line-height:1;
	font-size:0;
}

/*for feature01-02.html
-----------------------------------------------------------*/

body div.feat01 div#community div.commuWrap div.lc,
body div.feat02 div#community div.commuWrap div.lc {width:210px;}
body div.feat01 div#community div.commuWrap div.rc,
body div.feat02 div#community div.commuWrap div.rc {width:475px;}

/*for feature02.html
-----------------------------------------------------------*/
body div.feat02 div.mainVisual {margin-bottom:10px;}
body div.feat02 div#community div.commuWrap div.clmCont h4 {margin-bottom:15px;}
body div.feat02 div#community div.commuWrap div.clmCont div.lc {width:474px;}
body div.feat02 div#community div.commuWrap div.clmCont div.rc {width:165px;}

body div.feat02 .btnTypeC {margin-bottom:30px;	text-align:right;}
.bnrCenter {
	margin-bottom:50px;
	text-align:center;
}

/*for feature03.html
-----------------------------------------------------------*/

body div.feat03 div#community div.commuWrap div.lc {width:315px;}
body div.feat03 div#community div.commuWrap div.rc {width:370px;}

body div.feat03 div#community div.commuWrap div.lc2 {float:left;	width:370px;}
body div.feat03 div#community div.commuWrap div.rc2 {float:right;	width:315px;}


/*----------------------------------------------------------

	Common Module

-----------------------------------------------------------*/

.mb10 {margin-bottom:10px ! important;}
.mb15 {margin-bottom:15px ! important;}
.mb20 {margin-bottom:20px ! important;}
.fwb {font-weight:bold;}

/*clearfix*/

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

.clearfix {
	zoom: 1;
}

/*nonHeight*/

.nonHeight {
	line-height: 0;
	font-size: 0;
}