/*　スタイル追加分　ここから
-----------------------------------------------------------------*/

/*LINK DIRECTORY INFORMATION
----------------------------------------------------------------------*/


/*　スタイル追加分　ここまで
-----------------------------------------------------------------*/

/* 共通部
-----------------------------------------------------------------*/
body {
    text-align: center;
	background-color:#FFFFFF;
}
img {
	border:0;
}

h1 {
  letter-spacing: 0.1em ;
  font-family: "Times New Roman", "Times, serif";
  font-size: 26px;
  line-height: 26px;
  margin:5px 5px;
  padding: 0px
  }

h2 {
  letter-spacing: 0.2em ;
  margin: 0px;
  height: 20px;
  padding: 10px 10px;
  color:#643618;
  font-size:14px;
  line-height:20px;
  font-family: "Times New Roman", "Times, serif";
  background: url(../../../resident/english/images/list_bg03.gif) left center no-repeat ;
  }
  
h3 {
  letter-spacing: 0em ;
  padding-top: 10px;
  padding-bottom: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  color:#4F3B30;
  font-size:12px;
  font-family: "Times New Roman", "Times, serif";
  }
 

#wrapper {
       width: 752px;
	   margin: 0px auto;
	   text-align: left;
	   padding: 0px;
	   background-color:#FFFFFF;
}

/*　header
-----------------------------------------------------------------*/
#header {
       clear: both;
       width: 752px;
	   padding: 0px;
	   margin: 0px;
} 
#logo{
      float: left;
      margin: 0px;
	  width: 300px;
	  padding: 0px;
}
#subcatch01{
           letter-spacing: 0em ;
           float: right;
           width:426px;
		   margin-top: 5px;
		   margin-right: 3px;
           line-height:11px;
	       text-align: right;
	       padding: 0px;
		   font-family:Arial, Helvetica, sans-serif;
}
#headerlink{
           width:260px;
		   float: right;
		   margin-top: 8px;
	       padding: 0px;
		   font-family:Arial, Helvetica, sans-serif;
}
#narrow{
           width:80px;
		   float: left;
		   margin-right: 5px;
		   font-size:10px;
	       text-align: center;
	       padding: 0px;
		   border: 1px solid #743237;
}
#japanese{
           width:80px;
		   float: left;
		   margin-right: 5px;
		   font-size:10px;
	       text-align: center;
	       padding: 0px;
		   border: 1px solid #743237;
}
#contact{
           width:80px;
		   float: right;
		   margin-right: 3px;
		   font-size:10px;
	       text-align: center;
	       padding: 0px;
		   border: 1px solid #743237;
}

#headerlink a{
              display: block;
			  padding: 0px;
	          background-color:#FFFFFF;
}
#headerlink a:hover{
                   display: block;
			       padding: 0px;
	               background-color:#EEEEEE;
}
#navigation{
           clear: both;
	       margin: 0px; 
	       padding: 0px;
	       height: 18px;
		   width: 752px;
}
#navigation ul{
              margin: 0px; 
			  padding: 0px;
			  list-style: none;
}
#navigation li{
              float: left;
			  text-align:center;
			  width: 124px;
			  height: 18px;
			  font-size:14px;
			  font-weight:bold;
			  margin: 0px;
			  padding: 0px;
			  border-right: 1px solid #743237;
			  border-bottom: 1px solid #743237;
}
#navigation li a{
              display: block;
			  height: 18px;
			  padding: 0px;
			  color: #743237;
	          text-decoration: none;
	          background-color:#EEDDCC;
}
#navigation li a:hover {
			  height: 18px;
			  color: #EEDDCC;
	          background-color:#E76425;
}
/*main top
-----------------------------------------------------------------*/
#flash{
       position: relative;
       margin: 2px 0px;
       padding: 0px;
	   width: 748px;
       height: 400px;
	   background-color:#FFFFFF;
	   border: 1px solid #743237;
}
#flash02{
       position: relative;
       margin-top: 2px;
	   margin-bottom: 0px;
       padding: 0px;
	   width: 748px;
       height: 300px;
	   background-color:#999999;
	   border: 1px solid #743237;
}
#contenttop{
       position: relative;
       margin: 2px 0px;
       padding: 0px;
	   width: 748px;
	   height: 300px;
	   background-color:#FFFFFF;
	   border: 1px solid #743237;
} 
#toptltle{
  letter-spacing: 0.2em ;
  margin: 0px;
  height: 20px;
  padding: 5px 5px;
  color:#643618;
  font-size:14px;
  line-height:20px;
  font-family: "Times New Roman", "Times, serif";
  background-color:#FFFFFF
}

#topics{
       position: absolute;
	   top: 10px;
	   left: 15px;
       margin: 0px;
	   padding: 0px;
	   height: 80px;
       width: 300px;
	   background-image:url(../../../resident/english/images/bg.gif);
} 
#banner{
       position: absolute;
	   top: 10px;
	   right: 15px;
	   float: right;
       margin: 0px;
	   padding: 0px;
       width: 400px;
	   height: 180px;
	   background-image:url(../../../resident/english/images/bg.gif);
} 

#topics ul{
             list-style: none;
             margin-top: 0px;
			 margin-left: 10px;
			 padding: 0px;
}
#topics li{ 
	         float: left;
			 margin: 0px;
             width: 285px;
	         line-height: 12px;
			 padding-left: 5px;
			 padding-top: 3px;
			 padding-bottom: 3px;
			 border-bottom: 1px dotted #999999;
			 background: #EEEEEE;
}
#topics a{
			 margin-left:10px;
}
#more {
       position: absolute;
	   top: 0px;
	   right: 5px;
	   float: right;
	   margin-top: 0px;
	   margin-right: 3px;
	   padding: 0px;
	   float:right;
	   line-height: 10px;
       font-size:12px;
}


#adittional {
             position: absolute;
			 top: 220px;
			 /*下にアンカーがある場合、利かなくなるので、サイズを変更しました。htmlのテーブルもあわせて変更してください*/
			 /*left: 15px;*/
			 left:515px;
			 /*width: 718px;*/
			 width:218px;
			 height: 30px;
			 }
/*main recommend
-----------------------------------------------------------------*/
#content{
       position: relative;
	   clear:both; 
       margin: 2px 0px;
       padding: 0px;
	   width: 748px;
	   background-color:#FFFFFF;
	   border: 1px solid #743237;
} 
#topimg{
       margin: 0;
       padding: 0;
}
#pan{
       margin: 0;
       padding: 0px 10px;
       height: 20px;
	   font-size:12px;
	   font-family:Arial, Helvetica, sans-serif;
	   background-image:url(../../../resident/english/images/panbg.gif);
}
#productList h3 {
  letter-spacing: 0em ;
  margin: 0px;
  padding: 0px;
  height: 12px;
  color:#4F3B30;
  font-size:12px;
  font-family: "Times New Roman", "Times, serif";
  }

#productList {
    position: relative;
    clear: both;
    width: 728px;
	margin: 10px 10px;
}
#productList h2 {
     margin: 10px 0px;	
}
#productList h3 {
     margin: 0px;
	 height: 18px;	
}

#productList ul {
              margin: 0; 
			  padding: 0;
			  list-style: none;
}
#productList li {
	float: left;
	width: 340px;
	height: 100px;
	margin: 5px 8px;
	padding: 0;
}
#pimg {
                 float: left;
                 width: 100px;
                 height: 100px;
}


#productList h3 span {
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	height: 18px;
	background: #666666;
	text-align: center;
}
#productList dl {
	padding: 0;
	margin-top: 0;
	margin-left: 100px;
	font-size: 12px;
}
#productList dt {
	padding: 0;
	margin: 0;
	text-align: center;
	background: #EEEEEE;
	border: 1px solid #666666;
}
#productList dd {
	padding: 4px;
	margin: 0;
	text-align: left;
			  background-color:#F4F0E6;
			  border-bottom: 1px solid #666666;
			  border-left: 1px solid #666666;
			  border-right: 1px solid #666666;
}
#productList a{
			 margin: 1px;
			 padding: 0px 1px;
	         border: 1px solid #743237;
			 font-family:Arial, Helvetica, sans-serif;
             background-color: #FFFFFF;
			 }
#productList a:hover{
             background-color: #EEDDCC;
			 font-family:Arial, Helvetica, sans-serif;
			 }

#backtotop {
    position: relative;
    clear: both;
    width: 728px;
	margin: 10px 10px;
	text-align: right;
	padding: 4px 0px;
    border-bottom: 1px dotted #AAAAAA;
}
#contactinfo{
           position: relative;
           clear: both;
           width: 748px;
		   margin: 0; 
		   height: 87px;
		   background-color:#EEEEEE;
}
#contactinfo h2{
               background:#743237;
			   color: #FFFFFF;
			   font-size: 14px;
			   height: 16px;
			   padding: 2px 8px;
			   margin: 0px;
			   }
#search{
        position: absolute;
		left: 5px;
		top: 3px;
		width: 365px;
		padding: 0px;
		height: 80px;
		background-color:#EEDDCC;
		border: solid 1px #743237;
}
#search img{
           float: left;
}
            
#telmail{
        position: absolute;
		right: 5px;
		top: 3px;
		width: 365px;
		padding: 0px;
		height: 80px;
		   background-color:#EEDDCC;
		border: solid 1px #743237;
}
#propertyimg{
 float: left;
 clear: left;
 margin: 3px;
 }
#property{
 float: right;
 text-align: left;
 clear: right;
 width: 500px;
 font-size: 12px;
}
#check a{
 border: 1px solid #743237;
 color: #FFFFFF;
 background-color: #743237;
 margin: 5px;
 padding: 3px;
 font-family:Arial, Helvetica, sans-serif;
}
#check a:hover{
 border: 1px solid #743237;
 color: #FFFFFF;
 background-color: #E76425;
 margin: 5px;
 padding: 3px;
 font-family:Arial, Helvetica, sans-serif;
}


 
/*main area
-----------------------------------------------------------------*/	

#area {
    position: relative;
    clear: both;
    width: 728px;
	margin: 10px 10px;
}
#areacontent{
    position: relative;
    clear: both;
	margin: 5px;
	font-size: 12px;
	}

#areaimg {
	float:right;
    width: 250px;
	margin: 0px 10px;
}

#areaimgb {
	float:left;
    width: 200px;
	margin: 3px 5px;
	clear:left;
}
#titleimg {
      clear: both;

}
#areacoment {
	float:right;
    width: 470px;
	margin: 0px 5px;
	clear:right;
	padding: 5px;
	border-bottom:1px dotted #DABF9A;
}
#areaimgc {
	float:right;
    width: 160px;
	margin: 10px 0px;
	clear:right;
}

#areacoment02 {
	float:left;
    width: 530px;
	margin: 10px 2px;
	clear:left;;
}
#areacontent li{
    border: 1px solid #743237;
	float: left;
	padding:3px;
	margin:1px;
	list-style: none;
}
/*main A to Z
-----------------------------------------------------------------*/	
#azmenu{
       margin: 10px 5px;
       padding: 0;
	   width: 738px;
       height: 30px;        
}
#azmenu td{
            margin: 0 auto;
			font-size: 18px;
			width: 27px;
			text-align:center;
			border-right: 1px solid #DABF9A;
			border-bottom: 1px solid #DABF9A;
}

#azmenu td a{
          display: block;
		  width: 100%;
          background-color:#EEEEEE;
		  text-decoration: none;
}
#azmenu td a:hover{
          display: block;
		  width: 100%;
          background-color:#EEDDCC;
		  text-decoration: none;
}
#azindex {
     position: relative;
	 width: 728px;
	 margin: 10px;

}
#azindex　h3{
      height:12px;
	  margin: 0;
	  }
#azindex ul{
      width:700px;
	  padding: 0px;
	  margin: 0px;
}
#azindex li{
           list-style: none;
		   float: left;
		   text-align: center;
		   font-size: 12px;
		   margin: 2px;
		   padding: 0px 2px;
	       border-right: 1px dotted #CCCCCC;
}
#azindex a{
           background: #F7F2EF;
		   padding: 0px 10px;
}
#azindex a:hover{
           background: #EEEEEE;
		   padding: 0px 10px;
}
#az {
     position: relative;
	 clear: both;
	 width: 728px;
	 margin: 10px;

}
#az ul{
      width:700px;
	  padding: 5px;
	  margin: 5px;
}

#az li{
      clear: both;
      margin: 0;
	  padding: 0;
	  text-align: left;
	  font-size:12px;
	  height: 40px;
	  list-style: none;
	  background-color:#FFFFEE;
	  margin-bottom: 15px;
}
#az h3 span {
      display: block;
	  padding: 0px 5px;
	  color: #743237;
	  background: #F7F2EF;
	  height: 18px;
}
#az dl{
      width:700px;
      margin: 0;
}
#az dt{
      margin: 0;
	  padding: 1px 5px;
	  float: left;
	  font-size: 12px;
	  border-right: 1px dotted #CCCCCC;
}

/*main howto
-----------------------------------------------------------------*/	
#howcontent{
    position: relative;
    clear: both;
    width: 728px;
	margin: 10px 10px;
	   font-size:12px;   
}
#howcontent02{ 
    position: relative;
	clear:both;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 10px;
	   font-size:12px;       
}


#howcontent02b{
        padding-left: 10px;
	   font-size:12px;       
}

#lifeinfo ul {
              margin: 1px; 
			  padding: 2px;
			  list-style: none;
			  font-size: 12px;
}

#lifeinfo li {
	float: left;
	clear: both;
	height: 20px;
	width: 250px;
	border: 1px solid #743237;
	font-family:Arial, Helvetica, sans-serif;
	margin: 1px;
}
#howlist ul {
              margin: 1px; 
			  padding: 5px;
			  list-style: none;
			  font-size: 12px;
			  float:right;
			  clear: left;
}

#howlist li {
	float: left;
	clear: both;
	height: 20px;
	width: 230px;
	border: 1px solid #743237;
	font-family:Arial, Helvetica, sans-serif;
	margin: 1px;
}
#howcontent02 a{
	 margin: 0px;
	 padding: 3px 8px;
			 }
#howcontent02 a:hover{
	 margin: 0px;
	 padding: 3px 8px;
			 }
#howcontent03{
    position: relative;
    clear: both;
    width: 728px;
	margin: 10px 10px;
	background-image: url(../../../resident/english/howto/lifeinfo/images/bg.jpg);
}

#howcontent04{
    position: relative;
    clear: both;
	margin: 10px 10px;
	padding: 5px;
	font-size: 12px;
	border:1px solid #DABF9A;
	background: #E5DACA;
}

#dotline {
    clear: both;
	height: 10px;
	margin: 5px;
	border-bottom: 1px dotted #AAAAAA;
}

#mobilelist ul{
              margin: 0; 
			  padding: 10px 40px;
			  list-style:decimal;
			  font-size: 12px;
     }
/*main privacy
-----------------------------------------------------------------*/	

#p01 ul{
       margin: 0;
	   padding: 0;
}
#p01 li{
        margin:0;
        list-style:upper-alpha;
}
#p02 li{
        margin:0;
		list-style:circle;
}
#p03 li{
        margin:0;
		list-style:none;
}
#p04 li{
        margin:0;
		list-style:decimal;
}
#p05 li{
        margin:0;
		margin-left: 350px;
		list-style:none;
}
#p06 li{
        margin:0;
		list-style:none;
}
/*main group
-----------------------------------------------------------------*/	
#box {
      width: 700;
	  clear: both;
	  margin:10px 15px;
}
#box img{
         float: left;
		 margin:5px;
		 clear: right;
}
/*main sitemap
-----------------------------------------------------------------*/	
#sitemap{
    position: relative;
    clear: both;
    width: 728px;
	margin: 10px 10px;
	   font-size:12px; 
	   background-color:#FFFFFF; 
}
#sitemap ul{
 list-style: url(../../../resident/english/howto/images/sankaku.gif);
}
#sitemap li{
 padding: 2px;
 margin: 2px 2px 2px 0px;
 border-bottom: 1px solid #AAAAAA;
 background-color:#DDDDDD;
}
#sitemap dt{
 padding: 2px 2px 2px 10px;
 margin: 1px 5px 1px 10px;
 background-color:#CCCCCC;
 border-bottom: 1px solid #AAAAAA;
}
#sitemap dd{
 padding: 2px 2px 2px 10px;
 margin: 1px 5px 1px 20px;
 background-color:#BBBBBB;
 border-bottom: 1px solid #AAAAAA;
}
#sitemap01 {
 position: relative;
 float: left;
 clear: left;
 padding: 5px 50px 5px 5px;
 width: 315px;
 margin-left:0px;
 margin-right:0px;
 font-size: 12px;
 border-right: 1px dotted #999999;
}
#sitemap02 {
  position: relative;
  clear: right;
  float: right;
  width: 315px;
  margin-right:15px;
 font-size: 12px;
 text-align: left;
  }

/* footer
-----------------------------------------------------------------*/
#footer {
     clear: both;
    width: 748px;
	height: 45px;
    margin-top: 0px;
    padding-left: 0px;
	bottom: 0;
	background-color:#E76425;
	border: 1px solid #743237;
	
}#f-navigation ul{
              float: left;
			  font-weight:bold;
			  font-size: 12px;
              margin-top: 2px;
              margin-left: 0px;
              margin-right: 2px;
              margin-bottom: 0px;
			  padding: 0px; 
			  list-style: none; 
			  width: 705px;

}
#f-navigation li{
              float: left;             
			  margin: 0px;
			  padding: 0px 5px;
	          text-align: right;
	          border-right: 1px solid #743237;
}

#f-navigation li a:hover{
                        color:#EEDDCC;
}
#dealings{ 
              float: right;
              margin-top: 2px;
              margin-left: 0px;
              margin-right: 10px;
              margin-bottom: 0px;
			  padding: 0px;
	          text-align: right;
			  width: 200px;
}
#licence{
      float: left;
	  margin: 0px 2px;
	  text-align: left;
	  color: #FFFFFF;
	  font-family:Arial, Helvetica, sans-serif;
}
