@charset "utf-8";
/*  
Theme Name: b-teco
Theme URI: http://www.shop-teco.com/
Description: shop-teco
Author: e-naquest
Author URI: http://www.e-naquest.co.jp/
Version: 1.0
*/

/*
 * File      : style.css
 * Version   : 1.00
 * Update    : 1.01 2007.01.24 fix textarea size for Mozilla.
 *           : 1.02 2007.02.11 add color property at ul element of sidebar.
 *           : 1.03 2007.02.24 fix top property for liquid layout.
 *           : 2.00 2007.07.22 for XHTML 1.0 Strict.
 *           : 2.01 2009.07.07 fix bug(for float image).
 *
 * Copyright (C) 2005-2009 www.koikikukan.com All rights reserved.
 */

/* all */


/* ----------- 全体レイアウト --------------- */

html,body  { 
height: 100%;
background-image:url(images/bg_body.jpg);
background-repeat:repeat; 
}

body  { 
font-size: 12px;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック';
 margin: 0 auto; 
 padding: 0 ;
 height: 100% ;
color: #333333;
background-image:url(images/bg_bodyTop.jpg);
background-repeat:repeat-x;
background-position:left top;
background-color:transparent;
line-height:20px;
}

#allBox {
width:970px;
margin:0 auto;
background-image:url(images/bg_allBox.jpg);
background-repeat:repeat-y;
}


#header {
width:970px;
height:95px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0;
background-color:#000000;
}

#subBox_left {
float:left;
width:199px;
margin:8px 0 0 60px;
_margin:8px 0 0 30px;
}

#sidebarleft{
	color: #000;
	margin-bottom: 10px;
	padding: 0 5px  0 0px;}
#sidebarleft ul{}
#sidebarleft li{
	background: none;
	padding-bottom: 8px;}
#sidebarleft ul li{
	padding: 1px 0 4px 2px;
	display: block;
	margin-left: 20px;
	margin-right: 3px;}
#sidebarleft ul li ul li{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarleft ul li li{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarleft a:link {
	color: #000;
	text-decoration: none;
	border: none;}
#sidebarleft a:hover {
	text-decoration:underline;}
#sidebarleft a:visited:hover {
	text-decoration:underline}
#sidebarleft a:visited {
	color: #000;
	text-decoration: none;
	border: none;}
#sidebarleft h2 {
	height: 30px;
	padding: 2px 0 2px 5px;
	font-family: Arial, sans-serif; 
	color: #000;
	background: url(img/sdtr.jpg) repeat-x;
	margin-top:8px;}



#mainBox {
float:left;
width:416px;
margin:8px 18px 0 18px;
_margin:8px 18px 0 18px;
}

#subBox_right {
float:right;
margin:8px 60px 0 0;
_margin:8px 30px 0 0;
}

#sidebarright{
color: #000;
margin-bottom: 10px;
padding: 0 0px  0 0px;}

#sidebarright ul{}
#sidebarright li{
	background: none;
	padding-bottom: 8px;}
#sidebarright ul li{
	padding: 1px 0 4px 2px;
	display: block;
	margin-left: 20px;
	margin-right: 3px;}
#sidebarright ul li ul li{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarright ul li li{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarright a:link {
	color: #E0E0E0;
	text-decoration: none;
	border: none;}
#sidebarright a:hover {
	text-decoration:underline;}
#sidebarright a:visited:hover {
	text-decoration:underline}
#sidebarright a:visited {
	color: #E0E0E0;
	text-decoration: none;
	border: none;}
#sidebarright h2 {
	height: 30px;
	padding: 2px 0px 2px 5px;
	font-family: Arial, sans-serif; 
	color: #fff;
	background: url(img/sdt.jpg) repeat-x;
	margin-top:8px;}



#mainBox_2 {
clear:both;
width:850px;
margin:0px auto;
}




#footer {
clear:both;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
width:970px;
height:95px;
margin:0 auto;
padding:65px 0 0 0;
}

/* ----------- ヘッダー --------------- */

#pageTop {
float:left;
width:140px;
height:65px;
margin:5px 0 0 30px;
_margin:5px 0 0 15px;
padding:0px 0 0 0;
color:#ffffff;
font-size:16px;
}

#pageTop a {
display:block;
width:100%;
height:0;
padding-top:65px;
overflow:hidden;
}

#rakutenLogo {
margin:0 0 0 863px;
position:relative;
top:20px;
}


*:first-child+html #rakutenLogo {
position:relative;
top:20px;
}

/*　 テキストリンク　 */
#header p {
float:right;
width:450px;
height:20px;
color:#f7d789;
font-size:11px;
text-align:right;
margin:24px 20px 0 0;
_margin:34px 10px 0 0;
}




.kugiri {
border-right:1px solid #f7d789;
padding:0 10px;
}

.none_kugiri {
padding:0 10px;
}


/* ----------- グローバルナビゲーション --------------- */
#navi {
clear:both;
background-image:url(images/bg_navi.jpg);
background-repeat:no-repeat;
width:970px;
height:36px;
margin:0 0 0 0;
padding:0 0 0 30px;
background-color:#000000;
}

#navi li {
list-style-type:none;
float:left;
}

#navi li a {
display:block;
width:100%;
height:0;
padding-top:36px;
background-image:url(images/navi.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

.navi_01 {
width:182px;
}

.navi_02 {
width:182px;
}

.navi_03 {
width:181px;
}

.navi_04 {
width:182px;
}

.navi_05 {
width:183px;
}

.navi_01 a {background-position:0 0 ;}
.navi_02 a {background-position:-182px 0 ;}
.navi_03 a {background-position:-364px 0 ;}
.navi_04 a {background-position:-545px 0 ;}
.navi_05 a {background-position:-727px 0 ;}

.navi_01 a:hover {background-position:0 -36px ;}
.navi_02 a:hover {background-position:-182px -36px ;}
.navi_03 a:hover {background-position:-364px -36px ;}
.navi_04 a:hover {background-position:-545px -36px ;}
.navi_05 a:hover {background-position:-727px -36px ;}




/* ----------- メインビジュアル --------------- */

#bg_mainVisual {
background-image:url(images/bg_main_visual.jpg);
background-repeat:no-repeat;
width:970px;
height:350px;
margin:0 0 0 0;
padding:19px 0 0 0;
background-color:#000000;
}

#mainVisual {
background-image:url(images/main_visual.jpg);
background-repeat:no-repeat;
width:910px;
height:350px;
margin:0px auto 0 auto;
}

/* ----------- mainBox 内設定  --------------- */
/* お知らせ　設定 */
#news {
list-style-type:none;
margin:10px 0 0 12px;
padding: 0 0 0 0;
font-size:11px;
}

#news li {
margin:2px 0;
_margin:8px 0;
}

*:first-child+html #news li {
margin:0px 0;
}

#news span {
margin-left:12px;
}

#icon {
margin-right:5px;
}

/* バナー　まくらが文庫既製品 */
#main_01 {
background-image:url(images/main_01.jpg);
background-repeat:no-repeat;
width:416px;
height:148px;
margin: 10px 0 0 0;
_margin: 20px 0 0 0;
padding:0;
}

#main_01 a {
display:block;
width:100%;
height:0;
padding-top:148px;
overflow:hidden;
}

/* バナー　まくらが文庫帯持ち込み製作*/
#main_02 {
background-image:url(images/main_02.jpg);
background-repeat:no-repeat;
width:416px;
height:148px;
margin: 10px 0 0 0;
padding:0;
}

#main_02 a {
display:block;
width:100%;
height:0;
padding-top:148px;
overflow:hidden;
}

#news_title {
width:416px;
height:19px;
margin: 10px 0 0 0;
padding:0;
}

/* バナー　ご注文はこちら */
#main_03 {
background-image:url(images/main_03.jpg);
background-repeat:no-repeat;
width:416px;
height:80px;
margin: 10px 0 30px 0;
padding:0;
}

#main_03 a {
display:block;
width:100%;
height:0;
padding-top:80px;
overflow:hidden;
}

/* ----------- subBox_left　内設定  --------------- */
/* ボックス　ログイン　*/
#box_login {
background-image:url(images/box_login.jpg);
background-repeat:no-repeat;
width:199px;
height:84px;
padding:7px 0 0 0;
}

.mypage {
font-size:12px;
margin:0 0 0 45px;
font-weight:bold;
}

.button_login {
width:71px;
height:19px;
margin:0 0 0 64px;
padding:0 0 0 0;
}

.button_login a {
display:block;
width:100%;
height:0;
padding-top:19px;
overflow:hidden;
}

.log_textLink {
margin:3px 0 0 53px;
padding:0 0 0 0;
font-size:10px;
line-height:15px;
}




/* バナー　店長あいさつ　*/
#sub_tencho {
background-image:url(images/sub_tencyo.jpg);
background-repeat:no-repeat;
width:199px;
height:306px;
margin:10px 0 0 0;
padding:0 0 0 0;
}

#sub_tencho a {
display:block;
width:100%;
height:0;
padding-top:306px;
overflow:hidden;
}


/* ----------- subBox_right　内設定  --------------- */
/* ボックス　お会計　*/
#box_kaikei {
background-image:url(images/box_kaikei.jpg);
background-repeat:no-repeat;
width:199px;
height:83px;
margin:0 0 0 0;
padding:8px 0 0 0;
}

.ten {
margin:0 0 0 15px;
}


.en {
margin:0 0 0 125px;
position:relative;
top:3px;
line-height:40px;
color:red;
}

.button_kaikei {
width:189px;
height:19px;
margin:0 0 0 5px;
padding:0 0 0 0;
}


.button_kaikei a {
display:block;
width:100%;
height:0;
padding-top:19px;
overflow:hidden;
}



/* バナー　まくらが文庫とは　*/
#sub_01 {
background-image:url(images/sub_01.jpg);
background-repeat:no-repeat;
width:199px;
height:148px;
margin:10px 0 0 0;
padding:0;
}

#sub_01 a {
display:block;
width:100%;
height:0;
padding-top:148px;
overflow:hidden;
}

/* バナー　History　*/
#sub_02 {
background-image:url(images/sub_02.jpg);
background-repeat:no-repeat;
width:199px;
height:148px;
margin:10px 0 0 0;
padding:0;
}

#sub_02 a {
display:block;
width:100%;
height:0;
padding-top:148px;
overflow:hidden;
}

/* バナー　スタッフブログ　*/
#sub_03 {
background-image:url(images/sub_03.jpg);
background-repeat:no-repeat;
width:199px;
height:91px;
margin:10px 0 0 0;
padding:0;
}

#sub_03 a {
display:block;
width:100%;
height:0;
padding-top:91px;
overflow:hidden;
}


/* バナー　お客様の声　*/

#sub_04 {
background-image:url(images/banner_okyaku.jpg);
background-repeat:no-repeat;
width:199px;
height:148px;
margin:10px 0 0 0;
padding:0;
}

#sub_04 a {
display:block;
width:100%;
height:0;
padding-top:148px;
overflow:hidden;
}

/* バナー　ご利用例　*/

#sub_05 {
background-image:url(images/banner_riyourei.jpg);
background-repeat:no-repeat;
width:199px;
height:148px;
margin:10px 0 0 0;
padding:0;
}

#sub_05 a {
display:block;
width:100%;
height:0;
padding-top:148px;
overflow:hidden;
}

/* ----------- mainBox_2　内設定  --------------- */
/* タイトル　お勧め商品　 */
#h2_osusume {
margin:0px auto;
}



#osusume img {
border-style:none;
margin-top:18px;
}

#osusume_img  {
margin:0 0 0 18px;
}

#main_04 {
background-image:url(images/bg_bottom.jpg);
background-repeat:no-repeat;
width:850px;
height:77px;
margin:21px auto 54px auto;
}

#main_04 a {
display:block;
width:100%;
height:0;
padding-top:77px;
overflow:hidden;
}

/* ----------- fotter　内設定  --------------- */
#footer p {
text-align:right;
margin:0 30px 0 0;
color:#FFFFFF;
}

.footer_kugiri  {
border-right:1px solid #ffffff;
padding:0 10px;
}

.copy {
font-size:10px;
margin:20px 30px 0 0;
line-height:30px;
}

/* ----------- リンク設定  --------------- */

a:link {
	border: none;
	color: #006699;
	text-decoration:none;
}
a:visited {
	border: none;
	color: #006699;
	text-decoration:none;
}
a:active {
	border: none;
	color: #32A2CA;
}
a:hover {
	border: none;
	color: #32A2CA;
	text-decoration:underline;
}

#header p a:link {
	border: none;
	color: #f7d789;
	text-decoration:none;
}
#header p a:visited {
	border: none;
	color: #f7d789;
	text-decoration:none;
}
#header p a:active {
	border: none;
	color: #f7d789;
}

#header p a:hover {
	border: none;
	color: #f7d789;
	text-decoration:underline;
}

.entry-header {
background-image:url(images/entry-header_bg.jpg);
background-repeat:repeat-y;
color:#FFFFFF;
margin:11px auto 0;
padding:20px 0 20px 20px;
width:416px;
}

#footer p a:link {
	border: none;
	color: #ffffff;
	text-decoration:none;
}

#footer p a:visited {
	border: none;
	color: #ffffff;
	text-decoration:none;
}

#footer p a:active {
	border: none;
	color: #ffffff;
}

#footer p a:hover {
	border: none;
	color: #ffffff;
	text-decoration:underline;
}