﻿/*container2*/
#container2 {
	background-image: url(../n_img/titlebar.gif);
	background-repeat: no-repeat;
	width: 654px;
	float: right;
	margin-right: 3px;
	}

* html #container2 {
	background-image: url(../n_img/titlebar_ie6.gif);
	width: 655px;
	margin-right: 1px;
	}

h2 {
	color: white;
	font-size: 18px;
	margin-top: 16px;
	margin-left: 18px;
	}

.textbox {
	width: 618px;
	margin: 16px auto 10px;
	}

.listbox {
	width: 208px;
	float: left;
	margin-bottom: 6px;
	margin-left: 6px;
	border: solid 1px #bbb;
	}

* html .listbox {
	margin-right: 3px;
	margin-left: 3px;
	}

.listbox table {
	width: 196px;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	}

.listbox table th {
	font-weight: normal;
	line-height: 1.4;
	text-align: left;
	}

.listbox p {
	width: 196px;
	margin-right: auto;
	margin-left: auto;
	}

.st1 {
	font-size: 10px;
	background-image: url(../n_img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 178px;
	margin: 4px auto;
	padding-left: 15px;
	display: block;
	}

.caption {
	font-size: 10px;
	}

.continue {
	font-size: 10px;
	text-align: right;
	margin-bottom: 4px;
	}

.fix {
	clear: both;
	*margin-top: -10px;
	}

#list2 {
	width: 642px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-collapse: collapse;
	}

#list2 th,
#list2 td {
	font-size: 10px;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	}

#list2 th {
	font-weight: normal;
	background-color: #c4ff3d;
	text-align: left;
	}

#list2 table {
	border-collapse: collapse;
	}

#list2 table th,
#list2 table td {
	vertical-align: top;
	border-style: none;
	}

#list2 table th {
	background-color: white;
	padding: 4px;
	}

#list3 {
	width: 642px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #e6010b;
	border-collapse: collapse;
	}
#list3 th, #list3 td {
	font-size: 10px;
	border-bottom: 1px solid #e6010b;
	}

#list3 th {
	color: #2b9501;
	font-weight: normal;
	background-color: #ff3;
	text-align: left;
	}

#list3 td {
	padding-right: 10px;
	}

#list3 span.tourname {
	background-image: url(../n_img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 15px;
	display: block;
	}

/*leftside*/
#leftside {
	background-image: url(../n_img/bg_leftside.gif);
	background-repeat: no-repeat;
	width: 194px;
	float: right;
	}

#search-area {
	background-color: #eaeaea;
	background-image: url(../n_img/bg_searcharea.gif);
	background-repeat: no-repeat;
	width: 184px;
	float: right;
	border-left: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	}

#search-area p {
	color: white;
	font-weight: bold;
	background-color: #e6010b;
	width: 154px;
	margin: 11px auto 8px;
	padding: 2px 8px;
	}

#search-area ul {
	width: 160px;
	margin: 0 auto 8px;
	list-style-type: none;
	}

#search-area ul li {
	background-image: url(../n_img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-bottom: 1px;
	padding-left: 12px;
	}

.leftside-title {
	float: right;
	margin-top: 6px;
	}

#genre {
	width: 186px;
	float: right;
	list-style-type: none;
	}

#genre li {
	background-color: aqua;
	background-image: url(../n_img/bg_genre1.gif);
	position: relative;
	}

* html #genre li {
	height: 40px;
	margin-bottom: -15px;
	}

#genre li#last {
	height: 27px;
	}

#genre a.mainmenu,
#genre a.submenu-first,
#genre a.submenu {
	color: black;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-decoration: none;
	height: 22px;
	display: block;
	}

#genre a.mainmenu {
	background-image: url(../n_img/bg_genre1.gif);
	padding-top: 5px;
	padding-left: 24px;
	}

* html #genre a.firstgenreonly {
	height: 37px;
	}

#genre a.mainmenu:hover {
	background-position: -186px 0;
	}

#genre ul {
	position: absolute;
	top: -1px;
	left: 185px;
	width: 186px;
	visibility: hidden;
	list-style-type: none;
	}

#genre a.submenu-first {
	background-image: url(../n_img/bg_genresub1.gif);
	padding-top: 6px;
	padding-left: 6px;
	}

#genre a.submenu {
	background-image: url(../n_img/bg_genresub2.gif);
	padding-top: 5px;
	padding-left: 6px;
	}

#genre a.submenu-first:hover,
#genre a.submenu:hover {
	color: #e6010b;
	}

#genre ul li {
	margin-bottom: 0;
	}

* html #genre ul li {
	height: 27px;
	margin-bottom: 0;
	}

#campaign2 {
	width: 184px;
	float: right;
	margin-top: 5px;
	padding-bottom: 7px;
	border: solid 1px #8e7c83;
	}

* html #campaign2 {
	margin-top: 19px;
	}

#campaign2 p {
	width: 174px;
	margin: 4px auto 0;
	}

#campaign2 span {
	font-size: 10px;
	background-image: url(../n_img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	float: right;
	padding-left: 16px;
	}

.poprank-s {
	font-size: 10px;
	background-repeat: no-repeat;
	width: 184px;
	float: right;
	padding-top: 3px;
	padding-bottom: 5px;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}

#prs1 {
	background-image: url(../n_img/poprank_s1.gif);
	}

#prs2 {
	background-image: url(../n_img/poprank_s2.gif);
	}

#prs3 {
	background-image: url(../n_img/poprank_s3.gif);
	}

#prs4 {
	background-image: url(../n_img/poprank_s4.gif);
	}

#prs5 {
	background-image: url(../n_img/poprank_s5.gif);
	border-bottom: 1px solid #bbb;
	}

.poprank-s p {
	width: 138px;
	margin-left: 36px;
	}
