@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      top.css
 Author:         replan_tk
 Style Info:     トップページコンテンツレイアウト
----------------------------------------------------------- */

/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	float: left;
	width: 550px;
	margin-top:10px;
}

/* Replanslide */
div.main_slide{
	padding: 5px 5px 0 5px;
	margin: 0 0 10px 0;
	background: #e6e6dc;
}

/* ad */
.ad {
	margin-bottom: 10px;
	background: #e6e6dc url('/img/top/title_pr.gif') no-repeat top left;
}

.ad ul {
	margin: 0 0 0 110px;
	padding: 5px;
	background-color: #fff;
	border: 3px solid #e6e6dc;
}

.ad li {
	font-size: 90%;
}

/* n-ad */
.n-ad {
	margin-bottom: 10px;
	background: #e6e6dc url('/img/top/title_news.gif') no-repeat top left;
}

.n-ad ul {
	margin: 0 0 0 110px;
	padding: 5px;
	background-color: #fff;
	border: 3px solid #e6e6dc;
}

.n-ad li {
	font-size: 90%;
}


/* Tabs */

#ntab ul li {
   list-style-type: none; /* 先頭記号を消す */
   float: left; /* リスト項目を横方向に並べる */
   margin: 0 0 0 0.2em; /* 各項目周囲の余白 */
   padding: 0px; /* 枠線と内容の距離をゼロに */
   line-height: inherit;
}

#btab ul li {
   list-style-type: none; /* 先頭記号を消す */
   float: left; /* リスト項目を横方向に並べる */
   margin: 0 0 0 0.2em; /* 各項目周囲の余白 */
   padding: 0px; /* 枠線と内容の距離をゼロに */
   line-height: inherit;
}

#ntab ul li a{
	display:block;
	padding:5px 8px;
	}

#btab ul li a{
	display:block;
	padding:5px 8px;
	}
	
#ntab a:hover, #btab a:hover{
	
	text-decoration: underline;
	
	}

a.tab-selected {
	color: #333f3f;
	font-weight:bold;
	background-color:#fafafa;
}

/* border */
a.tab, a.tab-selected {
	border-top: 1px solid #e6e6dc;
	border-left:1px solid #e6e6dc;
	border-right:1px solid #e6e6dc;
}

/* IE6タブ位置回避策 */
html>body div.tab-content{
	clear:left;
}

div.tab-content {
	width:520px;
	margin: 0;
	padding:0.5em 1em 1em 1em;
	border:1px solid #e6e6dc;
	background-color:#fafafa;
	border-top:3px solid #e6e6dc;
}


div.top_news{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	background-color: #fafafa;
}

div.top_news dt{
	margin: 10px 0 3px 0;
}

div.top_news dd a{
	display:block;
	padding:0 2px 2px 0;
	border: none;
	border-bottom: dotted 1px #ccc;
}

/* replanNews */

dt.rep_news{
	display:block;
}

dt.rep_news img{
	vertical-align: middle;
}

p.rep_news_all a{
	border: none;
}

p.rep_news_all{
	border: none;
	margin: 10px 0 0 0;
}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	float: right;
	width: 345px;
	margin-top:10px;
}

#sub .sub_box{
	margin: 3px 0 10px 0;
}

.side_imgL{
	float: left;
	margin: 6px 3px 0 0;	
}

.side_imgR{
	margin-top: 6px;	
}

div.sub_box3{
	border: 3px solid #e6e6dc;
	background-color:#fafafa;
}

#sub .sub_box2{
	margin: 3px 0 10px 0;
}

.leftbox3{
	width:70px;
	float:left;
}

div.top_news2{
	float:left;
	width:270px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	background-color: #fafafa;
	border: 2px solid #e6e6dc;
}

div.top_news2 dt{
	margin: 5px 0 1px 0;
	padding:0 0 0 10px;
}

div.top_news2 dd a{
	display:block;
	padding:0 2px 2px 10px;
	border: none;
	border-bottom: dotted 1px #ccc;
}

p.rep_news_all2 a{
	border: none;
}

p.rep_news_all2{
	text-align:right;
	border: none;
	margin: 3px 0 0 0;
}

/* sub h2 題名 */
#sub h2{
	font-size:1.2em;
	font-weight: normal;
	padding-left: 25px;
}

h2.sub_a {
	background: url(../img/top/i_man.gif) no-repeat left ;
}

h2.sub_b {
	background: url(../img/top/i_kaisya.gif) no-repeat left ;
}

h2.sub_c {
	background: url(../img/top/i_anq.gif) no-repeat left ;
}

h2.sub_d {
	background: url(../img/top/i_book.gif) no-repeat left ;
}

h2.sub_e {
	background: url(../img/top/i_mob.gif) no-repeat left ;
}

h2.sub_f {
	background: url(../img/top/i_q.gif) no-repeat left ;
}

h2.sub_g {
	background: url(../img/top/i_pr.gif) no-repeat left ;
}

h2.sub_h {
	font-size:1.2em;
	font-weight: normal;
	padding-left: 25px;
	margin: 0 0 5px 0;
	background: url(../img/top/i_news.gif) no-repeat left ;
}

h2.sub_i {
	font-size:1.2em;
	font-weight: normal;
	padding-left: 25px;
	margin: 10px 0 5px 0;
	background: url(../img/top/i_blog.gif) no-repeat left ;
}


/* TOPアンケート */

h4.oneclick{
	margin: 5px;
	padding: 8px 0 8px 23px;
	background: url(/img/share/qmark.gif) no-repeat left center;
}

.q_data{
	margin: 0 0 0 10px;
	
}
.q_data span{
	color: #448e0c;
	font-weight:bold;	
}

div.sub_box{
	border: 3px solid #e6e6dc;
	background-color:#fafafa;
}

h4.oneclick{
	padding: 8px 0 8px 23px;
	background: url(/img/share/qmark.gif) no-repeat left center;
}

.top_q_box{
	margin: 10px;
}



/* sub 新刊 */

div.shinkan{
	width: 338px;
	background:#fafafa;
	border:3px solid #e6e6dc;
}

.sub_book_cover{
	float:left;
	border:3px solid #fff;
	margin: 2px 5px 0 2px;
}

.sub_book_b{
	border:1px solid #ccc;
}

.sub_book_info{
	margin: 2px 2px 0 30px;
	background: #fafafa;
}

.sub_syuto{
	margin: 0 0 0 5px;	
}

.sub_tokusyu{
	margin-top:5px;
	margin-bottom:5px;
	font-size: 1.3em;
	color: #1f1f1f;
}

.sub_en{
	display:block;
	float:left;
	background:#FF918F;
	padding: 2px;
	color: #fff;
	font-size: 14px;
}

.sub_k{
	margin: 0 0 0 10px;
}