kitagata_old/css/template.css

@charset "utf-8";

/* space start */
div#space{
	position: relative;
	display: block;
	width: 200px;
	height: 410px;
	margin: 10px 10px 10px 0px;
	background-color: #ffffff;
}
	article#space{
		position: relative;
		display: block;
		width: 180px;
		height: 280px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}
	div#space_title{
		position: relative;
		display: block;
		width: 180px;
		height: 32px;
		margin: 0px 0px 0px 0px;
		background-image: url(img/shortbar.png);
	}
	div#space_title_block{
		position: relative;
		display: block;
		width: 180px;
		margin: 0px 0px 0px 10px;
	}
	span#space_title{
		display: table-cell;
		width: 180px;
		height: 32px;
		font-size: 18px;
		color: #ffffff;
		vertical-align: middle;
	}
/* space end */

/* template start */
section#template {
	position: absolute;
	display: block;
	top: 70px;
	left: 250px;
	width: 710px;
	height: 1020px;
	margin: 10px 10px 0px 0px;
	background-color: #ffffff;
	/*background-image: url(img/topicbackground_secondfloor.png);*/
}
	/* breadcrumb start */
	article#breadcrumb {
		position: relative;
		display: block;
		height: 20px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 0px 10px;
	}
	div#breadcrumb_title{
		position: relative;
		display: block;
		width: 690px;
		height: 20px;
		margin: 0px 0px 0px 0px;
	}
	
	div#breadcrumb_title_block{
		position: relative;
		display: block;
		width: 690px;
		margin: 0px 0px 0px 10px;
	}
	/* breadcrumb end */

	/* template start */
	article#template{
		position: relative;
		display: block;
		width: 690px;
		/*height: 460px;*/
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}
	
	div#template_title{
		position: relative;
		display: block;
		width: 690px;
		height: 32px;
		margin: 0px 0px 0px 0px;
		background-image: url(img/longbar_secondfloor.png);
	}
	
	div#template_title_block{
		position: relative;
		display: block;
		width: 690px;
		margin: 0px 0px 0px 10px;
	}
	span#template_title{
		display: table-cell;
		width: 690px;
		height: 32px;
		font-size: 18px;
		color: #ffffff;
		vertical-align: middle;
		font-weight:bold;
	}
	/* template end */

	/* template_list_title start */
	article#template_list_title{
		position: relative;
		display: block;
		width: 680px;
		/*height: 460px;*/
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 10px 20px;
	}
	div#template_title2{
		position: relative;
		display: block;
		width: 680px;
		height: 32px;
		margin: 0px 0px 0px 0px;
		background-image: url(img/longbar2_secondfloor.png);
	}
	span#template_title2{
		display: table-cell;
		width: 680px;
		height: 32px;
		font-size: 18px;
		color: #000000;
		vertical-align: middle;
		font-weight:bold;
	}
	/* template_list_title end */
	span.template_list{
		display: table-cell;
		width: 680px;
		height: 32px;
		font-size: 18px;
		color: #000000;
		vertical-align: middle;
	}
	/* template start */
	span#template_article_block {
		position: relative;
		display: block;
		width: 660px;
		margin: 10px 0px 10px 10px;
	}
	/* template end */
	div.space250{
		height:250px;
	}
	div.space200{
		height:200px;
	}
	div.space100{
		height:100px;
	}
	div.space10{
		height:10px;
	}
/* template end */