/*
===========================================================================

	Title : products_top.css

===========================================================================
*/


/***************************************************************
*
*	PC view
*
****************************************************************/



/* pc products_top
------------------------------------------------------------ */

#wrap #content.products_top .ttl{
	margin: 0 0 26px 0;
}

#wrap #content.products_top .ttl h2{
	float: left;
	width: 138px;
	margin: 5px 0 0 30px;
}

#wrap #content.products_top .ttl .btn{
	margin: 0 28px 0 0;
	float: right;
}

#wrap #content.products_top .anker_area{
	margin: 0 0 32px 30px;
}

#wrap #content.products_top .anker_area li{
	float: left;
	margin: 0 8px 8px 0;
}

#wrap #content.products_top .anker_area li:nth-child(4n){
	margin: 0 0 8px 0;
}

#wrap #content.products_top .cnt_link {
	margin: 0 0 64px 0;
	position: relative;
}

#wrap #content.products_top .cnt_link {
	margin: 0 0 64px 0;
	position: relative;
}

#wrap #content.products_top h3 {
	margin: 0 0 30px 0;
}

#wrap #content.products_top ul {
	margin: 0 0 40px 40px;
}

#wrap #content.products_top ul li{
	float: left;
	margin: 0 20px 20px 0;
}






/* products_detail
------------------------------------------------------------ */

#wrap #content.products_top ul li dl{
	border: 2px solid #ded3cf;
	border-radius: 10px;   
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
    padding: 0 0 30px 0;
	width: 289px;
}

#wrap #content.products_top ul li dt{
	height: 75px;
	background: url(../image/line_pc.png) repeat-x bottom;
	padding: 10px 0 0 0;
	margin: 0 0 15px 0;
}

#wrap #content.products_top ul dd ul {
	margin: 0;
}

#wrap #content.products_top ul li dd ul li{
	float: none;
	font-size: 14px;
    padding: 14px 11px 0;
    margin: 0 0 0 30px;
    background: url(../image/lgreen_detail_arrow.png) no-repeat no-repeat 0px 19px;
    background-size: 7px;
    line-height: 1.6;
}

#wrap #content.products_top ul li dd span{
	margin: 0 0 0 7px;
}














/***************************************************************
*
*	SP view
*
****************************************************************/

@media screen and (max-width:769px){

#wrap #content.products_top .ttl{
	margin: 0 0 3%;
	padding: 5% 4% 0;
}

#wrap #content.products_top .ttl h2{
	float: left;
	width: 32%;
	margin: 1.5% 0 0 0;
	margin-bottom: 0;
	background: none;
	padding: 0;
}

#wrap #content.products_top .anker_area{
	margin: 0 4% 10% 4%;
}

#wrap #content.products_top .anker_area li{
	float: left;
	width: 49%;
	margin: 0 0 2% 0;
}

#wrap #content.products_top .anker_area li:nth-child(2n){
	float: right;
	margin: 0 0 2% 0;
}

#wrap #content.products_top h3 {
	width: 100%;
	margin: 0 0 5% 0;
}

#wrap #content.products_top ul {
	margin: 0 4% 10% 4%;
}

#wrap #content.products_top ul li{
	float: left;
	width: 49%;
	margin: 0 0 2% 0;
}

#wrap #content.products_top ul li:nth-child(2n){
	float: right;
	margin: 0 0 2% 0;
}






/* products_detail
------------------------------------------------------------ */

#wrap #content #cnt01, #wrap #content #cnt02,
#wrap #content #cnt03, #wrap #content #cnt04,
#wrap #content #cnt05, #wrap #content #cnt06,
#wrap #content #cnt07{
	width: 100%; 
}

#wrap #content #cnt01 ul li, #wrap #content #cnt02 ul li,
#wrap #content #cnt03 ul li, #wrap #content #cnt04 ul li,
#wrap #content #cnt05 ul li, #wrap #content #cnt06 ul li,
#wrap #content #cnt07 ul li{
	width: 100%; 
	float: none;
}

#wrap #content #cnt01 ul li dl, #wrap #content #cnt02 ul li dl,
#wrap #content #cnt03 ul li dl, #wrap #content #cnt04 ul li dl,
#wrap #content #cnt05 ul li dl, #wrap #content #cnt06 ul li dl,
#wrap #content #cnt07 ul li dl{
	width: 100%;
	border: none;
}

#wrap #content #cnt01 ul li dt, #wrap #content #cnt02 ul li dt,
#wrap #content #cnt03 ul li dt, #wrap #content #cnt04 ul li dt,
#wrap #content #cnt05 ul li dt, #wrap #content #cnt06 ul li dt,
#wrap #content #cnt07 ul li dt{
	padding: 0 0 2% 0;
	margin: 0 0 5% 0;
	height: auto;
	width: 100%;
}

#wrap #content #cnt01 ul li dd, #wrap #content #cnt02 ul li dd,
#wrap #content #cnt03 ul li dd, #wrap #content #cnt04 ul li dd,
#wrap #content #cnt05 ul li dd, #wrap #content #cnt06 ul li dd,
#wrap #content #cnt07 ul li dd{
	width: 100%;
}

#wrap #content #cnt01 ul li dd ul, #wrap #content #cnt02 ul li dd ul,
#wrap #content #cnt03 ul li dd ul, #wrap #content #cnt04 ul li dd ul,
#wrap #content #cnt05 ul li dd ul, #wrap #content #cnt06 ul li dd ul,
#wrap #content #cnt07 ul li dd ul{
	width: 100%;
}

#wrap #content #cnt01 ul li dd ul li, #wrap #content #cnt02 ul li dd ul li,
#wrap #content #cnt03 ul li dd ul li, #wrap #content #cnt04 ul li dd ul li,
#wrap #content #cnt05 ul li dd ul li, #wrap #content #cnt06 ul li dd ul li,
#wrap #content #cnt07 ul li dd ul li{
	/*font-weight: nomal;*/
    padding: 2% 0.5% 2% 5%;
    background: url(../image/lgreen_detail_arrow.png) no-repeat no-repeat 5% 49%;
    background-size: 7px;
	width:42%;
	height:40px;
	line-height:40px;
	float:left;
	margin: 0 0 2% 1%;
	font-size: 11px;
	
	/* border */
	border:2px solid rgb(222, 211, 207);
	/* border-radius */
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	/* box-shadow */
	box-shadow:rgba(221, 221, 221, 0.407843) 2px 2px 1px 1px;
	-webkit-box-shadow:rgba(221, 221, 221, 0.407843) 2px 2px 1px 1px;
	-moz-box-shadow:rgba(221, 221, 221, 0.407843) 2px 2px 1px 1px;	

}

/*
#wrap #content #cnt01 ul li dd ul li a, #wrap #content #cnt02 ul li dd ul li a,
#wrap #content #cnt03 ul li dd ul li a, #wrap #content #cnt04 ul li dd ul li a,
#wrap #content #cnt05 ul li dd ul li a, #wrap #content #cnt06 ul li dd ul li a,
#wrap #content #cnt07 ul li dd ul li a{
	display: block;
}*/

#wrap #content #cnt01 ul li.l2, #wrap #content #cnt02 ul li.l2,
#wrap #content #cnt03 ul li.l2, #wrap #content #cnt04 ul li.l2,
#wrap #content #cnt05 ul li.l2, #wrap #content #cnt06 ul li.l2,
#wrap #content #cnt07 ul li.l2{
	line-height:20px;
}

#wrap #content #cnt01 ul li.l3, #wrap #content #cnt02 ul li.l3,
#wrap #content #cnt03 ul li.l3, #wrap #content #cnt04 ul li.l3,
#wrap #content #cnt05 ul li.l3, #wrap #content #cnt06 ul li.l3,
#wrap #content #cnt07 ul li.l3{
	line-height:15px;
}

#wrap #content.products_top ul li dd span{
	margin: 0 0 0 3px;
}

#wrap #content.products_top ul li dd span img{
	width: 30px;
	vertical-align: middle;
}





/*.footNav
------------------------------------------------------------ */

#wrap #content.products_top ul.footNav{
	width: 100%;
	padding: 0;
	margin: 0;
}

#wrap #content.products_top ul.footNav li{
	width: 94%;
	margin: 0;
}















}