.current {
color: #333!important;
background: url(http://bikez.sakura.ne.jp/_images/icon/icon-arrow.gif) 4px 5px no-repeat #efefef!important;
}
/*------------------------------------------------------------
1、サイトマップ
-------------------------------------------------------------*/
.tree ul {
padding:0;
margin:0;
background-position: -9px 15px;
background-image: url('http://bikez.sakura.ne.jp/_images/icon/ul.gif');
background-repeat: repeat-y
}
.tree li {
font-size: 1em;
margin: 0px;
padding: 3px 0 3px 24px;
list-style-type: none;
}
.tree ul ul {
background-position: -1px 15px;
background-image: url('http://bikez.sakura.ne.jp/_images/icon/ul.gif');
background-repeat: repeat-y;
}
.tree ul li {
background-position: 0px 7px;
background-image: url('http://bikez.sakura.ne.jp/_images/icon/li.gif');
background-repeat: no-repeat;
}
.tree ul ul li {
background-position: 8px 7px;
background-image: url('http://bikez.sakura.ne.jp/_images/icon/li.gif');
background-repeat: no-repeat;
}
.tree ul ul li a {
background-position: 0px 7px;
font-size:1em;
}
.tree ul ul ul li a {
background-position: 0px 7px;
font-size:0.8em;
}
/*------------------------------------------------------------
2、検索
-------------------------------------------------------------*/
div.result {
border: 1px solid #ddd;
}
div.result dl {
}
div.result dl dt {
margin-bottom: .5em;
}
div.result dl dd {
margin-bottom: 1em;
padding-bottom: .5em;
border-bottom: 1px dotted #ddd;
}
div.result img.searching {
margin-right: 5px;
vertical-align: middle;
}
div.result p.search_back {
padding: 1em 0 1em 16px;
background: url(http://bikez.sakura.ne.jp/_images/icon_arrow.gif) no-repeat left center;
font-size: 80%;
}
div.result span.keywords {
background: #ff6;
}
/*------------------------------------------------------------
3、拭き出し
-------------------------------------------------------------*/
b.tl {display:block; width:400px; height:8px; font-size:1px;}
b.tr {display:block; width:392px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:392px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:25px; height:14px;}
div.bubble1,div.bubble2,div.bubble3,div.bubble4 {width:400px; height:auto; }
p.bubble {padding:8px!important; margin:0!important; border:3px solid #fff; border-width:0 3px; text-align:justify;}
div.bubble1:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
div.bubble1 b.tl {background:url(http://bikez.sakura.ne.jp/_images/tab/top_left1.gif) top left no-repeat;}
div.bubble1 b.tr {background:url(http://bikez.sakura.ne.jp/_images/tab/top_right1.gif) top right no-repeat;}
div.bubble1 p {background:#ecc7c7;}
div.bubble1 b.bl {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_left1.gif) top left no-repeat;}
div.bubble1 b.br {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_right1.gif) top right no-repeat;}
div.bubble1 b.point {background:url(http://bikez.sakura.ne.jp/_images/tab/point1.gif) top left no-repeat; margin:5px 0 0 25px;}
div.bubble2 b.tl {background:url(http://bikez.sakura.ne.jp/_images/tab/top_left2.gif) top left no-repeat;}
div.bubble2 b.tr {background:url(http://bikez.sakura.ne.jp/_images/tab/top_right2.gif) top right no-repeat;}
div.bubble2 p {background:#e5ecc9;}
div.bubble2 b.bl {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_left2.gif) top left no-repeat;}
div.bubble2 b.br {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_right2.gif) top right no-repeat;}
div.bubble2 b.point {background:url(http://bikez.sakura.ne.jp/_images/tab/point2.gif) top left no-repeat; margin:5px 0 0 25px;}
div.bubble3 b.tl {background:url(http://bikez.sakura.ne.jp/_images/tab/top_left3.gif) top left no-repeat;}
div.bubble3 b.tr {background:url(http://bikez.sakura.ne.jp/_images/tab/top_right3.gif) top right no-repeat;}
div.bubble3 p {background:#c9d7ec;}
div.bubble3 b.bl {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_left3.gif) top left no-repeat;}
div.bubble3 b.br {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_right3.gif) top right no-repeat;}
div.bubble3 b.point {background:url(http://bikez.sakura.ne.jp/_images/tab/point3.gif) top left no-repeat; margin:5px 0 0 225px;}
div.bubble4 b.tl {background:url(http://bikez.sakura.ne.jp/_images/tab/top_left4.gif) top left no-repeat;}
div.bubble4 b.tr {background:url(http://bikez.sakura.ne.jp/_images/tab/top_right4.gif) top right no-repeat;}
div.bubble4 p {background:#e5c9ec;}
div.bubble4 b.bl {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_left4.gif) top left no-repeat;}
div.bubble4 b.br {background:url(http://bikez.sakura.ne.jp/_images/tab/bottom_right4.gif) top right no-repeat;}
div.bubble4 b.point {background:url(http://bikez.sakura.ne.jp/_images/tab/point4.gif) top left no-repeat; margin:5px 0 0 325px;}
/*------------------------------------------------------------
4、gnews
-------------------------------------------------------------*/
#gnews {
width: 100%;
text-align: left;
color: #000000;
}
div#gnews dl {
margin-left: 10px;
margin-bottom: 5px;
line-height:140%;
font-size:100%;
}
div#gnews dt {
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
font-size:95%;
background:#f7f7f7 url(./img/icon/icon-tag.gif) no-repeat center left;
}
div#gnews dd{
padding-left: 20px;
padding-bottom: 5px;
background:#ffffff ;
font-size:95%;
}
/*------------------------------------------------------------
5、table 関連
-------------------------------------------------------------*/
td.link0 {
background: #eeeeee;
border: #999999 solid 1px;
}
td.link1 {
background: #ffffff;
border: #999999 solid 1px;
}
table.menu {
border: none;
/* border-bottom: #999999 solid 1px;*/
border-spacing: 1px;
text-align: left;
font-size: 100%;
}
table.listtable {
font-size: 90%;
line-height: 120%;
border: #2D5893 solid 1px;
border-spacing: 0px;
border-collapse: collapse;
empty-cells: show;
}
td.list0 {
border: #2D5893 solid 1px;
background-color: #C6E5FA;
text-align: center;
}
td.list1 {
border: #2D5893 solid 1px;
background-color: #ffffff;
text-align: right;
}
td.list2 {
border: #2D5893 solid 1px;
background-color: #ffffff;
text-align: left;
}
.listtabletitle {
color: #2D5893;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 17px;
background:url(../img/icon/i-dsp.gif) no-repeat;
white-space: nowrap;
font-size: 100%;
}
/*------------------------------------------------------------
6、テキスト広告用
-------------------------------------------------------------*/
ul.ad1{
padding: 2px;
background-color: #fff;
border: 1px solid #bfbfbf;
font-size: 90%;
margin-bottom: 4px;
list-style-type: none;
list-style-position: outside;
}
ul.ad1 li {
padding: 2px 2px 2px 2px;
}
ul.ad1 li a {
text-decoration: none;
}
/*マウスオーバー時の背景の設定*/
ul.ad1 li a:active,
ul.ad1 li a:hover{
color: #f93;
}
/*------------------------------------------------------------
7、飾り
-------------------------------------------------------------*/
.attention {
border: 1px solid #FFDC80;
background-color: #FEFECB;
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/attention.png);
background-repeat: no-repeat;
background-position: 10px 6px;
color: #804900;
padding-left: 50px!important;;
}
.alert {
background-color: #FFEFEF;
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/alert.png);
background-repeat: no-repeat;
background-position: 10px 6px;
color: #A2462F;
border: 1px solid #FABDA7;
padding-left: 50px!important;;
}
.accept {
border: 1px solid #C2E39B;
background-color: #EFFADA;
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/accept.png);
background-repeat: no-repeat;
background-position: 10px 6px;
color: #346F15;
padding-left: 50px!important;;
}
/*------------------------------------------------------------
7、ポイント
-------------------------------------------------------------*/
.point1blue, .point2blue, .point3blue, .point4blue, .point5blue , .point6blue , .point7blue , .point8blue , .point9blue , .point10blue,
.point1black, .point2black, .point3black, .point4black, .point5black , .point6black , .point7black , .point8black , .point9black , .point10black,
.point1pink, .point2pink, .point3pink, .point4pink, .point5pink , .point6pink , .point7pink , .point8pink , .point9pink , .point10pink,
.point1green, .point2green, .point3green, .point4green, .point5green , .point6green , .point7green , .point8green , .point9green , .point10green {
background-repeat: no-repeat;
height: 26px;
padding-left: 46px!important;;
font-size: 25px!important;;
margin-top: 10px;
padding-top: 14px;
margin-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
color: #3F3F3F;
background-position: 4px top;
clear: both;
}
.point {
font-size: 16px;
color: #3F3F3F;
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point.png);
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 60px;
margin-top: 10px;
margin-bottom: 5px;
}
/* blue */
.point1blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point1blue.gif);
}
.point2blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point2blue.gif);
}
.point3blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point3blue.gif);
}
.point4blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point4blue.gif);
}
.point5blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point5blue.gif);
}
.point6blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point6blue.gif);
}
.point7blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point7blue.gif);
}
.point8blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point8blue.gif);
}
.point9blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point9blue.gif);
}
.point10blue{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point10blue.gif);
}
/* black */
.point1black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point1black.gif);
}
.point2black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point2black.gif);
}
.point3black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point3black.gif);
}
.point4black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point4black.gif);
}
.point5black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point5black.gif);
}
.point6black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point6black.gif);
}
.point7black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point7black.gif);
}
.point8black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point8black.gif);
}
.point9black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point9black.gif);
}
.point10black{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point10black.gif);
}
/* pink */
.point1pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point1pink.gif);
}
.point2pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point2pink.gif);
}
.point3pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point3pink.gif);
}
.point4pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point4pink.gif);
}
.point5pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point5pink.gif);
}
.point6pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point6pink.gif);
}
.point7pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point7pink.gif);
}
.point8pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point8pink.gif);
}
.point9pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point9pink.gif);
}
.point10pink{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point10pink.gif);
}
/* green */
.point1green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point1green.gif);
}
.point2green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point2green.gif);
}
.point3green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point3green.gif);
}
.point4green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point4green.gif);
}
.point5green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point5green.gif);
}
.point6green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point6green.gif);
}
.point7green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point7green.gif);
}
.point8green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point8green.gif);
}
.point9green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point9green.gif);
}
.point10green{
background-image: url(http://bikez.sakura.ne.jp/_images/icon4/point10green.gif);
}
/*------------------------------------------------------------
8、ul、DL
-------------------------------------------------------------*/
/* ノートみたいな線 */
ul.news{
list-style-position: inside;
margin-left: 10px;
padding: 15px 15px 15px 15px;
border: 1px solid #999;
}
ul.news li{
border-bottom: 1px dotted #999;
line-height: 25px;
}
/* 便箋風 */
.letter {
background-image: url(http://bikez.sakura.ne.jp/_images/kabe/kabe_kami1.gif);
padding: 1em;
border: 1px solid #eee;
border-right: 2px solid #eee;
border-bottom: 2px solid #eee;
}
.letter p {
font-size: 0.8em;
line-height: 2.2em;
padding-bottom: 0.25em;
display: inline;
border-bottom: 1px dotted #999;
color: #777;
}
.impression dl {
clear: both;
margin-bottom: 30px;
margin-top: 10px;
_float: none;
position: relative;
width: 734px;
background-image: url(http://bikez.sakura.ne.jp/_images/kabe/letter_2.gif);
}
.impression .photo {
margin-top: 4px;
margin-bottom: 8px;
margin-left: 100px;
}
.impression dt {
color: #030;
background-image: url(http://bikez.sakura.ne.jp/_images/kabe/letter_1.gif);
font-size: 1.5em;
text-align: center;
display: block;
background-repeat: no-repeat;
clear: both;
line-height: 113px;
}
.impression dd {
color: #333;
display: block;
text-align: left;
padding-top: 12px;
}
.impression dd p {
padding-top: 12px;
padding-right: 100px;
font-size: 14px;
padding-left: 100px;
line-height: 27px;
}
.impression ul {
clear: both;
padding-top: 20px;
padding-bottom: 40px;
}
.impression li {
padding-top: 100px;
padding-right: 100px;
padding-left: 100px;
margin-bottom: 60px;
padding-bottom: 0px;
background-image: url(http://bikez.sakura.ne.jp/_images/kabe/binsen_letter.jpg);
width: 485px;
height: 285px;
}
/* QA */
#question {
margin-top: 30px;
}
#question dl {
margin-bottom: 30px;
padding: 20px;
border: 1px solid #3184da;
}
#question dl dt {
color: #FFF;
background-color: #FFF;
padding-left: 50px;
margin-bottom: 10px;
background-image: url(http://bikez.sakura.ne.jp/_images/kabe/q_ao.gif);
background-repeat: no-repeat;
padding-top: 5px;
padding-bottom: 20px;
font-weight: bold;
}
#question dl dd {
color: #333;
background-color: #FFF;
padding-right: 20px;
padding-left: 45px;
/* background-image: url(../../img/a.gif);
background-repeat: no-repeat;*/
background-position: 5px 5px;
padding-top: 5px;
padding-bottom: 5px;
}
ul.checklist{
list-style-type: none!important;
list-style-position: outside;
padding: 10px;
/* border: 1px solid #999;*/
}
ul.checklist li{
list-style:none!important;
padding-left: 24px;
background: url(http://bikez.sakura.ne.jp/_images/icon/icon-check02-red.gif) no-repeat 0 2px;
line-height: 25px;
/* border-bottom: 1px dotted #999;*/
font-size: 100%;
/* color: #831915;
font-weight: bold;*/
}
/*---------------------------------------------------
囲み
---------------------------------------------------*/
div.stop
{ width:900px; height:150px; border:2px solid #c8001f; text-align:center;}
div.glaybox {
width: 740px;
padding:15px!important;
margin-left:auto;
margin-right:auto;
clear:both;
border:solid 20px #f8f4f5;
}
div.whitebox {
width: 740px;
padding:15px!important;
margin-left:auto;
margin-right:auto;
clear:both;
border:solid 20px #fff;
}
/*------------------------------------------------------------
9、テーブル
-------------------------------------------------------------*/
/*テーブルタグ*/
table.table-style{
margin: 10px 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
font-size: 90%;
}
table.table-style th,
table.table-style td{
padding: 0.8em;
border: 1px solid #aaa;
vertical-align: top;
}
table.table-style th{
font-style: normal;
font-weight: bold;
text-align: left;
background: #eee;
}
/*------------------------------------------------------------
10、FAQ,QA
-------------------------------------------------------------*/
.faqQ{
background : #f3f3f3 url(http://bikez.sakura.ne.jp/_images/faq/faqQ.gif) 10px 7px no-repeat;
/* width : 460px;*/
margin : 5px auto;
padding : 6px 0 5px 50px!important;;
text-align : left;
border-bottom : 1px dashed #5b544b;
font-weight : bold;
color : #4F4B42;
}
.faqA_org
{
background : url(http://bikez.sakura.ne.jp/_images/faq/faqA_org.gif) 10px 7px no-repeat;
width : 460px;
margin : 0 auto;
padding : 6px 0 5px 50px;
text-align : left;
}
.faqA_blue
{
background : url(http://bikez.sakura.ne.jp/_images/faq/faqA_blue.gif) 10px 7px no-repeat;
/* width : 460px;*/
margin : 0 auto;
padding : 6px 0 5px 50px!important;
text-align : left;
}
.faqA_grn
{
background : url(http://bikez.sakura.ne.jp/_images/faq/faqA_grn.gif) 10px 7px no-repeat;
width : 460px;
margin : 0 auto;
padding : 6px 0 5px 50px;
text-align : left;
}
.faqA_pink
{
background : url(http://bikez.sakura.ne.jp/_images/faq/faqA_pink.gif) 10px 7px no-repeat;
width : 460px;
margin : 0 auto;
padding : 6px 0 5px 50px;
text-align : left;
}
.faqA_ylw
{
background : url(http://bikez.sakura.ne.jp/_images/faq/faqA_ylw.gif) 10px 7px no-repeat;
width : 460px;
margin : 0 auto;
padding : 6px 0 5px 50px;
text-align : left;
}
.faqA_ppl
{
background : url(http://bikez.sakura.ne.jp/_images/faq/faqA_ppl.gif) 10px 7px no-repeat;
width : 460px;
margin : 0 auto;
padding : 6px 0 5px 50px;
text-align : left;
}
.faq_box01_in
{
background : url(http://bikez.sakura.ne.jp/_images/faq/msg_boxT.gif) center top no-repeat;
width : 460px;
margin : 0px auto;
padding : 50px 30px 20px;
}
.faqTable
{
margin : 10px auto;
}
.faq_text01
{
background : url(http://bikez.sakura.ne.jp/_images/privacy/icon01.gif) 0px 1px no-repeat;
text-align : left;
padding : 2px 0 0 25px;
margin : 5px auto;
width : 460px;
font-weight : bold;
}
/*---------------------------------------------------
scroll
---------------------------------------------------*/
div.scroll {margin: 20px 0 0 0;
overflow: auto;
height: 150px;
width: 600px;
}
div.scroll-box {padding: 10px 12px 10px 12px;
border: 1px solid #ccc;
}
div.scroll-box ul {margin: 0px 0 0 0;
list-style-type: disc;
list-style-position: inside;
}
div.scroll-box ul li {padding: 0 0 0px 0;
}
/*---------------------------------------------------
動画埋め込みサイズ調整
---------------------------------------------------*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 98%;
height: 98%;
border: 5px #000 solid;
}
/*---------------------------------------------------
videobox
---------------------------------------------------*/
.videobox{width:560px; height:315px; padding:8px; background:#1a1a1a;margin:10px auto 30px;border: 2px #ccc solid;}
.videobox2{width:640px; height:480px; padding:8px; background:#1a1a1a;margin:10px auto 30px;border: 2px #ccc solid;}
.videobox3{width:640px; height:360px; padding:8px; background:#1a1a1a;margin:10px auto 30px;border: 2px #ccc solid;}
.boxmp3{width:450px; height:80px; padding:5px 50px 0px 70px; border:1px solid #999; margin:10px auto;}
/*---------------------------------------------------
olタグ
---------------------------------------------------*/
ol {
counter-reset:li; /* Initiate a counter */
padding:0; /* Remove the default left padding */
list-style:none; /* Disable the normal item numbering */
}
ol li {
position:relative; /* Create a positioning context */
margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px;
border-top:2px solid #666;
background:#f6f6f6;
}
ol li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:-2px;
left:-2em;
width:2em;
padding:4px 0;
border-top:2px solid #666;
color:#fff;
background:#666;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
}
/*---------------------------------------------------
dlタグ
---------------------------------------------------*/
dl.news{
padding: 10px 0 0 0;
margin: 0;
border-top: 1px dotted #aaa;
}
dl.news dt{
float: left;
margin: 0;
padding: 0;
width: 200px;
position: relative;
}
dl.news dd{
margin: 0 0 10px 0;
padding: 0 0 10px 210px;
border-bottom: 1px dotted #aaa;
}