@charset "utf-8";
/* CSS Document */


.cl{clear:left;}
.c_red{color:#e01e36;}

/* small star*/
ul.small_star li.on_l {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -10px -37px;float:left;height:12px;width:7px;}
ul.small_star li.on_r {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -22px -37px;float:left;height:12px;width:7px;}
ul.small_star li.off_l {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -10px -10px;float:left;height:12px;width:7px;}
ul.small_star li.off_r {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -22px -10px;float:left;height:12px;width:7px;}
ul.small_star li.on_sml {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -72px -37px no-repeat;}
ul.small_star li.on_smr {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -81px -37px no-repeat;}
ul.small_star li.off_sml {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -72px -10px no-repeat;}
ul.small_star li.off_smr {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -81px -10px no-repeat;}
.star_point {margin-left:5px;}

/* img bu btn */ 
.bu_sm_img{float:left; background:url(//img.ntcdn.net/images/note/btn/bu_btn_ico_sec.gif) no-repeat; margin-top:3px; width:13px; height:13px; display:inline;}
.ho_sm_img{background-position:-10px -92px;}
.fo_sm_img{background-position:-28px -92px;}
.sh_sm_img{background-position:-46px -92px;}
.pl_sm_img{background-position:-64px -92px;}
.se_sm_img{background-position:-82px -92px;}
.et_sm_img{background-position:-100px -92px;}


/* page no navigation */
ul.page_no_nav {text-align:center; padding:5px 0;}
ul.page_no_nav li {display:inline; margin:0 3px;}
ul.page_no_nav li a {border:1px solid #d9d9d9; margin-right:4px; padding:1px 3px 1px 3px; font-weight:bold; color:#888888;}
ul.page_no_nav li a:hover {background-color:#f1f1f1; color:#333333;}
ul.page_no_nav li a.now {background-color:#f1f1f1; color:#333333; text-decoration:none; cursor:default;}
ul.page_no_nav li a.next_pre {border:0;}
ul.page_no_nav li a.next_pre:hover {border:0; background-color:transparent; color:#333333;}


/* left area spot, them_note */
#area_spot {margin-bottom:10px;}
#area_spot .spot_title, #note_tour .spot_title{background:url(//img.ntcdn.net/images/note/line/line_gray_h_big.gif) no-repeat; width:226px; height:43px; padding-top:4px;}
#note_tour .spot_title{height:20px;}
#area_spot .spot_title h3, #theme_note .theme_title h3, #note_tour .spot_title h3{font-size:small; font-weight:bold; margin-left:7px; height:20px;}
#area_spot .spot_preview, #theme_note .theme_preview, #note_tour .spot_preview{border:1px solid #cccccc; border-top:none; clear:both;}
#area_spot .spot_preview, #note_tour .spot_preview{padding-top:5px;}
#area_spot .spot_contents, #note_tour .spot_contents{margin:5px 5px 2px 5px;}
#area_spot .l_photo, #note_tour .l_photo{float:left; border:1px solid #d9d9d9; padding:2px; margin-right:8px;}
#area_spot .l_photo p, #note_tour .l_photo p{float:left; background-repeat:no-repeat; width:55px; height:55px; cursor:pointer;}
#area_spot .r_contents, #note_tour .r_contents{float:right; width:143px;}
#area_spot .r_contents ul.small_star, #note_tour .r_contents ul.small_star{float:left; margin-top:3px; margin-right:5px;}
#area_spot .b_contents, #note_tour .b_contents{clear:both; margin-left:5px;}
#theme_note .theme_title{background:url(//img.ntcdn.net/images/note/line/gray_line_s.gif) no-repeat; width:226px; height:21px; padding-top:4px;}
#theme_note dl{margin-bottom:3px;}
#theme_note dt{font-weight:bold; margin:0 1px; padding:2px 0  2px 5px;}
#theme_note dd{margin-left:5px; clear:both;}
#theme_note dd div.fr{width:191px; margin-right:3px; display:inline;}
ul.one_text_nav{margin-left:5px;}
ul.one_text_nav li{float:left; margin-right:1px;}
a.one_img, a.one_now{display:block; float:left; background-image:url(//img.ntcdn.net/images/note/btn/btn_nav_one.gif); background-repeat:no-repeat; width:35px; height:19px; padding-top:3px; text-align:center; margin-top:1px; font-weight:bold;}

a.one_img:link, a.one_img:visited{background-position:-10px -10px;}
a.one_img:hover, a.one_img:active{background-position:-10px -37px;}
a.one_now{background-position:-10px -37px;}

a.one_ho:link, a.one_ho:visited{color:#a4c12b;}
a.one_ho:hover, a.one_ho:active{text-decoration:none; color:#a4c12b;}
a.one_fo:link, a.one_fo:visited{color:#f35f21;}
a.one_fo:hover, a.one_fo:active{text-decoration:none; color:#f35f21;}
a.one_sh:link, a.one_sh:visited{color:#2f88c9;}
a.one_sh:hover, a.one_sh:active{text-decoration:none; color:#2f88c9;}
a.one_pl:link, a.one_pl:visited{color:#161bbc;}
a.one_pl:hover, a.one_pl:active{text-decoration:none; color:#161bbc;}
a.one_se:link, a.one_se:visited{color:#b53dbc;}
a.one_se:hover, a.one_se:active{text-decoration:none; color:#b53dbc;}
a.one_et:link, a.one_et:visited{color:#7d7d7d;}
a.one_et:hover, a.one_et:active{text-decoration:none; color:#7d7d7d;}

dt.back_ho{background-color:#e8efca;}
dt.back_fo{background-color:#fcd7c7;}
dt.back_sh{background-color:#cbe1f1;}
dt.back_pl{background-color:#c5c6ee;}
dt.back_se{background-color:#ecceee;}
dt.back_et{background-color:#dedede;}

.font_ho{color:#a4c12b;}
.font_fo{color:#f35f21;}
.font_sh{color:#2f88c9;}
.font_pl{color:#161bbc;}
.font_se{color:#b53dbc;}
.font_et{color:#7d7d7d;}            

.dash_gray{border-top:1px dashed #BBBBBB;}