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

@import "reset.css"; /*リセットスタイル*/
@import "base.css"; /*ヘッダ、フッタ、ナビ*/

/*  左ナビゲーション　*/

#sidenavi{
    float:left;
    width:200px;
	height:640px;
}

#sidenavi a {
	display:block;
	width:200px;
	height:70px;
}

a.side_tv { background-image:url(../images/side_tweet_tv01.jpg); }
a.side_tv:hover { background-image:url(../images/side_tweet_tv02.jpg); }

a.side_restaurant { background-image:url(../images/side_tweet_restaurant01.jpg); }
a.side_restaurant:hover { background-image:url(../images/side_tweet_restaurant02.jpg); }

a.side_town { background-image:url(../images/side_tweet_town01.jpg); }
a.side_town:hover { background-image:url(../images/side_tweet_town02.jpg); }

a.side_station { background-image:url(../images/side_tweet_station01.jpg); }
a.side_station:hover { background-image:url(../images/side_tweet_station02.jpg); }

a.side_pict { background-image:url(../images/side_tweet_pict01.jpg); }
a.side_pict:hover { background-image:url(../images/side_tweet_pict02.jpg); }

a.side_music { background-image:url(../images/side_tweet_music01.jpg); }
a.side_music:hover { background-image:url(../images/side_tweet_music02.jpg); }

a.side_twitpic { background-image:url(../images/side_tweet_twitpic01.jpg); }
a.side_twitpic:hover { background-image:url(../images/side_tweet_twitpic02.jpg); }

a.side_movie { background-image:url(../images/side_tweet_movie01.jpg); }
a.side_movie:hover { background-image:url(../images/side_tweet_movie02.jpg); }

/*  右側　*/

#right-area{
    float:left;
    width:455px;
	margin-left:33px;
	text-align:left;
}

#right-area p{
    margin-left:10px;
}

#right-area img{
    margin-bottom:10px;
}

#right-area span{
    text-align:center;
}

.follow{
    text-align:center;
}

/* ついもをフォローするボタン */
div#followTwimodeButton {
	text-align:center;
}

/*  ニュース　*/

#news {
      width:453px;
	  margin-bottom:40px;
}

#news img.newstitle_11 {
   margin:0px;
	 padding:0px;
	 vertical-align:bottom;
}

#news img.news_bottom {
   margin:0px;
	 padding:0px;
	 background-image:url(../images/news_bottom.gif);
	 background-color:#FFF;
}


#news dl{
     font-size:12px;
	 border-left:1px solid #4BBAF8;
	 border-right:1px solid #4BBAF8;
	 border-bottom:1px solid #4BBAF8;
	 margin:0;
	 padding-top:10px;
	 background:#FFFFFF;
	 padding-bottom:5px;
}

#news dt{
	float:left;
	text-indent:25px;
	background:url(../images/icon_01.gif) no-repeat top left;
	margin:0px 5px 0px 5px;
	height:25px;
}


#news dd{
	margin:0px 10px 10px 0px;
	margin-left:35px;
}

#news p{
     text-align:center;
	 margin:5px 0px 0px 0px;
}

#news a{
	 text-decoration:underline;
}

#news a:hover{
     color:#4BBAF8;
}


/* ログインページ内のTO TOPテキストリンクなど用 */
p.center-text {
	text-align:center;
	font-size:12px;
	margin-top:30px;
	width:410px;
}


/* right-area内、汎用テキストボックス */
#news dl p.right-text {
	text-align:left;
	padding-left:20px;
	margin-bottom:20px;
	width:410px;
}


/* lightbox用のリンク表示 */
#news dl p.light-box a, #right-area p.light-box a {
	display:block;
	width:405px;
	font-size:78%;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	background-color:#999999;
	padding:5px;
}
#news div#page2 dl p.light-box {
	float:left;
	width:155px;
}
#news div#page2 dl p.light-box a {
	float:left;
	width:155px;
}
#news dl p.light-box a:hover, #right-area p.light-box a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#666666;
}


/* 説明文の赤丸など */
#news div.pckeitaiTab dl dt {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-indent:3px;
	width:22px;
	height:22px;
	color:#FFFFFF;
	margin-left:10px;
	background:url(../images/red.gif) no-repeat top left;
}


/* 携帯タブ用特殊 */
#news div#page2 dl.forKeitai {
	float:right;
	background:none;
	border:none;
	font-size:12px;
	line-height:12px;
	width:265px;
}
#news div#page2 dl.forKeitai span {
	margin-left:40px;
}
#news div#page2 p.clear {
	clear:both;
	width:400px;
}


/* 説明文内小文字 */
#news div.pckeitaiTab dl dd span {
	margin-left:55px;
	font-size:10px;
	color:#666666;
}


/* メールアイコンの表示（写真でつぶやく／携帯の説明タブ） */
dd#mailIcon {
	text-indent:20px;
	background:url(../images/110s.gif) no-repeat 49px 3px;
	/* アンダースコアハック for IE6 only. */
	_background:url(../images/110s.gif) no-repeat 62px 3px;
}


/* 強調文字 */
div#right-area strong {
	font-weight:bold;
	color:#333333;
}


/* ページ内タブ切り替え（PC版と携帯版の） */
#tab {
	margin:0;
	padding:0;
	height: 40px;
	overflow: hidden;
}
#tab li {
	float: left;
}

#tab li a {
	display:block;
	height:40px;
}

#tab li a.tab_pc { width:226px; background-image:url(../images/guide_pc_tab01.jpg); }
#tab li a.tab_pc:hover { background-image:url(../images/guide_pc_tab02.jpg); }

#tab li a.tab_keitai { width:227px; background-image:url(../images/guide_keitai_tab01.jpg); }
#tab li a.tab_keitai:hover { background-image:url(../images/guide_keitai_tab02.jpg); }

div#page1 dl { background:#CCFFCC url(../images/pckeitai_arrow.gif) no-repeat -226px 0px; }

div#page2 dl { background:#CCFFFF url(../images/pckeitai_arrow.gif) no-repeat 226px 0px; }


/* タブ内アンカーボタン用 */
#btn {
	margin:0;
	padding:0;
/*	height: 100px;*/
	overflow: hidden;
}
#btn li {
	float: left;
}

#btn li a {
	display:block;
	height:20px;
}

#btn li a.btn_keitai_tweet { width:226px; background-image:url(../images/guide_keitai_tweet_btn01.jpg); }
#btn li a.btn_keitai_tweet:hover { background-image:url(../images/guide_keitai_tweet_btn02.jpg); }

#btn li a.btn_keitai_history { width:227px; background-image:url(../images/guide_keitai_history_btn01.jpg); }
#btn li a.btn_keitai_history:hover { background-image:url(../images/guide_keitai_history_btn02.jpg); }

#btn li a.btn_keitai_dm { width:226px; background-image:url(../images/guide_keitai_dm_btn01.jpg); }
#btn li a.btn_keitai_dm:hover { background-image:url(../images/guide_keitai_dm_btn02.jpg); }

#btn li a.btn_keitai_profile { width:227px; background-image:url(../images/guide_keitai_profile_btn01.jpg); }
#btn li a.btn_keitai_profile:hover { background-image:url(../images/guide_keitai_profile_btn02.jpg); }

#btn li a.btn_keitai_theme { width:226px; background-image:url(../images/guide_keitai_theme_btn01.jpg); }
#btn li a.btn_keitai_theme:hover { background-image:url(../images/guide_keitai_theme_btn02.jpg); }

#btn li a.btn_keitai_home { width:227px; background-image:url(../images/guide_keitai_home_btn01.jpg); }
#btn li a.btn_keitai_home:hover { background-image:url(../images/guide_keitai_home_btn02.jpg); }

#btn li a.btn_keitai_mainfunction { width:227px; background-image:url(../images/guide_keitai_mainfunction_btn01.jpg); }
#btn li a.btn_keitai_mainfunction:hover { background-image:url(../images/guide_keitai_mainfunction_btn02.jpg); }

#btn li a.btn_keitai_mainfunction_wide { width:453px; background-image:url(../images/guide_keitai_mainfunction_453_btn01.jpg); }
#btn li a.btn_keitai_mainfunction_wide:hover { background-image:url(../images/guide_keitai_mainfunction_453_btn02.jpg); }

#btn li a.btn_keitai_correspo_wide { width:453px; background-image:url(../images/guide_keitai_correspo_post_btn01.jpg); }
#btn li a.btn_keitai_correspo_wide:hover { background-image:url(../images/guide_keitai_correspo_post_btn02.jpg); }





/* 通常版、Pro版の分岐部分 */
p.leftThumb {
	float:left;
	margin-right:5px;
}
p.rightThumb {
	float:right;
}

p.thumbs {
	font-size:10px;
	line-height:12px;
	width:180px;
	height:150px;
}
div#container #right-area p.thumbs strong a {
	font-size:18px;
	line-height:20px;
	color:#003399;
	font-weight:bold;
}
div#container #right-area p.thumbs strong a:hover {
	color:#00CCFF;
}
#right-area p.thumbs a img {
	border:5px solid #3399CC;
	margin:0;
}
#right-area p.thumbs a:hover img {
	border:5px solid #66FFFF;
}