@charset "Shift_JIS";

/* 3D住宅リフォームデザイナーの共通スタイル */
/*============目次==============
　1. BaseSet
　2. 上書き項目
　3. 背景パターン
　4. ボックス
　5. float
　6. margin
  7. レイアウト
==============================*/

/*===========================
■1. BaseSet
============================*/

html{
	overflow-y: scroll;
	min-width: 960px;
}

body {
  overflow: hidden;
}

* html body{
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

/* link */

.reformBody a{
	color:#be562b;
	text-decoration:underline;
}

.reformBody a:visited{
	color:#be562b;
	text-decoration:underline;
}

.reformBody a:hover{
	color:#be562b;
	text-decoration:none;
}

/* reset */

.reformBody body,
.reformBody div,
.reformBody dl,
.reformBody dt,
.reformBody dd,
.reformBody ul,
.reformBody ol,
.reformBody li,
.reformBody h1,
.reformBody h2,
.reformBody h3,
.reformBody h4,
.reformBody h5,
.reformBody h6,
.reformBody pre,
.reformBody code,
.reformBody form,
.reformBody fieldset,
.reformBody legend,
.reformBody input,
.reformBody textarea,
.reformBody p,
.reformBody blockquote,
.reformBody th,
.reformBody td{margin:0;padding:0}
.reformBody table{border-collapse:collapse;border-spacing:0}
.reformBody fieldset,
.reformBody img{border:0}
.reformBody ol,
.reformBody ul{list-style:none}
.reformBody caption,
.reformBody th{text-align:left}
.reformBody h1,
.reformBody h2,
.reformBody h3,
.reformBody h4,
.reformBody h5,
.reformBody h6{font-size:100%;font-weight:normal}
.reformBody q:before,.reformBody q:after{content:''}
.reformBody abbr,.reformBody acronym{border:0;font-variant:normal}
.reformBody sup{vertical-align:text-top}
.reformBody sub{vertical-align:text-bottom}
.reformBody input,.reformBody textarea,.reformBody select{font-family:inherit;font-size:inherit;font-weight:inherit}
.reformBody input,.reformBody textarea,.reformBody select{*font-size:100%}
.reformBody legend{color:#000}

.reformBody img{
	vertical-align:bottom;
	line-height:1.0;
}

#reformMain{
	margin:0 auto;
	text-align:left;
	width:960px;
}

/*===========================
■2. 上書き項目
============================*/

#Outline #StatusArea{
	margin-bottom:0;
}

/*===========================
■3. 背景パターン
============================*/

.bg01{
	background:url(img/bg01.gif) repeat left top;
}

.bg02{
	background:url(img/bg02.gif) repeat left top;
}

/*===========================
■4. ボックス
============================*/

.reformBody{
	margin-bottom:-23px;
}
.reformBody .w960{
	margin:0 auto;
	position:relative;
	width:960px;
}
.reformBody .w940{
	margin:0 auto;
	position:relative;
	width:940px;
}

.itemLtr,
.itemRtl{
	width:100%;
	display:table;
}

	.itemRtl{
		direction:rtl;
		text-align:right;
	}

.itemLtr .itemImage,
.itemRtl .itemImage{
	margin:0;
	padding-right:30px;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
}

	.itemRtl .itemImage{
		/float:right;
		padding-left:25px;
		padding-right:0;
	}

.itemLtr .itemText,
.itemRtl .itemText{
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}

	.itemRtl .itemText,
	.itemRtl img{
		direction:ltr;
		text-align:left;
	}

/*===========================
■5. clearfix, float
============================*/

.clear{
	clear:both;
}

/* modern browsers */

.clearfix:after,
.fBox:after,
#contents-in:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix,
.fBox,
#contents-in{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .fBox,
* html #contents-in{
	height: 1%;
}

.clearfix,
.fBox,
#contents-in{
	display: block;
}

.fr{
	float:right;
}

.fl{
	float:left;
}

ul.fBox li{
	float:left;
	display:inline;
}

.in-block{
	letter-spacing:-.40em;
}
	.in-block li,
	.in-block dt,
	.in-block dd{
		display:inline-block;
		/display:inline;
		/zoom:1;
		letter-spacing:normal;
		vertical-align:top;
	}

/*===========================
■6. margin
============================*/

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }

/*===========================
■7. レイアウト
============================*/

/* header */

.reformBody #headwrap{
	background:url(img/head_bg.gif) repeat-x left top;
	height:102px;
	position:relative;
	z-index:1000;
}
#reformHeader{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
}
	#reformLogo{
		left:0;
		position:absolute;
		top:0;
	}
	#reformHeadtxt{
		padding:17px 0 16px 152px;
	}
	div#reformHeader h1{
		margin-left:152px !important;
	}
	#reformNav{
		padding-left:132px;
	}
	#reformHeadbtn{
		position:absolute;
		right:0;
		top:0;
	}
#reformMainwrap{
	padding-bottom:60px;
}

/* Global Navi */

/*#reformNav li .navTtl {
	background-image: url(img/nav.gif);
	background-repeat: no-repeat;
	_cursor: pointer;
	display: block;
	height: 51px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}*/

/*#reformNav #reformNav #nav {
  padding-left: 7px;
  position: relative;
  z-index: 2;
}*/
	#reformNav li {
 		position: relative;
	}
	#reformNav .navTtl {
		background-image: url(img/nav.gif);
		background-repeat: no-repeat;
		/cursor: pointer;
		display: block;
		height: 51px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#reformNav #nav01 .navTtl{ width:173px; }
	#reformNav #nav02 .navTtl{ width:80px; }
	#reformNav #nav03 .navTtl{ width:100px; }
	#reformNav #nav04 .navTtl{ width:100px; }
	#reformNav #nav05 .navTtl{ width:150px; }

	/* hover, current */
	#reformNav #nav01 .navTtl:hover,
	#reformNav #nav01.nav-current .navTtl {
		background-position: left bottom;
	}

	#reformNav #nav02 .navTtl:hover,
	#reformNav #nav02.nav-current .navTtl {
		background-position: -173px bottom;
	}

	#reformNav #nav03 .navTtl:hover,
	#reformNav #nav03.nav-current .navTtl {
		background-position: -258px bottom;
	}

	#reformNav #nav04 .navTtl:hover,
	#reformNav #nav04.nav-current .navTtl {
		background-position: -360px bottom;
	}

	#reformNav #nav05 .navTtl:hover,
	#reformNav #nav05.nav-current .navTtl {
		background-position: -465px bottom;
	}

	/* normal */
	#reformNav #nav01 .navTtl,
	#reformNav #nav01.current .navTtl {
		background-position: left top;
	}

	#reformNav #nav02 .navTtl,
	#reformNav #nav02.current .navTtl {
		background-position: -173px top;
	}

	#reformNav #nav03 .navTtl,
	#reformNav #nav03.current .navTtl {
		background-position: -258px top;
	}

	#reformNav #nav04 .navTtl,
	#reformNav #nav04.current .navTtl {
		background-position: -360px top;
	}
	#reformNav #nav05 .navTtl,
	#reformNav #nav05.current .navTtl {
		background-position: -465px top;
	}


	/* subnav */
	#reformNav li .navLv2,#reformNav li .navLv5 {
		background-color:#613200;
		display: none;
		/*padding-top: 6px;*/
		position: absolute;
		top:51px;
		left:0;
		z-index: 99999;
	}
		#reformNav li .navLv2 li,#reformNav li .navLv5 li{
			display:block;
			float:none;
		}

	#reformNav li .navLv2 .lv2In,#reformNav li .navLv5 .lv5In  {
		padding:3px 15px 10px;
	}
		#reformNav li .navLv2 li,#reformNav li .navLv5 li  {
			border-bottom:1px solid #815b33;
			zoom: 1;
		}
		#reformNav li .navLv2 li:last-child,#reformNav li .navLv5 li:last-child{
			border-bottom:none;
		}

	#reformNav li a {
		color: #FFF;
		display: block;
		text-decoration: none;
	}
	#reformNav li a:hover {
		background-color: transparent;
	}

	#reformNav li:hover > .navLv2,#reformNav li:hover > .navLv5  {
		display: block;
	}

	/* カテゴリごとのサブナビwidth */
	#reformNav #nav01 .navLv2,#reformNav #nav01 .navLv5{
		width:273px;
	}



/* プレゼンテーションソフト */

#prsoft a,
#prsoft a:hover,
#prsoft a:visited{
	color:#623000;
}
#prsoft{
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(11,3,6,.15);
	-moz-box-shadow: 0 1px 3px rgba(11,3,6,.15);
	box-shadow: 0 1px 3px rgba(11,3,6,.15);
	border: solid 1px #f5f5f5;
	letter-spacing:-.40em;
	margin:63px auto 0 ;
	padding:32px 40px 37px;
	text-align:left;
	width:880px;
	zoom:1;
}
	#prsoftTtl{
		margin-bottom:26px;
		position:relative;
		zoom:1;
	}
		#prsoftTtl #prsoftBtn{
			bottom:25px;
			position:absolute;
			right:5px;
		}
	#prsoft .fl{
		width:451px;
	}
		#prsoft .prsoftList{
			display:inline-block;
			/display:inline;
			/zoom:1;
			letter-spacing:normal;
			margin-right:38px;
			vertical-align:top;
		}
			.prsoftList dt{
				margin-bottom:7px;
			}
			.prsoftList dd{
				font-size:85%;
				line-height:1.77;
			}
	#prsoft .fr{
		margin-right:-5px;
		overflow:hidden;
		width:400px;
	}
		#prsoft .prsoftLBnr{
			margin-bottom:10px;
		}
		#prsoft .prsoftSBnr{
			margin-bottom:5px;
			margin-right:5px;
		}