@charset "UTF-8";
@import url(static.css);
h2 {
 background-color: #738b22;
 background-image: none;
 color: #fff;
 font-size: 110%;
 line-height: 1.5em;
 margin-left: 0;
 text-align: left;
 text-indent: 15px;
 width: auto;
 }
h3 {
 border-bottom: gray 1px solid;
 clear: both;
 font-size: 100%;
 height: auto;
 margin-bottom: 5px;
 padding-top: 10px;
 }
.course {
 height: auto;
 margin-left: 15px;
 position: relative;
 padding-top: 15px;
 }
.course .spot {
 background: url(images/sugges_spot.gif) repeat;
 height: auto;
 margin-bottom: 3px;
 margin-top: 3px;
 padding-bottom: 3px;
 width: 255px;
 }
.course .spot a {
 color: white !important;
 text-decoration: underline !important;
 }
.course .spot a:active, .course .spot a:hover {
 color: #ccc !important;
 }
.course .spot a:visted, .course .spot a:link {
 color: #fff !important;
 }
.course .spot p {
 color: white !important;
 font-weight: bold;
 line-height: 200%;
 }
.course .text {
 background: url(images/sugges_list.gif) left center no-repeat;
 height: auto;
 line-height: 1.5em;
 padding-left: 15px;
 }
.course .time {
 background: url(images/sugges_yazi.gif) left center no-repeat;
 height: auto;
 line-height: 1em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 padding-left: 20px;
 }
.course p {
 text-align: left !important;
 }
.left {
 float: left;
 height: auto;
 margin-right: 5px;
 position: relative;
 width: 255px;
}
.right {
 float: right;
 height: auto;
 position: relative;
 width: 375px;
}
.right .imgleft {
 color: #696969;
 float: right;
 height: auto;
 margin-top: 70px;
 position: relative;
 text-align: center;
 width: 185px;
 }
.right .imgleft img, .right .imgright img {
 border: solid 1px silver;
 height: 110px;
 width: 165px;
 }
.right .imgright {
 color: #696969;
 float: right;
 height: auto;
 margin-bottom: 70px;
 position: relative;
 text-align: center;
 width: 185px;
 }