@charset "utf-8";

/**
 * reset
 */

#content {
	font-size: 75%; /* =12px */
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

#content ul,
#content ol,
#content li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content dt,
#content dd,
#content li {
	text-indent: 0;
}

#content p {
	margin: 0;
	padding: 0;
}

#content th {
	text-align: left;
	font-weight: normal;
}

/**
 * portal
 */
#portal  {
	padding-left: 5px;
}

#portal h3 {
	text-align: right;
	line-height: 1.0;
}

#portal h3.title {
	text-align: left;
	margin-bottom: 10px;
}

#portal h3.col2 {
	width: 497px;
}

#portal ul {
	margin-bottom: 15px;
	width: 750px;
	overflow: hidden;
}

#portal ul li {
	margin-right: 9px;
	padding-bottom: 10px;
	float: left;
	width: 244px;
}
#sound_engineer #portal ul li {
	width: 370px;
	margin: 0;
}

#portal ul li img {
	vertical-align: bottom;
}

#portal ul li.double {
	width: 497px;
}

#portal ul li.triple {
	width: 750px;
}

#portal ul li.end {
	margin-right: 0;
}

#portal ul.col2 li {
	margin-right: 10px;
	width: 370px;
}

#portal ul.col2 li.end {
	margin-right: 0;
}

#portal ul.etc {
	margin-right: 10px;
	padding-top: 30px;
	width: 370px;
	float: left;
}

#portal ul.etc li {
	margin-right: 0;
	float: none;
}

#portal ul.end {
	margin-right: 0;
}

#portal .wrapper {
	width: 750px;
	overflow: hidden;
}

#portal .section {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 370px;
	float: left;
}
#portal .section2 {
	margin: 0;
	padding: 0;
	width: 370px;
	overflow: hidden;
}

#portal div.end {
	margin-right: 0;
}

#portal .section ul {
	width: 370px;
}

#portal .option_info {
width:371px;
position:relative;
margin-bottom:7px;
}
#portal .option_info .serial {
position:absolute;
top:37px; left:14px;
}
#portal .option_info .label {
position:absolute;
top:37px; left:192px;
}
#portal .option_info a {
width:166px;
height:90px;
display:block;
text-indent:-9999px;
background:url(../../img/spacer.gif) no-repeat;
}

#portal .cyber .serial a:hover {
background:url(../images/navi_system_up_cyber01_over.jpg) no-repeat;
}
#portal .cyber .label a:hover {
background:url(../images/navi_system_up_cyber02_over.jpg) no-repeat;
}
#portal .raku .serial a:hover {
background:url(../images/navi_system_up_raku01_over.jpg) no-repeat;
}
#portal .raku .label a:hover {
background:url(../images/navi_system_up_raku02_over.jpg) no-repeat;
}


/**
 * sitemap
 */
div#sitemap ul {
	margin: 0;
	padding: 0;
}
div#sitemap div.section {
	margin-bottom: 20px;
	clear: both;
}
div#sitemap div.section h2 {
	margin-bottom: 11px;
}
div#sitemap div.section div.wrapper {
	overflow: hidden;
	width: 755px;
}
div#sitemap div.section div.wrapper div.item {
	float: left;
	margin: 0 14px 0 0;
	width: 178px;
	display: inline;
}
div#sitemap div.section div.wrapper div.first {
	width: 178px;
}
div#sitemap div.section div.wrapper div.end {
	float: right;
	margin: 0;
	width: 178px;
}
div#sitemap div.section div.wrapper div.item h3 {
	padding-bottom: 3px;
}
div#sitemap div.section div.wrapper div.item h3.option {
	padding-top: 13px;
}
div#sitemap div.section div.wrapper div.item ul {
	padding: 0 4px 20px 4px;
}
div#sitemap div.section div.wrapper div.item ul li {
	margin-top: 7px;
	list-style: none;
}
div#sitemap div.section div.wrapper div.item ul li a {
	background:url("../images/icon_arrow.gif") no-repeat scroll 0 0.2em transparent;
/*	color:#000000; */
	display:inline-block;
	padding:0 0 0 16px;
	line-height: 1.5;
	text-decoration:none;
	vertical-align:middle;
}
div#sitemap div.section div.wrapper div.item ul li.none {
	line-height:1.5;
}

div#sitemap div.section div.product {
	margin-bottom: 25px;
}
div#sitemap div.section div.product h3 {
	margin-bottom: 3px;
}
div#sitemap div.section div.product ul {
	clear: both;
	padding: 10px 0 10px;
	border-bottom: solid 1px #e3e3e3;
}
div#sitemap div.section div.product ul.end {
	border: none;
}
div#sitemap div.section div.product ul li {
	display: inline;
}
div#sitemap div.section div.product .wrapper {
	margin-top: 13px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}
div#sitemap div.section div.product .wrapper .more {
	position: absolute;
	bottom: 0;
	right: 0;
}

div#sitemap p.pagetop {
	padding-bottom: 20px;
	text-align: right;
}

.fl {
	float: left;
}
.fr {
	float: right;
}