/*-------------------------------------------------------------------
共通CSS
-------------------------------------------------------------------*/
#cat-header {
	margin: 0;
}
#pankuzu {
	margin: 10px 0 10px 0;
}
#contents-wrap {
	margin: 0;
}
.mc-wrap {
	margin: 0 0 20px 0;
	clear: both;
}
.mc-wrap2 {
	margin: 0 0 40px 0;
	clear: both;
}
.pageTop {
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 10px;
	clear: both;
	padding: 0 10px 0 0;
}
.pageTop img {
	border: none;
	vertical-align: middle;
}
#wrapper .pageTop a {
	color: #000;
	text-decoration: none;
}
#wrapper .pageTop a:hover {
	text-decoration: underline;
}
/*-------------------------------------------------------------------
左カラム
-------------------------------------------------------------------*/
#main-contents {
	float: left;
	margin: 0;
	width: 590px;
}
#main-contents h2 {
	margin: 0;
}
#main-contents h3 {
	margin: 10px 0 10px 0;
}
#main-contents p {
	line-height: 160%;
}
/*-------------------------------------------------------------------
右カラム
-------------------------------------------------------------------*/
#side {
	float: right;
	margin: 0;
	width: 200px;
	position: relative;
}
#side ul, #side ul#side-banner {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#side ul li{
	margin: 0;
	line-height:0;
}

#side ul li a{
	display: block;
	padding: 12px 0 12px 15px;
	width: 183px;
	border: 1px solid #CCC;
	border-top: none;
	line-height:normal;
	color: #000;
	text-decoration: none;
}
#side ul li a:hover, #side ul li#side-active {
	background: url(../images/side_over_bg.gif);
	text-decoration: none;
}
#side ul#side-banner li {
	margin: 0 0 5px 0;
	line-height:0;
}
#side ul#side-banner li a {
	margin: 0;
	padding: 0;
	line-height:normal;
	border:  none;
	width: 200px;
}

/*-------------------------------------------------------------------
注文住宅
-------------------------------------------------------------------*/
.order-img01 {
	float: right;
	margin: 3px 0 10px 10px;
}
.order-img02 {
	float: left;
	margin: 3px 10px 0 0;
}
.insulation-wrap {
	margin: 0;
}
.ins-img01 {
	float: left;
	width: 285px;
	text-align: center;
}
a.ex-ins {
	display: block;
	margin: 0 0 5px 0;
	border: 3px solid #CCC;
}
a.ex-ins:hover {
	border: 3px solid #0C0;
}
	
.ins-img02 {
	float: right;
	width: 285px;
	text-align: center;
}
.ins-img02 ul {
	margin: 0 0 10px 0;
	text-align: left;
}
.ins-img02 ul li {
	line-height: 160%;
}
.icon-glass {
	border: none;
	vertical-align: middle;
}
.elec-photo {
	text-align: center;
}
#electrify-condition {
	margin: 0;
	border: 3px solid #CCC;
	background: #F3F3F3;
	padding: 10px;
	line-height: 160%;
}

/*注文住宅・外断熱
-------------------------------------------------------------------*/
.flow-link {
	text-align: center;
}
/*注文住宅・外断熱の流れ
-------------------------------------------------------------------*/
.flow-txt {
	float: left;
	margin: 0 0 0 10px;
	width: 280px;
}
.flow-txt h4 {
	margin: 0 0 20px 0;
}
.flow-txt p{
	clear: both;
	margin: 0 0 10px 0;
}
.flow-txt img{
	float: left;
	margin: 5px 10px 10px 0;
	width: auto;
}
.flow-img {
	float: right;
	margin: 10px 5px 0 0;
	width: 282px;
}
.flow-img img {
	border: 3px solid #CCC;
}

/*注文住宅・ギャラリー
-------------------------------------------------------------------*/
#gallery-wrap {
	margin: 0 0 20px 0;
	padding: 0;
}
.house-wrap {
	float: left;
	margin: 0 1px 1px 0;
	width: 193px;
	border: 1px solid #000;
	background: #000;
	position: relative;
}
.house-wrap p {
	padding: 5px;
	text-align: left;
}
#wrapper .house-wrap a {
	color:#CCC;
	text-decoration: none;
}
#wrapper .house-wrap a:hover {
	color:#FFF;
	text-decoration: underline;
}
.imageOver1 {
	background: #000 url(../images/gallery_over_btn.gif) no-repeat 50% 50%;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
/*注文住宅・ギャラリー・詳細
-------------------------------------------------------------------*/
#prev-next {
	text-align: center;
	margin: 20px 0 10px 0;
}
#gallery-entry {
	margin: 0;
	paddin: 0;
	border: 4px solid #CCC;
	background: #F3F3F3;
	padding: 20px 0 20px 0;
}	
#gallery-entry h3 {
	margin: 0 0 20px 10px;
	padding: 0 0 0 20px;
	background: url(../images/circle_green.gif) 0 50% no-repeat;
	font-size: 16px;
}
#gallery-img-wrap {
	margin: 0;
	padding: 0;
}
#gallery-img-l {
	float: left;
	margin: 0 20px 0 20px;
	width: 400px;
	display: inline;
}
#gallery-img-l img {
	border: 4px solid #000;
}
#gallery-entry-info {
	margin: 15px 0 0 0;
	height: 175px;
	border: 4px solid #CCC;
	background: #FFF;
	padding: 10px;
}	
#gallery-entry-info h4 {
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	background: url(../images/circle_red.gif) 0 50% no-repeat;
	font-size: 16px;
}
#gallery-img-s {
	float: left;
	width: 120px;
}
#gallery-img-s ul {
	margin: 0;
	padding: 0;
}
#gallery-img-s ul li {
	margin: 0 0 15px 0;
	padding: 0;
	line-height:0;
}
#gallery-img-s ul li img {
	border: 0;
	vertical-align: text-top;
}
#gallery-img-s ul li a {
	display: block;
	border: 4px solid #000;
	line-height:normal;
}
#gallery-img-s ul li a:hover {
	display: block;
	border: 4px solid #9C3;
}

/*注文住宅・モデルハウス
-------------------------------------------------------------------*/
h4.mh-txt {
	margin: 20px 0 0 10px;
	background: url(../images/circle_green.gif) 0 50% no-repeat;
	font-size: 16px;
	padding: 0 0 0 20px;
}
#modelhouse-info {
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
	border: 4px solid #CCC;
	background: #F3F3F3;
}
#model-wrap {
	margin: 20px 0 10px 0;
}
#model-img {
	float: left;
	margin: 0 10px 0 0;
	width: 290px;
}
#model-img img {

}
#model-img a{
	margin: 0 0 10px 0;
	display: block;
	border: 4px solid #000;
}
#model-img a:hover{
	border: 4px solid #9C3;
}
#model-info {
	float: left;
	margin: 0;
	width: 270px;
}
#model-info dl{
	margin: 0 0 10px 0;
	padding: 0;
}
#model-info dl dt{
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 10px 15px;
	width: 90px;
	background: url(../images/circle_red.gif) 0 50% no-repeat;
	line-height: 120%;
}
#model-info dl dd{
	float: left;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 160px;
	line-height: 120%;
}
	
#model-info ul {
	margin: 0;
}
#model-info ul li{
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	background: url(../images/arrow_green.gif) 0 50% no-repeat;
}
#model-info ul.merit li{
	margin: 0 0 10px;
	padding: 0 0 0 15px;
	background: url(../images/circle_blue.gif) 0 50% no-repeat;
}

/*-------------------------------------------------------------------
リフォーム
-------------------------------------------------------------------*/
.reform-img {
	margin: 0 0 10px 0;
	text-align: center;
}
.reform-img02 {
	padding: 5px;
	text-align: center;
}
#reform-banner-wrap {
	margin: 0;
}
#reform-banne01 {
	float: left;
	width: 290px;
}
#reform-banne02 {
	float:right;
	width: 290px;
}
/*リフォーム・流れ
-------------------------------------------------------------------*/
.reform-flow-wrap {
	margin: 0 auto;
	width: 520px;
	border: 3px solid #ccc;
	background: #FAFAFA;
	position: relative;
	padding: 10px;
}
.reform-num {
	position:absolute;
	left:-21px;
	top:-27px;
	width:61px;
	height:61px;
	z-index:10;
}
/*リフォーム・事例
-------------------------------------------------------------------*/
h4.r-txt {
	margin: 20px 0 0 10px;
	background: url(../images/circle_green.gif) 0 50% no-repeat;
	font-size: 16px;
	padding: 0 0 0 20px;
}
/*リフォーム・メニュー
-------------------------------------------------------------------*/
#reform-menu-wrap {
	margin: 0 0 20px 0;
	padding: 0;
}
#wrapper h3.r-cap-txt {
	margin: 10px 0 10px 10px;
}
#wrapper h4.r-type {
	margin: 20px 0 10px 0;
	clear: both;
}

.menu-wrap {
	float: left;
	margin: 0 1px 1px 0;
	width: 193px;
	border: 1px solid #CCC;
}
.menu-header {
	margin: 0;
	background: url(../images/menu_list_header_bg.gif);
	text-align: center;
	height: 40px;
}

.menu-header .menu-heder-txt{
	padding: 10px 0 0 0;

}
.menu-wrap p {
	margin: 0;
	padding: 5px;
}
.reform-price {
	padding: 5px 0 5px 0;
	border-top: 1px solid #CCC;
	text-align: center;
}
#reform-menu-info {
	clear: both;
	margin: 0 0 10px 0;
}
/*リフォーム・健康診断
-------------------------------------------------------------------*/

.reform-check-wrap {
	margin: 0 auto;
	width: 520px;
	border: 3px solid #000;
	position: relative;
	padding: 0px;
}
.reform-num2 {
	position:absolute;
	left:492px;
	top:-24px;
	width:61px;
	height:61px;
	z-index:10;
}
.check-img {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
}
.check-img img {
	border: 0;
	vertical-align: top;
}	
.check-txt {
	float: left;
	width: 335px;
}
/*リフォーム・キャンペーン
-------------------------------------------------------------------*/
#campaign-banner {
	margin: 20px 0 20px 0;
	position: relative;
}

#handrail-link{
	position:absolute;
	left:193px;
	top:184px;
	width:202px;
	height:42px;
	z-index:10;
}
/*リフォーム・キャンペーン手すり
-------------------------------------------------------------------*/
#handrail-wrap {
	margin: 20px 0 0 13px;
}
.hr-product-wrap {
	float: left;
	margin: 0 10px 20px 0;
	width: 244px;
	border: 3px solid #CCC;
}
.hr-product-wrap img {
	border: 0;
}

.hrp-header {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(../images/campaign_header_bg.gif);
	height: 50px;
}
.hrp-price {
	margin: 0;
	padding: 5px 0 5px 0;
	background: #FC0;
	text-align: center;
}
.hrp-txt {
	margin: 10px 0 0 0;
	text-align: center;
}
#hr-info {
	clear: both;
	margin: 10px;
}
#hr-info p {
	line-height: 160%;
}
/*------------------------------------------------------------------
中古住宅・土地情報
-------------------------------------------------------------------*/
#realestate-wrap {
	margin: 20px 0 20px 0;
	text-align: center;
}
/*------------------------------------------------------------------
コラム
-------------------------------------------------------------------*/
h3.column-title {
	padding: 12px 0 15px 15px;
	background: url(../images/column_title_bar.gif) no-repeat;
	color: #090;
	font-weight: bold;
	font-size: 14px;
}
ul#c-backnum {
	margin: 0;
	padding: 10px 0 20px 20px;
	list-style: circle;
}
#side ul#c-backnum li {
	margin: 0 0 5px 0;
	padding: 0;

}
#side ul#c-backnum li a {
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	display:list-item;
	color: #090;
	line-height: 140%;
	text-decoration: underline;
}
#side ul#c-backnum li a:hover {
	color: #0C0;
	background: none;
}	
/*住宅生協とは？/組織概要
-----------------------------------------------------*/
.about-com {
	margin: 20px 0 10px 20px;
	padding: 0;
}

.about-com dt {
	clear: both;
	float: left;
	padding: 0 0 0 15px;
	background: url(../images/circle_green02.gif) 0 50% no-repeat;
	width: 70px;
	line-height: 160%;
}
.about-com dd {
	float: left;
	width: 400px;
	margin: 0 0 5px 0;
	line-height: 160%;
}
.about-business, .about-business2 {
	margin: 10px 0 0 20px;
	padding: 0;
}
.about-business li {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/circle_blue.gif) 0 50% no-repeat;
	white-space:nowrap;
}
.about-business2 li {
	margin: 0 20px 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/circle_blue.gif) 0 50% no-repeat;
}
#about-wrap {
	margin: 10px 0 0 0;
	padding: 0;
}
.about-wrap-area01 {
	float: left;
	margin: 0 10px 0 0;
	width: 260px;
}
.about-wrap-area02 {
	float: left;
	width: 310px;
}
.about-wrap-img {
	text-align: center;
}
#new-logo {
	float: left;
	margin: 0 10px 0 0;
}
.about-table {
	margin: 0 0 0 10px;
	width: 525px;
	background: #CCC;
}
.about-table th, .about-table td {
	background: #FFF;
	padding: 10px;
}
.about-table th {
	background: url(../images/campaign_header_bg.gif);
	color:#FFF;
}
.about-table td.first-td {
	padding: 0;
	text-align: center;
}

#photo-map {
	clear: both;
	margin: 0;
	padding: 0;
}
#seikyo-img {
	float: left;
	width: 250px;
	margin: 0 10px 0 10px;
}

#seikyo-map {
	float: right;
	width: 310px;
	margin: 0 5px 0 0;
	line-height: 160%;
}
/*プライバシーポリシー
-----------------------------------------------------*/
.p-list {
	margin: 0 10px 0 30px;
	list-style: square;
}
.p-list li {
	line-height: 160%;
}
/*サイトマップ
-----------------------------------------------------*/
.sitemap-list {
	margin: 20px 0 0 20px;
	padding: 0;
}
.sitemap-list dt {
	clear: both;
	float: left;
	padding: 0 0 0 15px;
	background: url(../images/circle_green02.gif) 0 50% no-repeat;
	width: 140px;
	line-height: 180%;
}
.sitemap-list dd {
	float: left;
	width: 380px;
	margin: 0 0 5px 0;
	line-height: 180%;
}
/*コンタクト
-----------------------------------------------------*/
#contact-table {
	margin: 0 auto;
	margin-top: 20px;
	width: 550px;
}
#contact-table td {
	padding: 10px;
}
#contact-result {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
/*ニュース&トピックス
-----------------------------------------------------*/
dl.recent {
	margin: 20px 0 0 0;
}
dl.recent dt {
	clear: left;
	float: left;
	width: 80px;
	margin: 0 0 0 20px;
	padding: 10px 5px 10px 15px;
	background: url(../images/arrow_green.gif) 0 50% no-repeat;
	display: inline;
}

dl.recent dd {
  margin-left: 0;
  padding: 10px 5px 10px 8px;
  border-bottom: 1px dashed #CCC;
}

#main-contents h3.entry-title {
	padding: 10px 0 15px 15px;
	background: url(../images/entry_title_bg.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #090;
}
.entry-body {
	line-height: 160%;
	margin: 10px;
}