@charset "UTF-8";
/* レイアウト用のスタイル */
div.free_layout{
	position : relative;
}
div.free_layout p.object1{
	margin : 0px;
}
div.free_layout p.object2{
	position : absolute;
	top : 20%;
	left : 20%;
	margin : 0px;
}
div.free_layout p.object3{
	position : absolute;
	top : 50%;
	left : 10%;
	margin : 0px;
}
div.free_layout p.object4{
	margin : 0px;
	z-index : 1;
}
div.free_layout p.object5{
	position : absolute;
	top : 20%;
	left : 30%;
	margin : 0px;
	z-index : 3;
}
div.free_layout p.object6{
	position : absolute;
	top : 20%;
	left : 30%;
	margin : 0px;
	z-index : 2;
}
/*　フロート形の段組　*/
div#flt_header{
	height : 100px;
	width : 100%;
	background-color : #9999ff;
}
div#flt_content{
	background-color : #ffff33;
}
div#flt_side_bar{
	width : 20%;
	background-color : #ffff33;
	float : left;
}
div#flt_main_content{
	background-color : #ffccff;
	margin-left : 20%;
}
div#flt_footer{
	width : 100%;
	
	background-color : #00ccff;
	clear : both;
}
div#flt p{
	margin : 0px;
	padding : 5px;
}
/*　ポジション形の段組 */
div#pst{
	position : relative;
	width : 100%;
}
div#pst_header{
	height : 100px;
	width : 100%;
	background-color : #9999ff;
}
div#pst_side_bar{
	width : 20%;
	background-color : #ffff33;
	position : absolute;
	top : 100px;
	left : 0px;
}
div#pst_main_content{
	background-color : #ffccff;
	position : relative;
	left : 20%;
	width : 80%;
}
div#pst_footer{
	width : 100%;
	
	background-color : #00ccff;
}
div#pst p{
	margin : 0px;
	padding : 5px;
}
div#psd_content{
	background-color : #ffff33;
}
p.chuushaku{
	padding : 5px;
	margin : 0px
	border-width : 1px;border-style : solid;border-color : blue;
	width : 30%;
border-width : 1px;
}