/*
===== SUMMARY ====================================
*/

#contents-area #summary,
#contents-area #memberstore {
border-collapse:collapse;
margin:10px 10px 20px;
width:620px;
border:1px solid #ccc;
}
#contents-area #summary th,
#contents-area #summary td {
padding:8px 0 8px 8px;
vertical-align:top;
border-right:1px solid #ccc;
border-bottom:1px dotted #ccc;
}
#contents-area #summary th {
font-weight:bold;
width:120px;
}
#contents-area #memberstore th,
#contents-area #memberstore td {
padding:2px 0 2px 15px;
vertical-align:top;
border-right:1px solid #ccc;
border-bottom:1px dotted #ccc;
}
#contents-area #memberstore th {
font-weight:bold;
background:#EFF5F8;
}
#contents-area #memberstore th.no {
text-align:center;
padding:2px 0 2px 0px;
width:50px;
}
#contents-area #memberstore caption {
text-align:right;
}
/*
===== CONTENTS AREA ====================================
*/

#contents-area #main dl {
margin-left:10px;
padding: 5px 0 5px 15px;
border-left:solid 3px #0099CC;
}
#contents-area #main dl dd {
margin-left:10px;
margin-bottom:10px;
}
#contents-area #main p {
border-left:solid 3px #0099CC;
}
#contents-area #main ul,
#contents-area #main ol{
border-left:solid 3px #0099CC;
}
#contents-area #main ul li{
line-height:2;
list-style:inside square;
}
#contents-area #main ol li{
line-height:2;
list-style:inside decimal;
}
#contents-area #main ol li ul {
border-left:none;
}
#contents-area #main ol li ul li{
line-height:2;
list-style:inside square;
}


#mainBunner {
margin-top:10px;
width:665px;
background-color:#09c;
}
#mainBunner img{
margin:10px 5px;
border:1px solid #fff;
}
#mainBunner span {
float:right;
width:380px;
vertical-align:top;
margin-right:20px;
margin-top:10px;
line-height:2;
color:#fff;
font-size:105%;
}

.attention {
background:#ffffcc;
color:#f00;
display:block;
width:280px;
margin:10px 10px 20px;
padding:5px;
border:#FF9966 dotted 1px;
}
.attention2 {
background:#ffffcc;
color:#f00;
display:block;
margin:5px 10px 5px;
padding:5px;
border:#FF9966 dotted 1px;
}

.url {
width:620px;
height:30px;
border:1px dotted #003366;
background-color:#EFF5F8;
}
#contents-area #main .otherurl a,
.url a{
background:url(../image/common/icon/button01.gif) no-repeat left center;
padding:5px 20px;
margin-left:20px;
}
#contents-area #main .otherurl a:hover,
.url a:hover{
background:url(../image/common/icon/button02.gif) no-repeat left center;
color:#CC6666;
}
.caution {
width:620px;
border:1px dotted #003366;
background-color:#EFF5F8;
}
#contents-area #main p.otherurl,
#contents-area #main ul.otherurl,
#contents-area #main p.note{
width:620px;
background-color:#EFF5F8;
border:1px dotted #003366;
border-left:1px dotted #003366;
}
#contents-area #main p.otherurl,
#contents-area #main ul.otherurl{
margin-top:10px;
width:600px;
}
#contents-area #main dl {
margin-left:10px;
padding: 10px 0 10px 15px;
line-height:2;
}
#contents-area #main dl.dlist{
border:none;
}
#contents-area #main dl.dlist dt{
float:left;
width:130px;
clear:both;
margin-bottom:5px;
font-weight:bold;
}
#contents-area #main dl.dlist dd{
float:left;
width:470px;
padding-left:25px;
border-left:1px dotted #000;
}

#cardimage {
float:right;
}

#map {
margin-bottom:10px;
}
table.directions {
width:620px;
margin-left:10px;
}

table.directions td #directions {
overflow : scroll;
height: 396px;
width: 275px;
margin-top:10px;
}
table.directions td #map_canvas {
margin-top:10px;
height: 400px;
width: 330px;
border:3px #ccc solid;
margin-left:5px;
}
.searchmap {
margin-left:10px;
margin-bottom:5px;
border: dotted 1px #0099CC;
padding:5px;
}
.searchmap table{
margin-left:10px;
}
.searchmap h4{
font-weight:bold;
}
#trainmap{
margin-left:20px;
margin-bottom:20px;
}
.question {
background:url(image/q.gif) no-repeat left top;
height:30px;
padding-left:25px;
font-weight:bold;
}

/*=== joinus ==================================*/
#contents-area #main #merit h4 {
margin:30px 10px 10px;
padding: 7px 15px 5px 15px;
width:610px;
height:20px;
color:#666;
font-weight:bold;
border-top:3px double #0099FF;
border-bottom:3px double #0099FF;
}