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

/* 全ページ */
h1#Base {
	height:40px;
	width:150px;
	margin:0;
}
h1#Base a{
	width:150px;
	height:40px;
	background-image:url(../images/rogo.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
}
.con_box{
	float:right;
	width:120px;
	height:40px;
	margin-top:-40px;
}
.con1{
	float:left;
	width:60px;
	height:40px;
}
.con2{
	float:left;
	width:60px;
	height:40px;
}
.ui-bar-b {
	border-bottom:solid 1px #2645a6;
	border-top:solid 1px #2645a6;
	}
	
.ui-listview .ui-li-icon {
	max-height:30px;
	max-width:30px;
	margin-top:-.4em;
}
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit{
	min-height:20px;
	padding-left:50px;
	padding-top:13px;
}
strong{
	color:#2645a6;
	text-shadow: 0 1px 0 #ccc;
}
#underm {
	margin-top:20px;
}
#underm1 {
	margin-top:0;
}
.dial{
	font-size:20px;
}
/* 画像左 */
#konyu .imgleft{
display: block;
margin-bottom:10px;
margin-right:10px;
float:left;
	}
#konyu span.sublit{
	color:#999999;
	font-size:.8em;
}
/* 戻るボタン */
data-back-btn-text{
	font-size:.5em;
}
/* pageタイトル部 */
h2{
	font-size: 1em;
	line-height:1.5em;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.33em;
	-webkit-padding-after: 0.5em;
	margin-top: 10px;
	text-shadow: 1px 0px 1px #eeeeee;
	border-bottom:solid 3px #cccccc;
}
.Gtag{
	font-size:0.8em;
	line-height:1em;
	color:#666666;
	-webkit-margin-after: 1.5em;
	margin-bottom: 30px;
}

.Tag{
	margin:-30px -15px 0 -15px;
	padding:0;
	height:80px;
	background:url(../images/h2.gif) repeat-x;
}
.fright{
	float:right;
	margin-left:5px;
}
.fleft{
	float:left;
	margin-right:5px;
}
h3.tagtitle{
	margin:.8em -15px 0;
	padding:.6em 20px;
	font-size:16px;
	background:url(../images/blue.png) no-repeat,-webkit-gradient(linear,left top,left bottom,from( #eeeeee ),to( #bbbbbb ));
	border: 1px solid #bbbbbb;
	color: #3e3e3e;
	font-weight: bold;
	text-shadow: 0 1px 0 #ffffff;
}
h3.tagtitle1{
	margin:.8em 0 0;
	padding:.6em 20px;
	font-size:16px;
	background:url(../images/blue.png) no-repeat,-webkit-gradient(linear,left top,left bottom,from( #eeeeee ),to( #bbbbbb ));
	border: 1px solid #bbbbbb;
	color: #3e3e3e;
	font-weight: bold;
	text-shadow: 0 1px 0 #ffffff;
}
ul#my-footer{
	min-height: 1.5em;
	text-align: center;
	font-size: 0.8em;
	display: block;
	padding: 0;
	-webkit-margin-before: 1.5em;
	-webkit-padding-before: 1.0em;
	-webkit-margin-after: 1em;
	margin-top: 1em;
	position: relative;
	left: 50%;
	float: left;
	clear:both;
	}
ul#my-footer li{
	text-align:center;
	list-style:none;
            position: relative;
            left: -50%;
            float: left;
}
ul#my-footer li a{
	text-decoration:none;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;
}
ul#my-footer li a:hover{
}
ul#my-footer li a:visited{
}
.ui-header .ui-title, .ui-footer .ui-title{
	font-size:12px;
}

/*index.php*/
#tpo .ui-btn-inner {
	height:62px;
    padding: .6em 20p 0x !important;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}
#tpo a{
height: 82px;
display: block;
text-decoration: none;
margin-top: 5px;
margin-left:5px;
}
#tpo a img{
float: left;
    margin: -0.6em  10px 0 -20px;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
-webkit-border-top-left-radius: inherit;
-webkit-border-bottom-left-radius: inherit;
}
#tpo a h3{
	text-align:left;
	font-size:1em;
	line-height:1em;
	margin:.5em 0 0 0;
    -webkit-margin-before: .5em;
    -webkit-margin-after: 0;
}
#tpo a p{
font-size: 0.8em;
text-align:left;
margin: 0.2em 0;
padding: 0;
display: block;
}

.subtitle{
	color:#999999;
	font-size:12px;
-webkit-margin-before: .3em;
-webkit-margin-after: .3em;
}
.ui-li-divider {
	background:url(../images/yellow.png) no-repeat,-webkit-gradient(linear,left top,left bottom,from( #3d6de6 ),to( #2645a6 ));
padding: .7em 20px;
font-size: 16px;
font-weight: bold;
}

.full{
margin:-15px -15px 0;
}
#topmenu{
	margin:-10px -15px 15px -15px;
}
#topmenu .ui-link-inherit{
	min-height:60px;
	padding-left:100px;
}
#typemenu{
	margin-bottom:10px;
}
#typemenu .ui-link-inherit{
	min-height:30px;
	padding-left:50px;
	line-height:2em;
}
#typemenu .ui-li-divider{
	margin-top:40px;
}
h5.kabu {
	display: block;
	font-size: 0.83em;
	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	color:#963;
	background-color: #FC6;
	padding: 5px;
}
/* index.php-NEWS */
#news_wrap{
}
#news_wrap ul{
display: block;
list-style-type: none;
-webkit-margin-before: .5em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 5px;
-webkit-padding-end: 5px;
-webkit-padding-after: 10px;
}
#news_wrap ul li{
	padding:8px 5px;
	border-bottom:#CCCCCC solid 1px;
	list-style:none;
}
.news_List_Ymd{
	font-size:14px;
}
.news_List_Title{
	font-size:14px;
	line-height:.5em;
	margin-left:10px;
}
/* index.php-tokusen */
#tokusen_wrap{
	margin:0 -15px;
	}
#tokusen_wrap ul{
display: block;
list-style-type: none;
margin:0;
padding:0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
-webkit-padding-end: 0px;
-webkit-padding-after: 10px;
}

/* link */

.snsb a {
height: 40px;
border: 1px solid #d8d8d8;
display: block;
text-decoration: none;
margin-top: 5px;
margin-left:5px;
clear: both;
background-color: #FFE6E6;
}
.snsb a img {
float: right;
margin: 0;
width:60px;
height:40px;
}
.snsb a p {
color: #c00;
font-size: 1em;
line-height:40px;
margin: 0;
padding: 0 0 0 10px;
display: block;
}
.snsb a p span {
font-size: .5em;
}
.snsb1 a {
height: 40px;
border: 1px solid #d8d8d8;
display: block;
text-decoration: none;
margin-top: 25px;
margin-left:5px;
clear: both;
background-color: #FFE6E6;
}
.snsb1 a img {
float: right;
margin: 0;
width:60px;
height:40px;
}
.snsb1 a p {
color: #C00;
font-size: 1em;
line-height:40px;
margin: 0;
padding: 0 0 0 10px;
display: block;
}
.snsb1 a p span {
font-size: .5em;
}


/* buy */

.freed .ui-btn-text{
line-height:30px;
}
/* Shop */
#gaiyo h5 {
	display: block;
	font-size: 0.83em;
	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 5px;
	border-bottom: 1px solid #3d6de6;
}
#gaiyo p {
display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
/* ment */
#Ment h4 {
display: block;
-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.mentsub{
	color: #A5A5A5;
	font-size: 12px;

}
/* nousha */
.noyen{
	color: #F00;
	font-size: 20px;
}
.noyen1{
	color: #F00;
	font-size: 12px;
	float:right;
}
p.Kakoi{
	clear:left;
	background-color: #FFF;
	border:solid 1px #cccccc;
	margin:5px 0;
	padding:10px;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding: 10px;
}
/* Map */
#map_canvas{
border: 3px solid #cccccc;
}
#infoWindow {
  width: 250px;
}
#infoWindow h1 {
  margin: 0 0 10px;
  font-size: 16px;
}
#infoWindow p {
  margin: 0;
  font-size: 12px;
  line-height: 160%;
}
#infoWindow p span {
  font-size: 80%;
}
#infoWindow a {
  padding-right: 12px;
  border-bottom: 1px #593869 dotted;
  color: #593869;
  text-decoration: none;
}
#infoWindow a:hover {
  border: 0;
  color: #862682;
}

/*staff*/
#staffmenu{
	margin:0 -15px;
}

#staffmenu .ui-link-inherit{
	min-height:60px;
	padding-left:100px;
}
.staff h5 {
	display: block;
	font-size: 0.83em;
	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 5px;
	border-bottom: 1px solid #3d6de6;
}
.staff p {
display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 1em;
-webkit-margin-start: 10px;
-webkit-margin-end: 0px;
}
/*---ment---*/
.mentcom h5 {
	display: block;
	font-size: 1em;
	-webkit-margin-before: 0.3em;
	-webkit-margin-after: 0.3em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	color:#3d6de6;
	background-color: #D6D6D6;
	padding: 5px;
}
#Ment h4{
	display: block;
	font-size: 0.83em;
	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 5px;
	border-bottom: 1px solid #3d6de6;
}
#Ment table td{
	border:#CCCCCC solid 1px;
	font-size:0.8em;
	text-align:center;
}
#Ment table th{
	border-bottom:solid #CCC solid !important;
	font-size:0.5em;
	text-align:left;
	background-color:#dddddd;
}
.red{
	color:red;
}
/*  #jqmap {height: auto; position: absolute; bottom:0; left:0; right:0; top:0;}

/* zaiko_ichiran */
/* 一覧リストリンク */
#ichiran .Tag, #ichiranG .Tag, #shousai .Tag, #zaikotoi .Tag{
margin-bottom:15px;
}
.changeb{
margin-bottom:25px;
}
/*#ichiran h2, #ichiranG h2, #shousai h2, #zaikotoi h2{
	font-size:1em;
	line-height:1.1em;
	text-shadow: 0 1px 0 #EEE;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 15px;
-webkit-margin-end: 0px;
font-weight: bold;
}
*/

#ichiran a.ui-link-inherit, #toptoku a.ui-link-inherit{
padding-right: 40px;
min-height: 60px;
padding-left: 100px;
padding-top: 5px;
display: block;
text-wrap:normal;
white-space:normal;
overflow: visible;
color: #000000;
text-decoration: none !important;	
}
	
/* 一覧画像 */
#ichiran .ui-li-thumb, #toptoku .ui-li-thumb{
max-height: 90px;
max-width: 90px;
margin-top:5px;
}

/* 一覧メーカー･車名 */
#ichiran .ui-li-heading, #toptoku .ui-li-heading{
font-size: 14px;
font-weight: bold;
display: block;
margin: .1em 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/*text-wrap:normal;
white-space:normal;
overflow: visible;
*/
}
#ichiran h4, #toptoku h4{
-webkit-margin-before: .33em;
-webkit-margin-after: .33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

/* 一覧グレード･仕様･色 */
#ichiran .ui-li-desc, #toptoku .ui-li-desc{
font-size: 12px;
font-weight: normal;
display: block;
margin: .1em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

/* メーカー小 */
.smaker{
font-size: 10px;
color : #666;
font-weight: bold;
}
/* 価格 */
.kakaku{
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.manen{
	font-size:12px;
}
.manen1{
	font-size:12px;
	}
.online{
	font-size: 12px;
	color:#CC0000;
}
.online1{
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CC0000;
}
.online2{
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CC0000;
}
/* プライスダウン価格 */
.kakakudown{
	font-size: 16px;
	text-decoration:line-through;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-weight:bold;
}
.manendown{
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
}
/* 画像のみ一覧リスト */
.zaikophoto{
-webkit-margin-before: 1.0em;
}
.Abox{
	float:left;
	margin:0 2px 2px 0;
	width:70px;
	height:53px;
}
.photobox{
	width:70px;
	height:53px;
}
.kirikae{
	clear:both;
	margin:20px 0;
}
/* ダイアログ　sort */
#sortBox1, #sortBox2{
min-width: 250px;
}
#sortBox1 .ui-btn-text, #sortBox2 .ui-btn-text{
font-size: 12px;
}
#sortBox1 .ui-controlgroup, #sortBox2 .ui-controlgroup{
margin-right: 5px;
margin-left: 5px;
}

/*ページ送り*/
.pagesent{
margin:0 -15px;
-webkit-margin-before: .8em;
background-color:#dddddd;
}
.pagesent1{
font-size:16px;
text-align: center;
font-weight:bold;
line-height:4.0em;
}
.pagesent2{
width: 25% !important;
height:35px;
font-size:14px;
font-weight:bold;
line-height:2.0em;
}
.pagesent3{
width: 75% !important;
height:35px;
font-size:0.8em;
margin:0;
-webkit-margin-before: -0.5em;
padding:0;
text-align:right;
}
.pagesent4{
font-size:20px;
font-weight:bold;
line-height:1.5em;
}
.fright{
text-align:right;
clear:both;
}
/*icon bars*/
.ui-icon-bars { background: url("images/bars.png") no-repeat rgba(0, 0, 0, 0); background-color: #3d6de6; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi) {
.ui-icon-bars { background: url("images/bars.png") no-repeat rgba(0, 0, 0, 0.9); background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -ms-background-size: 18px 18px; -o-background-size: 18px 18px; }
}
/*icon change*/
.ui-icon-change { background: url("images/change.png") no-repeat rgba(0, 0, 0, .4); }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi) {
.ui-icon-change { background: url("images/change.png") no-repeat rgba(0, 0, 0, 0.9); background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -ms-background-size: 18px 18px; -o-background-size: 18px 18px; }
}

/* 詳細スペック幅 */
#spec .ui-block-a{
	width:37%;
	border-top:solid 1px #cccccc;
}
#spec .ui-block-b{
	width:62%;
	border-top:solid 1px #cccccc;
}
/* 詳細スペック項目名 */
#spec h5{
	font-size:12px;
	-webkit-margin-before: .8em;
	-webkit-margin-after: .8em;
	-webkit-margin-end: .5em;
	font-weight:bold;
}
#spec .ui-block-b p{
	font-size:16px;
	-webkit-margin-before: .5em;
	-webkit-margin-after: .5em;
	}
	

/* ichiran1リストリンク */
#ichiran1 ul{
	list-style:none;
}
/* ichiran1リストリンク */
#ichiran1 a.ui-link-inherit{
padding-right: 5px;
min-height: 50px;
padding-left: 5px;
padding-top: 80px;
display: block;
text-wrap:normal;
white-space:normal;
overflow: visible;
color: #000000;
text-decoration: none !important;	
}
/* ichiran1 */
#ichiran1 li{
	width:150px;
	float:left;
	text-align:center;
}

/* ichiran1画像 */
#ichiran1 .ui-li-thumb{
max-height: 90px;
max-width: 90px;
margin-top:5px;
text-align:center;
}

/* ichiran1メーカー･車名 */
#ichiran1 .ui-li-heading{
font-size: 12px;
font-weight: bold;
display: block;
margin: .1em 0;
text-wrap:normal;
white-space:normal;
overflow: visible;
}
#ichiran1 h4{
-webkit-margin-before: .33em;
-webkit-margin-after: .33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

/* ichiran1グレード･仕様･色 */
#ichiran1 .ui-li-desc {
font-size: 12px;
font-weight: normal;
display: block;
margin: .1em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.Gazo{
}
/* ギャラリー*/
.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 16.66666666%; }
.gallery li a { display: block; margin: 1px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }

#shousai .ui-content, #meisai .ui-content{
	overflow:hidden;
}

/* For inline examples only */
#PhotoSwipeTarget { width: 100%; height: 200px; }

#Indicators { text-align: center; margin-top: 20px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }

/* 在庫お問合せ項目名
@media all and (min-width: 450px)
	#zaikotoi .ui-field-contain .ui-controlgroup-label {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	margin: 0 0 0 0;
}
/* 在庫お問合せ入力欄
@media all and (min-width: 450px)
	#zaikotoi .ui-field-contain .ui-controlgroup-controls {
	width: 100%;
	display: inline-block;
}
/* 在庫お問合せdialog
.ui-dialog-contain {
width: 95%;
max-width: 500px;
margin: 0 auto 15px auto;
padding: 0;
position: relative;
top: -15px;
}
.ui-dialog .ui-header{ 
	max-width: 500px; 
	margin: 0 auto 0 auto; 
} 
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
	max-width: 500px; 
	margin: 0 auto 15px auto; 
}
*/