@charset "utf-8";
/* CSS Document */

div#category_frame{
	width:580px;
	height:225px;
	margin:0px 0px 20px 20px;
	text-align:left;
	position:relative;
}

div.category1{
	background:url(../img/category/hoteltop.gif) no-repeat;
}

div.category2{
	background:url(../img/category/delitop.gif) no-repeat;
}

div.category3{
	background:url(../img/category/fashiontop.gif) no-repeat;
}

div.category4{
	background:url(../img/category/soaptop.gif) no-repeat;
}

div.category5{
	background:url(../img/category/smtop.gif) no-repeat;
}

div.category6{
	background:url(../img/category/esthetop.gif) no-repeat;
}

div.category7{
	background:url(../img/category/onaclutop.gif) no-repeat;
}

div.category8{
	background:url(../img/category/sekukyabatop.gif) no-repeat;
}

div.category9{
	background:url(../img/category/etctop.gif) no-repeat;
}

div.category11{
	background:url(../img/category/seikantop.gif) no-repeat;
}

#category_frame h3{
	position:absolute;
	width:400px;
	height:16px;
	right:20px;
	top:30px;
	margin:0px;
}

.category1 h3{
	background:url(../img/category/hoteltop_sub.gif) no-repeat 0px 0px;
}

.category2 h3{
	background:url(../img/category/delitop_sub.gif) no-repeat 0px 0px;
}

.category3 h3{
	background:url(../img/category/fashiontop_sub.gif) no-repeat 0px 0px;
}

.category4 h3{
	background:url(../img/category/soaptop_sub.gif) no-repeat 0px 0px;
}

.category5 h3{
	background:url(../img/category/smtop_sub.gif) no-repeat 0px 0px;
}

.category6 h3{
	background:url(../img/category/esthetop_sub.gif) no-repeat 0px 0px;
}

.category7 h3{
	background:url(../img/category/onaclutop_sub.gif) no-repeat 0px 0px;
}

.category8 h3{
	background:url(../img/category/sekukyabatop_sub.gif) no-repeat 0px 0px;
}

.category9 h3{
	background:url(../img/category/etctop_sub.gif) no-repeat 0px 0px;
}

.category11 h3{
	background:url(../img/category/seikantop_sub.gif) no-repeat 0px 0px;
}


/***************************************/

p.explanation{
	font-size:12px;
	width:400px;
	margin:0px 0px 8px 160px;
	padding-top:50px;
}

/***************************************/

dl.frame{
	width:400px;
	margin:0px 0px 0px 160px;
	font-size:11px;
}

.category1 dl.frame{
	background:url(../img/category/hoteltop_sub02.gif) no-repeat 0px 0px;
}

.category2 dl.frame{
	background:url(../img/category/delitop_sub02.gif) no-repeat 0px 0px;
}

.category3 dl.frame{
	background:url(../img/category/fashiontop_sub02.gif) no-repeat 0px 0px;
}

.category4 dl.frame{
	background:url(../img/category/soaptop_sub02.gif) no-repeat 0px 0px;
}

.category5 dl.frame{
	background:url(../img/category/smtop_sub02.gif) no-repeat 0px 0px;
}

.category6 dl.frame{
	background:url(../img/category/esthetop_sub02.gif) no-repeat 0px 0px;
}

.category7 dl.frame{
	background:url(../img/category/onaclutop_sub02.gif) no-repeat 0px 0px;
}

.category8 dl.frame{
	background:url(../img/category/sekukyabatop_sub02.gif) no-repeat 0px 0px;
}

.category9 dl.frame{
	background:url(../img/category/etctop_sub02.gif) no-repeat 0px 0px;
}

.category11 dl.frame{
	background:url(../img/category/seikantop_sub02.gif) no-repeat 0px 0px;
}

/***************************************/

dl.frame dl{
	margin-left:26px;
	height:40px;	
}

dl.frame dl dt{
	clear:both;
	width:69px;
	height:16px;
	float:left;
	display:inline;
	text-align:center;
	color:#222222;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
}

.category1 dl.frame dl dt{
	border-color:#FFD621;
	background:#FFFF91;
}

.category2 dl.frame dl dt{
	border-color:#FF6499;
	background:#FFBDE6;
}

.category3 dl.frame dl dt{
	border-color:#E3F5FF;
	background:#6EDEFF;
}
.category4 dl.frame dl dt{
	border-color:#FFE3FF;
	background:#FFB8F0;
}
.category5 dl.frame dl dt{
	border-color:#CFB3FF;
	background:#AD90E4;
}
.category6 dl.frame dl dt{
	border-color:#BFFFE6;
	background:#90EACD;
}
.category7 dl.frame dl dt{
	border-color:#FFE663;
	background:#FFC791;
}
.category8 dl.frame dl dt{
	border-color:#FFBDFF;
	background:#FA90C8;
}
.category9 dl.frame dl dt{
	border-color:#E0FF82;
	background:#C9F790;
}

.category11 dl.frame dl dt{
	border-color:#87ebe9;
	background:#C8FDFC;
}

/***************************************/

dl.frame dl dd{
	height:16px;
	width:297px;
	float:left;
	display:inline;
	border-width:1px;
	border-style:solid;
}

.category1 dl.frame dl dd{
	border-color:#FFD621;
}

.category2 dl.frame dl dd{
	border-color:#FF6499;
}

.category3 dl.frame dl dd{
	border-color:#E3F5FF;
}
.category4 dl.frame dl dd{
	border-color:#FFE3FF;
}
.category5 dl.frame dl dd{
	border-color:#CFB3FF;
}
.category6 dl.frame dl dd{
	border-color:#BFFFE6;
}
.category7 dl.frame dl dd{
	border-color:#FFE663;
}
.category8 dl.frame dl dd{
	border-color:#FFBDFF;
}
.category9 dl.frame dl dd{
	border-color:#E0FF82;
}

.category11 dl.frame dl dd{
	border-color:#87ebe9;
}

dl.frame dl dd span{
	margin:0px 4px;
}

/***************************************/

p.notice{
	text-align:right;
	font-size:11px;
	padding-right:20px;
}