@import url(../css/index.css);

/* 4.jakar contents */

#block_a,#block_b,#block_c,#block_d {
	width:800px;
	padding:0px;
	position:relative;
	margin-bottom:20px;
	margin-right:0px;
	float:left;
	
	/*background-color:#9966FF;*/
}

#jakarmenu {
	width: 192px;
	margin: 5px 0px 0px 0px;
	float: left;
	/*display:inline;*/
}

#menu_title {
	width: 187px;
	height: 21px;
	margin-top:5px;
	margin-bottom:0px;
	display:block;
}

#button {
	margin-top:10px;
	width:190px;
}

#button a,#button .here {
	text-indent: -9999px;
	line-height:20px;
	margin-top:5px;
	display:block;
	width:190px;
	height:20px;
}

#button a:hover{background-position: 0 -20px;}

#button .here {
	background-position: 0 -40px;
}

#button_abstract { background: url("image/jakarlinkabs.png") no-repeat;}
#button_foundation { background: url("image/jakarlinkfou.png") no-repeat; }
#button_interface { background: url("image/jakarlinkint.png") no-repeat;}
#button_framework { background: url("image/jakarlinklib.png") no-repeat;}
#button_component { background: url("image/jakarlinkcom.png") no-repeat;}
#button_addon { background: url("image/jakarlinkadd.png") no-repeat;}
#button_media_ns { background: url("image/jakarlinknod.png") no-repeat;}

.itembox {
	float:left;
	background-color:inhelit;
	margin-top:0px !important;
	margin-top:10px;
	padding:0;
	background: transparent;
	width: 480px;
}

.itembox:after { /* itemの回り込み解除、モダンブラウザ用 */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.itembox { /* IE用 */
	display:inline-table;
}

h2 {
	text-indent:-9999px;
}

.caption {
	float:left;
	margin-bottom:6px;
}

.story {
	font:normal normal normal 12px/1.5em sans-serif;
	padding:0 10px 10px 10px;
}

#intro {
	width:570px;
	margin:0 0 0 38px;
}

#intro .caption {
	background: url("image/jakartitle00intro.png") no-repeat;
	width: 570px;
	height: 26px;
	margin-top:6px;
	margin-right:0px;
}

#intro .story {
	width:550px;
}

#block_b #addon {
	width:275px;
	height:223px;
	float:left;
	margin:10px 15px 10px 10px;
}

#block_b #concept {
	width:500px;
}

#concept .caption {
	background: url("image/jakartitle00con.png") no-repeat;
	width: 500px;
	height: 26px;
	margin-top:10px !important;
	margin-top:0px;
}

#concept .story {
	width: 480px;
}

#block_c #overview {
	width: 450px;
}

#library {
	margin:18px 15px 10px 16px !important;
	margin-top: 10px;
	float: left;
	width: 316px;
	height: 229px;
}

#overview .caption {
	background: url("image/jakartitle00ove.png") no-repeat;
	width: 450px;
	height: 26px;
}

#overview .story {
	width: 430px;
}

#block_d .itembox {
	border:1px #6F81A4 solid;
	width:381px;
	margin-left:12px;
	margin-bottom:10px !important;
	margin-bottom:0px;
	display: inline;
}

#block_d h3 {
	text-indent:-9999px;
	width:381px;
	height:22px;
	margin-top:0;
	float:left;
}

#block_d h3 a {
	display: block;
	width: 100%;
	height: 22px;
}

/* ボタンの画像指定部分 */
#title_abstract { background: url("image/jakartitle00abs.png") no-repeat; }
#title_foundation { background: url("image/jakartitle00fou.png") no-repeat; }
#title_interface { background: url("image/jakartitle00int.png") no-repeat; }
#title_framework { background: url("image/jakartitle00lib.png") no-repeat; }
#title_component { background: url("image/jakartitle00com.png") no-repeat; }
#title_addon { background: url("image/jakartitle00add.png") no-repeat;}
#title_media_ns { background: url("image/jakartitle00nod.png") no-repeat;}

#block_d .story {
	width:361px;
	float:left;
	padding:6px;
}