kitagata_old/css/body.css

@charset "utf-8";

/* space start */
div#space{
	position: absolute;
	display: block;
	top: 690px;
	left: 40px;
	width: 200px;
	height: 410px;
	margin: 0px 0px 0px 0px;
	background-color: #123465;
}
	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: relative;
	display: block;
	top: 0px;
	left: 210px;
	width: 710px;
	min-height: 1020px;
	margin: 10px 10px 10px 0px;
	/*background-color: #ffffff;*/
	background-image: url(img/topicbackground_secondfloor.png);
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
	/* breadcrumb start */
	article#breadcrumb {
		position: relative;
		display: block;
		left: 0px;
		width: 690px;
		height: 20px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 0px 10px;
	}
	div#breadcrumb_title{
		position: absolute;
		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: 325px;
		/*height: 460px;*/
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
	}
	div#template_title2{
		position: relative;
		display: block;
		width: 325px;
		height: 32px;
		margin: 0px 0px 0px 0px;
		background-color: #35b7ac;
		/*background-image: url(img/longbar2_secondfloor.png);*/
	}
	span#template_title2{
		display: table-cell;
		width: 325px;
		height: 32px;
		font-size: 18px;
		color: #FFFFFF;
		vertical-align: middle;
		/*font-weight:bold;*/
		text-decoration: underline;
	}
	/* template_list_title end */
	span.template_icon{
		position: relative;
		top: 6px;
		width: 20px;
		height: 20px;
		font-size: 18px;
		color: #FFFFFF;
		vertical-align: middle;
		/*font-weight:bold;*/
		text-decoration: none;
	}
	span.template_list{
		display: inline;
		width: 325px;
		font-size: 18px;
		margin: 0px 0px 10px 0px;
		color: #000000;
		vertical-align: middle;
	}
	div.template_list{
		display: block;
		width: 325px;
		font-size: 18px;
		margin: 0px 0px 10px 0px;
		color: #000000;
		vertical-align: middle;
	}
	img.template_list{
		position: relative;
		display: block;
		vertical-align: middle;
	}
	span.template_list_img{
		display: block;
		height: 15px;
		font-size: 18px;
		margin: 0px 5px 10px 0px;
		color: #000000;
		vertical-align: middle;
	}
	a.s_link{
		color: #FFFFFF;
	}
	/* template start */
	span#template_article_block {
		position: relative;
		display: block;
		width: 690px;
		margin: 10px 0px 10px 0px;
	}
	/* template end */
	article#template_list_title3{
		position: relative;
		display: block;
		width: 690px;
		/*height: 460px;*/
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
	}
	div#template_title3{
		position: relative;
		display: block;
		width: 690px;
		height: 32px;
		margin: 0px 0px 0px 0px;
		background-color: #35b7ac;
		/*background-image: url(img/longbar2_secondfloor.png);*/
	}
	span#template_title3{
		display: table-cell;
		width: 690px;
		height: 32px;
		font-size: 18px;
		color: #FFFFFF;
		vertical-align: middle;
		/*font-weight:bold;*/
		text-decoration: underline;
	}
	div.space250{
		height:250px;
	}
	div.space200{
		height:200px;
	}
	div.space100{
		height:100px;
	}
	div.space10{
		height:10px;
	}
/* template end */