@charset "utf-8";

@import url(common.css);
@import url(form.css);
@import url(my.css);

/* ━━━━━　トップページ　━━━━━━ */

#bg_top_top{
	background:url(../img/index/bg_top1_top.gif) no-repeat;
	width:797px;
	height:51px;
}

#bg_top_top .next{padding:20px 0px 0px 470px;}
/* safari only \*/
html:\66irst-child #bg_top_top .next{
padding:20px 0px 0px 457px;
}
/* end */

#bg_top_top_af{
	background:url(../img/index/bg_top_af_top.gif) no-repeat;
	width:797px;
	height:51px;
}

#bg_top_top_af .next{padding:25px 0px 0px 470px;}

#bg_top_bottom{
	background:url(../img/index/bg_top1_bottom.gif) no-repeat bottom;
	width:797px;
	padding:0px 0px 20px 0px;
}

.topcopyleft{
	float:left;
	display:inline;
	margin:5px 0px 10px 15px;
	width:550px;
	text-align:center;
}

.topcopyleft p{
	margin:10px 0px 15px 10px;
	text-align:left;
}

* html .topcopyright{margin-right:15px;}

.topcopyright{
	float:right;
	display:inline;
	margin:0px 20px 0px 0px;
	width:180px;
}

.topcopyright #bg_topwhite_top{
	background:url(../img/index/bg_white_top.gif) no-repeat bottom;
	width:184px;
	height:15px;
}

* html .topcopyright #bg_topwhite_mid{width:184px;}

.topcopyright #bg_topwhite_mid{
	background-color:#fff;
	padding:0px 10px;
	width:164px;
}

.topcopyright #bg_topwhite_mid p{line-height:1.3;}

.topcopyright #bg_topwhite_bottom{
	background:url(../img/index/bg_white_bottom.gif) no-repeat bottom;
	width:184px;
	height:15px;
	margin-bottom:6px;
	font-size:12px;
}

* html .projectimg{margin:0px 0px 0px 0px; padding-left:padding:0px 0px 0px 6px;}

.projectimg{
	float:left;
	text-align:center;
	width:104px;
	height:100px;
	margin:0px;
	padding-left:4px;
}

.popimage{cursor: pointer;}

.popbox{
	padding: 5px;
	position: absolute;
	background-color: #FFFFFF;
	width: 400px;
	border: 1px solid #cccccc;
	cursor: pointer;
	text-align:left;
}

*+html .popbox{
	position:relative !important;
	top:0px !important;
	left:0px !important;
}

*+html .frame_graysmall{
	max-height:180px !important;
	overflow:hidden !important;
}

.poph{
	background-color: #C3D600;
	padding: 3px;
	margin-bottom: 5px;
	text-align:left;
}

.poph span{float: right;}

.popimg{
	display: inline;
	float: left;
}

.popdetail{
	display: inline;
	float: left;
	margin-left: 5px;
	line-height:110%;
}

.popdetail p{
	line-height:110%;
	margin:0px;
}

/* タウンログイン */

#frame_bplogin{
	width:206px;
	height:38px;
	margin-top:5px;
	background: url(../img/index/frame_login_top.gif) no-repeat;
}

#frame_shoppingmall{
	width:206px;
	height:38px;
	margin-top:5px;
	background: url(../img/index/frame_shop_top.gif) no-repeat;
}

* html .frame_minigray_bottom{width:206px;}

.frame_minigray_bottom{
	width:176px;
	padding:0px 15px 15px 15px;
	background: url(../img/index/frame_gray_bottom.gif) no-repeat bottom;
}

*html #frame_famibuzzproject_top{
	width:585px;
	height:56px;
}

#frame_famibuzzproject_top{
	background:url(../img/index/frame_famibuzzproject_top.gif) no-repeat;
	width:555px;
	height:30px;
	padding:22px 30px 0px 0px;
	margin-top:5px;
}

#frame_famibuzzproject_top .next{text-align:right;}

* html #frame_famibuzzproject_mid{width:585px;}

#frame_bplogin img{
	text-align: center;
	margin: 3px;
}

#frame_famibuzzproject_mid{
	background:url(../img/index/frame_famibuzzproject_mid.gif) repeat-y;
	width:535px;
	padding:0px 25px 5px 25px;
}

#frame_famibuzzproject_mid p{padding:10px 0px;}

#frame_famibuzzproject_bottom{
	background:url(../img/index/frame_famibuzzproject_bottom.gif) no-repeat;
	width:585px;
	height:27px;
}

* html .frame_graysmall{
	width:116px;
	height:152px;
}

.frame_graysmall{
	background:url(../img/common/frame_graysmall.gif) no-repeat;
	width:100px;
	height:138px;
	padding:2px 8px;
	margin:8px;
}

.frame_graysmall img{margin-top:6px;}

#bg_yellowbrown_top{
	background:url(../img/common/bg_yellowbrown536.gif) no-repeat top left;
	width:536px;
	height:10px;
}

* html #bg_yellowbrown_mid{width:536px;}

#bg_yellowbrown_mid{
	background-color:#F6F8D3;
	padding:0px 15px;
	width:506px;
}

#bg_yellowbrown_bottom{
	background:url(../img/common/bg_yellowbrown536.gif) no-repeat bottom left;
	width:536px;
	height:10px;
}

#bg_yellowbrown_mid ul li{padding-bottom:4px;}


/* ━━━━━　新規会員登録ページ　━━━━━━ */

#bg_town_top{
	width:797px;
	height:95px;
	background:url(../img/new/bg_town_top.gif) no-repeat center;
}

* html #bg_town_mid{width:797px; background:url(../img/new/bg_town_mid.gif) repeat-y center;}
#bg_town_mid{
	width:797px;
	background:url(../img/new/bg_town_mid.gif) repeat-y center;
}

#bg_town_bottom{
	width:797px;
	height:25px;
	background:url(../img/new/bg_town_bottom.gif) no-repeat center;
}

.btown{
	width:350px;
	float: left;
	display:inline;
	padding-top:10px;
	margin:0px 45px 0px 25px;
}

.mtown{
	width:350px;
	float: left;
	padding-top:10px;
	padding-left:8px;
}

.btown p{margin-bottom:10px;}

.mtown p{margin-bottom:10px;}

/* ━━━━━　ファミbuzzについて　━━━━━━ */

* html #about_famibuzz{width:783px;}

#about_famibuzz{
	background: url(../img/about/pic_01.gif) no-repeat right bottom;
	padding-right: 5px;
	width: 778px;
	padding: 0px;
	margin-bottom: 10px;
}

/* ６つのエッセンス */

* html #know_01{
	width:370px;
	height:130px;
}
#know_01{
	background: url(../img/about/know_pic_01.gif) no-repeat left top;
	float: left;
	min-height: 115px;
	width: 285px;
	padding:10px 15px 5px 70px;
}

#know_01 .title{
	font-weight: bold;
	color: #669900;
	text-indent: 3px;
}

* html #know_02{
	width:370px;
	height:130px;
}

#know_02{
	background: url(../img/about/know_pic_02.gif) no-repeat left top;
	float: left;
	min-height: 115px;
	width: 280px;
	padding:10px 0px 5px 90px;
}

* html #know_03{
	width:370px;
	height:145px;
}

#know_03{
	background: url(../img/about/know_pic_03.gif) no-repeat left top;
	float: left;
	min-height: 130px;
	width: 285px;
	padding:10px 15px 5px 70px;
}

* html #know_04{
	width:370px;
	height:145px;
}

#know_04{
	background: url(../img/about/know_pic_04.gif) no-repeat left top;
	float: left;
	min-height: 130px;
	width: 280px;
	padding:10px 0px 5px 90px;
}

* html #know_05{
	width:370px;
	height:100px;
}

#know_05{
	background: url(../img/about/know_pic_05.gif) no-repeat left top;
	float: left;
	min-height: 85px;
	width: 285px;
	padding:10px 15px 5px 70px;
}

* html #know_06{
	width:370px;
	height:100px;
}

#know_06{
	background: url(../img/about/know_pic_06.gif) no-repeat left top;
	float: left;
	min-height: 85px;
	width: 280px;
	padding:10px 0px 5px 90px;
}

/* 楽しみ方 */

* html #joy_left{width:374px;}

#joy_left{
	background: url(../img/about/bg_joy_left.gif) no-repeat right top;
	float: left;
	width: 280px;
	padding: 10px 90px 4px 10px;
}

* html #joy_right{width:370px;}

#joy_right{
	background: url(../img/about/bg_joy_right.gif) no-repeat right top;
	float: left;
	width: 275px;
	padding:10px 72px 5px 20px;
}

/* ココロエ */

* html #guideline_text{width:700px;}

#guideline_text{
	width: 686px;
	padding:10px 7px 5px 7px;
	border: 1px solid #FFCCFF;
	margin: 0px 0px 0px 24px;
	background: url(../img/about/guideline_pic_01.gif) no-repeat 520px 30px #fef7f1;
}

/* フレーム */

#frame_know_top{
	width:797px;
	height:56px;
	background: url(../img/about/frame_know_top.gif) no-repeat center top;
}

#frame_know_af_top{
	width:797px;
	height:56px;
	background: url(../img/about/frame_know_af_top.gif) no-repeat center top;
}

#frame_joy_top{
	width:797px;
	height:56px;
	background: url(../img/about/frame_joy_top.gif) no-repeat center top;
}

#frame_joy_af_top{
	width:797px;
	height:56px;
	background: url(../img/about/frame_joy_af_top.gif) no-repeat center top;
}

#frame_guideline_top{
	width:797px;
	height:56px;
	background: url(../img/about/frame_guideline_top.gif) no-repeat center top;
}

#frame_guideline_af_top{
	width:797px;
	height:56px;
	background: url(../img/about/frame_guideline_af_top.gif) no-repeat center top;
}

/* ━━━━━　msg　━━━━━━ */
#frame_msg_top{
	width:797px;
	height:56px;
	background: url(../img/msg/frame_msg_top.gif) no-repeat center top;
}
/* ━━━━━　FAQ　━━━━━━ */

* html #frame_faq_top{width:797px;}

#frame_faq_top{
	width:799px;
	height:56px;
	background: url(../img/faq/frame_faq_top.gif) no-repeat center top;
}

#frame_faq_top_af{
	width:797px;
	height:56px;
	background: url(../img/faq/frame_faq_af_top.gif) no-repeat center top;
}

#frame_faq_af_top{
	width:797px;
	height:56px;
	background: url(../img/faq/frame_faq_af_top.gif) no-repeat center top;
}

#qbox{padding:5px 0px 10px 5px;}

.faq_q{
	padding-left:23px;
	font-weight: bold;
	color: #669900;
	background: url(../img/faq/icon_q.gif) no-repeat left center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top:3px;
}

.faq_q a{
	color: #669900;
	line-height:1.1;
}

.faq_q a:hover{color:#99cc00;}

#abox{padding:15px 0px 10px 5px;}

.faq_a{
	padding-left:23px;
	background: url(../img/faq/icon_a.gif) no-repeat left top;
	margin-top: 3px;
	margin-bottom: 15px;
	line-height: 18px;
}

.faq_q a{text-decoration: none;}


/* ━━━━━　プライバシーポリシー　━━━━━━ */

#frame_privacy_top{
	width:797px;
	height:56px;
	background: url(../img/privacy/frame_privacy_top.gif) no-repeat center top;
}

#frame_privacy_af_top{
	width:797px;
	height:56px;
	background: url(../img/privacy/frame_privacy_af_top.gif) no-repeat center top;
}

*html #frame_privacy_mid{width:797px;}

#frame_privacy_mid li{padding:5px 0px;}

#privacy_text li{padding:10px;}


/* ━━━━━　リーダー規約　━━━━━━ */

#frame_rule_top{
	width:797px;
	height:56px;
	background: url(../img/rule/frame_rule_top.gif) no-repeat center top;
}

#frame_rule_af_top{
	width:797px;
	height:56px;
	background: url(../img/rule/frame_rule_af_top.gif) no-repeat center top;
}

/* ━━━━━　投稿規約　━━━━━━ */

#frame_terms_post_top{
	width:797px;
	height:56px;
	background: url(../img/terms_post/frame_terms_post_top.gif) no-repeat center top;
}

#frame_terms_post_af_top{
	width:797px;
	height:56px;
	background: url(../img/terms_post/frame_terms_post_af_top.gif) no-repeat center top;
}

#frame_terms_imgpost_top{
	width:797px;
	height:56px;
	background: url(../img/terms_post/frame_terms_imgpost_top.gif) no-repeat center top;
}

#frame_terms_imgpost_af_top{
	width:797px;
	height:56px;
	background: url(../img/terms_post/frame_terms_imgpost_af_top.gif) no-repeat center top;
}

/* ━━━━━　会社案内━━━━━━ */

#frame_company_top{
	width:797px;
	height:56px;
	background: url(../img/company/frame_company_top.gif) no-repeat center top;
}

#frame_company_af_top{
	width:797px;
	height:56px;
	background: url(../img/company/frame_company_af_top.gif) no-repeat center top;
}

/* 会社概要フォーム */

#form_tbl_bdy{
	width:650px;
	margin:0px 0px 0px 50px;
	padding-top:5px;
}

#form_tbl{
	width:650px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin:0px auto;
	font-size:12px;
}

#form_tbl tr{
	margin:0px;
	padding:0px;
	border-top: 1px solid #ffffff;
}

#form_tbl th{
	width:158px;
	margin:0px;
	padding:6px;
	text-align:left;
	border-top: 1px solid #ffffff;
	background-color:#E0EDED;
	line-height:140%;
	font-weight:bold;
	font-size:12px;
}

#form_tbl th span{
	font-weight:bold;
	color:#CC0000;
}

#form_tbl td{
	width:400px;
	margin:0px;
	padding:6px;
	border-top: 1px solid #ffffff;
	border-left: 1px dashed #ffffff;
	background-color:#FFFFCC;
	font-size:12px;
}

#form_tbl td span{font-weight:bold;}

.cp_clear{clear:both;}

.cp_clear p{
	float:left;
	width:200px;
	vertical-align:top;
}


/* ━━━━━　バズレッスン　━━━━━━ */

.buzzlesson_title{
	width:460px;
	float:left;
	text-align:right;
}

.buzzlesson_date{
	width:290px;
	float:left;
	text-align:right;
	font-size:14px;
}

/* バズレッスンフレーム*/

#frame_buzzlesson_top{
	width:797px;
	height:54px;
	background: url(../img/lesson/frame_bazzlesson_top.gif) no-repeat center;
}

#frame_buzz_mini_top{
	width:270px;
	height:20px;
	background: url(../img/lesson/frame_bazz_mini_top.gif) no-repeat center;
}

#frame_buzz_mini_mid{
	width:270px;
	background: url(../img/lesson/frame_bazz_mini_mid.gif) repeat-y center;
}

#frame_buzz_mini_bottom{
	width:270px;
	height:20px;
	background: url(../img/lesson/frame_bazz_mini_bottom.gif) no-repeat center;
}

.buzz_lesson_left{
	width:240px;
	height:180px;
	float:left;
	margin-top:10px;
	background:url(../img/lesson/bg_pic_left.gif) no-repeat right;
}

.buzz_lesson_center{
	width:270px;
	height:180px;
	float:left;
	margin-top:10px;
}

.buzz_lesson_right{
	width:240px;
	height:180px;
	float:left;
	margin-top:10px;	
	background:url(../img/lesson/bg_pic_right.gif) no-repeat left;
}


/* ━━━━━　サイトマップ　━━━━━━ */

#mapbox{
	width:745px;
	padding-top:0px;
}

* html .maptitle{width:745px;}

.maptitle{
	background-color: #ffffcc;
	width:731px;
	text-align: left;
	font-weight: bold;
	padding: 5px 7px;
	margin:15px 0px;
}

#mapbox p{padding:0px 10px 6px 10px;}

/* サイトマップフレーム*/

* html #frame_sitemap_top{width:797px;}

#frame_sitemap_top{
	width:799px;
	height:54px;
	background: url(../img/sitemap/frame_sitemap_top.gif) no-repeat center top;
}

#frame_sitemap_af_top{
	width:797px;
	height:54px;
	background: url(../img/sitemap/frame_sitemap_af_top.gif) no-repeat center top;
}


/* ━━━━━　whatsnew　━━━━━━ */

* html #frame_whatsnew_top{background: url(../img/news/frame_new_top.gif) no-repeat center top;}

#frame_whatsnew_top{
	width:797px;
	height:54px;
	background: url(../img/news/frame_new_top_ff.gif) no-repeat center top;
}

#frame_whatsnew_af_top{
	width:797px;
	height:54px;
	background: url(../img/news/frame_new_af_top.gif) no-repeat center top;
}

/* ━━━━━　アンケートbecks　━━━━━━ */
.enquete2cols{
font-size:12px;
}

.enquete3cols{
font-size:12px;
}