@charset "UTF-8";

@import url("../../css/sidebar.css");
@import url("./common.css");


.mgb20{
margin-bottom: 20px;
}

.mgb30{
margin-bottom: 30px;
}

.clear{
clear: both;
}


#content01 p{
font-size:1.2em;
margin-bottom:20px;
}

#content01 div#bottom04 dl dt{
margin-bottom: 2px;
}

#content01 div#bottom04 dl dd{
width: 623px;
height: 92px;
padding: 14px 0 0 22px;
background-color: #F0F0F0;
}

#content01 div#bottom04 dl dd ul li{
float: left;
width: 304px;
margin-bottom: 15px;
list-style-type: none;
}

#content01 div#bottom04 dl dd ul li p{
margin-bottom: 0;
margin-left: 1.5em;
font-size: 10px;
color: #CC0000;
}

#content01 div#bottom04{
clear: both;
padding-bottom: 25px;
border-bottom: 1px solid #E2E2E2;
font-size: 12px;
}

#content01 p.p01{
font-size:1.4em;
font-weight:800;
margin-bottom:30px;
}

#content01 p.p02{
height: 32px;
margin-bottom: 20px;
padding: 10px 8px;
background-color: #E8E8E8;
font-size: 10px;
}

#content01 div.img01{
margin-bottom: 30px;
}

#content01 div dl.mansion01{
float: left;
width: 192px;
height: 120px;
padding-left: 130px;
background-image: url(../img/mansion_img_04.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div dl.mansion01 dt{
margin-bottom: 10px;
}

#content01 div dl.mansion01 dd{
width: 165px;
}

#content01 div dl.mansion02{
float: left;
width: 192px;
height: 120px;
padding-left: 130px;
background-image: url(../img/mansion_img_05.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div dl.mansion02 dt{
margin-bottom: 10px;
}

#content01 div dl.mansion02 dd{
width: 165px;
}


#content01 div.school01{
margin-bottom: 10px;
background-image: url(../img/case_img_04.png);
}
#content01 div.school02{
margin-bottom: 30px;
background-image: url(../img/case_img_05.png);
}
#content01 div.school01,
#content01 div.school02{
height: 205px;
background-position: right top;
background-repeat: no-repeat;
}

#content01 div.school01 dl,
#content01 div.school02 dl{
width: 282px;
height: 183px;
padding: 22px 0 0 10px;
background-color: #BDE8F8;
}

#content01 div.school01 dl dt,
#content01 div.school02 dl dt{
margin-bottom: 24px;
margin-right: 24px;
border-bottom: 1px solid #666;
font-size: 15px;
font-weight: bold;
}

#content01 div.school01 dl dd,
#content01 div.school02 dl dd{
font-size: 12px;
}

#content01 dl.dl03{
width: 480px;
height: 120px;
margin-bottom: 30px;
padding: 0 0 0 165px;
background-image: url(../img/school_img_05.png);
background-position: left top;
background-repeat: no-repeat;
}

#content01 dl.dl03 dt{
margin-bottom: 15px;
font-weight: bold;
font-size: 12px;
}

#content01 dl.dl03 dd{
font-size: 12px;
}

#content01 dl.dl04{
width: 645px;
height: auto;
}

#content01 dl.dl04 dt{
float: left;
width: 30px;
padding-left: 5px;
font-size: 12px;
}

#content01 dl.dl04 dd{
float: left;
width: 610px;
margin-bottom: 15px;
font-size: 12px;
}

.mgt15{
margin-top: 15px;
}

#content01 div#school02{
margin-bottom: 30px;
background-image: url(../img/school_img_09.png);
background-position: right bottom;
background-repeat: no-repeat;
}

#content01 div#school02 p{
width: 485px;
}

#content01 table.media01{
margin-bottom: 30px;
}

#content01 table.media01 th{
height: 32px;
background-image: url(../img/media_img_03.png);
background-position: left top;
background-repeat: repeat-x;
font-size: 12px;
font-weight: bold;
}

#content01 table.media01 td{
padding: 8px 0;
/*
background-image: url(../img/media_img_04.png);
background-position: left bottom;
background-repeat: repeat-x;
*/
font-size: 12px;
}

#content01 div.index01{
margin-bottom: 25px;
}

#content01 div.index01 dl#index02-left{
float: left;
position: relative;
width: 165px;
min-height: 90px;
margin-right: 34px;
padding-left: 130px;
background-image: url(../img/index_img_05.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div.index01 dl#index02-left dt{
margin-bottom: 10px;
}

#content01 div.index01 dl#index02-left dt a img{
position: absolute;
left: 0;
top: 0;
}

#content01 div.index01 dl#index02-right{
float: left;
position: relative;
width: 186px;
min-height: 90px;
padding-left: 130px;
background-image: url(../img/index_img_06.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div.index01 dl#index02-right dt{
margin-bottom: 10px;
}

#content01 div.index01 dl#index02-right dt a img{
position: absolute;
left: 0;
top: 0;
}

#content01 div.index01 img#index03{
margin: 0 0 5px 0;
}

#content01 div.index01 dl#index04-left{
float: left;
position: relative;
width: 165px;
min-height: 90px;
margin-right: 34px;
padding-left: 130px;
background-image: url(../img/index_img_07.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div.index01 dl#index04-left dt{
margin-bottom: 10px;
}

#content01 div.index01 dl#index04-left dt a img{
position: absolute;
left: 0;
top: 0;
}

#content01 div.index01 dl#index04-right{
float: left;
position: relative;
width: 186px;
min-height: 90px;
padding-left: 130px;
background-image: url(../img/index_img_08.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div.index01 dl#index04-right dt{
margin-bottom: 10px;
}

#content01 div.index01 dl#index04-right dt a img{
position: absolute;
left: 0;
top: 0;
}

#content01 div.index05{
height: 90px;
margin-bottom: 10px;
padding-bottom: 30px;
border-bottom: 1px solid #E2E2E2;
}

#content01 div.index05 dl#index06-left{
float: left;
position: relative;
width: 165px;
height: 90px;
margin-right: 34px;
padding-left: 130px;
background-image: url(../img/index_img_11.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div.index05 dl#index06-left dt{
margin-bottom: 10px;
}

#content01 div.index05 dl#index06-left dt a img{
position: absolute;
left: 0;
top: 0;
}

#content01 div.index05 dl#index06-right{
float: left;
position: relative;
width: 186px;
height: 90px;
padding-left: 130px;
background-image: url(../img/index_img_12.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
}

#content01 div.index05 dl#index06-right dt{
margin-bottom: 10px;
}

#content01 div.index05 dl#index06-right dt a img{
position: absolute;
left: 0;
top: 0;
}

#content01 p.index07{
margin: 0;
margin-bottom: 3px;
font-size: 10px;
}

#content01 p.index07 img{
margin: 0 5px;
vertical-align: middle;
}