@charset "Shift_JIS";
/* CSS Document */

body {
background: #FFFFFF;
text-align: center;
margin: 0 auto;

font: 13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
*font-size:small; /* for IE */
*font:x-small; /* for IE in quirks mode */

background: url(../common/img/back.jpg) top repeat-x ;
background-color: #E2E3D5;
}

/*-----------------------------------------------------------------------------------*
　　　コンテンツ
*-----------------------------------------------------------------------------------*/


#main {
clear: both;
display: block;
width: 800px;
height: 265px;
margin: 0 auto;
text-align: left;
}

#containts {
clear: both;
display: block;
width: 765px;
margin: 0 auto;
}

#banner_area a:hover img{
filter:alpha(opacity=50);
opacity:.50;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

#b_area01 {
display: block;
margin: 0;
padding: 0;
width: 761px;
height: 105px;
text-align: left;
}


#b_staff {
display: inline;
float: left;
width: 258px;
height: 80px;
text-indent: -9999px;
}

#b_staff a{
display: inline;
float: left;
width: 245px;
height: 80px;
background: url(../img/b_staff.jpg) no-repeat left bottom;
text-indent: -9999px;
}

#b_staff a:hover{
display: inline;
float: left;
width: 245px;
height: 80px;
background: url(../img/b_staff.jpg) no-repeat left bottom;
text-indent: -9999px;
filter: alpha(opacity=50);
opacity: 0.5;
}

#b_modelhouse {
display: inline;
float: left;
width: 258px;
height: 80px;
text-indent: -9999px;
}

#b_modelhouse a{
display: inline;
float: left;
width: 245px;
height: 80px;
background: url(../img/b_modelhouse.jpg) no-repeat left bottom;
text-indent: -9999px;
}

#b_modelhouse a:hover{
display: inline;
float: left;
width: 245px;
height: 80px;
background: url(../img/b_modelhouse.jpg) no-repeat left bottom;
text-indent: -9999px;
filter: alpha(opacity=50);
opacity: 0.5;
}

#b_example {
display: inline;
float: left;
width: 245px;
height: 80px;
text-indent: -9999px;
}

#b_example a{
display: inline;
float: left;
width: 245px;
height: 80px;
background: url(../img/b_example.jpg) no-repeat left bottom;
text-indent: -9999px;
}

#b_example a:hover{
display: inline;
float: left;
width: 245px;
height: 80px;
background: url(../img/b_example.jpg) no-repeat left bottom;
text-indent: -9999px;
filter: alpha(opacity=50);
opacity: 0.5;
}


/*-----------------------------------------------------------------------------------*
　　　コラム・インフォメーション	
*-----------------------------------------------------------------------------------*/


#column-info {
display: block;
margin: 0;
padding: 0 0 50px 0;
width: 505px;
text-align: left;
float: left;
}


#column-info a {
color:#CC0000;
text-decoration: underline;
}


#column-info a:visited {
color:#CC0000;
text-decoration: underline;
}

#column-info a:hover {
color: #660000;
text-decoration: none;
}

#column-info a:active {
color: #660000;
text-decoration: none;
}

#column {
display: block;
padding: 0 0 19px 0;

}

#column_c {
display: block;
height: 295px;
padding: 20px;
text-align: left;
background-color:#FFFFFF;
border-bottom:solid #CCCCCC 1px;
border-left:solid #CCCCCC 1px;
border-right:solid #CCCCCC 1px;
overflow: auto;
}

#column_c p{
display: block;
float: left;
font-size: 11px;
line-height: 1.8;
}



#column_c-title{
font-size: 13px;
font-weight: bold;
line-height: 1.4;
}


.column_p {
display: block;
float: right;
margin: 0;
}

.column_cap{
display: block;
float: left;
padding: 0px 0 0 0;
font-size: 10px;
line-height: 1.5;
}

#info {
display: block;
}

#info_c {
display: block;
height: 155px;
padding: 10px 20px 10px 20px;
text-align: left;
background-color:#FFFFFF;
border-bottom:solid #CCCCCC 1px;
border-left:solid #CCCCCC 1px;
border-right:solid #CCCCCC 1px;
overflow: auto;
}


#info_c li{
clear: both;
display: block;
line-height: 1.5;
}

.info-day{
display: block;
float:left;
width: 100px;
background: url(../img/info_list.gif) no-repeat 0 2px;
padding: 0 0 5px 15px;
font-size: 11px;
line-height: 1.5;
}

.info-note{
display: block;
float:right;
width: 330px;
padding: 0;
font-size: 11px;
padding: 0 0 5px 0;
line-height: 1.5;
}



/*-----------------------------------------------------------------------------------*
　　　バナーエリア	
*-----------------------------------------------------------------------------------*/

#banner_area {
float: right;
display: block;
padding: 0;
width: 230px;
text-align: left;

}

#banner_area li{
padding-bottom: 7px;
}

/*-----------------------------------------------------------------------------------*
　　　リンクエリア	
*-----------------------------------------------------------------------------------*/

#link {
clear: both;
display: block;
margin: 0 auto;
padding: 0 0 30px 0;
width: 800px;
text-align: center;
font-size:11px;
line-height: 1.4;
}