@charset "Shift_JIS";



/* 

------------------------------------------------------------------ */

body {

	margin: 0;

	padding: 0;

	line-height: 100%;

	font-size: 100%;

	background: #FFFFFF url(../images/bg.gif) ;

}

div#container {

	width: 765px;

	margin: 0;

	background: #FFFFFF url(../images/main_bg.gif) top left repeat-y;

}



.off-left {

 position : absolute ;

 left : -999px ;

 width : 999px ;

}



div#footerMenu ul,

div#mainWrap,

div.bnrsColWrap {

    zoom: 100%;

}

div#footerMenu ul:after,

div#mainWrap:after,

div.bnrsColWrap:after {

    content: "";

    clear: both;

    height: 0;

    display: block;

    visibility: hidden;

}



/* ヘッダー

------------------------------------------------------------------ */

div#header {

	width: 730px;

	margin: 0 0 0 28px;

	padding: 20px 0 21px 0;

	background: url(../images/header_bg.gif) bottom left no-repeat;

}



h1 {

	margin: 0;

	padding: 0;

	font-size: 80%;

}

h1 a {

	display: block;

	width: 305px;

	height: 52px;

	background: url(../images/logo.gif) top left no-repeat;

	text-indent: -9999px;

	text-decoration: none;

}



div#mainimage {

	margin: 0 0 0 28px;

	padding: 0;

}

div#mainimage img {

	vertical-align: top;

}



/* 本文

------------------------------------------------------------------ */

/* ■■■レイアウト■■■ */

div#mainWrap {

	width: 704px;

	margin: 0 0 0 28px;

	padding: 0;

}

div.colLeft {

	width: 194px;

	margin: 0;

	padding: 0;

	float: left;

}

div.colRight {

	width: 492px;

	margin: 0;

	padding: 0;

	float: right;

}



/* ■■■メニュー■■■ */

div.colLeft ul {

	margin: 0;

	padding: 0;

}

div.colLeft ul li {

	margin: 0 0 5px 0;

	padding: 0;

	list-style: none;

}

div.colLeft ul li a {

	display: block;

	width: 194px;

	height: 50px;

	text-decoration: none;

	text-indent: -9999px;

}

div.colLeft ul li a.gaiyo { background: url(../images/menu_gaiyo.gif) top left no-repeat; }

div.colLeft ul li a.kousei { background: url(../images/menu_kousei.gif) top left no-repeat; }

div.colLeft ul li a.jigyo { background: url(../images/menu_jigyo.gif) top left no-repeat; }

div.colLeft ul li a.oshirase { background: url(../images/menu_oshirase.gif) top left no-repeat; }

div.colLeft ul li a.dl { background: url(../images/menu_dl.gif) top left no-repeat; }

div.colLeft ul li a.koho { background: url(../images/menu_koho.gif) top left no-repeat; }



div.colLeft ul li a:hover {

	background-position: 0 -50px;

}



/* ■■■お知らせ■■■ */

h2 {

	margin: 0;

	padding: 0;

}

p.ichiran {

	margin: -25px 12px 25px 0;

	padding: 0;

	text-align: right;

	font-size: 70%;

}

/* NW21 */

div.oshiraseBody {

	width: 465px;

	height: 137px;

	border:solid 1px #999;

	overflow:scroll;

	overflow-x:hidden;

	padding:10px;

	margin:0 auto 10px auto;

}



div.oshiraseBody ul{

    margin:0;

	padding:0;

	}

	

div.oshiraseBody ul li {

	margin: 0 0 8px 0;

	padding: 0 0 8px 0;

	list-style: none;

	font-size:85%;

	line-height:1.5em;

	border-bottom:1px dotted #999;

}



div.oshiraseBody ul li span{display:none;}



/* NW21ここまで */





/* ■■■バナーエリア■■■ */

div.bnrs {

	width: 481px;

	height: 119px;

	padding: 10px 0 0 10px;

	background: url(../images/bnr_bg.gif) top left no-repeat;

}

div.bnrsColWrap {

	width: 470px;

	margin: 0;

	padding: 0 0 7px 0;

}

div.col1 {

	width: 144px;

	height: 45px;

	float: left;

}

div.col2 {

	width: 154px;

	height: 45px;

	padding-left: 9px;

	float: left;

}

div.col3 {

	width: 154px;

	height: 45px;

	float: right;

}

div.col4 {

	width: 308px;

	height: 45px;

	padding-left: 9px;

	float: left;

}

div.col4 p {

	font-size: 70%;

	margin: 2px 0 0 0;

	padding: 0;

	line-height: 1.1;

}

div.col4 p.mail {

	font-weight: normal;

	font-size: 80%;

	margin: 0;

	padding: 0;

}



/* イベント情報・スタッフ募集

------------------------------------------------------------------ */

div#event,

div#staff {

	width: 465px;

	margin: 10px 0 10px 0;

	padding: 0;

}

div#event,

div#staff ul {

	padding: 0;

}

div#event ul li,

div#staff ul li {

	font-size:80%;

	line-height:1.3;

	padding:0 0 2px 17px;

	border-bottom:1px dotted #ccc;

	margin-bottom:5px;

	list-style:none;

	background:url(../images/event-icon.gif) no-repeat;	

}

div#staff ul li {

	list-style:none;

	background:url(../images/staff-icon.gif) no-repeat;		

}









/* フッター

------------------------------------------------------------------ */

div#footerMenu {

	width: 758px;

	margin: 20px 0 0 0;

	padding: 6px 0;

	background: url(../images/fmenu_bg.gif) top left;

	clear: both;

}



div#footerMenu ul {

	margin: 0 0 0 28px;

	padding: 0;

	border-left: 1px solid #666666;

}

div#footerMenu ul li {

	margin: 0;

	padding: 0 11px;

	list-style: none;

	font-size: 80%;

	float: left;

	border-right: 1px solid #666666;

}



div#footer {

	margin: 0;

	padding: 12px 0 0 28px;

}

div#footer p {

	margin: 0;

	padding: 0;

	font-size: 70%;

	line-height: 1.3;

}

div#footer p.copyright {

	padding: 3px 0 30px 0;

	color: #999999;

}





/* リンク

------------------------------------------------------------------ */

a {

	color: #0000FF;

	text-decoration: underline;

}

a:hover {

	color: #FF0000;

	text-decoration: underline;

}



div#footerMenu a {

	color: #666666;

	text-decoration: none;

}

div#footerMenu a:hover {

	color: #CCCCCC;

	text-decoration: underline;

}