@charset "UTF-8";

/*
Theme Name: BBTF-Product
Theme URI: http://www.bbtf-product.jp
Description: bbtf product のテーマ
Version: 2.0
Author: yo-ko
Author URI: http://www.bbtf-product.jp

writing by Yo-Ko Watanabe From BM AUDIO JAPAN
*/


/* -- base layout -- */
body {position:relative;background:#FFF; font-family:"Lucida Grande",Arial,Sans-Serif;}
#body {position:relative;width:860px; margin:0 auto;background-color:#ffffff;}
.body_shadow {position:relative;width:850px;border:#000000 solid 5px;margin-top: 0px;}
/* -- /base layout -- */


/* -- img --*/
/*.bbtf_top_up {vertical-align:top; text-align:center;}*/
a img { border-style:none; }
/*embed.embed_shadow{border-bottom:#00356a solid 3px;}
param.param_shadow{border-bottom:#00356a solid 3px;}*/
/* -- img// --*/


/* -- IE .img  --　*/
/* IE7でpadding指定 */
*:first-child+html body {padding-left: 1px;}
/* IE6以下でpadding指定 */
*html body {padding-left: 1px;}
/* -- IE .img// --　*/

/* -- ALL USE -- */


/* -- MAIN -- */
.main_area{width: 800px;padding: 0px 20px;margin: 5px;}
.sub_area{height:auto;width:700px;margin:20px 40px 0 40px; }
.sub_area_line{height:auto;width:600px;padding:0 50px;}
.sub_area_line2{height:auto;width:600px;padding:0 20px;}
.bar {background:transparent url("./images/bar.jpg") no-repeat scroll 0 0;height:80px;width:700px;display:block;}
.bar_string{padding: 18px 0 0 130px;width: 500px;}

/* -- LEFT -- */
.left_area{width:630px;padding:5px 0; margin:10px 5px;float:left;}
.left_sub_area{height:auto; width:630px;margin:20px 20px 0 0; }
.left_sub_area_line{height:auto;width:530px;padding:0 35px;}
.bar_small {background:transparent url("./images/bar-small.jpg") no-repeat scroll 0 0;height:73px;width:595px;display:block;}
.bar_small_string{padding: 18px 0 0 120px;width: 450px;}





#sidebar_catalog {
	float:right;
	width:150px;
	padding: 0px;
	margin:0px 10px;
/*	border: 1px solid ; */
	/* IE6 */
	_width:160px;
	_padding: 0px 5px;
	_margin:0px 5px;
font-size:14px;
}

#sidebar_catalog .cat-item{
	padding:5px;
	/* IE6 */
	_margin-left:-15px;
}

#sidebar_catalog ul{
	margin-left: -40px;
	*margin-left:5px;
}

#sidebar_catalog li{
	list-style: none;
	background-position: 0 5px;
	padding: 5px;
}


#sidebar_catalog li.cat-item.oya a{
	background-image:url("./images/catalog_oya.gif");
	background-repeat:no-repeat;
	background-position:5px 2px;
	display:block;
	height:40px;
	padding:0 0 0 20px;
	font-weight: bold;
	color:#ff3300; 
	
}

#sidebar_catalog li.cat-item.kodomo a{
	background-image:url("./images/catalog_kodomo.gif");
	background-repeat:no-repeat;
	background-position:5px 2px;
	display:block;
	height:40px;
	padding:0 0 0 20px;
}






/* -- ------------------- SIDEBAR  -- ------------------- */

#sidebar {float:right; width:185px;left: -25px;position : relative; _width:140px; _left: 0px; }


/* -- title -- */
#sidebar .widgettitle {color: #FF4500;text-align: center;}
#sidebar h2{margin: 5px;width: 180px;background:transparent url("./images/side-name.jpg") no-repeat scroll 0 0;height:40px;display:block;}


#sidebar ul{position : relative;width:185px;left: -25px;}
#sidebar li{list-style: none;}

/* --calender --*/ 
#calendar-3 {width:185px;}
#calendar_wrap { margin-left: 10px;}
#calendar_wrap TABLE{letter-spacing:0.05em;padding-top: 5px;}
#calendar_wrap CAPTION{font-weight: bold;letter-spacing:0.05em;}

/* -- page list -- */
#sidebar .page_item {padding-top: 5px;}

/* -- ------------------- SIDEBAR//  -- ------------------- */



/* -- ------------------- INDEX  -- ------------------- */

/* -- TOP Voice --*/
.top_voice_sozai{background:transparent url("./images/top-voice.jpg") no-repeat scroll 0 0;height:85px;width:700px;display:block;text-indent:-9999em;}

.top_voice_link{background:transparent url("./images/click-small.jpg") no-repeat scroll 0 0;height:85px;width:140px;display:block;text-indent:-9999em;}

/* -- ------------------- INDEX//  -- ------------------- */

h1 {margin: 0;padding: 0;}

/* -- ------------------- TOP AREA ------------------- -- */
top_area{width:850px;margin:0 auto;position:relative;}

/* -- search form -- */
.top_area upper{margin: 0;padding: 0;width: 850px;}
.top_area form {position:absolute;right:30px;top:10px; margin: 15px 0px 0px 0px;float: right;}
.top_area input.search{background-color:#ffff99;border:2px solid #9ACD32;color:#666666;height:15px;padding:3px;width:170px;}
.top_area input.btn_search{text-indent:-9999em;background:transparent url(./images/kensaku.gif) no-repeat scroll 0 0;border:medium none;color:transparent;cursor:pointer;height:20px;overflow:hidden;width:45px;} 

/* -- bana BBTF -- */
a.bbtf {display:block;text-indent:-9999em;background:transparent url("./images/head-top-bbtf-logo.jpg") no-repeat scroll 0 0;width:190px;height:65px;float: left;}


.head_1st {width: 850px;height: 100px; padding:0px;}
.head_1st li {display : inline;}
.head_1st li a{float:left;display:block;text-indent:-9999em;}
.head_1st li a.g_boschmann {background:transparent url("./images/head-top-go-bosch.jpg") no-repeat scroll 0 0;height:100px;width:200px;} 
.head_1st li a.g_inquiry {background:transparent url("./images/head-top-mail.jpg") no-repeat scroll 0 0;height:100px;width:200px;}
.head_1st li a.g_rakuten {background:transparent url("./images/head-top-go-rakuten.jpg") no-repeat scroll 0 0;height:100px;width:200px;}

.head_2nd {width: 550px;height: 50px;padding:0px;margin-left: 300px;}
.head_2nd li {display : inline;}
.head_2nd li a{float:left;display:block;text-indent:-9999em;}
.head_2nd li a.g_top {background:transparent url("./images/head-g-top.jpg") no-repeat scroll 0 0;height:50px;width:100px;} 
.head_2nd li a.g_about {background:transparent url("./images/head-g-about.jpg") no-repeat scroll 0 0;height:50px;width:100px}
.head_2nd li a.g_catalog {background:transparent url("./images/head-g-catalog.jpg") no-repeat scroll 0 0;height:50px;width:100px}
.head_2nd li a.g_company {background:transparent url("./images/head-g-company.jpg") no-repeat scroll 0 0;height:50px;width:100px}
.head_2nd li a.g_inquiry {background:transparent url("./images/head-g-inquiry.jpg") no-repeat scroll 0 0;height:50px;width:100px}
.head_2nd li a.g_voice {background:transparent url("./images/head-g-voice.jpg") no-repeat scroll 0 0;height:50px;width:100px}
/* -- ------------------- TOP AREA// ------------------- -- */


/* --　contents title -- */
.title {color:#00356a; font-size:20px; font-weight:bold; padding:10px 0px;}

.catalog_contents_area   {}
.catalog_contents_area a:link{font-weight:bold;color:#696969;}
.catalog_contents_area a:visited{font-weight:bold;color:#696969;}
.catalog_contents_area a:focus{font-weight:bold;color:#696969;}
.catalog_contents_area a:hover{font-weight:bold;color:#696969;}
.catalog_contents_area a:active{font-weight:bold;color:#696969;}

.catalog_item_name {font-weight:bold;background-color:#87CEEB;color:#ffffff;font-size:15px;padding-left:10px;}

.catalog_top_pic {margin-bottom:20px;font-weight:bold;text-align:center;}
.catalog_top_pic li {float:left;list-style:none;padding:0px 30px 0px 0px;}

.catalog_top_list {height:100%;font-weight:bold;text-align:center;}
.catalog_top_list li {float:left;border:#ADD8E6 solid 1px;margin-left:20px;background-color:#F0F8FF;list-style:none;height:40px;width:140px;}
.catalog_top_list li a:link{color:#1E90FF;}
.catalog_top_list li a:visited{color:#1E90FF;}
.catalog_top_list li a:focus{color:#1E90FF;}
.catalog_top_list li a:hover{color:#ffffff;background-color:#1E90FF;display:block;height:100%;width:100%;}
.catalog_top_list li a:active{color:#ffffff;background-color:#1E90FF;display:block;height:100%;width:100%;}

.sidebar_gotop {font-weight:bold;}

.catalog_post_area {float:left;width:600px;height:100%;}
.catalog_sidebar_new  {padding-left:10px;text-align:center;font-weight:bold;}
.new {color:#FF4500;text-align:center;}
.display {color:#0000FF;text-align:center;}
.catalog_sidebar_list {margin-top:20px;font-weight:bold;padding-left:10px;text-align:center;}
.catalog_sidebar_list li {border:#ADD8E6 solid 1px;background-color:#F0F8FF; list-style:none;margin:3px;height:23px;width:170px;}
.catalog_sidebar_list li a:link{color:#1E90FF;}
.catalog_sidebar_list li a:visited{color:#1E90FF;}
.catalog_sidebar_list li a:focus{color:#1E90FF;}
.catalog_sidebar_list li a:hover{color:#ffffff;background-color:#1E90FF;display:block;height:100%;width:100%;}
.catalog_sidebar_list li a:active{color:#ffffff;background-color:#1E90FF;display:block;height:100%;width:100%;}

/*a:link, a:visited ,a:focus{color:#666666; text-decoration:none;}
a:hover, a:active {co
*/

/* -- Float clear -- */
.clear {clear: both;}
.cr {clear: right;}
.cl {clear: left;}

/* -- post area -- */
.writing_area {width:832px;padding:10px;}
.about_area {padding:10px;}
.about_area  p{line-height:140%;}
.catalog_title {padding:30px 10px 20px; font-size:30px; color:#000099; letter-spacing:10pt; text-decoration:underline;}

/* -- LINK　-- */
a:link, a:visited ,a:focus ,a:active ,a:hover {color:#00356A;text-decoration:none; }

/* -------------- SIDEBAR -------------- */
/* sidebar all */
.sidebar_title{padding:5px; margin:20px 0px 5px 0px;color:#000000; font-weight:bold; border-left:#000000 solid 5px;}
.sidebar_bbtf {float:right; padding:10px; width:185px;}
/* top recommend */
.recommend_contents{width:175px;word-break:break-all;}
/* use catalog and catalog top */
.sidebar_p_now{font-size:12px;font-weight:bold;background-color:#236bd1;color:#00356a; padding:5px;width:170px; height:15px;border:#00356a solid 2px;margin:2px;}
.sidebar_p_now　a{text-decoration:"none";}
.sidebar_p_now　a:hover{position:relative; top:1px; left:1px;}
.sidebar_c{font-size:12px;font-weight:bold;background-color:#e9f4fa;padding:5px;width:170px; height:15px;border:#00356a solid 2px;margin:2px;}
/* recommend title */
.recommend_title{padding:5px; margin:20px 0px 20px 0px; color:#00356a; font-weight:bold; border-left:#00356a solid 5px;}
/* -------------- SIDEBAR// --------------*/

/* -- Footer -- */
.bbtf_footer{
	margin:0 auto;
	width:852px;
/*	border:#00356a solid 2px;*/ 
	text-align:center;
	font-size:10px;
	_overflow: hidden;
	_margin-top: 300px;
}

/* -- Edita moji moji　--*/
/*h3 {font-size:4; font-weight: normal;}
h4 {font-size:3; font-weight: normal;}
h5 {font-size:2; font-weight: normal;}
h6 {font-size:10px; font-weight: normal; }*/
/* -- Edita moji moji --//　*/

.sp05 {height:5px;}
.sp10 {height:10px;}
.sp15 {height:15px;}
.sp20 {height:20px;}
.sp25 {height:25px;}
.sp30 {height:30px;}
.sp35 {height:35px;}
.sp40 {height:40px;}
.sp50 {height:50px;}






/* GET FROM WEB SITE  
   http://arinogotokuatumarite.blog19.fc2.com/blog-entry-116.html
*/
#ttop {
position:fixed;
bottom:100px;
left:auto;
margin:0 0 0 855px;   /* マージン：上 右 下 左 */
width:41px;
height:390px;
background:url(./images/pagetop.gif) no-repeat left bottom;

}
/* IE6以下用 */
* html #ttop {
margin:0 0 -390px 0;
position:relative;
bottom:490px;   /* 上で設定した ttopの高さ390px＋下100px */
left:855px;
}
#ttop:hover {
/*background-position:0 230px;*/   /* 画像の高さによって適当に調整 */
}
a.page_top {
display:block;
width:41px;
height:390px;
}