@charset "utf-8";

/*=====================================================
 * Style Name: DEQWAS Style
 * Style URL: 
 * Description: Recommend Style Sheet
 * Version: 0.1
 * Last Up Date: 2011/07/25
 * Author: Prime works
 * Author URL: http://www.primeworks.jp/
 *
 * Markup Reference:
 *
=====================================================*/

/*
===== 0: Base Division ===========================*/

/* nav
-----------------------------*/

#recommend-list { /zoom : 1; }
#recommend-list:after { content : ''; display : block; clear : both; }
#recommend-list li { display: inline; float: left; }

#recommend-list-ope { /zoom : 1; overflow: hidden; height: 200px; }
#recommend-list-ope:after { content : ''; display : block; clear : both; }
#recommend-list-ope li { display: inline; float: left; }
#recommend-list-ope li span { height: 100px; display: inline-block; }



/* recommend-area
-----------------------------*/

.recommend-area { padding: 28px 0; text-align: left; border-top: 1px solid #d1d1d1; }
.recommend-area dt { margin-bottom: 5px; color: #72612e; font-weight: bold; font-size: 133%; }
.recommend-area ul { margin-right: -33px; }
.recommend-area li { padding-right: 33px; width: 114px; }
.recommend-area a { font-weight: bold; }
.recommend-area img { display: block; margin-bottom: 3px; }

.recommend-area.old { display: none; }




/* recommend common parts
-----------------------------*/

.recommend-carousel ul li a img { margin: 0 0 10px; }
.recommend-carousel ul { padding: 0 10px 0; }
.recommend-carousel ul li { margin: 0 10px; }
.recommend-carousel p { font-weight: bold; }

/* recommend-tube
-----------------------------*/

#deqwas-tube { margin: 50px auto; width: 620px; }
#deqwas-tube .recommend-list-tube .slick-track li a span { width: 180px; display: inline-block; }
#deqwas-tube .recommend-list-tube .slick-track li a span.caution { width: 115px; }

/* recommend-column
-----------------------------*/

#deqwas-column { margin: 50px auto; width: 631px; }
#deqwas-column p { margin-bottom: 1.7em; }
#deqwas-column .recommend-list-column img { border: 1px solid #CCC; }
#deqwas-column .recommend-list-column .slick-track li a span { width: 142px; display: inline-block; }

/* recommend-mov
-----------------------------*/

#deqwas-mov { margin: 0 auto 50px; width: 620px; }
#deqwas-mov .recommend-list-mov .slick-track li a span { width: 180px; display: inline-block; }
.carousel-link { text-align: right; }


/* recommend-column-knowledge
-----------------------------*/

#deqwas-column-knowledge { margin: 50px auto; width: 631px; }
#deqwas-column-knowledge p { margin-bottom: 1.7em }
#deqwas-column-knowledge .recommend-list-column-knowledge img { border: 1px solid #CCC; }
#deqwas-column-knowledge .recommend-list-column-knowledge .slick-track li a span { width: 142px; display: inline-block; }



/* recommend-mov-knowledge
-----------------------------*/

#deqwas-mov-knowledge { margin: 0 auto 50px; width: 620px; }
#deqwas-mov-knowledge p { margin-bottom: 1.7em }
#deqwas-mov-knowledge .recommend-list-mov-knowledge .slick-track li a span { width: 180px; display: inline-block; }


/* deqwas-photo-ope, deqwas-photo
-----------------------------*/
#deqwas-photo-ope,
#deqwas-photo { width: 620px; margin: 40px auto; }

#deqwas-photo-ope .title,
#deqwas-photo .title { margin: 0 0 15px -47px; color: #72612e; font-weight: bold; font-size: 133%; }

.recommend-list-photo-ope .item,
.recommend-list-photo .item { margin: 0 10px; }

.recommend-list-photo-ope dl dt,
.recommend-list-photo dl dt {
	background-color: #e6e6e6;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 245px;
	padding: 5px 0;
}

.recommend-list-photo-ope dl dt a img,
.recommend-list-photo dl dt a img { margin: 0; }

.recommend-list-photo-ope dl dd,
.recommend-list-photo dl dd { margin: 5px 0 0; }

.recommend-list-photo-ope img,
.recommend-list-photo img { width: 120px; display: inline!important; }

.recommend-list-photo-ope .slick-track,
.recommend-list-photo .slick-track { padding: 0 0 20px!important; }


