@charset "utf-8";
/*
 * Style Path: /common/css/top.css
*/
/* navarea */
div#nav-area {
	width: 780px;
	height: 86px;
	overflow: hidden;
	background: url(../images/top/navarea_bg.png) repeat-x;
}

div.topicpath {
	padding: 14px 0 0 0;
	*padding: 16px 0 0 0;  /* for Win IE */
	float: left;
	width: 559px;
	height: 31px;
	*height: 30px;  /* for Win IE */
	_height: 44px;  /* for Win IE6 */
	overflow: hidden;
}

ul.topicpath {
	margin-left: 15px;
	font-size: 80%;
	*font-size: 65%;  /* for Win IE */
}

ul.topicpath li {
	padding-right: 15px;
	display: inline;
	background: url(/common/images/contents/path.png) no-repeat right;
}

ul.topicpath li.current {
	padding: 0;
	background-image: none;
}

div#contents {
	padding-bottom: 30px;
	position: relative;
	background-image: none;
}

div#main {
	float: left;
	width: 544px;
}

div#sub {
	margin: 0;
	float: right;
	width: 221px;
}

/* ----------------------------------------
 * Main
 * ---------------------------------------- */
#main div.section {
	margin-bottom: 22px;
}

#main div.section div.section {
	padding-top: 10px;
}

#main h1 {
	margin-bottom: 13px;
	padding: 0;
	height: auto;
	color: #4d6cc2;
	background-image: none;
}

#main ul.menu li {
	margin: 0 0 10px 0;
	padding: 0;
	width: 544px;
}

#main ul.menu li a {
	display: block;
}

#main h2 {
	margin-bottom: 13px;
	padding: 0;
	height: auto;
	color: #444;
	background-image: none;
}

/* ----------------------------------------
 * Sub
 * ---------------------------------------- */

#sub div.section {
}

#sub div.section {
	border:#cbced3 solid 1px;
}

#sub div.section .media {
	background-color:#babdc4;
	margin:1px;
}

#sub div.section .media ul {
	padding-left:6px;
	padding-top:7px;
}

#sub div.section .media ul li {
	line-height:100%;
	margin-bottom:0px;
	height:54px;
}

#sub div.section .media ul li.last {
	margin-bottom:0px;
}

#sub div.section .media ul li img {
	width:205px;
	height:48px;
}



/* media menu over */

div.media li a {
	display: block;
	width: 205px;
	height: 48px;
	text-indent: -10000em;
	overflow: hidden;
}


div.media li.wma {background: url(../images/top/wma_on.png) no-repeat;}
div.media li.wma a {background: url(../images/top/wma.png) no-repeat;}
div.media li.wma a.current,
div.media li.wma a:hover {background: url(../images/top/wma_on.png) no-repeat;}

div.media li.mp3 {background: url(../images/top/mp3_on.png) no-repeat;}
div.media li.mp3 a {background: url(../images/top/mp3.png) no-repeat;}
div.media li.mp3 a.current,
div.media li.mp3 a:hover {background: url(../images/top/mp3_on.png) no-repeat;}

div.media li.cd {background: url(../images/top/cd_on.png) no-repeat;}
div.media li.cd a {background: url(../images/top/cd.png) no-repeat;}
div.media li.cd a.current,
div.media li.cd a:hover {background: url(../images/top/cd_on.png) no-repeat;}

div.media li.dolby {background: url(../images/top/dolby_on.png) no-repeat;}
div.media li.dolby a {background: url(../images/top/dolby.png) no-repeat;}
div.media li.dolby a.current,
div.media li.dolby a:hover {background: url(../images/top/dolby_on.png) no-repeat;}

div.media li.xm {background: url(../images/top/xm_on.png) no-repeat;}
div.media li.xm a {background: url(../images/top/xm.png) no-repeat;}
div.media li.xm a.current,
div.media li.xm a:hover {background: url(../images/top/xm_on.png) no-repeat;}

div.media li.usb {background: url(../images/top/usb_on.png) no-repeat;}
div.media li.usb a {background: url(../images/top/usb.png) no-repeat;}
div.media li.usb a.current,
div.media li.usb a:hover {background: url(../images/top/usb_on.png) no-repeat;}

div.media li.bluetooth {background: url(../images/top/bluetooth_on.png) no-repeat;}
div.media li.bluetooth a {background: url(../images/top/bluetooth.png) no-repeat;}
div.media li.bluetooth a.current,
div.media li.bluetooth a:hover {background: url(../images/top/bluetooth_on.png) no-repeat;}

div.media li.dvd {background: url(../images/top/dvd_on.png) no-repeat;}
div.media li.dvd a {background: url(../images/top/dvd.png) no-repeat;}
div.media li.dvd a.current,
div.media li.dvd a:hover {background: url(../images/top/dvd_on.png) no-repeat;}

div.media li.ipod {background: url(../images/top/ipod_on.png) no-repeat;}
div.media li.ipod a {background: url(../images/top/ipod.png) no-repeat;}
div.media li.ipod a.current,
div.media li.ipod a:hover {background: url(../images/top/ipod_on.png) no-repeat;}

div.media li.divx {background: url(../images/top/divx_on.png) no-repeat;}
div.media li.divx a {background: url(../images/top/divx.png) no-repeat;}
div.media li.divx a.current,
div.media li.divx a:hover {background: url(../images/top/divx_on.png) no-repeat;}