@charset "UTF-8";
/* ============= slide with jQuery ================ */
body {
    background:#fff;
}

#topPageWaku {
    background-color:#fff;
}

#topSlideBox {
    width:1000px;
    height:500px;
}

#photos {
    height:500px;
}
.galleryview {
    height:500px;
}


/* ============= important notice ================== */
.criticalBox{
margin:0 0 20px 0;
background-color:#fcfdf5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 3px 3px 3px #eee;
-moz-box-shadow: 3px 3px 3px #eee;
box-shadow: 3px 3px 3px #eee;
}
.criticalimg{
float:left;
margin:5px 20px 10px 5px;
}

.topCategory {
    clear: both;
    margin-top: 30px;
    font-family:'AvantGardeMdITC';
    background: #e5eaee;
    padding: 2px 0px 2px 20px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
}

.topCategoryNewsTabsWrap {
    width: 100%;
    float: left;
    background: #e5eaee;
}

.topCategoryNews {
    font-family:'AvantGardeMdITC';
    float: left;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
    background: #e5eaee;
    padding: 2px 90px 2px 20px;
}

.newsCategorys {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.newsCategorys li {
    float: left;
    border-right: 1px solid #000;
    margin: 9px 0 9px 0;
    padding: 0 15px 0 15px;
}

.newsCategorys li a {
    color: #626262;
    font-size: 12px;
}

.newsCategorys li .focus {
    color: #00335d;
    font-weight: bold;
    font-size: 12px;
}

.newsCategorys li:last-child{
	border-right: none;
}

.newsMore {
    display: inline;
    font-size: 12px;
    padding-left: 10px;
    line-height: 30px;
    text-decoration: underline;
}

#NewsHeadLine {
    clear: both;
}

.newsBox dl {
    width: 48%;
    float:left;
    margin:0;
    border-bottom: 1px dotted #A4A4A4;
    margin:0 1% 0 1%;
}

.newsBox dl:nth-child(3),
.newsBox dl:nth-child(4) {
    width: 48%;
    float:left;
    margin:0;
    border-bottom: none;
    margin:0 1% 0 1%;
}

.newsBox dt {
    padding: 0.5em 0 0 0.5em;
    color: #848484;
    font-size: 12px;
}

.newsBox dd {
    padding: 0.3em 0.5em 0.8em 0.5em;
    vertical-align: middle;
    line-height: 1.3em;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsBox a {
    color: #000;
    font-size: 13px;
    text-decoration: none;
}


.topicBlock {
    padding: 0;
    padding-top: 0;
    margin-bottom:10px;
}

.topics {
    width: 23.6%;
    display: inline-block;
    font-size:0px;
    border-top: 1px dotted #A4A4A4;
    list-style: none;
    margin: 1% 0.6% 0 0.6%;
    padding: 1.1% 0 0 0;
}

.topics:nth-child(4),
.topics:nth-child(8) {
    margin: 1% 0 0 0.6%;
    padding:1.1% 0 0 0;
}

.topics li {
    margin:0;
    padding:0;
}

.topics li img {
    width: 100%;
    border: 1px solid #b9b9b9;
}

.topics a {
    color: #000;
}

.topics .comment {
    clear: both;
    text-align:left;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3em;
    height: 3em;
}

.topics .icon {
    padding: 1% 3% 1% 3%;
    text-align: left;
    font-weight: bold;
    background: #000;
    color: #fff;
    font-size: 11px;
}

.topics .date {
    float: right;
    text-align: right;
    color: #848484;
    font-size: 12px;
    line-height: 1.8em;
}

.onlineShopBnr {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.onlineShopBnr li {
	width: 29.2%;
    float: left;
    text-align:center;
    padding: 0 2% 0 2%;
    margin: 25px auto 25px auto;
    border-right: 1px dotted #A4A4A4;
}

.onlineShopBnr li figure{
    font-size: 0;
	line-height: 0;
}

.onlineShopBnr li:last-child {
    border-right: none;
}

.onlineShopBnr a:link,
.onlineShopBnr a:hover,
.onlineShopBnr a:visited {
    text-decoration: none;
}

.onlineShopBnr img{
    width:100%;
}

.onlineShopBnr .imageLogo {
    width: 185px;
    margin: 0px auto;
}

.onlineShopBnr .catch {
    font-size:14px;
    line-height: 1.5em;
    margin :10px 0;
}

.mallWrap {
    clear: left;
    margin:15px 0;
}

.mallBnr {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.mallBnr li {
    float: left;
    width:232px;
    line-height: 0;
    margin-right: 24px;
    border-top: 1px dotted #A4A4A4;
}

.mallBnr li:last-child {
	margin-right: 0;
}



/* ========== recommend ================ */

.onlineRanking {
    margin-top: 0px;
}

.topCategoryRecommendWrap {
    width: 100%;
    border-top: 1px dotted #A4A4A4;
    float: left;
    background: #eeeeee;
}

.topCategoryRecommend {
    float:left;
    background: #eeeeee;
    padding: 2px 0px 2px 20px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
}

.toOnlineButton {
    text-align: right;
    padding: 7px 5px 0 0;
}


.rankingList {
    list-style: none;
    margin: 10px 0;
    padding:0;
    font-size:0;
}

.rankingList li {
    position: relative;
    float: left;
    width: 176px;
    margin-left:30px;
}

.rankingList li img {
    width: 100%;
}

.rankingList li:first-child {
    margin-left: 0;
}

.rankingList li .ballon {
    position: absolute;
    width: 100%;
    top: 0;
    height: 96.3%;
    line-height: 1.3em;
    z-index: 90;
    opacity:0;
    font-size: 12px;
    background: #00335d;
    color: #fff;
}

.rankingList li .ballon a,
.rankingList li .ballon a:link,
.rankingList li .ballon a:visited {
    color: #fff;
    text-decoration: none;
}

.rankingList li:hover .ballon,
.rankingList li .ballon .hover {
    opacity:0.9;
    animation: fadeIn 0.6s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.6s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 0.9}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 0.9}
}

.rankingList li .ballon p {
    padding: 0px 8px;
}


.rankingList li .ballon .brand{
    padding-top: 8px;
    margin-bottom:2px;
    font-size: 12px;
}

.rankingList li .ballon .catch {
    margin-bottom:10px;
    font-size: 12px;
}


.rankingList li .ballon .name {
    margin-bottom:10px;
    font-size: 14px;
}

.rankingList li .ballon .price {
    text-align: left;
}


.noItem{
width:203px;
height:203px;
margin:3px;
-webkit-box-shadow: 2px 2px 2px #ddd;
-moz-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;
float:left;
text-align:center;
overflow:hidden;
background:#fff url(../_img_bg/no_picture.jpg) no-repeat center center;
}
/* ================== */


.mgnR7{
margin-right:7px;
}

@media screen{
#ajaxResult{
height:205px;
}
#imgParade{
height:205px;
}
}

@media print{
#ajaxResult{
height:205px;
overflow:hidden;
}
#imgParade{
height:205px;
overflow:hidden;
}
#ajaxResult2{
height:205px;
overflow:hidden;
}
#imgParade2{
height:205px;
overflow:hidden;
}
}