@charset "utf-8"; 

/* 共通 */
.title{
font-size: 21px;
padding-top:8px;
padding-bottom:18px;
padding-left:20px;
font-weight:bold;
background:url(../img/title_kiji.gif) no-repeat top left;
}

/* 土石事業*/
#quarrying_menu{
height:50px;
width:600px;
background:url(../img/quarrying_menu.gif) no-repeat;
}

#quarrying_menu li{
display:inline;
}

#quarrying_menu li a{
display:block;
height:50px;
width:150px;
text-indent:-9999px;
float:left;
}

#quarrying_menu .navi1{background:url(../img/quarrying_menu.gif) 0 0;}
#quarrying_menu .navi2{background:url(../img/quarrying_menu.gif) -150px 0;}
#quarrying_menu .navi3{background:url(../img/quarrying_menu.gif) -300px 0;}
#quarrying_menu .navi4{background:url(../img/quarrying_menu.gif) -450px 0;}

#quarrying_menu .navi1 a:hover{background:url(../img/quarrying_menu.gif) 0px -50px;}
#quarrying_menu .navi2 a:hover{background:url(../img/quarrying_menu.gif) -150px -50px;}
#quarrying_menu .navi3 a:hover{background:url(../img/quarrying_menu.gif) -300px -50px;}
#quarrying_menu .navi4 a:hover{background:url(../img/quarrying_menu.gif) -450px -50px;}

table.list td {padding:10px 5px;}


#midasi_bg{
background:url(../img/title_bg.gif) no-repeat;
height:30px;
width:600px;
}

#plant_title{
text-indent:-9999px;
background:url(../img/plant_title.gif) no-repeat;
height:200px;
width:600px;
}

#plant_img img{
float:left;
padding:9px;
}


/* 解体事業 */
#demolition_menu{
height:50px;
width:600px;
background:url(../img/demolition_menu.gif) no-repeat;
}

#demolition_menu li{
display:inline;
}

#demolition_menu li a{
display:block;
height:50px;
width:150px;
text-indent:-9999px;
float:left;
}

#demolition_menu .navi1{background:url(../img/demolition_menu.gif) 0 0;}
#demolition_menu .navi2{background:url(../img/demolition_menu.gif) -150px 0;}
#demolition_menu .navi3{background:url(../img/demolition_menu.gif) -300px 0;}
#demolition_menu .navi4{background:url(../img/demolition_menu.gif) -450px 0;}

#demolition_menu .navi1 a:hover{background:url(../img/demolition_menu.gif) 0px -50px;}
#demolition_menu .navi2 a:hover{background:url(../img/demolition_menu.gif) -150px -50px;}
#demolition_menu .navi3 a:hover{background:url(../img/demolition_menu.gif) -300px -50px;}
#demolition_menu .navi4 a:hover{background:url(../img/demolition_menu.gif) -450px -50px;}

#demolition_title{
text-indent:-9999px;
background:url(../img/kaitai_title.gif) no-repeat;
height:200px;
width:600px;
}

#title_demolition3-1{
text-indent:-9999px;
background:url(../img/title_demolition3-1.gif) no-repeat;
height:29px;
width:600px;
}

#title_demolition3-2{
text-indent:-9999px;
background:url(../img/title_demolition3-2.gif) no-repeat;
height:29px;
width:600px;
}

#title_demolition3-3{
text-indent:-9999px;
background:url(../img/title_demolition3-3.gif) no-repeat;
height:29px;
width:600px;
}


/* 土木事業*/
#doboku_menu{
height:50px;
width:600px;
background:url(../img/doboku_menu.gif) no-repeat;
}

#doboku_menu li{
display:inline;
}

#doboku_menu li a{
display:block;
height:50px;
width:150px;
text-indent:-9999px;
float:left;
}

#doboku_menu .navi1{background:url(../img/doboku_menu.gif) 0 0;}
#doboku_menu .navi2{background:url(../img/doboku_menu.gif) -150px 0;}
#doboku_menu .navi3{background:url(../img/doboku_menu.gif) -300px 0;}
#doboku_menu .navi4{background:url(../img/doboku_menu.gif) -450px 0;}

#doboku_menu .navi1 a:hover{background:url(../img/doboku_menu.gif) 0px -50px;}
#doboku_menu .navi2 a:hover{background:url(../img/doboku_menu.gif) -150px -50px;}
#doboku_menu .navi3 a:hover{background:url(../img/doboku_menu.gif) -300px -50px;}
#doboku_menu .navi4 a:hover{background:url(../img/doboku_menu.gif) -450px -50px;}

table.list td {padding:10px 5px;}


#midasi_bg{
background:url(../img/title_bg.gif) no-repeat;
height:30px;
width:600px;
}

#doboku_title{
text-indent:-9999px;
background:url(../img/doboku_title.gif) no-repeat;
height:200px;
width:600px;
}

#doboku_img img{
float:left;
padding:9px;
}

#title_aramata1{
text-indent:-9999px;
background:url(../img/title_aramata1.gif) no-repeat;
height:29px;
width:600px;
}

#title_aramata2{
text-indent:-9999px;
background:url(../img/title_aramata2.gif) no-repeat;
height:29px;
width:600px;
}

#title_aramata3{
text-indent:-9999px;
background:url(../img/title_aramata3.gif) no-repeat;
height:29px;
width:600px;
}

#ak_pic li{
width:280px;
padding-top:205px;
text-align:center;
}

#ak_pic1{
background:url(../img/aramata1.jpg) no-repeat top left;
float:left;
}

#ak_pic2{
background:url(../img/aramata2.jpg) no-repeat top left;
float:right;
}

#ak_pic3{
background:url(../img/aramata4.jpg) no-repeat top left;
float:left;
}

#ak_pic4{
background:url(../img/aramata5.jpg) no-repeat top left;
float:right;
}

.ak_subtitle{
background:url(../img/arrow_circle.gif) no-repeat top left;
text-indent:30px;
font-weight:bold;
padding:2px 0 3px 0;
}


/*リサイクルセンター*/
#recycle_menu{
height:50px;
width:600px;
background:url(../img/recycle_menu.gif) no-repeat;
}

#recycle_menu li{
display:inline;
}

#recycle_menu li a{
display:block;
height:50px;
width:150px;
text-indent:-9999px;
float:left;
}

#recycle_menu .navi1{background:url(../img/recycle_menu.gif) 0 0;}
#recycle_menu .navi2{background:url(../img/recycle_menu.gif) -150px 0;}
#recycle_menu .navi3{background:url(../img/recycle_menu.gif) -300px 0;}
#recycle_menu .navi4{background:url(../img/recycle_menu.gif) -450px 0;}

#recycle_menu .navi1 a:hover{background:url(../img/recycle_menu.gif) 0px -50px;}
#recycle_menu .navi2 a:hover{background:url(../img/recycle_menu.gif) -150px -50px;}
#recycle_menu .navi3 a:hover{background:url(../img/recycle_menu.gif) -300px -50px;}
#recycle_menu .navi4 a:hover{background:url(../img/recycle_menu.gif) -450px -50px;}

#title_recycle1{
text-indent:-9999px;
background:url(../img/title_recycle1.gif) no-repeat;
height:29px;
width:600px;
}

#title_recycle2{
text-indent:-9999px;
background:url(../img/title_recycle2.gif) no-repeat;
height:29px;
width:600px;
}

#title_recycle3{
text-indent:-9999px;
background:url(../img/title_recycle3.gif) no-repeat;
height:29px;
width:600px;
}

#item_l{
width:150px;
height:170px;
background:url(../img/mineral40l.jpg) no-repeat top left;
float:left;
}

#item_l2{
width:150px;
height:170px;
background:url(../img/maki_middle.jpg) no-repeat top left;
float:left;
}

#item_r{
width:440px;
float:right;
}

#item_r h4{
color:#FFFFFF;
font-weight:bold;
background-color:#FFCC00;
padding:5px;
}

#item_r p{
padding:5px 0;
border-bottom:1px solid #CCCCCC;
margin-bottom:5px;
}

#item_r dl{
margin-bottom:20px;
}

#item_r dt{
width:300px;
text-indent:30px;
padding:0 0 5px 0;
background:url(../img/arrow_circle.gif) no-repeat top left;
float:left;
}

#item_r dd{
width:100px;
padding:0 0 5px 0;
float:right;
}

#item_r ul{
border-bottom:1px solid #CCCCCC;
margin-bottom:20px;
}

.flow_pic{
width:171px;
padding-top:137px;
margin-bottom:10px;
text-align:center;
font-size:12px;
float:left;
}

.flow_arrow{
width:40px;
height:132px;
background:url(../img/arrow_flow.gif) no-repeat center;
float:left;
}

#m_flow1{background:url(../img/flow1.jpg) no-repeat top center;}
#m_flow2{background:url(../img/flow2.jpg) no-repeat top center;}
#m_flow3{background:url(../img/flow3.jpg) no-repeat top center;}
#m_flow4{background:url(../img/flow4.jpg) no-repeat top center;}
#m_flow5{background:url(../img/flow5.jpg) no-repeat top center;}
#m_flow6{background:url(../img/flow6.jpg) no-repeat top center;}


#koyo dt{
width:75px;
height:75px;
float:left;
}

#koyo dd{
width:224px;
height:75px;
font-size:12px;
float:left;
}

#m_koyo1{background:url(../img/kouyou1.gif) no-repeat top left;}
#m_koyo2{background:url(../img/kouyou2.gif) no-repeat top left;}
#m_koyo3{background:url(../img/kouyou3.gif) no-repeat top left;}
#m_koyo4{background:url(../img/kouyou4.gif) no-repeat top left;}

#bunseki{
width:400px;
}

.seibun{
width:90px;
float:left;
}

.kekka{
width:90px;
text-align:center;
float:left;
}

.houhou{
width:219px;
float:left;
}

#title_recycle2-1{
text-indent:-9999px;
background:url(../img/title_recycle2-1.gif) no-repeat;
height:29px;
width:600px;
}

#title_recycle2-2{
text-indent:-9999px;
background:url(../img/title_recycle2-2.gif) no-repeat;
height:29px;
width:600px;
}

#title_recycle2-3{
text-indent:-9999px;
background:url(../img/title_recycle2-3.gif) no-repeat;
height:29px;
width:600px;
}

#mk_flow1{background:url(../img/mk_flow1.jpg) no-repeat top center;}
#mk_flow2{background:url(../img/mk_flow2.jpg) no-repeat top center;}
#mk_flow3{background:url(../img/mk_flow3.jpg) no-repeat top center;}

#mk_voice-l{
width:141px;
padding-top:155px;
text-align:center;
background:url(../img/customer_img11.jpg) no-repeat top left;
float:left
}

#mk_voice-r{
width:444px;
float:right;
}



/*会社概要*/
#summary_menu{
height:50px;
width:600px;
background:url(../img/summary_menu.gif) no-repeat;
}

#summary_menu li{
display:inline;
}

#summary_menu li a{
display:block;
height:50px;
width:150px;
text-indent:-9999px;
float:left;
}

#summary_menu .navi1{background:url(../img/summary_menu.gif) 0 0;}
#summary_menu .navi2{background:url(../img/summary_menu.gif) -150px 0;}
#summary_menu .navi3{background:url(../img/summary_menu.gif) -300px 0;}
#summary_menu .navi4{background:url(../img/summary_menu.gif) -450px 0;}

#summary_menu .navi1 a:hover{background:url(../img/summary_menu.gif) 0px -50px;}
#summary_menu .navi2 a:hover{background:url(../img/summary_menu.gif) -150px -50px;}
#summary_menu .navi3 a:hover{background:url(../img/summary_menu.gif) -300px -50px;}
#summary_menu .navi4 a:hover{background:url(../img/summary_menu.gif) -450px -50px;}

table.list td {padding:10px 5px;}

#aisatsu{
line-height:2.5;
letter-spacing:2px;
padding:0 20px;
}

#sign{
display:block;
width:100%;
height:46px;
margin:20px 0;
text-indent:-9999px;
background:url(../img/aisatsu.gif) no-repeat right;
}

#midasi_bg{
background:url(../img/title_bg.gif) no-repeat;
height:30px;
width:600px;
}

#summary_title{
text-indent:-9999px;
background:url(../img/summary_title.gif) no-repeat;
height:200px;
width:600px;
}

#summary_img img{
float:left;
padding:9px;
}

#chart_left {
width:90px;
margin:0 10px 0 0;
padding:2px 0 2px 10px;
background:;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
}

#chart_right {
width:440px;
margin-bottom:10px;
margin-left:110px;
padding:2px 0 2px 10px;
border-bottom:1px solid #CCCCCC;
}

#chart_right li {
list-style:none;
}

#chart_right a:link		{color: #000000; text-decoration:none;}
#chart_right a:visited	{color: #000000; text-decoration:none;}
#chart_right a:hover	{color: #0000FF; text-decoration:underline;}
#chart_right a:active	{color: #0000FF; text-decoration:underline;}

#li_inline li{
display:inline;
}

/*お問い合わせ*/
/*inquiry*/
#form p{
line-height:2em;
}

#check{
padding-left:10em;
}

label{
width: 10em;
font-weight:bold;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
padding:2px;
}

#check label{
width:auto;
float:none;
text-align:left;
border-bottom:1px solid #CCCCCC;
padding:2px;
margin-right: 0;
margin-left: 0.5em;

}

#f_50{
width:50px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_100{
width:100px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_150{
width:150px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_200{
width:200px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_300{
width:300px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_400{
width:400px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_textarea{
width:400px;
border:1px solid #CCCCCC;
padding:2px;
}


#submit{
margin-left:10.5em;
}

.mess{
font-size:14px;
font-weight:bold;
border-top:1px solid #CCCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px 0;
}

/*新着情報*/
#info_menu{
height:50px;
width:600px;
background:url(../img/info_menu.gif) no-repeat;
}

#info_menu li{
display:inline;
}

#info_menu li a{
display:block;
height:50px;
width:150px;
text-indent:-9999px;
float:left;
}

#info_menu .navi1{background:url(../img/info_menu.gif) 0 0;}
#info_menu .navi2{background:url(../img/info_menu.gif) -150px 0;}
#info_menu .navi3{background:url(../img/info_menu.gif) -300px 0;}
#info_menu .navi4{background:url(../img/info_menu.gif) -450px 0;}

#info_menu .navi1 a:hover{background:url(../img/info_menu.gif) 0px -50px;}
#info_menu .navi2 a:hover{background:url(../img/info_menu.gif) -150px -50px;}
#info_menu .navi3 a:hover{background:url(../img/info_menu.gif) -300px -50px;}
#info_menu .navi4 a:hover{background:url(../img/info_menu.gif) -450px -50px;}


/*フォーム*/

#title_recycle4-1{
text-indent:-9999px;
background:url(../img/title_recycle4-1.gif) no-repeat;
height:29px;
width:600px;
}

label{
width: 100px;
color:#009900;
font-weight:bold;
padding:3px;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
background:#99FF33;
border-bottom:1px solid #009900;
border-right:1px solid #009900;
}

#f_name{
width:150px;
border:1px solid #009900;
}

#f_yuubin{
width:300px;
border:1px solid #009900;
}

#f_juusho{
width:300px;
border:1px solid #009900;
}

#f_tel{
width:150px;
border:1px solid #009900;
}

#f_mail{
width:300px;
border:1px solid #009900;
}

#f_textarea{
border:1px solid #009900;
}

#submit{
margin-left:10.5em;
}

