@charset "utf-8";
body{font-family:Arial, Helvetica, sans-serif;color:#333;background-color:#eee;}
h1{font-size:1.5em;margin:1.75em 0.5em 0 0;padding:0;clear:right;float:right;color:#666;}
h1 a{color:#ccc;}
h1 a:hover{color:#fff}
h2 {font-size:1.5em;margin:0.5em 0 0 0;padding:0.3em 0;color:#c00;border-bottom:1px solid #fff;font-family:Arial, Helvetica, sans-serif;}
h2 a{color: #c00}
h3{font-size: 1.2em;margin:0;padding:0.1em;color:#333;background-color:#F7F7F7;border-bottom:1px solid #fff;font-family: Arial, Helvetica, sans-serif;}
.listing h3{font-size:1.1em;color:#c00;}
.listing h3 a{color:#c00;}
h4{font-size:1em;margin:0 0 0.3em 0;color:#c00;border-bottom:1px solid #eee;font-family:Tahona, Arial, Helvetica, sans-serif;}
a{color:#c00;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
.logo {float:left;}
.pic_b {float:right;margin:0 0 0.5em 0.5em;}
.pic_th {float:left;margin:0.2em 0.2em 0 0;}
.pic_th_r {float:right;margin:0.2em 0 0.2em 0.2em;}

/* ======================================== */
.header,.page,.footer{max-width:76em;}
.zgSideBar{background-color:#000;}
.headerHead{border-top:1px solid #333;}
.zgMobNav{color:#000;background-color:#ccc;}
.zgMobNav:hover{color:#c00;}
.zgNav{background-color:#000;}

.locationBar{padding:0.4em;font-size:0.85em;font-weight:bold;color:#999;background-color:#eee;border-bottom:1px solid #ccc;}
.locationBar a{color:#666;}
.locationBar a:hover{color:#000;}
.home .pic_b {width:100%;height:auto;float:none;margin:0;}
.pageContent,.pageListing{padding:0.3em;margin-bottom:0.1em;background-color:rgba(255,255,255,0.5);box-shadow:1px 1px 3px #000;}
.pageContent:after{content:"";display:block;clear:both;}
ul.pageListing li{list-style-type:none;}
.listing>*{background-color:rgba(255,255,255,0.5);box-shadow:1px 1px 3px #999;}

.anime{margin-bottom:1em;box-shadow:1px 1px 3px #000;}
.slideText{margin:0.5em;padding:0.5em;color:#fff;background-color:rgba(0,0,0,0.5);}
.slideText .title{font-size:1.2em;font-weight:bold;}
.sliderNavi a{padding:0.5em 0.4em;color:#fff;background-color:rgba(0,0,0,0.5);border-left:1px solid #fff;border-right:1px solid #000;}
.sliderNavi a.act{color:#666;background-color:transparent;}

.footerNavi,.footerMenu, .footerLinks{font-size:0.9em;background-color:#666;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #000;}
.footerNavi a, .footerMenu a, .footerLinks a{color:#fff;border-left:1px solid #fff;border-right:1px solid #000;}
.summaryChilds{margin:0.2em;padding:0;}
.summaryChilds li{list-style-type:none;}
.summaryChilds li a:before{content:"› "}

/*----------------*/
.naviTop{font-size:1em;clear:both;padding:0 0.4em 0 0.4em;margin:0;text-align:right;font-weight:bold;background-color:#666;}
.navi_top{height:2em;text-align:left;}
.navi_top>li{border-right:1px solid #000;border-left:1px solid #fff;}
.navi_top>li.act{background-color:#eee;}
.navi_top>li a{padding:0.5em 1em;margin:0;display:block;color:#fff;}
.navi_top>li.act a{color:#000;}
.navi_top li a:hover{color:#333;background-color:#fff;}
.navi_top>li.act li a{color:#fff;}
.navi_top>li.act li a:hover{color:#333;}
.navi_top>li.act li.act a{color:#c00;background-color:#fff;}
.zgDropDown ul{background-color:rgba(0,0,0,0.8);}
.naviCol{padding:0.2em 0;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#f7f7f7;box-shadow:1px 1px 3px #999;}
.naviCol a{color:#333;}
.navi_col>li>ul>li{border-left:4px solid #ddd;border-bottom:1px solid #ddd;}
.navi_col>li>ul>li.act{background-color:#fff;border-left:4px solid #c00;border-bottom:1px solid #c00;}
.navi_col>li a{font-weight:bold;}
.navi_col>li.act a{color:#333;}
.navi_col>li a:hover{color:#000;background-color:#fff;}
.navi_col>li>ul>li a,.navi_col>li.act>ul>li a{color:#333;font-weight:normal;}

/* ======================================== */
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),only screen and (max-width:60em){
	.home,.meddle{width:100%;float:none;}
	.column_left{display:none;}
	.logo{margin-top:0}
	.zgNav{background-color:#eee;}
	.naviTop{padding:0;}
	.navi_top{height:auto;}
	.navi_top li{border-top:1px solid #fff;border-bottom:1px solid #000;}
	.navi_top ul{background:rgba(0,0,0,0.5);padding:0 0 0 0.4em;}
	.navi_lng>*{width:33%;}
	.zgSuggest{top:auto;right:auto;}
}
@media
only screen and (min-device-width:24em) and (max-device-width:60em) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-width:24en) and (max-device-width:60em) and (min-device-pixel-ratio:1.5),
only screen and (max-width:60em){
/* Small tablets (assume vertical) and landscape phones */
	.slideText{line-height:120%;font-size:1em;}
}
@media
only screen and (max-device-width:48em) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-device-width:48em) and (orientation:portrait) and (min-device-pixel-ratio:1.5),
only screen and (max-width:32em) {
/* All Portrait Phones */
	.pic_b {width:100%;height:auto;float:none;margin-left:0;}
	.slideText{line-height:120%;font-size:1em;}
	.slideText .desc{display:none;}
	.pageShop, .pageProps{width:100%;float:none;}
	
	.footerNavi li, .footerMenu li, .footerLinks li{font-size:1.2em;display:block;}
	.footerNavi a, .footerMenu a, .footerLinks a{border-top:1px solid #fff;border-bottom:1px solid #000;}
}