@charset "utf-8";
/* CSS Document */

/*2008.11.07 龍野芦原台　第4期分譲
-------------------------------------------------*/


* {
   margin: 0;
   padding: 0;
   font-size: 100%;
   font-style: normal;
   font-weight: normal;
   border:none;
}


body {
   text-align: center;
   font-size: 75%;
   font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "hiragino kaku Gothic Pro", Verdana ,sans-serif;
   line-height: 1.4;
   background: #F9F6F2;
}

img {
	border: none;
	vertical-align: top;
}


.left {
	float:left;
}
.right {
	float:right;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}

/*リンク
-------------------------------------------------*/
a {
   color: #039;
   border: none;
}

a:visited {
	color: #333;
	 border: none;
}
a:hover {
	color: #06c;
	 border: none;
}

/* 段組レイアウト
-------------------------------------------------*/
#wrapper {
   margin: 0 auto;
   width: 820px;
   text-align: left;
   background: url(../image/bg01.gif) repeat-y center top;
   padding-bottom: 50px;
}
#header {
   margin: 0 10px;
   background-color: fff;
   height: 110px;
   z-index: 20;
}

#container {
   position: relative;
   margin: 10px 0;
   width: 100%;
}

#main {
   margin-left: 30px;
}

#footer {
   height:120px;
   
}

/* header
-------------------------------------------------*/
#header  {
   background:url(../image/header_img01.gif) repeat-x;
}

#header .rogo {
   float: left;
   padding: 5px 0;

}

#header-right {
   text-align: left;
   float: left;
}


#header h1 {
   clear: both;
   text-align: left;
   margin: 10px auto 0 10px;
   padding-top: 5px;
   font-size: 15px;
   font-weight: bold;
   color: #990000 ;
   
   }
#header span {
   color: #666;
   font-weight: normal;
}

#header .inquire  ul{
   float: right;
   margin-right: 10px;
   margin-bottom: 20px;
   bottom: 20px;
   
}
#header .inquire li {
	list-style: none;
	display:inline;
}
#header .inquire img {
   bottom: 10px;
}


#header #gNav{
   clear: both ;
   float:left;
   position: absolute;
   top: 55px;
   z-index: 5; 
   
   
}

#header #gNav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   
}

#header #gNav li {
   float: left;
   width:94px;
   margin: 0;
   padding: 0;
   vertical-align:bottom;
}

#header #gNav li a{
   display:block;
   width: 100%; /*windows IE6*/
}

/*IE7 */
*+html #header {
   position: relative;
   left: 0; 
   top: 0;
   z-index: 4;
}

/* gNav ul ul
---------------------------------------------*/
#header #gNav ul ul {
		background: #EEEEEE;
}
#header #gNav ul ul li {
		float: none;
		width: 84px;
	}
#header #gNav ul ul li a {
		border-top: 1px solid #FFFFFF;
		background: none;
		font-size: 90%;
		font-weight: normal;
		padding: 3px 0 3px 10px;
	}
#header #gNav ul ul li a:hover {
		color: #FFFFFF;
		background-image: none; 
		background-color:#A3CF62;
	}
#header #gNav ul li.parent ul {
		display: none;
	}
#header #gNav ul li.parentOn ul {
		display: block;
	}


/* main
---------------------------------------------*/
#main ul {
   list-style: none;
   
}


#main li {
   padding: 3px;
   border: solid 1px #ccc;
   display: inline;
   float: left;
   margin-bottom: 5px;
   margin-right: 5px;
}


#main .box{
   clear:both;
   float: left;
   
}
#main .box4{
   clear:both;
   float: left;
   
}

#main .box img{
   margin-right: 5px;
   border: solid #999 1px;
   
}
#main .box2{
   float: left;
   margin-right: 10px;
	color:#333;
}
#main .box2  dd span{
   color: #FADE9C;
}
#main .box3{
clear:both;
   float: left;
	color:#333;
	border: #666666 1px solid;
}


#main table{
   width: 300px;
   margin: 10px 15px 20px 0;
   border: none;
   border-collapse: collapse;
   font-size: 12px;
}

#main th {
   border: none;
   color: #333;
   padding:3px 0 1px 2px;
   border-bottom: 1px solid #333;
}
#main td {
   border-bottom: 1px solid #333333;
   border-left: none;
   border-right: none;
   border-top: 
   none;
   font-size: 13px;
}
#main td span{
   font-weight: bold;
   font-size: 14px;
}



#main h2{
   width: 745px;
   background: #eee;
   border: #eee solid 1px;
   border-left: 10px #FF9900;
   padding: 3px 0 1px 5px;
   margin:15px 0;
   font-size: 16px;
   font-weight: bold;
   color:#000099;
}

#main h3{
   margin: 10px 30px 10px 0;
   padding: 10px;
   font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   color:#000099;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.5;
   letter-spacing: 0.3;
   border: #999 solid  1px;
}



#main h3 span {
   color: #990000;
   font-weight: bold;
   
}

#main .box2 dl {
   padding: 10px 0;
   width:240px;
}

#main .box2 dt {
   background: #CCC;
   border: #ccc solid 1px;
   border-left: 5px #FF6600;
   padding: 3px 3px 0 5px;
   margin-bottom: 5px;
   font-size: 12px;
}
.btn {
   clear: both;
   float: right;
   margin-right: 50px;
   margin-bottom: 10px;
}


/* footer
-------------------------------------------------*/
#footer {
   text-align: center;
   clear: both;
   font-size: 0.9em;
}
#footer img {
   border-top: #666666 1px solid ;
   border-bottom: #666666 1px solid ;
   margin-left: 60;
   }
#footer p {
   padding-left:30px;
   text-align: left;
}


*:first-child+html #footer {
	margin-left: -2px;
} 



/* kukaku.html
-------------------------------*/

.c1{
   width:45px;
   background: #DCC690;
   padding:3px 15px;
   text-align:center;
    
}

.c2{
   width:125px;
   text-align:right;
   padding: 3px 10px 3px 0; 
   background: #FDF5EA;
}


.c3{
   width:auto;
   text-align:right;
   padding: 3px 10px 3px 0; 
   background:#F5DFC5;
}

 
.c4{font-family: "ＭＳ ゴシック", "Osaka－等幅";
   font-size:18px;
   color:#333333;
   padding: 1px 0 1px 0px;
   border-bottom: solid #999999 1px;
}
.c5{
   color:#FF6600
}
.c6 {
   font-size:12px;
   line-height:170%;
   padding: 10px;
   border-top: solid #999999 1px;
   text-align: left;
}

/*south.html
-------------------------------*/

.c7{
   width:45px;
   background: #a3cf62;
   color:#000;
   padding:3px 10px;
   text-align:center;
}

.c8{
   width:auto;
   text-align:right;
   padding: 3px 10px 3px 0; 
   background: #FADB5F;
}

/* gaiyou.html
-------------------------------*/

div#maincol table {
   width: 755px;
   text-align: left;
   font-size: 12px;
   border-collapse: collapse;
   margin-bottom: 10px;
}
  
div#maincol td {
   border-top: none;
   border-bottom: 1px dotted #999999;
   border-left: none;
   border-right: none;
   padding: 3px 0px 0px 5px;
   color: #333;
   font-size: 12px;
  
}
div#maincol td strong {
   color: #990000;
}

div#maincol th {
   border-top: none;
   border-left: none;
   border-right: none;
   background-color: #666;
   font-weight: normal;
   padding: 3px 0px 1px 5px;
   color: #fff;
   font-size: 13px;
  
}

/* model.html
-------------------------------*/
#main .box3{
   width: 650px;
   padding-left: 70px;
   border: none;
 }
 
 /* south.html
-------------------------------*/
#Outline {
   width: 760px;
   clear: both;
 }
 
 #Outline 
 
 

