@charset "UTF-8";
@import "detail.css";
@import "tejun.css";

/*-- その他（背景白用）レイアウト --*/

.rc-ot-border{
width:685px;
height:20px;
background-image:url(../img/other/border-top.jpg);
background-repeat:no-repeat;
margin:0p;
padding:0;
text-align:left;
}

.rc-oc-border{
width:685px;
background-image:url(../img/other/border-center.jpg);
background-repeat: repeat-y;
margin:0p;
padding:0;
text-align:left;
}

.rc-ob-border{
width:685px;
height:77px;
background-image:url(../img/other/border-bottom.jpg);
background-repeat: no-repeat;
margin:0p;
padding:0;
text-align:left;
}

.rc-o-box{
float:right;
width:650px;
margin:0;
padding:0;
text-align:left;
}

/* 必要なら調整
.rc-o-box a:link { color: #FFF; text-decoration: underline; }
.rc-o-box a:visited { color: #FFF; text-decoration: underline; }
.rc-o-box a:hover { color: #FF3333; text-decoration: underline; }
.rc-o-box a:active { color: #FF9966; text-decoration: none; }
*/


.rc-oin-box{
float:left;
width:630px;
margin:0;
padding:0;
text-align:left;
}

.rc-oin-box h2{
font-size:14px;
border-left:4px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:0 0 2px 10px;
margin:25px 0px 10px 0px;
}

.rc-oin-box p{
margin:0 0 0 15px;
padding:0;
font-size:12px;
line-height:160%;
}

.rc-oin-box h3{
font-size:14px;
}


h2.other-title{
font-size:14px;
margin:0px 0px 5px 0px;
padding:0;
border-bottom:1px solid #000000;
}

img.o-img-r{
float:right;
margin:0 0 0 20px;
padding:0;
}

img.o-img-l{
float:left;
margin:0 20px 0 0;
padding:0;
}

.pagetop{
width:650px;
text-align:right;
font-size:10px;
}

.help-pagetop{
width:630px;
text-align:right;
font-size:10px;
}

.helplist{
margin:0;
padding:0;
width:620px;
}

.helplist2{
margin:0;
padding:0;
width:620px;
border:1px solid #CCCCCC;
}

.helplist2 p{
margin:0 0 0 15px;
padding:0;
font-size:12px;
line-height:160%;
}

.helplist2 h3{
font-size:14px;
font-weight:bold;
margin:1px 1px 10px 1px;
padding:6px 4px 4px 16px;
background:#333333;
color:#FFFFFF;
border-left:5px solid #CCCCCC;
background-image:url(../img/other/arrow03.gif);
background-position:left;
background-repeat:no-repeat;
}


.helplist h3{
font-size:14px;
font-weight:bold;
margin:1px 1px 10px 1px;
padding:6px 4px 4px 16px;
background:#333333;
color:#FFFFFF;
border-left:5px solid #CCCCCC;
background-image:url(../img/other/arrow03.gif);
background-position:left;
background-repeat:no-repeat;
}

.helplist h3 span{
font-size:12px;
}

.helplist h3 a:link{
color:#FFFFFF;
text-decoration:none;
}

.helplist h3 a:visited{
color:#FFFFFF;
text-decoration:none;
}

.helplist h3 a:hover{
color:#FF0000;
text-decoration:underline;
}

.helplist h3 a:active{
color:#FF0000;
}

.helplist-l{
width:300px;
float:left;
margin:0;
padding:0;
text-align:left;
border:1px solid #CCCCCC;
}

.helplist-r{
width:300px;
float:right;
margin:0;
padding:0;
text-align:left;
border:1px solid #CCCCCC;
}

.helplist ul{
margin: 0 0 0 10px;
padding:0;
list-style-type:none;
}

.helplist li{
margin:0 0 8px 0px;
}

/*-----ヘルプメニュー -----*/

ul.help-menu{
width:648px;
height:20px;
margin:0;
padding:0;
border-bottom:1px solid #CCCCCC;
list-style-type:none;
}

ul.help-menu li{
display:block;
float:left;
margin:4px 0 0 0;
}

.hm-link{
padding:0 0 0 14px;
margin:0 8px 0 0;
background-image:url(../img/other/arrow01.gif);
background-position:left;
background-repeat:no-repeat;
}

a.hm-link{
text-decoration:none;
background-image:url(../img/other/arrow01.gif);
background-position:left;
background-repeat:no-repeat;
}

a:hover.hm-link{
color:#FF0000;
text-decoration:none;
background-image:url(../img/other/arrow02.gif);
background-position:left;
background-repeat:no-repeat;
}

a.hm-link-on{
padding:0 0 0 14px;
margin:0 8px 0 0;
color: #FF9900;
text-decoration:none;
background-image:url(../img/other/arrow01.gif);
background-position:left;
background-repeat:no-repeat;
}

p.GuideCaoution{
font-size:12px;
line-height:160%;
color:#666666;
}

p.Guidetxt{
font-size:10px;
line-height:140%;
}

.GuideMainOneline{
width:630px;
text-align:left;
margin:5px 0 10px 0;
padding:0;
clear:both;
}

.GuideMaintxt{
width:630px;
margin:0;
padding:0;
text-align:left;
}

/*---　ヘルプメニューここまで ---*/


/*-- 初めての方へ --*/

ul.checkpoint{
width:600px;
margin:15px 0 0 15px;
padding:0;
list-style-type:none;
}

ul.checkpoint li{
margin:0 0 20px 0;
padding:0 0 0 15px;
line-height:140%;
font-size:12px;
background-image:url(../img/other/arrow01.gif);
background-position:left top;
background-repeat:no-repeat;
}

.osusume{
width:630px;
padding:10px;
margin:0px;
}

.osusume-box{
width:300px;
float:left;
margin:0 5px 10px 0;
border:1px solid #CCCCCC;
}

.osusume-box h3{
font-size:14px;
font-weight:bold;
margin:1px;
padding:6px 4px 4px 16px;
background:#333333;
color:#FFFFFF;
background-image:url(../img/other/arrow03.gif);
background-position:left;
background-repeat:no-repeat;
}

.osusume-box h3 span{
font-size:12px;
}

.osusume-box h3 a:link{
color:#FFFFFF;
text-decoration:none;
}

.osusume-box h3 a:visited{
color:#FFFFFF;
text-decoration:none;
}

.osusume-box h3 a:hover{
color:#FF0000;
text-decoration:underline;
}

.osusume-box h3 a:active{
color:#FF0000;
}

.osusume-box p{
width:290px;
font-size:12px;
line-height:140%;
margin:10px 0 10px 10px;
}

.osusume-box p{
width:290px;
font-size:12px;
line-height:140%;
margin:10px 0 10px 10px;
}

/*-- ブランドロゴ --*/
.rc-oin-box .brandbtn{
width:410px;
height:50px;
margin:0 0 0 12px;
padding:0;
line-height:1;
}

.rc-oin-box .brandbtn:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.rc-oin-box .brandbtn ul{
width:410px;
height:50px;
display:block;
margin:0;
padding:0;
}

.rc-oin-box .brandbtn ul li {
height:15px;
margin:0;
padding:0;
float:left;
list-style:none;
line-height:1;
}

.rc-oin-box .brandbtn ul li:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.rc-oin-box .brandbtn ul li a{
height:15px;
padding:0;
margin:0;
display:block;
text-indent:-9999px;
overflow: hidden;
line-height:1;
}

.rc-oin-box .brandbtn li a:link,.rc-oin-box .brandbtn li a:visited {background-position:top;}
.rc-oin-box .brandbtn li a:hover {background-position:bottom;}

/*JUNMEN*/
.rc-oin-box .brandbtn .aboutus-junmen{
width:70px;
height:15px;
margin:0 20px 0 0;
background:url(../../../img/guide/btn_aboutus_juunmen.gif);
background-repeat:no-repeat;
}

/*jline*/
.rc-oin-box .brandbtn .aboutus-jline{
width:135px;
height:15px;
margin:0 20px 0 0;
background:url(../../../img/guide/btn_aboutus_jline.gif);
background-repeat:no-repeat;
}

/*blackjline*/
.rc-oin-box .brandbtn .aboutus-blackline{
width:145px;
height:15px;
margin:0 20px 0 0;
background:url(../../../img/guide/btn_aboutus_blackjline.gif);
background-repeat:no-repeat;
}

/*bassettwlker*/
.rc-oin-box .brandbtn .aboutus-bassettwlker{
width:190px;
height:15px;
margin:10px 20px 0 0;
background:url(../../../img/guide/btn_aboutus_bassettwlker.gif);
background-repeat:no-repeat;
}

/*junclub*/
.rc-oin-box .brandbtn .aboutus-junclub{
width:105px;
height:15px;
margin:10px 20px 0 0;
background:url(../../../img/guide/btn_aboutus_junclub.gif);
background-repeat:no-repeat;
}


/*-- 初めての方へここまで --*/


/*-- 初めての方へ --*/

ul.checkpoint{
width:600px;
margin:15px 0 0 15px;
padding:0;
list-style-type:none;
}

ul.checkpoint li{
margin:0 0 20px 0;
padding:0 0 0 15px;
line-height:140%;
font-size:12px;
background-image:url(../img/other/arrow01.gif);
background-position:left top;
background-repeat:no-repeat;
}

.osusume{
width:630px;
padding:10px;
margin:0px;
}

.osusume-box{
width:300px;
float:left;
margin:0 5px 10px 0;
border:1px solid #CCCCCC;
}

.osusume-box h3{
font-size:14px;
font-weight:bold;
margin:1px;
padding:6px 4px 4px 16px;
background:#333333;
color:#FFFFFF;
background-image:url(../img/other/arrow03.gif);
background-position:left;
background-repeat:no-repeat;
}

.osusume-box h3 span{
font-size:12px;
}

.osusume-box h3 a:link{
color:#FFFFFF;
text-decoration:none;
}

.osusume-box h3 a:visited{
color:#FFFFFF;
text-decoration:none;
}

.osusume-box h3 a:hover{
color:#FF0000;
text-decoration:underline;
}

.osusume-box h3 a:active{
color:#FF0000;
}

.osusume-box p{
width:290px;
font-size:12px;
line-height:140%;
margin:10px 0 10px 10px;
}

/*-- 初めての方へここまで --*/


/*--詳細検索メニュー--*/
.ListSearchOneline{
width:600px;
margin:0 0 0 10px;
padding:0;
text-align:left;
}

.ListSearchOneline:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.ListSearchOneline ul{
margin:3px 0 0 0;
padding:0;
text-align:left;
display:block;
clear:both;
}

.ListSearchOneline ul li{
display:block;
position:relative;
width:145px;
margin:0;
padding:0 0 5px 0;
text-align:left;
float:left;
font-size:12px;
}

.ListSearchOneline ul li a{
margin:0;
padding:0;
text-align:left;
font-size:12px;
position:absolute;
top:1px;
left:22px;
}

.ListSearchSubmit{
display:block;
clear:both;
width:640px;
margin:15px 0 30px 0;
padding:0;
text-align:center;
overflow:hidden;
}

h3.ListSearchttl{
width:640px;
margin:10px 0 10px 15px;
padding:0;
text-align:left;
}