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

* itemdtlpage.css

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

.single .mainSect { }
.single .titBlock { padding-bottom: 30px; position: relative;}
.single .blandLogo{position: absolute; top: 20px; right: 0}
.single .titBlock .sectTit { margin-bottom: 0; }
.single .titBlock .sectTit .century { }
.single .titBlock .sectTit .ruby { }
.single .backBtn { margin-bottom: 10px; text-align: right; font-size: 12px; }
.single .backBtn a:hover {color: #CCC }
.single .backBtn .icon { padding: 0 2px 0 16px; background: url(../image/icon_square02.gif) 0 2px no-repeat; }
.single .sliderBlock { position: relative; min-height:630px; padding-bottom: 10px; border-bottom: 1px solid #DDDDDD; }
.single .sliderBlock .new { position: absolute; top: 0; left: 0; z-index: 99; }
.single .sliderBlock .imgList { }
.single .sliderBlock .imgList li { position: absolute; top: 0; left: 0; }
.single .sliderBlock .imgList li .caption{
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 11px;
    line-height: 1.5;
    color: #888;
    }
.single .sliderBlock .controller { min-height:630px; position: relative; z-index: 1; }
.single .sliderBlock .controller .prev {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    width: 50%;
    height: 100%;
}
.single .sliderBlock .controller .prev img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
}
.single .sliderBlock .controller .next {
    position: absolute;
    top: 0;
    left: 50%;
    cursor: pointer;
    display: block;
    width: 50%;
    height: 100%;
}
.single .sliderBlock .controller .next img {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -30px;
}
.single .sliderBlock .pager { position: relative; width: 100%; }
.single .sliderBlock .pager .thumbList { text-align: center; }
.single .sliderBlock .pager .thumbList li { display: inline-block; *display: inline;
 *zoom: 1;
margin: 0 5px; }
.single .sliderBlock .pager .thumbList li.current img {padding: 1px;
  border: 2px solid #E8390C
 }
.single .sliderBlock .pager .thumbList li img { padding: 2px; border: 1px solid #DDDDDD; }
.single .sliderBlock .pager .thumbList li:hover img {
 padding: 1px;
 border: 2px solid #E8390C;
}
.single .sectMain { padding: 35px 0 55px; }
.single .sectMain .leftBlock { float: left; width: 575px; }
.single .sectMain .leftBlock .txtBox { }
.single .sectMain .leftBlock .txtBox .txt { margin-bottom: 13px; line-height: 2; }
.single .sectMain .leftBlock .txtBox .txt02 { margin-bottom: 33px; }
.single .sectMain .leftBlock .txtBox .designBox {margin-bottom: 13px; }
.single .sectMain .leftBlock .txtBox .designBox .designer { float: left; }
.single .sectMain .leftBlock .txtBox .designBox .designer a{
    display: inline-block;
}
.single .sectMain .leftBlock .txtBox .designBox .designer a:hover .name{
    /*text-decoration: none;*/
    opacity: 0.7;
    filter:alpha(opacity=70);  /* IE7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.single .sectMain .leftBlock .txtBox .designBox .designer .photo { float: left; }
.single .sectMain .leftBlock .txtBox .designBox .designer .name {font-size: 16px; text-decoration: underline; line-height: 1.4; }
.single .sectMain .leftBlock .txtBox .designBox .designer .name .small { display: inline-block; font-style: italic; font-size: 14px; padding-right: 10px; }
.single .sectMain .leftBlock .txtBox .designBox .good { float: right; width: 122px; padding: 0px 0 0; }
.single .sectMain .rightBox { float: right; width: 380px; text-align: right; padding-top: 2px; }
.single .sectMain .rightBox .btnList { }
.single .sectMain .rightBox .btnList li { margin-bottom: 20px; }
.single .sectMain .rightBox .btnList li .attention { padding: 10px 0 0; font-size: 10px; color: #666666; line-height: 1.4; }

.single .contactBlock{
  background: #F4F4F4;
  padding: 25px;
  margin-bottom: 80px;
}
.single .contactBlock .contactTxt {
  text-align: left;
  float: left;
  width: 590px;
  font-size: 13px;
  padding-top: 2px;
}
.single .contactBlock .contactTxt a {
  text-decoration: underline;
}
.single .contactBlock .contactTxt a:hover {
  color: #AAA;
  text-decoration: none;
}
.single .contactBlock .btnContact {
  width: 320px;
  height: 50px;
  background-color: #222;
  float: right;
}
.single .contactBlock .btnContact a {
  color: #FFF;
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: 50px;
  font-size: 13px;
  background: url(../image/icon_mail.gif) no-repeat 16px 13px;
  background-size: 36px 23px;
}
.single .contactBlock .btnContact a:hover {
  zoom: 1;
  opacity: 0.5;
  filter:alpha(opacity=50);  /* IE7 */
  -ms-filter: "alpha(opacity=50)"; /* IE8 */
}


.single .listBlock { margin-bottom: 40px; border: solid #ddd; border-width: 1px 0 1px; }
.single .listBlock .blockTit { width: 250px; margin: -14px auto 0; background: #fff; font-size: 16px; text-align: center; letter-spacing: 3px; }
.single .listBlock .itemList { padding: 40px 0; text-align: center; }
.single .listBlock .itemList .newIcon { position: absolute; top: 182px; left: 0; z-index: 100; }
.single .listBlock .itemList .gIcon { position: absolute; top: 182px; left: 4px; }
.single .listBlock .itemList li { position: relative; display: inline-block; *display: inline; *zoom: 1;}
.single .listBlock .itemList li .photo { }
.single .listBlock .itemList li .photo img { padding: 8px 7px; }
.single .listBlock .itemList li .photo figcaption { padding: 20px 0 0; font-size: 18px; text-align: center; line-height: 1.4; }
.single .listBlock .itemList li .photo figcaption .ruby { display: block; font-size: 10px; color: #858585; }

/*===================================================================
  .single
===================================================================*/
.single .mainSect { }
.single .mainSect .titBlock { padding: 70px 0 0; }
.single .mainSect .titBlock .sectTit { margin-bottom: 20px; }
.single .listBlock { }
.single .listBlock .itemList .newIcon { position: absolute; top: 182px; left: 0; z-index: 100; }
.single .listBlock .itemList .gIcon { position: absolute; top: 182px; left: 4px; z-index: 100; }

.single .listBlock .itemList li .photo .inner {
  overflow: hidden;
  position: relative;
}
.single .listBlock .itemList li a .photo .viewDetails{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin: -8px 0 0 0;
  font-family:  "New Century Schoolbook Roman", Century, Times, serif;
  font-style: italic;
  color: #000;
  display: none;
  line-height: 1;
}
.single .listBlock .itemList li a .photo .viewDetails .line{
  border-bottom: 1px solid #000;
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
}
.single .listBlock .itemList li .photo img { padding: 8px 7px; }
.single .listBlock .itemList li .photo figcaption { padding: 20px 0 0; font-size: 18px; text-align: center; line-height: 1.4; }
.single .listBlock .itemList li .photo figcaption .ruby { display: block; font-size: 10px; color: #858585; }


/*===================================================================
  .single #NewsDetail
===================================================================*/

.single #NewsDetail{
width: 100%;
max-width:780px;
margin: 0 auto;
padding-top: 70px;
border-top: 1px solid #CCC;
}
.single #NewsDetailInner{
  width: 100%;
  margin: 0 auto;
}
.single #NewsDetail h1{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}
.single #NewsDetail .date{
  font-size: 13px;
  margin-bottom: 10px;
}

.single #NewsDetail .contentBox{
  margin-bottom: 70px;
}

.single #NewsDetail .contentBox .photo{
  max-width: 780px;
  margin: 0 auto 30px;
}

.single #NewsDetail .contentBox .textBox p{
  padding-bottom: 20px;
}

.single #NewsDetail .contentBox .textBox p a{
  font-weight: bold;
  text-decoration: underline;
}

.single #NewsDetail .contentBox .textBox p a:hover{
  text-decoration: none;
}

.single #NewsDetail .contentBox strong{
  font-weight: bold;
  font-size: 14px;
}

.single #NewsDetail .contentBox .small{
  font-size: 11px;
}




@media screen and (max-width: 767px) {
	
.single .sliderBlock { position: relative; width:100%;height:80%;min-height:200px; padding-bottom: 10px; border-bottom: 1px solid #DDDDDD;clear:both; }
.single .sliderBlock .controller { width:100%;height:80%;min-height:200px; position: relative; z-index: 1; }
.single .sliderBlock .pager .thumbList li { display: inline-block; *display: inline;
 *zoom: 1;
margin: 5px 5px; }

.single .sliderBlock .imgList li .caption{
    position: relative;
    display:block;
    color: #888;
	clear:both;
	z-index: 1;
    }
.sliderBlock .pager .thumbList{
	clear:both;
	margin-top:50px;
	}
	
.single .sectMain .leftBlock { float: none; width: 96%; margin:0 auto;clear:both; }
.single .sectMain .rightBox { float: none; width: 98%;margin:0 auto; text-align: left; padding-top: 2px;clear:both; }	
	
.single .sectMain .leftBlock .txtBox .designBox .good { float: none; width: 70px; padding: 0px 0 0;clear: both; }


.single .sliderBlock .controller { height:80%; position: relative; z-index: 1; }
.single .sliderBlock .controller .prev {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    width: 50%;
    height: 80%;
}
.single .sliderBlock .controller .next {
    position: absolute;
    top: 0;
    left: 50%;
    cursor: pointer;
    display: block;
    width: 50%;
    height: 80%;
}
	
}