@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; line-height: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; webkit-font-smoothing: subpixel-antialiased; }
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display: block; }
ul, ol, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
ins { background-color: #ff9; color: #374d51; text-decoration: none; }
mark { background-color: #ff9; color: #374d51; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #374d51; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { border: 0; border-top: 1px solid #cccccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.clearfix { clear: both; overflow: hidden; }
html { overflow-y: scroll; }
body { font-family: 'Noto Sans JP', Arial,'Hiragino kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3',"MS PGothic",'MS Pゴシック','メイリオ',Meiryo,sans-serif; letter-spacing: 0.5px; line-height: 100%; margin: 0 auto; width: 100%; }
a { text-decoration: none; }
.common_ttl { font-family: "Noto",sans-serif; font-size: 28px; font-weight: normal; margin: 40px auto 80px; overflow: hidden; text-align: center; }
.common_ttl2 { font-family: "Noto",sans-serif; font-size: 20px; font-weight: normal; margin: 20px 0 0; overflow: hidden; text-align: left; }
.s_page { background-color: #f8fafb; }
.common_wrap { margin: 0 auto; width: 90%; }
p.txt1,ul.txt1 { font-family: "Noto-thin",sans-serif; font-size: 14px; line-height: 150%; margin-top: 1em; }
ul.txt1 li { line-height: 150%; }
p.txt2 { font-family: "Noto-thin",sans-serif; font-size: 14px; line-height: 150%; margin-top: 2em; }
#loading { font-family: sans-serif; left: 50%; line-height: 150%; -moz-animation-duration: 3.2s; -moz-animation-iteration-count: infinite; -moz-animation-name: load_a; -moz-animation-timing-function: linear; -ms-animation-duration: 3.2s; -ms-animation-iteration-count: infinite; -ms-animation-name: load_a; -ms-animation-timing-function: linear; -o-animation-duration: 3.2s; -o-animation-iteration-count: infinite; -o-animation-name: load_a; -o-animation-timing-function: linear; opacity: 1; position: absolute; top: 50%; -webkit-animation-duration: 3.2s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: load_a; -webkit-animation-timing-function: linear; }
@-moz-keyframes load_a { 0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes load_a { 0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes load_a { 0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes load_a { 0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
#container { }
#video-background { bottom: 0; height: auto; min-height: 100%; min-width: 100%; position: fixed; left: 0; width:auto; z-index: -1; }
.resize { height: auto; }
#left { float: left; position: relative; width: 50px; }
#right { overflow: hidden; width: 100%; }
#right > #contents { margin-left: 0px; padding-right: 0px; }
#contents { background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; position: relative; width: 100%; }
#global_nav { background: #ffffff; left: 0; position: fixed; top: 0; width: 50px; z-index: 1000; }
#g_btn { font-size: 26px; padding: 10px; text-align:center}
#g_btn img{width:80%;}
#g_btn:hover { cursor: pointer; }
.close { font-size: 24px; padding: 12px 12px 6px; text-align: right; }
.close:hover { cursor: pointer; }
.link_ja { display: block; padding:4px 0; transition:ease-out .06s opacity;}
.link_en { color: #636363; display: block; font-family: 'noto', sans-serif; font-size: 12px; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; padding:4px 0; transition:ease-out .16s opacity; font-weight:bold;}
.front_link1 { float: left; }
.front_link2 { float: right; }
#front_experience,#front_destination { background-color: inherit; position:relative; z-index:1; height:100vh;}
.front_left_wrap {float: left; overflow: hidden; position: relative; width: 50%; }
.front_right_wrap { float: right; overflow: hidden; position: relative; width: 50%; }
#front_experience { background: none; display: block; overflow: hidden; transition: ease .3s all; width: 100%;}
#front_destination { background: none; display: block; overflow: hidden; transition: ease .3s all; width: 100%;}
#front_experience .bg_area{background: url(../images/yougo_main.jpg) no-repeat left bottom/cover; width:100%; height:100vh; transition:ease-out .6s transform; position:absolute; z-index:-1;}
#front_destination .bg_area{background: url(../images/day_main.jpg) no-repeat left bottom/cover; width:100%; height:100vh; transition:ease-out .6s transform; position:absolute; z-index:-1;}
#front_experience .bg_area:before,#front_destination .bg_area:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; opacity:0; transition:ease-out .4s opacity;}
#front_experience:hover .bg_area:before,#front_destination:hover .bg_area:before{opacity:1;}
#front_experience:hover .bg_area,#front_destination:hover .bg_area { transform:scale(1.03); }
#front_experience:hover .visit_btn,#front_destination:hover .visit_btn { background: none; border: 1px solid #ffffff; color: #ffffff; transform:scale(1.06); }
#front_experience .visit_btn{color:#5a8068;}
#front_destination .visit_btn{color:#916179;}
.front_ttl { color: #ffffff; font-family: "noto-thin"; line-height:1.4; text-shadow: 3px 2px 2px #333333; font-size: 48px; font-weight: 700; margin: 40vh auto 0; text-align: center; transition: 0.3s ease margin; width: 100%; }
.visit_btn { background-color: #ffffff; border: 1px solid #ffffff; color: #000000; display: block; font-family: "noto-bold"; font-size: 16px; margin: 50px auto 0; padding: 14px 0; text-align: center; transition: 0.3s ease-out transform,0.2s ease-out background; width: 150px;}
.cover_destination { background: url(../images/yougo_bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover; min-height: 100%; }
.cover_experience { background: url(../images/day_bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover; min-height: 100%; }
#destination,#experience { margin: 0 auto; overflow: hidden; }
.boxes,.sitemap_wrap { clear: both; margin: 0 auto; overflow: hidden; width: 1160px; }
.main_ttl { color: #ffffff; font-family: "noto-thin"; font-size: 48px; font-weight: 100; margin: 40px auto 80px; overflow: hidden; text-align: center; transition: 0.3s ease margin; width: 100%; }
.photobox { display: block; float: left; margin: 0 20px 30px; position: relative; width: 250px; }
.photobox img { border: 1px solid #dfe6e6; height: auto; width: 100%; }
.photobox a:before { background: none; content: ""; display: block; height: 248px; left: 1px; opacity: 1; overflow: hidden; position: absolute; top: 1px; transform: scale(.8); transition: .2s ease-out all; -webkit-transform: scale(.8); width: 100%; }
.photobox a:hover::before { background: rgba(0, 0, 0, 0.5); opacity: 0.5; transform: scale(1); -webkit-transform: scale(1); width: 248px; }
.photo_ttl { color: #ffffff; font-family: "noto"; letter-spacing: 3px; line-height: 100%; margin-top: 1%; margin-top: 12px; text-align: center; }
.ttl_en { display: block; font-family: 'Volkhov', serif; font-size: 12px; font-style: italic; letter-spacing: 0; line-height: 100%; margin-top: 4px; }
.left5 { margin-left: 3.5%; }
.last { padding-bottom: 50px; }
.map { float: left; overflow: hidden; width: 40%; }
.main { background: #ffffff; float: right; overflow: hidden; position: relative; width: 60%; z-index: 1000; }
.detail { margin: 0; overflow: hidden; }
.fixed { position: fixed !important; top: 0px; z-index: 1; }
.index_img { height: auto; overflow: hidden; width: 100%; }
.index_img img { height: auto; width: 100%; }
.detail_ttl,.detail_ttl_en { letter-spacing: 2px; margin-top: 30px; text-align: center; }
.detail_ttl { font-family: "游明朝", YuMincho, serif; font-size: 38px; font-weight: 500; margin: 10px auto; position: relative; width: 95%; }
.detail_ttl a.right_link { border-bottom: 2px solid #000000; border-right: 2px solid #000000; display: block; height: 30px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; right: -10px; top: 0; transform: rotate(-45deg); transition: .2s ease all; -webkit-transform: rotate(-45deg); width: 30px; }
.detail_ttl a.left_link { border-bottom: 2px solid #000000; border-left: 2px solid #000000; display: block; height: 30px; left: -10px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 0; transform: rotate(45deg); transition: .2s ease all; -webkit-transform: rotate(45deg); width: 30px; }
.detail_ttl a.left_link:hover { border-color: #666666; left: -20px; }
.detail_ttl a.right_link:hover { border-color: #666666; right: -20px; }
.subcaption { font-family: "游明朝", YuMincho, serif; font-size: 18px; font-weight: 500; margin: 0 auto; padding-top: 8px; position: relative; text-align: center; width: 95%; }
.detail_ttl_en { font-family: 'Volkhov', serif; font-size: 20px; font-style: italic; color:#b3c3c3;}
.detail_wrap { margin: 0 auto; width: 90%; }
.detail_txt { color: #666666; font-family: "游明朝", YuMincho, serif; font-size: 16px; line-height: 200%; padding-top: 40px; }
.small_txt { color: #999999; font-family: sans-serif; font-size: 12px; padding-top: 0.8em; text-indent: 2em; line-height:130%;}
.en_small { font-size: 12px; padding-top: 1em; text-align: left; clear: both; color:#000000; letter-spacing:1px}
.mgn0 { margin: 0 !important; }
.reccomend_small_txt { display: block; font-family: sans-serif; font-size: 12px; margin-top: 5px; }
.reccomend_en_small { color: #999999; display: block; font-family: serif; font-family: 'Volkhov', serif; font-size: 10px; padding-top: 1em; text-align: left; }
.font18 { font-size: 18px; }
.scale_up { margin-top: 8px; -moz-animation-delay: 0s; -moz-animation-duration: 16s; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: 1; -moz-animation-name: extention; -moz-animation-timing-function: ease-out; -ms-animation-delay: 0s; -ms-animation-duration: 16s; -ms-animation-fill-mode: forwards; -ms-animation-iteration-count: 1; -ms-animation-name: extention; -ms-animation-timing-function: ease-out; -o-animation-delay: 0s; -o-animation-duration: 16s; -o-animation-fill-mode: forwards; -o-animation-iteration-count: 1; -o-animation-name: extention; -o-animation-timing-function: ease-out; -webkit-animation-delay: 0s; -webkit-animation-duration: 16s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -webkit-animation-name: extention; -webkit-animation-timing-function: ease-out; -webkit-backface-visibility: hidden; }
@-moz-keyframes extention {
0% { transform: scale(1.1); -webkit-transform: scale(1.1); }
100% { transform: scale(1.2); -webkit-transform: scale(1.2); }
}
@-webkit-keyframes extention {
0% { transform: scale(1.1); -webkit-transform: scale(1.1); }
100% { transform: scale(1.2); -webkit-transform: scale(1.2); }
}
@-o-keyframes extention {
0% { transform: scale(1.1); -webkit-transform: scale(1.1); }
100% { transform: scale(1.2); -webkit-transform: scale(1.2); }
}
@-ms-keyframes extention {
0% { transform: scale(1.1); -webkit-transform: scale(1.1); }
100% { transform: scale(1.2); -webkit-transform: scale(1.2); }
}
.date1 { width: 60%; }
.adventure_wrap { margin-top: 5px; width: 50%; float: left;}
.adventure { margin-top: 8px; width: 100%; }
.ad_line_l { background-color: #b7bfcc; float: left; height: 8px; margin-top: 2%; width: 1px; }
.ad_wrap { clear: both; width: 100%; }
.ad_table { margin-top: 7px; width: 100%; }
.ad_th { padding: 1.2% 0; }
.ad_tr_text { font-family: 'Volkhov', serif; font-size: 10px; font-weight: 100; margin-top: 5%; text-align: left; }
.seasons_cercle { background-color: #b7bfcc; border-radius: 50%; height: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 8px; }
.link_text { border: none; color: #ffffff; float: left; font-family: "noto-thin"; font-size: 17px; font-weight: 300; margin: 0 auto; padding-bottom: 10px; transition: .3s all linear; }
.link_text_right { border: none; color: #ffffff; float: right; font-family: "noto-thin"; font-size: 17px; font-weight: 300; margin: 0; padding-bottom: 10px; transition: .3s all ease; }
.link_text:hover,.link_text_right:hover { border-bottom: 1px solid #ffffff; padding-bottom: 5px; }
.wrap_link { margin: 0 auto; margin-top: 20px; max-width: 1160px; }
.logo_link { margin-top: 10px; position: absolute; right: 2%; width: 7%; z-index: 99; height: auto; }
.logo_link a img { height: 100%; width: 100%; max-height: 149px; max-width: 84px; }
.txt_ad { color: #000000; font-family: sans-serif; font-size: 11px; margin-left: 1%; padding-top: 1em; text-indent: 2em;}
.txt_ad_small { color: #000000; font-family: sans-serif; font-size: 11px; margin-left: 1%; padding-top: 1em; position:absolute; right:0; top:30px;}
.season_txt { color: #000000; font-family: sans-serif; font-size: 12px; padding-top: 10%; }
.best_seasons { background-color: #b7bfcc; float: left; margin-left: 28.5%; margin-top: 2%; }
.best_seasons_l { background-color: #b7bfcc; float: left; margin-top: 2%; }
.season_wrap { width: 50%; float: right; margin-bottom: 35px; position:relative;}
.season_month { font-family: 'Volkhov', serif; font-size: 10px; margin-left: 15%; text-align: left; }
.link_bottom li,.link_bottom2 li { float: left; padding: 10px 20px 10px 0; }
.footer_lists { font-size: 10px; line-height: 150%; text-indent: 1em; }
footer { background: #ffffff; float: right; font-family: "noto"; font-size: 9px; overflow: hidden; padding: 20px; position: relative; text-align: right; width: 60%; z-index: 9999; }
footer.index_footer { background: none; bottom: 0; color: #ffffff; right: 0; }
footer.top_footer { background: none; bottom: 0; color: #b0b0b0; position: fixed; right: 0; z-index: 2; }
footer.under_footer { background: none; color: #666666; width: 100%; }
footer{ -webkit-transform: translate3d(0,0,0); }
.br-sp{display: none;}
#social_icon {width: 82px; margin: 15px auto 5px; clear: both; height: 83px;
}
#social_icon li{margin:0 auto 5px;}
.like{margin-bottom: 5px; width: 70px; margin-left: 6px; padding-top: 0 !important;}
.twitter{margin-bottom: 5px; width:74px !important; padding-top: 0 !important;}
.line{width: 82px; margin: 0 auto; padding-top: 0 !important;}


#social_icon_under {width: 262px; margin: 10px auto 5px; clear: both; height: 20px; text-align:center;}
#social_icon_under li{display:inline-block;}
#social_icon_under .like{margin-left: 5px; float:none;}
#social_icon_under .like iframe{width: 70px !important; height: 20px !important;}
#social_icon_under .twitter{margin-left: 5px; width: 70px; float:none;}
#social_icon_under .line{margin-left: 5px; float:none;}
.attention_icon{margin-left: -5px; margin-top: 12px; padding-left:2em;}
.attention_icon li{ float: left; overflow: hidden; width: 26px; height: 26px; margin-right: 5px;}
.attention_icon li img{display: block;}

a.pluginShareButtonLink img.img{width: 20px !important; height: 20px !important;}

@media screen and (max-height:1000px) {
#menu_wrap { margin-top: 100px; }
footer.index_footer { color: #ffffff; position: static; }
#content_link { bottom: 10px; }
}
@media screen and (max-height:800px) {
#menu_wrap { margin-top: 15px; }
.menu_logo { margin: 5px auto 0; }
#content_link { bottom: 20px; }
.link_mgntop { margin-top: 15px; }
}
@media screen and (max-height:720px) {
.weather { margin: 20px auto 0; }
#content_link li { padding-top: 10px; }
.degrees2 { margin-top: 8px; }
.close { padding: 6px; text-align: right; }
#content_link { bottom: 0;}
}
@media screen and (max-height:630px) {
#content_link ul{display:none;}
#content_link #social_icon{display:block;}

}
@media screen and (max-width:1280px) {
footer.index_footer { color: #ffffff; position: static; }
}
@media screen and (max-width:1230px) {
.boxes,.sitemap_wrap { width: 870px; }
.recommend_spot div { width: 95%; }
}
@media screen and (max-width:940px) {
.boxes,.sitemap_wrap { width: 590px; }
.detail_ttl { font-size: 34px; }
.front_ttl { font-size: 36px; }
}
@media screen and (max-width:768px) {
.fixed { position: static !important; }
.main,.map,footer { float: none; width: 100%; }
.map { height: 320px !important; }
.logo_link { width: 14%; }
#left { background: #ffffff; float: none; height: 50px; overflow: hidden; width: 100%; }
#global_nav { height: 50px !important; }
#menu { height: auto !important; left: 0; top: -700px; width: 100%; }
#right > #contents { margin-left: 0 !important; padding-right: 0 !important; }
#global_nav { margin: 0 auto; position: static; }
.menu_logo { margin: 10px auto 0; }
#menu_wrap { margin-top: 0px; overflow: hidden; }
#content_link { margin: 20px 0; position: static; width: auto; }
#content_link li { padding-top: 5px; }
.close { text-align: center; }
.link_txt { float: left; margin: 20px auto; width: 50%; }
.front_left_wrap,.front_right_wrap{height:calc(100vh - 50px);}
.wrap_link{width:92%; margin:20px auto 0;}
.wrap_link a{font-size:14px;}
.slick-next { font-size: 30px; right: -15px; }
.slick-prev { font-size: 30px; left: -15px; }
footer { -webkit-transform: inherit; }
.logo_link {right: 1%;}
}
@media screen and (max-width:660px) {
.sitemap_wrap { width: 300px; }
.boxes { width: 85%; }
.photobox{width: 48%; max-width: 250px;}
.photobox img{width: 100%;}
.sitemap { float: none; margin: 0 auto; width: 100%; }
.link_text,.link_text_right { font-size: 13px; }
#footer_menu .link_left, #footer_menu .link_middle, #footer_menu .link_right { width: 50%; }
.menu_logo { margin: 20px auto 0; }
.menu_logo a img { width: 90px; height: 149px;}
#menu_wrap{text-align:center;}
.link_txt { margin: 5px auto 10px; float:none; display:inline-block; vertical-align:top; width:48%;}
.link_mgntop { margin-top: 5px; }
#content_link { margin: 10px auto; }
.photobox { margin: 0 auto 30px; }
.main_ttl { margin: 40px auto; }
.boxleft{margin-right: 4%;}
}

@media screen and (max-width:640px){
.logo_link a img{width: 54px; height: 89px;}
.logo_link{width: auto;}
.link_bottom li, .link_bottom2 li {padding: 10px 10px 10px 0; font-size: 11px;}
.ad_table{margin-bottom: 5px;}
.txt_ad_small{margin-left: 0;}
.br-sp{display:block;}
.sitemap { float: none; margin: 0 auto; width: 100%; text-align: center;}
.sitem { float: none; margin: 0 auto; width: 100%; text-align: center; padding-bottom: 2em;}
.map { height: 245px !important;}
video{display: none;}
#social_icon {width: 262px; margin: 5px auto 15px; clear: both; height: 20px;}
.like{margin: 0; margin-left: 5px;}
.twitter{margin: 0; margin-left: 5px; width: 70px;}
.line{margin: 0; margin-left: 5px;}
.weather{margin-top: 10px; padding-left:0; font-size:0;}
.weather .degrees,.degrees2{width:35%; display:inline-block; vertical-align:middle; margin-top:0;}
.weather .degrees2 .degrees{display:block; width:100%;}
.photobox a:hover::before{display: none;}

.front_left_wrap,.front_right_wrap{width:100%; float:none; height:calc(50vh - 25px);}
#front_experience ,#front_destination{height:100%;}
#front_experience .bg_area,#front_destination .bg_area{height:100%; box-sizing:border-box;}
.front_ttl{margin:16vh auto 0;}
.visit_btn{margin-top:20px;}
footer.top_footer{line-height:130%; transform:scale(0.9) translate(7%,12%);letter-spacing:1px;}
#menu a.link{font-size:14px;}
#menu .link_txt:first-of-type a.link{letter-spacing:1px;}
#content_link ul:first-of-type{text-align:center; width:100%; /* max-width:310px;  */margin:15px auto;}
#content_link ul:first-of-type li{width:auto; display:inline-block; vertical-align:top;}
#content_link ul:first-of-type li a{ padding:0 5px;}
#social_icon li{display:inline-block; vertical-align:middle; margin:0 5px 0 0;}

}
/*
@media screen and (max-width:375px) and (min-height:520px) and (max-height:629px){
	.front_left_wrap,.front_right_wrap{height:calc(50vh - 60px);}
}
iPhone678*/

@media screen and (max-width:375px) and (min-height:630px){
	.front_left_wrap,.front_right_wrap{height:calc(50vh - 80px);}
}/*iPhoneX*/

@media screen and (max-width:540px) {
.main_ttl { font-size: 32px; margin:70px auto 30px;}
.detail_ttl { font-size: 24px; }
.detail_ttl_en { font-size: 14px; }
.detail_ttl a.left_link,.detail_ttl a.right_link { height: 20px; width: 20px; }
.subcaption { font-size: 14px; }
.detail_txt { font-size: 13px; }
.detail_txt { padding-top: 20px; }
.detail_ttl, .detail_ttl_en { margin-top: 20px; }
.recommend_spot { margin: 40px auto; }
.front_ttl {font-size: 22px;}
.visit_btn { font-size: 13px; padding: 7px 10px; width: 80px; }
.small_txt{text-indent: 0;}
.attention_icon{padding-left:0; margin-left:0;}
.photo_ttl{font-size: 74%;}
.ttl_en{font-size: 10px;}
.photobox a{display:block; }
.boxes{width: 95%;}
.boxleft{margin-right: 2%;}
.photobox{width: 49%;}
.attention_icon{margin-top: 12px; overflow: hidden;}
.season_wrap { clear: both; width: 100%; margin-bottom: 25px; }
.adventure_wrap { clear: both; width: 100%; }
}

@media screen and (max-width:720px) and (max-height:360px){
.menu_logo {margin: 0 auto 0; display: block; float: left; width: 50%;}
.menu_logo a{display: block; text-align: center;}
#menu_wrap {margin-top: 0px; overflow: hidden; float: left; width: 50%;}
.link_txt{width: 100%;}
#content_link{margin: 10px auto; overflow: hidden; }
#content_link li {padding-top: 5px; float: left; margin-right: 10px; }
}