@charset "shift_jis";

/*---------------------
　挨拶文
---------------------*/
#aisatu{
		height:100px;
		width:790px;
		background-color:#FFF;
		margin:3px auto;
		position:relative;
}
#aisatu p{
		font-size:14px;
		line-height:21px;
		width:550px;
		float:left;
		margin-left:8px;
		margin-top:5px;
		color:#333;
}
/*IE6 IE7*/
*html #aisatu p{
	width:545px;
}


/*---------------------
　ボックスタイトル
---------------------*/
.box_title{
height:24px;
width:428px;
background-image:url(../img/bg_enjyu.gif);
background-repeat:repeat;
border:solid 1px #930;
border-bottom:none;
text-align:center;
position:relative;
}


.box_title h2{
font-size:16px;
line-height:24px;
display:inline;
text-align:center;
color:#fff;
font-weight:normal;
}

/* IE8用上書き指定 */
html>/**/body .box_title h2{
 line-height /*\**/: 26px;\9;
}

	
.title_icon_l{
	position:absolute;
	top:4px;
	left:10px;
}
.title_icon_r{
	position:absolute;
	top:4px;
	right:10px;
}

/*---------------------
　ボックスコンテンツ
---------------------*/
.box_cont{
width:428px;
height:auto;
border:solid 1px #666;
margin-bottom:18px;
}

.box_cont h3{
	font-weight:normal;
	font-size:16px;
	margin:5px 0px 0px 10px;
	line-height:24px;
}
.box_cont p{
	margin:5px 10px;
	font-size:14px;
	line-height:22px;
	color:#666;
}


/*---------------------
　ボックスコンテンツ_list(生活アートクラブなど)系
---------------------*/
.box_cont li.link{
	list-style-type: none;
	font-size:14px;
	}	

.box_cont li.link a{
	color:forestgreen;
	padding-left:14px;
	font-size:14px;
	margin:0px 0px 0px 20px;
	display:block;
	text-decoration:none;
	background-image:url(../img/box_list_grn.gif);
	background-repeat:no-repeat;
	background-position: center left;
	height:20px;
	line-height:20px;
	}

.box_cont li.link a:hover{
	color:#ff0000;
	background-image:url(../img/box_list_red.gif);		
	}

/*---------------------
　ピックアップセル
---------------------*/
.pickup_info{
height:305px;/*トピック数にあわせて調節60+1px*/
}
.pickup_info2{
	height:251px;/*トピック数にあわせて調節60+1px*/
}

.pickup_cel{
width:212px;
height:60px;
/*position:relative;*/
}
.pickup_cel h3{
	font-weight:normal;
	font-size:14px;
	margin:5px 0px 0px 14px;
	background-image:url('../img/list_tre00.gif');
	background-repeat:no-repeat;
	background-position:43px 0px;
	padding-left:60px;
	line-height:16px;
}

.pickup_cel img{display:block;margin:4px;float:left;}
.pickup_cel p{font-size:12px;color:#666666;margin:2px 5px 5px 0px;line-height:16px;}


.cel_l{
	border-right:dashed 1px #666;
	border-bottom:dashed 1px #666;
	float:left;
}
.cel_r{
	border-bottom:dashed 1px #666;
	float:right;
}


div.box_cont div.pickup_cel:last-child{
	border-bottom:none;
}

.cel_end{
border-bottom:none;
}


/*---------------------
　水平線(トップページ用)
---------------------*/
.hr_neo{
clear:both;
height:1px;
line-height:1px;
border-bottom:dashed #666666 1px;
font-size:1px;
margin:10px;
}

/*---------------------
　書籍紹介紹介ボックス　
---------------------*/
.bok{background-image:url(../img/keyaki_bar.jpg);}

#main .bok_box{
	margin:0px;/*topの5pxは右のpとのバランス*/
	float:left;
	width:100px;
/*width:auto;にするとIE6 7で回り込みしない*/
	
}

#main .bok_box img{display:block;margin:0px auto;}
#main .bok_box a{display:block;margin:0px auto;}/*書籍画像が入る*/


#main .bok_box p{
	text-align:center;
	line-height:14px;
	font-size:12px;
	/*background-color:#FCC;*/
	width:100px;
	margin:0px;
}

/*---------------------
　書籍購入ボタン
---------------------*/

.bookshop{width:328px;height:20px;text-align:right;float:right;margin-top:10px;margin-bottom:10px;}
.bookshop div{float:right;margin-right:10px;}
.bookshop a{
	display:block;
	width:72px;
	height:20px;
	}

.bookshop a:hover{text-decoration:none;}

.btn_amazon a		{background-image:url(../books/img/btn/amazon_s.png);}
.btn_amazon a:hover	{background-image:url(../books/img/btn/amazon_s_on.png);}

.btn_kino a			{background-image:url(../books/img/btn/kino_s.png);}
.btn_kino a:hover	{background-image:url(../books/img/btn/kino_s_on.png);}
.btn_kino img		{display:inline !important;}			

.btn_e-hon a		{background-image:url(../books/img/btn/e-hon_s.png);}
.btn_e-hon a:hover	{background-image:url(../books/img/btn/e-hon_s_on.png);}

/*---------------------
　イベント情報
---------------------*/
.ttl{font-size:14px;}
.nichiji{color:#666!important;display:block;}
a.nichiji:hover{color:#666!important;text-decoration:none!important;}
div.event {margin:3px 10px 7px 10px;line-height:1.5;position:relative;}
.keisaibi{position:absolute;right:0px;top:0px;font-size:11px;color:#ccc;}
hr{
border-style:dashed;
border-width:1px;
margin:5px 10px 10px 10px;
border-color: #fff #fff #999 #fff;
background-color:#fff;
}
/*---------------------
　更新情報
---------------------*/
.whatnew{background-image:url(../img/sugi_bar.jpg);}
.what_new ul{
	margin:10px 0px 10px 10px;
}
.what_new ul{
	_margin:10px 0px 10px 0px;/*IE6*/
}
*:first-child+html .what_new ul{
	margin:10px 0px 10px 0px;/*IE7*/
}

.what_new li{
list-style-position:inside;
list-style-type:none;
font-size:14px;
height:16px;
margin-bottom:5px;
font-family:"メイリオ",Meiryo,Arial,"ＭＳ ゴシック","osaka" "MS UI Gothic",sans-serif;
}
.what_new .kako{width:410px;text-align:right;margin-right:10px;margin-bottom:10px;font-size:12px;}