/*----------------------------------------------------------------
Style Setting
1 : Basic Setting
1-1 : Universal Selector
1-2 :
1-3 : Block Level
1-4 : List
1-5 :
1-6 :
2 : Layout Setting
2-1 : div#All
2-2 : div#Header
2-3 : div#Main
2-4 : div#SubMain
2-5 : div#Menu
2-6 : div#Sub
2-7 : div#Footer
2-8 : div#Anime
----------------------------------------------------------------*/
/*================================================================
1 : Basic Setting
================================================================*/
/*======== 1-1 : Universal Selector ========*/
*{
margin:0;
padding:0;
}
/*======== 1-2 : ========*/
body
{
margin:0 auto;
color:#333333;
font-size:75%;
line-height:1.3;
text-align:center;
background:#FFFFFF;
}
/*======== 1-3 : Block Level ========*/
h1,h2,h3,div,p,ul,ol,li{
font-size:100%;
text-align:left;
}
#among h2{
font-size:13px;
text-align:left;
color:#3961ff;
margin:15px 0px 3px 10px;
}
#among h3{
font-size:13px;
text-align:left;
color:#212021;
margin:5px 0px 0px 10px;
}
/*IE6*/
* html h1,
* html h2,
* html h3,
* html div{
height:1px;
}
/*======== 1-4 : List ========*/
ul{
list-style-type:square;
}
ol{
list-style-type:decimal;
}
/*======== 1-5 : ========*/
a:link{
color:#0000CC;
text-decoration:none;
}
a:visited{
color:#6666CC;
text-decoration:none;
}
a:hover{
color:#CC0000;
text-decoration:underline;
}
a:active{
color:#CC0000;
text-decoration:underline;
}
/*======== 1-6 :
========*/
hr{
display:none;
}
/*======== 1-6 : ========*/
table {
border-collapse: collapse;
empty-cells: show;
border: 0px;
}
/*================================================================
2 : Layout Setting
================================================================*/
/*======== 2-1 : div#All ========*/
div#All{
width:950px;
margin:0 auto;
}
/*======== 2-2 : div#Header ========*/
div#Header
{
margin-bottom:7px;
width:950px;
border: 1px solid #999999;
}
div#Header h1{
font-size:200%;
text-align:center;
padding-top:20px;
}
/*======== 2-3 : div.Main ========*/
div.Main
{
width:950px;
float:left;
}
/*======== 2-5 : div.MainMenu ========*/
div.MainMenu
{
margin-bottom:7px;
float:right;
}
div.MainMenu div.Content{
text-align:center;
margin-bottom:3px;
}
div.MainMenu div.Content .reserv1{
width:240px;
height:32px;
text-align:center;
padding-top:3px;
margin:0px 0px 3px 0px;
background:url(../img/ao.jpg) no-repeat;
}
div.MainMenu div.Content .reserv2{
width:240px;
height:32px;
text-align:center;
padding-top:3px;
margin:0px 0px 3px 0px;
background:url(../img/shiro.jpg) no-repeat;
}
div.MainMenu div.Content .reserv3{
width:240px;
height:32px;
text-align:center;
padding-top:3px;
margin:0px 0px 3px 0px;
background:url(../img/ao2.jpg) no-repeat;
}
div.MainMenu div.Content #container_left{
width: 245px;
display: inline;
}
div.MainMenu div.Content #container_right{
padding:5px 0px 0px 0px;
width: 245px;
display: inline;
}
.side_head{
text-align:center;
}
.side_bg{
background: url(../img/fr010_bg.gif) repeat-y;
text-align:center;
}
.spot{
text-align:center;
font-size:12px;
margin:0px 0px 0px 4px;
}
.spot td{
border: 1px solid #cccccc;
width:58px;
height:23px;
}
/*======== 2-8 : div.Anime ========*/
div.Anime
{
width:701px;
float:left;
}
div.Anime div.Content{
text-align:center;
}
/*======== 2-8 : div.debt ========*/
div.debt
{
width:950px;
}
div.debt div.Content{
text-align:center;
margin-bottom:15px;
}
div.debt div.Content table{
text-align:center;
width:800px;
margin:0px 0px 0px 75px;
}
/*======== 2-8 : div.mapmain ========*/
div.mapmain
{
width:850px;
padding:10px 0px 0px 30px;
color:#1055bd;
}
/*======== 2-4 : div.SubMain ========*/
div.SubMain
{
width:700px;
margin-bottom:7px;
float:left;
}
div.SubMain div.Content{
}
/*======== 2-7 : div#Footer ========*/
div#Footer{
font-size:80%;
width:950px;
clear:both;
}
div#Footer table{
width:700px;
margin:20px auto 10px auto;
text-align:center;
font-size:11px;
letter-spacing:1px;
}
/*======== お勧め特選物件レイアウト ========*/
#recommendation{
width:700px;
padding-top:15px;
}
#recommendation .left{
width:335px;
height:420px;
float:left;
padding-left:5px;
}
#recommendation .right{
width:335px;
height:420px;
float:right;
padding-right:10px;
}
#recommendation .Title{
color:#ffffff;
background-color:#523f3f;
padding:3px 0px 3px 10px;
font-size:13px;
}
#recommendation .Title a{
color:#ffffff;
background-color:#523f3f;
padding:3px 0px 3px 0px;
font-size:13px;
}
#recommendation .img{
width:120px;
height:120px;
float:left;
border: 1px solid #999999;
margin:5px 0px 5px 0px;
}
#recommendation .traffic{
width:205px;
float:right;
font-size:12px;
margin:2px 0px 0px 0px;
}
#recommendation .traffic div{
padding-top:2px;
}
#recommendation .equipment{
width:335px;
height:140px;
padding:5px 0px 0px 0px;
}
#recommendation .equipment1{
width:167px;
float:left;
}
#recommendation .equipment2{
width:167px;
float:right;
}
/*======== ページ下地方 ========*/
.mapmain1{
padding:5px 0px 0px 0px;
font-size:13px;
font-weight:bold;
color:#1055bd;
}
.mapmain2{
padding:5px 0px 0px 0px;
font-size:14px;
font-weight:bold;
color:#666666;
}
.mapstyle{
padding:5px 0px 0px 35px;
font-size:13px;
}
.mapstyle2{
padding:5px 0px 0px 5px;
font-size:13px;
}
.mapstyle a{
font-size:13px;
color:#1055bd;
}
.mapstyle2 a{
font-size:13px;
color:#1055bd;
}
.mapstyle a:hover{
font-size:13px;
color:#ff6531;
}
.mapstyle2 a:hover{
font-size:13px;
color:#ff6531;
}
.mapstyle3{
padding:5px 0px 0px 5px;
font-size:13px;
color:#9c759c;
}