@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: 0;
	padding: 0;
	line-height: 1.4em;
	font-size: small;
/*
=====このスタイルは削除予定@2007/11/28 =====================================================
	text-align: left; ～～
*/
}
/*
===== 2: body and base setting ===========================
*/
/*全体に対しての指定*/
html {
	font-size: 10px;
}
body {
	text-align:center;
	margin: 0px;
	padding: 0px;
	background:url(../img/ec/back_page.gif);
	font-family: Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4em;
	font-size: 1.1em;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
}
/* general params
--------------------*/
table {
	margin : 0;
	empty-cells: show;
}
h1 {
	font-size: 152%;
	font-weight: bold;
	margin: 20px 5px 0 5px;
	color: #324125;
}
h2 {
	font-size: 100%; /*renders 13px */
	font-weight: bold;
	clear: both;
}
h3 {
	font-size: 107%; /*renders 14px */ 
	font-weight: bold;
	margin: 1em 1em 0 1em;
	color: #324125;
	clear: both;
}
h4 {
	font-size: 107%; /*renders 14px */ 
	font-weight: bold;
	color: #405B66;
	clear: both;
}
h5 {
	font-size: 92%; /*renders 12px */ 
	font-weight: bold;
	color: #6A8A4E;
	clear: both;
}
h6 {
	font-size: 92%; /*renders 12px */ 
	font-weight: bold;
	color: #405B66;
	clear: both;
}
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 1ex;
}
input.button {
	text-align: center;
}
label input {
	margin: 0 3px 3px 0;
}

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

span.caution {
	display: block;
	color: #66CB01;
	font-size: 80%;
}
p.caution {
	color: #FF6600;
}
span.must {
	color: #CC0000;
	padding: 0 0.3em;
}

.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{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*
===== 4: link setting ===========================
*/
a:link{
	color:#333333;
}
a:visited{
	color:#666666;
}
a:hover{
	color:#FF6600;
	text-decoration:underline;
}
a:active{
	color:#FF9900;
}
a img {
	border: 0;
}


div.header a {
	color: #FFFFFF;
	text-decoration: none;
}

div.footer a:link{
	color:#FFFFFF;
	text-decoration:none;
}
div.footer a:visited{
	color:#FFFFFF;
}
div.footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
div.footer a:active{
	color:#FFFFFF;
	text-decoration:underline;
}

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

div.container{
	width: 920px;
	background-color:white;
	margin-left: auto;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	/*background-image: url(../img/ec/bg_body.jpg);
	background-repeat:repeat-y;
	background-position:center top;*/
}
/*div.header {
	width: 890px;
	color:#FFFFFF;
	vertical-align: bottom;
	height: auto;
	padding:0 15px;
	text-align:left;
}*/
div.naviup {
	width: 900px;
	clear: both;
	padding:10px 0px;
}
div#naviup {
	display: none;
}
div.footer {
	background-color:white;
	padding:10px;
	width: 920px;
	clear:both;
	color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
}
div.wrap {
	width:920px;
	clear: both;
	text-align:left;
	margin-top:5px;
}
div.navi {
	float: right;
	width: 200px;
	height: auto;
	border-top: 3px solid #82B559;
}
div.main {
	background-color: #FFFFFF;
	float: left;
	width: 710px;
}
div.contents {
	float: right;
	width: 500px;
	border-top: 4px solid #82B559;
/*	overflow:auto; */
}
div.contents_nomenu {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-top: 3px solid #82B559;
}
div.contentswrap {
}
div.menu {
	float: left;
	width: 200px;
	border-top: 3px solid #82B559;

}

/*
===== 6: HEADER ==========================================
*/
div.header p.sitename {
	color:#333333;
	font-size: 107%;
	font-weight: bold;
	float: left;
}
div.header {
	font-size: 85%;
	padding: 0 5px 5px 5px;
	padding-bottom: 0px;
	color: #999999;
	width: 910px;
	background-color:#82b559;
	/*background:url(../img/ec/back_header.jpg) repeat-x left top;*/

}
.header p.logi{
float:right;
padding:0px 0px 0 0;
}
p.description{
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:20px;
	font-size:110%;
}

.headernavi a{
	color:#3f6565;
	white-space:nowrap;
	text-decoration:none;
}
.headernavi a:hover{
	color:#FFFFFF;
}
.headernavi li a em{
	font-style: normal;
	font-weight: bold;
}
.menu_wrp {
	height: auto;
	/*vertical-align:text-bottom;*/
}

.headernavi {
	clear:both;
	/*vertical-align: bottom;*/
	width: 100%;
	text-align: right;
}
.headernavi ul{
	text-align: right;
	line-height: 1.7em;
}
.headernavi li{
	display:inline;
	list-style-type:none;
	font-size: 85%;
	color:#999999;
	padding: 0 2px;
}
.headernavi ul li a {
background:url(../img/ec/icn_navi01.gif) no-repeat left center;
padding-left: 15px;
}


/*
===== 7: FOOTER ==========================================
*/
.footernavi {
	background-image:url(../img/ec/back_footer.jpg);
	padding:20px 0 0px;
	color:#333333;
	text-align:left;
	height:60px;
}
.footernavi ul{
	text-align: center;
	line-height: 1.8em;
}
.footernavi li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 6px;
	font-size: 85%; /*renders 11px */ 
}
.footernavi li+li { /*FireFox,IE7,Safari ONLY*/
	border-left: 1px solid white;
}
.footernavi li a{
	color:#FFFFFF;
	text-decoration:none;
}
.footernavi li a em{
	font-style: normal;
	font-weight: bold;
}
.copyright address {
	color:#FFFFFF;
	font-size: 85%; /*renders 11px */ 
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}
.naviup {
	text-align: right;
	font-size: 77%; /*renders 10px */ 
	font-style: normal;
	font-weight: normal;
	padding-right:20px;
	background-image:url(../img/ec/pegeup.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
}
.naviup a {
	margin: 0 10px;
	color:#666666;
	text-decoration:none;
}

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

/*
===== 8: NAVIGATION ======================================
*/
.searchbox {
	width:178px;
	background-image:url(../img/ec/bg_search.jpg);
	border:1px solid #B6C9D1;
	padding:10px;
}
.searchbox_item{
	width:178px;
	background-image:url(../img/ec/bg_itemseach.jpg);
	border:1px solid #82B559;
	padding:10px;
}
.menubox_topline {
	width:178px;
	background-image:url(../img/ec/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-top:10px;
}
.menubox_nodeco li{
	margin-top:10px;
}

.menubox {
	background-color: #82B559;
	border:1px solid #82B559;
	padding: 0 0 3px 0;
}
.menubox_line {
}
.menutitle{
	font-weight: bold;
	color: #324125;
	margin-top: 0;
	text-align: left;
	padding: 3px 0;
}
.menubox p.menutitle,
.rankingbox p.menutitle{
	font-weight: bold;
	color: #FFFFFF;
	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 {
	line-height:180%;
	width:168px;
	background-image:url(../img/ec/icn_sankaku.gif);
	background-repeat:no-repeat;
	background-position:10px 50%;
	padding-left:30px;
	border-top: 1px solid #fff;
	border-bottom: 1px dotted #82B559;
	background-color:white/*#F4F8F0*/;
}
.menubox li a{
	color:#333333;
	text-decoration:none;
}
.menubox li a:visited{
	color:#333333;
}
.menubox li a:hover{
	color:#66CC00;
	text-decoration:underline;
}
.menubox table.calendar {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
.menubox .calendar td.menutitle {
	font-size: 110%;
}
.menubox .calendar td em { /* TODAY Style */
	font-style: normal;
	font-weight: bold;
	color: #66CC00;
}

.memberbox {
	width: 168px;
	background-color: #FBFFE8;
	border: 1px solid #82B559;
	padding: 10px 15px;
}

.memberbox_in {
	width:178px;
	background-color:#FFF;
	border:1px solid #82B559;
	padding:0px 10px 10px 10px;
}
.memberbox_in li{
	line-height:140%;
	width: 148px;
	background-image:url(../img/ec/icn_sankaku.gif);
	background-repeat:no-repeat;
	background-position:10px 50%;
	padding:5px 0 5px 30px;
	border-top:1px solid #fff;
	background-color:#F3F8EF;
}
.memberbox_in li a{
	color:#333333;
	text-decoration:none;
}
.memberbox_in li a:visited{
	color:#333333;
}
.memberbox_in li a:hover{
	color:#333333;
	text-decoration:underline;
}
.rankingbox {
	margin:10px 0;
	background-color:#82B559;
	border-top:1px solid #82B559;
	border-right:1px solid #82B559;
	border-left:1px solid #82B559;
}
.rankingbox ul{
padding:0;
}
.rankingbox li{
	line-height:180%;
	width: 168px;
	padding-left:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #82B559;
	background-color:#FFFFFF;
}
.rankingbox li a{
	color:#333333;
	text-decoration:none;
}
.rankingbox li a:visited{
	color:#999999;
}
.rankingbox li a:hover{
	color:#66CC00;
	text-decoration:underline;
}

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

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

.btnregistry{
	padding-top:5px;
	text-align:center;
}

p.right a,
p.pager a {
	
	background-image:url(../img/ec/icn_maru_arrow.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 15px;
	margin: 5px;
	color: #6A8A4E;
}
p.right a{
	background-image:url(../img/ec/icn_navi01.gif);
	background-repeat:no-repeat;
	background-position: left;
	color: white;
}

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と同じ*/