/* -----------------------------------------------
	HTML ※スクロールバー対策
------------------------------------------------*/
html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}


/* -----------------------------------------------
	Body
------------------------------------------------*/
body {
	background-color:#FFFFFF;
	margin:10px 0px 0px 0px;
	padding;0px:
}


/* -----------------------------------------------
	img
------------------------------------------------*/
img { border:none; }


/* -----------------------------------------------
	a：基本
------------------------------------------------*/
a			{ cursor:pointer; outline:none; text-decoration:none;      }
a:link 		{ color:#0000FF;  outline:none; text-decoration:none;      }
a:visited	{ color:#0000FF;  outline:none; text-decoration:none;      }
a:active 	{ color:#FF0000;  outline:none; text-decoration:none;      }
a:hover 	{ color:#FF0000;  outline:none; text-decoration:underline; }


/* -----------------------------------------------
	a：ヘッターメニュー
------------------------------------------------*/
a.navilink:link    { font-size:13px; color:#FFFFFF; outline:none; text-decoration:none;      }
a.navilink:visited { font-size:13px; color:#FFFFFF; outline:none; text-decoration:none;      }
a.navilink:hover   { font-size:13px; color:#FFFFFF; outline:none; text-decoration:underline; }


/* -----------------------------------------------
	a：サブメニュー
------------------------------------------------*/
a.sub_navilink:link    { font-size:13px; color:#800164; outline:none; text-decoration:none;      }
a.sub_navilink:visited { font-size:13px; color:#800164; outline:none; text-decoration:none;      }
a.sub_navilink:hover   { font-size:13px; color:#800164; outline:none; text-decoration:underline; }


/* -----------------------------------------------
	a：フッターメニュー
------------------------------------------------*/
a.footerlink:link    { font-size:10px; color:#FFFFFF; outline:none; text-decoration:underline; }
a.footerlink:visited { font-size:10px; color:#FFFFFF; outline:none; text-decoration:underline; }
a.footerlink:hover   { font-size:10px; color:#FFFFFF; outline:none; text-decoration:underline; }


/* -----------------------------------------------
	ヘッター
------------------------------------------------*/
div#header {
	width: 820px;
	margin-top: 0px;
}


/* -----------------------------------------------
	メイン
------------------------------------------------*/
div#main {
	width: 800px;
	margin: 0;
	border:dotted 0px #0000FF;
}


/* -----------------------------------------------
	フッター
------------------------------------------------*/
div#footer {
	width: 820px;
	margin: 10px 0px; 0px 0px;
}


/* -----------------------------------------------
	フッター：このページのトップへ ▲ 
------------------------------------------------*/
.pagetop {
	height:20px;
	font-size:13px;
}

/* -----------------------------------------------
	フッター：メニュー
------------------------------------------------*/
.footer_menu {
	width:100%;
	height:60px;
	color:#FFFFFF;
	font-size:10px;
	line-height:200%;
	text-align:center;
	background-color:#0054a8;
}


/* -----------------------------------------------
	トップ：メニュー
------------------------------------------------*/
.menu {
	height:40px;
	background-color:#ee2828;
	font-size:13px;
	color:#000000;
}


/* -----------------------------------------------
	サブメニュー
------------------------------------------------*/
.sub_menu {
	height:30px;
	background-color:#ffcccc;
	font-size:13px;
	color:#000000;
}


/* -----------------------------------------------
	ページナビ
------------------------------------------------*/
.navi{
	width:100%;
	text-align:left;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:dotted 1px #000000;
}


/* -----------------------------------------------
	基本：インデント
------------------------------------------------*/
.center   { text-align:center;  }
.right    { text-align:right;   }
.left     { text-align:left;    }
.top      { vertical-align:top; }
.img_right{ float:right;        }


/* -----------------------------------------------
	基本：画像
------------------------------------------------*/
.img_m{ vertical-align:middle; }


/* -----------------------------------------------
	基本：フォント
------------------------------------------------*/
.base     { font-size:86%;  color:#333333; line-height:150%; }
.small    { font-size:70%;  color:#333333; line-height:130%; }
.large    { font-size:100%; color:#333333; line-height:150%; }
.fontRed  { color:#FF0000; }
.fontBlue { color:#0A50A1; }
.fontWhite{ color:#FDFDFD; }


/* -----------------------------------------------
	ページタイトル
------------------------------------------------*/
.title{ width:100%; height:38px; margin-top:15px; margin-bottom:15px; }


/* -----------------------------------------------
	イベント共通：アイコン
------------------------------------------------*/
/* 抽選 */
.lot     { float:right; width:55px; height:25px; margin-left:10px; background:#fff url('/service/common/img/lot.gif') no-repeat top left;     }

/* 託児可(予約制) */
.nursery { float:right; width:110px; height:25px; margin-left:10px; background:#fff url('/service/common/img/nursery.gif') no-repeat top left; }

/* 予約制 */
.reserve { float:right; width:55px; height:25px; margin-left:10px; background:#fff url('/service/common/img/reserve.gif') no-repeat top left; }


/* -----------------------------------------------
	ご招待イベント：アイコン類
----------------------------------------------- */
.icon_hagaki{ float:left; height:14px; width:11px; background: url('/service/common/img/icon_hagaki.gif') no-repeat top left; }
.icon_mail  { float:left; height:9px;  width:12px; background: url('/service/common/img/icon_mail.gif') no-repeat top left;   }
.icon_net   { float:left; height:13px; width:13px; background: url('/service/common/img/icon_net.gif') no-repeat top left;    }
.icon_click { float:left; height:14px; width:83px; background: url('/service/common/img/event_btn_click01.gif') no-repeat bottom left; margin-left:10px; cursor:pointer; }


/* -----------------------------------------------
	イベント共通：各イベントタイトル
------------------------------------------------*/
.sv_title { font-size:16px; font-weight:bold; border-bottom:10px solid #FFFFFF; }


/* -----------------------------------------------
	イベント共通：詳細のデザイン
------------------------------------------------*/

/* 右側＋縦ライン */
.h_line {
	padding-right:10px;
	width:110px;
	text-align:right;
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	border-right:2px solid #000000;
}

/* 右側メイン */
.sv_main { width:auto; padding-left:10px; vertical-align:top; border:0px solid #000000; }

/* 開催情報 */
.sv_main2{ width:450px; padding:10px; }

/* タイトル２ */
.sv_title2{ width:80px; font-weight:bold; text-align:right; vertical-align:top; }


/* 募集人数 */
.ninzuu{
	margin-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;
	background-color:CC0000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}


/* -----------------------------------------------
	イベント共通：イベント一覧
------------------------------------------------*/
ul.event {
	margin:0;
	padding:0;
	list-style:none;
	border:solid 1px #dbdbdb;
}

.gray      { background-color:#dbdbdb;       }
.list_base { color:#0000FF; cursor:pointer;  }
.list_day  { width:100px; padding-left:15px; }
.list_title{ width:350px; font-weight:bold;  }












/*  */
table.event0{ width:360px; border:0px; border-collapse:collapse; }
table.event td{ padding:0px;}


/* 詳細ボタン */
.syosai{ margin-top:4px; float:right; }

/* ここをクリックボタン */
.sanka_img{ margin-bottom:3px; margin-left:5px; vertical-align:middle; }












/* -----------------------------------------------
	その他
----------------------------------------------- */
.ll{ font-size:120%; line-height: 150%; }

.takuji{
	background-image: url(../kyo-img/chu-taku.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.es { background-color:#ffddde; width:350px; }

.estext   { color:ff6a00; font-size: 86%; line-height: 150%; }
.clear    { clear:both; }
.clear hr { display:none; }

.rtext { color:#0000ff; }
.etext { color:#ff6a00; }

/* -----------------------------------------------
	10/03/31 追加
----------------------------------------------- */
/* 太字対応 */
.bold{
	font-weight:bold;
}
