@charset "UTF-8";
/* ======================================================== style.css

　シーン別！忘年会コスパアップ講座

============================================================= 2013.11.26*/


/* ▼基本編ここから
------------------------------------------------------------*/

/* メインビジュアル */
#costPerformanceMainVisual{
	background: url(../images/costPerformanceMainVisual_bg.jpg) no-repeat top left;
	width: 950px;
	height: 377px;
	position: relative;
}
#costPerformanceMainVisualTitle{
	position:absolute;
	top:2px;
	left:31px;	
}
#costPerformanceMainVisualTxt01{
	position:absolute;
	top:125px;
	left:34px;	
}
#costPerformanceMainVisualTxt02{
	position:absolute;
	top:175px;
	left:32px;	
}
#costPerformanceAnchorList{
	width: 840px;
	margin: 0 auto;
}
#costPerformanceAnchorList li{
	padding-left: 83px;
}
#costPerformanceAnchorList li.cosPerListFirst{
	padding-left: 0;
}
.costPerformanceH2Bg{
	background: url(../images/costPerformanceContentsBg01.png) no-repeat top center;
	position: relative;
	padding-top: 109px;
	padding-bottom: 20px;
}
.costPerformanceH2Bg h2{
	position:absolute;
	top:0px;
	left:86px;	
}
.costPerformanceText{
	background: url(../images/costPerformanceContentsBg02.png) no-repeat bottom center;
	width: 887px;
	margin: 0 auto;
}
.costPerformanceTextInner{
	background: url(../images/costPerformanceContentsBg03.png) no-repeat top center;
	padding: 15px;
	font-size: 16px;
	line-height: 26px;
	color: #050000;
}
.costPerformanceContentWrapper{
	background: url(../images/costPerformanceContentsBg04.png) repeat-y top center;
	padding-top: 1px;
	zoom: 1;
}
.costPerformanceContentWrapperInner{
	background: url(../images/costPerformanceContentsBg05.png) left bottom no-repeat;
	padding: 30px 30px 51px;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	zoom: 1;
}
.cosPerContentsArrow{
	background: url(../images/costPerformanceContentsArrow.jpg) no-repeat left center;
	padding-left: 12px;
}

/* ▼シーン別編ここから
------------------------------------------------------------*/


/* シーン1 */
#costPerformanceAnchor02{
	position: relative;
}
#costPerformanceAnchor02 h2{
	position:absolute;
	top:0px;
	left:72px;
}
#costPerformanceAnchorList02 li{
	padding: 15px 0 15px 6px;
}
#costPerformanceAnchorList02 li.cosPerListFirst{
	padding-left: 0;
}
.costPerformanceContentBg{
	background: url(../images/costPerformanceContentsBg06.png) no-repeat bottom center;
	zoom: 1;
}
.costPerformanceContentBgInner{
	background: url(../images/costPerformanceContentsBg07.png) no-repeat top center;
	padding: 20px 20px 20px;
	zoom: 1;
}
.costPerformanceContentFukidashi{
	background: url(../images/costPerformanceContentsBg09.png) no-repeat bottom center;
	padding-bottom: 20px;
	zoom: 1;
}
.costPerformanceContentFukidashiInner{
	background: url(../images/costPerformanceContentsBg08.png) no-repeat top center;
	padding: 44px 30px 0;
	zoom: 1;
}
.costPerformanceBorderL{
	background: url(../images/costPerformanceContentsBg11.png) repeat-y left 15px;
}
.costPerformanceBorderB{
	border-bottom:2px solid #fc5c02;
}

/* シーン2 */
.costPerformanceContentBlue{
	background: url(../images/costPerformanceContentsBg12.png) no-repeat bottom center;
	padding-bottom: 3px;
	zoom: 1;
	width:850px;
}
.costPerformanceContentBlueInner{
	background: url(../images/costPerformanceContentsBg10.png) no-repeat top center;
	padding: 49px 50px 0;
	position: relative;
	zoom: 1;
}
.costPerformanceContentBlueInner .costPerformanceContentBlueimg{
	position:absolute;
	top:-17px;
	left:22px;
}
.costPerformanceContentBlueInner ul{
	background: url("../images/costPerformanceContentsImg16.png") no-repeat scroll 525px bottom;
	width: 750px;
	font-size: 16px;
	zoom: 1;
}
.costPerformanceContentBlueInner ul li.cosPerListFirst{
	padding-top: 20px;
}
.costPerformanceContentBlueInner ul li.cosPerListLast{
	padding-bottom: 25px;
}
/* シーン3 */
.costPerformanceContentFukidashiInner02{
	background: url(../images/costPerformanceContentsBg13.png) no-repeat top center;
	padding: 59px 30px 0;
	zoom: 1;
}
.costPerformanceContentFukidashiInner02 dl{
	line-height: 34px;
}




/* ▼番外別編ここから
------------------------------------------------------------*/
#costPerformanceAnchor03{
	position: relative;
	padding-top:151px;
}
#costPerformanceAnchor03 h2{
	position:absolute;
	top:0px;
	left:88px;
}


/* ▼ Width ▼
------------------------------------------------------------*/

.w360	{width: 360px !important;}
.w395	{width: 395px !important;}
.w530	{width: 530px !important;}
.w535	{width: 535px !important;}
.w570	{width: 570px !important;}
.w580	{width: 580px !important;}
.w950	{width: 950px !important;}
.bold	{font-weight: bold !important;}
.center{text-align: center !important;}
.fgRed3{color: #ab0101 !important;}
.fgBlue01{color: #105192 !important;}