@charset "utf-8";

/*--------------------------------------------------------------------
 Site URL:     http://www.tfm.co.jp/timeline/
 File name:    style.css (../shared/css/index.css)
 Created:      2011-10-17
 Last update:  
-------------------------------------------------------------------- */


/*  DEFAULT
-------------------------------------------------------------------- */

body {
    font-family:"メイリオ","ＭＳ Ｐゴシック","Meiryo","ヒラギノ角ゴ Pro W3 / W6","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.6;
	background-color:#0b0f4f;
}
p{color:#000;}

/* link */
a,a:link, a:visited{
	color:#000;
	text-decoration:underline;
}
a:hover{
	color:#1c7b8c;	
}
.clr00{ clear:both;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*  LAYOUT
-------------------------------------------------------------------- */
#container{
	width:1124px;
	height:auto;
	margin:0 auto 0 auto;
	background:url(../../images/site_bg.jpg) no-repeat center top;
	padding-bottom:20px;
}

/*  HEADER
-------------------------------------------------------------------- */
#header {
	width:450px;
	height:330px;
	position:relative;
	float:left;
	margin:0 0 0 70px;
}	
#header h1{
	text-indent:-9999px;
	position: absolute;  
	top: 80px;  
	left: 20px;
	width:398px;
	height:99px;
	background:url(../../images/site_name.png) no-repeat center top;
}
#header h1 a{
	width:398px;
	height:65px;
	display:block;
	overflow:hidden;
}
#header h2{
	text-indent:-9999px;
	top: 150px;  
	left: 730px;
	width:286px;
	height:69px;
	background:url(../../images/site_time.png) no-repeat center top;
	position: absolute;   	
}
#tokyofm a{
	text-indent:-9999px;
	top: 10px;  
	left:0;
	width:130px;
	height:25px;
	background:url(../../images/site_tfm.png) no-repeat center top;
	position: absolute;  
}
#notice{
	top: 190px;  
	left: 25px;
	width:400px;
	height:130px;
	color:#3b8fb1;
	font-size:12px;
	position: absolute;  
}
#notice a{
	color:#3b8fb1;
	display:block;
	overflow:hidden;
}
#ad{
	margin:0 auto 0 auto;
	width:983px;
	height:192px;
	background:url(../../images/senkyo.png) no-repeat center top;
	position: absolute;
	top:290px;
	left:20px;
	text-indent:-9999px;
	z-index:0;
}
#ad a{
	width:983px;
	height:192px;
	display:block;
	overflow:hidden;
}
#clear{
	margin:0 auto 0 85px;
	display:block;
	z-index:1;
}
#bnrstore a{
	top: 0;  
	left:660px;
	width:366px;
	height:91px;
	background:url(../../images/bnr_bookstore.png) no-repeat center top;
	position: absolute;
	overflow:hidden;	
}
#topics a{
	top: 230px;
	left:20px;
	width:401px;
	height:102px;
	background:url(../../images/bnr_shukatsu_top.jpg) no-repeat center top;
	position: absolute;
	overflow:hidden;	
}

#topics2{
	top: 230px;
	left:20px;
	width:401px;
	height:102px;
	background:url(../../images/bnr_senkyo_coming.png) no-repeat center top;
	position: absolute;
	overflow:hidden;	
}
#ust{
	float:left;
	margin:15px 0 0 0;
}

/*  WRAPPER
-------------------------------------------------------------------- */
#wrapper{
	width:1000px;
	_width:1050px;
	margin:0 auto 0 90px;
}

/*  LEFT-COLUMN
-------------------------------------------------------------------- */
#leftdoc{
	width:190px;
	float:left;
}
#leftdoc h3{
	width:190px;
}

/* BOOK
----------------------------------- */
#book{
	width:189px;
	height:439px;
	text-indent:-9999px;
	padding:-20px 0 0 0;
	background:url(../../images/bg_book2.png) no-repeat;
	position:relative;
}
#book .honto a{
	width:60px;
	height:40px;
	display:block;
	position: absolute;  
	top: 340px;  
	right: 15px;
	overflow:hidden;	
}
#book .lead a{
	width:189px;
	height:305px;
	display:block;
	position: absolute;  
	top: 0px;  
	right: 0px;
	overflow:hidden;	
}
#book .bookbtn a{
	width:160px;
	height:30px;
	display:block;
	position: absolute;  
	top: 390px;  
	left: 12px;
	overflow:hidden;
}
#cse{
	margin:0 auto;
	width:450px;
}
.tag{
	font-size:75%;
	padding:20px 5px;
}
.tag a{
	background:url(../../images/i_arw2.gif) no-repeat 6px 4px;
	padding:0 5px 10px 20px;
	line-height:1.4em;
}
.itemtag{
	border-top:dotted 1px #5c574d;
	font-size:12px;
	padding:20px 15px ;	
}
.itemtag a{
	background:url(../../images/i_arw2.gif) no-repeat 6px 4px;
	padding:0 5px 10px 20px;
	line-height:1.4em;
}

/* left-bnr
----------------------------------- */
#leftbnr{
	width:190px;
	margin:10px 0;	
}
#leftbnr ul li{
	padding:0 0 10px 0;
}

/* TWEET
----------------------------------- */
#tweet {
	width:190px;
	_padding:5px 0 0 0;
	text-align:center;
	background-color:#FFFFFF;
	height:515px;
}
.twtr-profile-img{ display: none;} /* USER_PHOTO */

.twtr-tweet-text{
	font-size:100%;
}
.twtr-hd h3,
.twtr-hd h4,
.twtr-join-conv{
	display:none;
}
.twtr-ft{ display: none;} /* TWITTER_LOGO */

#twitter-widget-5{
	width:190px !important;
	min-width: 190px !important;
}

/* followme
----------------------------------- */
#tweet #followme{
	/*margin-top:-7px;*/
	width:190px;
	height:59px;
	background:url(../../images/follow.png) no-repeat;
	text-indent:-9999px;
	position:relative;
}
#tweet #followme .btn a{
	top:0px;
	left:3px;
	width:190px;
	height:59px;
	position:absolute;
}

/*  MAIN-
-------------------------------------------------------------------- */
#mainarea{
	width:573px;
	float:left;
	padding:0 15px 10px 15px;
	_padding:0 5px 10px 5px;
}
#mainarea h3{
	padding:0 0 3px 0;	
}
.mainarea_Inner{
	background-color:#FFFFFF;
}
.mainarea_Inner .daily_news{
	/*height:145px;*/
	padding:0 0 5px 0;
	border-bottom:dotted 1px #5c574d;
}
.mainarea_Inner .daily_news:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.mainarea_Inner .daily_news {display:inline-block;}
.mainarea_Inner .daily_news {display:block;}

.cat1164 a,.cat382 a{
	width:182px;
	height:114px;
	display:block;
	background:url(../../images/i_mon.png) no-repeat center top;
	float:left;
	text-indent:-9999px;
	margin:11px 0 0 0;
	margin-left:-7px;
	overflow:hidden;	
}
.cat1165 a,.cat383 a{
	width:182px;
	height:130px;
	display:block;
	background:url(../../images/i_tue.png) no-repeat center top;
	float:left;
	text-indent:-9999px;
	margin:6px 0 0 0;
	margin-left:-7px;
	overflow:hidden;
}
*:first-child+html .cat1265 a{ 
	margin:18px 0 0 0;
	margin-left:-7px;
}
.cat1166 a,.cat384 a{
	width:182px;
	height: 140px;
	display:block;
	background:url(../../images/i_wed.png) no-repeat center top;
	float:left;
	text-indent:-9999px;
	margin:6px 0 0 0;
	margin-left:-7px;
	overflow:hidden;
}
.cat1167 a,.cat385 a{
	width:182px;
	height: 116px;
	display:block;
	background:url(../../images/i_thu.png) no-repeat center top;
	float:left;
	text-indent:-9999px;
	margin:6px 0 0 0;
	margin-left:-7px;
	overflow:hidden;
}
.cat1332 a,.cat386 a{
	width:182px;
	height: 116px;
	display:block;
	background:url(../../images/i_facebook.png) no-repeat center top;
	float:left;
	text-indent:-9999px;
	margin:12px 0 0 0;
	margin-left:-7px;
	overflow:hidden;
}
#mainarea dl dd.sp{
	width:370px;
	float:left;
	padding:10px 15px 20px 10px;
}
#mainarea dl dd.sp h3{
	font-size:75%;
	font-weight:bold;
	text-decoration:underline;
}
#mainarea dl dd.sp p{
	font-size:70%;
}
#mainarea dl dd.sp p a{
	text-decoration:underline;
}
#mainarea .cation2{
	clear:both;
	padding:5px 0 5px 5px;
	font-size:65%;
	color:#000;
	text-align:center;
}
.more-links a{
	color:#1c7b8c;
	text-align:right;
}

/*  social bookmark
-------------------------------------------------------------------- */
.sb_post{
	clear:both;
	margin:10px 0 0 0;
	position:relative;
}
.sb_post ul{
	top:0px;
	left:0px;
	position:absolute;
}
.sb_post ul li{
	float: left;
	margin:0 5px 0 0;
}
.sb_post ul li.tw_btn{
	width:90px;
}
.fb_btn{
	top:-4px;
	_top:-1px;
	left:0px;
	position:relative;
}
*:first-child+html .fb_btn{ 
	_top:-1px;
	left:0px;
	position:relative;
}
html>/**/body .fb_btn{
	top /*\**/:1px\9;
	left/*\**/:0px\9;
	position/*\**/:relative\9;
}
.sb_post .date{
	width:150px;
	padding:10px 0 20px 3px;
	font-size:80%;
	color:#1c7b8c;
	position:absolute;
	top:0;
	right:-20px;
	text-align:right;
}

/* title
----------------------------------- */
#jinji{
	width:260px;
	height:59px;
	position:absolute;
	top:230px;
	left:15px;
}
#ticker{
	width:573px;
	height:305px;
	background:url(../../images/ttl_review.png) no-repeat center top;
	position:relative;
}
#ticker-area{
	padding: 100px 0 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin:0 auto;
	width:400px;
	line-height:2.0em;
}
.news{
	padding: 130px 0 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin:0 auto;
	width:430px;
	line-height:2.0em;
}

/* FORM
----------------------------------- */
#form{
	margin-top:-25px;
	_margin-top:-38px;
}
*:first-child+html #form{ 
	margin-top:-43px;
}
#form h3{ 
	margin-top:10px;
	z-index:1;
	height:87px;
	background:url(../../images/ttl_message.png) no-repeat center top;
	position:relative;
	text-indent:-9999px;	
}
#formarea_Inner{
	z-index:2;
}
#formarea_Inner p{
	margin-top:-23px;
}

/*  RIGHT-
-------------------------------------------------------------------- */
#rightdoc{
	width:200px;
	float:left;
	margin-top:-5px;
}

/* timefree
----------------------------------- */
#timefree {
	width:192px;
	padding:0 0 10px 0;
	background:url(../../images/timefree_bottom.png) no-repeat left bottom;
	margin:15px 0 5px 0;
}
#timefree h3 {
	width:192px;
	height:141px;
	background:url(../../images/timefree_t.png) no-repeat left top;
	text-indent:-9999px;
}
#timefree_bg {
	padding-top:15px;
	width:192px;
	background:url(../../images/timefree_bg.png) repeat-y left top;
}
#timefree_bg .link{
	font-size:12px;
	text-align:center;

}
#timefree_bg .link li {
	width:180px;
	margin-bottom:20px;	
}
#timefree_bg .link li a{
	text-decoration:none;
	border:2px solid #FFF;
	padding:5px 30px;
	text-align:center;
	color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight:bold;
}
#timefree_bg .link li a:hover{
	text-decoration:none;
	border:2px solid #FFF;
	padding:5px 30px;
	text-align:center;
	color:#00a5e9;
	background-color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.caption{
	padding:15px;
	color:#FFF;
	font-size:10px;	
}
/* webradio
----------------------------------- */
#webradio {
	width:192px;
	padding:0 0 10px 0;
	background:url(../../images/webradio_bottom.png) no-repeat left bottom;
	margin:5px 0 5px 0;
}
#webradio h3 {
	width:192px;
	height:38px;
	background:url(../../images/webradio_t.png) no-repeat left top;
	text-indent:-9999px;
}
#webradio_bg {
	width:192px;
	background:url(../../images/webradio_bg.png) repeat-y left top;
}
#webradio_bg iframe{
	padding-left:25px;	
}
/* fb
----------------------------------- */
#fb {
	margin-top:-5px;
	_margin-top:15px;
	width:190px;
	height:227px;
	background:url(../../images/bg_fb.png) no-repeat;
}
#fb h3 {
	width:190px;
	padding:60px 0 0 10px;
}
#fb p a{
	width:159px;
	height:68px;
	margin:0 auto;
	display:block;
	background:url(../../images/des.jpg) no-repeat;
	text-indent:-9999px;
}

/* fb_icon
----------------------------------- */
#fb #like{
	width:180px;
	height:100px;
	position:relative;
	margin:0 auto;
}
#fb #like #fb_icon{
	width:60px;
	height:60px;
	top:0px;
	left:0px;
	position:absolute;
}
#fb #like #fb_icon a{
	top:15px;
	left:10px;
	_left:10px;
	position:absolute;
}

/* radiko
----------------------------------- */
#radiko{
  width:188px;
	height:118px;
  margin:10px 0 0 0;
  _margin:5px 0 0 0;
}
#radiko p a{
	width:188px;
	height:118px;
	display:block;
	background:url(../../images/btn_radiko.png) no-repeat;
	text-indent:-9999px;
}

/* bnr
----------------------------------- */
#bnr{
   width:188px;
   height:193px;
   margin:10px 0 0 0;
  _margin:5px 0 0 0;
}
#bnr ul{
   width:188px;
   height:193px;
   background:url(../../images/bg_sp.png) no-repeat;
   text-align:center;
   padding:15px 0 0 0;
}

/* PAGE TOP
----------------------------------- */
#pageTop{
	width:1000px;
	height:27px;
	text-align:right;
	margin:0 auto;
	margin-top:70px;
}

/* PAGE SWITCH
----------------------------------- */
.pageswitch{
	clear:both;
	color:#333;
	text-align:center;
	font-size:80%;
	padding:10px 0 0 0;
}

/* SIDE
----------------------------------- */
#sidedoc{
	width:200px;
	float:left;
	margin-top:-5px;
}
.entry{
	width:550px;
	margin:0 auto 0;
	padding:0 0 20px 0;
	border-bottom:dotted 1px #5c574d;
}
.entry .entry_top{
	width:573px;
	padding:0 10px 1px 0;
	position:relative;

}
.entry_top .title{
	width:533px;
	padding:11px 5px 30px 20px;
	_padding:11px 5px 30px 30px;
	background:url(../../images/i_article.png) no-repeat 0 10px;
	_background:url(../../images/i_article.png) no-repeat 10px 10px;
}
.entry .entry_top span{
	font-weight:normal;
}
.entry .entry_top .cat{
	width:140px;
	height:28px;
	color:#1c7b8c;
	position:absolute;
	top:35px;
	left:405px;
	_left:415px;
	font-size:70%;
	font-weight:bold;
	line-height:1.3em;
	text-align:right;
}
.entry .entry_top .cat a{
	color:#88AE3D;
}
.entry_top .title h3{
	width:500px;
}
.entry_top h3{
	margin:0 0 0 10px;
}
.entry_top h3 a{
	width:440px;
	font-weight:bold;
	font-size:75%;
	line-height:1.3em;
	padding:0;
	_margin:0 0 0 15px;
}
.entry_con {
	width:520px;
	padding:0 10px 15px 10px;
	line-height:1.5em;
	font-size:75%;
}
.entry_con .more-links{
	font-weight:bold;
	color:#3284d6;
	float:right;
}
.entry_con .more-links a{
	display:block;
	font-weight:bold;
	color:#3284d6;
	text-decoraltion:underline;
}
.sb_post .date{
	width:150px;
	padding:10px 0 20px 3px;
	font-size:80%;
	color:#1c7b8c;
	position:absolute;
	top:0;
	right:-20px;
	text-align:right;
}

/*book
----------------------------------- */
.review{
	padding:10px 0 10px 0;
}
.review_top h3{
	margin:0 10px 20px 10px;	
}
.review_top h3 a{
	width:440px;
	font-weight:bold;
	line-height:1.3em;
	padding:0;
	margin:0 0 20px 0;
	_margin:0 0 0 15px;
}
.reviewlist{
	clear:both;
	border-bottom:dotted 1px #5c574d;
	padding:10px 0 10px 0;
}
.reviewlist:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.reviewlist {display:inline-block;}
.reviewlist {display:block;}

.review_Inner{
	padding:0 10px 0 10px;
}
.review_ttl_l{
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:90%;
	text-align:left;
}
.review_L{
	float:left;
	width:155px;
	text-align:center;
	padding:0 15px 20px 0;
}
.review_L a{
	margin:0 0 0 0;
	display:block;
}
.review_L img{
	/*margin:0 0 10px 0;*/
}
.review_L span{
	padding:10px 0 0 13px;
	font-size:70%;
	line-height:1.3em;
	display:block;
	text-align:left;	
}
.reviewlist_L{
	padding:0 10px 5px 5px;
	font-size:70%;
	min-height:auto;
	max-height:100%;
	float:left;
	width:90px;
}
.reviewlist_L:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.reviewlist_L {display:inline-block;}
.reviewlist_L {display:block;}

.reviewlist_L h4{
	text-align:left;
}
.reviewlist_L a{
	margin:0 0 0 0;
	display:block;
}
.reviewlist_L img{
	width:90px;
}
.reviewlist_L span{
	padding:10px 0 0 0;
	line-height:1.3em;
	display:block;
	text-align:left;	
}
.reviewlist_R{
	float:left;
	width:400px;
	font-size:75%;
}
.reviewlist_R h4{
	width:400px;
	float:left;
	padding:0 0 10px 0;
}
.digital{
	float:left;
	background-image:url(http://honto.jp/library/img/pc/icon_identifier_l.png);
	background-repeat:no-repeat;
	width:24px;
	height:170px;
}
.digital img{
	width:18px; !important;
	height:128px;
}
.jacket{
	float:left;
	text-align:center;
}
.jacket img{
	width:130px; !important;
	padding:0 0 20px 0;
}
.cover{
	text-align:center;
	padding:0 0 10px 0;
}
.cover img{
	width:130px; !important;	
}
.buy,.read {
	width:119px;
	height:25px;
	margin:0 auto 10px auto;
}
.review_R strong{
	color:#1c7b8c;
}
.review_R{
	float:left;
	width:380px;
	padding:0 0 15px 0;
	font-size:75%;
}
.review_date{
	padding:35px 0px 20px 0;
	font-size:80%;
	color:#1c7b8c;
	text-align:right;
	clear:both;
}
.review_head{
	width:573px;
	height:108px;
	background:url(../../images/ttl_review_s.png) no-repeat top left;
	text-indent:-9999px;
}
.box1,.box2,.box3,.box4,.box5,.box6 {
    display: none;
}

/* MENU
----------------------------------- */
#menu {
	width:191px;
	height:748px;
	background:url(../../images/bg_personal2.png) no-repeat top left;
	z-index:2;
	padding-bottom:15px;
}
#menu ul {
	padding:50px 0 0 5px;
}
#menu ul li{
	padding:0 0 5px 0;
	_padding:0 0 5px 0;
	width:182px;
	border-bottom:dotted 1px #5c574d;
}
#menu ul li:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#menu ul li {display:inline-block;}
#menu ul li {display:block;}

*:first-child+html #menu ul li{ 
	margin:0 0 -10px 0;
	_padding:0 0 5px 0;
}
#menu ul li:first-child {
	padding:0 0 5px 0;
	_padding:0 0 5px 0;
	width:182px;
}
#menu ul li a{
	display:block;
	text-indent:-9999px;
}

/* COLUMN
----------------------------------- */
#column {
	width:191px;
	height:429px;
	background:url(../../images/bg_column.png) no-repeat top left;
	z-index:2;
	padding-bottom:15px;
	_padding-bottom:5px;
	margin-top:-10px;
}
#column ul {
	padding:50px 0 0 5px;
}
#column ul li{
	padding:0 0 18px 0;
	_padding:0 0 5px 0;
	width:182px;
	height:72px;
	border-bottom:dotted 1px #5c574d;
}
*:first-child+html #column ul li{ 
	margin:0 0 -10px 0;
	_padding:0 0 5px 0;
}
#column ul li a{
	display:block;
	text-indent:-9999px;
}

/* recent
----------------------------------- */
#recent{
	_margin-top:-12px;
	width:191px;
	background:url(../../images/line_recent.gif) repeat-y top left;
}
*:first-child+html #recent{ 
	margin-top:-22px;
}
#recent h4{
	width:191px;
	height:43px;
	padding:0 0 10px 0;
	background:url(../../images/ttl_recent.png) no-repeat top left;
	padding-bottom:15px;
	text-indent:-9999px;
}
#recent ul {
	width:191px;
	padding:0 0 10px 5px;
}
#recent ul li {
	background:url(../../images/i_arw.gif) no-repeat 6px 4px;
	padding:0 15px 0 20px;
	line-height:1.4em;
	font-size:75%;
}

/* archive
----------------------------------- */
#archive {
	width:191px;
	background:url(../../images/line_recent.gif) repeat-y top left;
}
#archive h4{
	width:191px;
	height:43px;
	padding:0 0 10px 0;
	background:url(../../images/ttl_archives.png) no-repeat top left;
	text-indent:-9999px;
}
#archive ul {
	width:191px;
	padding:0 0 10px 5px;
}
#archive ul li {
	background:url(../../images/i_arw.gif) no-repeat 6px 4px;
	padding:0 15px 10px 20px;
	line-height:1.4em;
	font-size:75%;
}

/*  FOOTER
-------------------------------------------------------------------- */
#footer{
	clear:both;
	height:152px;
	background-image: url(../../images/bg_footline.jpg);  
	background-repeat: repeat-x 0 0;  
}
#footer_Inner{
	width:1125px;
	height:152px;
	background-image: url(../../images/bg_footer.jpg);
	margin:0 auto;
}
#copyright{
	padding:40px 0 0 0;
	text-align:center;
}