﻿@charset "utf-8";
/*---------------------------
 top page　エリア表示
---------------------------*/
.top-region {
	position: relative;
}
.top-region:before {
	content: "上田市でリフォームをおご検討中ならインテリアノアにおまかせ下さい。";
	position: absolute;
	left: 0;
	bottom: 40px;
	font-size: 26px;
	color: white;
	/*font-weight: bold;*/
	z-index: 20;
	text-shadow: 1px 1px 4px rgba(164, 80, 0, 0.8); 
/*
	text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8), 
				  1px -1px 2px rgba(0, 0, 0, 0.8), 
				  1px 1px 4px rgba(0, 0, 0, 0.8), 
				 -1px 1px 2px rgba(0, 0, 0, 0.8); 
*/
}
/*---------------------------
 top page　おもな営業エリア
---------------------------*/
#hpb-inner #working-area
{
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: #F3F3F3;
}

#hpb-inner #working-area h3
{
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    background-color: #DF8F09;
    font-size: 1em;
}

#hpb-inner #working-area p
{
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
}
#hpb-inner #working-area p a {
	display: inline-block;
	margin-right: 5px;
	color: #666666;
	text-decoration: none;
}
/*---------------------------
 top page　メイン写真
---------------------------*/
ol.top-img {
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
	list-style: none;
	overflow: hidden;
}
ol.top-img li {
	float: left;
	position: relative;
}
ol.top-img li:nth-of-type(2) {
	margin: 0 2px 0 2px;
}
ol.top-img li:before {
	position: absolute;
	left: 10px;
	bottom: 0;
	color: white;
	font-weight: bold;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8), 
				  1px -1px 1px rgba(0, 0, 0, 0.8), 
				  1px 1px 2px rgba(0, 0, 0, 0.8), 
				 -1px 1px 1px rgba(0, 0, 0, 0.8); 
}
ol.top-img li:nth-of-type(1):before {
	content: "キッチンリフォーム";
}
ol.top-img li:nth-of-type(2):before {
	content: "壁紙リフォーム";
}
ol.top-img li:nth-of-type(3):before {
	content: "カーテンリフォーム";
}
ol.top-img li img {
	width: 215px;
}
/*---------------------------
 従業員募集
---------------------------*/
.rec-Contents {
	width: 650px;
	background-color: #F1CEAF;
}
.rec-Contents table {
	width: 100%;
	margin: 0;
    border-width: 0;
    border-collapse: separate;
}
.rec-Contents table td {
	background-color: white;
    border-width: 0;
    padding: 12px 8px 12px 8px;
    vertical-align: middle;
    font-size: 14px;
	line-height: 160%;
    text-align: left;
}
.rec-Contents table tr td:nth-of-type(1) {
	width: 150px;
}
.rec-Contents table tr td:nth-of-type(2) {
	width: 497px;
}
.rec-Contents table tr td:nth-of-type(2) dl {
	width: 100%;
}
.rec-Contents table tr td:nth-of-type(2) dl dt,
.rec-Contents table tr td:nth-of-type(2) dl dd {
	padding: 8px 0 8px 4px;
	float: left;
}
.rec-Contents table tr td:nth-of-type(2) dl dt {
	width: 116px/*120*/;
}
.rec-Contents table tr td:nth-of-type(2) dl dd {
	width: 373px/*377*/;
}
/*-------------------*/
.rec-Contents table .indent1 {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}
.rec-Contents table .indent2 {
	text-indent: -4em;
	padding-left: 4em;
	display: block;
	margin: 0;
}
/*-------------------*/
.rec-msg {
	padding: 15px;
	font-size: 16px;
	border: 1px #669900 solid;
}
/*---------------------------
 CSS 参考　 フォーム入力アラート
---------------------------*/
.alert {
	height: 16px;
	line-height: 17px;
	display: block;
	padding-left: 20px;
	margin: 3px 0 3px 3px;
	font-size: 14px;
	background-image: url('../images/common/form-warning-1.gif');
	background-position: left center;
	background-repeat: no-repeat;
	color: #DD0000;
}
.alertAdd {
	height: 1px;
	display: block;
	font-size: 1px;
	/*background-color: #FFEEFB;*/
}
.alertInput {
	background-color: #FFEEFB;
}
.requAlert, .formatAlert {
	padding: 10px;
	margin-bottom: 5px;
	color: #DD0000;
	font-size: 16px;
	background-color: #FFEEFB;
	display: block;
}



/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #DF8F09;
}

.hpb-parts-hl-style
{
    border-color: #DF8F09;
}

.hpb-parts-cbox-style
{
    border-color: #DF8F09;
}

.hpb-parts-hr-style
{
    border-color: #DF8F09;
}
.hpb-parts-pbox-style
{
    background-color: #f4f4f4;
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}
.hpb-parts-pbox-style img
{
    background-color: #f4f4f4;
}

.hpb-parts-blist-style
{
    background-color: #f3f3f3;
    border-color: #DF8F09;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #855601;
}
a.hpb-parts-blist-style:active
{
    color: #855601;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
