@charset "utf-8";
/*--------------------------------------------
　綜合美装サイト基本スタイルシート
　/css/styles-site.css

　0.初期設定
　1.レイアウト
　2.トップ上部
　3.トップページ左側
　4.トップページ右側
--------------------------------------------*/


/********************************************************** */
/*　0.初期設定
*********************************************************** */
* {
margin: 0;
padding: 0;
}

body {
background-color: #eaeaea;
font-family: Verdana, sans-serif;
font-size: 80%;
color: #333333;
text-align:left;
}

html {
overflow-y: scroll;
}

p,li,dt,dl {
line-height: 1.6;
}

p {
margin: 0 0 1em 0;
}

li {
list-style-type: none;
}

img {
border: 0;
}

address {
font-style: normal;
}

.clear {
clear:both;
}


/*　Link Color
----------------------------------------------------------- */
a:link {
color:#ff6600;
}

a:visited {
color:#ff6600;
text-decoration:underline;
}

a:hover {
color:#ff9933;
text-decoration:underline;
}

a:active {
color:#ff9933;
}


/********************************************************** */
/*　1.レイアウト
*********************************************************** */
/*　共通
----------------------------------------------------------- */
#outline {
background: #eaeaea url(/images/back.gif) repeat-y center;
width: 772px;
margin: 0 auto 0 auto;
}

#contents {
width: 740px;
margin: 0 auto 0 auto;
}

#header {
background: url(/images/head.gif) no-repeat;
margin: 0 0 10px 0;
height: 60px;
}

#footer {
clear: both;
background: url(/images/foot.gif) no-repeat;
text-align: center;
font-size: 10px;
padding-top: 13px;
padding-bottom: 5px;
/* height: 27px; */
}


/*　TOPページ用
----------------------------------------------------------- */
#imageinfo {
clear: both;
}

#top_navi {
background: url(/images/top_main_back.gif) no-repeat;
height: 101px;
margin: 0 0 15px 0;
}

#main #left {
width: 310px;
float: left;
margin: 0 10px 20px 0;
_margin: 0 10px 5px 0;
}

#main #right {
float: left;
width: 420px;
height: 556px;
background: url(/images/right_back.gif) no-repeat 0 6px;
margin: -6px 0 20px 0;
_margin: -6px 0 5px 0;
padding: 6px 0 0 0;
font-size: 10px;
}


/********************************************************** */
/*　2.トップ上部
*********************************************************** */

/*　header
----------------------------------------------------------- */
#header h1 {
float: left;
margin: 0 114px 0 12px;
_margin: 0 114px 0 6px;
}

#header a span {
display: none;
}

#header h1 a {
display:block;
width:319px;
height:60px;
background:url(/images/header_title.gif) no-repeat;
}

#header li {
float: left;
}

#header li.home a {
background: url(/images/header_home.gif) no-repeat;
display: block;
width: 83px;
height: 60px;
}

#header li.home a:hover {
background: url(/images/header_home_over.gif) no-repeat;
}

#header li.contact a {
background: url(/images/header_contact.gif) no-repeat;
display: block;
width: 118px;
height: 60px;
}

#header li.contact a:hover {
background: url(/images/header_contact_over.gif) no-repeat;
}

#header li.company a {
background: url(/images/header_company.gif) no-repeat;
display: block;
width: 87px;
height: 60px;
}

#header li.company a:hover {
background: url(/images/header_company_over.gif) no-repeat;
}


/*　top_navi
----------------------------------------------------------- */
#top_navi ul {
}

#top_navi li a span {
display: none;
}

#top_navi li.clean {
float: left;
margin: 5px 0 0 6px;
_margin: 5px 0 0 3px;
}

#top_navi li.clean a {
background: url(/images/top_main_clean.gif) no-repeat;
display: block;
width: 179px;
height: 91px;
}

#top_navi li.clean a:hover {
background: url(/images/top_main_clean_over.gif) no-repeat;
}

#top_navi li.reform {
float: left;
margin: 5px 0 0 4px;
}

#top_navi li.reform a {
background: url(/images/top_main_reform.gif) no-repeat;
display: block;
width: 179px;
height: 91px;
}

#top_navi li.reform a:hover {
background: url(/images/top_main_reform_over.gif) no-repeat;
}

#top_navi li.waste {
float: left;
margin: 5px 0 0 4px;
}

#top_navi li.waste a {
background: url(/images/top_main_waste.gif) no-repeat;
display: block;
width: 179px;
height: 91px;
}

#top_navi li.waste a:hover {
background: url(/images/top_main_waste_over.gif) no-repeat;
}

#top_navi li.staff {
float: left;
margin: 5px 0 0 4px;
}

#top_navi li.staff a {
background: url(/images/top_main_staff.gif) no-repeat;
display: block;
width: 179px;
height: 91px;
}

#top_navi li.staff a:hover {
background: url(/images/top_main_staff_over.gif) no-repeat;
}


/********************************************************** */
/*　3.トップページ左側　left
*********************************************************** */

/*　topics
----------------------------------------------------------- */
#topics {
margin: 0 0 10px 0;
_margin: 0 0 0 0;
font-size: 12px;
}

#topics .topics_head {
background: url(/images/topics_head.gif) no-repeat;
height: 37px;
}

#topics .topics_head b {
display:none;
}

#topics .topics_list {
background: #f4f4eb;
padding: 10px 13px 0 13px;
}

#topics ul {
padding: 0 0 9px 0;
}

#topics li {
background: url(/images/topics_line.gif) repeat-x bottom;
text-indent: -83px;
padding: 3px 0 4px 83px;
}

#topics .date {
background: url(/images/topics_listmark.gif) no-repeat 0 2px;
padding: 1px 1em 0 15px;
}

#topics .title {
margin: 0 0 0 0;
}

#topics .topics_more {
margin: 0;
padding: 0 0 8px 0;
height: 19px;
}

#topics .topics_more a.more {
background-image: url(/images/topics_more.gif);
background-repeat: no-repeat;
display: block;
margin: 0 5px 0 0;
width: 75px;
height: 19px;
float: right;
}

#topics .topics_more a.rss {
float: right;
}

#topics .topics_more span {
display: none;
}

#topics .topics_more a.more:hover {
background-image: url(/images/topics_more_over.gif);
background-repeat: no-repeat;
}

#topics .topics_foot {
background: url(/images/topics_foot.gif) no-repeat;
height: 5px;
}


/*　お問い合わせ＆オリジナルバット
----------------------------------------------------------- */
#contact a {
background: url(/images/contact.gif) no-repeat;
display: block;
width: 310px;
height: 80px;
margin: 0 0 10px 0;
}

#contact span {
display: none;
}

#contact a:hover {
background: url(/images/contact_over.gif) no-repeat;
}

#original_bat a {
background: url(/images/original_bat.gif) no-repeat;
display: block;
width: 310px;
height: 80px;
margin: 0 0 10px 0;
}

#original_bat span {
display: none;
}


/*　company
----------------------------------------------------------- */
#company {
background: url(/images/company_back.gif) no-repeat;
height: 55px;
margin: 0 0 10px 0;
_margin: 0 0 5px 0;
font-size: 12px;
line-height: 1.3em;
padding: 60px 0 0 13px;
}

#company strong {
display:none;
}


/********************************************************** */
/*　4.トップページ右側　right
*********************************************************** */
#renewal {
width: 183px;
height: 129px;
float: left;
}

#height {
width: 237px;
height: 129px;
float: left;
}

#waste {
width: 249px;
height: 95px;
float: left;
}

#remove {
width: 171px;
height: 95px;
float: left;
}

#administration {
width: 195px;
height: 155px;
clear: left;
float: left;
}

#cleaning {
width: 225px;
height: 155px;
float: left;
}


/*　リスト群
----------------------------------------------------------- */
#renewal li,
#height li,
#waste li,
#remove li,
#administration li,
#cleaning li{
padding: 0 0 0 10px;
line-height: 1.5;
}


#renewal ul {
padding: 42px 0 0 18px;
}

#renewal li {
background: url(/images/right_listmark.gif) no-repeat 0 5px;
}

#height p {
margin: 42px 0 0 7px;
font-weight: bold;
}

#height ul {
padding: 0 0 0 7px;
}

#height li {
background: url(/images/right_listmark.gif) no-repeat 0 5px;
}

#waste ul {
padding: 25px 0 0 18px;
}

#waste li {
background: url(/images/right_listmark.gif) no-repeat 0 5px;
}

#remove ul {
padding: 30px 0 0 18px;
}

#remove li {
background: url(/images/right_listmark.gif) no-repeat 0 5px;
}

#administration ul {
padding: 38px 0 0 18px;
}

#administration li {
background: url(/images/right_listmark.gif) no-repeat 0 5px;
}

#cleaning ul {
padding: 38px 0 0 18px;
}

#cleaning li {
background: url(/images/right_listmark.gif) no-repeat 0 5px;
}


/*　ボタン
----------------------------------------------------------- */
#right_button {
clear: both;
padding: 123px 0 5px 0;
width: 420px;
height: 43px;
}

#right_button li a {
display: block;
width: 120px;
height: 43px;
}

#right_button li a span {
display: none;
}


#right_button li.clean {
float: left;
margin: 0 0 0 23px;
_margin: 0 0 0 11px;
}

#right_button li.clean a {
background: url(/images/right_button_clean.gif) no-repeat;
}

#right_button li.clean a:hover {
background: url(/images/right_button_clean_over.gif) no-repeat;
}

#right_button li.reform {
float: left;
margin: 0 0 0 6px;
}

#right_button li.reform a {
background: url(/images/right_button_reform.gif) no-repeat;
}

#right_button li.reform a:hover {
background: url(/images/right_button_reform_over.gif) no-repeat;
}

#right_button li.waste {
float: left;
margin: 0 0 0 6px;
}

#right_button li.waste a {
background: url(/images/right_button_waste.gif) no-repeat;
}

#right_button li.waste a:hover {
background: url(/images/right_button_waste_over.gif) no-repeat;
}