@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE:浅妻不動産鑑定士

SITE LAUNCHED:2011.09.16

____________________________________________________________________________*/

/*----------------------------------------------------------------------------
 RESET HTML elements
----------------------------------------------------------------------------*/
body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}

/*----------------------------------------------------------------------------
 CLEAR FIX
----------------------------------------------------------------------------*/

.clearfix:after { 
	content: ".";
	display: block;
	height: 0px;
	line-height: 0;
	visibility: hidden;
	clear: both; 
} 

.clearfix { 
	display: inline-table;
} 

/* IE7 */
.clearfix {
	display:inline-block;
}

/*\*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/**/ 


/*----------------------------------------------------------------------------
 HTML elements
----------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color:#222;
	font-size:medium;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 160%;
}

h1{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

h2{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

h3{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

h4{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

p{
	margin:0px 0px 5px 0px;
	padding:0px;
}

.txt-small{
	font-size:x-small;
	font-weight:normal;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

li{
	margin:0px;
	padding:0px;
}

img{
	border:none;
}

form{
	margin-bottom:15px;
}

input{
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

textarea{
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

a:link { color:#000; text-decoration: none;}
a:visited { color:#000; text-decoration:none;}
a:active { color:#6ac2df; text-decoration:underline;}
a:hover { color:#6ac2df; text-decoration:underline;}
a:focus { overflow:hidden; outline:none; }

/*----------------------------------------------------------------------------
 COMMON SETTING
----------------------------------------------------------------------------*/
#wrapper{
	position:relative;
}
.inner{
	width:980px;
	margin:0 auto;
	position:relative;
}

#floatbox {
	position: absolute;
	margin: 0;
	padding: 0px;
	top: 385px;
	left: 0px;
	width: 100%;
}
#content{
	width:980px;
	margin:0 auto;
}
section{
	width:980px;
	margin:0 auto;
	border-top:1px solid #ddd;
	
}
p.anchorLink{
	margin:20px 0px;
	padding:0 10px;
	font-size:75%;
	text-align:right;
	clear:both;
	
}
.content{
	padding:10px 0 20px 20px;
	width:699px;
	min-height:300px;
	float:right;
	display:inline;
	border-left:1px solid #ddd;
	
}
.content h2{
	margin:10px 0 10px;
	padding:5px 0 3px 25px;
	font-size:87.50%;
	font-weight:bold;
	background:url(../images/bg_sprites.png) #eee no-repeat 10px -588px;
	border-bottom:1px solid #6ac2df;
}

.content h3{
	font-size:75%;
	font-weight:bold;
}

.content p{
	font-size:75%;
	margin:0 0 15px;
	line-height:175%;
}
.content ul{
	font-size:75%;
}

p.laed{
	margin:10px 0 0;
}
.a-left{
	float:left;
	display:inline;
}
.a-right{
	float:right;
	display:inline;
}

/*----------------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------------*/
header{
	width:100%;
	height:380px;
	background:#eee;
	border-top:5px solid #6ac2df;
	z-index:0;
}
header .inner{
	height:380px;
	/*background:url(../images/img_slide_top_01.jpg) no-repeat center;*/
	border-left:1px solid #333;
	border-right:1px solid #333;
	z-index:0;
}

h1#siteid{
	position:relative;
	margin:0 0 0 20px;
	padding: 0;
	width:220px;
	height:100px;
	text-indent:-9999px;
	background:url(../images/bg_sprites.png) no-repeat 0 0px;
	z-index:100;
}
/*----------------------------------------------------------------------------
 NAV
----------------------------------------------------------------------------*/
nav{
	height:48px;
	background:#eee;
	border-top:5px solid #6ac2df;
	border-bottom:1px solid #ccc;
}
nav ul{
	width:980px;
	margin:0 auto;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
nav ul li{
	float:left;
	display:inline;
	height:48px;
	line-height:48px;
}
nav ul li a{
	width:144px;
	height:48px;
	display:block;
	text-indent:-9999px;
}
.navHome a{
	width:260px;
	background:url(../images/nav.png) no-repeat 0 0;
}
.navBusiness a{
	background:url(../images/nav.png) no-repeat -260px 0;
}
.navService a{
	background:url(../images/nav.png) no-repeat -404px 0;
}
.navFlow a{
	background:url(../images/nav.png) no-repeat -548px 0;
}
.navCompany a{
	background:url(../images/nav.png) no-repeat -692px 0;
}
.navContact a{
	background:url(../images/nav.png) no-repeat -836px 0;
}

.navHome a:hover{
	width:260px;
	background:url(../images/nav.png) no-repeat 0 -48px;
}
.navBusiness a:hover{
	background:url(../images/nav.png) no-repeat -260px -48px;
}
.navService a:hover{
	background:url(../images/nav.png) no-repeat -404px -48px;
}
.navFlow a:hover{
	background:url(../images/nav.png) no-repeat -548px -48px;
}
.navCompany a:hover{
	background:url(../images/nav.png) no-repeat -692px -48px;
}
.navContact a:hover{
	background:url(../images/nav.png) no-repeat -836px -48px;
}

/*----------------------------------------------------------------------------
 FOOTER
----------------------------------------------------------------------------*/

footer{
	margin-top:50px;
	padding:20px 0 20px;
	color:#000;
	background: #6ac2df;
}
footer h3.company-name{
	text-indent:-9999px;
	background:url(../images/bg_sprites.png) no-repeat 0px -745px;
}
footer p{
	text-indent:-9999px;
}
footer p.registration-no{
	background:url(../images/bg_sprites.png) no-repeat 0 -800px;
}
footer p.address{
	background:url(../images/bg_sprites.png) no-repeat 0 -768px;
}
footer p.copyright{
	background:url(../images/bg_sprites.png) no-repeat 0 -830px;
}

/*----------------------------------------------------------------------------
 TOP
----------------------------------------------------------------------------*/
#top{
	margin:53px 0 0;
	min-height:300px;
}
p.contact-tel{
	margin:0px;
	width:220px;
	height:130px;
	background:url(../images/bg_sprites.png) no-repeat 0 -320px;
	text-indent:-9999px;
}
p.contact-mail{
	margin:10px 0;
	width:220px;
	height:130px;
	background:url(../images/bg_sprites.png) no-repeat -220px -320px;
	text-indent:-9999px;
}
p.contact-mail a{
	display:block;
	width:220px;
	height:130px;
}
.top-banners{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:220px;
}
#top h2{
	clear:both;
}
#top .col{width:223px;padding:0;border:1px solid #ddd;line-height:150%;}
#top .col.center{width:225px;margin:0 10px;}
#top .col h3{margin:0 0 5px;padding:5px 0;line-height:150%;text-align:center;background:#6ac2df;}
#top .col h3 span{display:block;font-size:75%;}
#top .col h4{padding:5px 8px 3px;font-size:75%;font-weight:bold;line-height: 125%;}
#top .col p{padding:0px 8px 0;font-size:11px;}
#top .col ul{padding:5px 8px 5px;}
#top .col li{margin:0 0 5px;line-height:150%;border-bottom:1px dotted #ddd;font-size:11px;}
#top .col li.lastChild{border:none;}

/*----------------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------------*/
#business h1{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:220px;
	height:150px;
	background:url(../images/bg_sprites.png) no-repeat 0 -150px;
	text-indent:-9999px;
	
}
#company h1{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:220px;
	height:150px;
	background:url(../images/bg_sprites.png) no-repeat -220px -150px;
	text-indent:-9999px;
	
}
#service h1{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:220px;
	height:150px;
	background:url(../images/bg_sprites.png) no-repeat -440px -150px;
	text-indent:-9999px;
	
}
#contact h1{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:220px;
	height:150px;
	background:url(../images/bg_sprites.png) no-repeat -660px -150px;
	text-indent:-9999px;
	
}
#flow h1{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:220px;
	height:150px;
	background:url(../images/bg_sprites.png) no-repeat -880px -150px;
	text-indent:-9999px;
	
}
/*----------------------------------------------------------------------------
 SERVICE
----------------------------------------------------------------------------*/

#service li{
	padding:0 0 0 10px;
	background:url(../images/bg_sprites.png) no-repeat 0px -488px;
}

/*----------------------------------------------------------------------------
 FLOW
----------------------------------------------------------------------------*/

#flow .content dl dt{
	margin:10px 0 10px;
	padding:5px 0 3px 25px;
	font-size:87.50%;
	font-weight:bold;
	background:url(../images/bg_sprites.png) #eee no-repeat 10px -588px;
	border-bottom:1px solid #6ac2df;
}
#flow .content dl dd{
	margin:5px 0 15px 0;
	padding:0 15px 0 15px;
	font-size:75%;
	line-height:175%;
}

/*----------------------------------------------------------------------------
 CONTACT
----------------------------------------------------------------------------*/

p.contact-phone{
	font-size:24px;
	text-align:center;
}

#contact #main #formBox{
	margin:15px 0px 0px;
}

#contact #main #formBox p{
	font-size:75%;
}

#contact p.caution{
	font-size:10px;
	line-height:150%;
	padding:0px 10px;
}

#contact #caution{
	margin:0px;
	padding:0px 0px;
}

#contact #caution .required{
	font-size:75%;
	padding-left:12px;
	background:url(../images/bg_sprites.png) no-repeat 0px -598px;
}

#contact form {
  margin: 0px 0px 20px;
}

#contact fieldset {
  margin: 0 0px;
  padding: 0.5em 0 1.3em 0;
  border-width: 1px;
  border-color: #ccc;
  border-style: none none dotted none;
}
#contact fieldset#first {
  margin: 0 0px;
  padding: 0.5em 0 1.3em 0;
  border-width: 1px;
  border-color: #ccc;
  border-style: dotted none dotted none;
}
#contact fieldset#last {
  border-bottom: none;
}
#contact .label {
  clear: left;
  display: block;
  padding-top: 0.8em;
  float: left;
  width: 120px;
  padding-left:12px;
  font-size:75%;
  line-height: 2em;
  color:#333;
  font-weight:bold;
}
#contact .label-required {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 14px;
  float: left;
  width: 120px;
  line-height: 2em;
  background:url(../images/bg_sprites.png) no-repeat 0px -583px;
}

#contact .control {
  display: block;
  margin: 0 0 0 150px;
  padding-top: 0.8em;
  font-size:75%;
  line-height: 2em;
}
#contact .alphabet{
	font-size:75%;
}

#contact input, #contact select, #contact textarea {
	padding:3px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  font-size:12px;
  color: #696969;
  background: #f1f1ed;
}
#contact input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
}

#contact input.req1,#contact select.req1 {
  border-style: solid;
  border-width: 2px;
  border-color: #9999FF;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}
#contact input.req2 {
  border-style: dashed;
  border-width: 2px;
  border-color: #9999FF;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}

#contact input:focus, select:focus, textarea:focus {
  background: #ffffff;
}

/* 
---------------------------------------------------- */
#corp, #city, #number, #bldg, #comment {
  width: 500px;
}
#name {
  width: 180px;
}
#post1, #post2 {
  width: 60px;
}
#state {
  width: 120px;
}
#tel1, #tel2, #tel3, #fax1, #fax2, #fax3 {
  width: 60px;
}

/* 
---------------------------------------------------- */
#contact #submit {
  margin-top: 1em;
  padding:5px;
  font-size:75%;
  color: #444444;
  background:url(../img/bg_gray.gif) ;
  text-align: center;
}
#contact #submit input {
  margin-left: 0.5em;
  border-width: 2px;
  border-color: #6AC2DF;
  vertical-align: middle;
  font-size:12px;
  color: #ffffff;
  background: #6AC2DF;
}
#contact #submit p.postext {
  margin: 0;
  padding: 10px;
  text-align: right;
}
#contact #submit button {
  width: 140px;
  height: 50px;
  padding: 4px 0 0 0;
  color: #ffffff;
  border-width: 0px;
}
#contact #submit p.posted {
  font-size: 12px;
  font-weight: bold;
  margin: 6px 0 0;
}
#contact #submit span {
  font-size: 10px;
}