@charset "UTF-8";
/**************** CONTENTS *****************

	IE6 ADD HOVER
	layout
	common class

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

/*============================================================
	layout
============================================================*/
.categoryWrap {
	width: 755px;
}
	
	/* pageNavi [Tab Menu]*/
	.categoryWrap .pageNavi {
		padding: 0 7px;
		height: 36px;
		background: url(/ac/ae/common/images/category/bg_tab.gif) 0 bottom repeat-x;
	}
	
	.categoryWrap .pageNavi li {
		float: left;
		height: 36px;
	}
	
		.categoryWrap .pageNavi li a {
			display: block;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_x.gif) 0 0 repeat-x;
			cursor: pointer;
		}
		
		.categoryWrap .pageNavi li a span {
			display: block;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_left.gif) 0 0 no-repeat;
		}
		
		.categoryWrap .pageNavi li a span span {
			display: block;
			padding: 0 10px;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_right.gif) right 0 no-repeat;
			text-align: center;
		}
		
			.categoryWrap .pageNavi li a span img {
				margin: 11px auto 0;
			}
		
	.categoryWrap .pageNavi li.on a,
	.categoryWrap .pageNavi li.on a:hover {
		height: 36px;
		background: url(/ac/ae/common/images/category/bg_tab_x.gif) 0 -36px repeat-x;
	}
	
		.categoryWrap .pageNavi li.on a span,
		.categoryWrap .pageNavi li.on a:hover span {
			display: block;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_left.gif) 0 -36px no-repeat;
		}
		
		.categoryWrap .pageNavi li.on a span span,
		.categoryWrap .pageNavi li.on a:hover span span {
			display: block;
			padding: 0 10px;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_right.gif) right -36px no-repeat;
		}
		
	.categoryWrap .pageNavi li a:hover {
		height: 36px;
		background: url(/ac/ae/common/images/category/bg_tab_x.gif) 0 -72px repeat-x;
	}
	
		.categoryWrap .pageNavi li a:hover span {
			display: block;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_left.gif) 0 -72px no-repeat;
		}
		
		.categoryWrap .pageNavi li a:hover span span {
			display: block;
			padding: 0 10px;
			height: 36px;
			background: url(/ac/ae/common/images/category/bg_tab_right.gif) right -72px no-repeat;
		}
	
	/* Menu Number = 2 
	.categoryWrap .tabNum2 li,
	.categoryWrap .tabNum2 li a {
		width: 370px;
	}
	*/
	/*
	if Menu Number = 3
	width = 246px
	*/
	/* Menu Number = 2 */
	.categoryWrap .tabNum2 li,
	.categoryWrap .tabNum2 li a {
		width: 120px;
	}
	
	/* Menu Number = 3 */
	.categoryWrap .tabNum3 li,
	.categoryWrap .tabNum3 li a {
		width: 120px;
	}
	
/*============================================================
	category top
============================================================*/
	/* topBnrBlock [Main Banner]*/
	.categoryTopWrap .topBnrBlock {
		clear: both;
		margin: 10px 0 0;
		border: 1px solid #ccc;
	}
	
	/* topMainContents */
	.categoryTopWrap .categoryTopContents {
		margin: 10px 0 10px;
		border: 1px solid #ccc;
		background: url(/ac/ae/common/images/category/bg_center_line.gif) center 0 repeat-y;
	}
		
		/* topBlockA[LeftBlock] */
		.categoryTopWrap .categoryTopContents .topBlockA {
			float: left;
			width: 376px;
			background: url(/ac/ae/common/images/category/bg_box_bottom.gif) 1px bottom no-repeat;
		}
		
		/* topBlockB[RightBlock]*/
		.categoryTopWrap .categoryTopContents .topBlockB {
			float: right;
			width: 376px;
			background: url(/ac/ae/common/images/category/bg_box_bottom.gif) 1px bottom no-repeat;
		}
		
		/* topBlockA, topBlockB Common Setting */
		.categoryTopWrap .categoryTopContents .topBlockInnerA,
		.categoryTopWrap .categoryTopContents .topBlockInnerB {
			clear: both;
			padding: 10px 0;
			background: url(/ac/ae/common/images/category/bg_box_top.gif) 1px 0 no-repeat;
		}
		
		.categoryTopWrap .categoryTopContents .topBlockInnerB {
			padding: 10px 13px;
		}
		
		.categoryTopWrap .categoryTopContents .addLine {
			border-top: 1px solid #ccc;
		}

		.categoryTopWrap .categoryTopContents .topBlockA li,
		.categoryTopWrap .categoryTopContents .topBlockB li,
		.categoryTopWrap .categoryTopContents .topBlockA dt,
		.categoryTopWrap .categoryTopContents .topBlockB dt, 
		.categoryTopWrap .categoryTopContents .topBlockA dd,
		.categoryTopWrap .categoryTopContents .topBlockB dd {
			font-size: 75%;
			line-height: 125%;
		}
		
		.categoryTopWrap .categoryTopContents .topBlockA dd li,
		.categoryTopWrap .categoryTopContents .topBlockB dd li {
			font-size: 100%;
			line-height: 125%;
		}
		
		/* titleBlock Setting
		titleBlockA = No Date Text
		titleBlockB = Included Date Text*/
		.categoryTopWrap .categoryTopContents .titleBlockA,
		.categoryTopWrap .categoryTopContents .titleBlockB {
			padding: 2px 0 0 9px;
			height: 26px;
			background: url(/ac/ae/common/images/category/bg_cate_title.gif) 0 0 no-repeat;
		}
		
		.categoryTopWrap .categoryTopContents .titleBlockB h3 {
			float: left;
		}
		
		.categoryTopWrap .categoryTopContents .titleBlockA span,
		.categoryTopWrap .categoryTopContents .titleBlockB span {
			float: right;
			display: block;
			font-size: 68%;
			line-height: 23px;
		}
		
		/* txtBlock Setting
		txtBlockA = Included ImgBlock
		txtBlockB = No ImgBlock
		txtBlockC = Include ImgBlock And Bottom Block
		txtBlockD = No ImgBlock And Add TopDottoLine
		*/
		.categoryTopWrap .categoryTopContents .txtBlockA {
			clear: both;
			padding-top: 5px;
		}
		
		.categoryTopWrap .categoryTopContents .txtBlockB {
			clear: both;
		}
		
		.categoryTopWrap .categoryTopContents .txtBlockC {
			clear: both;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
			.categoryTopWrap .categoryTopContents .txtBlockA span.imgBlock,
			.categoryTopWrap .categoryTopContents .txtBlockC span.imgBlock {
				display: block;
				float: left;
				width: 156px;
			}
			
			.categoryTopWrap .categoryTopContents .txtBlockA .txtBlock,
			.categoryTopWrap .categoryTopContents .txtBlockC .txtBlock {
				float: left;
				width: 194px;
			}
			
				.categoryTopWrap .categoryTopContents .txtBlockA .txtBlock dt,
				.categoryTopWrap .categoryTopContents .txtBlockC .txtBlock dt {
					padding: 0 0 5px;
					font-weight: bold;
				}
				
				.categoryTopWrap .categoryTopContents .txtBlockA .txtBlock dd.linkBlock,
				.categoryTopWrap .categoryTopContents .txtBlockC .txtBlock dd.linkBlock {
					padding-top: 3px;
				}
				
				.categoryTopWrap .categoryTopContents .txtBlockA .txtBlock dd.linkBlock li,
				.categoryTopWrap .categoryTopContents .txtBlockC .txtBlock dd.linkBlock li {
					padding-bottom: 2px;
				}
				
				.categoryTopWrap .categoryTopContents .txtBlockA .txtBlock span.moreInfo {
					display: block;
					padding: 10px 0 0;
					font-size: 75%;
					line-height: 125%;
					text-align: right;
				}
				
		.categoryTopWrap .categoryTopContents .txtBlockD {
			clear: both;
			padding: 10px 0 0;
			background: url(/ac/ae/common/images/category/line_dotto.gif) 0 0 repeat-x;
		}
		
			.categoryTopWrap .categoryTopContents .txtBlockD li {
				line-height: 160%;
			}

/*============================================================
	search style
============================================================*/
.categorySearchWrap {
	border-bottom: 10px solid #FFF;
}
	/* subNavi Setting*/
	.categorySearchWrap .subNavi {
		margin: 10px 0 0;
		border: 1px solid #CCC;
	}
	
		.categorySearchWrap .subNavi div {
			border: 1px solid #FFF;
			background: url(/ac/ae/common/images/category/search/bg_sub_navi_bottom.gif) 0 bottom repeat-x;
		}
	
			.categorySearchWrap .subNavi div div {
				padding: 9px 0 4px 10px;
				border: none;
				background: url(/ac/ae/common/images/category/search/bg_sub_navi_top.gif) 0 0 repeat-x;
			}
			
				.categorySearchWrap .subNavi li {
					float: left;
					padding: 0 7px 5px 0;
					width: 362px;
					height: 30px;
					background: url(/ac/ae/common/images/category/search/sub_navi_off.gif) 0 0 no-repeat;
				}
				
				.categorySearchWrap .subNavi li a {
					display: block;
					width: 362px;
					height: 30px;
					background: url(/ac/ae/common/images/category/search/sub_navi_off.gif) 0 0 no-repeat;
					font-size: 75%;
					line-height: 30px;
					font-weight: bold;
				}
				
				.categorySearchWrap .subNavi li a.on,
				.categorySearchWrap .subNavi li a:hover {
					color: #FFF;
					background: url(/ac/ae/common/images/category/search/sub_navi_on.gif) 0 0 no-repeat;
				}
				
					.categorySearchWrap .subNavi li a span {
						display: block;
						padding: 0 15px 0 25px;
					}
	
	/* itemBlock Setting */
	.categorySearchWrap div.itemBlock {
		border: 1px solid #CCC;
		border-top: none;
	}
	
		.categorySearchWrap div.itemBlock div.itemList {
			border: none;
			border-left:1px solid #FFF;
			border-right: 1px solid #FFF;
			background: url(/ac/ae/common/images/category/bg_box_bottom.gif) 0 bottom repeat-x;
		}
		
			.categorySearchWrap div.itemBlock div.itemList div.itemListInner {
				padding: 10px;
				border: none;
				background: url(/ac/ae/common/images/category/bg_box_top.gif) 0 0 repeat-x;
			}
			
				/* funcAccordionToggle Setting [Accodion Toggle Switch, Item Category Name] */
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle {
					border: 1px solid #CCC;
					border-top: none;
				}
				
				/* HACK IE6,7 */
				*:first-child+html .categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle {
					margin: 0 0 -4px;
				}
				
				* html .categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle {
					margin: 0 0 -4px;
				}
				/**/
				
				/* funcAccordionToggle Top */
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.topList {
					border-top: 1px solid #CCC;
				}
			
				/* funcAccordionToggle > h2 */
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2 {
					background: url(/ac/ae/common/images/category/search/bg_cate_off.gif) 0 0 repeat-x;
					font-size: 75%;
					line-height: 125%;
					font-weight: bold;
				}
				
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2.on {
					background: url(/ac/ae/common/images/category/search/bg_cate_on.gif) 1px 1px repeat-x;
				}
				
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2 a {
					display: block;
					width: 755px;
					background: url(/ac/ae/common/images/category/search/icon_plus.gif) 10px center no-repeat;
				}
				
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2.on a {
					background: url(/ac/ae/common/images/category/search/icon_minus.gif) 10px center no-repeat;
				}
				
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2 a span {
					display: block;
					padding: 10px 10px 10px 24px;
				}
				
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2.on a span {
					padding: 9px 9px 9px 23px;
					border:1px solid #FFF;
				}
				
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2 a span span,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2.on a span span {
						padding: 0;
						border: none;
						display: inline-block;
						text-decoration: underline;
					}
				
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2 a span img {
						margin: 0 0 0 30px;
						vertical-align: middle;
					}
					
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li.funcAccordionToggle h2 a span img.m10 {
						margin: 0 0 0 10px;
					}
				
				/* itemCategory Setting [ItemListTable]*/
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop,
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory {
					border-top: 1px solid #CCC;
					overflow:hidden;
				}
				
				.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory {
					display: none;
				}
				
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table {
						width: 755px;
					}
					
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table table,
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table table {
							width: 100%;
						}
					
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td {
						height: 50px;
						background-color: #E8E8E8;
						background-image: url(/ac/ae/common/images/category/search/bg_itemtable01.gif);
						background-repeat: repeat-x;
						background-position: 0 0;
						font-size: 75%;
						line-height: 125%;
						vertical-align: middle;
					}
					
					/* pageAnchor Setting */
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.pageAnchor,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.pageAnchor {
						padding: 10px;
						height: auto;
						background: none;
						background-color: #FFF;
					}
					
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.packageLinkBlock,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.packageLinkBlock {
						vertical-align: top;
						background: none;
						color: #FFF;
					}
							
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.lineA,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.lineA,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table table td.lineA,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table table td.lineA {
								padding: 5px 10px;
								width: 220px;/*jp 150px*/
							}
							
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.lineB,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.lineB,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table table td.lineB,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table table td.lineB {
								padding: 5px 10px;
							}
							
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.lineC,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.lineC {
	padding: 5px 10px;
	width: 240px;/*ja 190px*/
							}
						
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td a,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td a {
								font-weight: bold;
							}
							
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td img.newIcon,
							.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td img.newIcon {
								margin: 0 0 0 5px;
							}
					
					/* even td BackGround Setting */
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table tr.even td,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table tr.even td {
						background-color: #FBFBFB;
						background-image: url(/ac/ae/common/images/category/search/bg_itemtable02.gif);
						background-repeat: repeat-x;
						background-position: 0 0;
					}
					
					/* Link Line Mouse Over Setting */
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table tr.hover td,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table tr.hover td,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table table tr.hover td,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table table tr.hover td{
						background-image: url(/ac/ae/common/images/category/search/bg_itemtable03.gif);
					}
					
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table tr.hover td a,
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table tr.hover td a,
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table table tr.hover td a,
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table table tr.hover td a {
							color: #5378C6;
						}
					
					/* table imgBlock Setting */
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.imgBlock,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.imgBlock {
						padding: 10px 10px;
						width: 160px;
						text-align: center;
						vertical-align: middle;
					}
					
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.imgBlock img,
						.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.imgBlock img {
							margin: 0 5px;
						}
						
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategoryTop table td.imgBlockB,
					.categorySearchWrap div.itemBlock div.itemList div.itemListInner li div.itemCategory table td.imgBlockB {
						padding: 10px 10px;
						border-right: 1px solid #CCC;
						background: #FFF;
						text-align: center;
						vertical-align: middle;
						width: 215px;
					}
				
	

/*============================================================
	common style
============================================================*/
.categoryTopWrap .sp_t_13 {
	padding-top: 13px;
}

/* Add ArrowIcon */
.categoryTopWrap .categoryTopContents .topBlockA li,
.categoryTopWrap .categoryTopContents .topBlockB li,
.relatedBlock div div.linkBlockA li,
.relatedBlock div div.linkBlockB li {
	padding: 0 10px 10px 16px;
	text-indent: -16px;
}

.categoryTopWrap .categoryTopContents .topBlockA li a,
.categoryTopWrap .categoryTopContents .topBlockB li a,
.relatedBlock div div.linkBlockA li a,
.relatedBlock div div.linkBlockB li a {
	background: url(/ac/ae/common/images/category/icon_arrow.gif) 0 center no-repeat;
	_background-position:0 0.02em;
}

.categoryTopWrap .categoryTopContents .topBlockA li a span,
.categoryTopWrap .categoryTopContents .topBlockB li a span,
.relatedBlock div div.linkBlockA li a span,
.relatedBlock div div.linkBlockB li a span{
	padding-left: 16px;
}

/* relatedBlock Setting [Link Block] */
.relatedBlock {
	clear: both;
	padding: 3px;
	border-bottom: 10px solid #FFF;
	background: #EEE;
}

	.relatedBlock div {
		padding: 12px 14px;
		border: 1px solid #DBDBDB;
		background: #FFF;
	}
	
		.relatedBlock div h3 {
			padding: 0 0 5px;
		}
		
		/* linkBlockA [linkBlock Two or more] */
		.relatedBlock div div.linkBlockA {
			float: left;
			padding: 0 10px 0 0;
			border: none;
			width: auto;
		}
		
		/* linkBlockB [linkBlock One] */
		.relatedBlock div div.linkBlockB {
			border: none;
			padding: 0 10px 0 0;
		}

			.relatedBlock div div.linkBlockA ul.line2 {
				float: left;
				width: 355px;
			}
			
			.relatedBlock div div.linkBlockA ul.line3 {
				float: left;
				width: 235px;
			}
			
			.relatedBlock div div.linkBlockA ul.line4 {
				float: left;
				width: 177px;
			}
			
			.relatedBlock div div.linkBlockA li {
				padding-right: 10px;
				font-size: 75%;
				line-height: 160%;
			}
			
			.relatedBlock div div.linkBlockB li {
				font-size: 75%;
				line-height: 160%;
			}
			
				.relatedBlock div div.linkBlockA li a {
					line-height: 160%;
				}

/* class="hover" [Add Pointer] */
.hover {
	cursor: pointer;
}

/*============================================================
	etc
============================================================*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}