@charset 'UTF-8';

/*  aotake:#119779  cherry:#e1597e*/

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; background:transparent; }
h1,h2,h3,h4,h5 { font-weight:bold; }
img { border:0; vertical-align:bottom; }
ul { list-style:none; }

p {	margin:0 0 1em 0;}


/**************************************************************************************
 　ｔｙｐｏ
**************************************************************************************/

body { font-size:75%; line-height:1.6; color:#555;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,'ＭＳ Ｐゴシック',sans-serif;}

h1 { font-size:150%; color:#119779; }
h2 { font-size:133.3%; color:#119779;}
h3 { font-size:117%; color:#119779; }
h4, h5 { font-size:100%; }

#index-top h2 { height:30px; line-height:30px;}

#about1 h2, #sponsor h2, #sponsor2 h2, #about h3 { letter-spacing:0.1em; }
#about h3 span a { font-size:83%; font-weight:normal;}

#sponsor h2 span,
#sponsor2 h2 span { font-size:75%;}

/* kyoten-info*/
#info h2 { color:#e1597e; }
#info h3 { font-size:150%; font-family:Helvetica, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,'ＭＳ Ｐゴシック',sans-serif; }
#info h3 span {	font-size:67%; }
#pages-bottom h4 { margin:0 0 1.2em 0; } /* #event1, #event2*/

.event-list h3 { font-size:100%; }
.event-list h4 { color:#e1597e; }

a:link { color:#119779; }
a:visited{ color:#119779; }
a:hover { color:#e1597e; }

a:focus { -moz-outline-style:none;}
a { overflow:hidden;}

a.img-link, ul#photos a, #sponsor ul a, #sponsor2 ul a, #arrows ul a { text-decoration:none; }
a.img-link:hover, ul#photos a:hover, #sponsor ul a:hover img { filter:Alpha(opacity=70); opacity:0.70; }

.event-list ul li.selected a { text-decoration:none; color:#e1597e; }
.event-thumb p { font-size:83%; }

strong { font-style:normal; font-weight:bold;}
.smaller { font-size:83%;}
.attention { color: #e1597e; }

#sponsor ul li, #sponsor ul li a { font-size:10px; }
#sponsor2 ul li, #sponsor2 ul li a { font-size:10px; }



body { background-color:#54BE92;}

body.event-list { background-color:#e1597e;}
body.event-list { background-color:#F6A4A8;}


body.pages2col,
body.pages3col { background-color:#87D2A0;}


#wrap { background-color:#fff;}



/**************************************************************************************
 　ｉｎｄｅｘ
**************************************************************************************/

body.index { width:4970px;}/*just*/
* html body.index { width:4980px;}

.index #top {
	float:left;
	width:370px; height:580px;
	background:url(../img/bg-twitter.png) no-repeat right bottom;
}

.index #top p {
	margin:10px 0 0 80px;
	text-align:center;
}

ul#tweet{ width:180px; height:100px; overflow:hidden; font-size:10px;}
ul#tweet li{ height:96px; padding:2px; overflow:hidden;}

#hash { position:absolute; top:265px; left:100px;}
#hash a { display:block; width:105px; height:31px; background:url(/img/bg-hash.png) no-repeat center center; text-indent:-9999em;}
#hash a:hover { background-image:url(/img/bg-hash-on.png) }
	 
.index #main {
	height:580px;
	margin:0 0 0 370px;
}

.index #index-top {
	width:auto;	height:400px;
}

.index #bottom {
	height:160px;
	padding:20px 0 0 0;
}

#map-frame {
	float:left;
	position:relative;
	width:820px;height:400px;
}

#map-frame p.map-help {
	width:9em;
	margin:0 0 10px 0; padding:0.5em 1em;
	position:absolute; bottom:-12px; right:-18px;bottom:0; right:0;
	text-align:right;
	background-color:#fff;
	border:10px solid #54BE92; border-bottom:0;
}

#about { float:left; border-top:30px solid #54be92;}

#about1 {
	float:left;
	width:440px; height:400px; overflow: auto;
	margin-top:-30px; padding:0 0 0 20px;
	position:relative;/*for ie6 */
	
}

#about2 {
	float:left;
	width:440px; height:355px; overflow: auto;
	padding:15px 0 0 20px;
}

#about1 ul, #about2 ul {
	list-style:disc;
	padding:0 0 1em 1.5em;
}

#sponsor,#sponsor2 {
	float:left;
	height:400px;
	padding:0 0 0 30px;
	position:relative;
}


#about1 h2 { color:#fff; width:16em; margin-bottom:15px; padding-right:30px;
background:url(../img/foot.jpg) no-repeat right center;
}

#sponsor h2, #sponsor2 h2 {
	color:#fff;
	background-color:#54be92;
	display:block;
	margin:0 0 15px -30px;
	padding:0 0 0 50px;
}


#sponsor h2 a, #sponsor2 h2 a { color:#fff;}

#sponsor { width:2200px;}
#sponsor2 { width:600px;}

#sponsor ul li, #sponsor2 ul li {
	float:left;
	display:block;
	width:200px; padding:0 0 20px 0;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	height:100px;
}

ul#photos li {
	float:left;
	width:150px;
	padding:0 20px 0 0;
}

ul#photos a {
	display:block;
	width:150px; height:150px;
}

ul#photos a img {
	display:none; /*for kyoten.js*/
}


/*2010追記：scroll*/

#about1, #about2,
#event1, #event2 {
	overflow: auto;
}


/**************************************************************************************
 　ｐａｇｅｓ
**************************************************************************************/

.pages2col { width:900px; }
.pages3col { width:1360px; }

#pages-top {
	width:auto; height:180px;
}

#pages-bottom {
	clear:left;
	height:400px;
	padding:0 0 0 20px;
}

#pages-title {
	float:left;
	width:388px; height:180px;
	padding:0 0 0 20px;
	position:relative;
}

#pages-title p {
	margin:0;
}

#pages-title h1 {
	margin:25px 0 0 0;
}

#pages-title #link-next {
	vertical-align:bottom;
}

p#category {
	width:388px;
	margin:0 0 5px 0;
	text-align:right;
	position:absolute; bottom:0px; right:0px;
}

#info {
	float:left;
	width:auto; height:160px;
	padding:25px 0 0 32px;}

#place {
	height:70px;
}

#place h2 #site-link { font-size:67%; letter-spacing:1px; }

#info .tel {
	letter-spacing:1px;
}
	

#kyoten-img {
	float:left;
	width:400px; height:400px;
	padding:0 20px 0 0;
}

#event1, #event2 {
	float:left;
	width:440px; height:380px;
	padding:20px 20px 0 0;
}

#event1 h4, #event2 h4 {
	margin:0 0 1em 0;
}


/**************************************************************************************
 　ｃａｔｅｇｏｒｙ　ｌｉｓｔ
**************************************************************************************/

/* art:11>4col per:4>2col food:8>3col work:4>2col life:7>3col */

body.art { width:1880px; }/*4col: 460px*4+20px=2780 + extra20px｜2col:960px｜3col:1420px;*/
body.performance { width:960px;}
body.food{width:1420px;}
body.workshop {width:960px;}
body.life { width:1420px; }

.event-list #top {
	width:auto;
	height:70px;
}

.event-list #bottom { 
	clear:left;
	height:498px;
	padding:12px 0 0 20px;
}

.event-list h1 {
	float:left;
	width:170px; height:70px;
	padding:0 0 0 20px;
}

.event-list h1 span {
	vertical-align:bottom;
}

.event-list #top ul {
	float:left;
	padding:50px 0 0 0;
}

.event-list #top ul li {
	font-weight:bold;
	display:inline;
}

.event-thumb {
	float:left;
	width:440px; height:150px;
	padding:16px 20px 0 0;
	position:relative;
}

.event-thumb a.img-link {
	float:left;
	display:block;
	width:150px; height:150px;
}

.event-thumb-text {
	margin:0 0 0 150px;
	height:150px;
}

.event-thumb h4 {
	margin-right:-20px; height:32px; line-height:32px;
	padding:0 0 0 32px;	position:relative;/*for IE6 negative margin*/
}

.event-thumb h3 {
	padding:0 0 0 20px;
}
	
.event-thumb p {
	width:270px;
	position:absolute; bottom:0; right:20px;
}


/**************************************************************************************
 　ｇｍａｐ
**************************************************************************************/

#map {
	width:800px; height:390px;
	border:10px solid #54BE92; border-top:none;
}

#InfoWindow {
	width:20em;
	padding:15px 0;
}

#InfoWindow h4 { color:#e1597e; margin:0 0 6px 0; }
#InfoWindow h3 { margin:0 0 10px 0; }


#InfoWindow h4, #InfoWindow h3 a {
	font-size:12px; 
}

#InfoWindow p {
	font-size:10px;
}


/**************************************************************************************
 　ｗｅｂ−ｍａｐ
**************************************************************************************/

.webpage #top {
	width:1000px; height:70px;
	position:relative;
}

.webpage h1 {
	float:left;
	padding:0 0 0 20px;
}

.webpage h1 span {
	vertical-align:bottom;
}

p#pdf {
	margin:0;
	position:absolute; bottom:0; right:10px;
}

.webpage #map {
	clear:left;
	width:980px; height:800px;
	margin:10px 0 0 0;
	border-top:10px solid #119779;
}


/**************************************************************************************
 　ｓｐｏｎｓｏｒ
**************************************************************************************/

body.sponsor #wrap { width:500px;}

.sponsor #top {
	width:auto;
	height:70px;
}

.sponsor #bottom { 
	clear:left;
	padding:20px 0 0 20px;
}

.sponsor h1 {
	float:left;
	padding:0 0 0 20px;
}

.sponsor h1 span {
	vertical-align:bottom;
}

.sponsor h3 {font-size:150%;color:#e1597e;}
.sponsor ul li {clear:both; margin:0 0 20px 0;}
.sponsor ul img {width:150px; float:left;}
.sponsor ul h4 { margin:0 0 5px 160px; font-size:117%;}
.sponsor ul p { margin-left:160px;}


/**************************************************************************************
 　ａｒｒｏｗｓ
**************************************************************************************/

#arrows {
	position:fixed;	top:480px;	left:70px; 
	width:185px; height:80px;
	cursor:pointer;
}

#arrows ul li { display:inline; }
#arrows ul li { width:40px; height:30px;}
#arrows ul li#nyaco { width:90px; height:80px; }

#arrows ul li a{
	width:40px;	height:30px;
	margin:50px 5px 0 0;
	display:block;
	float:left;
	overflow:hidden;
	cursor:pointer;
	/*font-size:50em;*/text-indent:-9999em;
}

#arrows ul li#nyaco a { width:90px;height:80px; margin:0;  }

#arrows ul #nyaco a { background:transparent url(/img/nyaco.gif) no-repeat;}
#arrows ul #left a { background:transparent url(/img/arrow-left.png) no-repeat;}
#arrows ul #right a { background:transparent  url(/img/arrow-right.png) no-repeat;}


/**************************************************************************************
 　ｆｏｒＩＥ６
**************************************************************************************/

*html #arrows ul #left a {background:transparent url(/img/arrow-left8.png) no-repeat;}
*html #arrows ul #right a{background:transparent url(/img/arrow-right8.png) no-repeat;}
*html #arrows ul #nyaco a {background:none;}

*html .smaller { font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} /*IE7でもチェック*/