@charset "utf-8";

/* すべてのmargin, padding を調整。ブラウザによって違うため */
* {
    margin: 0px;
    padding: 0px;
}

body {
/*    background: #FFF url(../img/share/bg_body.gif);*/
    color: #333333;
/*    font-size: small;*/
    font-size: 0.8em;
    font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height: 1.5em;
    text-align: left;
}

* + html body {
    font-family: "メイリオ","Meiryo";
}

/* general params
--------------------*/
body, 
div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, 
p, blockquote, th, td {
    margin: 0px;
    padding: 0px;
}

.container {
    margin: 0px;
    width: 448px;
    height: 730px;
    text-align: left;
    background: #fff;
    overflow: auto;
}

.container#Azabu        {border-left:1px solid #ffaa00; border-right:1px solid #ffaa00;}
.container#Ebisu        {border-left:1px solid #dc6262; border-right:1px solid #dc6262;}
.container#Sancha       {border-left:1px solid #90c500; border-right:1px solid #90c500;}
.container#Shimokita    {border-left:1px solid #68a792; border-right:1px solid #68a792;}
.container#Nakameguro   {border-left:1px solid #ff8397; border-right:1px solid #ff8397;}
.container#Gakugei      {border-left:1px solid #6283c5; border-right:1px solid #6283c5;}
.container#Meguro       {border-left:1px solid #00427c; border-right:1px solid #00427c;}
.container#shibuya      {border-left:1px solid #62c2ff; border-right:1px solid #62c2ff;}

/*
===== clearfix ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}


/* aタグ -----------------------------------------------------------*/
a {
    color: #5372a9;
    text-decoration: none;
    background: none;
}
a:link {
}
a:visited {
    color: #000000;
    text-decoration:none;
}
a:hover {
    color:#ff6600;
    text-decoration:none;
}
a:active {
    color:#ff6600;
    text-decoration:none;
}



.box {
    float: left;
    width: 210px;
    padding: 5px 0px;
}

.titleArea {
    width: 200px;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
}
.titleArea a {
    display: block;
    width: 180px;
    padding: 3px 10px;
}

#Azabu .titleArea      { background-color: #fced8d; }
#Ebisu .titleArea      { background-color: #ffd7cd; }
#Sancha .titleArea     { background-color: #e8f2a2; }
#Shimokita .titleArea  { background-color: #ffd7ce; }
#Nakameguro .titleArea { background-color: #ffe8e3; }
#Gakugei .titleArea    { background-color: #d7e8fc; }
#Meguro .titleArea     { background-color: #ffd7ce; }
#Shibuya .titleArea    { background-color: #e6faff; }

.image {
    float: left;
    width: 90px;
    margin-bottom: 10px;
}
.image table {
    width: 70px;
    margin-left: 10px;
/*    border: 1px solid #505050;*/
    border-collapse: collapse;
}
.image table td {
    width: 70px;
    height: 110px;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}
.image table td a {
    text-decoration: none;
}
.image table td a img {
    border: 0;
    display: inline;
    vertical-align: middle;
}




.textArea {
    float: left;
    width: 120px;
}
.textArea div {
    margin-left: 10px;
}



