@charset "euc-jp";

/* menu styles */
#jsddm {
	margin:  0;
	padding: 0;
}
#jsddm li {
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
}
#jsddm li a {
	display: block;
	background: #324143;
	text-decoration: none;
	color: #EAFFED;
	white-space: nowrap;
}
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
}
#jsddm li ul li {
	float: none;
	display:block;
	font-size:0.9em;
	border:1px dotted #2C76FF;
	border-top:none;
	background-color:#E8F0FF;
}
#jsddm li ul li a {
	width: auto;
	text-align:center;
	background-color:#E8F0FF;
	color:#0055ED;
	padding-top:5px;
	
}
#jsddm li ul li img { padding:5px; }
#jsddm li ul li span { margin-top:5px; }
#jsddm li ul li a:hover { background-color:#0055ED; color:#FFFFFF;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:240px;	width: 655px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right: 0px;
	width: 178px; height:40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(/img/sliderNavi.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 3px 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #00389F;
	border: 1px solid #002C7B;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

/*ボタンリンク*/
.topService{
	overflow: hidden;
	float: left;
	text-align: center;
	width: 300px;
	padding: 10px;
	margin: 0 5px 2px 0;
	border: 1px solid #eee;
	border-radius: 4px;
	background: #f8f8f8;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
	background: -ms-linear-gradient(top, #FFFFFF, #f5f5f5);
	background: -moz-linear-gradient(#fff,#f5f5f5);
	box-shadow: 1px 1px 1px #999;
	}
.topContent{
	margin: 0 5px 2px 0;
	border: 1px solid #eee;
	border-radius: 4px;
	background: #f8f8f8;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
	background: -ms-linear-gradient(top, #FFFFFF, #f5f5f5);
	background: -moz-linear-gradient(#fff,#f5f5f5);
	box-shadow: 1px 1px 1px #999;
	}
.topService:hover{
	background:#fff;
	}
.topContent a{
	padding: 10px;
	}
.topContent a:hover{
	background:#fff; 
	}
 
/*  サービスバナーエリア  */
#serviceBnrArea{ margin:10px auto; /*width:480px;*/ }
#serviceBnrArea div { float:left; /*margin-right:20px;*/ margin-bottom:5px; }

/*カテゴリー検索*/
.category-list{overflow:hidden;margin:15px 0;}
.category-list h2{font-size:14px;border:1px solid #eee;padding:8px;
	background: #f8f8f8;
	background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
	background: -ms-linear-gradient(top, #f5f5f5, #fff);
	background: -moz-linear-gradient(#f5f5f5,#fff);
	}
.category-area{ overflow:hidden;border: 1px solid #eee; border-width:0 1px 1px 1px;}
.category-link-l{float:left;margin:5px 10px 5px 5px;padding:5px;border:1px solid #e0e0e0;border-width:0 1px 1px 0;height:150px;}
.category-link-l h3 a,.category-link-s h3 a{background:url(/mantan/cmn/list_arrow_01.gif) 0 3px no-repeat;padding:0 0 0 8px;}
.category-link-l ul{float:left;width:150px;margin:5px 0 0;}
.category-link-s{float:left;width:140px;margin:5px 5px 0;padding:5px;border:1px solid #e0e0e0;border-width:0 1px 0 0;height:120px;}
.category-link-s ul{margin:5px 0 0;}

/*パッケージ検索*/
.productSearch{width:655px;}
.productSearch h2{font-size:14px;border:1px solid #eee;padding:8px;
	background: #f8f8f8;
	background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
	background: -ms-linear-gradient(top, #f5f5f5, #fff);
	background: -moz-linear-gradient(#f5f5f5,#fff);
}
.productSearch .col{clear:both;overflow:hidden;padding:5px;border:1px solid #eee;border-width:0 1px 1px 1px;}
.productSearch .col p{padding:5px 5px 0;}
.productSearch .col p span{float:right;}
.productSearch .col p span a{background:url(/mantan/cmn/list_arrow_01.gif) 0 3px no-repeat;padding:0 0 0 6px;margin:0 8px 0 0;}
.productSearch ul{ float:left; padding:8px 0; width:655px; }
.productSearch li{ float:left; width:143px; padding-left:15px; }

/*バナーエリア*/
#mantan_banner_area{
	overflow:hidden;
	margin:20px 0;
}
#mantan_banner_area li{
	float:left;
	overflow:hidden;
}
#mantan_banner_area li a img{
	width:215px;
}	
#mantan_banner_area li:nth-child(2) a img{
	margin:0 5px;
}	

/*お知らせ*/
#mantan_info_area{
	margin: 0 0 20px;
	padding: 10px;
	border:1px solid #eee;
	border-top: none;
}
#mantan_info h2{font-size:14px;border:1px solid #eee;padding:8px;
	background: #f8f8f8;
	background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
	background: -ms-linear-gradient(top, #f5f5f5, #fff);
	background: -moz-linear-gradient(#f5f5f5,#fff);
	}