@charset "utf-8";
/* CSS Document */

/**================================= Index Setting =================================**/

/**************** Index common setting *****************/

#index {
	/* border-top:4px solid #8F8F8F; */
}

.indexImgArea {
	background: #fff;
	height: 300px;
	position: relative;
	min-width: 1178px;
	overflow-x: hidden;
}

.indexImgArea .indexImgInr {
	left: 50%;
	margin-left: -1000px;
	position: absolute;
}

.indexImgArea .indexVidInr {
	left: 50%;
	margin-left: -531px;
	position: absolute;
}

#index .mainArea {
	padding-top: 10px;
}

#index .contactArea {
	margin-bottom:15px;
}

#index .contactBtn {
	text-align:center;
}

/**************** section setting *****************/

/* section01 */

#index .section01 {
	background: #E0E0E0 url(../images/common/bg_section_btm.jpg) no-repeat center bottom;
	margin-bottom: 15px;
	padding-bottom: 12px;
}

#index .section01 .sectionTtl {
	color: #FF4100;
	font-weight: bold;
	height: 52px;
	margin-bottom: 15px;
	text-align: right;
	position: relative;
}

#index .section01 .txtArea {
	background:#FFFFFF;
	font-size:.75em;
	margin:0 15px 15px 15px;
	padding:14px 20px;
}

#index .section01 .listArea {
	background: #FFFFFF;
	font-size: 14px;
	margin: 0 15px 15px;
}

#index .section01 .listArea p.month_title {
	color: #5a5a5a;
	font-size: 1.125em;
	padding: 20px 20px 0px;
}

#index .section01 .listArea p.past_work {
	text-align: right;
	padding: 0px 20px 20px 0px;
}

#index .section01 .listArea p.past_work a {
	color: #5a5a5a;
	font-size: 12px;
	text-decoration: none;
}

#index .section01 .listArea p.past_work a:hover {
	color: #ff4100;
	font-size: 12px;
	text-decoration: none;
}

#index .section01 .listArea ul.monthly_pickup {
	padding: 10px 40px 15px 40px;
	float: left;
}
	#index .section01 .listArea ul.monthly_pickup li {
		font-size: 14px;
	}


/* section02 */

#index .section02 {
	background: #E0E0E0 url(../images/common/bg_section_btm.jpg) no-repeat center bottom;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#index .section02 .sectionTtl {
	color: #FF4100;
	font-weight: bold;
	height: 52px;
	margin-bottom: 15px;
	text-align: right;
	position: relative;
}

#index .section02 .sectionTtl .count {
	right: 15px;
	top: 5px;
	position: absolute;
}

#index .section02 .sectionTtl span {
	font-size: 2em;
}

#index .section02 .linkAreaTop {
	width: 651px;
	padding: 0 15px;
}

#index .section02 .linkAreaTop .linkTtl {
	font-weight: bold;
	padding-left: 35px;
}

#index .section02 .linkAreaTop .linkTtl a {
	border-bottom: 1px solid #FF4100;
	color: #262626;
	display: block;
	font-size: .875em;
	font-weight: bold;
	line-height: 1.6em;
	width: 237px;
	margin-bottom: 10px;
	padding: 4px 0 4px 2px;
	text-decoration: none;
}

#index .section02 .linkAreaTop .linkTtl a:hover {
	color: #FF4100;
}

#index .section02 .linkAreaTop .titleArea {
	background: #FFFFFF;
	width: 615px;
	padding: 6px 18px 4px 18px;
	float: left;
	margin-bottom: 10px;
}

#index .section02 .linkAreaTop .titleArea p {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #FF4100;
	width: 593px;
}

#index .section02 .linkAreaTop .textArea {
	height: 77px;
	padding: 15px 110px 15px 15px;
}

#index .section02 .linkAreaTop .textArea.service01 {
	background: url(../images/index/service01-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service02 {
	background: url(../images/index/service02-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service03 {
	background: url(../images/index/service03-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service04 {
	background: url(../images/index/service04-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service05 {
	background: url(../images/index/service05-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service06 {
	background: url(../images/index/service06-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service07 {
	background: url(../images/index/service07-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service08 {
	background: url(../images/index/service08-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service09 {
	background: url(../images/index/service09-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service10 {
	background: url(../images/index/service10-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea.service11 {
	background: url(../images/index/service11-ill.jpg) no-repeat;
	background-position: 225px 10px;
}

#index .section02 .linkAreaTop .textArea p {
	font-size: 0.825em;
}

#index .section02 .linkAreaTop .leftArea {
	background: #FFFFFF;
	padding: 12px 23px 18px 23px;
	float: left;
	margin-bottom: 10px;
}

#index .section02 .linkAreaTop .leftAreaNew {
	width: 320px;
	background: #FFFFFF;
	float: left;
	margin-bottom: 10px;
}

#index .section02 .linkAreaTop .rightArea {
	background:#FFFFFF;
	padding: 12px 23px 18px 23px;
	float:right;
	margin-bottom:10px;
}

#index .section02 .linkAreaTop .rightAreaNew {
	width: 320px;
	background:#FFFFFF;
	float:right;
	margin-bottom:10px;
}

#index .section02 .linkAreaBtm {
	width: 651px;
	padding: 0 15px;
}

#index .section02 .linkAreaBtm .linkTtl {
	font-weight:bold;
	padding-left:35px;
}

#index .section02 .linkAreaBtm .linkTtl a {
	background: url(../images/common/blt_link.jpg) no-repeat right center;
	color: #262626;
	display: block;
	font-size: .875em;
	font-weight: bold;
	line-height: 1.6em;
	width: 237px;
	padding: 4px 0 4px 2px;
	text-decoration: none;
}

#index .section02 .linkAreaBtm .linkTtl a:hover {
	color:#FF4100;
}

#index .section02 .linkAreaBtm .leftArea {
	width: 284px;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 12px 18px;
	float: left;
}

#index .section02 .linkAreaBtm .rightArea {
	width: 284px;
	background:#FFFFFF;
	margin-bottom:10px;
	padding:12px 18px;
	float:right;
}


/* section03 */

#index .section03 {
/* 	background: #E0E0E0 url(../images/common/bg_section_btm.jpg) no-repeat center bottom; */
/*  background: #fdc778 url(../images/common/bg_section_btm.jpg) no-repeat center bottom; */
	margin-bottom: 27px;
	border-bottom: 1px dotted #ff4100;
}

#index .section03 .sectionTtl {
	color:#FF4100;
	font-weight:bold;
	height:52px;
/* 	margin-bottom:15px; */
	text-align:right;
	position:relative;
}

#index .section03 .sectionTtl .count {
	right:15px;
	top:15px;
	position:absolute;
}

#index .section03 .sectionTtl .count_new {
	right:15px;
	top:15px;
	position:absolute;
	color: #fff;
}

#index .section03 .topicArea {
	background:#FFFFFF;
/* 	margin:0 15px; */
	padding:15px 20px 8px 20px;
	border-left: 1px dotted #ff4100;
	border-right: 1px dotted #ff4100;
}

#index .section03 .topicArea dl dt {
	color:#5A5A5A;
	font-weight:bold;
	padding-bottom:5px;
}

#index .section03 .topicArea dl dd {
	border-bottom:1px dashed #E0E0E0;
	font-size:.75em;
	color:#FF4100;
	margin-bottom:8px;
	padding-bottom:10px;
}

#index .section03 .btnArea {
	background:#FFFFFF;
/* 	margin:0 15px; */
	padding:0 20px 12px 20px;
	text-align:right;
	border-left: 1px dotted #ff4100;
	border-right: 1px dotted #ff4100;
}

#index .section03 .btnArea a {
	color: #5a5a5a;
	font-size: 12px;
	text-decoration: none;
}

#index .section03 .btnArea a:hover {
	color: #ff4100;
	font-size: 12px;
	text-decoration: none;
}


/* section04 */

#index .section04 {
	background:#FFDFD4 url(../images/common/bg_section_btm.jpg) no-repeat center bottom;
	margin-bottom:15px;
	padding-bottom:12px;
}

#index .section04 .sectionTtl {
	color:#FFFFFF;
	font-weight:bold;
	height:52px;
	margin-bottom:15px;
	text-align:right;
	position:relative;
}

#index .section04 .sectionTtl .count {
	right:15px;
	top:5px;
	position:absolute;
}

#index .section04 .sectionTtl span {
	font-size:2em;
}
#index .section04 .resultArea {
	background:#FFFFFF;
	margin:0 15px 10px 15px;
	padding:10px 20px 15px 20px;
}

#index .section04 .resultArea .resultTtl {
	font-weight:bold;
	margin-bottom:10px;
	padding-left:35px;
}

#index .section04 .resultArea .resultTtl .ttlInr {
	border-bottom:2px solid #FF4100;
}

#index .section04 .resultArea .leftTxt {
	color:#262626;
	display:block;
	font-size:.875em;
	font-weight:bold;
	line-height:1.6em;
	width:470px;
	margin-right:16px;
	padding:4px 0 4px 2px;
	text-decoration:none;
	float:left;
	display:block;
}

#index .section04 .resultArea .rightTxt {
	color:#FF4100;
	font-size:.875em;
	font-weight:bold;
	line-height:1.6em;
	padding:4px 0 4px 2px;
	text-align:right;
	float:right;
	display:block;
}

#index .section04 .resultArea .leftArea {
	margin-right:20px;
	float:left;
}

#index .section04 .resultArea .rightArea {
	font-size:.75em;
	color:#5A5A5A;
	width:317px;
	float:right;
}

#index .section04 .resultArea .rightArea p {
	margin-bottom:10px;
}

#index .section04 .resultArea .rightArea .btnArea {
	text-align:center;
}



/* section05 */

#index .section05 {
	border-top:1px dashed #E0E0E0;
	border-bottom:1px dashed #E0E0E0;
	margin:0 10px 25px 10px;
	padding:15px 0;
}

#index .section05 .sectionTtl {
	color:#FF4100;
	font-weight:bold;
	margin-bottom:5px;
	padding:0 5px;
}

#index .section05 .textArea {
	padding:0 5px;
}

#index .section05 .textArea p {
	font-size:.75em;
	color:#666666;
}


/* section07 */

#index .section07 {
	background: #E0E0E0 url(../images/common/bg_section_btm.jpg) no-repeat center bottom;
	margin-bottom: 15px;
	padding-bottom: 12px;
}

#index .section07 .sectionTtl {
	color: #FF4100;
	font-weight: bold;
	height: 52px;
	margin-bottom: 15px;
	text-align: right;
	position: relative;
}

#index .section07 .textArea {
	background: #FFFFFF;
	font-size: 14px;
	padding: 22px 20px;
	margin: 0 15px 15px;
}