@charset "utf-8";

/*
	Site Name: 繁盛ネット基本システム　４．０
	Description: initial setting
	Version: SAMPLE
	Author: ビービーネット株式会社
*/

/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
: general params
: acronyms and abbreviations styles
	3: clearfix
	4: link setting
	5: base layout
	6: HEADER
	7: FOOTER
	8: NAVIGATION
	9: MENU

==========================================================
*/


/*
===== 1: universal reset =================================
*/
/*ブラウザ毎で違うスタイル指定をある程度合わせています*/
body, div,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd,
address, form, input, textarea,
fieldset, blockquote, pre,
th, td{
	margin: 0px;
	padding: 0;
	line-height: 1.1em;
	text-align: left;
	word-break: break-all;
}
/*
===== 2: body and base setting ===========================
*/
/*全体に対しての指定*/
*{
	font-size: 12px;
}
body {
	text-align:center;
	margin: 0px;
	padding: 0 0 20px;
	background-color: #EDEDED;
	font-family: Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	background-image: url(../img/bg_body.gif);
}

input,textarea{
	font-family : "Hiragino Kaku Gothic Pro", monospace;
}
/* general params
--------------------*/
table {
	margin : 0;
	empty-cells: show;
}
h1 {
	font-size: 26px;
	font-weight: bold;
	margin: 0 5px;
	color: #003334;
	padding-bottom: 20px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	clear: both;
}
div.search-box h2 span.display{
	display: inline;
	font-size: 12px;
	font-weight: normal;
}
h2.default {
	font-weight: bold;
	clear: both;
	background-image: url(../img/bg_h2default.gif);
	background-repeat:repeat-x;
	padding: 6px;
	margin: 10px;
}
h2.biz {
	font-weight: bold;
	clear: both;
	background-image: url(../img/bg_h2biz.gif);
	background-repeat:repeat-x;
	padding: 6px;
	margin: 10px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 10px 0;
	color: #405B66;
	clear: both;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #405B66;
	clear: both;
}
h5 {
	font-size: 12px;
	color: #405B66;
	clear: both;
}
h6 {
}
hr,
.areaAnchor,
.anchor {
	display : none;
}
img {
	border: none;
	vertical-align: bottom;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}/* link do not want a dot */


input,textarea {
	text-align: left;
	padding: 0;
}
input.button {
	text-align: center;
}
label input {
	margin: 0 3px 3px 0;
	vertical-align: middle;
}

.error,
span.error a,
p.error a {
	display: block;
	color: #CC0000;
}

span.ex {
	color: #6C81A2;
}
span.caution {
	color: #6C81A2;
}
p.caution {
	color: #6C81A2;
}
span.must {
	color: #FF3300;
	padding: 0 0.3em;
	font-weight: bold;
}

.clear {
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.bottom {
	vertical-align: bottom;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}


/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}


/*
===== 3: clearfix ==========================================
*/
.clearfix,.recruit-list-item,rec-detail,.seminer-list-item,.scout-list-item,.dl-frame,dl-frame,ul.default-list li,.sitemap,div.privacy li,div.rules li,div.recruit-frame{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after,.recruit-list-item:after,rec-detail:after,.seminer-list-item:after,.scout-list-item:after,.dl-frame:after,dl-frame:after,ul.default-list li:after,.sitemap:after,div.privacy li:after,div.rules li:after,div.recruit-frame:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*
===== 4: link setting ===========================
*/
a:link,a:visited{
	text-decoration:underline;
	font-weight: bold;
	color: #0000CC;
}
a:hover,a:active{
text-decoration:none;
	font-weight: bold;
}
div.footer a:link,div.footer a:visited{
}
div.footer a:hover,div.footer a:active{
}

/*
===== 5: base layout =====================================
*/

div.container{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	background-image: url(../img/bg_container.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
div.header {
	width: 890px;
	color:#FFFFFF;
	vertical-align: bottom;
	height: auto;
	padding:0 15px;
}
div.naviup {
	width: 880px;
	clear: both;
	padding:10px 0px;
	text-align: right;
}
div#naviup {
	display: none;
}
div.footer {
	background-image:url(../img/bg_container.gif);
	padding:0 0;
	width: 950px;
	clear:both;
	margin-right:auto;
	margin-left:auto;
	background-position: center;
	background-repeat: repeat-y;
}
div.wrap {
	width:920px;
}
div.navi {
	width: 200px;
	height: 100px;
	border-top: 3px solid #B6C9D1;
	left: 0px;
	background-color: #FBFFE8;
	border: solid #f00 1px;
}
div.main {
	background-color: #FFFFFF;
}
div.contents {
	float: right;
	width: 700px;
}
div.contents_nomenu {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
div.contentswrap {
	margin: 10px 8px 10px 0;
}
div.default-frame{
	border-right: solid #94BCFE 1px;
	border-left: solid #94BCFE 1px;
	border-bottom: solid #94BCFE 1px;
}
div.biz-frame{
	border-right: solid #7085AE 1px;
	border-left: solid #7085AE 1px;
	border-bottom: solid #7085AE 1px;
}
p.inner{
	padding: 0 10px 10px;
	line-height: 130%;
}
div.menu {
	float: left;
	width: 200px;
	padding: 10px 0 10px 10px;
	line-height: 130%;
}

/*
===== 6: HEADER ==========================================
*/
div.header p.sitename {
	color:#333333;
	font-weight: bold;
	float: left;
}
div.header {
	padding: 5px;
	color: #999999;
	width: 910px;
	height: 115px;
	background-image: url(../img/bg_header.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
p.description{
	font-size: 10px;
	color: #2C6DBE;
	font-weight: bold;
}

.headernavi a{
	white-space:nowrap;
}
.menu_wrp {
	height: auto;
	padding: 3px 0 0 1px;
}
.headernavi{
float:right;padding:5px 0 0;width:250px;
}
.headernavi p{
	text-align: right;
	padding: 0 5px 0 0;
}
.headernavi ul{
	text-align: right;
	padding: 56px 1px 0 0;
}
.headernavi li{
	display:inline;
	list-style-type:none;
	padding: 0 2px;
}
.headernavi ul li a {
	background-repeat: no-repeat;
	background-image: url(../img/bg_h-navi-li.gif);
	background-position: 5px 4px;
	padding-left: 20px;
	zoom:1;
}


/*
===== 7: FOOTER ==========================================
*/
.footernavi {
	color:#333333;
	background-image: url(../img/bg_f-navi.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 0 12px;
	margin: 0 15px 0;
}
.footernavi ul{
	text-align: center;
}
.footernavi li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 6px;
}
.footernavi li a{
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(../img/bg_h-navi-li.gif);
	background-position: 5px 4px;
	padding-left: 20px;
}
.copyright address {
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	background-image: url(../img/bg_footer_b.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 5px 0 20px;
	font-size: 10px;
}
.naviup {
	text-align: right;
	font-style: normal;
	font-weight: normal;
	padding-right:20px;
	background-image:url(../img/pegeup.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
}
.naviup a {
	color:#666666;
	text-decoration:none;
}

.contentswrap .naviup {
	border-top: 0;
	margin-bottom: 20px;
	margin-top: 10px;
}

/*
===== 8: NAVIGATION ======================================
*/
div.navi-login{
	border: solid #FF5A02 1px;
	margin-bottom: 20px;
}
div.navi-login ul{
	padding: 10px 10px 5px;
}
div.navi-login li{
	background-repeat: no-repeat;
	background-image: url(../img/bg_login-li.gif);
	background-position: 5px 4px;
	padding: 0 0 5px 15px;
}
.btnlogin{
	text-align: center;
	padding: 10px 0;
}
.ttl-login{
	background-image: url(../img/bg_ttl_join.gif);
	padding: 4px 10px;
	color: #fff;
	font-weight: bold;
}
.ttl-recruit{
	background-image: url(../img/bg_ttl_recruit.gif);
	padding: 4px 10px;
}
.ttl-member{
	background-image: url(../img/bg_ttl_member.gif);
	padding: 4px 10px;
}
.ttl-topics{
	background-image: url(../img/bg_ttl_topics.gif);
	padding: 4px 10px;
	margin-bottom: 5px;
}
.topics-area{
	border:1px solid #2879FE;
}
.ttl-special{
	background-image: url(../img/bg_ttl_special.gif);
	padding: 4px 10px;
}
.sp-ttl{
	background-image: url(../img/img_icon_sp.gif);
	padding: 5px 10px 5px 60px;
	background-repeat: no-repeat;
	background-position: 1% 50%;
	background-color: #F2EDDB;
	border-bottom: solid #9F8839 1px;
	border-top: solid #9F8839 1px;
	margin: 0 5px 5px;
}
.commonbox p.sp-date{
	padding: 3px 10px;
	font-size:10px;
}
.top-sp-area{
}
.top-sp-area img{
	float: left;
	border-right: solid #fff 10px;
}
.special-area{
	border:1px solid #159BBD;
}
.ttl-news{
	background-image: url(../img/bg_ttl_news.gif);
	padding: 4px 10px;
}
div.news-area{
	border:1px solid #2ACAE2;
	padding-bottom: 10px;
}
.searchbox {
	width:178px;
	background-image:url(../img/bg_search.jpg);
	border:1px solid #B6C9D1;
	padding:10px;
}
.searchbox_item{
	width:178px;
	background-image:url(../img/bg_itemseach.jpg);
	border:1px solid #B6C9D1;
	padding:10px;
}
.menubox_topline {
	width:178px;
	background-image:url(../img/bg_search.jpg);
	border:1px solid #B6C9D1;
	padding:10px;
	background-repeat: repeat-x;
}
.searchbox input,
.searchbox select,
.searchbox_item input,
searchbox_item select{
	margin-top:5px;
}

.menubox_nodeco {
	padding-bottom: 30px;
}
.menubox_nodeco li{
	margin-top:10px;
}

.menubox {
	background-color: #F7F7F7;
	border:1px solid #3256A7;
	margin-top: 20px;
	margin-bottom: 20px;
}
.menubox_line {
}
.menutitle{
	font-weight: bold;
	color: #405A66;
	margin-top: 0;
	text-align: center;
	padding: 3px 0;
}
.menutitle img{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.menubox li {
	width:198px;
}
.menubox li a{
	display:block;
	width:168px;
	border-top: 1px solid #3256A7;
	padding: 7px 0 7px 30px;
}
/* ナビ01スタイル*/
.menubox li a:link,.menubox li a:visited{
	background-image:url(../img/icn_sankaku.gif);
	background-color:#F7F2E6;
	background-repeat:no-repeat;
	background-position:10px 9px;
	text-decoration:none;
	color: #0148EF;
}
.menubox li a:hover{
	background-image:url(../img/icn_sankaku_o.gif);
	color: #FFFFFF;
	background-color:#2ACAE2;
	background-repeat:no-repeat;
	background-position:16px 9px;
	text-decoration:none;
}
/* ナビ02スタイル
.menubox li a:link,.menubox li a:visited{
	background-image:url(../img/icn_sankaku.gif);
	background-color:#F7F2E6;
	background-repeat:no-repeat;
	background-position:10px 8px;
	text-decoration:none;
	color: #0148EF;
}
.menubox li a:hover{
	background-image:url(../img/icn_sankaku_o.gif);
	background-color:#0F74CE;
	color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:16px 8px;
	text-decoration:none;
}*/
.menubox table.calendar {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
.menubox .calendar td.menutitle {
}
.menubox .calendar td em { /* TODAY Style */
	font-style: normal;
	font-weight: bold;
	color: #66CC00;
}

.memberbox {
	width: 160px;
	background-color: #FBFFE8;
	border: 1px solid #B6C9D1;
	padding: 10px 25px;
}

.memberbox_in {
	width:178px;
	background-color:#FFF;
	border:1px solid #B6C9D1;
	padding:0px 10px 10px 10px;
}
.memberbox_in li{
	line-height:140%;
	width: 148px;
	background-image:url(../img/icn_sankaku.gif);
	background-repeat:no-repeat;
	background-position:10px 50%;
	padding-left:30px;
	border-top:1px solid #fff;
	background-color:#F7F7F7;
}
.memberbox_in li a{
}
.memberbox_in li a:visited{
}
.memberbox_in li a:hover{
}
.rankingbox {
	background-color:#F7F7F7;
	border-top:1px solid #B6C9D1;
	border-right:1px solid #B6C9D1;
	border-left:1px solid #B6C9D1;
}
.rankingbox li{
	line-height:180%;
	width: 168px;
	padding-left:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #B6C9D1;
	background-color:#F7F7F7;
}
.rankingbox li a{
}
.rankingbox li a:visited{
}
.rankingbox li a:hover{
}

.rankingbox li.rkng1{
	background-image:url(../img/icn_rkng_1.gif);
	background-repeat:no-repeat;
	background-position:3px 50%;

}
.rankingbox li.rkng2{
	background-image:url(../img/icn_rkng_2.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng3{
	background-image:url(../img/icn_rkng_3.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng4{
	background-image:url(../img/icn_rkng_4.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng5{
	background-image:url(../img/icn_rkng_5.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng6{
	background-image:url(../img/icn_rkng_6.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng7{
	background-image:url(../img/icn_rkng_7.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng8{
	background-image:url(../img/icn_rkng_8.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng9{
	background-image:url(../img/icn_rkng_9.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}
.rankingbox li.rkng10{
	background-image:url(../img/icn_rkng_10.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
}

.bannerblock {
	padding-top:10px;
}
.bannerblock ul {
	list-style-type: none;
}
.bannerblock ul li {
	padding: 5px 0;
	text-align: center;
}
.bannerblock ul li img {
	padding-left: auto;
	padding-right: auto;
}
p.banners{
	margin: 0 0 10px;
	text-align: center;
}
.btnregistry{
	text-align:center;
	padding: 0 20px 10px;
}
.btnreminder{
	text-align:center;
	padding: 0 20px 10px 15px;
	font-size:10px;
}
.btnreminder a{
	font-size:10px;
}

p.pager a {
	background-image:url(../img/icn_sankaku.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
	padding: 0 10px 10px 15px;
	font-weight: bold;
	display: block;
}
ul.pictmenu {
	margin: auto;
	width: 190px;
	list-style: none;
}
ul.pictmenu li {
	width: 83px;
	list-style: none;
	height: 100px;
	float: left;
	padding: 3px;
	overflow: hidden;
	border: 1px dotted #B6C9D0;
	margin: 1px;
	display: block;
	background-image: none;
}
ul.pictmenu li p.image {
	height: 70px;
	text-align:center;
}
ul.pictmenu li p.image img {
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-left: auto;
}
ul.pictmenu li p.title {
	line-height: 1.2em;
	text-align: center;
}


/*
===== 9: MENU ======================================
*/

/*8:NAVIGATIONと同じ*/