@charset "utf-8";
/* CSS Document */

img { border:0;}
a:link { color: #333;}
a:visited {
    color: #7A3636;
    text-decoration: underline;
}
a:hover { color: #CCC; text-decoration: underline;}
a:active { color: #FFF;    text-decoration: none;}

body {
font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
}

#footer {
    background: #FFF; color: #666;
    padding: 5px 10px; margin: 0px;
    border-top: 1px dashed #AA000F;}

h2 { color: #ffffff; width: 100%; padding: 5px 0; background-color:#CC0000;}
h3 {
    font-size:13px; font-weight: normal; color: #FFF;
    text-align: left; background-color: #333;
    margin: 0px; padding: 1px 0px 1px 20px;}
h4 {
	font-size:15px; font-weight: normal; color: #FFF;
	text-align: left; background-color: #CC0000;
	margin: 0px; padding: 1px 0px 1px 20px;}
hr { border:none; border-top:dashed 1px #999; height:1px; color:#FFF; margin: 5px 10px 5px 10px;}


/*↓メニュー部分　ここから*/


/*↑メニュー部分　ここまで*/

#main { margin: 0; padding: 0;}
#logo {
    margin: 0 auto;
    width: 185px;
    }

#menu {
    margin: 0 auto;
    width: 100%;
    }

#menu2 {
    margin: 0 auto 25px;
    width: 100%;
    }

#main dl { text-align: left; padding: 0px 0px 20px 0; width: 100%;}
#main dt { color: #999; padding: 2px 0px;}
#main dd { color: #333; padding: 0px 15px 2px 6px;}
#main ul { text-align: left; margin: 0px; padding: 0px 0px 10px 0; list-style-position: inside;}
#main dt.info { color: #C00;}


.btn {padding: 0px; text-align: left; margin: 5px 5px 5px 0px;}
#ossm_main { background-color: #FFF; padding-bottom: 20px;}

.ossm  { border: 1px solid #333; margin: 0px 0px 10px; width: 500px; border-collapse:collapse;}
.price {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #F30;
    font-size: 28px;
    border-bottom: 1px solid #666;
    text-align: right;
    padding-right: 10px;
}
.bikeStyle01 {
    color: #333;
    background-color: #CCC;
    text-align: left;
    border: 1px solid #666;
    padding: 3px;
}
.bikeStyle02 {
    color: #333;
    text-align: left;
    background-color: #FFF;
    font-size:0.95em;
    border: 1px solid #666;
    padding: 3px;
}
.nenshi{
    text-align: center;
}
.nenshi p{
    padding: 0 1.5em;
    text-align: left;
/*    font-size: 120%;*/
    line-height: 1.5;
}

.carName {
    font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size:20px; color: #FFF; text-align: left;
    background: #333; font-weight: bold;
    padding: 2px 0 2px 3px;}

.tenkenP { width: 450px; text-align: left; background-color: #F8F7F5;
    margin: 0px auto; padding: 10px 45px;}
.privacyP { text-align: left; width: 440px;
    background-color: #F8F7F5; padding: 10px 30px 10px 70px;}
.textNomal {
    width: 100%;
/*	width: 460px;*/
    border: 1px dotted #999;
    text-align: left;
    padding: 10px;
    margin: 10px 5px 20px 5px;
}
.privacyP2 {
    width: 450px;
    text-align: left;
    background-color: #F8F7F5;
    margin: 0 auto 0 auto;
    padding: 10px 30px 10px 70px;
}
#ossmWindow {
    background-color: #FAFAFA;
    padding: 20px;
    height: 560px;
    width: 760px;
    margin: 0px auto;
}
.sideA {
    background-color: #E7E7E7;
    border-bottom: 1px solid #666;
    padding: 2p 2px 2px 5px;
    margin-top: 5px;
    text-align: left;
}

.sideB {
    background-color: #FFF; text-align: left;
    padding: 2px 2px 2px 5px;
    margin: 5px 0px 0px 5px;}
table.shopInfo {
    border:solid 1px #666;
    margin: 20px auto;}
td.sideA{ border:solid 1px #666;}
td.sideB { border:solid 1px #666;}

table.lists {
    border-collapse:collapse;
    border:solid 1px #666;
    width: 540px;
    text-align: left;}
table.lists2 {
    border-collapse:collapse;
    border:solid 1px #666;
    width: 420px;
    text-align: left;}
.m0 { margin: 0px;}

#listNumber { padding: 5px; border-bottom: 1px dotted #999; margin: 5px;}
#listNumber ul { display: marker;}

.lT { background-color: #9FA9EC; padding: 1px; margin:0px; overflow: hidden;}
.lD { background-color: #FFF; padding: 1px; margin:0px; overflow: hidden;}
.lDImg {
    background-color: #FFF;
    overflow: hidden;
    margin:0px;
    text-align: left;
    width: 100px;
    padding: 1px 10px 0px 0px;
}
.bikou {
    margin: 2px auto 0px auto;
    padding: 2px;
    width: 534px;
    border: 1px dashed #333;
    text-align: left;
}

td.lT { border:solid 1px #666;}
td.lD{ border:solid 1px #666;}
td.lDImg { border:solid 1px #666;}


.textinfo {
    width: 380px;
    border: 1px dotted #999;
    text-align: left;
    margin: 10px auto 20px auto;
    padding: 10px 50px 10px 50px;
}

.tenkenP strong { font-size: 20px; color: #C00;}
.textevent {
    width: 400px;
    border: 1px dotted #999;
    text-align: left;
    margin: 10px auto 10px auto;
    padding: 10px 0px 10px 0px;
    background-color: #F8F7F5;
}

.eventTable { margin: 0px auto 0px auto; border-collapse:collapse; border:1px solid #000;}
#eventTable_b {
    background-color: #F8F7F5;
    padding-bottom: 10px;
    border-bottom: dotted 1px #999;
}
#main_window {
    width:600px;
    background:#fff;
    clear: both;
    margin: 0px auto 0px auto;
    padding: 10px 0 10px 0;
    text-align: center;
}
#main_window2 {
    width:740px;
    background:#fff;
    clear: both;
    margin: 0px auto 0px auto;
    padding: 10px 0 10px 0;
    text-align: center;
}
.windowTable { margin: 20px auto 10px auto;}
.windowTable2 { margin: 20px auto 10px auto;}
.windowTable2 td{ padding:3px;}

#footer_window {
    background: #FFF;
    height: auto;
    width: auto;
    border-top: 4px solid #AA000F;
    color: #666;
    text-align: right;
    clear: both;
    padding: 5px 10px 5px 0px;
    margin: 0px auto 0px auto;
}
.redB { font-weight: bold; color: #C00; font-size: 1.2em; margin: 0px;}
.buy { color: #C00; font-weight: bold; font-size: 1.1em;}
.ossm_t_main { padding:0px; margin: 0px;}
#main_window_faq {
    width:800px;
    clear: both;
    text-align: center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    background-color: #fff;
    background-image: url(../photo/img/faq_back.gif);
}
#faqlist {
    width: 670px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: #FFFFFF;
    padding-left: 10px;
}


#faqlist strong {
    font-weight: bold;
    color: #008040;
    font-size: 1.12em;
}

#faqlist dt {
    padding-left: 55px;
    padding-top: 15px;
    background-image: url(../photo/img/faq_dtback.gif);
    background-repeat: no-repeat;
    width: 640px;
    font-size: 14px;
    font-weight: bolder;
    color: #9C2323;
    height: 30px;
    padding-bottom: 10px;
    text-align: left;
}
#faqlist dd {
    padding-left: 30px;
    padding-top: 20px;
    width: 600px;
    padding-bottom: 20px;
    padding-right: 30px;
    text-align: left;
    background-image: url(../photo/img/faq_ddback.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#faqlist td {
    text-align: left;
    padding: 5px 10px 5px 10px;
    font-size: 0.76em;
}
.table_faq {
    border-collapse:collapse;
    border:1px solid #666;
}

.tablecolor_gray {
    background-color: #E1E1E1;
    border:solid 1px #666;
}

.tablecolor_white {
    background-color: #FFFFFF;
    border:solid 1px #666;
}
.strike {
    text-decoration: line-through;
}

#button {
color:#ffffff;
background:#333333;
font-size:24px;
font-weight:bold;
text-shadow:0 -1px 0px #333333,0 -2px 0px #333333;
text-align:center;
display:block;
text-decoration:none;
border:1px solid #666666;
padding:8px 0;
border-radius:5px;
background:-webkit-gradient(linear, left bottom, left top, from(#000000), to(#666666));
}

#button-a {
color:#ffffff;
background:#333333;
font-size:24px;
font-weight:bold;
text-shadow:0 -1px 0px #333333,0 -2px 0px #333333;
text-align:center;
display:block;
text-decoration:none;
border:1px solid #666666;
padding:8px 0;
border-radius:5px;
background:-webkit-gradient(linear, left bottom, left top, from(#aaaaaa), to(#999999));
}

#button2 {
color:#333333;
background:#ffffff;
font-size:20px;
font-weight:normal;
text-align:center;
display:block;
text-decoration:none;
border:1px solid #666666;
padding:5px 0;
border-radius:5px;
background:-webkit-gradient(linear, left bottom, left top, from(#cccccc), to(#efefef));
}

#mente { border: 1px dotted #666666;
padding:5px;
margin: 0 0 15px 0;
}

.mente {
         margin: 10px 20px;
         }

.infobox{
    border: 1px #F00 solid;
    padding: 5px 0px 5px 20px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    font-size: 100%;

}
.infobox h4{
    color: #F00;
    font-size: 120%;
    line-height: 50%;
}
.infobox p{
    text-align: left;
    margin: 0 20;
    line-height: 150%;
}
.sideA2 {
    background-color: #E7E7E7;
    border-bottom: 1px solid #666;
    padding: 2p 2px 2px 5px;
    width: 100px;
    margin-top: 5px;
    text-align: center;
}

.sideB2 {
    background-color: #FFF; text-align: center;
    padding: 2px 2px 2px 5px;
    margin: 5px 0px 0px 5px;}
td.sideA2{ border:solid 1px #666;}
td.sideB2 { border:solid 1px #666;}

.sideA2 {
    background-color: #E7E7E7;
    border-bottom: 1px solid #666;
    padding: 2p 2px 2px 5px;
    width: 100px;
    margin-top: 5px;
    text-align: center;
}
.sideC2 {
    background-color: #333;
    border-bottom: 1px solid #666;
    padding: 2p 2px 2px 5px;
    width: 100px;
    margin-top: 5px;
    text-align: center;
    color: #FFF;
}
.rd{
    color: #F00;
}
table.shopInfo {
    border-collapse:collapse;
    border:solid 1px #666;
    width: 96%;
    margin: 20px auto 20px auto;}

.gw{
    text-align: center;
}

.topinfo{
    margin: 20px;
}
.topinfo h3{
    text-align: center;
}
.bfont{
    font-weight: bold;
    font-size: 160%;
}
.btn-social-square {
	display: inline-block;
	text-decoration: none;
	width: 50px;
	padding: 0px 0px 2px 2px;
	margin: 3px 3px 13px 3px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	color:white;
	border-radius: 12px;
	text-align: center;
	overflow: hidden;
	/*	font-weight: bold;*/
	transition: .3s;
}
.btn-social-square i {
	line-height:50px;
}
.btn-social-square:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.btn-social-square--twitter {
	background: #1DA1F2;
}
.btn-social-square--facebook {
	background: #1877f2;
}
.btn-social-square--line {
	background: #00B900;
}
.btn-social-square--instagram {
	background: linear-gradient(135deg, #4C64D3 0%, #CF2E92 35%, #F26939 60%, #FFDD83 85%) no-repeat;
	/*	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;*/
}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
    .oshirase table    .ue{
        font-size: 65%;
    }
    .gwcldr{
        font-size: 70%;
    }

}