@charset "utf-8";

/*---===================カスタマイズ======================---*/
/*画像・テキスト位置
---------------------------------*/
/*中央揃え*/
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*右寄せ*/
.text-right {
	text-align: right;
}


/*ラベル
---------------------------------*/
.label01 {
   border-radius: 10px;        
   -webkit-border-radius: 10px;   
   -moz-border-radius: 10px;  
   padding: 0.1em 0.3em 0.1em 0.3em;
   text-align: center;
   color: #fff;
   background: #0CC;
}


/*装飾
---------------------------------*/
.shikiri { /*仕切り 緑破線*/
   border-bottom: 2px dashed #c4fb6d;
}
.shikiri02 { /**/
   border-bottom: 1px solid #888888;
}
   

.box01 { /*影付きbox 背景グレー*/
   width: 85%;
   height: auto;
   margin: 50px auto;
   padding: 2em 1.3em;
   border-radius: 10px;
   background: #f0f0f0;
   box-shadow: 2px 2px 4px gray;
}

.box02 { /*影付きbox 背景 白*/
   width: 85%;
   height: auto;
   margin: 50px auto;
   padding: 2em 1.3em;
   border-radius: 10px;
   border: 1px solid #f0f0f0;
   background: #fff;
   box-shadow: 2px 2px 4px gray;
}


/*背景
---------------------------------*/
.bg_gray {
   background: #ebecf1;
   padding: 2%;
   margin: 30px auto;
 }


/*二行目以降1段下げる
---------------------------------*/
.indent-1 {
	margin-left: 40px;
	padding-left:1em;
	text-indent:-1em;
}


/*リスト
---------------------------------*/
ul li, ol li {
    padding-bottom: 20px;
}

/*リストスタイル「なし」*/
ul.style-no {
	list-style-type: none;
	margin-left: 20px;
}  

/*リストスタイル「・」*/
ul.disc {
	list-style-type: disc;
	padding-left: 40px;
}

/*リストスタイル数字*/
ol.number {
	list-style-type: decimal;
}


/*セレクトリスト*/
ol.select {
  counter-reset:list;
  list-style-type:none;
  font: 16px/1.6 'arial narrow', sans-serif;
  padding:0;
}
ol.select li{
  position:relative;
  margin: 7px 0 7px 0px;
  padding-left:70px;
  font-weight: bold;
  font-size:16px;
  line-height: 1.5;
  border: solid 1px #F6A38B;
  border-radius:50px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ol.select li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  font-size: 30px;
  left: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  line-height:1.8;
  background: #F6A38B;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.select li:hover{
  background: #F6A38B;
  color: #fff;
}
ol.select li:hover:before{
  background: #fff;
  color: #F6A38B;
}


/*テーブル
---------------------------------------------------------------------------*/
/*防犯リフォームページ設定*/
.ta1{
	width: 96%;
	margin: 30px 2%;
}
.ta1 tr {
	width: 100%;
}
.ta1 td, .ta1 th{
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
}
.ta1 th{ 
    border-bottom: none;
}

/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
    display: block;
	width: 126.5%;
	text-align: center;
	background: #99d8d0;	/*背景色*/
	font-weight: bold;
}

.ta1 th { 
    display: block;
	width: 126.5%; 
	text-align: left;
	background: #fff;
	font-weight: normal;
}

.ta1 td.co-1 {
	width: 75%; 
}
.ta1 td.co-2 {
    width: 25%;
	background: #cbeaed; 
}



/*玄関ドアリフォームページ*/
.ta2{
	width: 96%;
	margin: 30px 2% 10px;
}
.ta2 td, .ta2 th{
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
	padding: 10px;	/*ボックス内の余白*/
	font-size: 12px;
	word-break: break-all;
}

.ta2 td img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



/*会社案内ページ*/
.ta03{
	width: 96%;
	margin: 50px 2%;
}

.ta03 th {
    display: block;
	width: 100%;    
	border-radius: 10px;
	background: #a3f7bf;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
	padding: 1em 0;
}

.ta03 td {
    display: block;
	width: 100%;    
	border: none;
	background: #fff;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
	padding: 1em 0;	
}