@charset "UTF-8";
/* トップページ */
/*Slider 
------------------------------------------*/
section#slider_wrap{
	width: 100%;
	height: 450px;
	/*border-top: 1px solid #c0a264;*/
	overflow: hidden;
	margin-bottom:30px;
}
section#slider_wrap a{
	outline: none;
}
section#slider_wrap a:hover{
	
}
div.flexslider{
	height: 450px;
	position: relative;
	width: 980px !important;
	margin: 0 auto;
	/*background: #ffffff;*/
}
div.flex-viewport{
	overflow: inherit !important;
}
ul.flex-direction-nav li a.flex-prev{
	left: -20px;
}
ul.flex-direction-nav li a.flex-next{
	right: -20px;
	background-position: -41px 0;
}
article.news{
/*margin-bottom:40px;*/
}
article.news h2{
}
article.news dl{
padding:20px 15px 10px;
border-bottom:1px dotted #A0A0A0;
}
article.news dl dt{
color:#EF746D;
font-size:12px;
padding-bottom:5px;
}
article.news dl dd{
font-size:12px;
line-height:20px;
letter-spacing:2px;
}
.new_mark{
float: right;
line-height: 100%;
color: #FFF;
font-size: 80%;
background-color: #3FB382;
margin-right: 10px;
text-align: center;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
section.app{
}
section.app section{
background:#EDEDED;
padding:15px 20px 10px;
margin-top:20px;
}
section.app figure{
float:left;
padding:0;
margin:0;
}
section.app figure.right_figure{
padding-right:18px;	
}

section.app figure.pnone{
padding-right:0;
}
section.app p{
display:block;
background:#EDEDED;
text-align:center;
padding-bottom:10px;
}
#banner{
margin-top:30px;
}
#banner ul li{
float:left;
padding:0 20px 20px 0;
}
#banner ul li.pnone{
padding-right:0;
}
#banner2 ul li{
float:left;
/*padding:0 15px 40px 0;*/
margin: 5px 5px 40px 5px;
border:0;
}
#banner2 ul li.pnone{
padding-right:0;
}

#banner3 ul li.pnone{
padding-right:0 !important;
}

#banner2 ul li img{
width:100%;
max-width:230px;
}


/* 外観紹介 */

#portfolio {
float:right;
width:740px;
padding:0 0 0 40px;
}
#portfolio h2{
padding:0 0 20px 0;
}

* html #portfolio {
height: 1em;
overflow: visible;
margin:0 -12px 0 0;
}

#portfolio .banner3 ul {
width:740px;
display:flex;
justify-content:space-between;
}
.banner3 li{
width:355px;
}
#portfolio .banner_portfolio ul {
width:740px;
display:flex;
justify-content:space-between;
margin-bottom:20px;
}
.banner_portfolio li{
width:230px;
border:1px solid #ccc;
}

#portfolio ul li {
	display: block;

}

#portfolio ul li.blank_portfolio{
border:none;
}


/* 家づくりの流れ */
#catch{
color:#444;
font-size:12px;
padding:20px 0 10px;
}
#flow_list ul{
width:800px;
}
#flow_list li{
width:265px;
height:305px;
float:left;
}
#flow_list .list_box{
width:200px;
height:270px;
background:#EDEDED;
}
#flow_list li .step{
padding:10px 10px 0;
}
#flow_list li .photo{
padding:0 10px 10px;
}
#flow_list li p{
color:#444;
font-size:10px;
padding:0 10px 5px;
}
#flow_list li p span{
display:block;
font-weight:bold;
text-align:left;
border-bottom:1px solid #1f5c96;
color:#1f5c96;
font-size:12px;
padding-bottom:3px;
margin-bottom:5px;
}
/* 10A会 */
#group_list ul{
width:740px;
margin-top:10px;
}
#group_list ul li{
float:left;
width:231px;
margin:0 15px 15px 0;
/*border:2px solid #e3e3e3;*/
}
#group_list ul li.mrnone{
margin-right:0;
}
#group_list ul li a{
color:#0e4585;
text-decoration:underline;
}
#group_list ul li h3{
background:#e3e3e3;
padding:3px 3px 5px;
line-height:14px;
}
#group_list ul li h3 span{
display:inline-block;
font-size:14px;
line-height:14px;
font-weight:bold;
padding:5px 3px 3px 7px;
color:#0e4585;
border-left:5px solid #0e4585;
}
#group_list ul li p{
line-height:28px;
padding:10px;
}
/* まもりすまい */
img.mainImg{
margin:15px 0 30px;
}
#mamori_box{
width:740px;
}
#mamori_box h3{
line-height:16px;
border-bottom:3px solid #ccc;
}
#mamori_box h3 span {
display:block;
font-size:16px;
line-height:16px;
font-weight:bold;
color:#1f968a;
border:1px solid #ccc;
padding:12px 10px 9px;
}
#mamori_box p{
display:block;
line-height:25px;
border:1px solid #ccc;
margin-bottom:15px;
padding:20px;
}
#mamori_box p img{
margin:0 10px 10px;
}
#mamori_box p span{
display:inline-block;
width:300px;
font-size:10px;
line-height:15px;
}
#btn_box{
display:block;
width:630px;
height:100px;
margin:15px auto 10px;
background:url(../images/mamori_btn.gif) no-repeat top center;
}
#btn_box:hover{
background:url(../images/mamori_btn.gif) no-repeat center -100px;
}
/* 企業情報 */
#com_table{
margin-bottom:30px;
}
p.comImg{
display:block;
width:740px;
text-align:center;
padding:30px 0 30px;
}
#com_table th,
#com_table td{
border:1px solid #ccc;
vertical-align:middle;
}
#com_table th{
width:160px;
padding:10px;
color:#0c4685;
text-align:center;
font-weight:bold;
background:#ededed;
}
#com_table td{
width:590px;
padding:10px;
}
/* アクセス */
p.accessImg{
display:block;
width:740px;
text-align:center;
padding:30px 0 30px;
}
p.accessImg span{
display:inline-block;
width:200px;
padding:5px;
text-align:center;
font-weight:bold;
color:#f2f2f2;
background:#0c4685;
margin-top:20px;
}
p.accessImg a:hover{
text-decoration:none;
}
p.accessImg span:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#access_box h3{
line-height:16px;
border-bottom:3px solid #ccc;
}
#access_box h3 span {
display:block;
font-size:16px;
line-height:16px;
font-weight:bold;
color:#0c4685;
border:1px solid #ccc;
padding:12px 10px 9px;
}
#access_box p{
display:block;
line-height:25px;
border:1px solid #ccc;
margin-bottom:15px;
padding:20px;
}
/* プライバシーポリシー */
#privacy{
width:740px;
}
#privacy dl dt{
color:#0e4585;
font-size:14px;
line-height:14px;
font-weight:bold;
padding:3px 3px 5px;
margin:30px 0 10px 0;
border-bottom:1px solid #ccc;
}
#privacy dl dt span{
display:inline-block;
font-size:14px;
line-height:14px;
font-weight:bold;
padding:5px 3px 3px 7px;
color:#0e4585;
border-left:5px solid #0e4585;
}
#privacy dl dd{
display:block;
}
#privacy dl dd span{
display:inline-block;
padding:10px 0;
}
/* サイトマップ */
#sitemap{
width:740px;
}
#sitemap ul{
margin-top:30px;
width:300px;
}
#sitemap ul li{
padding:0 10px;
border-top:1px dotted #ccc;
}
#sitemap ul li:last-child{
border-bottom:1px dotted #ccc;
}
#sitemap ul li:hover{
background:#eeeeee;
}
#sitemap ul li a{
display:block;
color:#0e4585;
padding:10px 20px;
background:url(../images/icon.png) no-repeat left center;
}
#sitemap ul li a:hover{
text-decoration:none;
}
/* 東栄興産のご紹介 */
#infoCom{width:740px;}
#infoCom img{margin-top:30px;}
#infoCom p.text1{
padding:5px 20px 20px;
font-size:16px;
font-weight:bold;
color:#666;
text-align:center;
}
#infoCom p.text2{
font-size:13px;
line-height:25px;
color:#666;
padding-top:10px;
}
/* 東栄興産施工例 */
#touei p.mainImg{
margin:15px 0;
}
#touei h4{
width:734px;
/*background:#e3e3e3;*/
padding:3px 3px 5px;
line-height:14px;
border-bottom:2px solid #ccc;
}
#touei h4 span{
display:inline-block;
font-size:14px;
line-height:14px;
font-weight:bold;
padding:5px 3px 3px 7px;
color:#0e4585;
border-left:5px solid #0e4585;
}
#touei h4 span.kago{
color:#d75563;
border-left:5px solid #d75563;
}
#touei h4 span.nozo{
color:#3d9d82;
border-left:5px solid #3d9d82;
}

#touei h5{
	margin-left:5px;
	margin-top:10px;
}
#touei h5 span {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    padding: 5px 3px 3px 7px;
}
#touei h5 span.kago {
    color: #d75563;
}
#touei h5 span.nozo {
    color: #3d9d82;
}
.colorbox_wrap{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}


#touei ul.toueiPhoto,
#touei ul.toueiPdf{
width:740px;
margin:25px 0;
}
#touei ul.toueiPhoto li{
float:left;
width:355px;
margin:0 27px 15px 0;
/*border:2px solid #e3e3e3;*/
}
#touei ul.toueiPdf li{
float:left;
width:233px;
margin:0 20px 15px 0;
/*border:2px solid #e3e3e3;*/
}
#touei ul.toueiPhoto li:last-child,
#touei ul.toueiPdf li.mrnone{
margin-right:0;
}
/* 鹿子嶋建設施工例 */




/*追加201810リニューアル*/
.clearboth{
	clear:both;
}
.banner_index ul{
	display:flex;
	}