@charset "UTF-8";

/**
 *	buzzLife Contents Styles
 */

#title_box { width: 920px; }

/** =LEFT COLUMN **/
.lcol-project_box { position: relative; padding: 30px 7px 7px; }
.lcol-project_box h3 { font-size: 1.077em; line-height: 1.3; }
.lcol-project_box em { font-weight: normal; }
.lcol-project_box em span { display: block; font-size: .847em; color: #808080; font-weight: normal; }
.lcol-project_box span { position: absolute; top: 5px; right: 7px; }
.lcol-project_box * span { position: static; top: auto; right: auto; }
.pb-icn { position: absolute; top: 5px; left: 7px; }


/** =MAIN **/
.rb-basic-half-content a { float: right; }
.rb-basic-half-content * a { float: none; }

/** =NEWS **/
	#top-news_box .round-box-bold { padding: 10px 10px 5px; }
	#top-news_list li { margin: 0 0 5px; width: 100%; }
	#top-news_list span { float: left; display: block; margin: 0 .7em 0 0; padding: .2em 0 0; font-size: .847em; color: #808080; }
	#top-news_list div { overflow: auto; zoom: 1; }
	
/** =BANNER **/
	.comm-banner_box { margin: 3px -25px 10px 0; }
	.comm-banner_box li { float: left; display: inline; margin: 3px 25px 10px 0; }

/** =BBS **/
	td.cell-category { padding: 5px; }
	td.cell-remark div { padding: 12px 5px; }
	td.cell-title, td.cell-latest_remark { padding: 12px 10px; }
	td.cell-category { border-right: none; }
	td.cell-title { border-left: none; border-right: dotted 1px #999; }
		td.cell-title a { font-size: 1.077em; font-weight: bold; }
		td.cell-title span { display: block; font-size: .847em; color: #808080; }
	td.cell-remark { border-left: none; border-right: none; background: white url(/resource/images/global/ccc.gif) right top repeat-y; }
		td.cell-remark div { position: relative; font-size: 1.077em; font-weight: bold; text-align: center; }
		td.cell-remark i { position: absolute; top: 0; right: 0; width: 10px; height: 12px; background: red url(/resource/images/balloon/triangle-ccc.png) left top no-repeat; }
	td.cell-latest_remark { border-left: none; }
		td.cell-latest_remark a { color: #4c4c4c; }
		td.cell-latest_remark a:hover { color: #ff6700; }
		td.cell-latest_remark span { display: block; font-size: .847em; color: #808080; }
	
	/** =CELL COLOR **/
	td.cell-latest_remark, td.cell-remark i { background-color: #e3ecff; }
	
	#top-bbs_box h3 { clear: both; margin: -13px 0 0; }
	#top-bbs-latest_post_photo { padding: 0 0 0 25px; }
	#top-bbs-latest_post_photo li { float: left; padding: 0 20px 0 0; width: 80px; height: 80px; text-align: center; vertical-align: middle; }
	html>/**/body #top-bbs-latest_post_photo li { float: none; display: table-cell; padding: 0 20px 0 0; width: 80px; height: 80px; text-align: center; vertical-align: middle; }
	
/** =SUPPORT ENQUETE **/
	.top-enq_box .round-box-bold { padding: 8px; }
	.top-enq_box .round-box-bold div { position: relative; margin: 0 0 6px; padding: 6px 8px; border: solid 1px #ccc; background: #ffc; }
	.top-enq_box .round-box-bold span { font-size: .847em; }
	.top-enq_box .round-box-bold p { font-size: .924em; }
	.top-enq_box a.crop { position: absolute !important; top: 10px; right: 8px; width: 134px; height: 29px; }
	.top-enq_box a:hover.crop img { top: -29px; }

.small-txt { font-size: 10px; line-height: 15px; }
.orange-txt { color: #ff6700; }
.mar-r30 { margin-right:30px; }
#hide_comm,#hide_event { display: none; }
h1 { padding-top: 11px; padding-bottom: 6px; }
.box-h1 { padding-bottom: 20px; }

a.on  { top:0; overflow:hidden; display:block; position:relative;border:solid 0px white; }
.new-speak div a.on { float:left; }
a:hover.on { border:solid 0px red; }
a:hover.on img { position:absolute;top:0;left:0;border:solid 0px gray; }

a.btn-state  { width: 54px; height: 39px; }
a:hover.btn-state img { top: -39px; }

a.btn-up_down  { float:left;width: 17px; height: 17px; }
a:hover.btn-up_down img { top: -17px; }

a.btn-back_next  { width: 24px; height: 17px; }
a:hover.btn-back_next img { top: -17px; }

a.btn-agree  { width: 54px; height: 29px; }
a:hover.btn-agree img { top: -29px; }

a.btn-speak  { width: 284px; height: 36px; }
a:hover.btn-speak img { top: -36px; }

a.btn-submit  { width: 184px; height: 36px; }
a:hover.btn-submit img { top: -36px; }

a.btn-view_comm  { width: 119px; height: 29px; }
a:hover.btn-view_comm img { top: -29px; }

a.btn-bbs_view  { width: 184px; height: 44px; }
a:hover.btn-bbs_view img { top: -44px; }

a.btn-detail  { width: 119px; height: 29px; }
a:hover.btn-detail img { top: -29px; }

a.btn-brown  { width: 164px; height: 31px; margin-top:7px; }
a:hover.btn-brown img { top: -31px; }

a.btn-bbs-end { width: 184px; height: 49px; }
a:hover.btn-bbs-end img { top: -49px; }


.bbs-search { background: url(/comm/default/resource/images/icon_search.gif) no-repeat 9px 0px; padding-left: 33px; padding-top: 3px; padding-bottom: 3px; margin: -6px; }
.bbs-search select { width: 250px; margin-right: 15px; }
.bbs-search input { width: 535px; margin-right: 5px; }

.number-box { padding-bottom: 8px; padding-top: 10px; }
.number { float: left; font-size: 14px; }
.number span { font-weight:bold; }
.slider { float: right; }
.slider a , .slider span { font-size: 14px; font-weight: bold; }
.slider .btn-float { float:left;padding:0 3px 0 3px; }

.past-theme { float: right; padding-top: 6px; padding-bottom: 5px; }
#round-box-table { margin: 5px 0px; padding: 0px; }

.tbl-view th { text-align: center; padding-top: 3px; padding-bottom: 2px; }
.tbl-view th img { float:left; }

.tbl-view .th01 { background: #666 url(/comm/default/resource/images/tbl_view_corner_left.png) no-repeat left top; border-right: 1px dotted #CCC; width: 85px; padding-left: 10px; }
.tbl-view .th02 { background: #666; border-right: 1px dotted #CCC; width: 200px; padding-left: 78px; }
.tbl-view .th03 { background: #666; border-right: 1px solid #CCC; width: 72px; padding-left: 3px; }
.tbl-view .th04 { background: #666; border-right: 1px dotted #CCC; width: 210px; padding-left: 101px; }
.tbl-view .th05 { background: #666; border-right: 1px solid #CCC; width: 71px; padding-left: 4px; }
.tbl-view .th06 { background: #666 url(/comm/default/resource/images/tbl_view_corner_right.gif) no-repeat right top; width: 61px; }
.tbl-view .td03 div  { position:relative; }
.tbl-view .td03 div canvas { position: absolute; top: 0px; right:-1px; }
.tbl-view .td01 { border-right: none; text-align: center; vertical-align: top; padding-top: 5px; padding-bottom: 5px; }
.tbl-view .td02 { border-left: none; border-right: 1px dotted #999; color: #808080; padding: 5px 10px; vertical-align: top; }
.tbl-view .td03 { border-left: none; border-right: 1px solid #CCC; text-align: center; font-weight: bold; }
.tbl-view .td04 { background: #e3ecff; border-left: none; border-right: 1px dotted #999; color: #808080; vertical-align: top; padding: 5px 10px; }
.tbl-view .td05 { background: #e3ecff; border-left: none; border-right: 1px solid #CCC; font-weight: bold; text-align: center; }
.tbl-view .td06 { border-left: none; text-align: center; }
.tbl-thread th { padding-top: 3px; padding-bottom: 2px; text-align: left; }
.tbl-thread th img { float:left; }
.tbl-thread .th01 { background: #666 url(/comm/default/resource/images/tbl_view_corner_left.png) no-repeat left top; width: 71px; }
.tbl-thread .th02 { background: #666; width: 690px; padding-left: 12px; }
.tbl-thread .th03 { background: #666; width: 34px; text-align: right; padding-left: 23px; }
.tbl-thread .th04 { background: #666; width: 69px; background: #666 url(/comm/default/resource/images/tbl_view_corner_right.gif) no-repeat right top; }

.tbl-thread td {}
.tbl-thread .td01 div  { position:relative; }
.tbl-thread .td01 div canvas { position: absolute; top: 18px; right:-1px; }
.tbl-thread .td01 { border-right: 1px solid #CCC; font-size: 11px; line-height: 18px; color: #808080; text-align: center; vertical-align: top; padding-top: 7px; padding-bottom: 4px; }
.tbl-thread .td02 { border-left: none; border-right: 1px dotted #CCC; vertical-align: top; padding: 10px 12px; color: #4d4d4d; }
.tbl-thread .td03 { border-left: none; border-right: none; text-align: right; vertical-align: top; font-weight: bold; padding-top: 11px; padding-right: 2px; }
.tbl-thread .td04 { border-left: none; vertical-align: top; padding-top: 7px; }

.search-result { padding-bottom: 12px; }
.search-result strong { font-size: 18px; color: #ff6700; margin-right: 5px; margin-left: 5px; }
.new-thread { text-align: center; padding-top: 20px; padding-bottom: 40px; }
.new-thread p { font-weight: bold; color: #ff6700; padding-bottom: 10px; }

/** =BOLD LINE COLORED custom **/
.round-box-bold-yellow { padding: 3px; border: solid 3px #999; background: #ffffcc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.round-box-bold-yellow i.corner-tl, .round-box-bold-yellow i.corner-tr { top: -3px; }
.round-box-bold-yellow i.corner-tl, .round-box-bold-yellow i.corner-bl { left: -3px; }
.round-box-bold-yellow i.corner-tr, .round-box-bold-yellow i.corner-br { right: -3px; }
.round-box-bold-yellow i.corner-tl { background-position: -60px 0; }
.round-box-bold-yellow i.corner-tr { background-position: -66px 0; }
.round-box-bold-yellow i.corner-bl { background-position: -60px -6px; }
.round-box-bold-yellow i.corner-br { background-position: -66px -6px; }
#thread-box-balloon { padding-bottom: 10px; }
#thread-box-balloon .thread-bee { font-size: 11px; float: left; width: 84px; text-align: center; color: #808080; line-height: 13px; }
#thread-box-balloon .round-box-bold ,
#thread-box-balloon .round-box-bold-yellow { position:relative; float: right; width: 765px; padding: 8px 20px 0px; }
#thread-box-balloon .round-box-bold-yellow p { padding-bottom: 12px; }
#thread-box-balloon .round-box-bold-yellow div { font-size: 11px; color: #808080; text-align: center; float: right; margin-bottom: 10px; margin-left: 20px; }
#thread-box-balloon canvas { position:absolute;top:10px;}

.new-speak { padding-bottom: 15px; text-align: center; padding-top: 10px; }
.new-speak div { display: inline; zoom:1; margin:0 5px 0 5px; }
.new-speak div { display: inline-block; display: -moz-inline-block; margin:0 5px 0 5px; }

.new-speak a { margin:0 auto 0 auto; }
#thread-box-comment .thread-bee { font-size: 11px; float: left; width: 84px; text-align: center; color: #808080; line-height: 13px; }
#thread-box-comment .round-box-bold-colored { width:770px !important; padding:10px 20px 0 15px; float: right; }
#thread-box-comment canvas { position: absolute; top: 15px;left:-18px; }

#thread-box-comment .tbl-comment { width: 100%; border-top: 0px solid #CCC; border-right: 0px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: #FFF; margin-bottom: 10px; }
#thread-box-comment .tbl-comment th { border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px solid #CCC; width: 66px; font-weight: normal; text-align: left; vertical-align: top; padding: 8px 12px; }
#thread-box-comment .tbl-comment td { border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px solid #CCC; width: 688px; padding: 7px; }
#thread-box-comment .tbl-comment textarea { height: 182px; width: 680px; margin-top: 5px; }
#thread-box-comment .tbl-comment .wid_680 { width: 680px; }

.mypage-search { background: #32549d; width: 720px; color: #FFF; padding-right: 3px; padding-top: 2px; margin-right: -9px; margin-left: -9px; margin-top: -7px; }
.mypage-search a { color: #fff; }
.mypage-search li { float: right; margin-right: 2px; margin-left: 2px; padding-right: 8px; padding-left: 8px; height: 23px; }
.mypage-search li.on { background: #F0EEDF; font-weight: bold; color: #32549D; padding-top: 1px; }

.icon-detail { border: 1px solid #D9D9D9; margin-top: 5px; margin-bottom: 13px; padding-right: 12px; }
p.icon-desp { padding-top: 5px; text-align: right; font-size: .847em; font-weight: bold; }
.icon-detail li { float: right; line-height: 30px; margin-left: 25px; }
.icon-detail li.icon-pro { background: url(/resource/images/mypage/icon_detail_pro.gif) no-repeat left center; padding-left: 29px; }
.icon-detail li.icon-rese { background: url(/resource/images/mypage/icon_detail_rese.gif) no-repeat left center; padding-left: 23px; }
.icon-detail li.icon-camp { background: url(/resource/images/mypage/icon_detail_camp.gif) no-repeat left center; padding-left: 27px; }


.list-box { margin: -3px; background: url(/resource/images/mypage/list_line_length.gif) repeat-y center top; }
.list-box li { float: left; width: 315px; height:99px; background: url(/resource/images/mypage/list_line_side.gif) repeat-x left bottom; padding: 13px 17px; }
.list-box li div { float: left; }
.list-box li .list-mark { width: 80px; padding-right: 10px; }
.list-box li .list-name { width: 185px; }
.list-box li .list-name p { line-height: 15px; height: 54px; font-weight: bold; }
.list-box li .list-name p span { font-size: 11px; color: #808080; font-weight: normal; }
.list-box li .list-icon { width: 40px; }
.list-box li .list-icon img { float: right; }
.noline { background-image: none !important; }
.not_display { text-align: right; padding-bottom: 6px; }
.not_display label ,
.not_display input { float: right; display: block; }

/* comm left col */
.comm-utilitybox { position: relative; margin-top: 50px; margin-right: 0; margin-bottom: 25px; margin-left: 0; }
.comm-utilitybox h3 { position:absolute; top:-36px; left:0; }

.camp-utilitybox { position: relative; margin: 56px 0 25px; }
.camp-utilitybox h3 { position:absolute; top:-50px; left:0; }
.right_inner { border: solid 1px #d9d9d9; background: #f0eedf; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0px; padding: 10px 8px 0px; }

.right_inner { border: solid 1px #d9d9d9; background: #f0eedf; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.right_inner p { padding:0 0 8px 0; }
.right_inner span { display: block; margin: .5em 0 0; color: #808080; font-size: .847em; line-height: 1.0; }

.comm-utilitybox canvas { position: absolute; top: -15px; left:104px; }
.camp-utilitybox canvas { position: absolute; top: -15px; left:120px; }

.comm-utilitybox i { position: absolute; display: block; top: -14px; left: 104px; width: 13px; height: 15px; font-size: 0; background: url(/resource/images/balloon/triangle-up.gif) 0px 0px no-repeat; }
.camp-utilitybox i { position: absolute; display: block; top: -14px; left: 120px; width: 13px; height: 15px; font-size: 0; background: url(/resource/images/balloon/triangle-up.gif) 0px 0px no-repeat; }


.event-view { margin-right: -9px; margin-left: -9px; }
.event-view .round-box-bold { width:328px; padding: 7px; margin-left:9px; }
.event-view .box-title { display: inline; }
.event-view .box-title { vertical-align:top; display: inline-block; display: -moz-inline-block; // Firefox用 }
.event-view .icon { height: 25px; }
.event-view .app { text-align: right; position: absolute; top: 8px; right: 10px; }
.event-view h3 { font-size: 1.17em; line-height: 1.2em; }
.event-view p { }
.event-view .meter { margin-top: 6px; margin-bottom: 6px; }
.event-view .line { background: #D9D9D9; margin-top: 10px; margin-bottom: 8px; height: 1px; }
.event-view table { margin-right: -7px; margin-left: -7px; }
.event-view th { padding-right: 18px; padding-left: 7px; }
.event-view td { padding-right: 18px; padding-left: 7px; padding-bottom: 3px; }
.event-view .on { margin-right: auto; margin-left: auto; }
.event_ancher { position: absolute; top: -3px; right: 0px; }

.float-right { float: right; margin-left: 15px; }



.voice-search { background: #32549d; width: 720px; color: #FFF; padding-right: 3px; padding-top: 2px; margin-right: -9px; margin-left: -9px; margin-top: -7px; }
.voice-search a { color: #fff; }
.voice-search li { float: left; margin-right: 2px; margin-left: 2px; padding-right: 8px; padding-left: 8px; height: 23px; }
.voice-search li.on { background: #F0EEDF; font-weight: bold; color: #32549D; padding-top: 1px; }

.tbl-voice th { padding: 3px 10px 2px; color: #FFF; }
.tbl-voice th img { float:left; }
.tbl-voice th span { white-space: nowrap; }

.tbl-voice .th-left { background: #666 url(/comm/default/resource/images/tbl_view_corner_left.png) no-repeat left top; border-right: 1px dotted #CCC; }
.tbl-voice .th-mid { background: #666; border-right: 1px dotted #CCC; }
.tbl-voice .th-right { background: #666 url(/comm/default/resource/images/tbl_view_corner_right.gif) no-repeat right top; width: 61px; }

.tbl-voice .td-left { border-right: 1px dotted #CCC; vertical-align: top; padding: 5px 10px; font-weight: bold; }
.tbl-voice .td-mid { border-left: none; border-right: 1px dotted #999; color: #808080; padding: 5px 10px; vertical-align: middle; text-align: center; }
.tbl-voice .td-right { border-left: none; vertical-align: middle; padding: 5px 10px; }

.tbl-voice .td-left a { margin-right: 5px; font-weight: bold; }
.tbl-voice .td-left p {margin-left: 65px; font-weight: normal;}
.tbl-voice .td-left p.small-txt { color: #808080; }
.tbl-voice img.img-left { display: inline; float: left;  }

.tbl-voice .voice-genre { font-size: .847em; line-height: 1.2; }

.tbl-voice .update { font-weight: bold; }


.bbs-search-norad {
	background: url(/com/default/resource/images/icon_search.gif) no-repeat 9px 0px;
	padding-left: 33px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: -6px 0 0;
}
.bbs-search-norad strong { color: #FFF; margin-right: 20px; vertical-align: middle; }
.bbs-search-norad select { margin-right: 15px; vertical-align: middle;}
.bbs-search-norad input { width: 300px; margin-right: 5px; vertical-align: middle;}
.bbs-search-norad p { color: #FFF; font-size: .847em; line-height: 1.2;}
.bbs-search-norad button { vertical-align: middle; }

.box-blue { position: relative; margin: -7px -9px 0 -9px; padding: 6px; background: #32549d; padding-bottom: 0; }

.voice-search.with-search { margin-top: 1px; }

.box-bbs { margin-bottom: 20px; }
.box-bbs img.img-left { float: left; }
.box-bbs p { margin-left: 60px; }