@charset "utf-8";

#mainArea .mainBox .content h3 {padding-left:20px; color:#3580c4; font-size:22px; font-weight:normal;}

#mainArea .mainBox .content .sel {margin:10px 0 15px; list-style:none; overflow:hidden;}
#mainArea .mainBox .content .sel li {float:right; padding:0 4px;}
#mainArea .mainBox .content .sel li a {padding:4px 30px 5px; text-align:center; font-size:16px; font-weight:bold; background:#dbdbdb; border-radius:10px; display:inline-block;}
#mainArea .mainBox .content .sel li a:hover {color:#fff;
background: #b24e02;
background: -moz-linear-gradient(top,  #b24e02 0%, #f25602 100%, #fd884d 100%);
background: -webkit-linear-gradient(top,  #b24e02 0%,#f25602 100%,#fd884d 100%);
background: linear-gradient(to bottom,  #b24e02 0%,#f25602 100%,#fd884d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24e02', endColorstr='#fd884d',GradientType=0 );
}
#mainArea .mainBox .content .sel li a.on {color:#fff;
background: #b24e02;
background: -moz-linear-gradient(top,  #b24e02 0%, #f25602 100%, #fd884d 100%);
background: -webkit-linear-gradient(top,  #b24e02 0%,#f25602 100%,#fd884d 100%);
background: linear-gradient(to bottom,  #b24e02 0%,#f25602 100%,#fd884d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24e02', endColorstr='#fd884d',GradientType=0 );
}


/*
#mainArea .mainBox .content .sel {margin-bottom:-1px; margin-right:10px; list-style:none; overflow:hidden;}
#mainArea .mainBox .content .sel li {float:right; padding:0 3px;}
#mainArea .mainBox .content .sel li a {padding:4px 0; width:160px; text-align:center; font-size:12px; background:#eee; border:1px solid #d9d9d9; border-radius:12px 12px 0 0; display:inline-block;}
#mainArea .mainBox .content .sel li a:hover {color:#fff; background:#4ebeef;}
#mainArea .mainBox .content .sel li a.on {color:#fff; background:#4ebeef;}
*/
#mainArea .mainBox .content .map {width:750px; height:472px; text-align:center; border:1px solid #d7d7d7;}
#mainArea .mainBox .content .map #image_canvas img {width:750px; height:472px;}

#mainArea .mainBox .content .info {position:relative; padding:10px; background:#d7d7d7;}
#mainArea .mainBox .content .info a.expand {position:absolute; top:10px; right:10px; padding:5px 10px; color:#fff; background-color: #2e80e4; border-radius:5px;}
#mainArea .mainBox .content .info a.expand i {margin:0; font-size:16px;}
#mainArea .mainBox .content .info a.expand:hover {background-color: #4f99f3;}
#mainArea .mainBox .content .info dl {margin-left:20px; overflow:hidden;}
#mainArea .mainBox .content .info dl dt, #mainArea .mainBox .content .info dl dd {float:left; padding:3px 0; font-size:12px; line-height:18px;}
#mainArea .mainBox .content .info dl dt {width:7%;}
#mainArea .mainBox .content .info dl dd {width:93%;}

#mainArea .mainBox .content .place {width:620px; margin:20px auto 0;}
#mainArea .mainBox .content .place p {padding:7px 0 5px 12px;}
#mainArea .mainBox .content .place a {margin:0 5px; padding:3px 0 5px; width:85px; background:#fff; text-align:center; display:inline-block; border:1px solid #d8d8d8; border-radius:3px;}
#mainArea .mainBox .content .place a:hover {color:#fff; background:#62be5a; border-color:#62be5a; border-radius:3px;}
#mainArea .mainBox .content .place a.on {color:#fff; background:#348b30; border-color:#348b30; border-radius:3px;}