@charset "utf-8";

/* ---------------------------------------------------------
    csr
   ---------------------------------------------------------*/

.innerBox{
	width: 96%;
	margin: 0 auto;
}

.innerBox p {
	margin-bottom: 15px;
}

.societyBox01{
	width: 100%;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	padding: 0;
}

.societyBox02 {
	float:left;
	width: 26%;
	padding:0 2% 10px 2%;
/*	padding: 10px 2%; */
}

.societyBox02.last {
	width: 35%;
	text-align: left;
}

/* h6 */
.societyBox02 h6 {
	margin: 0 0 10px 0;
	font-size: 0.9em;
}

.societyBox02 img{
	width:100%;
	height:auto;
}


/*-- societyImgBox --*/

.societyImgBox {
	padding: 3px;
	border: solid 1px #bbb;
	height:auto;
}

.societyImgBox p{
	padding:5px;
	margin:0 auto;
	font-size: 0.85em;
}

.societyImgBox img{
	width:100%;
	height:auto;
}


/*-- societyBox03 --*/

.societyBox03{
	float: left;
	width: 29%;
	padding: 10px 2%;
	border-right: solid 1px #c8c8c8;
	text-align: left;
}

.societyBox03.last {
	border-right: none;
}

/* h4 */
.societyBox03 h4 {
	margin: 0 0 5px 0;
}

.societyBox03 dl {
	overflow: hidden;
}

.societyBox03 dt {
	clear: left;
	float: left;
	background: black;
	width: 2.5em;
	color: #fff;
	text-align: center;
	padding: 2px 3px;
	margin: 3px 0;
	font-size: 0.9em;
}

.societyBox03 dd {
	padding: 2px  0 2px 7px;
	margin: 3px 0 3px 3em;
	font-size: 0.9em;
}

.societyBox03 img{
	padding:3px;
	width:95%;
	height:auto;
	border:solid 1px #bbb;
}

.societyBox03 dd.img {
	float: none;
	margin-left: 0;
	padding: 2px 0;
	width: 100%;
}

.societyBox03 dd.img.top{
	padding-top:10px;
}

img.fx{
	width:100%;
	height:auto;
}

/*
table.table1{
	border-collapse: separate;
	margin: 0;
	padding: 0;
	border-spacing: 5px;
}

table.table1 th{
	background-color: #333;
	color: #fff;
	padding: 3px 1em;
	text-align: center;
}

table.table1 td{
	padding: 0 5px;
}

#banner_idome{
	display: block;
	border: solid 3px #e6001b;
	background-color: #D7073D;
	padding: 0;
	margin:50px auto;
	position: relative;
	max-width: 900px;
	width: 100%;
}

#banner_idome1{
	margin: 0;
	max-width: 485px;
	width: 100%;
	height: auto;
}

#banner_idome2{
	margin: 0;
	max-width: 330px;
	width: 100%;
	height: auto;
}

.banner_idome_td1{
	padding-left:5%;
}
*/


/*-- バナー差し替え部分 --*/

.idomeBox{
	width:950px;
/*	width:80%; */
	margin:0 auto 40px auto;
}

#banner-idome{
	display: block;
	width:100%;
	margin: 0 auto;
/*	background-image: url(../../company/images/philosophy_img_04_base.jpg);
	background-repeat: no-repeat;
	border: solid 3px #e6001b;
	text-align: center;
	padding: 0 40px;
	background-position: right center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

#banner-idome img{
	max-width:950px;
/*	max-width:649px; */
	height:auto;
	width:100%;
}



@media screen and (max-width:1300px){

	.societyBox03 dd.img.top{
		padding:0;
	}

	.idomeBox{
		width:90%;
	}

}


@media screen and (max-width:1024px){

	.societyBox00 img{
		width:100%;
		height:auto;
	}

}


@media screen and (max-width:768px){
	
	.societyBox02 {
		width:45%;
		margin:10px auto;
		height:auto;
		overflow:hidden;
	}

	.societyBox02.last {
		clear: left;
		width: 95%;
	}
	
	.societyBox02.last img {
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	.societyBox01{
		margin:0 auto;
	}
	
	.societyBox03{
		width:45%;
	}

	.idomeBox{
		width:90%;
	}
	
}


@media screen and (max-width:480px){ 

	.societyBox00{
		border-bottom:solid 1px #bbb;
		padding-bottom:30px;
		margin-bottom:30px;
	}

	.societyBox01{
		float: none;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.societyBox02{
		float: none;
		width: 100%;
		padding: 3px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.societyImgBox {
		width: 90%;
		margin: 0 auto;
	}
	
	.societyBox03{
		float: none;
		width:100%;
		padding: 0 0 30px 0;
		margin-bottom: 30px;
		margin-left:auto;
		margin-right:auto;
		border-right: none;
		border-bottom: 1px solid #bbb;
		box-sizing:border-box;
	}
	
	.societyBox03.last {
		border-bottom: none;
	}
	
	.border {
		border-bottom: 1px solid #bbb;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

}