@charset "EUC-JP";

/*　トップページ
-------------------------------------------------------------------*/

#main .inner {
	padding: 0px;
	margin: 0px;
}

#info p.link a:hover,
#here li a:hover,
div#concept .left li a:hover,
p.banner a:hover img {
	opacity:0.7;filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#index-img {
	width: 680px;
	height: 300px;
	font-size: 0px;
	line-height: normal;
	margin: 0px 0px 20px;
	padding: 0px;
}

h1#rotator{
	background: url(../rotator/rotator.php) no-repeat top center;
	width: 680px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
}

/*　最新の新築設計実例・最新のリフォーム設計実例
-----------------------------------------------------------------------------*/

#results {
	margin: 0px 0px 50px;
	padding: 0px;
	width: 680px;
}

#results h2 {
	text-indent: -9999px;
	height: 25px;
	margin-bottom: 10px;
}

#shinchiku {
	float: left;
	width: 449px;
}

#shinchiku h2 {
	background: url(../img/index_img01.gif) no-repeat left top;
}

#reform {
	float: right;
	width: 220px;
	border-left: 1px dotted #462300;
	padding-left: 10px;
}

#reform h2 {
	background: url(../img/index_img02.gif) no-repeat left top;
}

dl.box {
	margin: 0px;
	padding: 0px 10px;
	float: left;
	width: 200px;
	display: inline;
}

dl.box dt.photo {
	width: 200px;
	margin: 0px;
	padding: 0px 0px 12px;
	height: 133px;
	text-align: center;
}

dl.box dt.photo img {
	border-style: none;
}

dl.box dd.title {
	width: 200px;
	float: left;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}

dl.box dd.title a:link {
	color: #99CC00;
}

dl.box dd.title a:hover {
	color: #F00;
}

dl.box dd.situation {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/*　やまぐち建築設計室のコンセプトについて
-----------------------------------------------------------------------------*/

div#concept {
	margin: 0px 0px 50px;
	padding: 0px;
	width: 680px;
	float: left;
}

div#concept .left {
	float: left;
	width: 540px;
}

div#concept .left h2 {
	background: url(../img/index_img03.jpg) no-repeat left top;
	height: 51px;
	width: 540px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

div#concept .left p.text {
	margin-bottom: 20px;
	background: url(../img/index_img09.gif) no-repeat left top;
	height: 44px;
	width: 380px;
}

div#concept .left p.text span {
	display: none;
}

div#concept div.photo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 154px;
	width: 200px;
}

div#concept div.text {
	float: right;
	width: 330px;
}

div#concept div.text p {
	margin-bottom: 1em;
}

div#concept .left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#concept .left li {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 27px;
	width: 210px;
	text-indent: -9999px;
	display: block;

}

div#concept .left li a {
	background: url(../img/index_bt02.gif) no-repeat left top;
	display: block;
	height: 27px;
	width: 210px;
}

/*　右側　*/

div#concept .right {
	width: 110px;
	float: right;
	height: 287px;
	margin-right: 10px;
}

div#concept .right p {
	width: 110px;
	height: 287px;
	text-indent: -9999px;
	display: block;
}

div#concept .right p a {
	background: url(../img/index_bt08.gif) no-repeat left top;
	display: block;
	height: 287px;
	width: 110px;
}

div#concept .right p a:hover {
	background: url(../img/index_bt08.gif) 110px top;
}

/*　ボックスライン
-----------------------------------------------------------------------------*/

#here {
	margin: 0px;
	padding: 0px 0px 40px;
	width: 680px;
	float: left;
}

#here div.box {
	width: 330px;
	margin-bottom: 40px;
	float: left;
}

#here div.box h2 {
	height: 60px;
	width: 330px;
	margin: 0px 0px 20px;
	padding: 0px;
	text-indent: -9999px;
}

#here div.sp {
	margin-left: 20px;
}

/*　ボタン　*/

#here ul {
	list-style: none;
	padding: 10px 10px 0px 0px;
	margin: 0px;
	float: right;
}

#here li {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 27px;
	float: left;
}

#here li a  {
	height: 27px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

/*　二世帯住宅でお悩みの方へ　*/

#nisetai h2 {
	background: url(../img/index_img04.gif) left top;
}

#nisetai ul {
	width: 242px;
}

#nisetai li.bt1 a {
	background: url(../img/index_bt03.gif) 0px top;
	width: 242px;
}

/*　土地の調査って重要ですよ！　*/

#land h2 {
	background: url(../img/index_img05.gif) left top;
}

#land ul {
	width: 243px;
}

#land li.bt1 a {
	background: url(../img/index_bt04.gif) 0px top;
	width: 243px;
}

/*　家づくりの流れ　*/

#flow h2 {
	background: url(../img/index_img06.gif) left top;
}

#flow ul {
	width: 200px;
}

#flow li.bt1 a {
	background: url(../img/index_bt05.gif) 0px top;
	width: 200px;
}

#flow li.bt2 a {
	background: url(../img/index_bt06.gif) 0px top;
	width: 200px;
}

/*　費用について　*/

#cost h2 {
	background: url(../img/index_img07.gif) left top;
}

#cost ul {
	width: 175px;
}

#cost li.bt1 a {
	background: url(../img/index_bt07.gif) 0px top;
	width: 175px;
}


/*　インフォメーション
-----------------------------------------------------------------------------*/

#info {
	width: 680px;
	margin-bottom: 40px;
	clear: both;
}

#info h2 {
	background: url(../img/index_img08.gif) no-repeat left top;
	text-indent: -9999px;
	height: 55px;
	width: 680px;
	margin-bottom: 20px;
}

#info dl {
	margin: 0px;
	padding: 0px;
}

#info dt {
	float: left;
	color: #99CC00;
	line-height: normal;
}

#info dt img {
	padding-left: 1em;
}

#info dd {
	margin: 0em;
	padding: 0em 0em 2.25em 10em;
	font-weight: bold;
}

#info dd a:link {
	color: #462200;
}

#info dd a:hover {
	color:#F00;
}

#info p.link {
	height: 14px;
	float: right;
	width: 223px;
}

#info p.link a  {
	height: 14px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	width: 223px;
	background: url(../img/index_bt01.gif) no-repeat left top;
}



/*　対応地域
-----------------------------------------------------------------------------*/

#region {
	border: 1px solid #300;
	width: 678px;
	clear: both;
}

#region p {
	background: #462100 url(../img/index_img11.gif) no-repeat left top;
	height: 34px;
	margin-bottom: 10px;
	line-height: normal;
	text-indent: -9999px;
	width: 678px;
}

#region dl {
	margin: 0px;
	padding: 0px 10px;
	clear: both;
}

#region dt {
	float: left;
}

#region dd {
	margin: 0em;
	padding: 0em 0em 1em 3em;
}

#main p.banner {
	clear: both;
	height: 120px;
	width: 680px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}

#main p.banner img {
	border-style: none;
}



/*　設計実績ボタン　*/

#main ul.case {
	list-style: none;
	padding: 0px;
	margin:　0 0 20px 0;
}

#main ul.case li {
	margin: 0px;
	padding: 0px;
	height: 135px;
	float: left;
	width: 331px;
}

#main ul.case li a  {
	height: 135px;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 331px;
}

#main ul.case li.bt2 {
	padding-left: 3px;
}

#main ul.case li.bt1 a {
	background: url(../img/concept_bt.jpg) 0px top;
}

#main ul.case li.bt2 a {
	background: url(../img/concept_bt.jpg) -331px top;
}

#main ul.case li a:hover {
	opacity:0.7;filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#main ul.case span {
display:none;
}