﻿@charset "utf-8";
@import "base/base.css";
/*
 * TOPページ
 */
/* Column */
.smallColumn, .bigColumn
{
	border: 1px solid #ffffff;
	margin: 0 auto ;	padding: 0 ;
}
.smallColumn
{
	width: 255px ;	margin: 0 0 0 auto ;
	float: right ;
}
.bigColumn
{
	margin-right: 255px ;
}

/*
 * 読み込みスタイルの 修正 
 */
.mainSpace
{
	margin-top: 10px !important;
}
.mainSpace h2, .mainSpace h3
{
	border: none 0 #ffffff !important;
	font-size: 1px !important ;
	text-indent: -9999px !important ;
	overflow: hidden ;
}

/* 小カラム ======================================*/
.smallColumn .section
{
	width: 250px ;
	margin: 0 auto 10px 0 !important;
}
.smallColumn .section .section
{
	width: auto !important;	margin: 0 !important;
}
.smallColumn h2
{
	margin: 0 !important;
	padding: 0 !important;
}
.smallColumn h3
{
	margin: 0 5px !important;
	padding: 5px 0 0 0 !important;
}
.smallColumn .contents
{
	margin: 0 5px 5px 5px !important ;
	background: #ffffff ;
}
.smallColumn a
{
	text-decoration: none ;
}
/*
 * ログイン
 */
.loginSpace
{
	margin: 0 auto !important;
}
/*
 * 初めての方へ
 */
.startSpace
{
}
.startSpace h2
{
	height: 40px ;
	background: url("../img/top/beginner_01.gif") 0 100% no-repeat ;
}
/*
 * アクセスランキング
 */
.aRankingSpace
{
	background: url("../img/top/inner_bg_g.gif") 0 100% repeat-x ;
}
.aRankingSpace h2
{
	height: 45px ;
	background: url("../img/top/access_01.gif") 0 100% no-repeat ;
}
.aRankingSpace h3
{
	height: 25px ;
	background: url("../img/top/access_02.gif") 0 100% no-repeat ;
}
.aRankingSpace .section
{
	border-style: none solid solid solid;	border-width: 1px ;
	border-color: #3CA930 ;
}
.aRankingSpace ul
{
	margin: 5px ;	padding: 0 ;
	list-style: none;
}
.aRankingSpace li
{
	padding: 2px 10px 2px 50px ;
	background-position: 5px 50% ;	background-repeat: no-repeat ;
	border-style: none none dotted none ;	border-width: 1px ;
	border-color: #767676 ;
}

.aRankingSpace .rank1
{
	font-size: 1.1em ;	font-weight: bold ;
	background-image: url("../img/top/top_ranking_01.gif");
}
.aRankingSpace li.rank1 a:link, .aRankingSpace li.rank1 a:visited
{
	color: #3CA930 ;
}
.aRankingSpace li.rank1 a:hover, .aRankingSpace li.rank1 a:focus, 
.aRankingSpace li.rank1 a:active
{
	color: #ff0000 !important;
}
.aRankingSpace li.rank2
{
	background-image: url("../img/top/top_ranking_02.gif");
}
.aRankingSpace li.rank3
{
	background-image: url("../img/top/top_ranking_03.gif");
}
.aRankingSpace li.rank4
{
	background-image: url("../img/top/top_ranking_04.gif");
}
.aRankingSpace li.rank5
{
	background-image: url("../img/top/top_ranking_05.gif");
	border-bottom-style: none ;
}


/*
 * ビジコカテゴリ
 */
.cateListSpace
{
	background: url("../img/top/inner_bg_b.gif") 0 100% repeat-x ;
}
.cateListSpace .lstButton
{
	text-align: center ;
}
.cateListSpace h2
{
	height: 45px ;
	background: url("../img/top/category_01.gif") 0 100% no-repeat ;
}
.cateListSpace h3
{
	height: 25px ;
	background: url("../img/top/category_03.gif") 0 100% no-repeat ;
}
.cateListSpace .lstButton
{
	border-style: none solid;	border-width: 1px ;
	border-color: #139994 ;
	padding: 0 ;	margin: 0 ;
}
.cateListSpace .section
{
	border-style: none solid solid solid;	border-width: 1px ;
	border-color: #139994 ;
}
.cateListSpace ul
{
	margin: 2px ; padding: 0 ;
	list-style: none;
}
.cateListSpace li
{
	padding: 2px 10px 2px 25px ;
	background:  url("../img/top/list_01.gif") 10px 50% no-repeat ;
	border-style: none none dotted none ;	border-width: 1px ;
	border-color: #767676 ;
}

/*
 * 協議会
 */

/* 大カラム ======================================*/
.bigColumn .section
{
	width: 650px ;	margin: auto auto 10px auto ;
}
.bigColumn h2
{
	height: 30px ;
	margin: 0 0 10px 0 ;	padding: 0 ;
}
.bigColumn .section .section
{
	width: auto ;	margin: 0 ;
}
.bigColumn .contents
{
	margin: 0 ;
}

/*
 * Topイメージ
 */
.topImageSpace
{
	text-align: center ;
}

/*
 * ピックアップビジコ
 */
.pickupSpace
{
}
.pickupSpace h2
{
	background: url("../img/top/pickup.gif") 0 100% no-repeat ;
}
.pickupSpace img
{
	border: 1px solid #D0D0D0 !important;
}
.pickupSpace td
{
	width: 160px ;
	text-align: center ;
}
.pickupSpace th
{
	padding: 3px 5px ;
	font-weight: normal ;
	text-align: center ;
	vertical-align:top;
}

/*
 * ポイント
 */
.pointSpace
{
	text-align: center ;
}

/*
 * お知らせ
 */
.infoSpace
{
}
.infoSpace h2
{
	background: url("../img/top/information.gif") 0 100% no-repeat ;
}
.infoSpace .section
{
	height: 10em ;	max-height: 10em ;
	overflow: auto ;
	border-style: solid ;	border-width: 1px ;
	border-color: #20BFE6 ;
}
.infoSpace > .section
{
	height: auto ;
}
/*
 * 新着情報
 */
/* 一覧へ */
.goList
{
	text-align: right ;
	margin: -33px 0 17px auto ;	padding: 0 10px;
}
/*
 * ビジコ新着
 */
.newBgSpace
{
}
.newBgSpace h2
{
	background: url("../img/top/bijico_news.gif") 0 100% no-repeat ;
}
.newBgSpace .newsListSpace
{
	padding: 0 ;	margin: 0 ;
	border-style: none solid solid solid ;	border-width: 0 1px 1px 1px ;
	border-color: #ffffff #20BFE6 #20BFE6 #20BFE6 ;
}

/*
 * こにっき新着
 */
.newCnSpace
{
}
.newCnSpace h2
{
	background: url("../img/top/bijico_diary_news.gif") 0 100% no-repeat ;
}
.newCnSpace .section
{
	border-style: solid ;	border-width: 1px ;
	border-color: #20BFE6 ;
}


/*
 * 新着記事
 */
.newsList
{
	padding: 5px ;
} 
.newsList table
{
	width: 100% ;
}
.newsList tr
{
}
.newsList th, .newsList td
{
	color: #0366CE ;
	border-style: none none dotted none ;	border-width: 1px ;
	border-color: #139994 ;
}
.newsList th
{
	padding: 3px 5px 3px 25px ;
	text-align: left ;
	font-weight: normal ;
	background: url("../img/style/mark.gif") no-repeat 10px 50% ;
}
.newsList td
{
	padding: 3px ;
}

.newBgSpace .newsList .new th
{
	width: 250px ;
}
.newCnSpace th
{
	white-space: nowrap ;
}
.newCnSpace td
{
	width: 40% ;
}

/*
 * タブ
 */
.tabSpace
{
	height: 30px ;
	line-height: 30px ;
	margin: 0 ;	padding: 1px 0 0 0 ;
	overflow: hidden ;
	font-size: 12px ;
	background:#ffffff url("../img/top/tab_bg.gif") 0 100% repeat-x ;
}
.tabSpace ul, .tabSpace li
{
	display: inline ;
	margin: 0 ;	padding: 0 ;
}
.tabSpace a
{
	padding: 8px 15px 10px 15px ;	margin: 0 3px 0 0 ;
	font-weight: bold ;
	text-decoration: none ;
	border-style: none none none solid ;	border-width: 0 1px ;
	border-color: #20BFE6 ;
}
.tabSpace a,
.newsList .close a,
.tabSpace a:link, .tabSpace a:visited
{
	color: #ffffff ;
	background: #20BFE6 url("../img/top/corner.png") 100% 0 no-repeat ;
}
.tabSpace .open a,
.tabSpace .active,
.tabSpace a:active, .tabSpace a:focus, .tabSpace a:hover
{
	color: #000000 ;
	background: #ffffff url("../img/top/tab_01.gif") 100% 0 no-repeat ;
}

/*
 * お知らせ一覧
 */
.infoList
{
	margin: 0 ;	padding: 0 ;
}
.infoList dl
{
	margin: 5px ;	padding: 0 ;
}
.infoList dt
{
	margin: auto ;	padding: 3px 5px 3px 25px ;
	color: #0366CE ;	font-weight: bold ;
	background: url("../img/style/mark.gif") no-repeat 10px 50% ;
	border-style: none none dotted none ;	border-width: 1px ;
	border-color: #139994 ;
}
.infoList dd
{
	margin: 2px 0 1em 30px ;	padding: 0 ;
}
/* 日付など */
.infoList .date
{
	padding-left: 1em ;
	font-size: .9em ;	font-weight: normal ;
}
/* 緊急・障害情報 */
.infoList dt.emergency, .infoList dt.trouble
{
	color: #CE0408 ;
	background: url("../img/top/attention.gif") no-repeat 10px 50% ;
}
.infoList .emergency
{
	font-weight: bold ;
}
