@charset "utf-8";
/*
Theme Name: Sur Motors Factory
Theme URI: http://www.sur-mf.com/
Description:
Version: 1.0
Author: Sur_adminstrator
Author URI:
Tags: one columns
*/

/* ------------------------------------------- タグ初期セット --- */
/* font-size default for IE6,IE7 (IE-default16px) */
* html body {  /* IE6 */ }
*:first-child+html body {  /* IE7 */ }

body {
	margin:0;	padding:0;
	font-family:Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	color:#5B5B5B;	background-color:#fafafa;
}

p, dl { margin:1em 0; padding:0; line-height:1.5; }
dl { margin:0; }
ul { margin:0; padding:0;  line-height:1.5; list-style:none; }
dt, dd { margin:0; padding:0; }

h1 {
	margin:0.65em 0 0.25em;
	font-size:187.5%;/* color:#878787; */
	line-height:1; letter-spacing:0.05em;
}
h2 {
	margin:1em 0; padding:0;
	line-height:1.6; letter-spacing:0.05em;
}
h3 {
	margin:1.3em 0 0; padding:0;
	font-size:112.5%; /* border-bottom:1px solid #e0e0e0; */
	line-height:1.6; letter-spacing:0.05em;
}
h4 {
	margin:1em 0; padding:0; 
	font-size:100%;
	line-height:1.6; letter-spacing:0.05em;
}
a img {	border:0;	vertical-align:middle; /* 注意IE挙動確認 */ }
a { text-decoration:underline; }
a:link { color:#0593DA; } 
a:visited {color:#0593DA; } 
/*
a:link { color:#57add9;} 
a:visited {color:#57add9; } 
*/
a:active { color:#d99857; } 
a:hover {  text-decoration:underline; } 



/* ------------------------------------------------------------- ヘッダーとグローバルナビ ---- */
#header {
	width:780px;
	margin:7px auto 6px;
	border-bottom:1px solid #ddd;
}
#hdr-surtag {
	float:left;
	font-size:87.5%;
	color:#878787;
}
#hdr-subnavi {
	float:right;
	font-size:87.5%;
	margin:0; padding:0;
}
#hdr-subnavi a {
	float:left;
	line-height:1.3;
	padding:0px 7px;
}
#hdr-sbnitm-last {
/*	border-left:1px solid #ddd; */
}
#hdr-subnavi a, #hdr-subtag a {	text-decoration:none; }
#hdr-subnavi a:hover, #hdr-subtag a:hover {	text-decoration:underline; }

#hdr-gn {
	width:780px;
	clear:right; overflow:hidden;
	font-weight:bold;
	margin:1em 0 0.4em;
}
#hdr-gn li {
	float:left;
	border-left:1px solid #ddd;
}
#hdr-gn li a {
	display:block;
	text-decoration:none;
	line-height:1.1;
	padding:2px 18px;
}
#hdr-gn li a:hover { text-decoration:underline; }

#hdr-gn-top {
	border-left:none !important;
}
#hdr-gn-top a {
	padding-left:0px !important;
}



/* ------------------------------------------------------- フッターとボトムナビゲーション --- */
#footer {
	clear:both;
	width:780px;
	line-height:1.3;
	border-top:1px solid #ddd;
	margin:0 auto;
}

#footer-nav {
	margin-top:0.6em;
	overflow:hidden; font-size:87.5%;
}
#footer-nav li {
	float:left; border-left:1px solid #ddd;
}
#footer-nav li.top { border-left:none; }
#footer-nav li.top a { padding-left:0; }
#footer-nav li a {
	padding:2px 16px; /* font-weight:bold; */
	color:#aaa; text-decoration:none;
}
#footer-nav li a:hover {
	text-decoration:underline;
}
#copyright {
	font-size:smaller; color:#aaa; line-height:1.3;
}




/* ------------------------------------------------------------------ 全体共通 --- */
/*ボタン*/
.button-s {
	-moz-border-radius:3px;
	background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	border:1px solid #ddd;
	line-height:100%;
	padding:0.35em 0.65em;
	font-size:87.5%;
	overflow:visible;
}

#cont-wrap {
	clear:both;
	width:780px;
	margin:0 auto;
}

#main550 {
	width:550px; float:left;
	overflow:hidden; /* imgサイズ調整後外す */
}
/* ページタイトル下部(パンくず、添付タグ、概要、クエリリザルト) */
#pankuzu {
	font-size:smaller; letter-spacing:0.05em;	margin:0;	
}
#attached-tag { /* 中古車や事例の添付されたタグ*/
	font-size:87.5%; /* color:#878787; */
}
#summary { /* ページ先頭の概要 */
	margin-top:0px;
}
#lead, #query-result { /* ページ先頭の概要,共通クエリ参照による検索結果表示 */
	margin:0 0 1.6em;
	border:1px solid #e0e0e0;
	padding:0em 1em;
	-moz-border-radius:3px;
}

#main550-post {
	line-height:1.6;
	padding:0 1em;
	border:1px solid #e0e0e0;
	-moz-border-radius:3px;
}
#main550-post h3 {
}
#main550-post h4 {
	margin:1.3em 0 -1em;
}
#main550-post ul {
	margin:1em 0;
}
#main550-post p, #main550-post dl {
	line-height:1.6;
}

/* 物件詳細の写真拡大ナビ */
#attimg-navi { /*ul写真拡大リンク*/ overflow:hidden; margin-top:10px; }
#attimg-navi li { float:left; margin-right:10px;}
#attimg-navi li a img { border:2px solid #57add9; }
#attimg-navi li a img:hover {}
#attimg-navi li span { display:block; font-size:smaller;}

/* 中古車用データテーブル */
#usedbike-spec { width:100%; letter-spacing:0.05em; margin:0;}
#usedbike-spec th { font-size:smaller; font-weight:normal; text-align:left;}
#usedbike-spec td { line-height:1.7; font-size:87.5%; }
#ubspec-price { font-weight:bold; font-size:150% !important; }
.ubspec-attent { font-size:125% !important; }
.yen { font-size:75%; /* 円 */ }

/* 200pxサイドバー&780px bottom */
#bottom780 {
	color:#777; font-size:87.5%;	background-color:#fff;
	padding:1px 1em; margin-top:2em;
	-moz-border-radius:3px;
}
#side200 {
	width:200px; float:right;
	color:#777777; font-size:87.5%;
}
#side200 div {
	padding-bottom:1px;
	background:url("images/common/dotted3px.png") repeat-x scroll center bottom transparent;
}
#side200 h3, #bottom780 h3 {
	font-size:107.5%;
	color:#5b5b5b;
}
#side200 h4, #bottom780 h4 {
	margin-bottom:-1em;
	/* for IE */ font-size:100%;
}

.side-tagnavi a, #side-extranavi li a {
	line-height:2;	display:block;	letter-spacing:0.05em;
	/* for IE */ width:100%;
}
.side-tagnavi a:hover, #side-extranavi li a:hover {
	background-color:#def1fa;
}

/* similarpostによる関連ポスト */
#similar-nav { background:url(images/common/dotted3px.png) repeat-x scroll center top transparent; padding-top:1px; margin-top:5px;}
#similar-nav li { background:url(images/common/dotted3px.png) repeat-x scroll center bottom transparent; padding-bottom:1px;}
#similar-nav a { overflow:hidden; display:block; padding:0.6em 0; line-height:1.3;text-decoration:none;}
#similar-nav a:hover { background-color:#def1fa; text-decoration:none;}
#similar-nav img { float:left; margin-right:8px; }
#similar-nav span { padding-top:5px; color:#878787; display:block; font-size:11px;  float:right; width:132px; cursor:pointer; }
.similar-price { font-size:13px !important; font-weight:bold !important; color:#777 !important; }
#nomatch { background:none!important; margin:1em 0; font-weight:bold; font-size:87.5%;/* ul#similar-nav li#nomatch */ }

/* select vehicle tag */
#type-select-nav {
	margin:1.6em 0 0.6em;
	border:1px solid #e0e0e0;
	padding:0em 1em;
	-moz-border-radius:3px;
}
#type-select-nav h3 { margin:0.6em 0 0; border:none;  }
#type-select-nav h4 { margin-bottom:0;	color:#777; font-size:smaller; }
#type-select-nav div { margin-bottom:1em; color:#777; }
#type-select-nav a, #type-select-nav span {
	white-space:nowrap;	font-size:94%; padding-right:1em;
	line-height:1.5; /* for IE */
}
#type-select-nav img { vertical-align:baseline; }


/* select hot tag cloud */
#hot-tag-cloud {
	margin:1.6em 0 2.8em;
	padding:0.6em 1em;
	border:1px solid #e0e0e0;
	-moz-border-radius:3px;
}
#ub-tag-cloud {
	margin:1.6em 0 1.6em;
	padding:0.6em 1em;
	border:1px solid #e0e0e0;
	-moz-border-radius:3px;
}
#hot-tag-cloud a, #ub-tag-cloud a { white-space:nowrap; line-height:1.5; }

/* at bottom of the page, next or previous or parent or children link */
#cont-end {
	width:780px;	margin:3em auto 0;
	font-size:94%;	font-weight:bold;
	border-top:1px solid #e0e0e0;
}
#backto-pp {  float:left; }
#backto-hdr {	float:right; }
#backto-pp a, #backto-hdr a { text-decoration:none;}
#backto-pp a:hover, #backto-hdr a:hover { text-decoration:underline;}

/* important common item */
.no-mgntop { margin-top:0 !important; }
.no-mgnbtm { margin:1.6em 0 0 !important; }
.no-bkgrd { background:none !important; }
.no-bdr { border:none; }

.on-mgntop { margin-top:1.3em; }

.label { font-size:;}

.stdlist { /*ul*/ list-style:disc outside none; padding-left:1em;}
.stdlist li { margin-top:0.6em;}

.item-clr {	/* for float clear */ clear:both; }
.pic-flt-r { /*p内のimgの回り込み*/ float:right; margin:0 0 1em 1em;}
.pic-flt-l { /*p内のimgの回り込み*/ float:left;  margin:0 1em 1em 0;}
.arrow1 { padding-right:3px;  }




/* ------------------------------------------------------------- in taxonomy.php --- */
#hitterm-result { /* This div wrap the posts which have select tags in gallery and examples pages . */
	overflow:hidden;
	background:url("images/common/dotted3px.png") repeat-x scroll center top transparent;
	padding-top:1px;
/*	border-top:1px solid #DDDDDD;	*/
}




/* ------------------------------------------------------------- シュールお知らせ(ブログ単投稿) --- */

#recent-announce-sec { font-size:94%; border-top:1px solid #e0e0e0; margin-top:3em; padding-top:1.6em;}
#recent-announce { list-style:disc inside; line-height:1.25;}
#recent-announce li { padding:0.3em 0 0.3em 0.6em;}







/* ---------------------------------------------------------------------- ホーム --- */
#home-header { margin-bottom:2em;}

#home-announce { /* div */
	margin:0 0 1.6em;
	border:1px solid #e0e0e0;
	padding:0.6em 1em;
	-moz-border-radius:3px;
/*	font-size:94%;
	overflow:hidden; */
}
#home-announce h3 { margin:0;}
#home-announce p { font-size:94%; margin:0; }
#announce-date { color:#999; display:block; font-size:smaller; }


#home-recent-sec {  /* 中古車新着div */  }
#recent-items { /*ul*/
	margin-top:0;
	background:url("images/common/dotted3px.png") repeat-x scroll center top transparent;
 }
#recent-items li {
	overflow:hidden; padding:0.6em 0; margin:0;
	background:url("images/common/dotted3px.png") repeat-x scroll center bottom transparent;
}

.recent-item div { width:420px; float:right; }
.recent-thumb {/*a*/ float:left; overflow:hidden; }
.recent-title { display:block; }
.recent-item div p { font-size:94%; margin:0.3em 0; }
.recent-price { font-weight:bold; }
.recent-meta { font-size:smaller; color:#999; float:none !important;}
.recent-prt { color:#777; font-weight:bold; }
.recent-date { color:#999; }

#home-contact-info { color:#5b5b5b; line-height:1.25; margin:0.3em 0 1em; border-spacing:0;}
#home-contact-info th { font-weight:normal; text-align:left; padding:3px 0 0; vertical-align:top; }
#home-contact-info td { padding:3px 0 0; font-weight:bold; }


.home-surad { /*dl*/
	margin:0; padding:0.9em 0;
	background:url(images/common/dotted3px.png) repeat-x center top;
	overflow:hidden; /* for IE */
}
.home-surad dt {
	color:#5b5b5b;
	width:100%;
	margin:0 0 2px;
}
.home-surad dd {
	line-height:1.4;
}
.home-surad dd.ad-thumb {
	width:60px; height:60px;
	margin:0 0.6em 0.6em 0;
	float:left;
}




/* ----------------------------------------------------------------------- アクセスガイド --- */

#sur-address {width:250px; float:left; }
#sur-map { padding:20px 40px; float:right; margin:0; border:1px solid #ddd; }
#shop-info {  }
#shop-info th {/*table*/ font-weight:normal; text-align:left; }



/* --------------------------------------------------------------------- 新車・中古車 --- */
/* ------- 新車中古車2検索部分など-------------------- */

.ubsearch {
	width:100%;
	padding-bottom:1px;
	border-bottom:1px solid #E0E0E0;
	float:left;
}

.ubsearch div {
	float:right; width:596px; margin:1.3em 0;
}
.ubsearch h4 {
	float:left; width:160px; font-size:110%; margin-top:1.3em;
}
.ubsearch a {
	text-decoration:none;
	background:url("images/common/dotted3px.png") repeat-x scroll center bottom transparent;
	padding-left:0.6em;  line-height:2.0;
	font-weight:bold; letter-spacing:0.05em;	display:block;
}
.ubsearch a:hover {
	background-color:#DEF1FA;
}

.ubsearch h3 {margin-bottom:5px;}






/* ----------▲▲▲ バイク販売 中古車検索結果 カラム表示 ---------------------------------------*/
.ubks-rsltcol-row { /* ul */
	float:left;
}

.ubks-col-cell { /* li */
	float:left;
	width:226px;
	padding:0 17px; 
}
.ubks-col-mdtitle { display:block;/* a */}
.ubks-col-cell .wp-post-image { width:226px; height:170px; // サムネサイズ出力までの仮 }
 
.ubks-col-milage, .ubks-col-mdyear { font-size:smaller; line-height:normal;}

.ubks-col-price {
	margin:0.3em 0 0.5em;
	color:#000;
/*	float:right; */
	font-size:140%;
	font-style:italic;
	font-weight:bold;
}


/* ----------▲▲▲ バイク販売 中古車検索結果 一覧表示 ---------------------------------------*/
#ubks-rslt-table {
	margin-top:0.6em;
	border-collapse:collapse;
/*	border-spacing:0px; */
}

/* colgroup width */
#ubks-col-mdthumb { width:140px; }
#ubks-col-mdname { width:254px; }
#ubks-col-mdprice { width:140px; }
#ubks-col-mdmilage { width:114px; }
#ubks-col-mdyear { width:70px; }
#ubks-col-mdlink { width:70px; }

.ubks-rslttbl-hd {
	border-bottom:1px solid #ddd;
	font-size:87.5%;
}

#ubks-rslt-table td {
	background:url("images/common/dotted3px.png") repeat-x scroll center bottom transparent;
	padding:0.6em 0; text-align:center;
}
.ubks-tbl-ptname { text-align:left !important; letter-spacing:0.05em; }
.ubks-tbl-ptprice { font-weight:bold; font-size:112.5%; }

.ubks-rslttbl-row:hover { background-color:#DEF1FA;}






/* ------------------------------------------------------------------ 加工や部品製作トップ&ギャラリートップ ---*/
#prcs-children-wrap { /* 事例 */
	margin:0;
	border-top:1px solid #ddd;
}
.prcs-child-row { /* dl */
	overflow:hidden;
	margin:0 !important; /* このimportantはIE7,6のみのhack-----------------*/
	padding:0.6em 0 !important;
	width:780px;
	background:url(images/common/dotted3px.png) repeat-x center bottom;
}
.prcs-child-row.new {	/*新着	-moz-box-shadow:0px 0px 8px orange; */	}
.prcs-child-title, .prcs-child-tag, .prcs-child-excerpt, .prcs-child-edit {
	width:596px; float:right;
}

.prcs-child-thumb {
	float:left;	overflow:hidden;
}
.prcs-chttl-a {
	display:block; letter-spacing:0.05em; font-size:112.5%;
}
.prcs-child-tag { font-size:smaller; color:#999;}
.prcs-child-excerpt { font-size:100% !important; }
.prcs-child-excerpt p { margin:0.3em 0; }

/*
.prcs-rslt-excerpt .more-link { display:block; text-align:right;}
*/






/* ------------------------------------------------------------------ サービストップ ---*/
.svc-avbl-row { /* dl */
	/* このimportantはIE7のみのhack----------------------------------------------*/
	margin:0 !important;
	padding:1px 0 !important;
	background:url("images/common/dotted3px.png") repeat-x scroll center top transparent;
	line-height:1.25; 
}
.svc-avbl-row.nupdt {	/*	-moz-box-shadow:0px 0px 8px orange; */	}

.svc-avbl-row dt a { /*a*/ display:block; }
.svc-avbl-row dt { margin:1em 0; letter-spacing:0.05em;	font-size:117.5%; font-weight:bold; }
.svc-avbl-row dd { margin:1em 0; }

#service-navi {
	background:url("images/common/dotted3px.png") repeat-x scroll center bottom transparent;
}





/* ------------------------------------------------------------------ シート加工、工賃、保険料金 ---*/
#svcc-cont ul { list-style:disc; }
#svcc-cont dl { border-bottom:1px solid #ddd; overflow:hidden;}
#svcc-cont dt { width:168px; padding:16px 0 16px 16px; border-top:1px solid #ddd; float:left; clear:both;}
#svcc-cont dd { width:564px; padding:16px; border-top:1px solid #ddd;float:right;}

.svcc-prices-tbl {
/* width:100%; border-collapse:separate; border-spacing:0 10px; */
	width:100%; border-collapse:separate; border-spacing:0 10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;

}
.pt-title { width:298px;}
.pt-price { width:114px;}
.pt-remark {width:368px;}

.svcc-prices-tbl td {
/* background-color:#f0f0f0; padding:1em; vertical-align:top; */
}
.svcc-prices-tbl th { text-align:left; padding:12px 16px; border-right:1px solid #FAFAFA;vertical-align:top; }
.svcc-prices-tbl tr { background-color:#f0f0f0;}
.svcc-prices-tbl .gy { background-color:#fcfcfc; }
.svcc-prices-tbl .re { font-size:15px; border-left:1px solid #FAFAFA;}

#svcc-examples { /* 事例 */
	border-bottom:1px solid #dddddd;
}




/* ------------------------------------------------------------------ ショップ紹介 --- */
.abu-main {
/*	width:540px !important; */
}
.abu-main h3 { border:none;}
.abu-main p {line-height:1.6;}
.staff { /*div side200 スタッフ紹介*/
	margin-top:1.6em;
	background-color:#ffffff;
	padding:0 15px;
	width:180px !important;
}
.staff-name span { font-size:smaller; font-weight:normal; }

.staff-name {	overflow:hidden; margin:1.6em 0 0; font-weight:bold; width:100%; }
.staff-pic { float:left; width:70px !important; height:70px !important; margin-right:10px!important; }





/* -------------IE6.IE7対策---*/
/* ----height 100% or width100% -*/

/* ------------ *:first-child+html tag ---------IE7 */

/* ------------ * html tag ---------IE6 */





#ubks-rslt-view a { padding:0 9px; border-right:1px solid #666666; }
#ubks-rslt-sort a {  padding:0 9px; border-right:1px solid #666666; }


/*-------------- wp-page-navi --- */

#page-nav-up {
	overflow:hidden;
}
#page-nav-btm {
	margin:0.6em 0 0;
	overflow:hidden;
}
#current-num {
	float:left;
	margin:0;
/*	font-size:87.5%;
	font-weight:bold; */
}

.page-nav {
	margin: 0 auto;
	text-align:right; 
/*	font-size:94%; */
}
#page-nav-btm .page-nav {
	text-align:center;
}

a.page-numbers {
	padding:0 0.3em;
}

a.page-numbers:hover {
}

.page-nav .current {
	padding:0 0.3em;
	font-weight:bold;
}

.page-nav .next, .page-nav .prev {
	background:transparent;
	font-size:100% !important; 
}

.page-nav .next:hover, .page-nav .prev:hover {
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fafafa;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#ccc; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#666;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#666;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/fltbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/fltbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#fafafa;}
        #cboxLoadingGraphic{background:url(images/fltbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/fltbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/* for IE6 */
* html body #header div { height:1%; }
* html body #similar-nav li { height:1%; }
* html body #similar-nav li a { height:1%; }
* html body #similar-nav a:hover { background:none;}
* html body #main550 div { height:1%; }
* html body #attached-tag { width:100%; }
* html body #recent-items li { height:1%; }
* html body #copyright { width:100%; }