@charset "utf-8";
/* CSS Document */
html , body {
	margin      : 5px 0;
	font        : 12px Tahoma, sans-serif;
	line-height : 20px;
}

#both {
	clear : both;
}

.main {
	margin : 0 auto;
	width  : 902px;
}

.header {
	line-height : 31px;
	color       : #666;
}

.flash-link {
	text-align : right;
}

.logo , .news li , .nav li , .info-links li , .case-list-left dt , .case-list-right dt , .designer-photo-info {
	float : left;
}

.news , .designer-photo , .designer-photo-list {
	float : right;
}

.nav {
	line-height : 29px;
}

.nav-btn {
	text-indent : -99999px;
	height      : 29px;
}

.nav-btn a:hover {
	background-position:0 -29px;
}

.nav-01 a {
	display    : block;
	background : url(../img/nav/nav-1.jpg) no-repeat 0 0;
	width      : 66px;
}

.nav-01-out {
	background : url(../img/nav/nav-1.jpg) no-repeat 0 -29px;
	width      : 66px;
}

.nav-02 a {
	display    : block;
	background : url(../img/nav/nav-2.jpg) no-repeat 0 0;
	width      : 83px;
}

.nav-02-out {
	background : url(../img/nav/nav-2.jpg) no-repeat 0 -29px;
	width      : 83px;
}

.nav-03 a {
	display    : block;
	background : url(../img/nav/nav-3.jpg) no-repeat 0 0;
	width      : 99px;
}

.nav-03-out {
	background : url(../img/nav/nav-3.jpg) no-repeat 0 -29px;
	width      : 99px;
}

.nav-04 a {
	display    : block;
	background : url(../img/nav/nav-4.jpg) no-repeat 0 0;
	width      : 85px;
}

.nav-04-out {
	background : url(../img/nav/nav-4.jpg) no-repeat 0 -29px;
	width      : 85px;
}

.nav-05 a {
	display    : block;
	background : url(../img/nav/nav-5.jpg) no-repeat 0 0;
	width      : 87px;
}

.nav-05-out {
	background : url(../img/nav/nav-5.jpg) no-repeat 0 -29px;
	width      : 87px;
}

.nav-06 a {
	display    : block;
	background : url(../img/nav/nav-6.jpg) no-repeat 0 0;
	width      : 99px;
}

.nav-06-out {
	background : url(../img/nav/nav-6.jpg) no-repeat 0 -29px;
	width      : 99px;
}

.nav-07 a {
	display    : block;
	background : url(../img/nav/nav-7.jpg) no-repeat 0 0;
	width      : 83px;
}

.nav-07-out {
	background : url(../img/nav/nav-7.jpg) no-repeat 0 -29px;
	width      : 83px;
}

.nav-08 a {
	display    : block;
	background : url(../img/nav/nav-8.jpg) no-repeat 0 0;
	width      : 111px;
}

.nav-08-out {
	background : url(../img/nav/nav-8.jpg) no-repeat 0 -29px;
	width      : 111px;
}

.nav-09 a {
	display    : block;
	background : url(../img/nav/nav-9.jpg) no-repeat 0 0;
	width      : 97px;
}

.nav-09-out {
	background : url(../img/nav/nav-9.jpg) no-repeat 0 -29px;
	width      : 97px;
}

.nav-10 a {
	display    : block;
	background : url(../img/nav/nav-10.jpg) no-repeat 0 0;
	width      : 92px;
}

.nav-10-out {
	background : url(../img/nav/nav-10.jpg) no-repeat 0 -29px;
	width      : 92px;
}

.content {
	margin : 0 0 15px 0;
}

.info {
	float : left;
	width : 221px;
}

.info-left {
	margin:0 3px 0 0;
}

.info-center {
	margin:0 3px;
}

.info-right {
	margin:0 0 0 3px;
}

.info-title li {
	float       : left;
	text-indent : -99999px;
}

.info-title-01 {
	display    : block;
	background : url(../img/idx/info-title-01.jpg) no-repeat;
	width      : 172px;
	height     : 37px;
}

.info-title-02 {
	display    : block;
	background : url(../img/idx/info-title-02.jpg) no-repeat;
	width      : 172px;
	height     : 37px;
}

.info-title-03 {
	display    : block;
	background : url(../img/idx/info-title-03.jpg) no-repeat;
	width      : 172px;
	height     : 37px;
}

.info-title-04 {
	display    : block;
	background : url(../img/idx/info-title-04.jpg) no-repeat;
	width      : 172px;
	height     : 37px;
}

.info-more a {
	display    : block;
	background : url(../img/idx/btn-more.jpg) no-repeat;
	width      : 49px;
	height     : 37px;
}

.info-content {
	padding        : 10px 3px 0px 3px;
	border-left    : 1px #dedede solid;
	border-right   : 1px #dedede solid;
	_zoom          : 1;
	height         : 160px;
	text-align     : justify;
}

.info-data-01 {
	padding     : 0 0 0 64px;
	background  : url(../img/idx/info-img-01.jpg) no-repeat;
	color       : #666;
	height      : 110px;
}

.info-data-02 {
	padding     : 0 0 0 64px;
	background  : url(../img/idx/info-img-02.jpg) no-repeat;
	color       : #666;
	height      : 110px;
}

.info-data-03 {
	padding     : 0 0 0 64px;
	background  : url(../img/idx/info-img-03.jpg) no-repeat;
	color       : #666;
	height      : 110px;
}

.info-data-04 {
	padding     : 0 0 0 64px;
	background  : url(../img/idx/info-img-04.jpg) no-repeat;
	color       : #666;
	height      : 110px;
}

.my-color {
	color : #459b50;
}

.casa-color {
	color : #000;
}

.info-links {
	margin      : 10px 0 0 0;
	line-height : 20px;
}

.info-right ol.info-links {
	_margin : 2px 0 0 0;
}

.info-links li a {
	padding         : 0 0 0 10px;
	display         : block;
	width           : 96px;
	color           : #666;
	text-decoration : none;
	background      : url(../img/idx/point.gif) no-repeat left center;
}

.info-links li a:hover {
	color : #690;
	text-decoration : underline;
}

.info-footer {
	background : url(../img/idx/info-footer.jpg) no-repeat;
	height     : 5px;
}

.case-content {
	margin     : 0 0 15px 0;
	padding    : 12px 0 0 0;
	background : url(../img/designer/nav-top-bg.gif) no-repeat;
	zoom       : 1;
}

.content-left {
	padding    : 0 5px;
	float      : left;
	width      : 162px;
	background : #ebebeb url(../img/designer/nav-bg.gif) no-repeat;
}

li a.left-list-01 {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat 0 0;
	_background : url(../img/designer/page-service-nav-01.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a:hover.left-list-01 , li a.left-list-01-out , li a:hover.left-list-01-out {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat -162px 0;
	_background : url(../img/designer/page-service-nav-01-out.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a.left-list-02 {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat 0 -59px;
	_background : url(../img/designer/page-service-nav-02.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a:hover.left-list-02 , li a.left-list-02-out , li a:hover.left-list-02-out {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat -162px -59px;
	_background : url(../img/designer/page-service-nav-02-out.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
	
}

li a.left-list-03 {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat 0 -118px;
	_background : url(../img/designer/page-service-nav-03.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a:hover.left-list-03 , li a.left-list-03-out , li a:hover.left-list-03-out {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat -162px -118px;
	_background : url(../img/designer/page-service-nav-03-out.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a.left-list-04 {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat 0 -177px;
	_background : url(../img/designer/page-service-nav-04.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a:hover.left-list-04 , li a.left-list-04-out , li a:hover.left-list-04-out {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat -162px -177px;
	_background : url(../img/designer/page-service-nav-04-out.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a.left-list-05 {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat 0 -236px;
	_background : url(../img/designer/page-service-nav-05.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a:hover.left-list-05 , li a.left-list-05-out , li a:hover.left-list-05-out {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat -162px -236px;
	_background : url(../img/designer/page-service-nav-05-out.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a.left-list-06 {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat 0 -295px;
	_background : url(../img/designer/page-service-nav-06.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

li a:hover.left-list-06 , li a.left-list-06-out , li a:hover.left-list-06-out {
	display     : block;
	background  : url(../img/designer/page-service-nav.gif) no-repeat -162px -295px;
	_background : url(../img/designer/page-service-nav-06-out.gif) no-repeat;
	width       : 162px;
	height      : 59px;
	text-indent : -99999px;
}

.left-list-nav a {
	padding         : 0 0 0 25px;
	background      : url(../img/designer/left-nav-icon.gif) no-repeat 0 -20px;
	_background     : url(../img/designer/left-nav-icon-out.gif) no-repeat;
	color           : #444;
	text-decoration : none;
	width           : 137px;
	display         : block;
}

.left-list-nav a:hover , a.left-list-nav-out {
	padding         : 0 0 0 25px;
	background      : url(../img/designer/left-nav-icon.gif) no-repeat 0 0;
	_background     : url(../img/designer/left-nav-icon-over.gif) no-repeat;
	color           : #F60;
	text-decoration : none;
	display         : block;
	font-weight     : bold;
	_font-weight    : normal;
}

.content-right {
	margin : 0 0 0 10px;
	float  : left;
	width  : 720px;
}

.case-info {
	margin : 0 0 10px 0;
	width  : 720px;
}

.case-title {
	float       : left;
	text-indent : -99999px;
	background  : url(../img/designer/title-designer-list.gif) no-repeat 0 6px;
	width       : 300px;
	height      : 40px;
}

.case-title-design {
	float       : left;
	text-indent : -99999px;
	background  : url(../img/designer/title-designer.gif) no-repeat 0 6px;
	width       : 122px;
	height      : 40px;
}

.case-search {
	padding    : 5px 5px 0 0;
	float      : right;
	background : url(../img/designer/search-bg.gif) no-repeat;
	width      : 245px;
	height     : 30px;
	text-align : right;
}

.case-search input {
	padding       : 2px 0 0 20px;
	background    : #FFF url(../img/designer/search-icon.gif) no-repeat top left;
	border-top    : 1px #999 solid;
	border-right  : 1px #EEE solid;
	border-bottom : 1px #EEE solid;
	border-left   : 1px #999 solid;
	width         : 130px;
}

.case-list-left {
	padding        : 9px;
	background     : url(../img/designer/list-bg.gif) no-repeat;
	zoom           : 1;
	color          : #444;
	letter-spacing : 1px;
	float          : left;
	width          : 337px;
}

.case-list-right {
	padding        : 9px;
	background     : url(../img/designer/list-bg.gif) no-repeat;
	zoom           : 1;
	color          : #444;
	letter-spacing : 1px;
	float          : right;
	width          : 337px;
}


.case-list-img {
	margin : 0 10px 0 0;
}

.case-list-title {
	font-size   : 15px;
	font-weight : bold;
	color       : #444;
	line-height : 23px;
}

.case-list-title a {
	color           : #444;
	text-decoration : none;
}

.case-list-title a:hover {
	color           : #F60;
	text-decoration : none;
}

.case-list-designer {
	padding    : 2px 0 3px 58px;
	background : url(../img/designer/designer-icon.gif) no-repeat left center;
}

.case-list-phone {
	padding    : 2px 0 3px 58px;
	background : url(../img/designer/phone-icon.gif) no-repeat left center;
}

.case-list-add {
	padding    : 2px 0 3px 58px;
	background : url(../img/designer/add-icon.gif) no-repeat left 4px;
	width      : 157px;
}

.page {
	text-align : center;
	clear      : both;
}

.page a {
	margin          : 0 3px;
	padding         : 0 5px;
	color           : #444;
	text-decoration : none;
}

.page a:hover {
	color           : #F60;
	text-decoration : underline;
}

.page .page-up a {
	padding     : 0;
	background  : url(../img/designer/arrow.gif) no-repeat 0 0;
	_background : url(../img/designer/left-arrow-out.gif) no-repeat;
	width       : 20px;
	display     : inline-block;
}

.page .page-up a:hover {
	background-position : 0 -20px;
	_background         : url(../img/designer/left-arrow-over.gif) no-repeat;
}

.page .page-down a {
	padding     : 0;
	background  : url(../img/designer/arrow.gif) no-repeat -20px 0;
	_background : url(../img/designer/right-arrow-out.gif) no-repeat;
	width       : 20px;
	display     : inline-block;
}

.page .page-down a:hover {
	background-position : -20px -20px;
	_background         : url(../img/designer/right-arrow-over.gif) no-repeat;
}

.page-out {
	margin      : 0 3px;
	padding     : 0 5px;
	color       : #F60;
	font-weight : bold;
	font-size   : 15px;
}

.designer-frame {
	background : url(../img/designer/designer-frame-line.jpg) repeat-y;
	width      : 720px;
	color      : #444;
}

.designer-frame a {
	color           : #444;
	text-decoration : none;
}

.designer-frame a:hover {
	color           : #F60;
	text-decoration : underline;
}

dl.desginer-header {
	padding    : 0 10px 10px 10px;
	background : url(../img/designer/designer-frame.gif) no-repeat;
	*height    : 100%;
	_height    : 100%;
}

.designer-info {
	padding : 7px 0 0 0;
	float   : left;
}

li.designer-thinks , li.designer-plan , li.designer-style , li.designer-mail , li.designer-web {
	padding  : 22px 0 0 0;
}

.designer-name {
	padding    : 0 0 0 95px;
	background : url(../img/designer/designers-icon.gif) no-repeat left center;
}

.designer-thinks {
	background : url(../img/designer/thinks-icon.gif) no-repeat left 5px;
	width      : 220px;
}

.designer-plan {
	background : url(../img/designer/plan-icon.gif) no-repeat left 5px;
	width      : 220px;
}

.designer-style {
	background : url(../img/designer/style-icon.gif) no-repeat left 5px;
	width      : 220px;
}

.designer-mail {
	background : url(../img/designer/mail-icon.gif) no-repeat left 5px;
	width      : 220px;
}

.designer-web {
	background : url(../img/designer/web-icon.gif) no-repeat left 5px;
	width      : 220px;
}

.designer-photo {
	margin   : 0 10px;
	width    : 370px;
	_display : inline;
}

.designer-photo-tag {
	margin  : 6px 0 0 70px;
}

.designer-photo-tag li {
	margin      : 0 0 0 1px;
	float       : left;
	text-indent : -99999px;
}

.designer-photo-tag a {
	width       : 71px;
	height      : 29px;
	display     : block;
	background  : url(../img/designer/designs-tags.gif) no-repeat;
	_background : none;
}

.desginer-footer {
	background : url(../img/designer/designer-frame-bottom.jpg) no-repeat bottom;
	height     : 4px;
}

.tag-photo a {
	_background : url(../img/designer/designs-tag-photo.gif) no-repeat;
}

.tag-photo a:hover {
	background-position : 0 -29px;
	_background         : url(../img/designer/designs-tag-photo-over.gif) no-repeat;
}

.tag-movie a {
	background-position : -71px 0;
	_background         : url(../img/designer/designs-tag-movie.gif) no-repeat;
}

.tag-movie a:hover {
	background-position : -71px -29px;
	_background         : url(../img/designer/designs-tag-movie-over.gif) no-repeat;
}

.tag-photo-out {
	width      : 71px;
	height     : 29px;
	display    : block;
	background : url(../img/designer/designs-tags.gif) no-repeat 0 -29px;
}

.tag-movie-out {
	width      : 71px;
	height     : 29px;
	display    : block;
	background : url(../img/designer/designs-tags.gif) no-repeat -71px -29px;
}

.designer-alldata {
	margin  : 9px 0 0 0;
	_margin : 3px 0 0 0;
}

.designer-photo-info img {
	display  : block;
	_display : inline;
}

.designer-photo-list {
	margin     : 0 0 0 22px;
	text-align : center;
}

.designer-photo-list img {
	margin   : 0;
	padding  : 1px 0;
	*padding : 0;
	_padding : 0;
	display  : block;
	*display : inline;
	_display : inline;
}

.designer-photo-data {
	margin     : 5px 0 0 0;
	background : url(../img/designer/designer-line.gif);
}

.designer-btn a {
	text-indent : -99999px;
	background  : url(../img/designer/photo-arrow.gif) no-repeat 0 0;
	_background : none;
	width       : 98px;
	height      : 15px;
	display     : block;
	line-height : 15px;
}

.designer-up a {
	*margin     : -2px 0 -1px 0;
	_margin     : 0 0 1px 0;
	_background : url(../img/designer/photo-arrow-up.gif) no-repeat;
}

.designer-up a:hover {
	background-position : 0 -15px;
	_background         : url(../img/designer/photo-arrow-up-over.gif) no-repeat;
}

.designer-down a {
	*margin             : -6px 0 0 0;
	_margin             : -2px 0 0 0;
	background-position : -98px 0;
	_background         : url(../img/designer/photo-arrow-down.gif) no-repeat;
}

.designer-down a:hover {
	background-position : -98px -15px;
	_background         : url(../img/designer/photo-arrow-down-over.gif) no-repeat;
}

.designer-page {
	margin     : 10px 0;
	text-align : center;
}

.designer-page a {
	margin          : 0 5px;
	background      : url(../img/designer/btn-back.gif) no-repeat 0 0;
	_background     : none;
	width           : 151px;
	height          : 25px;
	display         : inline-block;
	text-decoration : none;
}

a.designer-page-up {
	_background : url(../img/designer/btn-back-up.gif) no-repeat;
}

a:hover.designer-page-up {
	background-position : 0 -25px;
	_background         : url(../img/designer/btn-back-up-over.gif) no-repeat;
}

a.designer-page-down {
	background-position : -151px 0;
	_background         : url(../img/designer/btn-back-next.gif) no-repeat;
}

a:hover.designer-page-down {
	background-position : -151px -25px;
	_background         : url(../img/designer/btn-back-next-over.gif) no-repeat;
}

.house-name {
	font-weight : bold;
}

.footer {
	text-align : center;
}

.footer ul.banner {
	margin : 0 auto;
	width  : 896px;
}

.footer ul.banner li {
	margin   : 0 13px;
	width    : 198px;
	float    : left;
	_display : inline;
}

#photo-open , #movie-close , #photo-img-02 , #photo-img-03 , #movie-frame-open , #movie-img-02 , #movie-img-03 {
	display : none;
}