@charset "utf-8";

body {font-size: 13px;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

select,input,textarea {font:99%;}

pre,code {font:115% monospace;*font-size:100%;}

body * {line-height:1.22em;}

h1,h2,h3,h4,h5,h6,h7,p,ul,li,form,select {margin:0;padding:0;}

strong {line-height:1.6em;}

sub {font-size:70%;}

br.clear {clear:both;width:100%;height:0px;font-size:0px;line-height:0px;}
.allclear {clear:both;}
.clear-d {clear:both;width:200px;height:1px;font-size:1px;line-height:1px;}


a:link {color:#006699;}
a:visited {color:#006699;}
a:hover {color:#ff9600;}
a:active {color:#c60000;}

img {border:none;}

.clear {
	clear:both;
}

/*clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


body {
	margin:0;
	padding:0 0 14px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;;
	line-height: 150%;
	color: #333333;
	background:#a1ddff url(../images/bg_body.gif) repeat-x fixed;
	text-align:center;
}

/*
トップページ用スタイル==========================================================*/

#top-column01 {
	width:750px;
	height:134px;
	background:url(../images/top_bg_shadow.gif) left bottom no-repeat;
}


/*
下層ページ=======================================================================*/
.column {
	width:100%;
}


h3.n {
	background:#00b4a3 /*url(../images/bg_h3.gif)*/;
	margin:0 0 10px;
	color:#fff;
	padding:5px 5px 5px 10px;
	font-size:107%;
	letter-spacing:0.2em;
	text-shadow: 2px 2px 2px #000;
	border-bottom:solid 2px #084c7a;
	border-left:solid 10px #084c7a;
}



.column h3 img {
	margin:0 0 10px;
}

.column p {
	font-size:92%;
	line-height:1.6em;
	padding:0 0 20px;
}

#start {
	padding:20px 0 20px;
}

.clear {
	clear:both;
}

.indent-sect {
	padding:0 0 0 1em;
	display:block;
}

#wrapper {
	width:760px;
	text-align:left;
	margin:0 auto;
	background:url(../images/bg_main.gif) repeat-y;
}


#wrapper-inner {
	padding:0;
	background:/*url(../images/bg_wrapper.gif) no-repeat*/;
}

/*
ヘッダーエリア==============================================*/
#head {
	margin:0 0 0 5px;
	width:750px;
	height:140px;
	background:#ffffff url(../images/head_bg.gif) repeat-x;
	/*overflow:hidden;*/
}

h1 {
	float:left;
}

#head-right {
	float:right;
	text-align:right;
	padding:7px 5px 0 0;
}

#head-right ul {
	list-style-type:none;
	height:26px;
}


#head-right ul li {
	display:inline;
	font-size:10px;
	line-height:1em;
	color:#000000;
}


#head-right a:link {color:#000000;text-decoration:none;}
#head-right a:visited {color:#000000;text-decoration:none;}
#head-right a:hover {color:#f5821f;text-decoration:underline;background:#333;}
#head-right a:active {color:#f5821f;text-decoration:none;}


#head-right img {
	margin-right:-1px;
}

.head-shimekiri {
	font-size:13px;
	line-height:1em;
	color:#000000;
	margin:18px 5px 0px 0px;
}

/*
グローバルメニュー=================================================*/
#menu {
	width:750px;
	height:34px;
}

#menu ul {
	list-style-type:none;
	font-size:12px;
}

#menu ul li {
	font-size:12px;
	float:left;
	width:150px;
	height:34px;
	display:block;
}

/*#submenu-lay {
	width:150px;
	height:95px;
}*/

ul#dv1 {
	position:absolute;
	visibility:hidden;
	list-style-type:none;
	display:block;
	width:150px;
	/*height:95px;*/
	z-index:9999;
}

*html ul#dv1 {
	padding:2px 0 0;
}

/*Hides from IE5-mac\*/
*html ul#dv1 {
	margin:-3px 0 0 0;
	padding-top:0px;
	height:95px;
}
/*End hide from IE5-mac*/


ul#dv1 li  {
	margin:0;
	padding:0;
	display: inline; 
	width:150px;
	height:19px;
}

ul#dv1 li a {
	display:block;
	width:150px;
	height:19px;
}

/*
bnaviエリア==============================================*/
#bnavi-area {
	width:100%;
	padding:10px 0px 10px 0px;
}

#bnavi-area ul {
	list-style-type:none;
	display:block;
	height:16px;
}

#bnavi-area ul li {
	float:left;
	height:16px;
	display:block;
}

/*
bnavi-progエリア=========================================*/
.bnavi-prog {
	width:100%;
	padding:0 0 10px;
	margin:0 auto 0;
	text-align:right;
	/*padding:8px;*/
}

.bnavi-prog ul {
		list-style-type:none;
		padding:0 0 10px;
}

.bnavi-prog ul li {
	display:inline;
	font-size:10px;
	line-height:1em;
	color:#c60000;
}

.bnavi-prog a:link {color:#c60000;text-decoration:none;}
.bnavi-prog a:visited {color:#c60000;text-decoration:none;}
.bnavi-prog a:hover {color:#f00;text-decoration:underline;background:#ccc;}
.bnavi-prog a:active {color:#c60000;text-decoration:none;}

/*
prog-bunyaエリア============================================*/
.prog-bunya-list {
	width:100%;
	padding:0;
	margin:0 auto 10px;
	text-align:center;
	background:#062b4f;
	/*padding:8px;*/
}

.prog-bunya-list ul {
		list-style-type:none;
		padding:3px 0px 5px;
		*padding:3px 0 4px;
}

.prog-bunya-list ul li {
	display:inline;
	margin:0 0 0 -4px;
	font-size:10px;
	line-height:1em;
	color:#fff;
}

.prog-bunya-list a:link {color:#fff;text-decoration:none;}
.prog-bunya-list a:visited {color:#fff;text-decoration:none;}
.prog-bunya-list a:hover {color:#fff;text-decoration:underline;background:#ccc;}
.prog-bunya-list a:active {color:#fff;text-decoration:none;}

.prog-bunya-list a.c {color:#062b4f;background:#fff;padding:2px;}
a.c:link,a.c:visited,a.c:hover,a.c:active {color:#062b4f;}

h2.prog-bunya {margin:0 0 10px;padding:30px 5px 10px;font-size:122%;line-height:1em;border-bottom:solid 2px #062b4f;letter-spacing:0.2em;}
h2.prog-bunya:first-letter{color:#ffd900;}
h2.prog-bunya span {padding-left:2em;font-size:72%;letter-spacing:0em;}
h2#life {background:url(../program/images/bg_bunyah2_01.gif) right top no-repeat;}
h2#info {background:url(../program/images/bg_bunyah2_02.gif) right top no-repeat;}
h2#eco {background:url(../program/images/bg_bunyah2_03.gif) right top no-repeat;}
h2#nano {background:url(../program/images/bg_bunyah2_04.gif) right top no-repeat;}
h2#ene {background:url(../program/images/bg_bunyah2_05.gif) right top no-repeat;}
h2#tech {background:url(../program/images/bg_bunyah2_06.gif) right top no-repeat;}
h2#soci {background:url(../program/images/bg_bunyah2_07.gif) right top no-repeat;}
h2#fro {background:url(../program/images/bg_bunyah2_08.gif) right top no-repeat;}
h2#agri {background:url(../program/images/bg_bunyah2_09.gif) right top no-repeat;}
h2#earth {background:url(../program/images/bg_bunyah2_10.gif) right top no-repeat;}
h2#etc {background:url(../program/images/bg_bunyah2_11.gif) right top no-repeat;}

/*
メインエリア=======================================================*/
#mainarea {
	padding:1px 35px 0;
	text-align:left;
}

.right {
	float:right;
	margin:0 0 10px 10px;
	border:solid 1px #666666;
}

.left {
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #666666;
}

img.border-img {
	border:solid 1px #666;
}

.totop {
	width:100%;
	text-align:right;
	font-size:80%;
	line-height:1.6em;
	padding:10 10 20px;
}
/*感想ページ*/
h3.kanso-h3 {
	background:#00b4a3 /*url(../images/bg_h3.gif)*/;
	margin:0;
	color:#fff;
	padding:5px 5px 5px 10px;
	font-size:107%;
	letter-spacing:0.2em;
	text-shadow: 2px 2px 2px #000;
	border-bottom:solid 2px #084c7a;
	border-left:solid 10px #084c7a;
}

.w-kanso {
	/*border:solid 1px #ba0000;*/
	background:#ffffff url(../kansou/images/bg_kanso_clm.gif) right bottom no-repeat;
}

.w-kanso p {
	padding:10px;
	background:url(../kansou/images/bg_kanso_clm2.gif) no-repeat;
}

p.kanso-title {
	display:block;
	padding:5px;
	background:#00b4a3 url(../kansou/images/bg_field.gif) repeat-y;
	font-size:92%;
	font-weight:bold;
	color:#fff;
	text-align:right;
}

.totop-kanso {
	width:100%;
	text-align:right;
	font-size:80%;
	line-height:1.6em;
	padding:10px 0 20px;
}

/*プログラムインデックス*/
.colum-progindex {
	width:100%;
	margin:0 0 20px;
	border:solid 1px #666;
	background:#eee;
}

h3.prog-ind,h3.prog-place {
	margin:0;
	color:#fff;
	font-size:107%;
	letter-spacing:0.2em;
	text-shadow: 2px 2px 2px #000;
}

h3.prog-place {
	width:50%;
	font-size:14px;
	letter-spacing:0em;
	float:left;
}

h3 a {padding:8px;display:block;color:#fff;background:#062B4F /*url(../images/bg_h3_progind.gif)*/;border-left:solid 10px #062B4F;}
h3 a:link {color:#fff;}
h3 a:visited {color:#fff;}
h3 a:hover {color:#ffd740;background:#486475 /*url(../images/bg_h3_progind_on.gif)*/;border-left:solid 10px #fff685;}
h3 a:active {color:#fff;}

p.prog-ind-middle {
	font-size:92%;
	line-height:1.6em;
	font-size:100%;
	padding:8px;
	font-weight:bold;
	border-bottom:dotted 1px #666;
}

p.prog-ind-place,p.prog-ind-place2 {
	float:left;
	width:auto;
	font-size:12px;
	line-height:1.4em;
	padding:10px 5px 5px;
}

p.prog-ind-place2 {
	padding:18px 5px 5px;
}

p.prog-ind-cap {
	padding:8px;
	border-bottom:dotted 1px #666;
}


.prog-ind-bottom {
	width:678px;
}

p.prog-ind-left {
	float:left;
	padding:8px;
	display:block;
}

p.prog-ind-right {
	float:right;
	padding:8px;
	display:block;
}


/*プレスリリース用*/

h4 {
	letter-spacing:0.5em;
	padding:0 0 5px;
	margin:0 0 5px;
	color:#333;
	font-size:107%;
	line-height:1.5em;
	border-bottom:dotted 1px #9e9400;
}

h4:first-letter {
	color:#ffd900;
}

/*プレス追加メニュー*/
.press-menu {
	padding:3px 0 0;
	text-align:right;
}

.press-menu ul {
		list-style-type:none;
		padding:0 0 10px;
}

.press-menu ul li {
	display:inline;
	font-size:92%;
	line-height:1em;
	color:#c60000;
}

/*体験イメージ用*/

.column-taikenflash {
	width:100%;
	padding:0 0 15px;
	text-align:center;
}

.column-taiken{
	padding:0 40px 0;
}

.column-taiken p {
	font-size:92%;
	line-height:1.6em;
	padding:0 0 20px;
}

.column-taiken a {
	text-decoration:none;
	float:right;
}

/*フッター*/
#footer {
	margin:0 0 0 5px;
	padding:0;
	/*padding:8px;*/
}

#footer ul {
		list-style-type:none;
		padding:0 10px 10px;
}

#footer ul li {
	display:inline;
	font-size:76%;
	line-height:1em;
	color:#c60000;
}

#footer a:link {color:#c60000;text-decoration:none;}
#footer a:visited {color:#c60000;text-decoration:none;}
#footer a:hover {color:#f00;text-decoration:underline;background:#ccc;}
#footer a:active {color:#c60000;text-decoration:none;}

/*
プログラム詳細ページ用======================================================================*/

/*募集テーブル*/
table.bosyu {width:400px;margin:0 auto 25px;border:solid 2px #124D90;}
table.bosyu th {width:35%;background:#124D90;color:#FFFFFF;font-size:107%;line-height:1.3em;font-weight:bold;text-align:center;}
table.bosyu td {width:65%;color:#124D90;font-size:107%;padding:3px 10px;line-height:92%;font-weight:bold;text-align:center;}

table.senkou {margin:0 0 20px}
table.senkou td {font-size:92%;padding:2px;line-height:1.6em;vertical-align:top;}
table.senkou td.number {white-space:nowrap;}

/*会場名一覧テーブル*/
table.mousikomi_ichiran {color:#333;width:680px;margin:0 0 20px 0;border-top:solid 1px #062b4f;border-left:solid 1px #062b4f;font-size:92%;line-height:1.5em;}
table.mousikomi_ichiran strong {font-size:100%;line-height:1.5em;}
table.mousikomi_ichiran th {white-space:nowrap;background:#13406C;color:#fff;border-right:solid 1px #062b4f;border-bottom:solid 1px #062b4f;padding:4px;text-align:center;}
table.mousikomi_ichiran th.i01 {width:45%;}
table.mousikomi_ichiran th.i02 {width:15%;}
table.mousikomi_ichiran th.i03 {width:5%;}
table.mousikomi_ichiran th.i04 {width:35%;}
table.mousikomi_ichiran td {border-right:solid 1px #062b4f;border-bottom:solid 1px #062b4f;padding:4px;}

table.mousikomi_ichiran td.ichi_prog {color:#333333;line-height:107%;}
table.mousikomi_ichiran tr.a_line {background:#fff;}
table.mousikomi_ichiran tr.b_line {background:#fffad3;}

table.mousikomi_ichiran a {font-weight:bold;}

table.mousikomi_day td {border-right:solid 0px;border-bottom:solid 0px;padding:0px;}

/*体験イメージテーブル*/
table#taikenimage {width:680px;height:320px;margin:0 auto 50px;}
table#taikenimage td.flasharea {width:415px;}
table#taikenimage td.textarea {padding:0 0 0 10px;}
table#taikenimage td.textarea p {font-size:92%;line-height:1.5em;}


/*
コピーライト----------------*/
p.copy {color:#000;padding:5px;font-size:92%;}

/*テスト用*/
div.test {
	width:100%;
	height:2000px;
}

/*プログラム紹介ページ*/
.pinfobunya {
	padding:6px 10px 0px 10px;
	font-size:13px;
	line-height:1.2em;
	color:#CC0000;
	text-align: right;
}
.pinfolead {
	font-size:14px;
	line-height:1.4em;
	font-weight: bold;
	padding:5px 10px 0px 10px;
}
.pinfopt {
	font-size:12px;
	line-height:1.2em;
	padding:2px 0px 0px 5px;
}
.pinfotable { /*開催日、人数等のtable位置*/
	padding:10px 0px 15px 5px;
}
