/* CSS Document */
@import url("basic.css");

/*
----------------------------------------------------------------------------------

http://www.m-sdr.com/
Cascading Style Sheet --- spot.css

----------------------------------------------------------------------------------
*/
#mainCont h2{margin:0 0 20px 0;}
#mainCont h3{
background:url(../about/images/h3.jpg) no-repeat;
width:690px;
height:27px;
margin:0 0 10px 0;
padding:8px 0 0 0;
font-size:13px;
font-weight:bold;
}

#mainCont .genre{margin-top: 15px;}
#mainCont .genre li{margin: 15px 0;}
#mainCont .genre li a{display: block; background: rgba(0,0,0,0.3); padding: 10px; border-radius: 3px; color: #ffffff; font-size: 1.2em;}
#mainCont .genre li a:hover{background: rgba(155, 124, 36, 0.56); text-decoration: none; color: #883b06}
/* list */
#mainCont .genreNavi{
margin:0 0 15px 0;
zoom: 1;
}
#mainCont .genreNavi:after{content:""; display:block; clear:both; width:0; height:0;}
#mainCont .genreNavi li{
float:left;
display: block;
margin-right: 10px;
padding-left: 10px;
border-left: 1px solid rgba(0,0,0,0.3);
text-align: center;
}
#mainCont .genreNavi li:last-child{border-right: 1px solid rgba(0,0,0,0.3); padding-right: 10px; margin-right: 0;}
#mainCont .genreNavi li a{color: #a03a12;}
#mainCont .genreNavi .g1{background-position:0 0;}
#mainCont .genreNavi .g1 a{background-position:0 0;}
#mainCont .genreNavi .g1 a:hover{background-position:0 -40px;}
#mainCont .genreNavi .g2{background-position:-138px -40px;}
#mainCont .genreNavi .g2 a{background-position:-138px 0;}
#mainCont .genreNavi .g2 a:hover{background-position:-138px -40px;}
#mainCont .genreNavi .g3{background-position:-276px -40px;}
#mainCont .genreNavi .g3 a{background-position:-276px 0;}
#mainCont .genreNavi .g3 a:hover{background-position:-276px -40px;}
#mainCont .genreNavi .g4{background-position:-414px -40px;}
#mainCont .genreNavi .g4 a{background-position:-414px 0;}
#mainCont .genreNavi .g4 a:hover{background-position:-414px -40px;}
#mainCont .genreNavi .g5{background-position:-552px -40px;}
#mainCont .genreNavi .g5 a{background-position:-552px 0;}
#mainCont .genreNavi .g5 a:hover{background-position:-552px -40px;}

#mainCont .spotList .searchArea{
width:690px;
background:url(../equipment/images/sub.jpg) repeat;
border:1px solid #c0b699;
padding:10px;
margin:0 0 15px 0;
}
#mainCont .spotList .searchArea td{text-align:center;}
#mainCont .spotList .searchArea .form-searchword{
border:1px solid #333333;
padding:5px;
color:#888888;
}
#mainCont .spotList .searchArea .form-searchword:focus{
background:#fffbde;
color:#522720;
}
#mainCont .spotList .searchArea select{
border:1px solid #333333;
padding:5px;
color:#888888;
}
#mainCont .spotList .searchArea select:focus{
background:#fffbde;
color:#522720;
}
#mainCont .spotList .table-link01{
width:690px;
padding:5px 0 5px 0;
border-bottom:1px solid #c0b699;
}
#mainCont .spotList .table-link01 .td-link-title{
width:520px;
padding:0 0 3px 0;
border-bottom:1px dashed #c0b699;
}
#mainCont .spotList .table-link01 .td-link-title a{
color:#660000;
font-size:14px;
}
#mainCont .spotList .table-link01 .td-link-keyword{font-size:10px; color:#827960;}
#mainCont .spotList .table-link01 .td-link-banner{padding:5px 0 5px 5px;}
#mainCont .spotList .table-link01 .td-link-banner a img{border:2px solid #c0b699;}
#mainCont .spotList .table-link01 .td-link-banner a:hover img{border:2px solid #996600;}
#mainCont .spotList .table-copyright{
width:690px;
}
#mainCont .spotList .td-copyright{
text-align:right;
font-size:10px;
}
#mainCont .spotList .td-copyright a{
color:#CC6633;
}