/*  *********************************************  */
/** 00: base
/** 04: rightMenu

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

/* =============================================== */
/** 00: base,共通
/* ----------------------------------------------- */

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix { height: 1px;/*\*//*/ height: auto;overflow: hidden; /**/}
#date{text-align:right;margin:20px 0;}
.right{float:right;}
.left{fioat:left;}
a { outline: none; }



/* =============================================== */
/** 04: rightMenu
/* ----------------------------------------------- */
ul#menu1 li {list-style:none;width:200px;margin:0 0 5px;font-size:10px;line-height:110%;}
ul#menu1 li a{display:block;color:#663300;position:relative;}
ul#menu1 li a:hover{text-decoration:none;}
ul#menu1 li.btn3{display:block;color:#663300;position:relative;}

ul#menu1 li.btn1 a,
ul#menu1 li.btn2 a,
ul#menu1 li.btn3 a,
ul#menu1 li.btn4 a,
ul#menu1 li.btn5 a,
ul#menu1 li.btn6 a{width:117px;height:60px;padding:5px 8px 5px 75px;}
ul#menu1 li.btn1 a{background:url(/sp/bikelife/img/right.jpg) no-repeat 0 0;}
ul#menu1 li.btn2 a{background:url(/sp/bikelife/img/right.jpg) no-repeat 0 -70px;}
ul#menu1 li.btn3 a{background:url(/sp/bikelife/img/right.jpg) no-repeat 0 -140px;}
ul#menu1 li.btn4 a{background:url(/sp/bikelife/img/right.jpg) no-repeat 0 -210px;}
ul#menu1 li.btn5 a{background:url(/sp/bikelife/img/right.jpg) no-repeat 0 -280px;}
ul#menu1 li.btn6 a{background:url(/sp/bikelife/img/right.jpg) no-repeat 0 -350px;}

ul#menu1 li.btn1 a:hover{background:url(/sp/bikelife/img/right.jpg) no-repeat -200px 0px;}
ul#menu1 li.btn2 a:hover{background:url(/sp/bikelife/img/right.jpg) no-repeat -200px -70px;}
ul#menu1 li.btn3 a:hover{background:url(/sp/bikelife/img/right.jpg) no-repeat -200px -140px;}
ul#menu1 li.btn4 a:hover{background:url(/sp/bikelife/img/right.jpg) no-repeat -200px -210px;}
ul#menu1 li.btn5 a:hover{background:url(/sp/bikelife/img/right.jpg) no-repeat -200px -280px;}
ul#menu1 li.btn6 a:hover{background:url(/sp/bikelife/img/right.jpg) no-repeat -200px -350px;}

span.menu_tit{font-weight:bold;}
span.menu_co{position:absolute;bottom:5px;left:75px;lihe-height:120%;color:#333;width:117px;cursor : pointer;}
span.yokoku{color:#ff6666;font-weight:bold;position:absolute;right:5px;}
span.letter,x:-moz-any-link{letter-spacing:-0.3px;}
html* span.letter{letter-spacing:-0.3px;}
@media screen and (-webkit-min-device-pixel-ratio:0){span.menu_co{font-size:9px;}}


html
{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/* =============================================== */
/** 02: blog
/* ----------------------------------------------- */
.blogIntro{padding:20px 0 0;}
.blogIntro h3{margin:0 0 15px;}
.blogIntro img.right{margin:0 0 10px 25px;}
.blogIntro p{line-height:160%;margin:0 0 10px ;}
.blogTop{background:url(/sp/bikelife/blog/img/note_btm.gif) no-repeat 0 bottom;padding:0 0 32px 0;width:676px;}
.blogin{background:url(/sp/bikelife/blog/img/note_mid.gif) repeat-y 0 0;width:676px;}

/* =============================================== */
/** 04: 720px パターン１
/* ----------------------------------------------- */

#blogArea4{padding:5px 40px;background:#fff;}
#blogArea4 .blogBox{border:1px solid #ccc;padding:3px;margin:0 0 5px;background:#fff;}
#blogArea4 .blogBox table{width:110px;height:108px;float:left;border:1px solid #eacabd;}
#blogArea4 .blogBox table td{vertical-align:middle;text-align:center; }
#blogArea4 .blogBox h3 {background:#eee;padding:5px;margin:0 0 5px;float:right;}
#blogArea4 .blogBox h3 a{color:#cc5260;font-weight:bold;}
#blogArea4 .blogBox h3 span{padding:0 0 0 10px;color:#333;font-weight:bold;}
#blogArea4 .blogBox p{line-height:140%;color:#777;float:right;}
#blogArea4 .blogBox p a{color:#ff6666;text-decoration:none;margin-left:10px;}
#blogArea4 .blogBox p a:hover{text-decoration:underline;}
/* 幅を変える場合はこちらを変更 */
#blogArea4 {width:598px;}
#blogArea4 .blogBox {width:582px;}
#blogArea4 .blogBox h3 {width:457px;}
#blogArea4 .blogBox p {width:467px;}

/* ページネート */
.topicpath{text-align:right;color:#ff6666;clear:both;padding:5px 0;}
.topicpath a{color:#ff6666;text-decoration:none;margin-left:10px;}
.topicpath a:hover{text-decoration:underline;}

.topicpath2{text-align:right;color:#ff6666;clear:both;padding:5px 10px 5px 0;background:#fff;}
.topicpath2 a{color:#ff6666;text-decoration:none;margin-left:10px;}
.topicpath2 a:hover{text-decoration:underline;}

.topicpath3{text-align:right;color:#ff6666;clear:both;padding:5px 6px 0;display:none;}
.topicpath3 a{color:#ff6666;text-decoration:none;margin-left:10px;}
.topicpath3 a:hover{text-decoration:underline;}


/* Google Chrome確認用　コンテンツにフォントサイズ指定してある場合は不要 */
.topicpath,
.topicpath2,
.topicpath3,
#blogArea1 h3,
#blogArea1 p,
#blogArea2 h3,
#blogArea2 p,
#blogArea3 h3,
#blogArea3 p,
#blogArea4 h3,
#blogArea4 p,
#blogArea5 h3,
#blogArea5 p,
#blogArea6 h3,
#blogArea6 p{font-size:12px;}


#blogArea4 .next{padding:0px 8px 15px 0;text-align:right;}
#blogArea4 .next2{padding:15px 8px 0 0;text-align:right;}

#blogArea4 .next a,#blogArea4 .next2 a{color: #ff6666;text-decoration:underline;}
#blogArea4 .next a:hover,#blogArea4 .next2 a:hover{text-decoration:none;}