/*
copyright(c) KAYAC co ltd,
. All Rights Reserved.
*/

/* HTML
- snap detail
------------------------------------------------------ */
#snapdetail{
font-size:90%;
position:relative;
}

#snapdetail h2{
font-size:large;

}

#snapdetail h3{
font-size:large;
}

#snapdetail h4{
margin-bottom:5px;
}


#snapdetail hr{
height:1px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
}

#snapdetail p {

}

#snapdetail p strong{
font-size:x-small;
}

#snapdetail p span {
font-size:x-small;
color:#666;
}

#snapdetailimage{
margin-left:10px;
}

/* HTML
-snap
------------------------------------------------------ */

/*snap outline*/
.stylebox{
position:relative;
background-image:url(../img/detail/imagebg.gif);
background-repeat:repeat;
float:left;
margin-right:10px;
}


/*snap info*/
.styleinfo{
width:250px;
margin:0 auto 3px;
}

.styleinfo:after{
display:block;
clear:both;
content:"";
color:#fff;
height:0;
overflow:hidden;
}

/*snap image*/
.styleimage{
position:relative;
width:268px;
background-color:#fff;
border:1px solid #ccc;
margin:10px;
}

.styleimage img{
display:block;
margin:10px auto 2px;
}

.styleimage .popular,
.styleimage .nopopular{
width:25px;
float:right;
}

.styleimage .popular img,
.styleimage .nopopular img{
margin:0px;
}

.styleimage .spot{
width:220px;
font-weight:bold;
text-align:left;
margin:0px auto 8px;
float:left;
font-size:x-small;
}

.styleimage a:hover{
border-bottom:none;
}


/* HTML
-information
------------------------------------------------------ */
.new{
position:absolute;
width:55px;
height:55px;
top:0;
left:0;
z-index:90;
background-image:url(../img/common/new_icon.gif);
background-repeat:no-repeat;
}

.new span{
display:none;
}


#editSnap{
position:absolute;
top:0;
right:0;
}

#editSnap a span{
display:none;
}

#editSnap a{
display:block;
width:162px;
height:34px;
background-image:url(../img/common/snap_btn.gif);
background-position:top left;
}

#editSnap a:hover{
border-bottom:none;
display:block;
width:162px;
height:34px;
background-image:url(../img/common/snap_btn.gif);
background-position:bottom left;
}


/* HTML
-snap link
------------------------------------------------------ */
#voteRank{
width:100%;
clear:both;
}

.snapimg a{
display:block;
width:42px;
height:53px;
border:1px solid #ccc;
}

.snapimg a:hover{
display:block;
width:42px;
height:53px;
background-color:#FFE3E6;
border:1px dotted #D31D8C;
}

.snapimg img{
margin:3px 3px 3px;
}


/* HTML
-cameraman
------------------------------------------------------ */
#cameraman{
width:100%;
}

#cameraman h3{
padding-left:35px;
margin-bottom:10px;
background-image:url(../img/icon/icon_usertitle.gif);
background-repeat:no-repeat;
background-position:center left;
font-size:large;
}

.user{
margin-right:10px;
float:left;
}

.usermargin a{
display:block;
border:1px solid #ccc;
width:140px;
height:180px;
}

.usermargin a:hover{
display:block;
background-color:#FFE3E6;
border:1px dotted #D31D8C;
width:140px;
height:180px;
}

.usermargin img{
margin:10px;
}

.voteImage{
background-image:url(../img/event/vote/battle2.gif);
background-repeat:no-repeat;
position:absolute;
z-index:99;
width:94px;
height:94px;
left:260px;
top:200px;
}

.voteImage span{
display:none;
}

.voteIndex{
float:left;
margin-right:15px;
margin-bottom:15px;
}

.voteRslt{
display:block;
padding:2px;
width:40px;
background-color:#ECECEC;
text-align:center;
}
.voteSelect{
}
.voteNoSelect{
}


#btlContainer{
position: relative;
left: 0px;
top: 0px;
height:400px;
}

#btlThmbContainer{
position: relative;
height:160px;
overflow:hidden;
margin-bottom:10px;
}

#btlRankContainer{
position:relative;
}

.btlClass{
}

.btlThmbClass{
}

.rinfo:after{
display:block;
clear:both;
content:"";
color:#fff;
height:0;
overflow:hidden;
}

.ricinfo{
overflow:auto;
}

.rinfocomment{
margin-top:10px;
}

.comment{
position:absolute;
width:120px;
height:80px;
top:140px;
right:-15px;
z-index:998;
background-image:url(../../img/common/comment.gif);
background-repeat:no-repeat;
}

.comment p {
padding:20px 7px 15px 7px;
font-size:10px;
color:#fff;
text-align:left;
}

.bcomment{
position:absolute;
width:120px;
height:80px;
top:290px;
right:10px;
z-index:998;
background-image:url(../../img/common/comment.gif);
background-repeat:no-repeat;
}

.bcomment p {
padding:20px 7px 15px 7px;
font-size:10px;
color:#fff;
text-align:left;
}

.clear{
clear:both;
}

.num{
display:block;
border-top:2px solid #ccc;
font-weight:bold;
margin-bottom:1px;
}

.rinfocomments{
clear:both;
font-size:80%;
border-top:1px dotted #ccc;
margin-bottom:15px;

}

.rinfocomments:after{
display:block;
clear:both;
content:"";
color:#fff;
height:0;
overflow:hidden;
}

.ricimg img{
float:left;
margin-right:5px;
}

.rinfo{
float:left;
_float:none;
margin-bottom:20px;
width:70%;
}

.rFormComment{
clear:both;
margin-top:10px;
margin-bottom:20px;
}

.rFCtext{
padding:3px;
border:1px solid #ccc;
width:300px;
}

.rFCbutton{
color:#006F91;
width:90px;
padding:3px;
margin-left:3px;
background-color:#A5F2F3;
text-align:center;
}

.rictext{
line-height:1.8em;
margin:5px 0;
_word-break:break-all;
}

.rinfotop{
background-color:#f5f5f5;
padding:0 0 5px 0;
}







/*snap outline*/
.rstylebox{
float:left;
position:relative;
margin:0 15px 20px 0;
}


/*snap info*/
.rstyleinfo{
width:120px;
margin:0 auto 3px;
}

.rstyleinfo:after{
display:block;
clear:both;
content:"";
color:#fff;
height:0;
overflow:hidden;
}

/*snap image*/
.rstyleimage{
position:relative;
}

.rstyleimage a{
display:block;
background-color:#FFF;
border:1px solid #ccc;
width:138px;
}

/*snap hover*/
.rstyleimage a:hover {
display:block;
border:1px dotted #D31D8C;
background-color:#FFE3E6;
width:138px;
}

.rstyleimage img{
margin:10px 8px 3px;
}

.rstyleimage .popular,
.rstyleimage .nopopular{
width:25px;
float:right;
}

.rstyleimage .popular img,
.rstyleimage .nopopular img{
margin:0px;
}

.rstyleimage .spot{
width:90px;
font-weight:bold;
text-align:left;
margin:0px auto 8px;
float:left;
font-size:10px;
}


/* HTML
- comment
------------------------------------------------------ */
.commentVote{
margin:0 10px 20px 10px;
font-size:small;
}