@charset "UTF-8";
/*
 * 1. normalize
 * 2. common
 * 3. frame
 * 4. head
 * 5. contents
 *5-1. common
 *5-2. index page
 *5-3. article page - main
 *5-4. article page - side
 * 6. footer
 */

/*----------------------------------------------------
1. normalize
----------------------------------------------------*/
html {font-size:100%;}
body {margin:0;}
img {border:0;}
a:hover,a:active,a:focus {outline:none;}
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button,input {line-height: normal;}
button,input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

/*----------------------------------------------------
2. common
----------------------------------------------------*/
body{
background-color: #fff;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
line-height: 1.4;
}
ul {list-style: none;}
a {color:#069;text-decoration:none;}
a:hover,a:active {color:#06c}

/*----------------------------------------------------
3. frame
----------------------------------------------------*/
#contents{
width:981px;
margin:0 auto;
padding:0 0 60px 0;
overflow: hidden;
}
#main{
width:626px;
padding:0 22px 0 0;
border-right:1px solid #e3e3e3;
overflow: hidden;
float:left;
}
#side{
width:310px;
border-top:3px solid #ccc;
overflow: hidden;
float: right;
}
.box{
width:981px;
margin:0 auto;
}

/*----------------------------------------------------
4. head
----------------------------------------------------*/

/* navBar */
#navBar{
width:100%;
height:19px;
background: url(../img/bg_navbar.png) repeat-x left top;
overflow: hidden;
}
#navBar .taLogo{
display:block;
width:119px;
height:13px;
margin:3px;
background: url(../img/logo_ta_navbar.png) no-repeat left top;
text-indent: -9999px;
float:left;
}
#navBar ul{
margin:0;
padding:3px 0 0 25px;
overflow: hidden;
float:left;
}
#navBar li{
margin: 0 20px 0 0;
padding:1px 8px 0 0;
float:left;
}
#navBar li a{
display: block;
height: 10px;
text-indent: -9999px;
}
#navBar .hotel{
width:40px;
background: url(../img/btn_hotel.png) no-repeat left top;
}
#navBar .restaurant{
width:57px;
background: url(../img/btn_restaurant.png) no-repeat left top;
}
#navBar .review{
width:69px;
background: url(../img/btn_review.png) no-repeat left top;
}
#navBar .aboutTa{
width:158px;
height:19px;
display:block;
background: url(../img/btn_aboutta_navbar.png) no-repeat left top;
text-indent:-9999px;
float:right;
}
#navBar .aboutTa:hover{background-position: left -19px;}

/* header */
#header .tgLogo{
display:block;
margin:16px 0 0 20px;
width:156px;
height:78px;
background:url(../img/logo_tripgraphics.png) no-repeat left top;
text-indent:-9999px;
}
#header .line{
width:100%;
height:30px;
background: #A1CF3A;
}
#header .taLogo{
display:block;
width:191px;
height:30px;
background: url(../img/logo_ta_header_v2.png) no-repeat left center;
text-indent: -9999px;
float:left;
}
#catch {
width:360px;
height:25px;
margin:-25px 0 0 0;
padding:0;
float:right;
}

#prnav{
margin: 0;
padding: 0;
overflow: hidden;
}
#prnav li{
float:left;
}
#prnav li a{
display: block;
height: 30px;
background: url(../img/prnav.png) no-repeat left top;
text-indent: -9999px;
}
#prnav .tt a{
width: 261px;
background-position: 0 -128px;
}
#prnav .tt a:hover{
background-position: 0 -160px;
}
#prnav .rk a{
width: 189px;
background-position: 0 -64px;
}
#prnav .rk a:hover{
background-position: 0 -96px;
}
#prnav .bl a{
width: 340px;
background-position: 0 0;
}
#prnav .bl a:hover{
background-position: 0 -32px;
}

/*----------------------------------------------------
5. contents
----------------------------------------------------*/

/*------- 5-1. common -------*/

/* sns buttons */
.sns {
margin:0;
padding:0 0 0 10px;
overflow:hidden;
zoom:1;
}
.sns li{float:left;}
.sns .twitter iframe {width:110px !important;}
.sns .facebook iframe {/*width:113px !important;*/}
.sns .hatena {width:61px; margin-left:113px;}
.sns .mixi{width:69px;}
.sns .gplus #___plusone_0,
.sns .gplus #___plusone_1{width:75px !important;}

/* aboutTg */
#aboutTg{
margin:20px 0;
overflow: hidden;
zoom:1;
}
#aboutTg dt,
#aboutTg dd{
margin:0;
padding:0;
float:left;
}
#aboutTg dt{
width:198px;
height:25px;
background: url(../img/ttl_abouttg.png) no-repeat left top;
text-indent:-9999px;
}
#aboutTg dd{
padding:0 0 0 10px;
font-size:0.75em;
line-height:25px;
color:#2c2c2c;
}
#aboutTg dd img{vertical-align: middle;}

/* number and date */
.number{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
    letter-spacing: normal;
overflow: hidden;
zoom:1;
}
.number dt{
font-size:0.625em;
color: #393;
float: left;
}
.number dd{
font-size:0.688em;
font-weight: bold;
color:#252525;
}

/* comment counter */
.cmtCount {
width:140px;
height:20px;
margin:0;
    padding: 0;
    text-align: right;
    overflow: hidden;
zoom:1;
}
.cmtCount dt {
    height:20px;
    padding:2px 4px 0 0;
    font-size:0.625em;
    font-family: helvetica,arial,sans-serif;
    color: #339933;
    letter-spacing: normal;
    zoom:1;
    float: left;
}
.cmtCount dd {
margin:0;
    padding: 0;
    float: left;
}
.cmtCount a {
display: block;
color:#fff;
    cursor: pointer;
    zoom:1;
}
.cmtCount a:hover {
    color: #069;
    zoom:1;
}
.cmtCount dd {float: left;}
.cmtCount .counter {
display: block;
    width: 26px;
    height: 20px;
    background: url("../img/bg_cmtcount_26x20.png") no-repeat left top;
    font-family: helvetica,arial,sans-serif;
    font-weight: bold;
    font-size:0.75em;
    text-align: center;
    _line-height:15px;
    letter-spacing: normal;
    float: left;
}
.cmtCount a .txt{
padding:1px 0 0 2px;
font-size:0.688em;
float:left;
}
.cmtCount a:hover .txt {zoom:1;}
.cmtCount a .arrow{
color:#069;
padding:1px 0 0 0;
line-height: 80%;
    float:left;
}

/* link (arrow) sytle */
.link{
display: block;
font-weight: bold;
overflow: hidden;
text-align: right;
float:right;
}
.link .arrow{
display: block;
text-indent: -9999px;
line-height: 0;
float:right;
}

/* page top */
#pageTop{
overflow:hidden;
zoom:1;
}
#pageTop a{
display:block;
width:91px;
height:19px;
padding:0 0 0 6px;
background:url(../img/bg_pagetop.png) no-repeat left top;
font-size:0.688em;
font-weight:bold;
line-height:20px;
overflow:hidden;
zoom:1;
}
#pageTop a:hover{background-position:left -19px}

/* populer spots */
#popularSpots {
clear:both;
margin:0;
padding: 17px 10px 40px 10px;
border-top:3px solid #ccc;
border-bottom:3px solid #ccc;
overflow: hidden;
zoom:1;
}
#popularSpots h3{
margin: 0 0 10px 0;
font-size: 1.125em;
font-weight: bold;
color : #333;
}
#popularSpots h4{
margin:0;
padding: 0 0 8px 0;
font-size:0.75em;
font-weight: bold;
color:#4c4c4c;
}
#popularSpots div {
overflow: hidden;
float:left;
}
#popularSpots ul {
    width: 150px;
    margin:0;
padding: 0 9px 0 0;
overflow: hidden;
float:left;
}
#popularSpots li {
line-height:1.8;
font-size:0.688em;;
}

/* disclaimer */
#disclaimer{
clear:both;
padding:0 10px;
font-size:0.625em;
line-height: 1.2;
color:#333;
}
#disclaimer p{margin:15px 0 0 0}

/*------- 5-2. index page -------*/
/* sns buttons */
#sns {
margin:31px 0 0 0;
padding:0 0 5px 12px;
border-bottom: 3px solid #ccc;
}
#sns li { padding:8px 0 0 0; }
#sns .txt {
width:209px;
height:29px;
margin-right:15px;
padding:0;
background: url(../img/bg_sns_txt.png) no-repeat left top;
text-indent: -9999px;
}

/* aboutTg */
#index #aboutTg{
margin:12px 0 0 0;
padding:0 0 10px 12px;
border-bottom: 1px #ccc dotted;
}

/* comment counter */
#index .cmtCount a .txt{
font-weight: bold;
color:#069;
}
#index .cmtCount a:hover .txt {color:#06c;}

/* new_entry */
#new_entry {
margin: 29px 0 42px 0;
padding:0 10px 0 9px;
overflow: hidden;
}
#new_entry .thumb{
border: 1px solid #e3e3e3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:left;
}
#new_entry .thumb a{
display: block;
padding:7px;
}
#new_entry .thumb a:hover{background: #f1f1f1;}
#new_entry .detail{
width:566px;
float:right;
}
#new_entry .title{
margin:20px 0 0 0;
padding:5px 0 0 32px;
background: url(../img/icon_new_entry.png) no-repeat left top;
font-size: 1.625em;
font-weight: bold;
}
#new_entry .title a{color:#252525;}
#new_entry .title a:hover{color: #006699;}
#new_entry .number dt{margin:0 3px 2px 0;}
#new_entry .number dd{margin:0 0 2px 0;}
#new_entry .description{
margin:12px 0;
padding:10px 7px;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
font-size: 0.938em;
color:#000;
}
#new_entry .link{ font-size: 0.938em; }
#new_entry .link .arrow{
margin:2px 0 0 5px;
width:7px;
height:14px;
background: url(../img/arrow_r_w7_on.png) no-repeat right top;
}
#new_entry .link:hover .arrow{background-position: right -14px;}

/* archive */
#archive {
clear: both;
overflow: hidden;
}
#archive h2{
height:34px;
margin: 0;
padding: 0 0 7px 0;
border-bottom: 3px solid #ccc;
background: url(../img/ttl_archive.png) no-repeat left top;
text-indent: -9999px;
}

/* peger */
.pager{
margin:7px 0 6px 0;
padding:0;
    font-family: helvetica,arial,sans-serif;
font-size:0.75em;
color:#333;
overflow: hidden;
float: right;
}
.pager li ,
.pager div {
margin-right:12px;
line-height: 20px;
_line-height:19px;
float: left;
}
.pager span {
*margin-right:12px;
line-height: 20px;
_line-height:19px;
float: left;
}
.pager a{font-weight: bold;}
.pager a:hover {text-decoration: underline;}
.pager .link_before_blank,
.pager .link_next_blank{
width:39px;
height:19px;
text-indent: -9999px;
}
.pager a.link_before ,
.pager a.link_next {
display: block;
width:39px;
height:19px;
text-indent: -9999px;
}
.pager .link_before_blank {background: url(../img/icon_pager_prev.png) no-repeat left -38px;}
.pager a.link_before {background: url(../img/icon_pager_prev.png) no-repeat left top;}
.pager a:hover.link_before {background: url(../img/icon_pager_prev.png) no-repeat left -19px;}
.pager .link_next_blank {background: url(../img/icon_pager_next.png) no-repeat left -38px;}
.pager a.link_next {background: url(../img/icon_pager_next.png) no-repeat left top;}
.pager a:hover.link_next {background: url(../img/icon_pager_next.png) no-repeat left -19px;}

/* list */
.list {
clear: both;
margin:0;
padding:0 0 0 11px;
border-top: 1px dotted #ccc;
overflow: hidden;
}
.list li {
width:180px;
padding:24px 14px 24px 0;
float: left;
}
.list h3{
margin: 0;
font-size: 1em;
}
.list .thumb{
width:172px;
height:110px;
padding:3px;
border:1px solid #e3e3e3;
vertical-align: top;
}
.list .ttl{
display: block;
height:3.6em;
margin:8px 0 0 0;
padding:0;
background: url(../img/ttl_lists.png) no-repeat left top;
font-size:0.813em;
color:#000;
line-height: 1.3;
text-indent: 20px;
}
.list a:hover .ttl{color:#069;}
.list .number dt{margin:0 3px 2px 0;}
.list .number dd{margin:0 0 2px 0;}
.list .cmtCount .counter {
    width: 24px;
    height: 18px;
    background: url("../img/bg_cmtcount_24x18.png") no-repeat left top;
    font-size:0.688em;
}

/* page top */
#index .pagebox {
width:100%;
margin:0;
padding:0;
border-top: 1px dotted #ccc;
border-bottom: 3px solid #ccc;
overflow: hidden;
}
#index #pageTop{
margin: 7px 13px 6px 0;
padding:0 13px 0 0;
border-right:1px solid #e3e3e3;
float: right;
}

/* Mail Magazine */
.mm {overflow: hidden;}
.mm .txt1{color:#252525;}
.mm form{zoom:1;}
.mm input.txt {
height:26px;
margin:0 5px 0 9px;
padding:2px 0 0 5px;
border:1px solid #ccc;
line-height: 26px;
font-size:0.875em;
float:left;
}
.mm .submit {
display:block;
width:6.5em;
height: 28px;
margin:1px 0 0 0;
padding:1px 0 0 0;
border:1px solid #f60;
background: url(../img/btn_bg_orange.png) no-repeat left top;
font-weight: bold;
font-size: 14px;
text-align: center;
letter-spacing: 1px;
color:#ffffff;
cursor: pointer;
float:left;
}
.mm .submit:hover {background: url(../img/btn_bg_orange.png) no-repeat left -32px;}
.mm .txt2{
clear:both;
margin:0;
_padding-top:0;
font-size:0.625em;
color:#666;
}
#mailMag {
width: 567px;
margin:33px 0 33px 10px;
_margin-left:5px;
background: #B3D966 url(../img/bg_mm.png) no-repeat 30px 85px;
float: left;
}
#mailMag .bgbtm{background: url(../img/bg_mm_btm.png) no-repeat left bottom;}
#mailMag .ttl{
width:567px;
height:53px;
margin:0;
padding:0;
background: url(../img/ttl_mailmag.png) no-repeat left top;
text-indent: -9999px;
}
#mailMag .txt1{
margin:3px 0 20px 0;
padding:0;
font-size:0.938em;
text-align: center;
}
#mailMag form{padding:0 0 0 190px;}
#mailMag input.txt {
width:230px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
border-radius: 5px; 
}
#mailMag .submit{
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
border-radius: 5px; 
    }
#mailMag .submit:hover {background: url(../img/btn_bg_orange.png) no-repeat left -32px;}
#mailMag .txt2{padding:3px 0 15px 200px;}

/* sns follow */
.follow{background: #f90;}
.follow .bgbtm{
overflow: hidden;
zoom:1;
}
.follow .ttl{margin:0;padding:0;}
.follow ul{margin:0;padding:0;}
.follow .twitter span{
width:100px;
padding:2px 0 0 0;
font-size:0.75em;
font-weight:bold;
color:#466289;
float:left;
}
.follow p{
width:210px;
margin:0;
padding:4px 0px 4px 15px;
background: url(../img/icon_beginner.png) no-repeat left center;
font-size:0.625em;
font-weight:bold;
zoom:1;
float: right;
}
.follow p a,.follow p a:hover{color:#fff;}

#snsFollow{
width:372px;
margin:12px 10px 0 0;
_margin-right:5px;
float: right;
}
#snsFollow .bgbtm{background: url(../img/bg_snsfollow_btm.png) no-repeat left bottom;}
#snsFollow .ttl{
width:372px;
height:62px;
background: url(../img/ttl_follow.png) no-repeat left top;
text-indent: -9999px;
}
#snsFollow ul{background: #f1f1f1 url(../img/bg_snsfollow_v2.png) no-repeat 10px 30px;}
#snsFollow .facebook {height:63px;}
#snsFollow .twitter {
height:27px;
padding:5px 0 0 12px;
}

/* recommend */
#recommend {
clear:both;
padding: 19px 0 39px 10px;
border-top:3px solid #ccc;
zoom:1;
overflow: hidden;
}
#recommend h2{
width:373px;
height: 22px;
margin: 0 0 15px 0;
padding: 0;
background: url(../img/ttl_recommend.png) no-repeat left top;
text-indent: -9999px;
}
#recommend ul{
margin: 0;
padding: 0;
font-size:0.75em;
font-weight: bold;
}
#recommend li{
width:220px;
margin: 0 25px 0 0;
float: left;
}
#recommend .last{margin:0;}
#recommend a{color: #333;}
#recommend a:hover{color:#069;}
#recommend img {
width:100px;
height:64px;
margin:0 3px 0 0;
padding:1px;
border: 1px solid #e3e3e3;
vertical-align: top;
float: left;
}

/*------- 5-3. article page - main -------*/   
/* article Navigation Top */
#articleNavTop{
margin:0 0 35px 0;
padding:0;
height: 38px;
border:2px solid #e3e3e3;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #fff;
overflow:hidden;
}
#articleNavTop li{
width:190px;
height: 28px;
margin:5px 0;
padding:0;
font-size:0.688em;
font-weight: bold;
line-height: 30px;
float:left;
}
#articleNavTop {color:#ccc;}
#articleNavTop a {
display: block;
height:17px;
color:#454545;
}
#articleNavTop a:hover,a:active {color:#069;}
#articleNavTop .prev {
margin:6px 0 0 8px;
_margin-left:4px;
padding:0 0 0 20px;
border-right:1px solid #e3e3e3;
background: url(../img/arrow_l_sq_off.png) no-repeat left 5px;
}
#articleNavTop .prev a{
margin:5px 0 0 -20px;
padding:0 0 0 20px;
background: url(../img/arrow_l_sq_on.png) no-repeat left top;
line-height: 19px;
_line-height:17px;
}
#articleNavTop .prev a:hover{background-position: left -17px;}
#articleNavTop .next {
margin:6px 8px 0 0;
_margin-right:4px;
padding:0 20px 0 0;
border-left:1px solid #e3e3e3;
background: url(../img/arrow_r_sq_off.png) no-repeat right 5px;
text-align: right;
}
#articleNavTop .next a{
margin:5px -20px 0 0;
*margin-top:6px;
padding:0 20px 0 0;
background: url(../img/arrow_r_sq_on.png) no-repeat right top;
line-height: 19px;
_line-height:17px;
}
#articleNavTop .next a:hover{background-position: right -17px;}
#articleNavTop .all{
width:182px;
font-size:0.75em;
text-align: center
}

/* sns buttons */
#snsTop{padding:13px 0 9px 10px;}
#snsBtm{
padding:12px 0 6px 10px;
border-top:3px solid #ccc;
border-bottom:1px solid #ccc;
}

/* article title */
#article #title {
padding:0 0 0 2px;
border-bottom: 3px solid #ccc;
overflow:hidden;
    zoom:1;
}
#article #title h1{
margin:0 0 4px 0;
font-size: 1.313em;
font-weight:bold;
}
#article .number{width:40%;}
#article .number,#article .number dd{float:left;}
#article .number dt{margin:0 4px 0 0;}
#article .number dd{margin:0 15px 0 0;}
 
/* comment counter */
#article .cmtCount {float:right;}
#article .cmtCount a .txt{color:#666;}
#article .cmtCount a:hover .txt {color:#069;}

/* graphic */
#graphic {
*width: 624px;
background: #f1f1f1;
border:1px solid #e3e3e3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#graphic a{
display: block;
width:606px;
padding:9px;
}
#graphic a:hover{background: #e3e3e3;}
#subttl{
margin:24px 0 0 0;
padding:0 0 0 28px;
background: url(../img/icon_article_subttl.png) no-repeat left top;
font-size: 1.313em;
font-weight:bold;
color:#252525;
}
#description{
margin:10px 0 13px 0;
font-size:0.938em;
line-height: 1.5;
color:#333;
}

/* facebook comment */
#question{
min-height:33px;
height: auto !important;
height: 33px;
margin:0 0 3px 0;
padding:29px 0 0 55px;
background: #fff url(../img/icon_question.png) no-repeat left 29px;
font-size:1.125em;
font-weight: bold;
color:#333;
}
#comments{
background:#f9f9f9;
overflow: hidden;
zoom:1;
}
#comments .bgtop{background: url(../img/bg_comments_top.png) no-repeat left top;}
#comments .bgbtm{
padding:12px;
background: url(../img/bg_comments_btm.png) no-repeat left bottom;
}
#comments iframe {background:#fff;}

/* article Navigation Bottom */
#articleNavBtm{
margin:23px 0 0 0;
padding:17px 0 0 0;
border-top: 1px solid #ccc;
font-weight:bold;
overflow: hidden;
}
#articleNavBtm li{
position: relative;
width:232px;
padding: 8px 0;
color:#ccc;
overflow: hidden;
}
#articleNavBtm .prev {
padding-right: 9px;
border-right:1px solid #e3e3e3;
float:left;
}
#articleNavBtm .next {
padding-left: 9px;
border-left:1px solid #e3e3e3;
float:right;
}
#articleNavBtm img {
width:100px;
height: 64px;
padding:1px;
border:1px solid #e3e3e3;
}
#articleNavBtm .prev img{
margin: 0 0 0 5px;
float:right;
}
#articleNavBtm .next img{
margin: 0 5px 0 0;
float:left;
}
#articleNavBtm span {display: block;}
#articleNavBtm .navtxt{
width:110px;
font-size:0.625em;
}
#articleNavBtm a {
display: block;
overflow: hidden;
zoom:1;}
#articleNavBtm a .navtxt {color:#454545;}
#articleNavBtm .ttl{
width:110px;
padding:6px 0 0 0;
font-size:0.688em;
}
#articleNavBtm .prev .navtxt,
#articleNavBtm .prev .ttl {
text-align: right;
float: right;
}
#articleNavBtm .next .navtxt,
#articleNavBtm .next .ttl {
float: left;
}
#articleNavBtm .arrow{
position: absolute;
top:35px;
width:9px;
height:16px;
text-indent: -9999px;
_line-height:0;
}
#articleNavBtm .prev .arrow{
left:0;
background: url(../img/arrow_l_w9_off.png) no-repeat left top;
}
#articleNavBtm .prev a .arrow{background: url(../img/arrow_l_w9_on.png) no-repeat left top;}
#articleNavBtm .prev a:hover .arrow{background-position: left -16px;}
#articleNavBtm .next .arrow{
right:0;
background: url(../img/arrow_r_w9_off.png) no-repeat left top;
}
#articleNavBtm .next a .arrow{background: url(../img/arrow_r_w9_on.png) no-repeat left top;}
#articleNavBtm .next a:hover .arrow{background-position: left -16px;}
#articleNavBtm .all{
width:142px;
padding:28px 0 0 0;
font-size:0.625em;
text-align: center;
float:left;
}
#articleNavBtm .all a{
display: block;
color:#454545;
}
#articleNavBtm .all a span{
width:115px;
height:14px;
margin:0 0 7px 12px;
*margin-left: 0;
background: url(../img/logo_tg_nav.png) no-repeat left top;
text-indent: -9999px;
cursor:pointer;
}
#articleNavBtm .all a:hover{color:#069;}
#articleNavBtm .all a:hover span{background-position: left -14px;}

/* page top */
#article #pageTop{clear:both;}
#article #pageTop a{float:right;}

/* popular spots */
#article #popularSpots {margin:7px 0 0 0;}

/*------- 5-4. article page - side -------*/
/* tgPickup */
#tgPickup{padding:13px 0 0 0;}
#tgPickup h3{
width:191px;
height:44px;
margin:0 0 13px 0;
background:url(../img/side_ttl_tgpickup.png) no-repeat left top;
text-indent: -9999px;
}
#tgPickup ul{
margin:0;
padding:0 0 10px 0;
border-bottom: 1px solid #ccc;
}
#tgPickup li{
clear:both;
margin:0 0 11px 0;
overflow:hidden;
}
#tgPickup a .ttl {
font-size:0.875em;
font-weight:bold;
color:#333;
}
#tgPickup a:hover .ttl {color:#069;}
#tgPickup .cmtCount {float:none;}
#tgPickup .cmtCount dt {padding-top:1px;}
#tgPickup .cmtCount .counter {
    width: 23px;
    height: 17px;
    line-height:14px;
    background: url("../img/bg_cmtcount_23x17.png") no-repeat left top;
font-size:0.688em;
}
#tgPickup .cmtCount a .txt {padding-top:0;}
#tgPickup img{
margin:0 6px 0 0;
padding:1px;
border:1px solid #ccc;
float:left;
}
#tgPickup .cmtCount a .arrow{padding:0;}
#side .sub {
margin:8px 0 0 0;
padding: 0;
background:#B3D966 url(../img/side_bg_mm.png) no-repeat left top;
zoom:1;
}
#side .link{
width:243px;
font-size:0.688em;
}
#side .link .arrow{
margin:2px 0 0 5px;
width:6px;
height:10px;
background: url(../img/arrow_r_w6_on.png) no-repeat right top;
}
#side .link:hover .arrow{background-position: right -10px;}

/* side Mail Magazine */
#sideMailMag {clear: both;}
#sideMailMag .ttl{
width:219px;
height:21px;
margin:0 0 0 70px;
padding:25px 0 0 0;
background: url(../img/side_ttl_mm.png) no-repeat left 25px;
text-indent: -9999px;
}
#sideMailMag .txt1{
min-height:27px;
height: auto !important;
height: 27px;
margin:13px 0 5px 12px;
padding: 0 0 0 91px;
background: url(../img/side_icon_mm.png) no-repeat left top;
font-size:0.75em;
line-height: 1.2;
}
#sideMailMag input.txt {
width:195px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
border-radius: 5px; 
}
#sideMailMag .submit{
font-size:13px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
border-radius: 5px; 
}
#sideMailMag .txt2{
padding:3px 0 5px 10px;
background:url(../img/side_bg_mm_btm.png) no-repeat left bottom;
}

/* side recommend */
#sideRecommend{
margin:24px 0 0 0;
padding:25px 0 0 0;
border-top:3px solid #ccc;
overflow:hidden;
}
#sideRecommend h3{
width:244px;
height:18px;
margin:0 0 15px 0;
padding:0;
background: url(../img/side_ttl_recommend.png) no-repeat left top;
text-indent: -9999px;
}
#sideRecommend .left{
margin:0;
padding:0 9px 0 0;
width:147px;
background: url(../img/side_line_vert.png) no-repeat right top;
float:left;
}
#sideRecommend .right{
margin:0;
padding:0 0 0 7px;
width:147px;
float:right;
}
#sideRecommend li{
clear:both;
margin: 0 0 14px 0;
font-size:0.688em;
font-weight:bold;
overflow: hidden;
}
#sideRecommend li a{
display: block;
overflow: hidden;
}
#sideRecommend img{
margin: 0 0 0 5px;
padding:1px;
border: 1px solid #ccc;
vertical-align: top;
float:right;
}
#sideRecommend .recommend {
display:block;
width:100%;
padding: 9px 0 7px 0;
border-bottom:2px solid #ccc;
background: url(../img/side_line_horz.png) no-repeat left top;
}

/* side sns follow */
#sideFollow{margin:10px 0 0 0;}
#sideFollow .bgbtm{background: url(../img/side_bg_snsfollow_btm.png) no-repeat left bottom;}
#sideFollow .ttl{
width:310px;
height:71px;
background: url(../img/side_ttl_follow.png) no-repeat left top;
text-indent: -9999px;
}
#sideFollow ul{
padding:7px 0 0 0;
background: #f1f1f1 url(../img/side_bg_snsfollow.png) no-repeat 10px 67px;
}
#sideFollow .facebook {height:82px;}
#sideFollow .twitter {
height:34px;
padding:13px 0 0 12px;
}

/*----------------------------------------------------
6. footer
----------------------------------------------------*/
#footer{
min-height:179px;
height: auto !important;
height: 179px;
background:#999 url(../img/bg_footer.png) repeat-x left top;
overflow:hidden;
zoom:1;
}
#footer .bg{
width:1145px;
margin:0 auto;
background:url(../img/bg_footer_bg.png) no-repeat left top;
}
#footer .tgLogo{
width:139px;
height:56px;
margin:15px 0 13px 0;
padding:14px 0 27px 40px;
border-right:1px solid #fff;
float:left;
}
#footNav {
width:782px;
height:85px;
margin:15px 0 13px 0;
padding:12px 0 0 18px;
color:#fff;
float:left;
}
#footNav ul{overflow:hidden}
#footNav li{float:left;}
#footNav a{
color:#fff;
font-weight:bold;
}
#footNav a:hover{text-decoration: underline;}
#internal{
margin:7px 0 10px;
padding:0;
font-size:0.688em;
}
#snsLinks{
clear:both;
margin:0;
padding:0;
font-size:0.75em;
font-weight: bold;
}
#snsLinks .facebook {
margin:0 18px 0 0;
padding:0 0 0 24px;
background: url(../img/icon_facebook.png) no-repeat left center;
}
#snsLinks .twitter{
padding:0 0 0 24px;
background: url(../img/icon_twitter_v2.png) no-repeat left center;
}

#legal{
clear:both;
margin:0;
padding:7px 10px 0 10px;
_padding-top:0;
font-size:0.625em;
color:#fff;
zoom:1;
}
#legal a:hover {
color:#069;
text-decoration: underline;
}

/* User Heat */
#Vesicomyid-BEACON119124 {display: none;}
/* User Heat end */

@media screen and (min-width: 0px) and (max-device-width: 480px) {
body {
  -webkit-text-size-adjust: none;
}
}