@charset "utf-8";

@import "reset.css";
@import "common.css";

/* ===========================================

 index.css	トップページcss

=========================================== */

#slider_wrap {
	background:#fff;
	position:relative;
	height:400px;
	width:960px;
}
#slider_main_img a {
	position:absolute;
	left:0;
	top:0;
	display:block;
}
#slider_items {
	position:absolute;
	top:0;
	right:0;
}
#slider_items li a {
	display:block;
}

pad5{
	padding:0px 5px;
}

/* -------------------------------------------
	選ばれている理由
------------------------------------------- */

div#top_reason {
	background: url(../img/top/reason_bg.jpg) no-repeat right top;
	padding-bottom: 15px;
}

div#top_reason h2{
	padding-bottom: 10px;
}

div#top_reason ul{
	width: 540px;
}

div#top_reason li{
	width: 175px;
	padding: 0px 5px 5px 0px;
	float: left;
}

/* -------------------------------------------
	選ばれている理由
------------------------------------------- */

div#top_support {
	padding-bottom: 10px;
	clear:both;
}

div#top_support h2{
	padding-bottom: 11px;
}

div#top_support li.left{
	float: left;
}

div#top_support li.right{
	float: right;
}

/* -------------------------------------------
	埼玉県で安全･安心価格の解体なら｢解体カンガルー」にお任せ下さい。
------------------------------------------- */

div#top_text {
	background: url(../img/top/text_bg.jpg) no-repeat right bottom;
	padding: 19px 20px 35px;
	margin-bottom: 20px;
	border: 10px solid #00ACEE;
}

div#top_text h2 {
	padding-bottom: 10px;
}

div#top_text p {
	color: #000000;
	padding-right: 210px;
}

div#top_text p.name {
	text-align: right;
	padding: 15px 210px 0px 0px;
}

/* -------------------------------------------
	解体カンガルーってどんな会社？
------------------------------------------- */

div#top_about {
	padding-bottom: 5px;
}

div#top_about h2{
	padding-bottom: 10px;
}

div#top_about div.area{
	background: url(../img/top/about_bg.jpg) repeat left top;
	padding: 10px 0px 10px 11px;
}

div#top_about div.box{
	margin: 0px 6px 5px 0px;
	padding: 19px 15px 0px 157px;
	float: left;
	height: 106px;
	width: 152px;
}

div#top_about div.box.n01{
	background: url(../img/top/about_point_bg_01.jpg) no-repeat left top;
}

div#top_about div.box.n02{
	background: url(../img/top/about_point_bg_02.jpg) no-repeat left top;
}

div#top_about div.box.n03{
	background: url(../img/top/about_point_bg_03.jpg) no-repeat left top;
}

div#top_about div.box.n04{
	background: url(../img/top/about_point_bg_04.jpg) no-repeat left top;
}

div#top_about div.box p{
	text-align: right;
	padding-top: 10px;
}

/* -------------------------------------------
	ニュースレター「エノたより」
------------------------------------------- */

div#top_news {
	padding-bottom: 20px;
}

div#top_news p.bnr{
	padding-bottom: 8px;
}

div#top_news dl{
	background: #FFF5E8;
	padding: 7px 10px;
}

div#top_news dt{
	clear: both;
	float: left;
	width: 111px;
}

div#top_news dd{
	font-size: 10px;
	line-height: 1.3;
	padding-top: 2px;
	padding-left: 123px;
}

/* -------------------------------------------
	解体の悩みをこれで解決！よくあるご質問はこちら！
------------------------------------------- */

div#top_faq {
	padding-bottom: 20px;
}

div#top_faq h2 {
	padding-bottom: 10px;
}

div#top_faq ul {
	background: url(../img/top/faq_bg.jpg) no-repeat left bottom;
	padding-top: 1px;
}

div#top_faq li {
	line-height: 23px;
}

div#top_faq li span{
	color: #FC4495;
}

div#top_faq li a{
	color: #000000;
	text-decoration: none;
}

div#top_faq li a:hover{
	text-decoration: underline;
}

/* -------------------------------------------
	施工事例集
------------------------------------------- */

div#top_case {
	padding-bottom: 20px;
	position: relative;
}

div#top_case h2{
	padding-bottom: 10px;
}

div#top_case p.btn{
	position: absolute;
	left: 518px;
	top: 7px;
}

/* =============== スライドショー =============== */
div#top_case_list {
	padding-right: 18px;
	padding-left: 18px;
}

div#top_case_list ul{
	width: 654px;
}

div#top_case_list li {
	padding-right: 5px;
	padding-left: 5px;
}

div#top_case_list li h3{
	text-align: center;
	padding-top: 3px;
}

div#top_case_list li h3 a{
	color: #333333;
}

#prevBtn,
#nextBtn {
	top: 0px;
	position: absolute;
	z-index: 100;
}

#prevBtn {
	left: 0px;
}

#nextBtn {
	right: 0px;
}

#prevBtn a,
#nextBtn a {
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 15px;
}

#prevBtn a {
	background: url(../img/top/case_arrow_01.jpg) no-repeat left top;
}

#prevBtn a:hover {
	background: url(../img/top/case_arrow_01_o.jpg) no-repeat left top;
}

#nextBtn a {
	background: url(../img/top/case_arrow_02.jpg) no-repeat left top;
}

#nextBtn a:hover {
	background: url(../img/top/case_arrow_02_o.jpg) no-repeat left top;
}

/* -------------------------------------------
	インフォメーション
------------------------------------------- */

div#top_info {
	padding-bottom: 20px;
	position: relative;
}

div#top_info h2{
	padding-bottom: 10px;
}

div#top_info p.btn{
	position: absolute;
	left: 518px;
	top: 7px;
}

div#top_info dt{
	font-weight: bold;
	color: #000000;
	background: url(../img/top/info_icon.jpg) no-repeat 4px 12px;
	clear: both;
	float: left;
	width: 75px;
	padding: 7px 0px 7px 38px;
}

div#top_info dd{
	color: #000000;
	padding: 7px 10px 7px 113px;
	border-bottom: 1px dotted #999999;
}

/* -------------------------------------------
	動画
------------------------------------------- */

div#top_movie {

}

div#top_movie div.left {
	float: left;
	width: 330px;
	padding-left:5px;
	padding-right:5px;
}

div#top_movie div.right {
	float: right;
	width: 330px;
}

div#top_movie h2{

}

div#top_movie div{

}

div#top_movie p{
	color: #000000;
}

div#top_movie .photolimit{
	width:330px;
}
div#top_movie .comment{
	padding:5px;
	margin-bottom:20px;
}