@charset "Shift_JIS";
/* CSS Document */

table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img{vertical-align:top; border-width:0; border-style:none;}
th,h1,h2,h3,h4,h5,h6{font-weight:normal;}
#contentsArea{
	width:100%;
	margin-bottom:0;
	padding-bottom:2em;
}
#Wrap{
	font: 13px/1.6 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	padding-top:10px;
}
#root,#Wrap{
	width:950px;
	margin:0 auto;
}
#Wrap h1{
	width:950px;
	height:229px;
	background:url(../img/mainimg.jpg) no-repeat;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
#Wrap .firsttxt{
	width:914px;
	padding:10px 17px;
	border:1px dotted #AAA;
	margin:12px 0;
}
#Wrap .firsttxt span{
	color:#2D7FD3;
	font-weight:bold;
}
#gNavi li{
	float:left;
	display:block;
}

/* ========= sectionLayout ========== */

#Wrap .sectionLayout{
	padding-top:10px;
	margin-top:40px;
}
#Wrap .sectionLayout ul{
	margin-left:-10px;
}
#Wrap .sectionLayout ul li{
	width:308px;
	float:left;
	margin-left:10px;
	margin-top:20px;
}
#Wrap .sectionLayout ul li .imgBox{
	width:270px;
	padding:12px 19px 17px;
}
#Wrap .sectionLayout ul li .detailBox{
	width:280px;
	background:#FAFAFA;
	padding:12px 14px;
}
#Wrap .sectionLayout ul li .detailBox h3{
	padding-bottom:8px;
	background:url(../img/dotted.gif) repeat-x left bottom;
	margin-bottom:10px;
	font-weight:bold;
	font-size:17px;
	line-height:1.3;
}
#Wrap .sectionLayout ul li .detailBox .priceBox,
#Wrap .sectionLayout ul li .detailBox .priceBox a{
	color:#FF0000;
}
#Wrap .sectionLayout ul li .detailBox .priceBox{
	font-size:17px;
	margin-top:6px;
}
#Wrap .sectionLayout ul li .detailBox .priceBox strong{
	font-size:23px;
	font-weight:bold;
}
#Wrap .sectionLayout ul li .detailBox .btnBox a{
	width:278px;
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	padding:10px 0;
	display:block;
	text-decoration:none;
	border:1px solid #FFF;
	margin-top:12px;
	transition: 0.2s;
}
#Wrap .sectionLayout ul li .detailBox .btnBox a:after{
	content:" ";
	width:9px;
	height:12px;
	position:absolute;
	right:10px;
	top:18px;
	background:url(../img/arrow.png) no-repeat;
	background-size:9px 12px;
}
#Wrap .sectionLayout ul li .detailBox .btnBox a:hover{
	opacity: 0.6;
  transition: 0.2s;
}

/* ========= sec1,sec2,sec3 ========== */

#sec1 ul li{ border:1px solid #B1E4F1;}
#sec2 ul li{ border:1px solid #DCEC93;}
#sec3 ul li{ border:1px solid #F3E4A0;}
#sec1 ul li .detailBox h3{ color:#229FBF;}
#sec2 ul li .detailBox h3{ color:#8EA61F;}
#sec3 ul li .detailBox h3{ color:#D0A91F;}
#sec1 ul li .detailBox .btnBox a{
	outline:1px solid #33B9DB;
	background:linear-gradient(to top,#23A8C9,#45BDDA);
	-pie-background:linear-gradient(top,#45BDDA,#23A8C9);
	behavior: url(../../script/PIE/PIE.htc);
}
#sec2 ul li .detailBox .btnBox a{
	outline:1px solid #87AC28;
	background:linear-gradient(to top,#87AC28,#A1CA33);
	-pie-background:linear-gradient(top,#A1CA33,#87AC28);
	behavior: url(../../script/PIE/PIE.htc);
}
#sec3 ul li .detailBox .btnBox a{
	outline:1px solid #BEA016;
	background:linear-gradient(to top,#BEA016,#E0BD1D);
	-pie-background:linear-gradient(top,#E0BD1D,#BEA016);
	behavior: url(../../script/PIE/PIE.htc);
}