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

/***************************************


・ピックアップ告知
・メイン部分


・全体的なスタイル
・ヘッダー
・リンクボタン
・左カラム
・フッター部分

***************************************/



/*=================================================
ピックアップ告知
==================================================*/

#pickUp{
	clear:both;
	padding: 0px 0px 20px 0px;
	height:268px;
	background-image:url("img/info_bk.jpg") ;
	background-position:center center;
	background-repeat:no-repeat;
}

#pickUpBook{
	float:left;
	padding:30px 20px 0px 70px;
}


#pickUptext{
	width:600px;
	padding:20px 20px 20px 0;
	line-height:150%;
	overflow:hidden;
	}


/*=================================================
メイン部分
==================================================*/

#main{
	float:right;
	margin:20px 0 10px 18px;
}

.info p{
	line-height:150%;
}

.info{
	width:650px;
	margin:20px 0px;
	overflow:hidden;
}

.info h3{
	background-image:url("img/info_bar.gif");
	width:650px;
	height:30px;
	line-height:30px;
	}

.content p{
	padding:20px 0 0 0px;
	line-height:150%;
	overflow:hidden;
}


.book_photo{
	padding:10px ;
	float:left;
}

.book_text{
	width:475px;
	margin-top:10px;
	margin-bottom:20px;
	float:right;
	line-height:1.2;
}



/*=================================================
配置
==================================================*/

.imgLeft{
	float:left;
	margin-right:30px;
	margin-bottom:10px;
}

.imgRight{
	float:right;
	margin-right:30px;
	margin-bottom:10px;
}

.Center{
	width:500px;
	margin:0 auto;
}

.Clear{
	clear:both;
}



/*=================================================
全体的なスタイル
==================================================*/

*{
	margin:0;　	padding:0;　/*全要素のマージン・パディングをリセット*/
	color:#333333;          /*文字色*/
}

body{
	background:#fff url('img/body_bg.gif') 0 0 repeat-y;
	}

.wrap{
	width:100%;
}

.wrap div{
	margin:0 auto;		/*　上のwidth 100％とここで全体をセンタリング　*/
	overflow:hidden;	/*　IEでサイドとメインの段落ち防止　*/
}

#pagebody{
	width:950px;　　　　　　　/* 幅 */
	}

h3{
	font-size:18px;
}

h4{
	font-size:14px;
}


/*=================================================
ヘッダー
==================================================*/

#header{
	height:71px;
	background-image:url("img/head_bk.jpg");
	background-repeat:no-repeat;
	padding:0;
}

#header h1{
	padding:5px 0px 0px 20px;
}

#header h2{
	padding:5px 0 0 20px;
	color:#ffffff;
	font-size:12px;	
}


#header a {
	text-decoration: none;
	color:#000000;
	}


/*=================================================
リンクボタン
==================================================*/

/*---------------------------------
メインメニュー
---------------------------------*/

ul{
	padding:0px ;
}

li{
	list-style-type:none;
	height:26px;
	float:left;
	background:no-repeat;
}

li a{
	display:block;
	height:100%;
	text-indent:-9999px;
	background:no-repeat;
}

li a:hover{
	background:none !important;
}

a:focus{
	/**/
	overflow:hidden;  /*FireFoxでリンクをクリックしたときに出る点線対策*/
	/**/	
}

li#homeBtn{
	background-image:url("img/menu_home_b.gif");
	width:158px;
	height:26px;
}
li#homeBtn a{
	background-image:url("img/menu_home.gif");
	width:158px;
	height:26px;
}

li#profBtn{
	background-image:url("img/menu_profile_b.gif");
	width:158px;
	height:26px;
}
li#profBtn a{
	background-image:url("img/menu_profile.gif");
	width:158px;
	height:26px;
}

li#bookBtn{
	background-image:url("img/menu_books_b.gif");
	width:158px;
	height:26px;
}
li#bookBtn a{
	background-image:url("img/menu_books.gif");
	width:158px;
	height:26px;
}

li#newsBtn{
	background-image:url("img/menu_news_b.gif");
	width:158px;
	height:26px;
}
li#newsBtn a{
	background-image:url("img/menu_news.gif");
	width:158px;
	height:26px;
}

li#cctlBtn{
	background-image:url("img/menu_cocktail_b.gif");
	width:158px;
	height:26px;
}
li#cctlBtn a{
	background-image:url("img/menu_cocktail.gif");
	width:158px;
	height:26px;
}

li#blogBtn{
	background-image:url("img/menu_blog_b.gif");
	width:160px;
	height:26px;
}
li#blogBtn a{
	background-image:url("img/menu_blog.gif");
	width:160px;
	height:26px;
}



/*---------------------------------
英語ページ用リンク
---------------------------------*/


li#EhomeBtn{
	background-image:url("img/menu_home_en_b.gif");
	width:135px;
	height:26px;
}
li#EhomeBtn a{
	background-image:url("img/menu_home_en.gif");
	width:135px;
	height:26px;
}

li#EprofBtn{
	background-image:url("img/menu_profile_en_b.gif");
	width:135px;
	height:26px;
}
li#EprofBtn a{
	background-image:url("img/menu_profile_en.gif");
	width:135px;
	height:26px;
}

li#EbookBtn{
	background-image:url("img/menu_books_en_b.gif");
	width:135px;
	height:26px;
}
li#EbookBtn a{
	background-image:url("img/menu_books_en.gif");
	width:135px;
	height:26px;
}

li#EnewsBtn{
	background-image:url("img/menu_news_en_b.gif");
	width:135px;
	height:26px;
}
li#EnewsBtn a{
	background-image:url("img/menu_news_en.gif");
	width:135px;
	height:26px;
}

li#EcctlBtn{
	background-image:url("img/menu_cocktail_en_b.gif");
	width:135px;
	height:26px;
}
li#EcctlBtn a{
	background-image:url("img/menu_cocktail_en.gif");
	width:135px;
	height:26px;
}

li#EblogBtn{
	background-image:url("img/menu_blog_en_b.gif");
	width:140px;
	height:26px;
}
li#EblogBtn a{
	background-image:url("img/menu_blog_en.gif");
	width:140px;
	height:26px;
}
li#enBtn{
	background-image:url("img/menu_en_b.gif");
	width:135px;
	height:26px;
}
li#enBtn a{
	background-image:url("img/menu_en.gif");
	width:135px;
	height:26px;
}




/*---------------------------------
各種リンク
---------------------------------*/


li.link{
	background:no-repeat;
}

	
/* Amazon */

li.amazonBtn{
	background-image:url("img/amazon_orange.gif");
	width:150px;
	height:26px;
 	padding:0 5px 0 0px;
}
li.amazonBtn a{
	background-image:url("img/amazon_gray.gif");
	width:150px;
	height:26px;
	padding:0 5px 0 0px;
}


/* honto */

li.hontoBtn{
	 background-image:url("img/honto_orange.gif");
	 width:150px;
	 height:26px;
	padding:0 5px 0 0;
}
li.hontoBtn a{
	background-image:url("img/honto_gray.gif");
	width:150px;
	height:26px;
	padding:0 5px 0 0;
}


/* 版元ページ */

li.hanmotoBtn{
	 background-image:url("img/hanmoto_orange.gif");
	 width:150px;
	 height:26px;
}
li.hanmotoBtn a{
	background-image:url("img/hanmoto_gray.gif");
	width:150px;
	height:26px;
}


/* 詳細ページ */

li.syousaiBtn{
	 background-image:url("img/syousai_orange.gif");
	 width:150px;
	 height:26px;
 	 padding:0 5px 0 0;
}

li.syousaiBtn a{
	background-image:url("img/syousai_gray.gif");
	width:150px;
	height:26px;
	padding:0 5px 0 0;
}


/* 特設ページ */

li.tokusetuBtn{
	 background-image:url("img/tokusetu_orange.gif");
	 width:150px;
	 height:26px;
	padding:0 5px 0 0;
}

li.tokusetuBtn a{
	background-image:url("img/tokusetu_gray.gif");
	width:150px;
	height:26px;
	padding:0 5px 0 0;
}


/* シリーズ */

li.seriesBtn{
	 background-image:url("img/series_orange.gif");
	 width:150px;
	 height:26px;
	padding:0 5px 0 0;
}

li.seriesBtn a{
	background-image:url("img/series_gray.gif");
	width:150px;
	height:26px;
	padding:0 5px 0 0;
}


.linkR{
	padding-left:173px;
}





/*=================================================
左カラム
==================================================*/

#side{
	width:270px;
	float:left;
	overflow:hidden;
}
	
#twitter{
	width:270px;
}

#facebook{
	margin:10px 0px 30px 0px;
	float:left;
	font-size:12px;
}

#entame{
	width:140px;
	margin-top:24px;
	float:right;
	border:#d8dfea 1px solid;
}

#entame p{
	font-size:12px;
	padding:10px;
}



/*=================================================
フッター部分
==================================================*/

#footer{
	clear:both;
	text-align:center;
	font-size:12px;
	width:100%;
}


hr {
	width:950px;
	border:solid 1px #cccccc; 
	margin:0 auto;
	
}