/* 設定 */
#main_contents {width: 100%; height: 600px; overflow-x: hidden;}
.slide_all {width: 560px; margin: 0 auto; height: 440px; position: relative;}
.wideslider {width: 10640px; position: absolute; left: 50%; margin-left: -840px; background-color:#E4E4E4; padding:45px 0 39px 0;}
.bxslider {width: 100%;}
.slide {width: 560px; text-align:center;}
.slide img {vertical-align: bottom;}

/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;margin:35px 0 0 0;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #333333; border-radius: 10px; margin:10px 3px 0 3px;}
.bx-pager-item a.active {background-color:#FFFFFF; /*opacity: 0.3;*/}
.bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;}
.bx-controls {z-index: 100;width: 100%;margin-left:-4480px;}

.bx-wrapper .bx-prev {
    background: url("../images/prev.png") no-repeat rgba(0, 0, 0, 0);
    /*width:100px;
    height:100px;
    */
    top:227px;
    left:5.1%;
    position:absolute;
    text-indent: -99999px;
    /*font-size:100px;
    color:#BBBBBB;*/
    z-index:999;
    width:27px;
    height:54px;
}

.bx-wrapper .bx-next {
    background: url("../images/next.png") no-repeat rgba(0, 0, 0, 0);
    /*width:100px;
    height:100px;
    */
    top:227px;
    left:10.3%;
    position:absolute;
    text-indent: -99999px;
    /*font-size:100px;
    color:#BBBBBB;*/
    z-index:999;
    width:27px;
    height:54px;
}

div#header.stuck {
	position:fixed;
	top:0px;
	z-index:200;
}

div.header_bottom.stuck {
	position:fixed;
	top:45px;
	z-index:200;
	background-color:#FFFFFF;
}

div#workflow_line.stuck {
	position:fixed;
	top:45px;
	z-index:200;
}

/* コンテンツ */
div.header_bottom {
	width:100%;
}

div.header_bottom_inner {
	margin:0 auto;
	padding:20px 0;
	width:1024px;
	text-align:center;
}

div#contents {
	clear:both;
	width:100%;
	height:100%;
}

div.contents {
	width:100%;
	background-color:#F6F6F6;
}

div.contents_inner {
	margin:0 auto;
	width:750px;
}

div.top_area_inner {
	margin:0 auto;
	width:1024px;
}

div.title_area {
	width:100%;
}

.workflow_title {
	background-color:#333333;
}

#workflow_line {
	border-top:1px solid #333333;
	width:100%;
}

div.title_area_inner {
	margin:0 auto;
	width:1024px;
}

div.title_area_inner h1,
div.title_area_inner p {
	padding:9px 0 0 10px;
	font-size:23px;
	color:#FFFFFF;
	height:31px;
}

.wideslider ul li p.title {
	position:absolute;
	top:70px;
	left:0px;
	text-align:center;
	width:560px;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
}

.wideslider ul li p.title span {
	font-size:35px;
	line-height:40px;
}

.wideslider ul li p {
	position:absolute;
	top:40px;
	left:0px;
	text-align:center;
	width:560px;
	font-size:18px;
	line-height:33px;
}

.wideslider ul li p.txt17 {
	position:absolute;
	top:40px;
	left:0px;
	text-align:center;
	width:560px;
	font-size:18px;
	line-height:33px;
	text-indent:-90px;
	margin:0 0 0 21px;
}

.wideslider ul li p.shadow {
	text-shadow:
		2px 2px 1px #FFFFFF,
		-2px 2px 1px #FFFFFF,
		2px -2px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		0px 2px 1px #FFFFFF,
		2px 0px 1px #FFFFFF,
		0px -2px 1px #FFFFFF,
		-2px 0px 1px #FFFFFF,
		-1px -1px 1px #FFFFFF,
		1px -1px 1px #FFFFFF,
		-1px 1px 1px #FFFFFF,
		1px 1px  1px #FFFFFF;
}

.wideslider ul li p.shadow2 {
	text-shadow:
		-1px -1px 1px #FFFFFF,
		1px -1px 1px #FFFFFF,
		-1px 1px 1px #FFFFFF,
		1px 1px  1px #FFFFFF;
}

.wideslider ul li p img {
	margin:0 5px 0 0;
}

