/* CSS Document */

/* FC2bbs For top,kiyaku,feature,faq */


#container #main #content .content_body #top_gazo {
	margin-right: 0px;
	margin-left: 0px;
}

#container #main #content .content_body #top_gazo h2 {
	background-image: url(image/top/catch_banner.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 140px;
	width: 560px;
}

#container #main #content .content_body p.main_top,p.main_bottom {
	background-repeat: no-repeat;
	height: 10px;
}

#container #main #content .content_body p.main_top {
	background-image: url(image/main_top.gif);
	background-position: center bottom;
}

#container #main #content .content_body p.main_bottom {
	background-image: url(image/main_bottom.gif);
	background-position: center top;
}



#container #main #content .content_body .main_body1 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E2E2E2;
	border-left-color: #E2E2E2;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	color: #000099;
	overflow: hidden;	
}

#container #main #content .content_body .main_body1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container #main #content .content_body .main_body1 {
    height: 1em;
    overflow: visible;
}
/**/


/* 掲示板はこんなことができます　ここから
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 h3#no1 {
	background-image: url(image/top/topic1.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 524px;
	text-indent: -9999px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* ポイントボタン
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 ul#point_btn {
	clear: both;
	width: 530px;
	margin-left: 15px;
	padding-top: 10px;
}

#container #main #content .content_body .main_body1 ul li {
	float: left;
	width: 103px;
}

#container #main #content .content_body .main_body1 ul li#point1 a, 
													   li#point2 a,
													   li#point3 a,
													   li#point4 a,
													   li#point5 a {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display: block;
	height: 125px;
	width: 103px;
}


#container #main #content .content_body .main_body1 ul li#point1 a {
	background-image: url(image/top/bbs_point1_btn.jpg);
}

#container #main #content .content_body .main_body1 ul li#point2 a {
	background-image: url(image/top/bbs_point2_btn.jpg);
}

#container #main #content .content_body .main_body1 ul li#point3 a {
	background-image: url(image/top/bbs_point3_btn.jpg);
}

#container #main #content .content_body .main_body1 ul li#point4 a {
	background-image: url(image/top/bbs_point4_btn.jpg);
}

#container #main #content .content_body .main_body1 ul li#point5 a {
	background-image: url(image/top/bbs_point5_btn.jpg);
}

#container #main #content .content_body .main_body1 ul li#point1 a, 
													   li#point2 a,
													   li#point3 a,
													   li#point4 a,
													   li#point5 a {
	/*\*/
	overflow: hidden;
	/**/
}

/* たとえば・・・
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 #example {
	background-image: url(image/top/ex.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 530px;
	margin-left: 25px;
	padding-top: 25px;
}

#container #main #content .content_body .main_body1 #example ul#ex {

}

#container #main #content .content_body .main_body1 #example ul#ex li#ex_left {
	float: left;
	width: 200px;
}

#container #main #content .content_body .main_body1 #example ul#ex li#ex_right {
	float: right;
	width: 300px;
	margin-right: 20px;
}

#container #main #content .content_body .main_body1 #example ul#ex li p {
	background-image: url(image/top/bicon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	color: #666666;
	margin-bottom: 2px;
}

/* 特長ページへ
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 #to_point {
	width: 530px;
	margin-left: 25px;
	margin-top: 5px;
}

#container #main #content .content_body .main_body1 #to_point #to_left {
	float: left;
	width: 200px;
	color: #666666;
}

#container #main #content .content_body .main_body1 #to_point #to_right {
	float: right;
	margin-right: 30px;
}

#container #main #content .content_body .main_body1 #to_point #to_right a {
	background-image: url(image/top/to_pointpage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	display: block;
	height: 75px;
	width: 284px;
}

/* 掲示板はこんなことができます　ここまで
--------------------------------------------------------------- */


/* ２種類の掲示板　ここから
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 h3#no2 {
	background-image: url(image/top/topic2.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 524px;
	text-indent: -9999px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/* サンプル１とサンプル２共通
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 .sample1_box,.sample2_box {
	width: 510px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #E2E2E2;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 15px 15px;
}



/* サンプル１
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 .sample1_box {
	background-image: url(image/top/sample1_title.jpg);
}

#container #main #content .content_body .main_body1 .sample1_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container #main #content .content_body .main_body1 .sample1_box {
    height: 1em;
    overflow: visible;
}
/**/

#container #main #content .content_body .main_body1 .sample1_box #sample1_left {
	float: left;
	background-image: url(image/top/sample1_banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 160px;
	width: 244px;
	margin-left: 15px;
	margin-top: 80px;
}

#container #main #content .content_body .main_body1 .sample1_box #sample1_left a {
	background-image: url(image/top/to_sample1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 142px;
	margin-top: 130px;
	margin-left: 100px;
}


#container #main #content .content_body .main_body1 .sample1_box #sample1_right {
	float: right;
}

#container #main #content .content_body .main_body1 .sample1_box #sample1_right a {
	background-image: url(image/top/sample1_pict.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	display: block;
	height: 233px;
	width: 162px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 45px;
}


/* サンプル２　
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 .sample2_box {
	background-image: url(image/top/sample2_title.jpg);
}

#container #main #content .content_body .main_body1 .sample2_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container #main #content .content_body .main_body1 .sample2_box {
    height: 1em;
    overflow: visible;
}
/**/


#container #main #content .content_body .main_body1 .sample2_box #sample2_left {
	float: left;
	background-image: url(image/top/sample2_banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 160px;
	width: 244px;
	margin-left: 15px;
	margin-top: 80px;
}

#container #main #content .content_body .main_body1 .sample2_box #sample2_left a {
	background-image: url(image/top/to_sample2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 142px;
	margin-top: 130px;
	margin-left: 100px;
}


#container #main #content .content_body .main_body1 .sample2_box #sample2_right {
	float: right;
}

#container #main #content .content_body .main_body1 .sample2_box #sample2_right a {
	background-image: url(image/top/sample2_pict.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	display: block;
	height: 233px;
	width: 162px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 45px;
}
/* ２種類の掲示板　ここまで
--------------------------------------------------------------- */


/*　今すぐ掲示板を立てる（トップページ）　ここから
--------------------------------------------------------------- */
#container #main #content .content_body .main_body1 .touroku_w a {
	background-image: url(image/tokutyou/point_kyoutsu/reg_white.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 84px;
	width: 300px;
	text-indent: -9999px;
	margin-right: 130px;
	margin-left: 130px;
}

#container #main #content .content_body .main_body1 .touroku_w a {
	/*\*/
	overflow: hidden;
	/**/
}

#container #main #content .content_body .main_body1 p.under_white {
	background-image:url(image/tokutyou/point_kyoutsu/under_white.jpg);
	background-repeat:no-repeat;
	height:45px;
	clear: both;
	background-position: center;
}
/*　今すぐ掲示板を立てる（トップページ）　ここまで
--------------------------------------------------------------- */



/*　利用規約ここから
--------------------------------------------------------------- */

#container #main #content .content_body p.kiyaku_header {
	background-image: url(image/b_kiyaku.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 710px;
	background-position: left bottom;
	padding-top: 3px;
}

dl.rules {
	text-align: left;
	padding: 10px 15px;
	line-height: 1.5;
}

dl.rules dt {
	font-weight: bold;
	margin-bottom: 5px;
	color: #006600;
	font-size: 105%;
}

dl.rules dd {
	padding-left: 10px;
	margin-bottom: 10px;
	color: #5D5D5D;
	padding-right: 10px;
}

dl.rules ol {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 140%;
}

dl.rules li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}

#container #main #content .content_body .main_body1 form {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#container #main #content .content_body .main_body1 form textarea {
	width: 500px;
	font-size: small;
}

#container #main #content .content_body .main_body1 #kiyaku_btn {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}


/*　利用規約ここまで
--------------------------------------------------------------- */


/*　Q&Aここから
--------------------------------------------------------------- */
#container #main #content .content_body p.faq_header {
	background-image: url(image/b_faq.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 560px;
	background-position: center bottom;
	padding-top: 3px;
}

#container #main #content .content_body .main_body1 .faq_top {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E2E2E2;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
}

#container #main #content .content_body .main_body1 .faq_body {
	width: 520px;
	margin-left: 15px;
	margin-top: 15px;
}
#container #main #content .content_body .main_body1 .faq_body ul {
	margin-bottom: 15px;
}
#container #main #content .content_body .main_body1 .faq_body ul li{
	float: none;
	width: 95%;
	margin-bottom: 3px;
}
.faq_title {
	color:#0000FF;
	cursor:pointer;
	margin-left: 10px;
}
.faq_titles {
	color:#0000FF;
	cursor:pointer;
	padding-left: 30px;
	margin-left: 10px;
	background-image: url(image/point_faq.gif);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#container #main #content .content_body .main_body1 .faq_body ul li.faq_text {
	border:1px solid #aaaaaa;
	margin:4px 0px 18px 16px;
	padding:8px 8px 8px 8px;
	display:none;
}
.faq_text .closebtn {
	text-align: right;
	padding-top: 5px;
}

.faq_title img {
	vertical-align:middle;
	padding-right: 10px;
}

/*　Q&Aここまで
--------------------------------------------------------------- */



/*　機能一覧ここから
--------------------------------------------------------------- */
#container #main #content .content_body p.feature_header {
	background-image: url(image/b_feature.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 710px;
	background-position: center bottom;
	padding-top: 3px;
}

.table1 {
	border-top: solid 1px #E0E0DF;
	border-left: solid 1px #E0E0DF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 650px;
	}
.table1 td {
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #E0E0DF;
	border-bottom: solid 1px #E0E0DF;
	padding: 5px;
	font-size: 9pt;
	line-height: 18px;
	} 
	
.bg1-1, .bg1-2, .bg1-3 {
	background-color:#CFEBD2;
	text-align:center;
	} 
	
.bg1-1 {
	width: 15%;
	} 
	
.bg1-2 {
	width: 25%;
	} 

.bg1-3 {
	width: 60%;
	} 

.bg2 {
	background-color:#F4FAF1;
	vertical-align: top;
	} 
	
/*　機能一覧ここまで
--------------------------------------------------------------- */