@charset "utf-8";
/*
Theme Name: Nanao Home
Author: Katsuyuki Susaki
http://www.wdcro.com/
*/
@import "reset.css";
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin: 0px auto;
	text-align: center;
	background: url(img/bg.gif) repeat-y center #EAEAEA;
	font-size: 90%;
}
a {
	color: #006699;
}
a:hover {
	color: #CC0000;
}
.red {
	color: #CC0000;
}
.r_img {
	padding: 0px 0px 0px 7px;
	float: right;
}
.l_img {
	padding: 0px 7px 0px 0px;
	float: left;
}
.cl {
	clear: both;
}
.small {
	font-size: 75%;
}
.bkn {
	margin: 10px 30px;
	border: 1px solid #333333;
}
#rap {
	margin: 0px auto;
	padding: 0px;
	width: 798px;
}
#header {
	padding: 0px;
	width: 798px;
	margin: 15px 0px 0px 0px;
}
#header #title_box {
	float: left;
	width: 365px;
}
#header #h1_box {
	background-image: url(img/header_bg.gif);
	float: right;
	height: 90px;
	width: 433px;
}
#header #h1_en_box {
	background-image: url(img/header_en_bg.gif);
	float: right;
	height: 90px;
	width: 433px;
}
#header h1 {
	font-size: 85%;
	font-weight: normal;
	padding: 0px 10px 0px 15px;
	text-align: left;
	color: #666666;
}
#header ul {
	margin: 0px;
}

#header ul li {
	display: inline;
}
#header ul li a {
	height: 60px;
	width: 133px;
	display: inline;
	float: left;
	text-indent: -9999px;
	background-position: 0px 0px;
}
#h-home {
	background: url(img/h_top.png);
}
#h-work {
	background: url(img/h_work.png);
}
#h-land {
	background: url(img/h_land.png);
}
#h-house {
	background: url(img/h_house.png);
}
#h-rent {
	background: url(img/h_rent.png);
}
#h-faq {
	background: url(img/h_faq.png);
}
#h-en-home {
	background: url(img/h_en_top.png);
}
#h-en-work {
	background: url(img/h_en_work.png);
}
#h-en-land {
	background: url(img/h_en_land.png);
}
#h-en-house {
	background: url(img/h_en_house.png);
}
#h-en-rent {
	background: url(img/h_en_rent.png);
}
#h-en-faq {
	background: url(img/h_en_faq.png);
}
#h-home:hover , #h-work:hover , #h-land:hover , #h-house:hover , #h-rent:hover , #h-faq:hover , #h-en-home:hover , #h-en-work:hover , #h-en-land:hover , #h-en-house:hover , #h-en-rent:hover , #h-en-faq:hover {
	background-position: 0px -60px;
}
#h-home , #h-work , #h-land , #h-house , #h-rent , #h-faq , #h-en-home , #h-en-work , #h-en-land , #h-en-house , #h-en-rent , #h-en-faq {
	background-position: 0px -120px;
	height: 60px;
	width: 133px;
	display: inline;
	float: left;
	text-indent: -9999px;
}
#content {
	float: right;
	width: 598px;
	text-align: left;
	margin: 15px 0px;
}
#content h2 {
	text-align: right;
	height: 60px;
	width: 588px;
	padding: 30px 10px 0px 0px;
	font-weight: normal;
	font-size: 90%;
	background-repeat: no-repeat;
}
#content h2#company_h2 {
	background-image: url(img/company_h2.gif);
}
#content h2#access_h2 {
	background-image: url(img/access_h2.gif);
}
#content h2#notfound_h2 {
	background-image: url(img/notfound_h2.gif);
}
#content h2#contact_h2 {
	background-image: url(img/contact_h2.gif);
}
#content h2#privacy_h2 {
	background-image: url(img/privacy_h2.gif);
}
#content h2#work_h2 {
	background-image: url(img/work_h2.gif);
}
#content h2#lands_h2 {
	background-image: url(img/lands_h2.gif);
}
#content h2#rent_h2 {
	background-image: url(img/rent_h2.gif);
}
#content h2#house_h2 {
	background-image: url(img/house_h2.gif);
}
#content h2#example_h2 {
	background-image: url(img/example_h2.gif);
}
#content h2#faq_h2 {
	background-image: url(img/faq_h2.gif);
}
#content h2#link_h2 {
	background-image: url(img/link_h2.gif);
}
#content h2#nagare_h2 {
	background-image: url(img/nagare_h2.gif);
}
#content h2#hokkaido_h2 {
	background-image: url(img/hokkaido_h2.gif);
}
#content h2#search_h2 {
	background-image: url(img/search_h2.gif);
}
#content h2.enh2 {
	text-align: left;
	height: 60px;
	width: 588px;
	padding: 30px 10px 0px 35px;
	font-weight: normal;
	font-size: 120%;
	background: url(img/en_h2.gif) no-repeat;
}
#content h3 {
	background: url(img/h3_bg.gif) no-repeat 0px bottom;
	margin: 18px 20px;
	padding: 5px 35px 10px 35px;
	font-size: 115%;
	font-weight: normal;
	color: #003366;
	line-height: 140%;
}
#content dl , #content ul , #content ol , #content p {
	margin: 15px 25px;
	line-height: 162%;
}
#content ul.f1 , #content ol.f1 , #content p.f1 {
	padding: 7px;
	margin: 15px 25px;
	border: 1px solid #333333;
	background: #EAEAEA;
}
#content p.caption {
	margin: 0px 50px 15px 50px;
	font-size: 80%;
	line-height: 100%;
}
#content li {
	margin-left: 30px;
}
#content dl dt {
	border-bottom: dotted #333333 1px;
}
#content dl.faq dt {
	border-bottom: solid #003366 3px;
	color: #003366;
}
#content dl dd {
	padding: 20px;
}
#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}
#content p.f2 {
	font-size: 90%;
	text-align: right;
}
#content table {
	margin: 10px 25px 20px 25px;
}
#content table tr.tdbg1 td {
	background-color: #EEEEEE;
}
#content table td , #content table th {
	padding: 7px;
	line-height: 140%;
}
#content table th {
	background-color: #C5CEDE;
}
#content table.bk {
	border-top: solid #333333 1px;
	border-left: solid #333333 1px;
	width: 90%;
}
#content table.bk td , #content table.bk th {
	border-right: solid #333333 1px;
	border-bottom: solid #333333 1px;
}
#content table.cont {
	border: 1px solid #333333;
	width: 520px;
}
#content table.cont td {
	vertical-align: top;
}
#content table.faq {
	border-top: solid #333333 1px;
	border-left: solid #333333 1px;
}
#content table.faq td {
	border-right: solid #333333 1px;
	border-bottom: solid #333333 1px;
}
#content table td.down_ya {
	background: url(img/down-ya.gif) no-repeat center bottom;
	padding: 0px 7px;
}
#content table td.down_ya1 {
	background: url(img/down-ya1.gif) no-repeat center bottom;
	padding: 0px 7px;
}
#content table td.down_ya2 {
	background: url(img/down-ya2.gif) no-repeat center bottom;
	padding: 0px 7px;
}
#content table td.no_ya {
	background: url(img/no-ya.gif) no-repeat center bottom;
	padding: 0px 7px;
}
#content table.bkpic {
	font-size: 80%;
	text-align: center;
	line-height: 150%;
	margin: 5px 25px 5px 25px;
}
#content table.bkpic td {
	padding: 0px 5px;
}
#content table.bkpic img {
	border: 1px solid #333333;
}
#content table.tb_baibai dl {
	margin: 3px;
	padding: 5px;
	border: dotted #333333 1px;
}
#content table.tb_baibai dl dd {
	padding: 0px;
}
#content ul.pdf li {
	list-style-position: inside;
	list-style-image: url(img/pdf.gif);
	list-style-type: none;
}
#content ul.pdf li ul li {
	list-style-position: inside;
	list-style-image: url(img/pdf1.gif);
	list-style-type: none;
}
p.newform a {
	text-indent: -9999px;
	height: 50px;
	width: 240px;
	margin: 0px 0px 25px 0px;
	display: inline;
	float: left;
	text-indent: -9999px;
}
p.newform a#newform1 {
	background: url(img/bkn-contact.gif) no-repeat 0px 0px;
}
p.newform a#ichiran {
	background: url(img/bkn-ichiran.gif) no-repeat 0px 0px;
}
p.newform a#newform1:hover , p.newform a#ichiran:hover {
	background-position: 0px -50px;
}
#center-box {
	float: left;
	width: 398px;
	text-align: left;
}
#center-box h2#home-info {
	background-image: url(img/home_h2_1.gif);
	text-indent: -9999px;
	height: 60px;
	text-align: left;
	width: 398px;
	padding: 0px;
}
#center-box h2#home-estate {
	background-image: url(img/home_h2_2.gif);
	text-indent: -9999px;
	height: 60px;
	text-align: left;
	width: 398px;
	padding: 0px;
}
#center-box h2#home-welcome {
	background-image: url(img/home_h2_3.gif);
	text-indent: -9999px;
	height: 60px;
	text-align: left;
	width: 398px;
	padding: 0px;
}
#center-box p {
	font-size: 90%;
	line-height: 160%;
	padding: 0px;
}
#center-box dl {
	font-size: 85%;
	line-height: 160%;
	padding: 0px;
}
#center-box dl dt {
	font-weight: bold;
	text-decoration: underline;
	border-bottom: none;
}
#center-box dl dd {
	padding: 0px;
}
#center-box table {
	font-size: 85%;
	margin: 10px;
}
#center-box table td {
	padding: 3px 8px;
}
#right-box {
	float: right;
	width: 200px;
	text-align: left;
}
#g-map {
	padding: 5px;
	border: 1px solid #333333;
}
#g-map p , #g-map dl {
	font-size: 85%;
	line-height: 150%;
	margin: 0px;
}
#g-map dl dt {
	color: #FFFFFF;
	background-color: #0066CC;
	padding: 2px;
}
#g-map dl dd {
	padding: 5px 5px 5px 12px;
}
#menu {
	float: left;
	width: 200px;
	margin: 15px 0px;
}
#menu ul {
	margin-bottom: 12px;
}
#menu ul li a {
	display: block;
	text-indent: -9999px;
	height: 41px;
	width: 200px;
	background-position: 0px 0px;
}
#m-work {
	background: url(img/m_work.png);
}
#m-land {
	background: url(img/m_land.png);
}
#m-house {
	background: url(img/m_house.png);
}
#m-rent {
	background: url(img/m_rent.png);
}
#m-country {
	background: url(img/m_country.png);
}
#m-yama {
	background: url(img/m_yama.png);
}
#m-colu {
	background: url(img/m_colu.png);
}
#m-nagare {
	background: url(img/m_nagare.png);
}
#m-faq  {
	background: url(img/m_faq.png);
}
#m-link {
	background: url(img/m_link.png);
}
#m-en {
	background: url(img/m_en.png);
}
#m-favorite {
	background: url(img/m_favorite.png);
}
#m-company {
	background: url(img/m_company.png);
}
#m-access {
	background: url(img/m_access.png);
}
#m-contact {
	background: url(img/m_contact.png);
}
#m-privacy {
	background: url(img/m_privacy.png);
}
#m-blog {
	background: url(img/m_blog.png);
}
#m-kuchan {
	background: url(img/m_kutchan.png);
}
#m-niseko {
	background: url(img/m_niseko.png);
}
#m-toubetsu {
	background: url(img/m_toubetsu.png);
}
#m-jozan {
	background: url(img/m_jouzankei.png);
}
#m-inalink {
	background: url(img/m_inalink.png);
}
#m-en-niseko {
	background: url(img/m_en_niseko.png);
}
#m-en-about {
	background: url(img/m_en_about.png);
}
#m-en-land {
	background: url(img/m_en_land.png);
}
#m-en-house {
	background: url(img/m_en_house.png);
}
#m-en-link {
	background: url(img/m_en_link.png);
}
#m-en-favorite {
	background: url(img/m_en_favorite.png);
}
#m-en-company {
	background: url(img/m_en_company.png);
}
#m-en-access {
	background: url(img/m_en_access.png);
}
#m-en-contact {
	background: url(img/m_en_contact.png);
}
#m-en-privacy {
	background: url(img/m_en_privacy.png);
}
#m-en-blog {
	background: url(img/m_en_blog.png);
}

#m-work:hover , #m-land:hover , #m-house:hover , #m-rent:hover , #m-country:hover , #m-yama:hover , #m-colu:hover , #m-nagare:hover , #m-faq:hover , #m-link:hover , #m-en:hover , #m-favorite:hover , #m-company:hover , #m-access:hover , #m-contact:hover , #m-privacy:hover , #m-blog:hover , #m-kuchan:hover , #m-niseko:hover , #m-toubetsu:hover , #m-jozan:hover  ,#m-inalink:hover , #m-inalink:hover , #m-en-niseko:hover , #m-en-about:hover , #m-en-land:hover , #m-en-house:hover , #m-en-link:hover , #m-en-favorite:hover , #m-en-company:hover , #m-en-access:hover , #m-en-contact:hover , #m-en-privacy:hover , #m-en-blog:hover {
	background-position: -200px 0px;
}
#m-work , #m-land , #m-house , #m-rent , #m-country , #m-yama , #m-colu , #m-nagare , #m-faq , #m-link , #m-en , #m-favorite , #m-company , #m-access , #m-contact , #m-privacy ,#m-blog , #m-kuchan , #m-niseko , #m-toubetsu , #m-jozan , #m-inalink , #m-en-niseko , #m-en-about , #m-en-land , #m-en-house , #m-en-link , #m-en-favorite , #m-en-company , #m-en-access , #m-en-contact , #m-en-privacy , #m-en-blog {
	background-position: -400px 0px;
	display: block;
	text-indent: -9999px;
	height: 41px;
	width: 200px;
}

#menu #form , #menu #member {
	margin-top: 10px;
	border: 1px solid #004973;
	background-color: #EAEAEA;
}
#menu #form h3 , #menu #member h3 {
	color: #FFFFFF;
	background-color: #004973;
	padding: 4px;
}
#menu #form p {
	line-height: 200%;
	text-align: left;
	padding: 15px 10px;
}
#menu #member p {
	line-height: 140%;
	text-align: left;
	padding: 7px 10px;
	font-size: 90%;
}
#footer {
	clear: both;
	width: 798px;
	background-image: url(img/footer-bg.gif);
	height: 60px;
	margin-bottom: 10px;
}
#footer p {
	padding-top: 28px;
	font-size: 90%;
}