@charset "shift_jis";

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
    CSS設定 デザイン：M-Infinity
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

/*
    フォント サイズ */
---------------------------------------------------- */
.f-8 {font-size: 8px;}
.f-10 {font-size: 10px;}
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-20 {font-size: 20px;}
.f-24 {font-size: 24px;}
.f-36 {font-size: 36px;}


/*
 イメージ指定
---------------------------------------------------- */

a img {border-style:none;} 

img {
	border: none;
	vertical-align: bottom;
	width: 100%;
}

img.info {
  width: 189px;
  margin: 0px auto;
  padding: 0px 0%;
}

img.area {
  width: 250px;
  margin: 0px auto;
  padding: 0px 0%;
}

div.img-left {
  float: left;
  padding: 0px;
}

div.left {
  float: left;
  margin-left:0px;
}




/* ---------------------------------------------------------- */
/*   余白指定 */
/* ------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
}

p.space1 {
  height:10px;
  background-color:;
  font-weight:bold;
  position:relative;
}

p.space2 {
  height:30px;
  background-color:#ffffff;
  font-weight:bold;
  position:relative;
}


p.line {
line-height : normal ;
border-top : 1px solid #FF8000 ;
border-bottom : 1px solid #FF8000;
line-height : 3.5 ;
}


input#submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
}


/* ---------------------------------------------------------- */
/*   全体的なリンク */
/* ------------------------------------------------------------- */

a:link,
a:visited,
a:hover,
a:active { 
text-decoration: underline;
text-decoration: none;
 }

a:link { color: #00f; }
a:visited { color: #808080; }
a:hover { color: #f00; }
a:active { color: #f00; }


/* ---------------------------------------------------------- */
/*   レイアウトに関する指定 */
/* ------------------------------------------------------------- */

html, body {
  font-size: 85%;
  text-align: center;
  font-family: "Meiryo","MS PGothic","Hiragino Kaku Gothic Pro","メイリオ",Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
  padding: 0;
  margin: 0;
  background-color:#D2EBFF;
  height: 100%;
}

#wrapper  {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  background-color: #FFFFFF;
}



#header {
  text-align: center;
  position: relative; /* fixed */
  width: 100%;
  margin: 0px auto;
  background-color:#D2EBFF;
}

#header-line {
  width: 100%;
  height: 5px;
  margin: 0px auto;
  position: relative;
  background-color: #0080FF;
}

#header-h1 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 0px 0px;
  background-color:#FFFFFF;
}

#header-img {
  width: 1000px;
  margin: 0px auto;
  padding: 0px;
  background-color:#D2EBFF;
}

div.img-left {
  float: left;
  padding: 0px;
}


#header-menu {
  float: left;
  text-align: center;
  position: relative;
  padding: 8px 0px 8px 0px;
  width: 100%;
  background-image:url(image/i/bg.jpg);

}




#container {
  text-align: center;
  width: 1000px;
  height: 100%;
  margin: 0px auto;
  padding: 0px 7px;
  background: #fff;
clear: both;
}


#contents {
  margin-top: 20px;
  float: right;
  width: 710px;
  height: 100%;
  padding: 0px 10px;
  background: #fff;
  margin-bottom: 20px;
}



#sidebar {
  text-align: center;
  margin-top: 10px;
  float: left;
  padding: 0px 10px;
  width: 250px;
  height: 100%;
  background: #fff;
  margin-bottom: 40px;
}




#mail-contents {
  margin-top: 15px;
  float: center;
  width: 1000px;
  padding: 10px 10px;
  background: #fff;
  margin-bottom: 40px;
}


#under-img {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 0px 0%;
  background-color: #FFFFFF;
}





#footer {
  text-align: center;
  margin: 0px auto;
  width: 100%;
  padding: 0px 5px;
  background-color: #D2EBFF;
  color: #000000;
}

#credit-menu {
  text-align: center;
  width: 1000px;
  margin: 0px auto;
  padding: 20px 7px;
  background-color: #D2EBFF;
}

#credit {
  text-align: center;
  width: 100%;
  height: 20px;
  color: #FFFFFF;
  margin: 0px auto;
  padding: 10px 7px;
  background-color: #0080FF;
}


/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
/* ヘッダーに関する指定 
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

/* ---------------------------------------------------------- */
/*   H タグ設定上部説明箇所 */
/* ------------------------------------------------------------- */

h1 {
  color : #808080;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  top: 3px;
  margin-bottom: 0pt;
  width: 100%;
  background: #FFFFFF;
  height: 25px;
}


h2.title{
    background-color: #E8F2FF;
    text-align: left;
    padding-left: 10px;
    padding: 10px;
    border-bottom: 2px solid #2D54DB;
    border-top: 1px dotted #2D54DB;
    border-left: 8px solid #2D54DB;
    border-right: 8px solid #2D54DB;
    background-image: linear-gradient(#FFFFFF, #C0DFF8);
    font-size: 16px;
    display: block; //inline block inline-block
    margin-top: 0;
    margin-bottom: 0px;
}



h3.title{
    background-color: #E8F2FF;
    text-align: left;
    padding-left: 10px;
    padding: 10px;
    border-bottom: 2px solid #2D54DB;
    border-top: 1px dotted #2D54DB;
    border-left: 8px solid #2D54DB;
    border-right: 8px solid #2D54DB;
    background-image: linear-gradient(#FFFFFF, #E8F3FD);
    font-size: 14px;
    display: block; //inline block inline-block
    margin-top: 0;
    margin-bottom: 8px;
}


.midsahi-1 {
  background-image: linear-gradient(#FF5B78, #E8F3FD);
}


/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/*メインコンテンツに関する指定  */
/**=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */


/*  ヘッダ  お問い合わせアイコン
------------------------------------------------------------- */
div.mail{
display:inline-block;
background-image:url(image/head/mail.jpg);
}

div.mail a{
display:block;
width:249px;
height:62px;
background:url(image/head/mail.jpg);
text-indent:-9999px;
}

div.mail a:hover{
background-image:url(image/head/mail-on.jpg);
}





/* ------------------------------------------------------------- */
/* -- ヘッダーメニューバー設定 -- */
/* ------------------------------------------------------------- */
div.top1{
display:inline-block;
background-image:url(image/i/about.jpg);
}
div.top1 a{
display:block;
width:199px;
height:56px;
background:url(image/i/about.jpg);
text-indent:-9999px;
}

div.top1 a:hover{
background-image:url(image/i/about-on.jpg);
}

div.top2{
display:inline-block;
background-image:url(image/i/demolition.jpg);
}
div.top2 a{
display:block;
width:199px;
height:56px;
background:url(image/i/demolition.jpg);
text-indent:-9999px;
}

div.top2 a:hover{
background-image:url(image/i/demolition-on.jpg);
}

div.top3{
display:inline-block;
background-image:url(image/i/area.jpg);
}
div.top3 a{
display:block;
width:199px;
height:56px;
background:url(image/i/area.jpg);
text-indent:-9999px;
}

div.top3 a:hover{
background-image:url(image/i/area-on.jpg);
}

div.top4{
display:inline-block;
background-image:url(image/i/case.jpg);
}
div.top4 a{
display:block;
width:199px;
height:56px;
background:url(image/i/case.jpg);
text-indent:-9999px;
}

div.top4 a:hover{
background-image:url(image/i/case-on.jpg);
}

div.top5{
display:inline-block;
background-image:url(image/i/contact.jpg);
}
div.top5 a{
display:block;
width:199px;
height:56px;
background:url(image/i/contact.jpg);
text-indent:-9999px;
}

div.top5 a:hover{
background-image:url(image/i/contact-on.jpg);
}







/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
  padding-left: 0px;
}



/* -- 下部  お問い合わせ設定 -- */

div.b-mail {
display:inline-block;
background-image:url(image/main/big-contact.jpg);
}
div.b-mail a{
display:block;
width:700px;
height:180px;
background:url(image/main/big-contact.jpg);
text-indent:-9999px;
}

div.b-mail a:hover{
background-image:url(image/main/big-contact-on.jpg);
}



/*
   ３つのポイント 案内
------------------------------------------------------------- */

#point {
  text-align: left;
  font-size: 40pt;
  line-height:50px;
  color: #0000A0;
  font-weight: bold;
}

#point p {
  text-align: left;
  font-size: 12pt;
  color: #000000;
  font-weight: normal;
  margin-left: 60px
}

#point img.point {
  width: 60px;
  vertical-align:middle;

}

#point img.bell {
  width: 60px;
  vertical-align:middle;

}



/*
   解体案内  テキスト化設定
------------------------------------------------------------- */
div.step1 {
display:block;
width:700px;
height:200px;
background:url(image/chart/step1.jpg);
text-indent:-9999px;
}

div.step2 {
display:block;
width:700px;
height:160px;
background:url(image/chart/step2.jpg);
text-indent:-9999px;
}

div.step3 {
display:block;
width:700px;
height:160px;
background:url(image/chart/step3.jpg);
text-indent:-9999px;
}

div.step4 {
display:block;
width:700px;
height:200px;
background:url(image/chart/step4.jpg);
text-indent:-9999px;
}

div.step5 {
display:block;
width:700px;
height:160px;
background:url(image/chart/step5.jpg);
text-indent:-9999px;
}

div.step6 {
display:block;
width:700px;
height:160px;
background:url(image/chart/step6.jpg);
text-indent:-9999px;
}

div.step7 {
display:block;
width:700px;
height:160px;
background:url(image/chart/step7.jpg);
text-indent:-9999px;
}

div.step8 {
display:block;
width:700px;
height:160px;
background:url(image/chart/step8.jpg);
text-indent:-9999px;
}



/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
    サイドバーに関する指定
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */


/*
   リスト  テキストメニュー設定
------------------------------------------------------------- */

.localnavi {
  list-style-type: none;
  margin-bottom: 10px;
  padding-bottom: 27px;
  /* -- background: url(image/i/bg.jpg) no-repeat 0 100%; -- */
  color: #000000;
}

.localnavi li { display: inline; }

.localnavi a {
  text-decoration: none;
  display: block;
  width: 244px;
  padding: 5px 0px 5px;
  background: #ccc url() no-repeat 0 100%;
  color: #000000;
}

.localnavi a:hover {
  text-decoration: none;
  background: #8BC1F3 url(image/i/bg.jpg) no-repeat -200px 100%;
  color: #FFFFFF;
  font-weight: bold;
}




div.s-mail {
display:inline-block;
background-image:url(image/i/side-mail.jpg);
}
div.s-mail a{
display:block;
width:250px;
height:325px;
background:url(image/i/side-mail.jpg);
text-indent:-9999px;
}

div.s-mail a:hover{
background-image:url(image/i/side-mail-on.jpg);
}




/* ------------------------------------------------------------- */
/*  テーブル余白指定 */
/* ------------------------------------------------------------- */

.table1 td {border:1px solid #C0C0C0;
         border-collapse:collapse;
         text-align: left;
         padding:20px;}


.table2 td {
         border-collapse:collapse;
         text-align: left;
         padding:10px;
         font-size: 14px;
         }

.table3 td {border:1px solid #C0C0C0;
         border-collapse:collapse;
         text-align: left;
         padding:5px;
         padding-left:10px;}


/* ------------------------------------------------------------- */
/* 「.table3」用　リスト指定 */
/* ------------------------------------------------------------- */

ul.profile li { 
margin: 0 0 0 1em; 
padding: 0; 
list-style-type: circle;
font-size: 11px;
}


ddl.profile { margin-left: 8em; }


/* ------------------------------------------------------------- */
/* 角丸テーブル指定 フッターデザイン */
/* ------------------------------------------------------------- */
table.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	color: #000000;
	padding: 5px;
	background: #FFFFFF;
	zoom: 1;
}

table.radius tr th,
table.radius tr td {
	padding: 10px;
}

table.radius tr th {
	background: #D2EBFF;
}

table.radius tr td {
	background: #D2EBFF;
}



/* -- 見出し 丸角テーブル -- */

table.circle{
	font-weight:nomal; /* -- bold -- */
	border-spacing:0;
	border:solid #81CFFE 2px;
	border-radius:12px;
	width:100%;
       padding:5px;
}

td.circle{
    text-align: left;
	padding:5px;
    font-size: 14px;
}



/* -- トップ カテゴリ別　丸角テーブル -- */

table.circle2{
	font-weight:nomal; /* -- bold -- */
	border-spacing:0;
	border:solid #FFDC62 2px;
	border-radius:10px;
       padding:5px;
       margin-bottom:15px;
}

table.circle2 td {
    text-align: left;
	padding:20px;
	font-size: 14px;
}

table.circle2 h2{
    background-color: #E8F2FF;
    text-align: left;
    padding-left: 10px;
    padding: 8px;
    border-left: 8px solid #FFDC62;
    border-right: 8px solid #FFDC62;
    background-image: linear-gradient(#FFFFFF, #FEEFBC);
    font-size: 18px;
    display: block; //inline block inline-block
    margin-top: 0;
    margin-bottom: 8px;
}


table.circle2 h3{
    background-color: #E8F2FF;
    text-align: left;
    padding-left: 10px;
    padding: 8px;
    border-left: 8px solid #FFDC62;
    border-right: 8px solid #FFDC62;
    background-image: linear-gradient(#FFFFFF, #FEEFBC);
    font-size: 18px;
    display: block; //inline block inline-block
    margin-top: 0;
    margin-bottom: 8px;
}


p.clear {
      clear: both;
}





/* ------------------------------------------------------------- */
/*  会社概要  テーブルデザイン */
/* ------------------------------------------------------------- */

table.company {
    width: 650px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #0080FF;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #0080FF;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #0080FF10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}


/* ------------------------------------------------------------- */
/*  hrデザイン指定 */
/* ------------------------------------------------------------- */

hr.style {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;/* その他　dashed　dotted */
    width:600px;
    margin:0px;
}

hr.style2 {
    border: 0;
    margin: 3px;
    border-bottom: 2px dotted #ccc;
    background: #FFF;/* その他　dashed　dotted */
}



hr.grad {
    border: 0;
    margin: 7px;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}




/* ------------------------------------------------------------- */
/*  トップに戻るボタン */
/* ------------------------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #0080FF;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #9DCEFF;
}


/* ------------------------------------------------------------- */
/*  リスト設定 */
/* ------------------------------------------------------------- */

ul { padding: 0;

 }
li.space { margin: 0px 30px;
 }


.cds-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
  padding-left: 80px;
}

.cds-navi li { 
  display: inline; 
  float: left;
}

.cds-navi li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 125px;
  text-decoration: none;
  border-left: 1px solid #C0C0C0;
  background-color: #D2EBFF;
  color: #000000;
}

.cds-navi li a:hover {
  background-color: #23A2ED;
  color: #FFFFFF;
  border-left: 1px solid #C0C0C0;
}


/* ------------------------------------------------------------- */
/*  フッターに関する指定 */
/* ------------------------------------------------------------- */

#footer p { text-align: left; }