/* art-eat.com CSS Document */
/****************ブラウザ初期化******************/
	
/**************************基本スタイル***************************/
body{
	height:100%;
	background-color: #FFFFFF;
	color:#444444;
	text-align:left;
	}
	
#wrapper, #page{
	width:860px;
	height:100%;	
	text-align:left;	
	background-color:transparent;
	}
	
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:160%;
	font-weight:100;
	color:#444444;
	margin:0;
	padding:0;
	}
	
ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.alignRight{
	text-align:right;
	}
.align_left {text-align: left;}

.red{
	color: #E60000;
	}
.blue{
	color: #0000E6;
	}
.black{
	color: #000;
	}
	
.highlight{
	font-size:130%;
	font-weight:bolder;
	}
.clear{
	clear:both;
	}
.small{
	font-size:93%;
	line-height:160%;
	}
.center{
	text-align:center;
	}
.border_gray {border: 1px solid #a8a8a8; padding: 15px; }
.borderB{
	border-bottom:1px dotted #E60000;
	padding:0 0 3px 4px;
	margin-bottom:0.5em;
	}
.border_t {border-top:1px solid #ccc; padding-top: 10px; margin-top: 10px;}
img.border{
	border:1px solid #999999;
	}
.border_b {border-bottom:1px solid #ccc; padding-top: 10px; margin-top: 10px;}
img.border{
	border:1px solid #999999;
	}
.border_b_dotted {border-bottom:1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.border_bd15 {border-bottom:1px dotted #ccc; padding-bottom: 15px; margin-bottom: 15px;}

img.border{
	border:1px solid #999999;
	}
	
	.float_r{
	float:right;
	}
.float_l{
	float:left;
	}
.bold{
	font-weight:bold;
	}
br.half{
	line-height: 50%;
	}
.margin_r{
	margin-right:10px;
	}
.margin_l{
	margin-left:10px;
	}
.float_l_container a{
	float:left;
	}
.alpha_50 {	-moz-opacity: 0.50; opacity:0.50; filter: alpha(opacity=50);}	
	/***************************リンク基本スタイル*******************************/
a, a:link{
	color:#018EB1;
	background-color: transparent;
	background-image:url(images/yajirushi.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 10px;
	text-decoration: none;
	border-style: none;
	/*＼*/
   	overflow: hidden;
	/**/
	}
a:visited{
	color: #660066;
	}
	
a:hover{
	color: #FF9900;
	}	
	
a.plain{
	background-image:none;
	padding-left: 0px;
	}
/******************************headerスタイル*****************************/
#header{
	font-size:85%;
	line-height:150%;
	height:190px;
	}
	
div.global{
	background-image:url(images/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:200px 26px;
	}
	
	
ul#menu-sub{
	height:25px;
	width:300px;
	margin:0;
	}
	
ul#menu-sub li{
	line-height:100%;
	float:left;
	margin:5px 0 5px 0px;
	padding:3px 10px 0 10px;
	border-right:1px dotted #aaaaaa;
	width:auto;
	}
ul#menu-sub li a{
	color:#444444;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 22px;
	text-decoration: none;
	border-style: none;
	display:block;
	height:12px;
	}
ul#menu-sub li  a:hover{
	color:#FF9900;
	background-position:0 -18px;
	}
	
	
/*win IE修正用*/
*html ul#menu-sub a{
	width:42px;
	}	
/*win IE修正用ここまで*/
p.close a:hover{
	color: #FF9900;
	}	
	
ul#menu-sub a.english{
	background-image:url(images/header_english.gif);
	}
ul#menu-sub a.contact{
	background-image:url(images/header_contact.gif);
	}
ul#menu-sub a.access{
	background-image:url(images/header_access.gif);
	}
div#menu{
	width:100%;
	margin:3px 0 0 0;
	}
	
	
div#menu p.address{
	clear:both;
	width:280px;
	margin-left:4px;
	font-size:85%;
 	white-space:nowrap;	
	}
	
div#menu ul.global{
	float:left;
	margin-left:20px;
	margin-top:-8px;
}
div#menu ul.global li{
	float:left;
	margin-right:5px;
}
div#menu ul.global li a{
	background-image:none;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
	}
	
div#menu ul.global li.news a{
	background-image:url(images/menu_news.gif);
	width:52px;
	height:85px;
	}
div#menu ul.global li.news a:hover{
    background-position:2px -84px;
	}
	
div#menu ul.global li.about a{
	background-image:url(images/menu_about.gif);
	width:80px;
	height:85px;
	}
div#menu ul.global li.about a:hover{
    background-position:0px -87px;
	}
	
div#menu ul.global li.event a{
	background-image:url(images/menu_event.gif);
	width:103px;
	height:85px;
	}
div#menu ul.global li.event a:hover{
    background-position:0px -86px;
	}
div#menu ul.global li.foods a{
	background-image:url(images/menu_foods.gif);
	width:60px;
	height:85px;
	}
div#menu ul.global li.foods a:hover{
    background-position:-1px -85px;
	}
div#menu ul.global li.who a{
	background-image:url(images/menu_who.gif);
	width:71px;
	height:85px;
	}
/***************win IE用修正***************/	
*html div#menu ul.global li.who a{
	position:relative;
	}
/*********win IE用修正ここまで*********/	
div#menu ul.global li.who a:hover{
    background-position:0px -86px;
	}
	
	
div#menu ul.global li.past a{
	background-image:url(images/menu_past.gif);
	width:92px;
	height:85px;
	}
div#menu ul.global li.past a:hover{
    background-position:0px -85px;
	}
h1#logo{
	background-color:#2C6423;
	width:270px;
	height:72px;
	border:1.5px outset #2C6423;
	border-left:none;
	margin-bottom:3px;
	float:left;
	}
	
h1#logo a{
	background-image:none;
	padding-left: 0px;
	display:block;
	width:270px;
	height:72px;
	text-indent:-9999px;
	background-image:url(images/logo.gif);
	background-repeat:none;
	background-position:142px 10px;
	}
	
	
	
	
/***************************div contentスタイル******************************/
div#content{
	width: 100%;
	height:100%;
	min-height:600px;
	margin-top:15px;
	}
	
div#document{
	width:600px;
	height:100%;
	float:right;
	}
/***************win IE用修正***************/	
*html div#document{
	left:0px;
}
/***************win IE用修正ここまで***************/	
	
div#title{
	width:225px;
	height:300px;
	float: left;
	}
div#title h1, div#titleES h1, div#titleWho h1{
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	width:170px;
	text-indent:-9999px;
	margin: 0 auto;
	}
	
div#title ul,div#titleES ul,div#titleWho ul{
	text-align:center;
	margin-top: 15px;
	}
	
	
div#document h2{
	border-left:5px solid #E60000;
	border-bottom:1px dotted #E60000;
	padding:0 0 3px 4px;
	margin-bottom:0.5em;
	font-size: 100%;
	font-weight: normal;
	}	
	
/****************about**********************/
div#title h1.about{
	background-image:url(images/title_about.jpg);
	width:172px;
	height:114px;
	}
	
div.about p{
	text-indent:1em;
	margin-bottom:1em;
	}
	
div.gallery img{
	margin:24px 0 0 99px;
	}
	
/*************aboutここまで*****************/
/****************event schedule**********************/
div#titleES{
	float:left;
	width:180px;
	height:100%;
	padding:0px 0px 0px 34px;
	position:absolute;
	}
	
*html div#titleES{
	position:relative;
	padding-right:30px;
	}
	
div#titleES h1.EventSchedule{
	background-image:url(images/title_event.jpg);
	width:173px;
	height:146px;
	}
	
div#document div.exhibition h2,div#document div.event h2{
	border-left:5px solid #C7E50C;
	border-bottom:1px dotted #C7E50C;
	clear:both;
	margin-bottom:10px;
	}
	
div#document div.event h2{
	border-left:5px solid #F781BF;
	border-bottom:1px dotted #F781BF;
	}
	
div.event, div.exhibition{
	height:1%;
	margin-bottom:40px;
	}
div.event p, div.exhibition p{
margin-bottom:0.5em;
	}
div.event img, div.exhibition img{
	margin:4px 12px 12px 0;
	}
dl.profile dt, dl.profile_long dt{
	float: left;
	}
dl.profile dd{
	margin-left: 5em;
	}
 dl.profile_long dd {
 	margin-left: 9em;
	 }

p.border{
	border-bottom:1px dotted #E60000;
	padding:0 0 3px 4px;
	margin-bottom:0.5em;
	}
/*************event scheduleここまで*****************/
/************foods*****************/
div#title h1.foods{
	background-image:url(images/title_foods.jpg);
	width:172px;
	height:148px;
	}
	
div#foods{
	background-color:#ffff85;
	margin:24px 0 0 0;
	padding-bottom:12px;
	width:100%;
	height:100%;
	}	
div#foods h3.menuTitle{
	padding:9px 0 8px 18px;
	font-size:116%;
	}
	
div#foodBG1,div#foodBG2,div#foodBG3,div#foodBG4,div#foodBG5{	
	background-repeat:no-repeat;
	background-position:0 0;
	width:486px;
	margin:0 0 20px 55px;
	position:relative;
	font-size:85%;
	line-height:150%;
	}
div#foodBG1,div#foodBG4{	
	background-image:url(images/foods_bg_1.gif);
	height:170px;
	}
	
div#foodBG2,div#foodBG3,div#foodBG5{	
	background-image:url(images/foods_bg_2.gif);
	height:230px;
	}
	
div#foodBG1 img, div#foodBG4 img, div#foodBG2 img, div#foodBG3 img, div#foodBG5 img{
	margin-top:10px;
	margin-left:20px;
	}
ul.Fmenu1, ul.Fmenu2, ul.Fmenu3, ul.Fmenu4, ul.Fmenu5{
	width:303px;
	position:absolute;
	right:0;
	bottom:0;
	margin:8px 12px 8px 12px;
	padding:8px 6px 0 6px;
	border-top:2px dotted #999999;
}
ul.Fmenu1,ul.Fmenu4{
	width:215px;
	}
ul.Fmenu1 li, ul.Fmenu2 li, ul.Fmenu3 li, ul.Fmenu5 li{
	list-style-type:disc;
	margin-left:1.5em;
	}
ul.Fmenu4 li{
	list-style-type:upper-alpha;
	list-style-position:inside;
	}
	
ul li.alignRight{
	list-style-type:none;
	}
ul.Fmenu4 li.square{
	list-style-type:none;
	text-indent:-1.3em;
	margin-left:1.3em;
	}
/***************win IE用修正***************/	
*html ul.Fmenu4 li{
	list-style-position:inside;
	text-indent:-1.5em;
	margin-left:2em;
	}
*html ul li{
	line-height:130%;
	}
	
*html ul.Fmenu4 li.square{
	text-indent:-2.5em;
	margin-left:1.6em;
	}
/*********win IE用修正ここまで*********/	
/****************************foodsここまで*****************************************/
/****************************pastここから*****************************************/
div#title h1.past{
	background-image:url(images/title_past.gif);
	width:173px;
	height:169px;
	}
ul.past_menu li{
	margin-bottom:1em;
	}
div.past{
	min-height:80px;
		margin-bottom:2em;
	}
div.past h2{
	clear:both;
	}
div.past p{
margin-bottom:0.5em;
}
div.past img{
	float:left;
	margin:4px 12px 6px 0;
	}
div.past ul li{
	list-style-type:decimal;
	list-style-position:inside;
	}
	
.LBcopyright{
	font-size:93%;
	font-weight:normal;
	}
/****************************pastここまで*****************************************/
/******************************「先頭へ戻る」*************************************/
div.back{
	margin-top:1em;
	text-align:right;
	font-size:93%;
	}
	
div#who div.back{
	position:relative;
	top:-120px;
	}
/**************************「先頭へ戻る」ここまで*****************************/
	
/********************************footerスタイル************************************/
div#footer{
	clear:both;
	border-top:1px solid #bbbbbb;
	font-size:72%;
	text-align:center;
	}
	
div#footer ul{
	margin:3px 0 0 0;
	}
	
	
div#footer ul li{
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px dotted #999999;
	}
div#footer ul li.top{
	border-left:1px dotted #999999;
	}
div#footer a{
	background-image:none;
	padding-left: 0px;
	color:#444444;
	}
div#footer a:hover{
	color: #FF9900;
	}
p.copyright{
	color:#555555;
	text-align:right;
	}
/********************** accessウィンドウ設定****************************/
div#access-header{
	clear:right;
	border-left:8px solid #444444;
	padding-left:5px;
	line-height:150%;
	}
div#access-header h3{
	font-size:larger;
	font-weight:bolder;
	margin-bottom:1px;
	background-image:url(images/access_icon.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:19px;
	}
	
img.map{
	margin:10px 0 10px 0;
	}
	
ul.rail{
	width:450px;
	height:auto;
	border:1px dotted #999999;
	padding:12px 12px 12px 20px;
	margin-right:30%;
	line-height:140%;
	}
ul.rail li{
	margin-left:1em;
	list-style-type:disc;
	}
	
p.close{
	position:absolute;
	top:12px;
	left:470px;
	overflow:hidden;
	font-size:13px;
		}
	
p.close a{
	height:18px;
	display:block;
	background-image:url(images/close.gif);
	background-position:0 0%;
	background-repeat:no-repeat;
	padding-left:14px;
	color:#444444;
	}
p.close a:hover{
	color: #FF9900;
	background-position:0 -18px;
	}
/*win IE修正用*/
*html ul.rail{
	padding:12px 12px 12px 20px;
	margin-right:35%;
	}
/*win IE修正用ここまで*/
	
/************************lightbox設定************************/
.black_overlay{
	display: none;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-color:black;
	z-index:9997;
	-moz-opacity: 0.65;
	opacity:0.65;
	filter: alpha(opacity=65);
	}
.white_content{
	font-size:85%;
	display:none;
	position: fixed;
	top: 75px;
	left: 180px;
	width: 520px;
	height: 520px;
	padding: 16px;
	padding-top:16px;
	border-top: 12px solid #2C6423;
	background-color: white;
	z-index:9998;
	overflow: auto;
	}
/*win IE修正用*/
*html .black_overlay{
	position:absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height:200%;
	background-color:black;
	z-index:9997;
	-moz-opacity: 0.65;
	opacity:0.65;
	filter: alpha(opacity=65);
	}
*html .white_content {
	position:absolute;
	}
*html div#access-header h3{
	font-size:larger;
	font-weight:bold;
	}
	
*html .white_content {
	font-size:85%;
	width: 520px;
	height: 520px;
	padding: 14px;
	padding-top:18px;
	}	
/*win IE修正用ここまで*/
#event_container {padding: 15px; background: #ffff85;}
#event_container dl {background: #fff; padding:10px;}
#event_container ul {background: #fff; padding:0 10px 10px 10px;}
#event_container h4 {margin-bottom: 10px; font-weight: bold; font-size: 14px;}
/*080804 style*/
.container_080804 {
	width:592px;
	color: #420;
	background-image: url(images/080804_bg3.gif);
	background-repeat: repeat-y;
	background-position:-10px 0;
	}
.container_080804 p{
	padding-left:76px;
	width: 475px;
	}
.container_080804 h3{
	color: #420;
	}
.bottom_080804 {
	color: #420;
	height: 200px;
	margin-top:-14px;
	background-image: url(images/080804_bg2.gif);
	background-repeat: no-repeat;
	background-position:25px 0;	
	}
.bottom_080804 p{
	position: relative;
	text-align: right;
	right: 50px;
	top: 50px;
	}
.schedule_080804 {
	padding: 15px;
	padding-top: 0px;
	border: 1px solid #420;
}
.schedule_080804 h3#h3_080804{
	color: #fff;	
	font-weight: bold;
	background-image: url(images/080804_1.gif);
	padding: 10px ;
	padding-left: 60px;
	margin: 0 -15px 10px -15px;
	text-indent: -0.5em;
	background-repeat: no-repeat;
	background-position:10px center;	
	background-color: #79b752;	
	border: none !important;	
	}
.schedule_080804 h4{
	color: #333;
	padding:5px 15px 5px 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #522;
	border-left: 3px solid #522;
	}
.entry_080804, .note {
	margin-top:15px;
	padding: 15px;
	background-color: #ef9;
	}
.entry_080804 ul, .note ul,  .note .note_internal{
	border: 1px dotted #522;
	padding: 15px;
	padding-left: 30px;
	background-color: #fff;
	}
	
.guest_080804 dt {
	clear: left;
	float: left;
	}
	
.guest_080804 dd {
	margin-left: 6em;
	}
.profile_container_080804 h3#h3_080804{
	color: #fff;
	background-image: url(images/080804_2.gif);
	background-repeat: no-repeat;
	background-position:10px center;	
	background-color: #79b752;	
	margin: 0 -15px 15px -15px;
	padding: 15px ;
	padding-left: 75px;
	border: none !important;
}
.profile_080804 {
	margin-bottom: 20px;
	}
.profile_080804 dt{
	border-bottom: 1px dotted #522;
	margin-bottom: 5px !important;
	}
.profile_container_080804{
	padding: 15px;
	padding-top: 0px;
	border: 1px solid #420;
	}
	/******090203*****/
.topic_090203 {
	margin: 15px 0;
	font-weight: bold;
	color: #9e943b;
	}
	/******090420*****/
.div_090420 {
	background: #efc2c2;
	padding: 10px;
	margin-bottom: 10px;
	}	
.div_090420 h4{font-weight: bold; color: #368f1a; font-size: 116%; margin-bottom: 5px;}
.inner_090420 {
	background: #fff;
	padding: 10px;
	margin-top: 10px;
	font-size: 93%;
	}	
a:visited .highlight_red, .highlight_red {font-weight: bold; color: #ff2a00;}
	
/***090818 added ***/
.profile090818 {border: 1px solid #ccc; padding: 15px; margin-top: 15px;}
.profile090818 dl {margin-top: 5px;}
.profile090818 dt {font-weight: bold;}
.border_ccc {border:1px solid #ccc; padding: 15px;}
/***090909 added ***/
.col090915 .photos {background: #e8e8e8; padding: 15px;}
.col090915 .organizers {background: #f8f8f8; padding: 15px;}
.col090915 .organizers dt {float: left; width: 3em;}
.col090915 .organizers dd {margin-left: 3em;}
.col090915 .organizers span {width: 9em; display: inline-block;}
.col090915 .artists {margin:0 0 30px; background: #e8e8e8; padding: 15px;}
.col090915 .artists ul {float:left; margin-right: 15px;}
.col090915 .organizers_en {background: #f8f8f8; padding: 15px;}
.col090915 .organizers_en dt {float: left; width: 6em;}
.col090915 .organizers_en dd {margin-left: 6em;}
.col090915 .organizers_en span {width:12em; display: inline-block;}
.col090915 .artists_en {margin:0 0 30px; background: #e8e8e8; padding: 15px;}
.col090915 .artists_en ul {float:left; margin-right: 60px;}
/*** 100105 ***/
.three_img li, .two_img li {float: left;}
/***100110***/
#recruit{width:auto; line-height:180%; padding:20px 40px 40px; border-top:8px solid #C8BB45; color:#4e4e4e;}	
#recruit h4 {font-size: 20px; font-weight: bold; color:#2C6423; margin-bottom: 20px;}
#recruit p, #recruit ul, #recruit dl {margin-bottom:1em; }
#recruit dt {font-weight:bold;color:#2C6423;}
#recruit dd {margin-left:1em;}
#recruit .small {margin-bottom:0em;}
dt.title{
	border-left:5px solid #E60000;
	border-bottom:1px dotted #E60000;
	padding:0 0 3px 4px;
	margin-bottom:0.5em;
	font-size: 100%;
	font-weight: normal;
	}	
	
/*** event_stye ***/
.event_style {line-height:175%;}
.event_style a.image {background:none; padding:0; margin:0;}
.event_style .note1 {color:#e60000; font-size:11px; line-height:175%;}
.event_style .note2 {background:#fcfbde; padding:20px;}
.event_style .note3 {font-size:11px; line-height:175%;}
.event_style .intro{color:#2c6423; font-weight:bold;}
.event_style li {text-indent:-1em; margin-left:1em;}
.event_style li li {text-indent:-1em; margin-left:0em;}
.event_style div, .event_style ul, .event_style p, .event_style dl, .event_style .profile dd{margin-top:20px;}
.event_style .margin_t0 {margin-top:0;}
.event_style .margin_l0 {margin-left:0;}
.event_style .margin_t20 {margin-top:20px;}
.event_style .float5_5 .float_l, .event_style .float5_5 .float_r{width:49%;}
.event_style .float2_1 .float_l{width:65%;}
.event_style .float2_1 .float_r{width:32%;}
.event_style .profile {border:1px solid #ddeedd; padding:0 20px 20px;}
.event_style .profile dt {font-weight:bold;}
