/* CSS Document */

body {
	background-color:#f9e48c;
}

#mainInner #management .sentence{
	font-size:15px;
	line-height:24px;
	margin:0 0 37px 0;
	padding:0;
}

#mainInner #management .sentence2{
	font-size:12px;
	line-height:24px;
	margin:0 0 70px 0;
	padding:0;
}

#mainInner #management ul li .innner{
	margin:14px 0 0 0;
	padding:0;
	display:block;
	font-size:12px;
	line-height:24px;
}

#mainInner #management #list {
	margin:0;
	padding:0;
	overflow:hidden;
}

#mainInner #management #list h3{
	overflow:hidden;
	margin:50px 0 30px 0;
	padding:0;
}

#mainInner #management #list dl{
	float:left;
	width:216px;
	margin:0 22px 53px 0;
	padding:0;
	display:block;
	overflow:hidden;
}

#mainInner #management #list dl.right{
	float:left;
	width:216px;
	margin:0 0 53px 0;
	padding:0;
	display:block;
	overflow:hidden;
}

#mainInner #management #list dt{
	width:216px;
	font-size:12px;
	line-height:14px;
	margin:0 0 5px 0;
	padding:0;
	display:block;
	overflow:hidden;
}


#mainInner #management #list dd {
	font-size:12px;
	line-height:19px;
	width:216px;
	margin:5px 0 0 0;
	padding:0;
}

#mainInner #management #list dd.photo{
	width:204px;
	border:1px solid #BBBBBB;
	margin:0;
	padding:5px;
	display:block;
	overflow:hidden;
	background-color:#FFF;
}

/*pcのみに適用したいcss*/

@media screen and (min-width : 751px) {
br.br_sp{
	display: none;
	}
	
#main2 {
	margin:0;
	padding:0 0 100px 0;
	background-image: url(../property/image/property_bg.png);
    background-repeat: repeat-x;
    background-position: 0 113%;
}
	
	
#mainInner #management {
	overflow:hidden;
	margin:0;
	padding:0 15px;
	width:1170px;
}
	
#mainInner #management ul li {
    float: left;
    width: 338px;
    height: 151px;
    margin: 0 39px 25px 0;
    padding: 13px;
    display: block;
	background-color: #fff;
}	
	
#mainInner h2 {
	margin:9px 0 35px 21px;
}
	
#mainInner #management ul {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
}


#mainInner #management ul li.no1{
	position: relative;
}
	
#mainInner #management ul li.no1 p{
	position: absolute;
	top: 62%;
    left: 78%;
}	

#mainInner #management ul li.no2{
	position: relative;
	}
	
#mainInner #management ul li.no2 p{
	position: absolute;
	top: 55%;
    left: 78%;
}	

#mainInner #management ul li.no3{
	position: relative;
	margin:0 0 25px 0;
}
	
#mainInner #management ul li.no3 p{
	position: absolute;
	top: 67%;
    left: 78%;
}
	
#mainInner #management ul li.no4{
	position: relative;
	}
	
#mainInner #management ul li.no4 p{
	position: absolute;
	top: 66%;
    left: 78%;
}	

#mainInner #management ul li.no5{
	position: relative;
}
	
#mainInner #management ul li.no5 p{
	position: absolute;
	top: 58%;
    left: 78%;
}	

#mainInner #management ul li.no6{
	position: relative;
	margin:0 0 25px 0;
}
	
#mainInner #management ul li.no6 p{
	position: absolute;
	top: 58%;
    left: 31%;
}	
	
#obi {
	margin:0;
	padding:0 0 100px 0;
	overflow:hidden;
}

#obi .inner {
	margin:0;
	padding:0;
	overflow:hidden;
	height:80px;
	background-color:#FF972F;
}

#obi .inner .inner2{
	width:1000px;
	height:42px;
	margin:18px auto;
	padding:0;
	overflow:hidden;
	background-image:url(../property/image/obi_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	text-align:right;
}
	
#obi .inner .inner3{
	display: none;
	}	
	
	
	
}

/*スマホのみに適用したいcss*/
@media screen and (min-width : 320px) and (max-width : 750px) {
br.br_sp{
	display: inherit;
	}
	
#main2 {
    background-image: url(../property/image/property_bg.png);
    background-repeat: repeat-x;
    background-position: 0 106%;
}
	
#mainInner #management .sentence2 {
    margin-bottom: 20px;
}	
	
#mainInner h2 img {
	width: 80%;
	}
	
#mainInner #management {
    padding: 0;
}
	
#mainInner #management ul li {
	background-color: #fff;
    margin: 0 0 25px 0;
    padding: 13px;
    display: block;
}
	
#mainInner #management ul li.no1 p img{
	width: 30%;
	padding-left: 69%;
}
	
	
	
#mainInner #management ul li.no2 p img{
	width: 30%;
	padding-left: 69%;
}
	
#mainInner #management ul li.no3 p img{
	width: 30%;
	padding-left: 69%;
}
	
#mainInner #management ul li.no4 p img{
	width: 30%;
	padding-left: 69%;
}
	
#mainInner #management ul li.no5 p img{
	width: 30%;
	padding-left: 69%;
}
	
#mainInner #management ul li.no6 p img{
	width: 75%;
    padding-left: 29%;
    padding-top: 3%;
}	
	
#obi {
	margin:0;
	padding:0 0 130px 0;
	overflow:hidden;
}

#obi .inner {
	margin:0;
	padding:5%;
	background-color:#FF972F;
}

#obi .inner .inner2{
	padding:0;
	background: none;
	text-align: center;
}	
	
#obi .inner .inner2 img{
	width: 100%;	
	}
	
#obi .inner .inner3{
	display: inherit;
	}
	
#obi .inner .inner3 img{
	width: 95%;
	margin-bottom: 15px;
	}	
}