/******************************************************************************/
/* 日本油化学会創立60周年記念 オレオサイエンスフェア */
/* メインスタイルシート - last update: 12.06.26 */


/******************************************************************************/
/* ホームページ全体 */

* {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
}

html {
	overflow-y: scroll;
}

body {
	background: #FFFFFF;
	color: #333333;
	text-align: center;
}

hr {
	display :none;
}

img {
	border: 0px none;
}

table {
	border-collapse: collapse;
}

ul, ol {
	list-style: none;
}

a {
	color: #3366CC;
	text-decoration: underline;
}

a:visited {
	color: #3366CC;
}

a:hover {
	color: #FF6600;
}


/******************************************************************************/
/* wrapper - ページ全体の枠組み */

#wrapper {
	width: 100%;
}


/******************************************************************************/
/* content_header - ヘッダ全体の枠組み */

#content_header {
	width: 100%;
	height: 200px;
	background: url(../img/content_header_bg.png) repeat-x left top;
}


/******************************************************************************/
/* header - ヘッダの枠組み */

#header {
	width: 980px;
	height: 200px;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/header_bg.png) no-repeat left top;
}


/******************************************************************************/
/* header_logo - ヘッダロゴの枠組み */

#header_logo {
	width: 800px;
	height: 130px;
	padding: 10px 180px 10px 0px;
}

#header_logo a {
	display: block;
	width: 800px;
	height: 130px;
	text-decoration: none;
}

#header_logo a:visited {
	text-decoration: none;
}

#header_logo a:hover {
	text-decoration: none;
}

#header_logo span {
	display: none;
}


/******************************************************************************/
/* header_panel - ヘッダパネルの枠組み */

#header_panel {
	width: 980px;
	height: 50px;
	padding: 0px 0px 0px 0px;
}


/******************************************************************************/
/* header_pan - ヘッダパンくずリストの枠組み */

#header_pan {
	float: left;
	width: 503px;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.1em;
	padding: 0px 0px 0px 17px;
	color: #666666;
}

#header_pan * {
	font-size: 12px;
}


/******************************************************************************/
/* header_counter - ヘッダカウンタの枠組み */

#header_counter {
	float: left;
	width: 280px;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	text-align: right;
	letter-spacing: 0.1em;
	padding: 0px 0px 0px 0px;
	color: #666666;
}

#header_counter * {
	font-size: 12px;
}


/******************************************************************************/
/* header_fontsize - ヘッダのフォントサイズ変更ボタンの枠組み */

#header_fontsize {
	float: left;
	width: 72px;
	height: 18px;
	padding: 16px 11px 16px 97px;
}

#header_fontsize li {
	float: left;
}

#header_fontsize a {
	display: block;
	width: 18px;
	height: 18px;
	text-decoration: none;
}

#header_fontsize a:visited {
	text-decoration: none;
}

#header_fontsize a:hover {
	text-decoration: none;
}

#header_fontsize .menu_01 a,
#header_fontsize .menu_02 a {
	margin-right: 9px;
}

#header_fontsize .menu_01 a:hover {
	background: url(../img/header_fontsize_s_bg.png) no-repeat left top;
}

#header_fontsize .menu_02 a:hover {
	background: url(../img/header_fontsize_m_bg.png) no-repeat left top;
}

#header_fontsize .menu_03 a:hover {
	background: url(../img/header_fontsize_l_bg.png) no-repeat left top;
}

#header_fontsize span {
	display: none;
}


/******************************************************************************/
/* content_wrapper - コンテンツ全体の枠組み */

#content_wrapper {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}


/******************************************************************************/
/* menu - 左側メニューの枠組み */

#menu {
	float: left;
	width: 200px;
	padding: 0px 20px 0px 0px;
	font-size: 12px;
}

#menu * {
	font-size: 12px;
}

/* IE7等でポップアップが裏に回りこんでしまう現象対策 */
#menu .popup:hover {
	position: relative;
}

#menu .popup ul {
	display: none;
	position: absolute;
	left: 146px;
	top: 0px;
	z-index: 99;
}

#menu span {
	display: none;
}

/* メインメニュー */
#menu .menu {
	margin-bottom: 20px;
}

#menu .menu a {
	display: block;
	text-decoration: none;
}

#menu .menu a:visited {
	text-decoration: none;
}

#menu .menu a:hover {
	text-decoration: none;
}

#menu a.menu_01, #menu a.menu_01s,
#menu a.menu_02, #menu a.menu_02s,
#menu a.menu_03, #menu a.menu_03s,
#menu a.menu_04, #menu a.menu_04s,
#menu a.menu_05, #menu a.menu_05s,
#menu a.menu_06, #menu a.menu_06s,
#menu a.menu_07, #menu a.menu_07s,
#menu a.menu_08, #menu a.menu_08s,
#menu a.menu_09, #menu a.menu_09s {
	width: 200px;
	height: 50px;
	line-height: 0px;
	font-size: 1px;
}

#menu a.menu_01 {
	background: url(../img/menu_c_bg.png) no-repeat left 0px;
}

#menu a.menu_01:hover, #menu a.menu_01s {
	background: url(../img/menu_s_bg.png) no-repeat left 0px;
}

#menu a.menu_02 {
	background: url(../img/menu_c_bg.png) no-repeat left -50px;
}

#menu a.menu_02:hover, #menu a.menu_02s {
	background: url(../img/menu_s_bg.png) no-repeat left -50px;
}

#menu a.menu_03 {
	background: url(../img/menu_c_bg.png) no-repeat left -100px;
}

#menu a.menu_03:hover, #menu a.menu_03s {
	background: url(../img/menu_s_bg.png) no-repeat left -100px;
}

#menu a.menu_04 {
	background: url(../img/menu_c_bg.png) no-repeat left -150px;
}

#menu a.menu_04:hover, #menu a.menu_04s {
	background: url(../img/menu_s_bg.png) no-repeat left -150px;
}

#menu a.menu_05 {
	background: url(../img/menu_c_bg.png) no-repeat left -200px;
}

#menu a.menu_05:hover, #menu a.menu_05s {
	background: url(../img/menu_s_bg.png) no-repeat left -200px;
}

#menu a.menu_06 {
	background: url(../img/menu_c_bg.png) no-repeat left -250px;
}

#menu a.menu_06:hover, #menu a.menu_06s {
	background: url(../img/menu_s_bg.png) no-repeat left -250px;
}

#menu a.menu_07 {
	background: url(../img/menu_c_bg.png) no-repeat left -300px;
}

#menu a.menu_07:hover, #menu a.menu_07s {
	background: url(../img/menu_s_bg.png) no-repeat left -300px;
}

#menu a.menu_08 {
	background: url(../img/menu_c_bg.png) no-repeat left -350px;
}

#menu a.menu_08:hover, #menu a.menu_08s {
	background: url(../img/menu_s_bg.png) no-repeat left -350px;
}

#menu a.menu_09 {
	background: url(../img/menu_c_bg.png) no-repeat left -400px;
}

#menu a.menu_09:hover, #menu a.menu_09s {
	background: url(../img/menu_s_bg.png) no-repeat left -400px;
}

/* サブメニュー */
#menu a.submenu_01c, #menu a.submenu_01s,
#menu a.submenu_02c, #menu a.submenu_02s,
#menu a.submenu_03c, #menu a.submenu_03s,
#menu a.submenu_04c, #menu a.submenu_04s,
#menu a.submenu_05c, #menu a.submenu_05s,
#menu a.submenu_06c, #menu a.submenu_06s,
#menu a.submenu_07c, #menu a.submenu_07s,
#menu a.submenu_08c, #menu a.submenu_08s {
	width: 160px;
	height: 35px;
	line-height: 35px;
	padding: 0px 0px 0px 40px;
}

#menu a.submenu_01c {
	background: url(../img/submenu_c_bg.png) no-repeat left top;
}

#menu a.submenu_02c {
	background: url(../img/submenu_c_bg.png) no-repeat left -35px;
}

#menu a.submenu_03c {
	background: url(../img/submenu_c_bg.png) no-repeat left -70px;
}

#menu a.submenu_04c {
	background: url(../img/submenu_c_bg.png) no-repeat left -105px;
}

#menu a.submenu_05c {
	background: url(../img/submenu_c_bg.png) no-repeat left -140px;
}

#menu a.submenu_06c {
	background: url(../img/submenu_c_bg.png) no-repeat left -175px;
}

#menu a.submenu_07c {
	background: url(../img/submenu_c_bg.png) no-repeat left -210px;
}

#menu a.submenu_08c {
	background: url(../img/submenu_c_bg.png) no-repeat left -245px;
}

#menu a.submenu_01c:hover, #menu a.submenu_01s {
	background: url(../img/submenu_s_bg.png) no-repeat left top;
}

#menu a.submenu_02c:hover, #menu a.submenu_02s {
	background: url(../img/submenu_s_bg.png) no-repeat left -35px;
}

#menu a.submenu_03c:hover, #menu a.submenu_03s {
	background: url(../img/submenu_s_bg.png) no-repeat left -70px;
}

#menu a.submenu_04c:hover, #menu a.submenu_04s {
	background: url(../img/submenu_s_bg.png) no-repeat left -105px;
}

#menu a.submenu_05c:hover, #menu a.submenu_05s {
	background: url(../img/submenu_s_bg.png) no-repeat left -140px;
}

#menu a.submenu_06c:hover, #menu a.submenu_06s {
	background: url(../img/submenu_s_bg.png) no-repeat left -175px;
}

#menu a.submenu_07c:hover, #menu a.submenu_07s {
	background: url(../img/submenu_s_bg.png) no-repeat left -210px;
}

#menu a.submenu_08c:hover, #menu a.submenu_08s {
	background: url(../img/submenu_s_bg.png) no-repeat left -245px;
}


/******************************************************************************/
/* menu_link - 左メニューバナー欄の枠組み */

#menu_link {
	width: 200px;
	margin-bottom: 20px;
	font-size: 10px;
}

#menu_link * {
	font-size: 10px;
}

#menu_link p {
	width: 200px;
	margin-bottom: 10px;
}

#menu_link p.ban60 {
	height: 60px;
}

#menu_link a {
	diplay: inline;
}


/******************************************************************************/
/* maincontent - メインコンテンツ枠 */

#maincontent {
	float: left;
	width: 740px;
	margin-bottom: 20px;
}

#maincontent h2 {
	width: 740px;
	height: 42px;
	margin-bottom: 15px;
}

#maincontent h2.h2_whatsnew {
	width: 100px;
	height: 21px;
	background: url(../img/h2_whatsnew_bg.png) no-repeat left top;
	padding: 10px 10px 11px 630px;
}

#maincontent h2.h2_whatsnew a {
	display: block;
	width: 100px;
	height: 21px;
	text-decoration: none;
}

#maincontent h2.h2_whatsnew a:visited {
	text-decoration: none;
}

#maincontent h2.h2_whatsnew a:hover {
	background: url(../img/h2_whatsnew_s_bg.png) no-repeat left top;
	text-decoration: none;
}

#maincontent h2.h2_about {
	background: url(../img/h2_about_bg.png) no-repeat left top;
}

#maincontent h2.h2_admin {
	background: url(../img/h2_admin_bg.png) no-repeat left top;
}

#maincontent h2.h2_contact {
	background: url(../img/h2_contact_bg.png) no-repeat left top;
}

#maincontent h2.h2_event {
	background: url(../img/h2_event_bg.png) no-repeat left top;
}

#maincontent h2.h2_info {
	background: url(../img/h2_info_bg.png) no-repeat left top;
}

#maincontent h2.h2_link {
	background: url(../img/h2_link_bg.png) no-repeat left top;
}

#maincontent h2.h2_map {
	background: url(../img/h2_map_bg.png) no-repeat left top;
}

#maincontent h2.h2_photo {
	background: url(../img/h2_photo_bg.png) no-repeat left top;
}

#maincontent h2.h2_policy {
	background: url(../img/h2_policy_bg.png) no-repeat left top;
}

#maincontent h2.h2_program {
	background: url(../img/h2_program_bg.png) no-repeat left top;
}

#maincontent h2.h2_regist {
	background: url(../img/h2_regist_bg.png) no-repeat left top;
}

#maincontent h2.h2_sitemap {
	background: url(../img/h2_sitemap_bg.png) no-repeat left top;
}

#maincontent h2.h2_update {
	background: url(../img/h2_update_bg.png) no-repeat left top;
}

#maincontent h2.h2_webpage {
	background: url(../img/h2_webpage_bg.png) no-repeat left top;
}

#maincontent h2.h2_whatsnew span,
#maincontent h2.h2_about span,
#maincontent h2.h2_admin span,
#maincontent h2.h2_contact span,
#maincontent h2.h2_event span,
#maincontent h2.h2_info span,
#maincontent h2.h2_link span,
#maincontent h2.h2_map span,
#maincontent h2.h2_photo span,
#maincontent h2.h2_policy span,
#maincontent h2.h2_program span,
#maincontent h2.h2_regist span,
#maincontent h2.h2_sitemap span,
#maincontent h2.h2_update span,
#maincontent h2.h2_webpage span {
	display: none;
}

#maincontent h3 {
	background: url(../img/h3_bg.png) no-repeat left top;
	line-height: 18px;
	font-size: 16px;
	margin: 0px 0px 1em 2px;
	padding: 0px 0px 0px 31px;
	letter-spacing: 0.2em;
	color: #173E64;
}

#maincontent h4 {
	background: url(../img/h4_bg.png) no-repeat left 1px;
	line-height: 18px;
	font-size: 14px;
	margin: 0px 0px 1em 6px;
	padding: 0px 0px 0px 27px;
	letter-spacing: 0.1em;
	color: #173E64;
}

#maincontent h5 {
	line-height: 160%;
	margin: 0px 10px 1em 10px;
	color: #173E64;
	font-size: 100%;
}

#maincontent p,
#maincontent ul {
	margin: 0px 10px 1em 10px;
}

#maincontent p,
#maincontent li {
	line-height: 160%;
}


/******************************************************************************/
/* リスト関連 */

#maincontent .li01 li {
	background: url(../img/li01_bg.png) no-repeat 0px 4px;
	padding-left: 1.8em;
}

#maincontent .li02 li {
	background: url(../img/li02_bg.png) no-repeat 2px 7px;
	padding-left: 1.8em;
}

#maincontent .num li {
	background: none;
	list-style: decimal;
	padding-left: 0.3em;
	margin-left: 1.5em;
}

#maincontent .float li {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

#maincontent .float2 li {
	float: left;
	margin-right: 1.1em;
	margin-bottom: 0.5em;
	width: 280px;
}

#maincontent p.oleo_A,
#maincontent p.oleo_B,
#maincontent p.oleo_C,
#maincontent p.oleo_D,
#maincontent p.oleo_E {
	padding: 0px 0px 0px 47px;
	line-height: 32px;
	font-weight: bold;
}

#maincontent p.oleo_A {
	background: url(../img/event/oleo_A.png) no-repeat left top;
}

#maincontent p.oleo_B {
	background: url(../img/event/oleo_B.png) no-repeat left top;
}

#maincontent p.oleo_C {
	background: url(../img/event/oleo_C.png) no-repeat left top;
}

#maincontent p.oleo_D {
	background: url(../img/event/oleo_D.png) no-repeat left top;
}

#maincontent p.oleo_E {
	background: url(../img/event/oleo_E.png) no-repeat left top;
}


/******************************************************************************/
/* 区切り線 */

#maincontent .hr {
	clear: both;
	width: 740px;
	height: 1px;
	background: url(../img/hr_bg.png) repeat-x left top;
	margin-bottom: 1.5em;
}


/******************************************************************************/
/* mainvisual - メインビジュアル */

#mainvisual {
	background: url(../img/mainvisual_bg.png) no-repeat left top;
	width: 730px;
	height: 240px;
	margin-bottom: 15px;
	padding: 5px;
}

#mainvisual span {
	display: none;
}


/******************************************************************************/
/* keyvisual - キービジュアル */

#keyvisual01,
#keyvisual02,
#keyvisual03,
#keyvisual04,
#keyvisual05,
#keyvisual06 {
	float: left;
	width: 102px;
	height: 21px;
	margin-bottom: 20px;
	padding: 154px 22px 20px 236px;
}

#keyvisual01 {
	background: url(../img/keyvisual01b_bg.png) no-repeat left top;
	margin-right: 20px;
}

#keyvisual02 {
	background: url(../img/keyvisual02_bg.png) no-repeat left top;
}

#keyvisual03 {
	background: url(../img/keyvisual03_bg.png) no-repeat left top;
	margin-right: 20px;
}

#keyvisual04 {
	background: url(../img/keyvisual04_bg.png) no-repeat left top;
}

#keyvisual05 {
	background: url(../img/keyvisual05_bg.png) no-repeat left top;
	margin-right: 20px;
}

#keyvisual06 {
	background: url(../img/keyvisual06_bg.png) no-repeat left top;
}

#keyvisual01 a,
#keyvisual02 a,
#keyvisual03 a,
#keyvisual04 a,
#keyvisual05 a,
#keyvisual06 a {
	display: block;
	width: 102px;
	height: 21px;
	text-decoration: none;
}

#keyvisual01 a:visited,
#keyvisual02 a:visited,
#keyvisual03 a:visited,
#keyvisual04 a:visited,
#keyvisual05 a:visited,
#keyvisual06 a:visited {
	text-decoration: none;
}

#keyvisual01 a:hover,
#keyvisual02 a:hover,
#keyvisual03 a:hover,
#keyvisual04 a:hover,
#keyvisual05 a:hover,
#keyvisual06 a:hover {
	text-decoration: none;
}

#keyvisual01 a:hover {
	background: url(../img/keyvisual01_s_bg.png) no-repeat left top;
}

#keyvisual02 a:hover {
	background: url(../img/keyvisual02_s_bg.png) no-repeat left top;
}

#keyvisual03 a:hover {
	background: url(../img/keyvisual03_s_bg.png) no-repeat left top;
}

#keyvisual04 a:hover {
	background: url(../img/keyvisual04_s_bg.png) no-repeat left top;
}

#keyvisual05 a:hover {
	background: url(../img/keyvisual05_s_bg.png) no-repeat left top;
}

#keyvisual06 a:hover {
	background: url(../img/keyvisual06_s_bg.png) no-repeat left top;
}

#keyvisual01 span,
#keyvisual02 span,
#keyvisual03 span,
#keyvisual04 span,
#keyvisual05 span,
#keyvisual06 span {
	display: none;
}


/******************************************************************************/
/* h2_whatsnew - 新着情報の見出し枠 */

#h2_whatsnew {
	width: 140px;
	height: 19px;
	padding: 15px 20px 11px 540px;
	background: url(../img/h2_whatsnew_bg.png) no-repeat left top;
}

#h2_whatsnew h2,
#h2_whatsnew span {
	display: none;
}

#h2_whatsnew a {
	display: block;
	text-decoration: none;
}

#h2_whatsnew a:visited {
	text-decoration: none;
}

#h2_whatsnew a:hover {
	text-decoration: none;
}


/******************************************************************************/
/* h2_whatsnew_history - 更新履歴ボタン */

#h2_whatsnew_history {
	float: left;
	width: 84px;
	height: 19px;
}

#h2_whatsnew_history a {
	width: 84px;
	height: 19px;
}

#h2_whatsnew_history a:hover {
	background: url(../img/h2_whatsnew_s_bg.png) no-repeat -596px -15px;
}


/******************************************************************************/
/* .button - 各種ボタン */

#maincontent .button_oleo,
#maincontent .button_prize,
#maincontent .button_program,
#maincontent .button_access {
	float: left;
	width: 152px;
	height: 39px;
	margin: 0px 20px 1em 10px;
	padding: 1px 3px 6px 3px;
}

#maincontent .button_oleo {
	background: url(../img/button_oleo_bg.png) no-repeat left top;
}

#maincontent .button_prize {
	background: url(../img/button_prize_bg.png) no-repeat left top;
}

#maincontent .button_program {
	background: url(../img/button_program_bg.png) no-repeat left top;
}

#maincontent .button_access {
	background: url(../img/button_access_bg.png) no-repeat left top;
}

#maincontent .button_oleo a,
#maincontent .button_prize a,
#maincontent .button_program a,
#maincontent .button_access a {
	display: block;
	width: 152px;
	height: 39px;
}

#maincontent .button_oleo a:visited,
#maincontent .button_prize a:visited,
#maincontent .button_program a:visited,
#maincontent .button_access a:visited {
	text-decoration: none;
}

#maincontent .button_oleo a:hover {
	background: url(../img/button_oleo_s_bg.png) no-repeat -3px -1px;
	text-decoration: none;
}

#maincontent .button_prize a:hover {
	background: url(../img/button_prize_s_bg.png) no-repeat -3px -1px;
	text-decoration: none;
}

#maincontent .button_program a:hover {
	background: url(../img/button_program_s_bg.png) no-repeat -3px -1px;
	text-decoration: none;
}

#maincontent .button_access a:hover {
	background: url(../img/button_access_s_bg.png) no-repeat -3px -1px;
	text-decoration: none;
}

#maincontent .button_panel {
	width: 90px;
	height: 21px;
	padding: 0px 2px 2px 0px;
	background: url(../img/event/button_panel_bg.png) no-repeat left top;
}

#maincontent .button_panel a {
	display: block;
	width: 90px;
	height: 21px;
	text-decoration: none;
}

#maincontent .button_panel a:visited {
	text-decoration: none;
}

#maincontent .button_panel a:hover {
	background: url(../img/event/button_panel_s_bg.png) no-repeat left top;
	text-decoration: none;
}

#maincontent .button_oleo span,
#maincontent .button_prize span,
#maincontent .button_program span,
#maincontent .button_access span,
#maincontent .button_panel span {
	display: none;
}


/******************************************************************************/
/* .table_normal - テーブル（汎用） */

#maincontent .table_normal {
	margin: 0px 10px 1em 10px;
}

#maincontent .table_normal td {
	vertical-align: top;
	line-height: 160%;
	padding: 2px 1em 2px 0px;
}


/******************************************************************************/
/* .table_whatsnew - テーブル（新着情報） */

#maincontent .table_whatsnew {
	width: 560px;
	margin: 0px 10px 1em 10px;
}

#maincontent .table_whatsnew td {
	vertical-align: top;
	line-height: 160%;
	background: url(../img/hr_whatsnew_bg.png) repeat-x left bottom;
}

#maincontent .table_whatsnew td.h0 {
	width: 80px;
	padding: 0px 20px 0.2em 0px;
}

#maincontent .table_whatsnew td.d0 {
	width: 450px;
	padding: 0px 10px 0.2em 0px;
}

#maincontent .table_whatsnew td.h {
	width: 80px;
	padding: 0.5em 20px 0.2em 0px;
}

#maincontent .table_whatsnew td.d {
	width: 450px;
	padding: 0.5em 10px 0.2em 0px;
}

#maincontent .table_whatsnew span.ymd {
	background: url(../img/li01_bg.png) no-repeat 5px top;
	font-size: 12px;
	padding: 1px 0px 0px 25px;
	letter-spacing: 1px;
	color: #666666;
}


/******************************************************************************/
/* .table_panel - テーブル（シンポジウム、2列） */

#maincontent .table_panel {
	width: 720px;
	margin: 0px 10px 1em 10px;
}

#maincontent .table_panel td {
	vertical-align: top;
	line-height: 160%;
}

#maincontent .table_panel td.h2 {
	border: 1px solid #824B1F;
	background: #EBC9AE;
	font-weight: bold;
	padding: 5px 10px;
}

#maincontent .table_panel td.h {
	border: 1px solid #824B1F;
	background: #F4E4D7;
	font-weight: bold;
	width: 160px;
	padding: 10px 10px;
}

#maincontent .table_panel td.d,
#maincontent .table_panel td.dt,
#maincontent .table_panel td.dc,
#maincontent .table_panel td.db {
	background: #FCF7F3;
	width: 517px;
}

#maincontent .table_panel td.d {
	border: 1px solid #824B1F;
	padding: 10px 10px;
}

#maincontent .table_panel td.dt {
	border-top: 1px solid #824B1F;
	border-right: 1px solid #824B1F;
	padding: 10px 10px 5px 10px;
}

#maincontent .table_panel td.dc {
	border-right: 1px solid #824B1F;
	padding: 5px 10px 5px 10px;
}

#maincontent .table_panel td.db {
	border-bottom: 1px solid #824B1F;
	border-right: 1px solid #824B1F;
	padding: 5px 10px 10px 10px;
}

#maincontent .table_panel div.time {
	margin-bottom: 0.5em;
	letter-spacing: 0.2em;
}


/******************************************************************************/
/* .table_form - テーブル（各種申込フォーム、2列） */

#maincontent .table_form {
	width: 720px;
	margin: 0px 10px 1em 10px;
}

#maincontent .table_form td {
	vertical-align: top;
	line-height: 160%;
	padding: 8px 10px;
	border: 1px solid #824B1F;
}

#maincontent .table_form td.h2 {
	background: #824B1F;
	font-weight: bold;
	color: #FFFFFF;
}

#maincontent .table_form td.d2 {
	background: #EBC9AE;
}

#maincontent .table_form td.e2 {
	background: #FCF7F3;
}

#maincontent .table_form td.h {
	background: #F4E4D7;
	font-weight: bold;
	width: 160px;
}

#maincontent .table_form td.d {
	background: #FCF7F3;
	width: 517px;
}

#maincontent .submit {
	padding: 10px 15px;
}


/******************************************************************************/
/* .table_photo - テーブル（イベントの記録、4列） */

#maincontent .table_photo {
	width: 740px;
	margin: 0px;
}

#maincontent .table_photo td {
	vertical-align: top;
	line-height: 160%;
}

#maincontent .table_photo td.td-l {
	padding: 0px 10px 1em 0px;
}

#maincontent .table_photo td.td-c {
	padding: 0px 10px 1em 10px;
}

#maincontent .table_photo td.td-r {
	padding: 0px 0px 1em 10px;
}


/******************************************************************************/
/* .box_normal - 強調枠（汎用） */

#maincontent .box_normal {
	width: 734px;
	margin: 0px 0px 1em 0px;
	border: 3px double #639EDA;
	background: #DDEAF7;
	text-align: center;
	padding: 1em 0px;
}

#maincontent .box_normal p {
	margin: 0px;
}


/******************************************************************************/
/* .box_normal - 強調枠（掲示板） */

#maincontent .box_board {
	width: 614px;
	margin: 0px 25px 1em 25px;
	border: 3px double #639EDA;
	background: #DDEAF7;
	padding: 1em 15px 0px 15px;
}

#maincontent .box_board h4 {
	margin-left: 0px;
	margin-right: 0px;
}

#maincontent .box_board p {
	margin-left: 0px;
	margin-right: 0px;
}


/******************************************************************************/
/* footer - フッタの枠組み */

#footer {
	clear: both;
	width: 100%;
	height: 145px;
	background: url(../img/content_footer_bg.png) repeat-x left top;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#footer {
	color: #FFFFFF;
	font-size: 12px;
}


/******************************************************************************/
/* jumptop - PAGE TOPボタンの枠組み */

#jumptop {
	width: 120px;
	height: 27px;
	margin: 0px auto;
	padding: 0px 0px 0px 840px;
}

#jumptop a {
	display: block;
	width: 120px;
	height: 27px;
	background: url(../img/jumptop_bg.png) no-repeat left top;
	text-decoration: none;
}

#jumptop a:visited {
	text-decoration: none;
}

#jumptop a:hover {
	text-decoration: none;
}

#jumptop span {
	display: none;
}


/******************************************************************************/
/* footer_menu - フッタメニューの枠組み */

#footer_menu {
	width: 960px;
	height: 37px;
	margin: 0px auto;
	padding: 22px 0px 0px 0px;
	line-height: 37px;
}

#footer_menu li {
	display: inline;
	padding: 2px 10px;
}

#footer_menu li.bl {
	border-left: 1px dotted #FFFFFF;
	border-right: 1px dotted #FFFFFF;
}

#footer_menu li.br {
	border-right: 1px dotted #FFFFFF;
}

#footer_menu a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer_menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#footer_menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}


/******************************************************************************/
/* footer_copyright - フッタコピーライトの枠組み */

#footer_copyright {
	width: 960px;
	height: 47px;
	margin: 0px auto;
	padding: 0px 0px 12px 0px;
	line-height: 47px;
	letter-spacing: 0.1em;
}


/******************************************************************************/
/* 画像の左右寄せ */

#maincontent .img-l90 {
	float: left;
	width: 90px;
	margin: 0px 20px 1em 20px;
}

#maincontent .img-l150 {
	float: left;
	width: 150px;
	margin: 0px 1.25em 1.25em 0px;
}

#maincontent .img-r100 {
	float: right;
	width: 100px;
	margin: 0px 0px 1em 20px;
}

#maincontent .img-r150 {
	float: right;
	width: 150px;
	margin: 0px 0px 1.25em 1.25em;
}

#maincontent .img-r160 {
	float: right;
	width: 160px;
	margin: 0px 0px 1em 20px;
}

#maincontent .img-r240 {
	float: right;
	width: 240px;
	margin: 0px 0px 1em 20px;
}

#maincontent .img-r390 {
	float: right;
	width: 390px;
	margin: 0px 0px 1em 20px;
}

#maincontent .img-poster {
	float: right;
	width: 160px;
	margin: 0px 0px 1em 0px;
}

#maincontent .img-panel {
	float: left;
	width: 90px;
	margin: 0px 1em 0px 0px;
}

#maincontent .img-access-l {
	float: left;
	width: 440px;
	margin: 0px 10px 1em 10px;
}

#maincontent .img-access-r {
	float: left;
	width: 280px;
	margin: 0px 0px 1em 0px;
}


/******************************************************************************/
/* 汎用クラス - フォントサイズ */

.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}


/******************************************************************************/
/* 汎用クラス - 字下げ */

.indent0 {
	text-indent: 0em;
}

.indent1 {
	text-indent: 1em;
}

.indent2 {
	text-indent: 2em;
}

.indent5 {
	text-indent: 5em;
}


/******************************************************************************/
/* 汎用クラス - 文字間隔 */

.ls0 {
	letter-spacing: 0em;
}

.ls01 {
	letter-spacing: 0.1em;
}

.ls02 {
	letter-spacing: 0.2em;
}

.ls05 {
	letter-spacing: 0.5em;
}

.ls1 {
	letter-spacing: 1em;
}

.ls2 {
	letter-spacing: 2em;
}


/******************************************************************************/
/* 汎用クラス - 行間隔 */

.lh120 {
	line-height: 120%;
}

.lh150 {
	line-height: 150%;
}


/******************************************************************************/
/* 汎用クラス - 通常文字 */

.normal {
	font-weight: normal;
}


/******************************************************************************/
/* 汎用クラス - 太字 */

.bold {
	font-weight: bold;
}


/******************************************************************************/
/* 汎用クラス - イタリック */

.italic {
	font-style: italic;
}


/******************************************************************************/
/* 汎用クラス - 下線 */

.underline {
	text-decoration: underline;
}


/******************************************************************************/
/* 汎用クラス - 非表示 */

.hide {
	display: none;
}


/******************************************************************************/
/* フォントカラー */

.red {
	color: #FF3333;
}

.green {
	color: #339933;
}

.blue {
	color: #02529F;
}

.brown {
	color: #A63B52;
}

.gray,
.grey {
	color: #666666;
}

.orange {
	color: #FF6600;
}


/******************************************************************************/
/* 汎用クラス - テキストの配置 */

.txt-l {
	text-align: left;
}

.txt-c {
	text-align: center;
}

.txt-r {
	text-align: right;
}

.img-c {
	clear: both;
}


/******************************************************************************/
/* 汎用クラス - 上付き、下付き文字 */

.sup {
	vertical-align: super;
	font-size: 8px;
}

.sub {
	vertical-align: sub;
	font-size: 8px;
}


/******************************************************************************/
/* 汎用クラス - margin - 外側の余白 */

.mt1e {
	margin-top: 1em;
}

.mt2e {
	margin-top: 2em;
}

.mr1e {
	margin-right: 1em;
}

.mr2e {
	margin-right: 2em;
}

.mb1e {
	margin-bottom: 1em;
}

.mb2e {
	margin-bottom: 2em;
}

.ml1e {
	margin-left: 1em;
}

.ml2e {
	margin-left: 2em;
}

.ml3e {
	margin-left: 3em;
}

.ml4e {
	margin-left: 4em;
}

.ml5e {
	margin-left: 5em;
}

.ml10e {
	margin-left: 10em;
}


/******************************************************************************/
/* 汎用クラス - padding - 内側の余白 */

.pt1e {
	padding-top: 1em;
}

.pt2e {
	padding-top: 2em;
}

.pr1e {
	padding-right: 1em;
}

.pr2e {
	padding-right: 2em;
}

.pb1e {
	padding-bottom: 1em;
}

.pb2e {
	padding-bottom: 2em;
}

.pl1e {
	padding-left: 1em;
}

.pl2e {
	padding-left: 2em;
}

.pl3e {
	padding-left: 3em;
}


/******************************************************************************/
/* 汎用アイコン */

.newi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/new.gif) no-repeat left top;
	padding: 10px 0px 0px 27px;
	margin-left: 10px;
}

.pdfi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/acrobat.gif) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.pdf {
	padding-top: 3px;
	padding-right: 25px;
	background: url(../img/acrobat.gif) no-repeat right top;
}

.doci {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon_word.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.xlsi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon_excel.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.ppti {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon_ppt.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.li1 {
	background: url(../img/li01_bg.png) no-repeat 1px center;
	padding-left: 1.8em;
}

.li2 {
	background: url(../img/li02_bg.png) no-repeat 2px center;
	padding-left: 1.8em;
}

.li3 {
	background: url(../img/li03_bg.png) no-repeat left center;
	padding-left: 1.8em;
}

.li4 {
	background: url(../img/li04_bg.png) no-repeat left center;
	padding-left: 1.8em;
}

.li5 {
	background: url(../img/li05_bg.png) no-repeat left center;
	padding-left: 1.8em;
}

.li6 {
	background: url(../img/li06_bg.png) no-repeat left center;
	padding-left: 1.8em;
}