/*
	fkds.css
	stylesheet for FuKiDaShi
	
	[usage]
	<!-- define FuKiDaShi style -->
	<style type="text/css">
	div.type3 div.fkds_case, div.type3 div.fkds_arr *{
		border-style:solid;
		border-color:#555;
		background:#fff;
	}
	</style>
	
	
	<!-- FuKiDaShi -->
	<div class="fkds type3" style="background-image:url('shadow.png')">
	<div class="fkds_header"><div class="fkds_case fkds_a"></div><div class="fkds_case fkds_b"></div><div class="fkds_case fkds_c"></div></div>
	<div class="fkds_case fkds_main" style="padding:8px;">
	
	<div style="float:right; margin:8px;">
	<img src="http://farm4.static.flickr.com/3089/3109982706_86a8836016_t.jpg" />
	</div>
	<h3>main</h3>
	フキダシサンプルだだda d a d a da da da d ada d ad a da d ada  dadada d a d a d  a  dad a d a dadadada
	<div style="float:right; margin:1em; background:orange;">here is next</div>
	
	</div><!-- fkds_main -->
	<div class="fkds_footer"><div class="fkds_case fkds_x"></div><div class="fkds_case fkds_y"></div><div class="fkds_case fkds_z"></div></div>
	<!-- arrow -->
	<div class="fkds_arr">
	<div class="fkds_a8"></div><div class="fkds_a7"></div><div class="fkds_a6"></div><div class="fkds_a5"></div><div class="fkds_a4"></div><div class="fkds_a3"></div><div class="fkds_a2"></div><div class="fkds_a1"></div>
	</div><!-- fkds_arr -->
	</div><!-- fkds -->
*/




div.fkds{
	position:relative;
	padding:2px 4px 8px 4px;
	background-position:top left;
	background-repeat: repeat;
}

div.fkds_case{
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}

div.fkds_header, div.fkds_footer, {
	border:none;
	margin:0;
	padding:0;
}

div.fkds_a{
	height:1px;
	border-width:0 0 1px 0;
	background:none !important;
	margin:0 4px;
}
div.fkds_b{
	height:1px;
	border-width:0 2px;
	margin:0 2px;
}
div.fkds_c{
	height:1px;
	border-width:0 1px;
	margin:0 1px;
}


div.fkds_main{
	margin:0;
	border-width:0 1px;
}

div.fkds_x{
	height:1px;
	border-width:0 1px;
	margin:0 1px;
}
div.fkds_y{
	height:1px;
	border-width:0 2px;
	margin:0 2px;
}
div.fkds_z{
	height:1px;
	background:none !important;
	border-width:1px 0 0 0;
	margin:0 4px;
}



div.fkds_arr{
	position:absolute;
	left:32px; 
	bottom:2px;
	z-index:999;
	
	width:16px;
	height:8px;
	border:none;
	padding:0;
	background:none;
}


div.fkds_arr *{
	display:block;
	height:1px;
	overflow:hidden;
	margin:0 auto;
	border-width: 0 1px;
}

div.fkds_a8{ width:14px; }
div.fkds_a7{ width:12px; }
div.fkds_a6{ width:10px; }
div.fkds_a5{ width:8px; }
div.fkds_a4{ width:6px; }
div.fkds_a3{ width:4px; }
div.fkds_a2{ width:2px; }
div.fkds_a1{ width:0px; }