body{background: url(../img/body_bg02.gif) repeat-x 0 0;}

#container{
 width: 100%;
 margin: 0;
 padding: 0;
 min-width: 900px;
}

/********** Header ********************/
#header{
 padding: 0 10px;
 background: url(../img/header_bg02.gif) no-repeat right 55px;
}

/********** Global navigation ********************/
#globalnavi{min-width: 900px;}

/********** Contents ********************/
/*** Right column ***/
#rightColumn{
 margin: 5px 10px 0 0;
 min-width: 670px;
}

#rightColumn p.result{
 margin: 0;
 padding: 10px 0;
 font-size: 0.78em;
}

#rightColumn p.result span{
 color: #FF9900;
 font-weight: bold;
}

#rightColumn p.pageNavi{
 margin: 0;
 padding: 10px 0;
 font-size: 0.78em;
 float: left;
 color: #999999;
}

#rightColumn p.pageNavi span{
 margin: 0 4px;
 color: #FF9900;
 font-weight: bold;
 text-decoration: underline;
}

#rightColumn p.pageNavi a{
 margin: 0 4px;
 color: #999999;
 text-decoration: none;
}

#rightColumn p.pageNavi a:hover{text-decoration: underline;}

#rightColumn p.pageNavi img{vertical-align: middle;}

#rightColumn p.pageNavi img.prev{margin-right: 5px;}
#rightColumn p.pageNavi img.next{margin-left: 5px;}

#rightColumn p.indication{
 margin: 0;
 padding: 10px 0;
 font-size: 0.78em;
 float: right;
}

#rightColumn p.indication span.serected{font-weight: bold; color: #FF6600;}

#rightColumn p.indication a{
 color: #666666;
 text-decoration: none;
}

#rightColumn p.indication a:hover{text-decoration: underline;}

#thumbnailHanger{
 margin: 0;
 padding: 10px 0;
}


.thumbnail{
 width: 218px;
 margin: 5px 20px 5px 0;
 padding: 0;
 border: 1px solid #FFFFFF;
 font-size: 0.68em;
 cursor: pointer;
 float: left;
}

.thumbnail table{
 width: 100%;
 height: 220px;
}

.thumbnail td{
 padding: 5px 0;
 text-align: center;
}

.thumbnail p{
 margin: 0;
 padding: 5px;
 text-align: right;
}

.thumbnail p img{margin: 0 0 0 5px; vertical-align: middle;}

.infoHanger{
 height: 65px;
 margin: 0 10px;
 padding: 0;
 clear: both;
 text-align: right;
 font-size: 0.78em;
 background: url(../photosearch/img/info_bg.gif) no-repeat right bottom;
}

.infoHanger a{
 margin: 0;
 padding: 0 0 0 12px;
 color: #FF9900;
 background: url(../img/pointer01.gif) no-repeat 0 2px;
 text-decoration: none;
}

.infoHanger a:hover{text-decoration: underline;}

.infoHanger p{display: none;}

/*** Left column ***/
#leftColumn{
 margin: 5px 0 0 0;
 background: #E8FFE8;
}

#leftColumn ul li a{
 color: #009900;
 padding: 5px 10px 5px 24px;
 background: url(../img/pointer03.gif) no-repeat 10px 8px;
}

#leftColumn ul li a:hover{
 color: #FFFFFF;
 background: url(../img/pointer02.gif) no-repeat 10px 8px #009900;
}

/********** Footer ********************/
#footer p.footerNavi{
 padding: 5px 10px 0 10px;
 float: left;
}

#pagetop{
 width: 102px;
 margin: 0 10px 0 0;
 padding: 0;
 float: right;
}

#pagetop a{
 width: 102px;
 height: 24px;
 margin: 0;
 padding: 0;
 text-decoration: none;
 display: block;
 text-indent: -35000px;
 /*\*/overflow: hidden;/* */
 background: url(../img/pagetop.gif) no-repeat 0 0;
}

#pagetop a:hover{background-position: -102px 0;}

#footer p.copyright{padding: 10px;}
