@charset "utf-8";


/* 追加style
------------------------------------------------------------*/

/* --- リスト200 --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 210px; /* 項目の幅 */
float: left;
margin: 5px;
padding: 0;

}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 200px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 185px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.8em; /* キャプションエリアの高さ */
line-height: 140%;
font-size: 85%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- リスト270 --- */
ul.thumbnail2 {
width: 100%; /* リストエリアの幅 */
margin: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail2 li {
width: 270px; /* 項目の幅 */
float: left;
margin: 10px;
padding: 0 ;
border: solid #ff6600 1px;
}

/* --- 項目内容 --- */
ul.thumbnail2 dl {
width: 270px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
}

/* --- 写真エリア --- */
ul.thumbnail2 dt {
/* height: 185px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
background-color: #ff6600;
text-align: center;
color: #fff;
font-size: 120%;
font-weight: bold;
}
ul.thumbnail2 dt img {
}

/* --- キャプションエリア --- */
ul.thumbnail2 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 220px; /* キャプションエリアの高さ */
line-height: 160%;
padding: 10px;
}


/* --- リスト140 --- */
ul.thumbnail140 {
width: 100%; /* リストエリアの幅 */
margin: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail140 li {
width: 150px; /* 項目の幅 */
float: left;
margin: 5px;
padding: 0;
background: #fff;
}

/* --- 項目内容 --- */
ul.thumbnail3 dl {
width: 140px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */

}

/* --- 写真エリア --- */
ul.thumbnail140 dt {
/* height: 185px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
}

/* --- キャプションエリア --- */
ul.thumbnail140 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.5em; /* キャプションエリアの高さ */
line-height: 140%;
font-size: 90%;
}


/* --- リスト110 --- */
ul.thumbnail110 {
width: 100%; /* リストエリアの幅 */
margin-left:20px;
padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail110 li {
width: 120px; /* 項目の幅 */
float: left;
margin: 5px;
padding: 0;
}

/* --- 項目内容 --- */
ul.thumbnail110 dl {
width: 110px; /* 内容の幅 */
margin:0 auto; /* 内容のセンタリング */
}

/* --- 写真エリア --- */
ul.thumbnail110 dt {
/* height: 98px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail110 dt img {
border: none; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail110 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 3.5em; /* キャプションエリアの高さ */
line-height: 120%;
font-size: 90%;
}


/* 動画Video
------------------------------------------------------------*/
ul.douga {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.douga li {
width: 290px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.douga dl {
width: 260px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 90%;
}

/* --- 動画エリア --- */
ul.douga dt {
/* height: 169px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.douga dt img {
}

/* --- キャプションエリア --- */
ul.douga dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 18.5em; /* キャプションエリアの高さ */
line-height: 160%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* 施工例
------------------------------------------------------------*/
ul.sekourei {
width: 100%; /* リストエリアの幅 */
margin: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.sekourei li {
width: 210px; /* 項目の幅 */
float: left;
margin: 5px;
padding: 0;

}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 200px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
}

/* --- 写真エリア --- */
ul.sekourei dt {
/* height: 185px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.sekourei dt img {
}

/* --- キャプションエリア --- */
ul.sekourei dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 2.2em; /* キャプションエリアの高さ */
line-height: 140%;
font-size: 85%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}