@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.shokusan-j.co.jp/
File name:		layout_article.css
Summary:		base styles
Created:		2009-9-1
Last update:	2009-9-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* リフォーム商品のご案内 */
/* ------------------------------------------------------------ */
.frame1 {
	background: #faf7f2;
	width: 318px;
	padding: 5px;
	display: block;
	overflow: hidden;
	border: 1px #e6e6e6 solid;
}

.frame2 {
	background: #fff;
	width: 312px;
	padding: 2px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

.img_index7 a {
	background: url(../images/img_index7.jpg) left top no-repeat;
	width: 110px;
	height: 93px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.img_index7 a:hover {
	background: url(../images/img_index7.jpg) left bottom no-repeat;
}

.img_index4 a {
	background: url(../images/img_index4.jpg) left top no-repeat;
	width: 110px;
	height: 93px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.img_index4 a:hover {
	background: url(../images/img_index4.jpg) left bottom no-repeat;
}

.img_index5 a {
	background: url(../images/img_index5.jpg) left top no-repeat;
	width: 110px;
	height: 93px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.img_index5 a:hover {
	background: url(../images/img_index5.jpg) left bottom no-repeat;
}

.img_index6 a {
	background: url(../images/img_index6.jpg) left top no-repeat;
	width: 110px;
	height: 93px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.img_index6 a:hover {
	background: url(../images/img_index6.jpg) left bottom no-repeat;
}

.arrow {
	background: url(../images/arrow1.gif) left center no-repeat;
	padding: 0px 0px 0px 15px;
}

.arrow2 {
	background: url(../images/arrow2.gif) left center no-repeat;
	padding: 0px 0px 0px 15px;
}

.text {
	width: 192px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_layout {
	width: 330px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border-top: 1px #c8c8c8 dotted;
}

.article_layout_last {
	width: 330px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border-top: 1px #c8c8c8 dotted;
	border-bottom: 1px #c8c8c8 dotted;
}

.article_w250 {
	width: 250px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner1 a {
	background: url(../images/article_banner1.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner1 a:hover {
	background: url(../images/article_banner1.jpg) left bottom no-repeat;
}

.article_banner1 a {
	background: url(../images/article_banner1.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner1 a:hover {
	background: url(../images/article_banner1.jpg) left bottom no-repeat;
}

.article_banner2 a {
	background: url(../images/article_banner2.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner2 a:hover {
	background: url(../images/article_banner2.jpg) left bottom no-repeat;
}

.article_banner3 a {
	background: url(../images/article_banner3.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner3 a:hover {
	background: url(../images/article_banner3.jpg) left bottom no-repeat;
}

.article_banner4 a {
	background: url(../images/article_banner4.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner4 a:hover {
	background: url(../images/article_banner4.jpg) left bottom no-repeat;
}

.article_banner5 a {
	background: url(../images/article_banner5.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner5 a:hover {
	background: url(../images/article_banner5.jpg) left bottom no-repeat;
}

.article_banner6 a {
	background: url(../images/article_banner6.jpg) left top no-repeat;
	width: 66px;
	height: 66px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.article_banner6 a:hover {
	background: url(../images/article_banner6.jpg) left bottom no-repeat;
}

/* 耐震（補強）リフォーム */
/* ------------------------------------------------------------ */
.reinforcement_button a {
	background: url(../images/reinforcement_button.gif) left top no-repeat;
	width: 265px;
	height: 26px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.reinforcement_button a:hover {
	background: url(../images/reinforcement_button.gif) left bottom no-repeat;
}

/* ペットリフォーム */
/* ------------------------------------------------------------ */
.pet_layout {
	width: 680px;
	height: 148px;
	display: block;
	position: relative;
	border: 0px #0f0 solid;
}

.pet_layout .pet_text {
	width: 440px;
	display: block;
	position: absolute;
	z-index: 0;
	right: 0px;
	bottom: 0px;
	border: 0px #f00 solid;
}

/* 医院・店舗リフォーム */
/* ------------------------------------------------------------ */
.store_button a {
	background: url(../images/store_button.jpg) left top no-repeat;
	width: 230px;
	height: 114px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.store_button a:hover {
	background: url(../images/store_button.jpg) left bottom no-repeat;
}

.store_button2 a {
	background: url(../images/store_button2.jpg) left top no-repeat;
	width: 230px;
	height: 114px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.store_button2 a:hover {
	background: url(../images/store_button2.jpg) left bottom no-repeat;
}