/*=============================
     トップページに指定
=============================*/

.section{
	text-align:center;
	position:relative;
}
/*-*/
section#section3 img.page_next,
section#section2 img.page_next,
section#section1 img.page_next,
section#section0 img.page_next{
	position:absolute;
	left:440px;
	bottom:0;
	z-index:2;
}
section#section3 img.page_next_top{
	position:absolute;
	left:440px;
	top:0;
	z-index:2;
}
/*---------------------------------*/
section#section0{
    background:#f2f2f2;
}
section#section0 div{
	margin:0 auto;
	width:960px;height:900px;
	position:relative;
}

section#section0 img.pagetop5{
	position:absolute;
	left:0;
	width:100%;
	bottom:33%;
}
/*section#section0 img.pagetop1{
	position:absolute;
	top:18%;
	left:0;
	width:960px;
	text-align:center;
}*/
section#section0 h1{
	position:absolute;	
	font-size:30px;
	top:20%;
	width:960px;
	text-align:center;
}
section#section0 p{
	position:absolute;	
	font-size:18px;
    line-height: 28px;
	top:35%;
	width:960px;
	text-align:center;
}
section#section0 img.pagetop2{
	position:absolute;
	left:10%;
	bottom:25%;
}
section#section0 img.pagetop3{
	position:absolute;
	left:25%;
	bottom:5%;
}
section#section0 img.pagetop4{
	position:absolute;
	left:63%;
	bottom:10%;
}
section#section0 img.pagetop6{
	position:absolute;
	left:7%;
	bottom:10%;
}
section#section0 img.pagetop7{
	position:absolute;
	left:33%;
	bottom:6%;
}
section#section0 img.pagetop8{
	position:absolute;
	left:65%;
	bottom:9%;
}
section#section0 img.pagetop9{
	position:absolute;
	left:85%;
	bottom:5%;
}
section#section0 img.pagetop10{
	position:absolute;
	left:48%;
	bottom:10%;
}



/*-------------*/
section#section1{
    background:#d82300;
}
section#section1 div{
	margin:0 auto;
	width:960px;height:900px;
	position:relative;
    
}
section#section1 > div > h1{
	position:absolute;
	top:15%;
	width:960px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#fff;
	border-bottom:#fff solid 2px;
	padding:0 0 5px 0;
}

section#section1 > div > p{
	position:absolute;
	top:22%;
	width:960px;
	color:#fff;
    font-size: 16px;
	line-height:180%;
}

section#section1 > div > a > div{
	position:absolute;
	top:38%;
	width:40%;
}
section#section1 > div > a > div.service1{
	left:5%;
}
section#section1 > div > a > div.service2{
	right:5%;
}
section#section1 > div > a > div img{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
section#section1 > div > a > div h2{
	font-size:18px;
    text-align: center;
	font-weight:bold;
	color:#fff;
	margin:10% 0 0 0;
}
section#section1 > div > a > div p{
	color:#fff;
	line-height:160%;
	text-align:left;
	margin:5% 0 0 0;
}
section#section1 > div > a > div p.detail_btn{
	background:#fff;
	font-weight:bold;
	text-align:center;
	color:#d82300;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
section#section1 > div > a > div p.detail_btn{
	display:block;
	padding:14px 20px 12px 20px;
	color:#d82300;
	text-decoration:none;
}
section#section1 > div > a:hover > div p.detail_btn{
	color:#000;
}

/*--------------------*/
section#section2{
    background:#f2f2f2;
}
section#section2 div{
	margin:0 auto;
	width:960px;height:900px;
	position:relative;
    
}
section#section2 > div > h1{
	position:absolute;
	top:15%;
	width:960px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#000;
	border-bottom:#d82300 solid 2px;
	padding:0 0 5px 0;
}

section#section2 > div > p{
	position:absolute;
	top:22%;
	width:960px;
	color:#000;
    font-size: 16px;
	line-height:180%;
}

section#section2 > div  > div{
	position:absolute;
	top:33%;
	width:40%;
}
section#section2 > div  > div.service1{
	left:5%;
}
section#section2 > div  > div.service2{
	right:5%;
}
section#section2 > div  > div img{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
section#section2 > div > div h2{
	font-size:18px;
    text-align: center;
	font-weight:bold;
	color:#000;
	margin:10% 0 0 0;
}
section#section2 > div > div p{
	color:#000;
	line-height:160%;
	text-align:left;
	margin:5% 0 0 0;
}

section#section2 p.detail_btn{
    position:absolute;
	top:75%;
    left:240px;
	width:460px;
	background:#fff;
	font-weight:bold;
	text-align:center;
	color:#000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
section#section2 p.detail_btn a{
	display:block;
	padding:19px 20px 17px 20px;
	color:#d82300;
	text-decoration:none;
}
section#section2 p.detail_btn a:hover{
	color:#000;
}
/*section#section2 div{
	margin:0 auto;
	width:960px;height:900px;
	position:relative;
    
}
section#section2 div article{
	margin:0 auto;
	width:960px;
	position:relative;
}
section#section2 article.top_works_a img.works_main_img{
	position:absolute;
	top:15%;
	left:5%;
	width:550px;
}
section#section2 article.top_works_b img.works_main_img{
	position:absolute;
	top:15%;
	right:5%;
	width:550px;
}
section#section2 article.top_works_a div{
	position:absolute;
	top:26%;
	right:0;
	width:340px;
	text-align:left;
}
section#section2 article.top_works_b div{
	position:absolute;
	top:26%;
	left:0;
	width:340px;
	text-align:left;
}
section#section2 article.top_works_b div h1,
section#section2 article.top_works_a div h1{
	font-size:24px;
	font-weight:bold;
	margin:0 0 8% 0;
	line-height:155%;
}
section#section2 article.top_works_b div h1 span,
section#section2 article.top_works_a div h1 span{
	font-size:14px;
	font-weight:normal;
}
section#section2 article.top_works_b div h1 > a,
section#section2 article.top_works_a div h1 > a{
	font-size:24px;
}
section#section2 article.top_works_b div h1 > span > a,
section#section2 article.top_works_a div h1 > span > a{
	font-size:14px;
}
section#section2 article.top_works_b div p,
section#section2 article.top_works_a div p{
	line-height:160%;
	margin:0 0 5% 0;
}
section#section2 article.top_works_b div p.detail_btn,
section#section2 article.top_works_a div p.detail_btn{
	background:#fff;
	font-weight:bold;
	text-align:left;
	color:#d82300;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
section#section2 article.top_works_b div p.detail_btn a,
section#section2 article.top_works_a div p.detail_btn a{
	display:block;
	padding:14px 20px 12px 20px;
	color:#d82300;
	text-decoration:none;
}*/

/*-------------*/
section#section3{
    background:#f2f2f2;
}
section#section3 div{
	margin:0 auto;
	width:960px;height:900px;
	position:relative;
    background:#f2f2f2;
}
section#section3 > div > h1{
	position:absolute;
	top:15%;
	width:960px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#000;
	border-bottom:#000 solid 2px;
	padding:0 0 5px 0;
}
section#section3 > div > p{
	position:absolute;
	top:22%;
	width:960px;
	color:#000;
    font-size:16px;
	line-height:180%;
}
section#section3 > div > a > div{
	position:absolute;
	top:38%;
	width:30%;
}
section#section3 > div > a > div.plan1{
	left:0;
}
section#section3 > div > a > div.plan2{
	left:35%;
}
section#section3 > div > a > div.plan3{
	right:0;
}
section#section3 > div > a > div img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
section#section3 > div > a > div h2{
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin:10% 0 0 0;
}
section#section3 > div > a > div p{
	color:#000;
	line-height:160%;
	text-align:left;
	margin:5% 0 0 0;
}
section#section3 > div > a > div p.detail_btn{
	background:#fff;
	font-weight:bold;
	text-align:left;
	color:#d82300;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
section#section3 > div > a > div p.detail_btn{
	display:block;
	padding:14px 20px 12px 20px;
	color:#d82300;
	text-decoration:none;
}
section#section3 > div > a:hover > div p.detail_btn{
	color:#000;
}

/*------------------------------------------------*/

section#section4{
	background:#f2f2f2 url(../img/top/top_info_bg.gif) repeat-x;
	overflow: hidden;
}
section#section4 div{
	margin:0 auto;
	width:960px;height:900px;
	position:relative;
}
section#section4 > div > article.info{
	position:absolute;
	top:15%;
	width:960px;
	text-align:left;
}
section#section4 > div > article.info h1{
	width:960px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#fff;
	background:#d82300;
	border-bottom:#fff solid 2px;
	padding:0 0 5px 0;
}
section#section4 > div > article.info dl{
	margin:2px 0 0 0;
	width:960px;
	background:#fff;
	overflow:hidden;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
section#section4 > div > article.info dt,
section#section4 > div > article.info dd{
	float:left;
	padding:20px 20px 18px 20px;
}
section#section4 > div > article.info dt{
	width:59px;
	border-left:#d82300 solid 1px;
}
section#section4 > div > article.info dt.first{
	border:none;
}
section#section4 > div > article.info dd{
	width:340px;
}

section#section4 > div > article.info dd a{
	text-decoration:none;
}
section#section4 > div > article.info dd a:hover{
	text-decoration:underline;
}
section#section4 > div > article.info p.info-list{
	width:960px;
	padding:10px 0 0 0;
	text-align:center;
	font-weight:bold;
	background:none;
}
section#section4 > div > article.info p.info-list a{
	color:#fff;
	background:#d82300;
}




section#section4 > div > article.contact{
	position:absolute;
	top:40%;
	width:960px;
	text-align:center;
}
section#section4 > div > article.contact h1{
	width:960px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#000;
	border-bottom:#000 solid 2px;
	padding:0 0 5px 0;
	margin:0 0 30px 0;
}
section#section4 > div > article.contact p{
	width:960px;
	color:#000;
	line-height:180%;
	margin:0 0 30px 0;
}
section#section4 > div > article.contact p.contact_btn{
	font-weight:bold;
	margin:0 auto;
	width:260px;
	color:#d82300;
}
section#section4 > div > article.contact p.contact_btn a{
	background:#d82300;
	display:block;
	padding:24px 20px 22px 20px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
section#section4 > div > article.contact p.contact_btn a:hover{
	color:#fff;
	background:#e4353b;
}
section#section4 .page_of_top{
	position:absolute;
	bottom:20%;
	width:80px;
	margin-left:-40px;
}


section#section4 > section.section_footer{
	position:absolute;
	bottom:0;
	width:100%;height:155px;
	text-align:center;
	background:#fff;
}
section#section4 > section > footer#top_footer{
	margin:0 auto;
	background:#ff0;
	width:960px;
}
section#section4 > section > footer#top_footer nav ul{
	list-style:none;
	margin:14px 0 0 10px;
}

section#section4 > section > footer#top_footer nav ul li{
	float:left;
	padding:20px 0 0 0;
	margin:0 30px 0 0 ;
	font-size:12px;
	color:#000;
}
section#section4 > section > footer#top_footer nav ul li a{font-size:12px;font-weight:bold;color:#000;}
section#section4 > section > footer#top_footer nav ul li.sub-menu a{font-weight:normal;}
section#section4 > section > footer#top_footer nav ul li a:hover{color:#000;}
section#section4 > section > footer#top_footer nav ul li a:visited{color: #000;}
section#section4 > section > footer#top_footer nav ul li a:link {color:#000;}
section#section4 > section > footer#top_footer nav ul li a:active {color:#000;}


section#section4 > section > footer#top_footer p.copyright{
	border-top:#ccc solid 1px;
	display:block;
	float:left;
	width:940px;
	margin:20px 0 16px 10px;
	padding:20px 0 0 0;
	color:#000;
	font-size:12px;
	text-align:left;
}