@charset "utf-8";

/* ******************************************************************************** */
/*  社団法人周南青年会議所 2010年度 index.css                                       */
/*                                                                        09.11.22  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      0.外部CSS読み込み設定                                                       */
/* ================================================================================ */

/* ---- 0.共通 ---- */
@import url("./common.css");


/* ================================================================================ */
/*      1-1.トップページ                                                            */
/* ================================================================================ */

/* ---- 全体 ---- */

div#index{
	margin: 20px auto 0px auto;
	padding: 0px 0px 20px 0px;
	width: 750px;
	text-align: left;
	clear: both;
}

div#index_left{
	margin: 0px 25px 0px 0px;
	padding: 0px;
	width: 282px;
	float: left;
}
div#index_right{
	width: 443px;
	float: left;
	text-align: center;					/* --- IE6用 --- */
}

/* ---- 新着情報 ---- */
div#whatsnew{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 282px;
}
div#whatsnew div#whatsnew-middle{
	width: 282px;
	height: 810px;
	background: url(../img/bcg_whatsnew02.gif) no-repeat;
}
div#whatsnew div#whatsnew-middle div.data{
	margin: 0px 2px 0px 10px;
	padding: 15px 0px 0px 0px;
	height: 791px;
	overflow: auto;
}
div#whatsnew div#whatsnew-middle div.date{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	color: #660000;
	font-weight: bold;
}
div#whatsnew div#whatsnew-middle ul{
	margin: 0px;
	padding: 0px 10px 15px 0px;
	line-height: 1.5;
	list-style-type: none;
}
div#whatsnew div#whatsnew-middle ul li{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(../img/common/ico_list.gif) no-repeat 0px 5px;
}

/* ---- アドレス ---- */
div#address{
	width: 282px;
}
div#address div#address-top{
}
div#address div#address-middle{
	width: 282px;
	background: url(../img/bcg_address02.gif) repeat-y;
}
div#address div#address-middle div#address-middle_left{
	margin: 0px 0px 0px 0px;
	width: 206px;
	float: left;
}
div#address div#address-middle div#address-middle_left div#address-middle_left-title{
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 0px;
	color: #3D7CFF;
	font-size: 14px;
	font-weight: bold;
}
div#address div#address-middle div#address-middle_left div#address-middle_left-text{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	line-height: 1.2;
}
div#address div#address-middle div#address-middle_right{
	margin: 0px 0px 0px 0px;
	width: 66px;
	font-size: 10px;
	float: left;
}
div#address div#address-bottom{
}
div#address div#address-bottom img{
	vertical-align: top;
}

/* ---- カウンター ---- */
div#counter{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align: left;
	background: url(../img/bcg_counter.gif) no-repeat;
}
div#counter div#counter-inner{
	margin: 0px 0px 0px 160px;
	padding: 3px 0px 3px 0px;
}
div#counter div#counter-inner img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
}

/* ---- 臨時バナー ---- */
div#banner-special{
	margin: 0px auto 15px auto;
	padding: 0px;
	width: 403px;
	text-align: left;
}
div#banner-special img{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #cccccc;
}

/* ---- 臨時バナー／2カラム ---- */
div.banner-special02{
	margin: 0px auto 15px auto;
	padding: 0px;
	width: 403px;
	text-align: left;
}
div.banner-special02 div.columns01{
	width: 221px;
	float: left;
}
div.banner-special02 div.columns01 img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #cccccc;
}
div.banner-special02 div.columns02{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 162px;
	float: left;
}

/* ---- インフォメーション ---- */
div#information{
	margin: 0px auto 12px auto;
	padding: 0px;
	width: 423px;
	text-align: left;
}
div#information div#information-top{
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
div#information div.information-middle{
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 3px 0px;
}
div#information div.information-middle div.middle-title{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
div#information div.information-middle div.middle-text{
	line-height: 1.3;
}
div#information div.information-middle div.middle-text div.photo01{
	margin: 0px 0px 0px 3px;
	width: 208px;
	font-size: 10px;
	text-align: right;
	float: right;
}
div#information div.information-middle div.middle-text div.photo02{
	margin: 0px 3px 0px 0px;
	width: 208px;
	font-size: 10px;
	text-align: left;
	float: left;
}
div#information div.information-bottom01{
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	background: url(../img/ico_link.gif) no-repeat 395px 3px;
}
div#information div.information-bottom02{
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: url(../img/ico_link.gif) no-repeat 72px 3px;
}
div#information hr{
	margin: 3px 3px 3px 3px;
	padding: 0px;
	border: none;
	border-top: 1px #999999 dashed;
}

/* ---- ピックアップムービー（横） ---- */
div#movie{
	margin: 0px auto 12px auto;
	padding: 0px 0px 0px 0px;
	width: 403px;
	text-align: left;
	background: url(../img/bcg_movie.gif) no-repeat;
	clear: both;
}
div#movie div#movie-left{
	margin: 0px 0px 0px 0px;
	padding: 47px 0px 0px 0px;
	width: 249px;
	float: left;
}
div#movie div#movie-left div#left-title{
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 11px 16px;
	font-weight: bold;
	background: url(../img/ico_movie.gif) no-repeat 0px 2px;
}
div#movie div#movie-left div#left-text{
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 16px;
	line-height: 1.2;
}
div#movie div#movie-right{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	width: 154px;
	float: left;
}
div#movie div#movie-right img{
	border: solid 1px #D4C700;
}

/* ---- ピックアップムービー（縦） ---- */
div#movie02{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 219px;
	height: 291px;
	text-align: left;
	background: url(../img/bcg_movie02.gif) no-repeat;
}
div#movie02 div#movie-top{
	margin: 0px 0px 0px 8px;
	padding: 47px 0px 0px 0px;
	width: 203px;
	line-height: 1.2;
}
div#movie02 div#movie-top div#top-title{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 11px 16px;
	font-weight: bold;
	background: url(../img/ico_movie.gif) no-repeat 0px 2px;
}
div#movie02 div#movie-top div#top-text{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
	line-height: 1.2;
}
div#movie02 div#movie-bottom{
	margin: 0px 0px 0px 8px;
	padding: 36px 0px 6px 0px;
	width: 203px;
	text-align: center;
}
div#movie02 div#movie-bottom img{
	border: solid 1px #D4C700;
}

/* ---- バナー ---- */
div#banner{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 403px;
	text-align: left;
}
div#banner img{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #A7BEFF;
}