@charset "UTF-8";

/* 記事内の225x150の画像に虫眼鏡を被せる
------------------------------------------------------------ */

.photo_loupe {
 position: relative;
 margin-bottom: 10px;
 width: 225px;
 height: 150px;
}
.photo_loupe a { display: block; }
a.photo_loupe-photo {
 border: 1px solid #ccc;
 width: 225px;
 height: 150px;
}
a.photo_loupe-loupe {
 position: absolute;
 top: 130px;
 left: 205px;
 width: 15px;
 height: 15px;
}

/* リンク付きの画像にマウスオーバーでハイライト
------------------------------------------------------------ */
a.photo_loupe-photo:hover img{
   -moz-opacity:0.9;
   opacity:0.9;
   filter:alpha(opacity=90); /* IE6とIE7 */
   -ms-filter: "alpha( opacity=90 )"; /* IE8 */
}

#areaContent a:hover img{
   -moz-opacity:0.9;
   opacity:0.9;
   filter:alpha(opacity=90); /* IE6とIE7 */
   -ms-filter: "alpha( opacity=90 )"; /* IE8 */
}

/* 記事内とページリストでの画像ギャラリーリンクのスタイル
------------------------------------------------------------ */
#areaContent .mod_La15-1 li.gallery{
  background: url("https://cdn.autoc-one.jp/static/common2/images/article/camera_icon.gif");
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  font-size: 1.1em;
  line-height: 170%;
  font-weight: bold;
}

#areaContent p.gallery{
  background: url("https://cdn.autoc-one.jp/static/common2/images/article/camera_icon.gif");
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  font-size: 1.1em;
  line-height: 170%;
  font-weight: bold;
}

/* 見積導線用スタイル
------------------------------------------------------------ */
.go_estimate{
	background: url("https://cdn.autoc-one.jp/static/common2/images/article/estimate_on_article_backgrounb.jpg") left top repeat-x;
	margin-bottom:5px;
	text-align: right;
}

.go_estimate .text,
.go_estimate .car_image{
	float:left;
}

.go_estimate .car_image{
	margin:5px;
}

.go_estimate .button{
	flort:right;
}

.go_estimate .text{
	width: 410px;
}

.go_estimate .text p {
	font-size: 16px;
	margin: 0;
	text-align:right;
}

.go_estimate .text .car_name{
	font-weight: bold;
	text-decoration:underline;
	text-align:left;
}

.go_estimate .text .estimate_message{
	color: #CC0033;
	font-weight: bold;
	text-align:left;
	/*text-shadow:0px -1px gray,1px 0px gray,0px 1px gray,-1px 0px gray;*/
}


/* toolchip用スタイル
------------------------------------------------------------ */
div#toolchip {
  max-width: 300px;
  background-color: #333;
  padding: 5px;
  opacity: 0.8;
  filter: alpha(opacity=80); /*IE用アルファチャンネル*/
  color: #fff;
}

* html div#toolchip { /*IE6用にmax-widthを指定*/
  width:expression(document.body.clientWidth < 2? "0px" : document.body.clientWidth > 302? "300px" : "auto");
}

/* ギャラリーページ内の「記事に戻る」リンク
------------------------------------------------------------ */

#areaContent .pictures span.backToArticle {
  background: url("https://cdn.autoc-one.jp/static/common2/images/article/back_to_article.gif");
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  font-size: 1.1em;
  line-height: 200%;
  font-weight: bold;
  text-align:center;
  display:block;
  background-position:2px 2px;
}

.mod_LP6 .photo_noborder {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#content-photo #photo-main div.backToArticle {
  background: url("https://cdn.autoc-one.jp/static/common2/images/article/back_to_article.gif");
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding: 8px 0px 0px 35px;
  font-size: 1.1em;
  line-height: 200%;
  font-weight: bold;
}

#content-photo div.backToArticle2 {
  background: url("https://cdn.autoc-one.jp/static/common2/images/article/back_to_article.gif");
  background-repeat: no-repeat;
  background-position: 10px 3px;
  padding: 0px 0px 5px 35px;
  font-size: 1.1em;
  line-height: 200%;
  font-weight: bold;
}