@charset "UTF-8";


/* ---------------------------------------
				localmenu
--------------------------------------- */

@import "ixworks_localmenu.css";


/* ---------------------------------------
				contents_main
--------------------------------------- */


div#contents div#contents_main {
	width: 443px;
	float: left;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	position: relative;
}

div#contents div#contents_main h3 {
}

div#contents div#contents_main div#example {
	margin: 0 0 30px -26px;
	padding: 0;
	height: 305px;
}

div#contents div#contents_main #example_flash {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 30px -26px;
	padding: 0;
	height: 305px;
}


div#contents div#contents_main p {
	margin: 0 30px 0 0;
	font-size: 85%;
	line-height: 2;
}

/* top */

div#contents p#p1 {
	margin: 0 auto 46px 0;
	padding: 0;
}

div#contents p#p2 {
	margin: 0 auto 31px 0;
	padding: 0;
}


div#contents p#p3 {
	margin: 0 0 26px -26px;
	padding: 0;
}


div#contents p#p4 {
	margin: 0 auto 40px 0;
	padding: 0;
}


/* title  */

div#contents #intro {
	margin: 0 0 0 -26px;
	padding: 0;
	background: #353324;
}

div#contents div#title {
	margin: 0 0 38px -26px;
	padding: 0;
	width: 700px;
	height: 56px;
	background: url(/i/ixworks/back_title.png) 0 27px no-repeat transparent;
	position: relative;
}

div#contents div#title h3 {
	margin: 0;
	padding: 0;
	width: 158px;
	height: 25px;
	position: absolute;
	top: -3px;
	left: 26px;
}

div#contents div#title div {
	position: absolute;
	top: 10px;
	right: 250px;
	width: 300px;
	height: 13px;
	text-align: right;
}

div#contents div#title p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 38px;
	left: 28px;
	width: 425px;
	height: 18px;
}

div#contents div#title a {
	display: block;
	position: absolute;
	top: 15px;
	left: 470px;
}


/* ---------------------------------------
				localnav
--------------------------------------- */

div#contents ul#localnav {
	margin: 2em 0 0 0;
	padding: 0;
	text-align: center;
}

div#contents ul#localnav li {
	margin: 0;
	padding: 0;
	display: inline;
	margin: 0 5px 0 0;
}



/* ---------------------------------------
				contents_sub
--------------------------------------- */


div#contents div#contents_sub {
	width: 231px;
	float: left;
	background: #5d5640;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}


div#contents div#contents_sub h4 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #4e4736;
	font-size: 108%;
}

div#contents div#contents_sub ul {
	margin: 0;
	padding: 0 0 211px;
	width: 100%;
	background: url(/i/ixworks/dotted.png) 50% 100% no-repeat #5d5640;
	font-size: 93%;
}

div#contents div#contents_sub ul li {
	margin: 0 auto;
	padding: 1em 0 0 0;
	width: 100%;
	text-align: center;
	height: 1.5em;
	background: #5d5640;
}