@charset "utf-8";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  河出書房新社
	URL:  http://www.kawade.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: Container
	2: Header
		:subMenu
		:headerMenu
		:globalMenu
	3: Main
		:Excluding TOP
	4: Footer
		:footMenu
		:footLink


=======================================================
*/


/*------------------------------
 // 1: Container
------------------------------ */

#container {
	width: 1040px;
	margin: 0 auto;
	background: url(img/main_bg.png) repeat-y 0 0;
}

#wrapperHead {
	background: url(img/h_bg.jpg) no-repeat 0 0;
}

#wrapperRec {
	background: url(img/rec_bg.jpg) no-repeat center 500px;
}

#wrapperNew {

}

/* ------------------------------
 // 2: Header
------------------------------ */

#header {
	width: 940px;
	margin: 0 auto;
	margin-bottom: 20px;
	position:relative;
}

/* かわくらバナー
--------------------*/
p#kwkr_bnr{
	position:absolute;
	top:67px;left:422px;}

p#kwkr_bnr a img {
    border-style:none;
}
	

/* subMenu
--------------------*/

#header .subMenu {
	margin-left: 360px;
}

#header .subMenu li{
	float: left;
}

#header .subMenu li a{
	display: block;
	outline:none;
	height: 33px;
	text-indent: -9999px;
}

#header li.sm01 {
	width: 76px;
	background: url(img/h_sm01_off.jpg) no-repeat;
}

#header li.sm01 a:hover {
	width: 76px;
	background: url(img/h_sm01_on.jpg) no-repeat;
}

#header li.sm02 {
	width: 96px;
	background: url(img/h_sm02_off.jpg) no-repeat;
}

#header li.sm02 a:hover {
	width: 96px;
	background: url(img/h_sm02_on.jpg) no-repeat;
}

#header li.sm03 {
	width: 72px;
	background: url(img/h_sm03_off.jpg) no-repeat;
}

#header li.sm03 a:hover {
	width: 72px;
	background: url(img/h_sm03_on.jpg) no-repeat;
}

#header li.sm04 {
	width: 131px;
	background: url(img/h_sm04_off.jpg) no-repeat;
	margin-right: 20px;
}

#header li.sm04 a:hover {
	width: 131px;
	background: url(img/h_sm04_on.jpg) no-repeat;
	margin-right: 20px;
}

#header li.sm05 {
	width: 125px;
	background: url(img/h_sm05_off.jpg) no-repeat;
}

#header li.sm05 a:hover {
	width: 125px;
	background: url(img/h_sm05_on.jpg) no-repeat;
}

#header li.sm06 {
	width: 60px;
	background: url(img/h_sm06_off.jpg) no-repeat;
}

#header li.sm06 a:hover {
	width: 60px;
	background: url(img/h_sm06_on.jpg) no-repeat;
}

/* logo
--------------------*/

#header .logo a {
	clear: both;
	float: left;
	outline:none;
	margin-top: 7px;
	margin-left: 14px;
	display: block;
	width: 235px;
	height: 70px;
	background: url(img/h_logo.jpg) no-repeat;
	text-indent: -9999px;
}

/* headerMenu
--------------------*/

#header .headerMenu {
	float: right;
	margin-top: 36px;
	width: 376px;
}

#header .headerMenu li{
	float: left;
}

#header .headerMenu li a{
	display: block;
	outline:none;
	height: 32px;
	text-indent: -9999px;
}

#header .headerMenu li.hm01{
	width: 155px;
	background: url(img/h_twitter_off.jpg) no-repeat;
}

#header .headerMenu li.hm01 a:hover{
	width: 155px;
	background: url(img/h_twitter_on.jpg) no-repeat;
}

/* 2012/6/4 追加 */
/* 子メニュー */
#header .headerMenu li.hm01 ul {
	position: absolute;
	visibility: hidden;
	width: 155px;
	z-index: 100;
}

#header .headerMenu li.hm01 ul a{
	width: 155px;
	height: 15px;
	padding: 0px 5px 6px 0px;
	background: url(img/twitter_bg.jpg) no-repeat;
/*	color: #3399cc;*/
	color: #FFFFFF;
	font-size: 85%;
/*	font-weight: bold;*/
}

/* li:hoverで表示 */
#header .headerMenu li.hm01:hover ul{
	visibility: visible;
}

#header .headerMenu li.hm01:hover ul a{
	background: url(img/twitter_bg.jpg) no-repeat;
	text-indent: 10px;
}

#header .headerMenu li.hm01 ul li:hover a:hover{
	background: url(img/twitter_bg.jpg) no-repeat;
}

/* 2012/6/4 追加 */

#header .headerMenu li.hm02{
	width: 123px;
	background: url(img/h_cart_off.jpg) no-repeat;
}

#header .headerMenu li.hm02 a:hover{
	width: 123px;
	background: url(img/h_cart_on.jpg) no-repeat;
}

#header .headerMenu li.hm03{
	width: 98px;
	background: url(img/h_guide_off.jpg) no-repeat;
}

#header .headerMenu li.hm03 a:hover{
	width: 98px;
	background: url(img/h_guide_on.jpg) no-repeat;
}

/* globalMenu
--------------------*/
#header .globalMenu {
	margin-left: 14px;
	height: 60px;
	clear: both;
}

#header .globalMenu li {
	margin-top: 17px;
	float: left;
}

#header .globalMenu li a{
	display: block;
	outline:none;
	height: 60px;
	text-indent: -9999px;
}

#header .globalMenu li.gm01 {
	width: 185px;
	background: url(img/h_mm01_off.jpg) no-repeat;
}

#header .globalMenu li.gm01 a:hover {
	width: 185px;
	background: url(img/h_mm01_on.jpg) no-repeat;
}

#header .globalMenu li.gm02 {
	width: 181px;
	background: url(img/h_mm02_off.jpg) no-repeat;
}

#header .globalMenu li.gm02 a:hover {
	width: 181px;
	background: url(img/h_mm02_on.jpg) no-repeat;
}

#header .globalMenu li.gm03 {
	width: 180px;
	background: url(img/h_mm03_off.jpg) no-repeat;
}

#header .globalMenu li.gm03 a:hover {
	width: 180px;
	background: url(img/h_mm03_on.jpg) no-repeat;
}

#header .globalMenu li.gm03 {
	width: 180px;
	background: url(img/h_mm03_off.jpg) no-repeat;
}

#header .globalMenu li.gm03 a:hover {
	width: 180px;
	background: url(img/h_mm03_on.jpg) no-repeat;
}

#header .globalMenu li.gm04 {
	width: 181px;
	background: url(img/h_mm04_off.jpg) no-repeat;
}

#header .globalMenu li.gm04 a:hover {
	width: 181px;
	background: url(img/h_mm04_on.jpg) no-repeat;
}

#header .globalMenu li.gm05 {
	width: 185px;
	background: url(img/h_mm05_off.jpg) no-repeat;
}

#header .globalMenu li.gm05 a:hover {
	width: 185px;
	background: url(img/h_mm05_on.jpg) no-repeat;
}

/* ------------------------------
 // 3: Main
------------------------------ */
#main {
	width: 940px;
	margin: 33px auto 0 auto;
	clear: both;
}

/* Excluding TOP
--------------------*/

#main .mainNavi {
	width: 140px;
	float: left;
}

#main .mainContents {
	width: 780px;
	float: right;
}

/* ------------------------------
 // 4: Footer
------------------------------ */

#footer {
	clear: both;
	margin-top: 30px;
}

/* footSubMenu
--------------------*/
#footer .footSubMenu {
	width: 940px;
	height: 30px;
	margin: 0 auto;
}

#footer .footSubMenu li {
	float: left;
}

#footer .footSubMenu li a{
	display: block;
	outline:none;
	height: 30px;
	text-indent: -9999px;
}

#footer .footSubMenu li.fs01 {
	width: 72px;
	background: url(img/f_sm01_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs01 a:hover {
	width: 72px;
	background: url(img/f_sm01_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs02 {
	width: 84px;
	background: url(img/f_sm02_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs02 a:hover {
	width: 84px;
	background: url(img/f_sm02_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs03 {
	width: 84px;
	background: url(img/f_sm03_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs03 a:hover {
	width: 84px;
	background: url(img/f_sm03_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs04 {
	width: 132px;
	background: url(img/f_sm04_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs04 a:hover {
	width: 132px;
	background: url(img/f_sm04_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs05 {
	width: 84px;
	background: url(img/f_sm05_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs05 a:hover {
	width: 84px;
	background: url(img/f_sm05_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs06 {
	width: 108px;
	background: url(img/f_sm06_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs06 a:hover {
	width: 108px;
	background: url(img/f_sm06_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs07 {
	width: 108px;
	background: url(img/f_sm07_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs07 a:hover {
	width: 108px;
	background: url(img/f_sm07_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs08 {
	width: 110px;
	background: url(img/f_sm08_off.jpg) no-repeat center center;
}

#footer .footSubMenu li.fs08 a:hover {
	width: 110px;
	background: url(img/f_sm08_on.jpg) no-repeat center center;
}

#footer .footSubMenu li.pagetop {
/*	width: 157px;*/
	width: 350px;
	background: url(img/f_pagetop_off.jpg) no-repeat right center;
}

#footer .footSubMenu li.pagetop a {
	margin-left: 17px;
	outline:none;
}

#footer .footSubMenu li.pagetop a:hover {
/*	width: 140px;*/
	width: 333px;
	background: url(img/f_pagetop_on.jpg) no-repeat right center;
}

/* footLink
--------------------*/

#footer .footLink {
	background: url(img/f_bg.png) no-repeat left bottom;
	padding-top: 21px;
	height: 118px;
}

#footer .footMenu {
	width: 940px;
	margin: 0 auto;
	border-right: solid #CCC 1px;
}

#footer .footMenu li {
	border-left: solid #CCC 1px;
	float: left;
}

#footer .footMenu li a{
	display: block;
	outline:none;
	height: 30px;
	text-indent: -9999px;
}

#footer .footMenu li.fm01 {
	width: 187px;
	background: url(img/f_mm01_off.jpg) no-repeat center center;
}

#footer .footMenu li.fm01 a:hover {
	width: 187px;
	background: url(img/f_mm01_on.jpg) no-repeat center center;
}

#footer .footMenu li.fm02 {
	width: 187px;
	background: url(img/f_mm02_off.jpg) no-repeat center center;
}

#footer .footMenu li.fm02 a:hover {
	width: 187px;
	background: url(img/f_mm02_on.jpg) no-repeat center center;
}

#footer .footMenu li.fm03 {
	width: 187px;
	background: url(img/f_mm03_off.jpg) no-repeat center center;
}

#footer .footMenu li.fm03 a:hover {
	width: 187px;
	background: url(img/f_mm03_on.jpg) no-repeat center center;
}

#footer .footMenu li.fm04 {
	width: 187px;
	background: url(img/f_mm04_off.jpg) no-repeat center center;
}

#footer .footMenu li.fm04 a:hover {
	width: 187px;
	background: url(img/f_mm04_on.jpg) no-repeat center center;
}

#footer .footMenu li.fm05 {
	width: 187px;
	background: url(img/f_mm05_off.jpg) no-repeat center center;
}

#footer .footMenu li.fm05 a:hover {
	width: 187px;
	background: url(img/f_mm05_on.jpg) no-repeat center center;
}

#footer .copyright {
	clear: both;
	width: 940px;
	height: 69px;
	margin: 0 auto;
	background: url(img/f_copy.jpg) no-repeat left bottom;
	text-indent: -9999px;
}