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

@import url(basestyle.css);

#wrap{
	background-image:url(../images/bg01.gif);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}


/* ----------------------------------------
    ヘッダー
   ---------------------------------------- */
#header{
	width:960px;
	margin:0 auto;
	padding:0 0 20px 0;
	border-top:4px solid #003d8a;
	background-image:url(../images/header-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:105px;
}

#header-inn{
	padding:15px 15px 0 15px;
}

#header-inn .f-right{
	padding:17px 0 0 0;
}

/* ----------------------------------------
    コンテンツ
   ---------------------------------------- */

#content{
	width:960px;
	margin:0 auto;
	padding:0 0 20px 0;
}

#main{
	width:740px;
	margin:0;
	padding:0 0 20px 0;
	float:right;
}

.mainimg{
	padding:0 0 20px 0;
}

h3{
	background-image:url(../images/title-bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:50px;
	color:#fff;
	margin:0 0 20px 0;
	padding:0 0 0 15px;
}

h4{
	background-image:url(../images/midashi01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:32px;
	margin:0 0 20px 0;
	padding:0 0 0 30px;
	font-weight:bold;
}

.pagetop{
	clear:both;
	text-align:right;
	font-size:80%;
}

.pagetop img{
	padding:0 5px 0 0;
}

.pagetop a{
	color:#333;
}

.pagetop a:hover{
	color:#ff9c08;
}

.photo{
	border:1px solid #7d7d7d;
}

.arrow-01{
	vertical-align:middle;
	padding:0 5px 0 0;
}

.bottom-30{
	padding-bottom:30px;
}


/* ----------------------------------------
    メニュー
   ---------------------------------------- */

#menu{
	width:200px;
	margin:0;
	padding:0 0 20px 0;
	float:left;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menu .cur,
#menu ul li{
	line-height:31px;
	border-bottom:1px dotted #ccc;
}

#menu ul li a{
	color:#000;
	display:block;
	background-image:url(../images/menu-bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}

#menu .cur01,
#menu ul li a:hover{
	color:#f69209;
	background-image:url(../images/menu-bg-ov01.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#menu .cur01,
#menu .cur02{
	color:#f69209;
	padding:0 0 0 20px;
}

#menu .cur02{
	background-image:url(../images/menu-bg-ov02.gif);
	background-position:left top;
	background-repeat:no-repeat;
}


#menu ul ul li a{
	background-image:url(../images/submenu-bg.gif)!important;
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 30px;
}


.shopinfo{
	padding:20px 0;
}

.shopinfo .photo{
	margin:5px;
}

.shopinfo-txt{
	font-size:90%;
}


/* ----------------------------------------
    フッター
   ---------------------------------------- */

#footer{
	background-image:url(../images/footer-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width:940px;
	margin:0 auto;
	padding:8px 10px 0px 10px;
}

#footer .f-left{
	width:580px;
	padding:10px 0 0 0;
}

#footer .f-left ul{
	list-style:none;
	margin:0;
	padding:0;
}

#footer .f-left ul li{
	background-image:url(../images/footer-icon.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin:0 0 5px 0;
	padding:0 20px 0 12px;
	font-size:90%;
	float:left;
}

#footer .f-left ul li a{
	color:#333;
}

#footer .f-left ul li a:hover{
	color:#ff9c08;
}

#footer .f-right{
	width:340px;
	margin:0;
	padding:0;
	text-align:right;
}

.copyright{
	font-size:11px;
	padding:15px 0 0 0;
	color:#7d7d7d;
}


/* ----------------------------------------
    index.html
   ---------------------------------------- */

.top-content{
	padding:0 10px 30px 10px;
}

.top-content .f-right{
	width:430px;
}

.top-content p,
.sec-content-02 p{
	padding:0 0 15px 0;
}

.bn{
	padding:0 0 10px 0;
}

.bn-bottom10{
	padding:0 0 10px 0;
}



/* ----------------------------------------
    サービス内容
   ---------------------------------------- */

.service ul{
	margin:0 0 10px 0;
	padding:0 50px 0 20px;
}

.service ul li{
	margin:0;
	padding:0;
}


.service .add{
	width:250px;
	background-color:#eee;
	margin:0 25px;
	padding:10px;
}

.add p,
.add img{
	padding-bottom:5px!important;
	text-align:center;
}

.txt-blue{
	color:#004294;
}


/* ----------------------------------------
    施工例・料金
   ---------------------------------------- */

/* ワンカラム用 */
.sec-content-01{
	padding:0 10px 30px 10px;
}

.priceimg{
	width:700px;
	margin:0 auto;
	padding:20px 0 0 0;
}

/* ツーカラム用（右に写真） */
.sec-content-02,
.sec-content-03{
	padding:0 10px 30px 10px;
}

.sec-content-02 .f-left{
	width:430px;
}

.sec-content-03 .f-left{
	width:335px;
}

/* リサイクルパーツ料金例 */
.priceimg-eco{
	padding:10px 0 0 10px;
}


/* ----------------------------------------
   サービスの流れ
   ---------------------------------------- */

.telfax{
	padding:0 0 0 20px; 
}

.flow-midashi{
	background-image:url(../images/midashi01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:32px;
	margin:0 0 20px 0;
	padding:0;
	font-weight:bold;
}

.flow-midashi img{
	vertical-align:middle;
	padding:0 10px 0 0;
}

/* Firefox　ハック */
.flow-midashi, x:-moz-any-link{
	background-position:left 1px;
	height:33px;
}

/* IE7　ハック */
*+html .flow-midashi{
	background-position:left top;
}



/* ----------------------------------------
   会社概要
   ---------------------------------------- */

.aisatu-01,
.aisatu-02{
	padding:0 10px 20px 10px;
}

.aisatu-01 p,
.aisatu-02 p{
	padding:0 0 1em 0;
}

.aisatu-01 .f-left{
	width:155px;
	padding:0 15px 0 0;
}

.aisatu-01 .f-right{
	width:550px;
	padding:0;
}

.aisatu-02 .f-left{
	width:505px;
	padding:0;
}

.aisatu-02 .f-right{
	width:200px;
	padding:0 0 0 15px;
}

.company-info{
	border-collapse:collapse;
}

.company-info th,
.company-info td{
	text-align:left;
	vertical-align:top;
	border-bottom:dotted 1px #ccc;
}

.company-info th{
	padding:3px 10px 3px 0;
}

.company-info td{
	padding:3px 0;
}

.company-info td img{
	padding:5px 0;
}

.individual-midashi{
	padding:0 0 5px 0;
	color:#00489d;
	font-weight:bold;
}

.individual-txt{
	padding:0 15px 20px 15px;
}

.individual-list{
	margin:0;
	padding:0 35px 20px 35px;
}

.individual-list li{
	padding:0 0 10px 0;
}


/* 会社概要 */
.company-gaiyo{
	border-collapse:collapse;
	width:690px;
}

.company-gaiyo th{
	background-color:#d5e3ff;
	width:110px;
}

.company-gaiyo th,
.company-gaiyo td{
	border:1px solid #aaaaaa;
	padding:3px 10px;
	text-align:left;
	vertical-align:top;
}



/* ----------------------------------------
   お問い合わせ
   ---------------------------------------- */

.inquiry-tel{
	margin:0;
	padding:0 0 40px 10px;
}

.inquiry-tel img{
	padding:20px 0 0 20px; 
}

.inquiry-mitumori{
	padding:0 10px 20px 10px;
}

.inquiry-ex{
	padding:40px 0 20px 0;
}

.inquiry-ex-photo{
	margin:15px 0;
}

.inquiry-ex-photo img{
	vertical-align:middle;
	padding:0 15px 0 0;
}



/* ----------------------------------------
   事故トラブルｈが発生したら
   ---------------------------------------- */
	 
.accident-midashi{
	color:#00489d;
	font-size:110%;
	font-weight:bold;
	margin:0;
	padding:0!important;
}

.accident-txt{
	margin:0;
	padding:0 20px 20px 20px!important;
}


/* ----------------------------------------
    twitter
   ---------------------------------------- */
#twitter{
	margin-top:20px;
}

#twitter h3{
	background-image:none;
}

#twitter h4{
	background-image:none;
}