/* CSS Document */

html, body, form, fieldset {
  margin: 0;
  padding: 0;
  font-family: "Letter Gothic Std",Helvetica ;
  font-size: 100%;
  line-height: 120%;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: .5em; padding: 0; text-align:left;}
dd, blockquote {margin-left: 1em;}
ul li {margin-left: 1em; list-style:none;}
a {text-decoration:none; color:#1663B7;}	
a:hover {text-decoration:none; color:#CA2C02;}	
img {
  padding:0;
  margin:0;
}
img2 {
  padding:0;
  margin:0;
  float: left;
}
a img { border:0; margin-right:5px;}
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 100%; font-family: inherit;}

body {
  color:#333333;
  background-color: #ECDCDA;
}
	
#wrap {
  padding:0px;
  width:930px;
  background-image:url(http://www.myfamiliar.jp/images/site/header6.jpg);
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
	
h1 {font-size:1.7em;}	
h2 {font-size:1.5em;}	
h3 {
  font-size:1.1em;
  color:#333333;
  margin-top:12px;
}
h4 {
  font-size:1.0em;
  color: #000000;
}		
h5 {font-size:1.2em; color:#999999;}
h6 {
  font-size:1em;
  color:#333333;
  margin-top:10px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}	
h7 {
  font-family:  "Letter Gothic Std",Helvetica;
  font-size: 20px;
  color: #BAA491;
  font-weight: bold;
  margin-bottom: 10px;
}
h8 {
  font-size:1.5em;
  color:#000;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 12px;
}

p {margin:15px 0 5px 0;}	
	
#navboard {
  margin:0;
  padding:0;
  width:930px;
  height:120px;
}
#mainboard {
  width:930px;
  background-color:#FFFFFF;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.error {padding-top:100px; padding-left:160px; padding-bottom:600px;}	
	
#logo {
  padding: 0;
  float: left;
  width: 210px;
  text-align:left;
  display:inline;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
}
#menu {
  padding: 0;
  float: left;
  width:450px;
  text-align:right;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 220px;
  font-family:"Letter Gothic Std", Helvetica;
  font-size: 90%;
  line-height: 100%;
  color: #333333;
}
#navboard a {text-decoration:none; color:#000; font-size:.8em; font-weight:bold;}
#navboard a:hover {text-decoration:none; color:#CA2C02;}

#title {
  font-family:"Letter Gothic Std", Times, serif;
  font-size:18px;
  font-weight:bold;
  color:#333333;
  display:block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 30px;
}
#title2 {
  font-family:"Times New Roman", Times, serif;
  font-size:20px;
  font-weight:bold;
  color:#BAA491;
  display:block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 30px;
  width: 400px;
  float: left;
}
#title3 {
  font-family:"Letter Gothic Std", Times, serif;
  font-size:18px;
  font-weight:bold;
  color:#333333;
  display:block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0px;
}
#news {font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:bold; color:#BAA491; 
		display:block; margin: 40px 0 10px 0px;}		
#title a {color:#BAA491;}
#entry {font-size:.7em;}

#level1 {
  height:420px;
}
#level2	{
  height:330px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
}
#level3 {
  height:350px;
}

#level1 .banr {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 660px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 20px;
}
#level1 .head {
  font-size:0.7em;
  padding: 0;
  width: 900px;
  color:#333333;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 10;
  margin-left: 0px;
  line-height: 1.6em;
} 	
#level1 .lead {
  font-size:0.8em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 230px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#level1 .lead p {text-align:left;}	
#level1 .lead h3 {text-align:left;}
#level1 .lead a {
  text-decoration:none;
  color:#333333;
}	
#level1 .lead a:hover {
  text-decoration:none;
  color:#9900FF;
}	
	
#level2 .col1 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 200px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 12px;
  margin-bottom: 0;
  margin-left: 20px;
}	
#level2 .col2 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 200px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
}	
#level2 .col3 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 200px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
}
#level2 .col4 {
  font-size:.7em;
  line-height:1.4em;
  float: right;
  padding: 0;
  width: 200px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: auto;
}	
				
#level3 .col1 {
  font-size:0.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 420px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 30px;
  margin-bottom: 0;
  margin-left: 30px;
}	
#level3 .col2 {
  font-size:0.7em;
  line-height:1.4em;
  float: left;
  width: 420px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20;
}	
#level3 .col3 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 0 10px 0 0;
				width: 200px; display: inline; color:#333333;}					
#level3 .col4 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 0 auto;
				width: 200px; display: inline; color:#333333;}	
				
#level3b .col1 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 0 10px 0 50px;
				width: 200px; display: inline; color:#333333;}	
#level3b .col2 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 0 10px 0 0;
				width: 200px; display: inline; color:#333333;}	
#level3b .col3 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 0 10px 0 0;
				width: 200px; display: inline; color:#333333;}					
#level3b .col4 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 0 auto;
				width: 200px; display: inline; color:#333333;}		
#level3b p		{margin:6px 0 24px 0;}						
				
#level4 .col1 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 20px 20px 60px 50px;
				width: 560px; display: inline; color:#333333;}	
#level4 .col1 p {width:500px; font-size:1.2em; line-height:1.8em;}
#level4 .col1 h1 {color:#000;}
#level4 .col1 h2 {font-size:.9em; color:#1663B7; margin-top:5px;}
#level4 .col1 h3 {font-size:1.2em; font-weight:bold; color:#000000; margin: 0 0 10px 0px;}
#level4 .col2 {font-size:.7em; line-height:1.4em; float: left; padding: 0; margin: 5px auto 80px auto;
				width: 270px; display: inline; color:#333333;}	
#level4 .col2 h2 {font-size:1.1em; color:#1663B7; margin-top:5px;}
.catch {width:490px;}

#level5 .col1 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 50px;
}	
#level5 .col2 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 0;
}						
#level5 .col3 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#level5b .col1 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 50px;
}	
#level5b .col2 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 0;
}						
#level5b .col3 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}	
#level5c .col1 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 50px;
}	
#level5c .col2 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 0;
}						
#level5c .col3 {
  font-size:.7em;
  line-height:1.4em;
  float: left;
  padding: 0;
  width: 270px;
  display: inline;
  color:#333333;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#i1 {
  float: left;
  margin-right: 5px;
  margin-bottom: 20px;
  margin-left: 5px;
}
#i2 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#i3 {
	margin: 0px;
	padding: 0px;
}				
#mini {margin: 25px 0 0 0; clear:both;}
img.right {padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left {margin-right:6px; margin-bottom:30px; display: inline; }		
.right {float: right;}
.left {float: left;}	
.descript {margin: 30px 0 30px 0; clear:both;}	
.indent {margin-left:15px;}				

	
#footboard {
  clear:both;
  width:930px;
  height:60px;
  text-align:center;
  line-height:1.3em;
  font-size:0.7em;
  color:#333333;
  background-color: #D9D1D3;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}	
.foottext {
  padding-top:20px;
}	
#footboard a {
  color: #333333;
}	
#footboard .familiar a {
  color: #0066CC;
  display:inline;
}
#footboard .khmj {display:inline;}
#footboard .khmj a {color:#FF9900;}

.subhead {font-size:1.2em; font-weight:bold; padding-left:55px; padding-bottom:10px;}					
.concept {color:#000000; font-size:.9em; line-height:1.4em; padding-bottom:15px;}	
.archive {margin: 15px 0 0 0;}
.recent {font-size:1em; color:#000; padding-bottom:25px; margin-top:0px; line-height:1.5em;}	
.recent a {color:#1663B7s;}	
.recent a:hover {color:#CA2C02;}	
.recent ol {margin-left:20px; color:#666666;}
.archives {
  font-size:1em;
  color:#999999;
  padding-bottom:25px;
  line-height:1.5em;
}	
.archives a {color:#1663B7s;}	
.archives a:hover {color:#CA2C02;}	
.date {font-size:1em; color:#1663B7; margin-top:5px; margin-bottom:0px;}	
.story {margin-bottom:30px;}	
.entry ol {margin:5px 0 5px 0; background-color:#E6DFC8; width:330px; padding:10px 25px 10px 40px;}	
blockquote {font-size:1em; color:#000066;}
.small {font-size:.8em;}	
.c1 {color: #FF0000; background: #ffffff;}

