@import "common.css";

/* CSS Document */

/* ------------------------------
　　　　トップページ
------------------------------  */


/* HEADER */

div#header-top {
	clear: both;
	background: url(../../images/head_bg.jpg) top left no-repeat;
	height: 356px;
	padding: 0 0 8px 0;
}

div#header-top h1 {
	padding: 20px 0 0 0;
	margin: 0 0 0 146px;
	float: left;
	display: inline;
}

div#header-top div#right {
	float: left;
	display: inline;
}

div#header-top div#right p#sub-title {
	margin: 116px 0 0 191px;
}

div#header-top div#right h2 {
	margin: 0 0 0 286px;
}

div#header-top div#right p#txt {
	margin: 36px 0 0 229px;
}

div#groval-navi ul#top {
	padding: 0 0 0 40px;
}

div#groval-navi ul#top li {
	display: inline;
	margin: 0 0 0 22px;
}

/* MAIN内、Left欄*/

div#inner-wrap div#left-top {
	float: left;
	display: inline;
	width: 621px;
	margin: 10px 0 0 15px;
	padding: 0;
}

/* MAIN内、Left 「鎌倉芸術祭とは」欄*/

div#inner-wrap-y {
	background: url(../../images/inner_y_bg.jpg) top left repeat-y;
	width: 621px;
	margin: 0;
	padding: 0;
}

div#inner-wrap-y h2#st {
	margin: 10px 0 0 22px;
}

div#inner-wrap-y p.txt {
	margin: 10px 25px 0 27px;
	line-height: 1.3em;
}
div#inner-wrap-y div.short {
	margin: 10px 15px 0 27px;
	width: 577px;
	line-height: 1.3em;
}
div#inner-wrap-y div.short p.txt{
	margin: 0;
	width: 470px;
}
div#inner-wrap-y div.short p.btn {
	width: 100px;
}

div#inner-wrap-y p.sst {
	margin: 10px 0 0 20px;
	padding: 4px 0 0 10px;
	font-size:14px;
	background:url(../images/sst_bg2.jpg) repeat-x left top;
	width: 567px;
	height: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
}

div#inner-wrap-y ul#kako {
	margin: 10px 0 20px 35px;
}

div#inner-wrap-y ul#kako li {
	padding: 10px 0 0 10px;
	display: inline;
	font-size: 12px;
	background: url(../images/arrow_s.jpg) no-repeat left 13px;
}

/* MAIN内、Left 「鎌倉芸術祭とは」欄 終わり*/

/* MAIN内、Left 「NEWS」欄*/

div#news {
	width: 615px;
	margin: 20px 0 20px 2px;
}

div#news dl {
	margin: 15px 0 0 20px;
	line-height: 2em;
	width: 595px;
}

div#news dt {
	width: 8em;
	padding: 0 0 0 10px;
}

* html body div#news dt {
	margin-bottom: -1.5em;
}

div#news dd {
	width: 470px;
	margin: 0 20px 0.5em 0;
	padding: 0.2em 0 0.3em 8em;
	border-bottom: dotted 1px #eabd0b;
	line-height: 1.5em;
}

div#news dt + dd {
	margin-top: -1.5em;
}

div#news p#more {
	text-align: right;
	margin: 10px 20px 0 0;
}

/* MAIN内、Left 「NEWS」欄 終わり*/

/* MAIN内、Right */
div#inner-wrap div#right-top {
	float: left;
	display: inline;
	width: 258px;
	margin: 12px 0 0 10px;
	padding: 0;
}


/* MAIN内、Right「鎌芸サポーター」欄 */
div#support {
	background: url(../../images/support_bg.jpg) top left repeat-y;
	margin: 10px 0 0 0;
}

div#support p.txt {
	margin: 10px 15px 0 20px;
	line-height: 1.3em;
}

div#support div#foot p {
	float: left;
	display: inline;
}

/* MAIN内、Right「鎌芸サポーター」欄 終わり */

/* MAIN内、Right「Twitter」欄 */
div#twitter {
	margin: 10px 0 15px 0;
}

div#twitter div#head p {
	float: left;
	display: inline;
}

div#twitter div#main_area {
	background: url(../../images/twitter_bg.jpg) no-repeat;
	height: 214px;
	padding: 0 0 0 60px;
}

/* MAIN内、Right「Twitter」欄 終わり*/

/* MAIN内、Right「Blog」欄 */
div#blog {
	margin: 10px 0 20px 0;
	background: url(../../images/blog_bg.jpg) top left repeat-y;
}

div#blog div.txt {
	margin: 10px 25px 0 30px;
}

div#blog div#blogfoot p {
	float: left;
	display: inline;
}

/* MAIN内、Right「Blog」欄 終わり*/
/* MAIN内、Right 終わり*/