@charset "UTF-8";

/*=====================================================================
//  初期設定
//=====================================================================*/
*{
	margin:0;
	padding:0;
}
body{
	font-size:14px;
	line-height:150%;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background:#000;
	color:#ffc;
	text-align:center;
}
#page{
	width:950px;
	margin:0 auto;
	text-align: left;
	background:url(/thelostsymbol/img/bg.jpg) no-repeat;
	padding:110px 0 25px 0;
}
a{
	color:#d19c39;
	text-decoration:underline;
	/*\*/
	overflow: hidden;
	/**/
}
a:hover{
	color:#fc0;
	text-decoration:underline;
}
.left{
	float:left;
}
.right{
	float:right;
}
a img{
	border : 0;
	text-decoration: none;
}
ul,ol{
	list-style:none;
}
.clr{
	clear:both;
/* macIE対策\*/
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
/* macIE対策*/
}
.test{
	border:1px solid #f00;
}


.j12{font-size:12px;}
.j18{font-size:18px;font-weight:bold;}

#page .inner{
	width:696px;
	border:2px solid #34270e;
	margin-left:125px;
}
#page .inner2{
	width:660px;
	border:1px solid #483614;
	margin:2px;
	padding:15px;
}
#ttl{
	height:200px;
	text-indent:-9999px;
}
#menu{
	float:left;
	width:150px;
}
/*---------------------
,menu 追記：1月20日
-----------------------*/
#menu ul.menu{
	width:150px;
	height:294px;
	background:url(/thelostsymbol/img/menu.jpg) no-repeat right top;
	margin-bottom:20px;
}
#menu ul.menu li{
	width:150px;
	height:40px;
	text-indent:-9999px;
	margin-bottom:2px;
}
#menu ul.menu li a{
	display:block;
	width:150px;
	height:40px;
}
#menu ul.menu li.top a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 0;
}
#menu ul.menu li.news a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 -42px;
}
#menu ul.menu li.story a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 -84px;
}
#menu ul.menu li.review a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 -126px;
}
#menu ul.menu li.author a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 -168px;
}
#menu ul.menu li.fact a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 -210px;
}
#menu ul.menu li.books a{
	background:url(/thelostsymbol/img/menu.jpg) no-repeat 0 -252px;
}
#menu ul.menu li a:hover{
	background:none;
}

#menu ul.mm{
	margin-bottom:20px;
}
#menu ul.mm li{
	font-size:14px;
	line-height:140%;
	background:url(/thelostsymbol/img/icon.gif) no-repeat left 50%;
	margin-bottom:10px;
	padding-left:20px;
}
#menu ul.mm li.official,#menu ul.mm li.meison{
	font-size:12px;
}
#menu ul.mm li.out{
	font-size:12px;
	background:none;
	margin-bottom:20px;
}
#menu ul.news li{
	font-size:11px;
	margin-bottom:10px;
}
#menu ul.news li span{
	background:url(/thelostsymbol/img/icon_date.gif) no-repeat left 50%;
	color:#ffc;
	display:block;
	font-size:10px;
	font-family:"Helvetica";
	padding-left:42px;
}
#menu ul.news li.back{
	color:#d19c39;
	text-align:right;
}

#menu ul.book{
	font-size:12px;
	color:#d19c39;
	margin-bottom:20px;
}
#menu ul.book li.price{
	font-size:10px;
	color:#ffc;
}
#menu .mobile{
	width:120px;
	font-size:10px;
	text-align:center;
	margin-left:10px;
}
#menu .mobile p{
	margin-top:5px;
}


/*---------------------
contents
-----------------------*/
#contents{
	float:right;
	width:490px;
}
#contents .box{
	width:490px;
	margin-bottom:30px;
}
#contents .box img{
	margin-bottom:15px;
}

/*--------著者紹介＆インタビュー 海外・書店様からの書評---------*/
#contents .box .txt_box{
	width:490px;
	background:url(/thelostsymbol/img/dot.gif) repeat-x left bottom;
	margin-bottom:15px;
	padding-bottom:15px;
}
#contents .box .txt_box p.ttl{
	color:#D19C39;
	margin-bottom:3px;
}

/*--------「ロスト・シンボル」の奇妙な事実---------*/
#contents .box .box2{
	width:490px;
	height:510px;
	background:url(/thelostsymbol/img/img_fact.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
}



/*--------ニュース＆イベント---------*/
#contents .box .detail_box{
	width:490px;
	height:100px;
	background:url(/thelostsymbol/img/img_detail.gif) no-repeat;
	margin-bottom:15px;
}
#contents .box .detail_box p{
	height:65px;
	text-indent:-9999px;
}
#contents .box .detail_box img{
	margin-left:380px;
}
#contents .box .news_box{
	width:490px;
	background:url(/thelostsymbol/img/dot.gif) repeat-x left bottom;
	margin-bottom:10px;
	padding-bottom:15px;
}
#contents .box .news_box h3{
	margin-bottom:0;
	padding-bottom:0;
}
/*--------関 連 本---------*/
#contents .box .bunko,#contents .box .book{
	width:490px;
	background:url(/thelostsymbol/img/dot.gif) repeat-x left bottom;
	margin-bottom:20px;
}
#contents .box .book_box{
	float:left;
	width:100px;
	padding:0 22px 20px 0;
}
#contents .box .book_box img{
	margin-bottom:5px;
}
#contents .box h4{
	font-size:14px;
	font-weight:normal;
	color:#fff;
	margin-bottom:10px;
}


/*--------記事 見出し---------*/
#contents .box .date{
	font-family:"Helvetica";
	color:#ffc;
	background:url(/thelostsymbol/img/icon_date.gif) no-repeat left 50%;
	margin-bottom:3px;
	padding-left:42px;
}
#contents h3{
	font-size:16px;
	line-height:140%;
	font-weight:normal;
	color:#d19c39;
	background:url(/thelostsymbol/img/line.gif) no-repeat left bottom;
	margin-bottom:15px;
	padding-bottom:5px;
}
#contents h3.none{
	background:none;
	font-size:14px;
	padding-bottom:0;
}

.copy{
	font-size:10px;
	text-align:center;
	font-family:"Helvetica";
	color:#ccc;
	margin-top:10px;
}
#contents .navi{
	color:#666;
	margin-top:30px;
	text-align:center;
}
#contents .link_txt{
	margin-top:30px;
	text-align:center;
}
#contents .back{
	text-align:right;
}
/*---------------------
topics 追記：10月29日　野村
-----------------------*/
.cmt_box{
	width:470px;
	padding:10px;
	border:1px solid #d19c39;
	margin:0 0 10px;
}
.cmt_box p {
	color:#fc0;
}
.cmt_box .name{
	width:470px;
	text-align:right;
}