@charset "utf-8";

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

 // Site Outline //

	Site Name:  国書刊行会
	URL:  http://www.kokusho.co.jp/


 // Font-size Adjustment //

    62% = 10px
	68% = 11px
	75% = 12px
	81% = 13px
	87% = 14px
	93% = 15px
	100% = 16px
	106% = 17px
	112% = 18px
	118% = 19px
	125% = 20px


 // CSS Index //

	1: Header
		:subMenu
		:sizeChange
		:login、booksrchForm
		:headerMenu
	2: Main
		:lnavi
		:mainContents
	3: Sub-footer
	    :pagetop
		:subFooterMenu
	4: Footer
		:footerMenu
		:copyright


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

/* ------------------------------
 // 1: Header
------------------------------ */
#header-container {
	width: 100%;
	background: url(img/header_bg.jpg) repeat-x 0 0;
	clear: both;
}
#header {
	width: 950px;
	height: 144px;
	margin: 0 auto;
	background-color: #27393F;
}

/* logo
--------------------*/
#header .logo a {
	float: left;
	outline:none;
	margin-top: 23px;
	margin-left: 16px;
	display: block;
	width: 259px;
	height: 51px;
	background: url(img/logo.jpg) no-repeat;
	text-indent: -9999px;
}


/* headerBox
--------------------*/
#header .headerBox {
	float: right;
	width:465px;
	height: 99px;
}


/* subMenu
--------------------*/
#header .subMenu {
	display:block;
	height: 28px;
	clear:both;
}
#header .subMenu li{
	float: left;
}
#header .subMenu li a{
	display: block;
	outline:none;
	height: 28px;
	text-indent: -9999px;
}
#header .subMenu li.sm01 {
	width: 128px;
	background: url(img/h-submenu_cart_off.jpg) no-repeat;
}
#header .subMenu li.sm01 a:hover {
	width: 128px;
	background: url(img/h-submenu_cart_on.jpg) no-repeat;
}
#header .subMenu li.sm02 {
	width: 95px;
	background: url(img/h-submenu_howto_off.jpg) no-repeat;
}
#header .subMenu li.sm02 a:hover {
	width: 95px;
	background: url(img/h-submenu_howto_on.jpg) no-repeat;
}
#header .subMenu li.sm03 {
	width: 129px;
	background: url(img/h-submenu_inquiry_off.jpg) no-repeat;
}
#header .subMenu li.sm03 a:hover {
	width: 129px;
	background: url(img/h-submenu_inquiry_on.jpg) no-repeat;
}
#header .subMenu li.sm04 {
	width: 113px;
	background: url(img/h-submenu_sitemap_off.jpg) no-repeat;
}
#header .subMenu li.sm04 a:hover {
	width: 113px;
	background: url(img/h-submenu_sitemap_on.jpg) no-repeat;
}


/* sizeChange
--------------------*/
#header .headerBox .h_left {
	width: 210px;
	float: left;
}
#header .headerBox .h_left .sizeChange {
	width: auto;
	margin-top: 13px;
	float: right;
}
#header .headerBox .h_left .sizeChange .standard,
#header .headerBox .h_left .sizeChange .large {
	float: left;
	width: 51px;
	height: 46px;
}
#header .headerBox .h_left .sizeChange .standard a,
#header .headerBox .h_left .sizeChange .large a {
	display: block;
	width: 51px;
	height: 46px;
	outline:none;
	text-indent: -9999px;
}


/* maypage
--------------------*/

#header .headerBox .mypage {
	margin:9px 0 0 122px;
	
}
#header .headerBox .mypage a{
	width: 104px;
	height: 25px;
    display: block;
	outline:none;
	background: url(img/btn_head-mypage_off.jpg) no-repeat;
	text-indent: -9999px;
}
#header .headerBox .mypage a:hover {
	width: 104px;
	background: url(img/btn_head-mypage_on.jpg) no-repeat;
}

/* login、booksrchForm
--------------------*/
#header .headerBox .h_right {
	width: 235px;
	float: right;
}
#header .headerBox .login {
	margin:9px 0 0 77px;
	
}
#header .headerBox .login a{
	width: 150px;
	height: 25px;
    display: block;
	outline:none;
	background: url(img/btn_head-login_off.jpg) no-repeat;
	text-indent: -9999px;
}
#header .headerBox .login a:hover {
	width: 150px;
	background: url(img/btn_head-login_on.jpg) no-repeat;
}
#header .headerBox .booksrchForm {
	margin-top:7px;
	clear:both;
}
#header .headerBox .booksrchForm .searchfield input {
	width: 154px;
	height: 15px;
	margin-top: 1px;
	color: #CCC;
	float: left;
}
#header .headerBox .booksrchForm .searchbtn {
	float: left;
	margin-left: 6px;
}


/* headerMenu
--------------------*/
#header .headerMenu {
	height: 45px;
	clear: both;
}
#header .headerMenu li {
	/*margin-top: 7px;*/
	float: left;
}
#header .headerMenu li a{
	display: block;
	outline:none;
	height: 45px;
	text-indent: -9999px;
}
#header .headerMenu li.hm01 {
	width: 135px;
	background: url(img/h-menu_01_off.jpg) no-repeat;
}
#header .headerMenu li.hm01 a:hover {
	width: 135px;
	background: url(img/h-menu_01_on.jpg) no-repeat;
}
#header .headerMenu li.hm02 {
	width: 136px;
	background: url(img/h-menu_02_off.jpg) no-repeat;
}
#header .headerMenu li.hm02 a:hover {
	width: 136px;
	background: url(img/h-menu_02_on.jpg) no-repeat;
}
#header .headerMenu li.hm03 {
	width: 136px;
	background: url(img/h-menu_03_off.jpg) no-repeat;
}
#header .headerMenu li.hm03 a:hover {
	width: 136px;
	background: url(img/h-menu_03_on.jpg) no-repeat;
}
#header .headerMenu li.hm04 {
	width: 136px;
	background: url(img/h-menu_04_off.jpg) no-repeat;
}
#header .headerMenu li.hm04 a:hover {
	width: 136px;
	background: url(img/h-menu_04_on.jpg) no-repeat;
}
#header .headerMenu li.hm05 {
	width: 136px;
	background: url(img/h-menu_05_off.jpg) no-repeat;
}
#header .headerMenu li.hm05 a:hover {
	width: 136px;
	background: url(img/h-menu_05_on.jpg) no-repeat;
}
#header .headerMenu li.hm06 {
	width: 136px;
	background: url(img/h-menu_06_off.jpg) no-repeat;
}
#header .headerMenu li.hm06 a:hover {
	width: 136px;
	background: url(img/h-menu_06_on.jpg) no-repeat;
}
#header .headerMenu li.hm07 {
	width: 135px;
	background: url(img/h-menu_07_off.jpg) no-repeat;
}
#header .headerMenu li.hm07 a:hover {
	width: 135px;
	background: url(img/h-menu_07_on.jpg) no-repeat;
}


/* ------------------------------
 // 2: Main
------------------------------ */
/* トップ用メイン背景
--------------------*/
#main-container_top {
	width: 100%;
	background: url(img/bg_top.jpg) repeat-x 0 0;
}
/* トップ以外メイン背景
--------------------*/
#main-container_other {
	width: 100%;
	background: url(img/bg_other.jpg) repeat-x 0 0;
}

#main {
	width: 950px;
	margin: 0 auto;
	padding-top:23px;
}

/* lnavi
--------------------*/
#lnavi {
	width: 220px;
	float: left;
}

.s-box_bgtop {
	width: 220px;
	height: 22px;
	padding-top: 18px;
	background: url(img/s-box_bgtop.jpg) no-repeat;
}
.s-box_bgmiddle {
	width: 220px;
	height: auto;
	padding-top: 5px;
	background: url(img/s-box_bgmiddle.jpg) repeat-y;
}
.s-box_bgbotom {
	clear: both;
	width: 220px;
	height: 30px;
	margin-bottom: 15px;
	background: url(img/s-box_bgbotom.jpg) no-repeat;
}

/* mainContents
--------------------*/
.mainContents {
	width: 713px;
	float: right;
}


/* ------------------------------
 // 3: Subfooter
------------------------------ */
#subfooter {
	width: 950px;
	margin: 0 auto;
	clear: both;
	margin-bottom:5px;
}

/* pagetop
--------------------*/
#subfooter .pagetop {
	width: 128px;
	height: 14px;
	margin-bottom: 25px;
    float: right;
	background: url(img/pagetop.jpg) no-repeat;
	text-indent: -9999px;
}
#subfooter .pagetop a {
	width: 128px;
	height: 14px;
	display: block;
	outline: none;
}

/* subFooterMenu
--------------------*/
#subfooter .subFooterMenu{
	width: 950px;
	clear: both;
	text-align:center;
}
#subfooter .subFooterMenu li {
	display: inline;
}


/* ------------------------------
 // 4: Footer
------------------------------ */
#footer-container {
	width: 100%;
	background: url(img/footer_bg.jpg) repeat-x 0 0;
	clear: both;
}
#footer {
	height: 102px;
	clear: both;
}

/* footerMenu
--------------------*/
#footer .footerMenu {
	width: 950px;
	margin: 0 auto;
	padding-top: 12px;
}
#footer .footerMenu ul {
	margin: 0 auto;
}
#footer .footerMenu li {
	float: left;
}
#footer .footerMenu li a{
	display: block;
	outline:none;
	height: 39px;
	text-indent: -9999px;
}
#footer .footerMenu li.fm01 {
	width: 171px;
	background: url(img/f-menu_01_off.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm01 a:hover {
	width: 171px;
	background: url(img/f-menu_01_on.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm02 {
	width: 152px;
	background: url(img/f-menu_02_off.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm02 a:hover {
	width: 152px;
	background: url(img/f-menu_02_on.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm03 {
	width: 152px;
	background: url(img/f-menu_03_off.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm03 a:hover {
	width: 152px;
	background: url(img/f-menu_03_on.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm04 {
	width: 152px;
	background: url(img/f-menu_04_off.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm04 a:hover {
	width: 152px;
	background: url(img/f-menu_04_on.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm05 {
	width: 152px;
	background: url(img/f-menu_05_off.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm05 a:hover {
	width: 152px;
	background: url(img/f-menu_05_on.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm06 {
	width: 171px;
	background: url(img/f-menu_06_off.jpg) no-repeat 0 0;
}
#footer .footerMenu li.fm06 a:hover {
	width: 171px;
	background: url(img/f-menu_06_on.jpg) no-repeat 0 0;
}


/* copyright
--------------------*/
#footer .copyright {
	clear: both;
	width: 366px;
	height: 23px;
	margin: 0 auto;
	display: block;
	background: url(img/copyright.jpg) no-repeat 0 10px;
	text-indent: -9999px;
}