@import url("base.css");

/*-----------------------------------------------
	header
-----------------------------------------------*/
body {
	background:url(../img/index/header_bg_r.jpg) top repeat-x;
}

img { border:0px; }

/*-----------------------------------------------
	header
-----------------------------------------------*/
#header_index{
	width:970px;
	height:96px;
	margin:0 auto;
	color:#9A7F00;
}
#header_index a{ color:#9A7F00; text-decoration:none; }
#header_index a:hover{ color:#DBB500; text-decoration:underline; }

#header_index .left_area{
	float:left;
	text-align:left;
	position:relative;
}
#header_index .left_area .logo{
	padding-top:10px;
	display:block;
	position:absolute;
}
#header_index .left_area .logo a{
	display:block;
}
#header_index .left_area .header_text{
	margin-left:191px;
	margin-top:65px;
	font-size:11px;
	line-height:15px;
	position:absolute;
	width:450px;
}
#header_index .right_area{
	float:right;
	padding-top:9px;
	padding-right:5px;
	text-align:right;
}
#header_index .right_area .header_links{
	padding-right:1px;
	height:13px;
	background:url(../img/base/header_line.gif) right repeat-y;
}
#header_index .right_area .header_links li{
	display:inline;
	padding: 0 9px;
	background:url(../img/base/header_line.gif) left repeat-y;
}
#header_index .right_area .tel{
}
#header_index .right_area .inquiry_btn{
	float:right;
}
#header_index .right_area .inquiry_btn a.bt_contact{
	width:228px;
	height:23px;
	display:block;
	background:url(../img/base/bt_header_contact_full.gif) top left no-repeat;
}
#header_index .right_area .inquiry_btn a.bt_contact:hover{ background-position:right top; }
/*#header_index .right_area .inquiry_list{
}
#header_index .right_area .inquiry_list li{
	float:right;
	padding-left:5px;
}
#header_index .right_area .inquiry_list a.bt_contact{
	width:120px;
	height:23px;
	display:block;
	background:url(../img/base/bt_header_contact.gif) top left no-repeat;
}
#header_index .right_area .inquiry_list a.bt_contact:hover{ background-position:right top; }
#header_index .right_area .inquiry_list a.bt_request{
	width:100px;
	height:23px;
	display:block;
	background:url(../img/base/bt_header_request.gif) top left no-repeat;
}
#header_index .right_area .inquiry_list a.bt_request:hover{ background-position:right top; }*/

/*-----------------------------------------------
	main_flash
-----------------------------------------------*/
#main_flash{
	width:960px;
	height:344px;
	margin:0 auto;
}

/*-----------------------------------------------
	main_slide
-----------------------------------------------*/
#main_slide{
	width:100%;
	height:338px;
	overflow:hidden;
	padding-top:6px;
	position:relative;
}
#main_slide .main_area{
	width:10000px;
	height:266px;
	position:relative;
	left:0;
	top:0;
}
#main_slide .main_area_box{
	height:266px;
}
#main_slide .fadeOverlay{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	background:#FFFFFF;
}
#main_slide .main_area ol{
	left:0;
	position:absolute;
}
#main_slide .main_area li{
	position:relative;
	float:left;
	left:0;
	top:0;
	font-size:0;
	line-height:0;
	z-index:0;
}
#main_slide .main_area li a{
	position:relative;
	z-index:1;
	left:0;
	top:0;
	display:block;
	width:600px;
	height:256px;
	background:#FFFFFF;
	text-align:center;
}
#main_slide .main_area li .active{
	width:594px;
	height:250px;
	display:block;
	left:0px;
	top:0px;
	cursor:pointer;
	position:absolute;
	border:solid 3px #FF0066;
	z-index:2;
}
#main_slide .main_area .grayOverlay{
	width:600px;
	height:256px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
	background:#FFFFFF;
	opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}
#main_slide .menu_area{
	width:944px;
	height:60px;
	margin:0 auto;
}
#main_slide .menu_area .menu_slide_left{
	float:left;
	padding-top:1px;
}
#main_slide .menu_area .menu_slide_left a{
	width:30px;
	height:58px;
	display:block;
	background:url(../img/index/menu_slide_left.gif) left top no-repeat;
}
#main_slide .menu_area .menu_slide_left a:hover{ background-position:right top; }
#main_slide .menu_area .menu_slide_right{
	float:right;
	padding-top:1px;
}
#main_slide .menu_area .menu_slide_right a{
	width:30px;
	height:58px;
	display:block;
	background:url(../img/index/menu_slide_right.gif) left top no-repeat;
}
#main_slide .menu_area .menu_slide_right a:hover{ background-position:right top; }

#main_slide .menu_area .menu_slide_box{
	position:relative;
	top:0;
	left:0px;
	width:863px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
}
#main_slide .menu_area .menu_slide{
	width:10000px;
	position:absolute;
	top:0;
	left:0;
}
#main_slide .menu_area .menu_slide li{
	display:block;
	position:relative;
	width:212px;
	height:60px;
	font-size:0;
	line-height:0;
	float:left;
	padding-right:5px;
}
#main_slide .menu_area .menu_slide li a{
	display:block;
	left:0px;
	top:0px;
	position:absolute;
	width:210px;
	height:58px;
	padding:1px;
	text-align:center;
	background:#FFFFFF;
	z-index:0;
}
#main_slide .menu_area .menu_slide li .active{
	width:206px;
	height:54px;
	display:block;
	left:0px;
	top:0px;
	cursor:pointer;
	position:absolute;
	border:solid 3px #FF0066;
	z-index:1;
}

/*-----------------------------------------------
	wrapper
-----------------------------------------------*/
#wrapper{
	padding-top:24px;
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
/*++++++++++++++++++++++++++++
	年末年始のお知らせ
++++++++++++++++++++++++++++*/
#exp_news{
	padding:10px 10px 12px;
	text-align:center;
	border:solid 2px #FF0000;
	font-size:12px;
	font-family:Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	line-height:16px;
	color:#666666;
	margin-bottom:30px;
}
#exp_news .news_title{
	font-weight:bold;
	color:#FF0000;
	padding-bottom:16px;
}
#exp_news .news_text{
	padding:0 0 16px;
}
#exp_news .news_ptext{
	color:#FF0000;
	font-size:14px;
	padding:0 0 16px;
}

/*++++++++++++++++++++++++++++
	news
++++++++++++++++++++++++++++*/
#news{
	padding:0 0 40px;
}

#news .news_header{
	height:44px;
	background:url(../img/index/news_title_bg.gif) bottom repeat-x;
}
#news .news_header .title{
	float:left;
}
#news .news_header .btn{
	float:right;
	padding-top:13px;
}
#news .news_header .btn .bt_rss{
	width:43px;
	height:17px;
	display:block;
	background:url(../img/index/bt_rss.gif) left top no-repeat;
}
#news .news_header .btn .bt_rss:hover{ background-position:right top; }

#news .news_header .text{
	float:right;
	padding-top:13px;
	line-height:17px;
	color:#939393;
}
#news .news_header .text li{
	display:inline;
	padding-right:12px;
}
#news .news_header .text .news_color{ color:#8BA5D0; }
#news .news_header .text .event_color{ color:#AFC17E; }

/*++++++++++++++++++++++++++++
	news_list
++++++++++++++++++++++++++++*/
#news .news_list{
	padding:5px 0px 0px;
}
#news .news_list li{
	padding:0px 0 8px;
	height:100%;
	background:url(../img/index/news_line.gif) bottom repeat-x;
	line-height:0;
	font-size:0;
}
#news .news_list li .photo{
	float:left;
	display:block;
	margin-top:7px;
}
#news .news_list li .text_area{
	float:right;
	display:block;
	width:679px;
	padding-top:10px;
	padding-left:6px;
	background:url(../img/news/date_bg.gif) left 2px no-repeat;
}
#news .news_list li .text_area .date_area{
	display:block;
	color:#666666;
	font-size:11px;
	line-height:18px;
	height:18px;
}
#news .news_list li .text_area .name_area{
	display:block;
	color:#848484;
	font-size:12px;
	line-height:16px;
}
#news .news_list li .text_area .name_area a{ color:#848484; }
#news .news_list li .text_area .name_area a:hover{ color:#555555; }

/*++++++++++++++++++++++++++++
	news_bottom
++++++++++++++++++++++++++++*/
#news .news_bottom{
	font-size:12px;
	padding:10px 0 0;
	text-align:right;
}
#news .news_bottom li{
	padding-left:13px;
	display:inline;
}
#news .news_bottom li a{
	padding-left:15px;
	background:url(../img/base/blue_ya.gif) left no-repeat;
}

/*++++++++++++++++++++++++++++
	reco
++++++++++++++++++++++++++++*/
#reco{
	margin:0 0px 50px 0;
	height:100%;
	position:relative;
	background:url(../img/index/reco_main_top_bg.gif) #F5F4E9 top repeat-x;
}

#reco .reco_header{
	width:700px;
	height:41px;
	color:#666666;
	position:absolute;
	background:url(../img/index/reco_title_bg.gif) bottom repeat-x;
}
#reco .reco_header .title{
	float:left;
	padding-right:12px;
	position:relative;
	z-index:10;
}
#reco .reco_header .text{
	float:left;
	line-height:30px;
	font-size:11px;
}
#reco .reco_theme{
	width:300px;
	height:51px;
	position:absolute;
	top:25px;
	right:10px;
	background:url(../img/index/reco_theme_bg.gif) top left no-repeat;
}
#reco .reco_theme .text{
	font-size:14px;
	font-weight:bold;
	color:#F84B6D;
	text-align:center;
	display:block;
	line-height:30px;
}
#reco .reco_tab{
}
#reco .reco_tab li{
	float:left;
	padding-right:1px;
}
#reco .reco_tab a.tab1{
	width:190px;
	height:30px;
	display:block;
	background:url(../img/index/reco_tab1.gif) left top no-repeat;
}
#reco .reco_tab a.tab2{
	width:190px;
	height:30px;
	display:block;
	background:url(../img/index/reco_tab2.gif) left top no-repeat;
}
#reco .reco_tab a:hover,
#reco .reco_tab a.out{ background-position:right top; }
#reco .reco_main{
	padding:55px 10px 10px;
	height:262px;
	background:url(../img/index/reco_bg.jpg) bottom no-repeat;
}
#reco .reco_main .list_area{
	float:left;
	padding:19px 19px 10px;
	border:solid 1px #D3B38F;
	background:#FFFFFF;
}
#reco .reco_main .list_area .list_box_wa{
	width:480px;
	overflow:hidden;
}
#reco .reco_main .list_area .list_box{
	width:500px;
	padding-bottom:2px;
}
#reco .reco_main .list_area .item{
	width:220px;
	height:100%;
	float:left;
	padding-right:30px;
	padding-bottom:16px;
}
#reco .reco_main .list_area .item .photo{
	float:left;
}

#reco .reco_main .list_area .item .text_area{
	width:140px;
	float:right;
}
#reco .reco_main .list_area .item .text_area .name{
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	padding-bottom:4px;
}
#reco .reco_main .list_area .item .text_area .code{
	font-size:11px;
	font-family:Verdana;
	color:#333333;
	padding-bottom:4px;
	line-height:15px;
	height:15px;
}
#reco .reco_main .list_area .item .text_area .code img{
	vertical-align:top;
}
#reco .reco_main .list_area .item .text_area .text{
	font-size:11px;
	line-height:12px;
	color:#666666;
}
#reco .reco_main .list_area .reco_list_bottom{
	text-align:right;
	font-size:11px;
	line-height:16px;
	padding:10px 0 0;
	background:url(../img/index/reco_line.gif) top repeat-x;
}
#reco .reco_main .list_area .reco_list_bottom a{
	padding-left:14px;
	background:url(../img/base/blue_ya.gif) left no-repeat;
}
#reco .reco_main .right_area{
	float:right;
	width:180px;
}
#reco .reco_main .right_area .link_list{
	padding-bottom:6px;
	vertical-align:top;
}
#reco .reco_main .right_area .link_list li{
	padding-bottom:2px;
}
#reco .reco_main .right_area .link_list a.bt_ichinomiya{
	width:180px;
	height:46px;
	display:block;
	background:url(../img/index/bt_reco_ichinomiya.gif) left top no-repeat;
}
#reco .reco_main .right_area .link_list a.bt_ichinomiya:hover{ background-position:right top; }
#reco .reco_main .right_area .link_list a.bt_owari{
	width:180px;
	height:46px;
	display:block;
	background:url(../img/index/bt_reco_owari.gif) left top no-repeat;
}
#reco .reco_main .right_area .link_list a.bt_owari:hover{ background-position:right top; }
#reco .reco_main .right_area .link_list a.bt_estate{
	width:180px;
	height:46px;
	display:block;
	background:url(../img/index/bt_reco_estate.gif) left top no-repeat;
}
#reco .reco_main .right_area .link_list a.bt_estate:hover{ background-position:right top; }
#reco .reco_main .right_area .contact_text{
	width:125px;
	font-size:11px;
	line-height:14px;
	color:#A99F8B;
	padding:0 0 5px;
}
#reco .reco_main .right_area .contact_btn a{
	width:120px;
	height:24px;
	display:block;
	background:url(../img/index/bt_reco_contact.gif) left top no-repeat;
}
#reco .reco_main .right_area .contact_btn a:hover{ background-position:right top; }
#reco2{ display:none; }


/*++++++++++++++++++++++++++++
	kujino_e
++++++++++++++++++++++++++++*/
#kujino_e{
	width:730px;
	height:100px;
	padding-bottom:20px;
}
#kujino_e a.kujino_e_bana{
	width:730px;
	height:100px;
	background:url(../img/index/kujino_e_bana.jpg) top left no-repeat;
	display:block;
}
#kujino_e a:hover{
	background-position:top right;
}
/*++++++++++++++++++++++++++++
	kuroda
++++++++++++++++++++++++++++*/
#kuroda{
	width:730px;
	height:100px;
	padding-bottom:20px;
}
#kuroda a.kuroda_bana{
	width:730px;
	height:100px;
	background:url(../img/index/kuroda_bana.jpg) top left no-repeat;
	display:block;
}
#kuroda a:hover{
	background-position:top right;
}

/*++++++++++++++++++++++++++++
	modelhouse
++++++++++++++++++++++++++++*/
#modelhouse{
	width:730px;
	height:100px;
	padding-bottom:20px;
}
#modelhouse a.modelhouse_bana{
	width:730px;
	height:100px;
	background:url(../img/index/modelhouse_bana.jpg) top left no-repeat;
	display:block;
}
#modelhouse a:hover{
	background-position:top right;
}

/*++++++++++++++++++++++++++++
	kujino
++++++++++++++++++++++++++++*/
#kujino{
	width:730px;
	height:100px;
	padding-bottom:20px;
}
#kujino a.kujino_bana{
	width:730px;
	height:100px;
	background:url(../img/index/kujino_bana.jpg) top left no-repeat;
	display:block;
}
#kujino a:hover{
	background-position:top right;
}
/*++++++++++++++++++++++++++++
	evaluation
++++++++++++++++++++++++++++*/
#evaluation{
	width:730px;
	height:100px;
	padding-bottom:20px;
}
#evaluation a.evaluation_bana{
	width:730px;
	height:100px;
	display:block;
	background-image: url(../img/index/evaluation_bana.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#evaluation a:hover{
	background-position:top right;
}

/*++++++++++++++++++++++++++++
	concept
++++++++++++++++++++++++++++*/
#concept{
	height:245px;
	margin-bottom:32px;
	background:url(../img/index/concept_bg.jpg) top no-repeat;
}
#concept .left_area{
	float:left;
}
#concept .left_area .title{
}
#concept .left_area .text{
}
#concept .left_area .photo_list{
	padding-left:15px;
}
#concept .left_area .photo_list li{
	float:left;
}
#concept .right_area{
	float:right;
	padding-right:12px;
	padding-top:16px;
}
#concept .right_area dd{
	font-weight:bold;
	color:#663333;
	padding:5px 5px 9px;
	font-size:12px;
}
#concept .right_area dd a{
	padding-left:14px;
	background:url(../img/base/brown_ya.gif) left no-repeat;
}
#concept .right_area a{ color:#663333; }
#concept .right_area a:hover{ color:#996666; }
#concept .right_area .bt_design{
	width:200px;
	height:74px;
	display:block;
	background:url(../img/index/bt_design.jpg) left top no-repeat;
}
#concept .right_area .bt_design:hover{ background-position:right top; }
#concept .right_area .bt_mama{
	width:200px;
	height:60px;
	display:block;
	background:url(../img/index/bt_mama.jpg) left top no-repeat;
}
#concept .right_area .bt_mama:hover{ background-position:right top; }


/*++++++++++++++++++++++++++++
	gallery
++++++++++++++++++++++++++++*/
#gallery{
	padding:0 0 64px;
	color:#666666;
}

#gallery .gallery_header{
	height:44px;
	background:url(../img/index/gallery_title_bg.gif) bottom repeat-x;
}
#gallery .gallery_header .title{
	float:left;
	padding-right:10px;
}

#gallery .gallery_header .text{
	float:left;
	line-height:30px;
	font-size:11px;
}
#gallery .gallery_header .btn{
	float:right;
	text-align:right;
	padding-top:14px;
	padding-right:4px;
	font-size:12px;
	letter-spacing:1px;
}
#gallery .gallery_header .btn a{
	padding-left:15px;
	background:url(../img/base/blue_ya.gif) left no-repeat;
}

#gallery .gallery_list{
	width:730px;
	overflow:hidden;
	padding-top:20px;
	height:100%;
}
#gallery .gallery_list ul{
	width:780px;
}
#gallery .gallery_list li{
	width:158px;
	padding-right:32px;
	float:left;
	text-align:center;
}
#gallery .gallery_list li .photo{
	display:block;
	border:solid 1px #CCCCCC;
	padding:1px;
	height:102px;
}
#gallery .gallery_list li .details{
	display:block;
	padding:5px 0 6px;
	background:url(../img/index/gallery_name_bg.gif) center 12px no-repeat;
}
#gallery .gallery_list li .no{
	display:block;
	font-size:11px;
	font-family:Verdana;
	line-height:14px;
	height:14px;
	padding-left:66px;
	padding-bottom:3px;
	text-align:left;
}
#gallery .gallery_list li .no img{
	vertical-align:middle;
}
#gallery .gallery_list li .name{
	display:block;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
}

/*++++++++++++++++++++++++++++
	voice
++++++++++++++++++++++++++++*/
#voice{
	padding:0 0 56px;
}

#voice .voice_header{
	height:44px;
	background:url(../img/index/voice_title_bg.gif) bottom repeat-x;
}
#voice .voice_header .title{
	float:left;
	padding-right:10px;
}

#voice .voice_header .text{
	float:left;
	line-height:30px;
	color:#666666;
	font-size:11px;
}
#voice .voice_header .btn{
	float:right;
	text-align:right;
	letter-spacing:1px;
	padding-top:14px;
	padding-right:4px;
	font-size:12px;
}
#voice .voice_header .btn a{
	padding-left:15px;
	background:url(../img/base/blue_ya.gif) left no-repeat;
}

#voice .voice_list{
	width:730px;
	height:100%;
	overflow:hidden;
	padding:17px 0 0;
	color:#666666;
}
#voice .voice_list ul{
	width:760px;
}
#voice .voice_list li{
	float:left;
	padding-left:4px;
	width:367px;
}
#voice .voice_list li .photo{
	float:left;
	width:136px;
	height:106px;
	display:block;
	border:solid 1px #CCCCCC;
	padding:1px;
	text-align:center;
	background:#FFFFFF;
}
#voice .voice_list li .details{
	width:218px;
	float:right;
	display:block;
	background:url(../img/index/voice_name_bg.gif) 2px 5px no-repeat;
}
#voice .voice_list li .no{
	display:block;
	padding-bottom:6px;
	font-family:Verdana;
}
#voice .voice_list li .no img{
	vertical-align:middle;
}
#voice .voice_list li .name{
	display:block;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	padding-bottom:8px;
}
#voice .voice_list li .comment{
	font-size:11px;
	line-height:13px;
	display:block;
	padding-bottom:6px;
	padding-right:17px;
}
#voice .voice_list li .btn{
	font-size:12px;
	line-height:15px;
}
#voice .voice_list li .btn a{
	padding-left:16px;
	background:url(../img/base/gray_ya.gif) left no-repeat;
}