@charset utf-8;

/*  TOP
========================================*/
#top header {
	background:url(../../images/header_img.jpg) no-repeat top right #1165AE;
	position:relative;
}
#top header div {
	margin:0 auto;
	text-align:left;
	width:960px;
}
#top header section {
	background:#1165AE;
	padding:157px 0 158px;
	width:380px;
}
#top header div section h1 {
	float:none;
	margin:0 0 33px;
	padding:0 0 0 27px;
}
#wrapper .info {
	margin:0 0 50px;
}
#wrapper .info img {
	float:left;
	margin:0 20px 0 0;
}
#wrapper .info .txt {
	float:right;
	line-height:1.8;
	text-align:left;
	width:316px;
}
#wrapper .info .txt h2 {
	color:#0099CB;
	font-size:124%;
	font-weight:bold;
	margin:0 0 10px;
}
#wrapper .info .txt h2 span {
	font-size:113%;
}
#wrapper .info .txt p {
	margin:0 0 15px;
}
#wrapper .info .txt .btn img {
	float:none;
}
#wrapper #clmL {
	float:left;
	text-align:left;
	width:660px;
}
#wrapper #clmL #news {
	line-height:1.4;
	margin:0 0 40px;
}
#wrapper #clmL #news dl {
	padding:0 10px;
}
#wrapper #clmL #news dt {
	margin:0 0 8px;
}
#wrapper #clmL #news dt img {
	margin:0 0 0 10px;
	vertical-align:-.12em;
}
#wrapper #clmL #news dt a {
	background:url(../images/arrow01.gif) no-repeat left .4em;
	padding:0 0 0 10px;
}
#wrapper #clmL #news dt a time {
	margin:0 10px 0 0;
}
#wrapper #clmL #news dd {
	border-bottom:1px dotted #CCC;
	font-size:93%;
	margin:0 0 20px;
	padding:0 0 20px;
}
#wrapper #clmL #recommend {
	margin:0 0 40px;
}
#wrapper #clmL #recommend .list_carousel {
	background:#F6F6F6;
	padding:10px 15px;
}
#wrapper #clmL #recommend .list_carousel ul li {
	background:#FFF;
	border:1px solid #EEE;
	float:left;
	font-size:93%;
	line-height:1.4;
	margin:0 15px 0 0;
	padding:9px;
	text-align:center;
	width:180px;
}
#wrapper #clmL #recommend .list_carousel ul li:hover {
	border:1px solid #26C9FF;
	cursor:pointer;
}
#wrapper #clmL #recommend #pager {
	padding:10px 0 0;
	text-align:center;
}
#wrapper #clmL #recommend #pager a {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#C9C9C9;
	border-radius:4px;
	display:inline-block;
	height:8px;
	margin:0 10px;
	text-indent:-9999px;
	width:8px;
}
#wrapper #clmL #recommend #pager a.selected {
	background:#0099CB;
}
#wrapper #clmL #brand ul li {
	float:left;
	margin:0 10px 8px 0;
}
#wrapper #clmL #brand ul.brand {
	margin:0 0 30px;
}
#wrapper #clmR {
	float:right;
	width:200px;
}
#wrapper #clmR #calendarArea .calendar caption {
}
#wrapper #clmR #calendarArea .calendar caption span {

}
#wrapper #clmR #calendarArea table.calendar {
}
#wrapper #clmR #calendarArea table.calendar th {
}
#wrapper #clmR #calendarArea table.calendar td {
}
#wrapper #clmR #calendarArea table.calendar td.attr0 {
}
#wrapper #clmR .info {
	background:#0099CB;
	color:#FFF;
	line-height:1.6;
	margin:0 0 20px;
	padding:5px;
}
#wrapper #clmR .info img {
	float:none;
	margin:0;
}
#wrapper #clmR .info h4 {
	margin:10px 0 0;
}
#wrapper #clmR .info p {
	border-bottom:1px solid #4DB8DB;
	border-top:1px solid #4DB8DB;
	margin:10px 0;
	padding:10px 0;
	text-align:left;
}
#wrapper #clmR .info a {
	color:#FFF;
	text-decoration:underline;
}
#wrapper #clmR .info a:hover {
	color:#FFF;
	text-decoration:none;
}
#wrapper #clmR aside ul li a:hover img {
	filter:alpha(opacity=60);
	opacity:0.6;
}
#wrapper .info .txt .btn,
#wrapper #clmL #news .btn,
#wrapper #clmL #brand p {
	text-align:right;
}
#wrapper #clmL #news h3,
#wrapper #clmL #recommend h3,
#wrapper #clmL #brand h3,
#wrapper #clmR #calendarArea h3 {
	margin:0 0 20px;
}
#wrapper #clmR aside ul li:last-child {
	margin:0;
}
#wrapper #clmL #recommend .list_carousel ul li img,
#wrapper #clmL #brand ul.parts,
#wrapper #clmR aside ul li {
	margin:0 0 10px;
}


/*  新着情報
========================================*/
#wrapper #news {
	line-height:1.4;
	margin:0 0 40px;
}
#wrapper #news #clmL h3 {
	color:#1165AE;
	font-size:154%;
	border-left:1px solid #1165AE;
	padding:0 0 0 12px;
	margin:0 0 30px;
}
#wrapper #news dl {
	padding:0 10px;
}
#wrapper #news dt {
	margin:0 0 8px;
}
#wrapper #news dt img {
	margin:0 0 0 10px;
	vertical-align:-.12em;
}
#wrapper #news dt a {
	background:url(../images/arrow01.gif) no-repeat left .4em;
	padding:0 0 0 10px;
}
#wrapper #news dt a time {
	margin:0 10px 0 0;
}
#wrapper #news dd {
	border-bottom:1px dotted #CCC;
	font-size:93%;
	margin:0 0 20px;
	padding:0 0 20px;
}
/* pager */
#wrapper #news .pagebar {
	clear:both;
	text-align:center;
	padding:10px;
	margin:50px 0 0;
}
#wrapper #news .pagebar span,
#wrapper #news .pagebar a {
	padding:7px 10px;
	margin:0 2px;
	text-decoration:none;
	color:#333;
}
#wrapper #news .pagebar span:first-child,
#wrapper #news .pagebar a:first-child {
	padding:7px 10px;
	margin:0 2px 0 20px;
}
#wrapper #news .pagebar .this-page {
	background:#0099CB;
	color:#FFF;
	text-decoration:none;
}
/* 詳細ページ */
#wrapper #news #newsDetail .info {
	text-align:right;
	margin:0 0 20px;
}
#wrapper #news #newsDetail .info img {
	display:inline;
	border:0px;
	padding: 2px 0 0 10px;
	margin:0;
	float:right;
}
#wrapper #news #newsDetail h3 {
	margin:0 0 10px;
}
#wrapper #news #newsDetail img {
	padding:3px;
	border:1px solid #DDD;
	margin:0 0 20px;
}
#wrapper #news #newsDetail p {
	margin:0 0 20px;
	line-height:1.8;
}
#wrapper #news #newsDetail p img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#wrapper #news #newsDetail img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
#wrapper #news #newsDetail img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#wrapper #news #newsDetail .alignright {
    float: right;
}
#wrapper #news #newsDetail .alignleft {
    float: left;
}
#wrapper #news .btn {
	text-align:right;
	margin:40px 0 0;
}

/*  フレーム・完成車、パーツ
========================================*/
#wrapper #goods table {
	line-height:1.5;
}
#wrapper #goods span.category,
#wrapper #parts span.category {
	color:#FFF;
	padding:2px 5px;
	-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	border-radius:12px;
	font-size:9px;
	margin:0 5px 0 0;
	vertical-align: 0.1em;
	float:left;
}
#wrapper span.category.road {background:#4EB413;}
#wrapper span.category.cross {background:#119EB7;}
#wrapper span.category.mountain {background:#F1740E;}
#wrapper span.category.mini {background:#D944A5;}
#wrapper span.category.holding {background:#3AB678;}
#wrapper span.category.kids {background:#E3CB1C;}
#wrapper span.category.pist {background:#60C8C8;}
#wrapper span.category.frame {background:#D83F3F;}
#wrapper span.category.wheel {background:#537BD0;}
#wrapper span.category.rim {background:#E3CB1C;}
#wrapper span.category.component {background:#9ABC4B;}
#wrapper span.category.parts {background:#A781C9;}
#wrapper span.category.accessory {background:#D6418B;}


/*  作業工賃表
========================================*/
#wrapper #expense p {
	line-height:1.8;
}
#wrapper #expense ul {
	margin:20px 0;
}
#wrapper #expense ul li {
	float:left;
	margin:0 12px 10px 0;
}
#wrapper #expense ul li:nth-child(5) {
	margin:0 0 10px;
}

#wrapper #expense p {
	text-align: left;
}

#wrapper #expense p.right {
	text-align: right;
}

#wrapper #expense table#all {
	margin-top: 1.0empx;
}

#wrapper #expense table {
	border-collapse:separate;
	border-left:1px solid #1165AE;
	border-spacing:0;
	border-top:1px solid #1165AE;
	margin:0 auto 20px;
	width:878px;
}

#wrapper #expense table th {
	background:#B4D8F8;
	border-bottom:1px solid #1165AE;
	border-right:1px solid #1165AE;
	font-size:100%;
	line-height:1.6;
	padding:10px 15px;
	width:219px;
}

#wrapper #expense table th.category {
	background:#FFF;
	color:#1165AE;
	font-size:116%;
	font-weight:bold;
	vertical-align:middle;
	width:189px;
}

#wrapper #expense table th.ptrn {
	background:#3A8ED3;
	color:#FFF;
	width:174px;
	text-align:center;
}

#wrapper #expense table th.none {
	background:#FFF;
	width:auto;
}

#wrapper #expense table th span {
	font-size:85%;
}

#wrapper #expense table td {
	border-bottom:1px solid #1165AE;
	border-right:1px solid #1165AE;
	padding:10px 15px;
	text-align:center;
	font-size:139%;
	vertical-align:middle;
	width:174px;
}
#wrapper #expense table td span {
	font-size:72%;
}

/*  ブログ
========================================*/
#wrapper #blog #clmL {
	width:660px;
	float:left;
}
#wrapper #blog #clmL section {
	width:658px;
	border:1px solid #AAA;
	padding:10px 0 0;
	margin:0 0 50px;
}
#wrapper #blog #clmL section h3 {
	padding:10px 0 10px 65px;
	margin:0 10px;
	color:#1165AC;
	font-size:154%;
	font-weight:bold;
	background:url(../../blog/images/icon01.gif) no-repeat left 0.2em;
	border-bottom:1px solid #1165AC;
}
#wrapper #blog #clmL section time {
	display:block;
	margin:10px 0 20px;
	text-align:right;
	padding:0 10px;
}
#wrapper #blog #clmL section .blogBox,
#wrapper #blog #clmL section .blogDetailBox {
	padding:10px;
}
#wrapper #blog #clmL section .blogBox a img,
#wrapper #blog #clmL section .blogDetailBox a img {
	padding:3px;
	border:1px solid #AAA;
	margin:0 6px 20px 0;
}
#wrapper #blog #clmL section .blogBox p,
#wrapper #blog #clmL section .blogDetailBox p {
	margin:0 0 20px;
	line-height:1.8;
}
#wrapper #blog #clmL section .moreRead {
	margin:0 0 10px;
	text-align:right;
	padding:0 10px;
}
#wrapper #blog #clmL section .category {
	width:274px;
	float:left;
	padding:20px 10px 20px 45px;
	background:url(../../blog/images/icon02.gif) no-repeat 10px 50%;
	border-top:1px solid #AAA;
}
#wrapper #blog #clmL section .category span {
	background:#0099CB;
	padding:5px 10px;
	color:#FFF;
	border-radius:3px;
	margin:0 10px 0 0;
	font-size:72%;
}
#wrapper #blog #clmL section .category span:last-child {
	margin:0;
}
#wrapper #blog #clmL nav {
	padding:20px 0;
	margin:0 0 30px;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
}
#wrapper #blog #clmL nav ul li {
	float:left;
	width:120px;
	margin:0 110px 0 0;
}
#wrapper #blog #clmL nav ul li:nth-child(2) {
	width:200px;
}
#wrapper #blog #clmL nav ul li:last-child {
	margin:0;
}
#wrapper #blog #clmL section .comment {
	width:279px;
	padding:21px 10px 20px 40px;
	float:right;
	background:url(../../blog/images/icon03.gif) no-repeat 10px 50% #0099CB;
	color:#FFF;
}
#wrapper #blog #clmL #respond {
	margin:30px 0 0;
	border:0px;
}
#wrapper #blog #clmL #respond h3,
#wrapper #blog #clmL #comments h3 {
	background:url(../../blog/images/icon04.gif) no-repeat left 0.1em;
	font-size:124%;
	margin:0 0 20px;
	padding:10px 0 10px 45px;
}
#wrapper #blog #clmL #respond span {
	color:#F00;
}
#wrapper #blog #clmL #respond p {
	font-size:85%;
	margin:0 0 30px;
}
#wrapper #blog #clmL #respond dl dt {
	margin:0 0 10px;
}
#wrapper #blog #clmL #respond dl dd {
	margin:0 0 20px;
}
#wrapper #blog #clmL #respond dl dd input[type="text"] {
	height:30px;
	width:240px;
	padding:0 10px;
	border-radius:3px;
	border:1px solid #CCC;
}
#wrapper #blog #clmL #respond dl dd input[type="text"]#email,
#wrapper #blog #clmL #respond dl dd input[type="text"]#web {
	width:360px;
}
#wrapper #blog #clmL #respond dl dd textarea {
	height:80px;
	width:380px;
	padding:10px;
	border-radius:3px;
	border:1px solid #CCC;
}
#wrapper #blog #clmL #respond form input[type="submit"] {
	width:230px;
	height:36px;
	background:url(../../blog/images/btn01_off.gif) no-repeat top center;
	text-indent:-10000px;
	border:none;
	cursor:pointer;
}
#wrapper #blog #clmL #respond form input[type="submit"]:hover {
	background:url(../../blog/images/btn01_on.gif) no-repeat top center;
}

#wrapper #blog #clmR section {
	border:1px solid #AAA;
	border-top:0px;
	margin:0 0 20px;
}
#wrapper #blog #clmR section h4 {
	background:#1165AE;
	padding:10px 5px;
	margin:0 0 15px;
	color:#FFF;
	clear:both;
	font-family: 'Jockey One', sans-serif;
	font-size:139%;
	text-align:left;
}
#wrapper #blog #clmR section h4 span {
	float:right;
	padding:3px 0 0;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size:72%;
}
#wrapper #blog #clmR section#newEntry dl {
	padding:0 9px;
}
#wrapper #blog #clmR section#newEntry dl dt {
	font-size:85%;
	margin:0 0 6px;
}
#wrapper #blog #clmR section#newEntry dl dd {
	border-bottom:1px dotted #CCC;
	margin:0 0 15px;
	padding:0 0 10px 12px;
	background:url(../images/arrow01.gif) no-repeat left 0.2em;
}
#wrapper #blog #clmR section#newEntry dl dd:last-child {
	border-bottom:0px;
}
#wrapper #blog #clmR section#newEntry dl dd a {
	color:#333;
}
#wrapper #blog #clmR section#newEntry dl dd a:hover,
#wrapper #blog #clmR section#newEntry dl dd a:active {
	color:#1AC6FF;
	text-decoration:underline;
}
#wrapper #blog #clmR section#archive {
	text-align:center;
}
#wrapper #blog #clmR section#archive select {
	margin-bottom:15px;
	width:180px;
}
#wrapper #blog #clmR section#category ul {
	padding:0 9px;
}
#wrapper #blog #clmR section#category ul li {
	border-bottom:1px dotted #CCC;
	margin:0 0 15px;
	padding:0 0 10px 12px;
	background:url(../images/arrow01.gif) no-repeat left 0.2em;
}
#wrapper #blog #clmR section#category ul li:last-child {
	border-bottom:0px;
}
#wrapper #blog #clmR section#category ul li a {
	color:#333;
}
#wrapper #blog #clmR section#category ul li a:hover,
#wrapper #blog #clmR section#category ul li a:active {
	color:#1AC6FF;
	text-decoration:underline;
}
#wrapper #blog #clmR section#category ul li span {
	background:#0099CB;
	color:#FFF;
	font-size:93%;
	padding:3px 4px 3px 3px;
	margin:0 0 0 15px;
	border-radius:3px;
	position:relative;
}
#wrapper #blog #clmR section#category ul li span:after {
	content:"";
	border-top: 5px solid transparent;
	border-right: 7px solid #0099CB;
	border-bottom: 5px solid transparent;
	position:absolute;
	top:6px;
	left:-7px;
}

/* WPテンプレート用 */
#wrapper #blog #clmL #comments {
	margin:30px 0 0;
	border:0px;
}
#wrapper #blog #clmL #comments h3#comments-title,
#wrapper #blog #clmL #respond h3#reply-title {
	background:url(../../blog/images/icon04.gif) no-repeat left 0.1em;
	font-size:124%;
	margin:0 0 20px;
	padding:10px 0 10px 45px;
	border-bottom: 1px solid #0099CB;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment {
	margin:0 0 20px;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment.depth-2,
#wrapper #blog #clmL #comments ol.commentlist li.comment.depth-4 {
	margin:0 0 20px;
	padding:0 0 0 20px;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.comment-body {
	background:#C6F0F9;
	padding:10px;
	margin:15px 0 10px;
	position:relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.comment-body:before {
	content:"";
	border-bottom:12px solid #C6F0F9;
	border-left: 16px solid transparent;
	border-right: 0px solid transparent;
	top: -12px;
	left: 20px;
	position: absolute;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment.depth-2 div.comment-body,
#wrapper #blog #clmL #comments ol.commentlist li.comment.depth-4 div.comment-body {
	background:#C6C6C6;
}
#wrapper #blog #clmL #comments ol.commentlist li.depth-2 div.comment-body:before,
#wrapper #blog #clmL #comments ol.commentlist li.depth-4 div.comment-body:before {
	content:"";
	border-bottom:12px solid #C6C6C6;
	border-left: 16px solid transparent;
	border-right: 0px solid transparent;
	top: -12px;
	left: 20px;
	position: absolute;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.comment-body p {
	font-size:85%;
	line-height:1.6;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.comment-author,
#wrapper #blog #clmL #comments ol.commentlist li.comment div.comment-meta {
	display:inline;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.comment-meta {
	margin:0 0 0 10px;
	color:#333;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.reply {
	text-align:right;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.reply a {
	color:#333;
	padding:0 0 0 17px;
	text-decoration:underline;
	background:url(../../blog/images/icon05.gif) no-repeat left 50%;
}
#wrapper #blog #clmL #comments ol.commentlist li.comment div.reply a:hover {
	text-decoration:none;
}


/* pager */
#wrapper #blog #clmL .pagebar {
	clear:both;
	text-align:center;
	padding:10px;
	margin:50px 0 0;
}
#wrapper #blog #clmL .pagebar span,
#wrapper #blog #clmL .pagebar a {
	padding:7px 10px;
	margin:0 2px;
	text-decoration:none;
	color:#333;
}
#wrapper #blog #clmL .pagebar span:first-child,
#wrapper #blog #clmL .pagebar a:first-child {
	padding:7px 10px;
	margin:0 2px 0 20px;
}
#wrapper #blog #clmL .pagebar .this-page {
	background:#0099CB;
	color:#FFF;
	text-decoration:none;
}


#wrapper #goods table th,
#wrapper #parts table th {
	padding:10px 5px;
	background:#DDD;
}
#wrapper #goods table td,
#wrapper #parts table td {
	padding:10px 5px;
}

/*  お問合わせ
========================================*/
#wrapper #contact {
}
#wrapper #contact p {
	margin:0 0 50px;
	text-align: center;
}
#wrapper #contact dl {
}
#wrapper #contact dl dt {
	margin:10px 0;
	padding:0;
	float:left;
	color:#1165AC;
	font-weight:bold;
	font-size:108%;
}
#wrapper #contact dl dt span {
	background:#FF4D4D;
	padding:2px 6px;
	font-size:85%;
	color:#FFF;
	margin:0 0 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#wrapper #contact dl dd {
	padding:0 0 24px 210px;
	margin:0 0 20px;
	border-bottom:1px solid #0199CB;
}
#wrapper #contact dl dd span {
	margin:0 10px;
	font-size:93%;
}
#wrapper #contact dl dd input[type="tel"],
#wrapper #contact dl dd input[type="text"] {
	padding:6px 10px;
	margin:0;
	border:1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#wrapper #contact dl dd input[type="text"]:focus {
	border:1px solid #109FCE;
	outline-color:#109FCE;
	background:#EDFAFE;
}
#wrapper #contact dl dd textarea {
	padding:10px;
	width:460px;
	height:120px;
	border:1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#wrapper #contact dl dd textarea:focus {
	border:1px solid #109FCE;
	outline-color:#109FCE;
	background:#EDFAFE;
}

#wrapper #contact dl dd li {
	margin:0 0 30px;
}
#wrapper #contact dl dd li:last-child {
	margin:0;
}
#wrapper #contact dl dd li input {
	margin:0 0 0 15px;
}
#wrapper #contact dl dd li label {
	color:#1165AC;
	font-weight:bold;
	margin:0 10px 0 0;
}
#wrapper #contact .btn {
	text-align:center;
}
#wrapper #contact input[type="submit"] {
	width:300px;
	height:60px;
	background:url(/contact/images/btn_off.gif) no-repeat top center;
	border:none;
	cursor:pointer;
	/*text-indent:-10000px;*/
	color: transparent;
}
#wrapper #contact input[type="submit"]:hover {
	background:url(/contact/images/btn_on.gif) no-repeat top center;
}
#wrapper #contact input#name{
	width:200px;
}
#wrapper #contact input#kana{
	width:250px;
}
#wrapper #contact input#tel{
	width:200px;
}
#wrapper #contact input#email{
	width:300px;
}
#wrapper #contact input#zip{
	margin:0 0 0 5px;
}
/* /エラースタイル/ */
#wrapper #contact p.error {
	margin:20px 0 0;
	width:300px;
	padding:15px 10px;
	background:#FF4D4D;
	color:#FFF;
	position:relative;
}
#wrapper #contact p.error:before {
	content:"";
	border-bottom: 12px solid #FF4D4D;
	border-left: 16px solid transparent;
	border-right: 0px solid transparent;
	top: -12px;
	left: 20px;
	position: absolute;
}



/* 確認画面 */
#wrapper #contact form#confirm dl dt {
	margin:0;
}
#wrapper #contact form#confirm .btn {
	width:620px;
	margin:0 auto;
}
#wrapper #contact form#confirm input[type="image"].back {
	float:left;
}
#wrapper #contact form#confirm input[type="image"].back:hover {
	background:url(/contact/images/btn03_on.gif) no-repeat top center;
}
#wrapper #contact form#confirm input[type="submit"].next {
	background:url(/contact/images/btn02_off.gif) no-repeat top center;
	float:right;
}
#wrapper #contact form#confirm input[type="submit"].next:hover {
	background:url(/contact/images/btn02_on.gif) no-repeat top center;
}
/* 完了画面 */
#wrapper #contact section#thanks {
	text-align:center;
}
#wrapper #contact section#thanks h3 {
	color:#1165AD;
	font-size:154%;
	font-weight:bold;
	margin:0 0 30px;
}
#wrapper #contact section#thanks p {
	margin:0 0 10px;
	line-height:1.6;
}
#wrapper #contact section#thanks .btn {
	margin:30px 0 0;
}


/*
 parts goods　完成車・フレーム、パーツ
========================================*/
#wrapper #parts #contents #contents_sub ul li,
#wrapper #goods #contents #contents_sub ul li {
	width:260px;
	float:left;
	margin:0 20px 20px 0;
}
#wrapper #parts #contents #contents_sub ul li:nth-child(3n),
#wrapper #goods #contents #contents_sub ul li:nth-child(3n) {
	margin:0 0 20px 0;
}
#wrapper #parts #contents #contents_sub ul li h3,
#wrapper #goods #contents #contents_sub ul li h3 {
	font-size:100%;
	color:#333;
	margin:0 0 15px;
	border-bottom:1px solid #CCC;
	padding:0 0 10px;
	height:auto;
}
#wrapper #parts #contents #contents_sub ul li h4,
#wrapper #goods #contents #contents_sub ul li h4 {
	font-size:0px;
	margin:0 0 5px;
	height:auto;
}
#wrapper #parts #contents #contents_sub ul li p,
#wrapper #goods #contents #contents_sub ul li p {
	line-height:1.6;
}
/* pager */
#wrapper #goods #contents .pagebar,
#wrapper #parts #contents .pagebar {
	clear:both;
	text-align:center;
	padding:10px;
	margin:50px 0 0;
}
#wrapper #goods #contents .pagebar span,
#wrapper #goods #contents .pagebar a,
#wrapper #parts #contents .pagebar span,
#wrapper #parts #contents .pagebar a {
	padding:7px 10px;
	margin:0 2px;
	text-decoration:none;
	color:#333;
}
#wrapper #goods #contents .pagebar span:first-child,
#wrapper #goods #contents .pagebar a:first-child,
#wrapper #parts #contents .pagebar span:first-child,
#wrapper #parts #contents .pagebar a:first-child {
	padding:7px 10px;
	margin:0 2px 0 20px;
}
#wrapper #goods #contents .pagebar .this-page,
#wrapper #parts #contents .pagebar .this-page {
	background:#0099CB;
	color:#FFF;
	text-decoration:none;
}

/*
 about　ショップ案内
========================================*/
#contents #contents_sub #about {
	line-height: 1.8;
}

#contents_sub .contents_title .side_txt{
	vertical-align:bottom;
	margin-left: 10px;
}

#contents #contents_sub #about table {
	line-height: 1.8;
}

#contents #contents_sub #about table td {
	padding:10px 5px;
	vertical-align:top;
}

#contents #contents_sub #about .inside_table table td{
	padding: 0;
}

/*
 select　自転車選び
========================================*/
#wrapper #select p {
	line-height: 1.6;
}
#wrapper #select .table_goods tr:nth-child(2) th {
	padding:6px;
	background:#CAEAA4;
}
#wrapper #select .table_goods tr:nth-child(4) th {
	padding:6px;
	background:#D9F0F8;
}
#wrapper #select .table_goods td {
	padding:6px;
}
#wrapper #select h3#support {
	background-image: url(../../select/images/title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:40px 0 20px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	height: 34px;
	width: 840px;
	display: block;
	text-align:left;
	color:#003399;
	font-size: 15px;
	text-decoration: none;
}
#wrapper #select .contents_title {
	margin:30px 0 20px;
}
#wrapper #select table.mt30 td {
	vertical-align:top;
}

/*
 sitemap　サイトマップ
========================================*/
#contents #contents_sub #sitemap {
	line-height: 1.6;
}

/*
 privacy　プライバシーポリシー
========================================*/
#contents #contents_sub #privacy {
	line-height: 1.6;
}
#contents #contents_sub #privacy ol li{
	list-style:inside decimal;
	padding-left: 10px;
}

/*
 link　リンク
========================================*/
#contents #contents_sub #link {
	line-height: 1.6;
}

/*
 faq　よくあるご質問
========================================*/
#contents #contents_sub #faq {
	line-height: 1.6;
}

#wrapper #contact form input#back-btn {
	background-image: url(/contact/images/btn03_off.gif);
	background-color: transparent;
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	border: none;
	cursor: pointer;
	height: 60px;
	width: 300px;
	vertical-align: middle;
	color: transparent;
}
#wrapper #contact form input#back-btn:hover {
	background:url(/contact/images/btn03_on.gif) no-repeat top center;
}
#wrapper #contact form input#submit-btn {
	background:url(/contact/images/btn02_off.gif) no-repeat top center;
	float:right;
}
#wrapper #contact form input#submit-btn:hover {
	background:url(/contact/images/btn02_on.gif) no-repeat top center;
}
.wpcf7c-conf {
	background-color: #dddddd !important;
}

/* added 20220613  */
/*  お問合わせ
========================================*/
#container #content {
}
#container #content p {
	margin:0 0 50px;
	text-align: center;
}
#container #content span {
	margin:0 0 50px;
	text-align: center;
}
#container #content dl {
}
#container #content dl dt {
	margin:10px 0;
	padding:0;
	float:left;
	color:#1165AC;
	font-weight:bold;
	font-size:108%;
}
#container #content dl dt span {
	background:#FF4D4D;
	padding:2px 6px;
	font-size:85%;
	color:#FFF;
	margin:0 0 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#container #content dl dd {
	padding:0 0 24px 210px;
	margin:0 0 20px;
	border-bottom:1px solid #0199CB;
}
#container #content dl dd span {
	margin:0 10px;
	font-size:93%;
}
#container #content dl dd input[type="tel"],
#container #content dl dd input[type="text"] {
	padding:6px 10px;
	margin:0;
	border:1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#container #content dl dd input[type="text"]:focus {
	border:1px solid #109FCE;
	outline-color:#109FCE;
	background:#EDFAFE;
}
#container #content dl dd textarea {
	padding:10px;
	width:460px;
	height:120px;
	border:1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#container #content dl dd textarea:focus {
	border:1px solid #109FCE;
	outline-color:#109FCE;
	background:#EDFAFE;
}

#container #content dl dd li {
	margin:0 0 30px;
}
#container #content dl dd li:last-child {
	margin:0;
}
#container #content dl dd li input {
	margin:0 0 0 15px;
}
#container #content dl dd li label {
	color:#1165AC;
	font-weight:bold;
	margin:0 10px 0 0;
}
#container #content .btn {
	text-align:center;
}
#container #content input[type="submit"] {
	width:300px;
	height:60px;
	border:none;
	cursor:pointer;
	/*text-indent:-10000px;*/
	color: transparent;
}
#container #content input[name="submitConfirm"] {
	background:url(/contact/images/btn_off.gif) no-repeat top center;
}
#container #content input[name="submitConfirm"]:hover {
	background:url(/contact/images/btn_on.gif) no-repeat top center;
}
#container #content input#name{
	width:200px;
}
#container #content input#kana{
	width:250px;
}
#container #content input#tel{
	width:200px;
}
#container #content input#email{
	width:300px;
}
#container #content input#zip{
	margin:0 0 0 5px;
}
/* /エラースタイル/ */
#container #content span.error {
	margin:20px 0 0;
	width:300px;
	padding:15px 10px;
	background:#FF4D4D;
	color:#FFF;
	position:relative;
}
#container #content span.error:before {
	content:"";
	border-bottom: 12px solid #FF4D4D;
	border-left: 16px solid transparent;
	border-right: 0px solid transparent;
	top: -12px;
	left: 20px;
	position: absolute;
}

/* 確認画面 */
#container #content form#confirm dl dt {
	margin:0;
}
#container #content .mw_wp_form_confirm div.btn {
	width:620px;
	margin:0 auto;
}
#container #content form#confirm input[type="image"].back {
	float:left;
}
#container #content form input[name="submitBack"] {
	background:url(/contact/images/btn03_off.gif) no-repeat top center;
}
#container #content form input[name="submitBack"]:hover {
	background:url(/contact/images/btn03_on.gif) no-repeat top center;
}
#container #content form input[name="mwform_submit"] {
	background:url(/contact/images/btn02_off.gif) no-repeat top center;
	float:right;
}
#container #content form input[name="mwform_submit"]:hover {
	background:url(/contact/images/btn02_on.gif) no-repeat top center;
}

/* 完了画面 */
#container #content section#thanks {
	text-align:center;
}
#container #content section#thanks h3 {
	color:#1165AD;
	font-size:154%;
	font-weight:bold;
	margin:0 0 30px;
}
#container #content section#thanks p {
	margin:0 0 10px;
	line-height:1.6;
}
#container #content section#thanks .btn {
	margin:30px 0 0;
}