@charset "utf-8";
/*
Theme Name: SPi WP Framework
Theme URI: http://www.spids.jp/
Description: WordPress theme framework.
Version: 1.0
Author: SPi design studio
Author URI: http://www.spids.jp/
Tags: framework, fixed width

	Based on WordPress 3.3.x

*/

/*======================================================================
	common
======================================================================*/
* { margin: 0; padding: 0; border: 0; }

header, nav, section, article, aside, footer { display: block; }

html, body {
	background: url(images/bg_body_01.jpg) center top;
	color: #24140E;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.0;
}

a       { color: #030; text-decoration: underline; }
a:hover { text-decoration: none; }

img.alignleft  { float: left; margin-right: 20px; }
img.alignright { 20px; float: right; margin-left: }

table { width: 100%; }

li { list-style-type: none; }

h4.arrow {
	background: url(images/bg_h4_01.png) left center no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding-left: 16px;
	height: 16px;
	margin-bottom: 6px;
}


/*-----------------------------------
	class
-----------------------------------*/
.floatleft  { float: left; margin-right: 20px; }
.floatright { float: right; margin-left: 20px; }

.clearboth  { clear: both;  height: 0; }
.clearleft  { clear: left;  height: 0; }
.clearright { clear: right; height: 0; }

.alignright  { text-align: right;  }
.aligncenter { text-align: center; }

.red    { color: #C00; }
.orange { color: #F60; }
.blue   { color: #0CF; }

.size10 { font-size: 10px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size20 { font-size: 20px; }

.bold   { font-weight: bold; }
.normal { font-weight: normal; }


/*======================================================================
	header.php
======================================================================*/
header {
	width: 960px;
	height: 240px;
	margin: 0 auto;
}

	h2 {
		float: left;
		width: 190px;
	}
	
	header div.right {
		float: left;
		width: 750px;
		margin: 25px 0 0 20px;
	}
	
		#searchbox {
			margin-left: 490px;
			background: url(images/bg_searchbox_01.jpg) center top no-repeat;
			width: 260px;
			height: 30px;
		}
	
			#searchbox input#s {
				background: none;
				width: 215px;
				margin: 5px;
				padding: 2px 5px;
				font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana;
				font-size: 12px;
				outline: none;
			}
	
		h1 {
			font-size: 16px;
			font-weight: normal;
			line-height: 1.5;
			height: 105px;
		}
		
		nav {
			height: 50px;
		}
	
			nav li {
				display: inline;
			}
	
	/* photo slide show */
	#slideshow {
		padding: 40px 0 0;
	}
	
		#bigPic{
			width: 760px;
			height: 470px;
			margin: 0 auto;
		}
		
		#bigPic img{
			position: absolute;
			display: none;
		}
		
		ul#thumbs li.active {
			background: url(images/bg_thumb_01_active.jpg) center center no-repeat;
			padding: 0 4px;
		}
		
		ul#thumbs {
			margin: 15px auto 0;
			padding: 0;
			width: 80px;
		}
		
		ul#thumbs li {
			float: left;
			background: url(images/bg_thumb_01.jpg) center center no-repeat;
			padding: 0 4px;
			cursor: pointer;
		}
		
		ul#thumbs li:hover {
			background: url(images/bg_thumb_01_active.jpg) center center no-repeat;
		}
		
		ul#thumbs li.right {
			margin-right: 0;
		}
		
		ul#thumbs img {
			float: left;
			width: 8px;
			height: 8px;
			line-height: 8px;
			overflow: hidden;
			position: relative;
		}


/*======================================================================
	index.php
======================================================================*/
#main {
	width: 960px;
	margin: 0 auto;
}

	#content {
		float: left;
		width: 660px;
	}
	
	.index {
	}
	
		.index section.info {
		}
		
			.index section.info div.abs {
				position: absolute;
				font-size: 10px;
				margin: -16px 0 0 273px;
			}
			
			.index article.excpt {
				margin-top: 10px;
				border-bottom: 1px dashed #AB9A94;
				padding: 0 10px 5px;
				line-height: 1.4;
			}
	
				.index article.excpt h4 {
					font-size: 14px;
					font-weight: bold;
				}
	
					.index article.excpt h4 a {
						color: #24140E;
						text-decoration: none;
					}

		.index section.fb {
			margin-top: 40px;
		}
		
			.index section.fb iframe {
				margin-top: 10px;
			}
		

/*======================================================================
	sidebar.php
======================================================================*/
#sidebar {
	float: left;
	width: 260px;
	margin-left: 40px;
}

	#sidebar .social {
	}

		#sidebar .social p {
			float: left;
			width: 130px;
			height: 20px;
		}

	#sidebar .access {
		margin-top: 20px;
	}


/*======================================================================
	footer.php
======================================================================*/
footer {
	width: 960px;
	margin: 40px auto 0;
	padding: 10px 0 80px;
	border-top: 1px solid #AB9A94;
}

	.pagetop {
		text-align: right;
	}
	
	.copyright {
		margin-top: 55px;
		text-align: center;
	}


/*======================================================================
	page.php
======================================================================*/
.pagecontent {
	line-height: 1.5;
	padding: 30px 0 0 10px;
}

	.pagecontent p {
		margin-bottom: 16px;
	}

	.pagecontent ul li {
		list-style-type: square;
		margin: 0 0 5px 20px;
	}

	.pagecontent ol li {
		list-style-type: decimal;
		margin: 0 0 5px 25px;
	}

#timetable {
}

	#timetable table {
		border-top: 1px solid #AB9A94;
		border-left: 1px solid #AB9A94;
	}

	#timetable td {
		border-right: 1px solid #AB9A94;
		border-bottom: 1px solid #AB9A94;
		text-align: center;
		padding: 5px;
	}

	#timetable td.date {
		background: #D5CCC9;
		font-weight: bold;
	}

	#timetable td.noborder {
		border-bottom: none;
	}

	#timetable td.noempty:hover {
		background: #FFF;
	}

	#timetable td.nopadding {
		padding: 1px;
		line-height: 1.0;
	}


/*======================================================================
	archive.php
======================================================================*/
.archive {
		line-height: 1.5;
}

	.archive article.info {
		margin-top: 10px;
		border-bottom: 1px dashed #AB9A94;
		padding: 0 10px 5px;
	}

		.archive article.info h4 {
			font-size: 14px;
			font-weight: bold;
		}

		.archive article.info a {
			color: #24140E;
			text-decoration: none;
		}

	.archive section.artist {
		padding: 20px 0;
	}

		.archive section.artist article {
			float: left;
			width: 200px;
			height: 200px;
			padding: 5px;
			background: #FFF;
			margin: 5px;
			line-height: 1.0;
		}

	.archive .shopleft {
		float: left;
		width: 320px;
		margin-top: 20px;
	}

	.archive .shopright {
		float: left;
		width: 320px;
		margin-top: 20px;
		margin-left: 20px;
	}

		.archive .shopleft li,
		.archive .shopright li {
			padding: 10px 0 5px;
			border-bottom: 1px dashed #AB9A94;
			text-align: center;
		}

	.archive .supporter {
		margin-top: 20px;
		text-align: center;
	}

		.archive .supporter div {
			/*float: left;*/
			display: inline-block;
			padding: 10px 10px;
			margin-bottom: 10px;
		}

			.archive .supporter div a {
				padding: 5px 10px;
				border: 1px dashed #AB9A93;
				text-decoration: none;
				font-weight: bold;
				font-size: 14px;
			}

			.archive .supporter div a:hover {
				background: #FFF;
			}


/*======================================================================
	single.php
======================================================================*/
.singletitle {
	margin: 30px 0 0 10px;
	background: url(images/bg_h4_01.png) left center no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding-left: 16px;
	height: 16px;
}

.singlecontent {
	line-height: 1.5;
	padding: 30px 0 0 10px;
}

	.singlecontent img {
		padding: 10px;
		background: #FFF;
	}

	.singlecontent p {
		margin-bottom: 16px;
	}

	.singlecontent ul li {
		list-style-type: square;
		margin: 0 0 5px 20px;
	}

	.singlecontent ol li {
		list-style-type: decimal;
		margin: 0 0 5px 25px;
	}


/*======================================================================
	search.php
======================================================================*/
.search {
		line-height: 1.5;
}

	.search article {
		margin-top: 10px;
		border-bottom: 1px dashed #AB9A94;
		padding: 0 10px 5px;
	}

		.search article h4 {
			font-size: 14px;
			font-weight: bold;
		}

		.search article a {
			color: #24140E;
			text-decoration: none;
		}