/* CSS Document */


body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 15px; /* モダンブラウザ*/
    *font-size: 90%; /* IE 7 文字サイズを固定するにはpxで絶対指定してください 推奨10〜18px*/
    *font: 90%; /* IE 6以下 文字サイズを固定するにはpx程度で絶対指定してください  推奨10〜18px*/
	}

body{
	text-align:center;
	background-color: #FFEFD9;
	}


.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}






/**レイアウト**/
#bg{
	background: url(img/tpl/bg_con.gif) repeat-y;
	width:960px;
	text-align:left;
	}

#container{
	margin:0 11px 0 10px;
	}

#head{
	background: url(img/tpl/bg_head_image.jpg) no-repeat left;
	height:260px;/*トップ画像*/
	}

#head h1{
	line-height:20px;
	height:16px;
	font-size:14px;  /*一覧上の文章*/
	color:#FFFFFF;
	font-weight:normal;
	text-indent:20px;
	}

#head h2{
	float:left;
	width:520px;
	margin:24px 0 0 10px;
	}

#head h2 a{
	text-decoration:none;
	color:#C44D4D;    /*#663200;*/
	font-size:21px;  /*ハマニウェルリビング*/
	font-weight:bolder;
	/*letter-spacing: 2px;*/
        text-decoration:none
	}

#head h2 a:hover{
	color:#FFFFFF;  /*#669900*/
	text-decoration:none;
	}

#head div#right{
	float:left;
	width:230px;
	}

#head div#right p{
	color:#000000;
	margin:24px 20px 20px 5px;
	}

#line01{
	background: url(img/tpl/bg_line01.gif) no-repeat;
	width:938px; /*778*/
	height:9px;
	clear:left;
	}
		
#contents{
	clear:left;
	}

#contents div.txt{
padding-right: 15px
	}

#contents div.txt p{
	line-height:180%;
	margin:0 0 20px 0;
	}	

#g_menu{
	float:left;
	width:243px;  /*163*/
	}

#g_menu ul{
	list-style-type:none;
	margin:6px 0 0 0;
	}

#g_menu ul li{
	border:1px solid #FFFFFF;  /*メニュー枠*/
	margin:-1px 1px 0px 1px;
	}

#g_menu ul li a{
	width:100%;   /*メニュー文字書式*/
	height:30px;
	line-height:30px;
	font-size:15px;
        font-weight:bold;
　　　　border-left:solid 0.8em #FFC980;
        padding-left:5px;  /**/
	background-color:#FFE4C1;  /*メニュー枠内色*/
	color:#462300;
	display:block;
	text-indent:2px;	
	text-decoration:none;
	}

#g_menu ul li a:hover{
	background-color:#EAD5D5;  /*メニュー枠内リンク色*/
	text-decoration:none;
	}



#main{
	float:left;
	margin:10px 0 10px 12px;
	width:670px;  /*590*/
	}

#main h3{
	margin:10px 0px 0px 0px;
	background: url(img/tpl/bg_list01.gif) no-repeat left;
	text-indent:17px;
	line-height:1.2em;
	font-size:17px;
	color:#663300;
	vertical-align:top;
	}

#main h4{
	margin:10px 10px 10px 10px;
	text-indent:13px;
	line-height:1.4em;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	}

#main h5{
	margin:10px 0 5px 0;
	background: url(img/tpl/bg_list02.gif) no-repeat left;
	text-indent:15px;
	line-height:1.2em;
	font-size:15px;
	color:#663300;
	vertical-align:top;
	}



/*トップ*/

#top{}
#top div#news{
	width:650px; /*580*/
	border: #999999 dotted;
	border-width:1px 0 1px 0;
	padding:0 0 10px 0;
	}

#top div#news p.day{
	color:#666666;
	font-weight:bold;
	font-size:100%;
	background: url(img/tpl/bg_list02.gif) no-repeat center left;
	text-indent:20px;
	vertical-align:top;
	margin:10px 0 0 0;
	}

#top div#news p{
	margin:2px 10px 10px 10px;
	line-height:160%;
	}


/*フット部分*/
#foot_up{
	clear:both;
	}
#foot{
	background-color:#663300;   /*下枠カラー*/
	border:solid; border-width:0px 0 6px;   /*一番下のライン色*/
	color:#FFFFFF;
	height:40px;
	clear:left;
	text-align:center;
	margin:20px 0 0 0;
	font-size:12px;
        color: #FFFFFF;
	border-color: #000000 #000000 #FFD69D
	   }
#foot a{
	color:#FFFFFF;
	text-decoration:none;
	}

#foot a:hover{
	color:#CCCCCC;
	text-decoration: underline;
	}

#p-copy{
	text-align:right;
	font-size:11px;
	color:#999999;
	width:780px;
	}

#p-copy a{
	color:#999999;
	font-size:10px;
	text-decoration:none;
	}

#p-copy a:hover{
	color:#999999;
	}	


/*フット　サイトマップ*/
ul.foot-s{
    list-style:none;
    width:100%;
    font-size:12px;
    text-align:center;
; line-height: 16px
; color: #FFFFFF

}
ul.foot-s li{
    list-style:none;
    display:inline;
; color: #FFFFFF
　　margin:5px 5px;
}
ul.foot-s a{
color: #FFFFFF
   　　　　　　　　　　 /*　padding-left:20px;　*/
    text-decoration:none;
}
ul.foot-s a:hover{
    background:url(../img/tri-b.gif) left center no-repeat;
}





/*最新情報のスクロール枠*/
.topic{
font-size:13px;
line-height: 18px;
color:#000000;
border:1px ridge #CCCC99;
padding:5px
margin-top:5px;
margin-bottom:5px;
background-color:#FFF8EE;  /*#EAEAD5;*/
text-align:left;
width:650; /*590*/
height:80;
overflow:auto;
}


.txt1 {  font-size: 15px; background-repeat: no-repeat; font-weight: bold}

.txt2 {  font-size: 14px; color: #663333; line-height: 18px}

.eria {  font-size: 13px; line-height: 18px; padding-left: 10px}

.pan {  font-size: 11px}

.txt3 {  font-size: 14px; left: 10px; clip:  rect(   ); padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; line-height: 20px}

.txt4 {  font-size: 14px; line-height: 18px}

.txt-contact {  font-size: 12px; line-height: 17px}


/*画像ロールオーバー*/

ul.photo li {
	float: left;
	margin-right: 5px;  /* 5 */
}

ul.photo li a {
	display: block;
	background: #FFFFFF;  /*CCCCCC*/
	border: 0.5px #FFFFFF solid;
}

ul.photo li a img {
	padding: 4px;
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}

ul.photo li a:hover {
	background: #FFFFFF;
	border: 0.5px #FFFFFF solid;
}

ul.photo li a:hover img {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}



/*写真のような画像*/
img.sample{
    padding:100px 15px;
    background-color:#ffffff;
    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
}


.txt2-bl { font-size: 14px; color: #663333; line-height: 30px; font-weight: bold; text-decoration: underline; height: 20px; clip:   rect(   ); top: 20px}

.txt-work {  font-size: 14px; font-weight: bold; background-image:  url(work/img/h.jpg); background-repeat: no-repeat; clip:    rect(   ); height: 31px; width: 610px; line-height: 26px; padding-left: 4px; text-align: left; color: #666666} 

.txt-worktxt {  font-size: 13px; line-height: 20px; color: #333333; clip:    rect(   )}

.txt-mi {  font-size: 14px; background-color: #EAEAD5; font-weight: bold; padding-left: 8px; padding-top: 3px; padding-bottom: 3px}

.txt-mi-2 { font-size: 12px; font-weight: normal; color: #663300; clip:    rect(   ); line-height: 15px; text-align: center; text-indent: 2pt; width: 180px; padding-top: 5px}


.top
{
   display: block;
   width: 90px;
   height: 20px;
   float:right;
   background-image:  url(work/img/top.gif);
   background-repeat: no-repeat;
   text-indent: -4096px;
   margin-right: 20px;
}

.txt-mi-2g { font-size: 12px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px ; width: 160px; color: #336600}


.txt-hello { font-size: 14px; line-height: 22px; background-image:  url(img/tpl/hello.jpg); background-repeat: no-repeat; padding-top: 40px; padding-right: 30px; padding-bottom: 20px; padding-left: 140px; font-weight: normal}

.win {  font-size: 14px; padding-top: 40px; padding-right: 250px; padding-bottom: 20px; padding-left: 140px; font-weight: normal}

.txt-under { font-size: 12px; background-color: #EAEAD5; padding-left: 8px; padding-top: 3px; padding-bottom: 3px }

.sintyoku { font-size: 12px; color: #666666}

.work {  font-size: 14px; background-image: url(work/img/arrow1.gif); background-repeat: no-repeat; left: 10px; clip:  rect(   ); padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 24px; font-weight: bold; color: #420000}

.work-hed { font-size: 16px; font-weight: bold; background-image: url(work/img/hed.jpg); background-repeat: no-repeat; clip:  rect(   ); height: 50px; width: 650px; text-indent: 13pt; padding-top: 15px; line-height: 23px}

.work-hed-se { font-size: 22px; font-weight: bold; background-image: url(work/img/hed-se.jpg); background-repeat: no-repeat; clip: rect( ); height: 50px; width: 650px; text-indent: 85pt; padding-top: 12px; color: #333333; line-height: 27px}





.txt-gray { font-size: 12px; line-height: 17px ; color: #666666}
.faq {  font-size: 17px; background-image: url(faq/img/q.gif); background-repeat: no-repeat; clip:   rect(   ); line-height: 30px; font-weight: bold; text-indent: 40pt; color: #333333; padding-bottom: 10px}
.faq-s { font-size: 14px; background-image: url(faq/img/arrow11_3.gif); background-repeat: no-repeat; clip: rect( ); line-height: 40px; font-weight: normal; text-indent: 60pt; color: #333333; background-position: 50px}
.faq-a { font-size: 14px; background-image: url(faq/img/a0.gif); background-repeat: no-repeat; clip: rect( ); line-height: 27px; font-weight: normal; color: #333333; padding-bottom: 10px ; padding-left: 40px; background-color: #FFF8F0}
.faq-q { font-size: 14px; background-image: url(faq/img/q0.gif); background-repeat: no-repeat; clip: rect( ); line-height: 27px; font-weight: normal; color: #333333; padding-bottom: 10px ; padding-left: 40px}