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

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

#snapdetail h2{
padding-left:35px;
background-image:url(../img/icon/icon_postSnaptitle.gif);
background-repeat:no-repeat;
background-position:center left;
font-size:large;
margin-bottom:20px;
}

#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,
#snaplink: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:90px;
font-weight:bold;
text-align:left;
margin:0px auto 8px;
float:left;
font-size:x-small;
}

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

.fullsize,
.mapdetail{
font-size:small;
vertical-align:middle;
display:block;
margin:0 0 5px 30px;
text-align:right;
width:250px;
}


/* 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;
}

.job{
margin-left:35px;
color:#606;
font-weight:bold;
margin-top:-20px;
}

.age{
font-size:small;
}

.day{
font-size:small;
color:#9D9D79;
margin-bottom:10px;
}

#snapinfo table td,
#snapinfo table th{
text-align:left;
font-size:80%;
padding:5px;
width:50%;
}

#snapinfo table th{
padding:15px 5px 3px 5px;
}

#snapinfo table th{
color:#606;
}

#snapinfo table td img{
margin-right:3px;
}

.point{
}

.pointans{
background-color:#FEEEEE;
}

.ans{
}

.ansans{
background-color:#EEEEDF;
}

.item{
}

.itemans{
background-color:#F5FCD3;
}

#favorite{
position:absolute;
margin-bottom:18px;
top:0;
right:0;
}

#favorite a span{
display:none;
}

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

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


#favoriteOn{
position:absolute;
top:0;
right:0;
display:block;
width:162px;
height:34px;
background-image:url(../img/common/favorite_btn_on.gif);
background-position:top left;
}

#favoriteOn 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
-map
------------------------------------------------------ */
#mapbox{
background-image:url(../img/detail/mapbg.jpg);
background-repeat:repeat;
float:left;
position:relative;
}

#map{
width:268px;
margin:10px;
background-color:#fff;
border:1px solid #ccc;
}

#mapmargin{
background-color:#ccc;
margin:10px auto;
padding-bottom:0;
display:block;
width:250px;
height:350px;
}

/* HTML
-snap link
------------------------------------------------------ */
#snaplink{
width:100%;
clear:both;
padding:10px 0 30px;
}

.snapbox{
position:relative;
left:0px;
top:0px;
float:left;
margin-right:15px;
}

.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
-word link
------------------------------------------------------ */
#wordlink{
background-color:#EDFCFD;
border:1px solid #AFDEEF;
padding:10px;
margin-bottom:30px;
}


/* 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;
}


/* HTML
-comment
------------------------------------------------------ */
.scomments{
clear:both;
font-size:80%;
border-top:1px dotted #ccc;
margin-bottom:15px;

}

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

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

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

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

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

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

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

.comment{
position:absolute;
width:120px;
height:80px;
top:300px;
right:0px;
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;
}

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

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