@charset "utf-8";
/* CSS Document */

a{
	border:none;
	outline:none;
}

/*
なんでも探検隊とかバナー
*/

.extend-banner{
	width:203px;
	margin:20px auto;
	text-align:center;
}

#leftarea .extend-banner .bn02{
	padding-bottom:10px;
}

/**/

#extends-container{
	clear:both;
	width:725px;
	margin:0 auto;
}

/*
totop
*/

#rightarea #extends-container .ex-totop{
	clear:both;
	text-align:right;
	margin:0px 10px;
}

#rightarea #extends-container .ex-totop a{
	display:block;
}

/**/

body #extends-container h2{
	margin:0px;
	padding:0px;
}

/**/
.col-kadomaru-out{
	width:700px;
	margin:20px auto;
	background-image:url(image/tv/bg01-middle.png);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
}

.col-kadomaru-mid{
	background-image:url(image/tv/bg01-top.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.col-kadomaru-ins{
	background-image:url(image/tv/bg01-bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:20px 0px;
	overflow:hidden;
}

/*
一番外側のタブ
*/

#tab-outside{
	width:700px;
	margin:0px;
	padding:0px;
}

#tab-outside li{
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#tab-outside li a{
	display:block;
	width:132px;
	height:114px;
	text-indent:-9999px;
	outline:none;
	border:none;
}

#tab-outside li.ui-tabs-selected a, #tab-outside lia:hover, #tab-outside lia:focus, #tab-outside lia:active {
    background-position: 100% 0px;
}
#tab-outside lia, #tab-outside li.ui-tabs-disabled a:hover, #tab-outside li.ui-tabs-disabled a:focus, #tab-outside li.ui-tabs-disabled a:active {
    background-position: 100% 0px;
}
#tab-outside li.ui-tabs-selected a span, #tab-outside lia:hover span, #tab-outside lia:focus span, #tab-outside lia:active span {
    background-position: 0 0px;
}
#tab-outside lia span, #tab-outside li.ui-tabs-disabled a:hover span, #tab-outside li.ui-tabs-disabled a:focus span, #tab-outside li.ui-tabs-disabled a:active span {
    background-position: 0 0;
}
#tab-outside li.ui-tabs-selected a:link, #tab-outside li.ui-tabs-selected a:visited, #tab-outside li.ui-tabs-disabled a:link, #tab-outside li.ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tab-outside lia:hover, #tab-outside lia:focus, #tab-outside lia:active,
#tab-outside li.ui-tabs-deselectable a:hover, #tab-outside li.ui-tabs-deselectable a:focus, #tab-outside li.ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

#tab-outside .tab01{
	padding-left:5px;
}

#tab-outside .tab01 a{
	background-image:url(image/tv/tab01-01.jpg);
	background-repeat:no-repeat;
	background-position:left -114px;
}



#tab-outside .tab02 a{
	background-image:url(image/tv/tab01-02.jpg);
	background-repeat:no-repeat;
	background-position:left -114px;
}

#tab-outside .tab03 a{
	background-image:url(image/tv/tab01-03.jpg);
	background-repeat:no-repeat;
	background-position:left -114px;
}

#tab-outside .tab04 a{
	background-image:url(image/tv/tab01-04.jpg);
	background-repeat:no-repeat;
	background-position:left -114px;
}

#tab-outside .tab05 a{
	background-image:url(image/tv/tab01-05.jpg);
	background-repeat:no-repeat;
	background-position:left -114px;
}

#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5{
	clear:both;
	width:700px;
}




/*
------------------------------------------------------------------------------------
*/

/*
タブ1
*/

#tab01{
	width:700px;
}

#tab01-tab{
	width:35px;
	float:right;
	margin:0px;
	padding:0px;
}

#tab01-tab li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#tab01-tab li a{
	display:block;
	background-image:url(image/tv/tab02-deactive.png);
	height:88px;
	background-position:right top;
	text-decoration:none;
	color:#663300;
	width:35px;
	margin:0px;
	padding:0px;
}

#tab01-tab li a span{
	display:block;
	width:1em;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
}

.tab01-content{
	background-color:#5C3219;
	width:660px;
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
}

#tab01-tab li.ui-tabs-selected a, #tab01-tab lia:hover, #tab01-tab lia:focus, #tab01-tab lia:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab01-tab lia, #tab01-tab li.ui-tabs-disabled a:hover, #tab01-tab li.ui-tabs-disabled a:focus, #tab01-tab li.ui-tabs-disabled a:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab01-tab li.ui-tabs-selected a span, #tab01-tab lia:hover span, #tab01-tab lia:focus span, #tab01-tab lia:active span {
	color:#FFF;
}
#tab01-tab lia span, #tab01-tab li.ui-tabs-disabled a:hover span, #tab01-tab li.ui-tabs-disabled a:focus span, #tab01-tab li.ui-tabs-disabled a:active span {
	color:#FFF;
}
#tab01-tab li.ui-tabs-selected a:link, #tab01-tab li.ui-tabs-selected a:visited, #tab01-tab li.ui-tabs-disabled a:link, #tab01-tab li.ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tab01-tab lia:hover, #tab01-tab lia:focus, #tab01-tab lia:active,
#tab01-tab li.ui-tabs-deselectable a:hover, #tab01-tab li.ui-tabs-deselectable a:focus, #tab01-tab li.ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/*
------------------------------------------------------------------------------------
*/

/*
タブ2
*/

#tab02{
	width:700px;
}

#tab02-tab{
	width:35px;
	float:right;
	margin:0px;
	padding:0px;
}

#tab02-tab li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#tab02-tab li a{
	display:block;
	background-image:url(image/tv/tab02-deactive.png);
	height:88px;
	background-position:right top;
	text-decoration:none;
	color:#663300;
	width:35px;
}

#tab02-tab li a span{
	display:block;
	width:1em;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
}

.tab02-content{
	background-color:#5C3219;
	width:660px;
	float:right;
	display:inline;
}

#tab02-tab li.ui-tabs-selected a, #tab02-tab lia:hover, #tab02-tab lia:focus, #tab02-tab lia:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab02-tab lia, #tab02-tab li.ui-tabs-disabled a:hover, #tab02-tab li.ui-tabs-disabled a:focus, #tab02-tab li.ui-tabs-disabled a:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab02-tab li.ui-tabs-selected a span, #tab02-tab lia:hover span, #tab02-tab lia:focus span, #tab02-tab lia:active span {
	color:#FFF;
}
#tab02-tab lia span, #tab02-tab li.ui-tabs-disabled a:hover span, #tab02-tab li.ui-tabs-disabled a:focus span, #tab02-tab li.ui-tabs-disabled a:active span {
	color:#FFF;
}
#tab02-tab li.ui-tabs-selected a:link, #tab02-tab li.ui-tabs-selected a:visited, #tab02-tab li.ui-tabs-disabled a:link, #tab02-tab li.ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tab02-tab lia:hover, #tab02-tab lia:focus, #tab02-tab lia:active,
#tab02-tab li.ui-tabs-deselectable a:hover, #tab02-tab li.ui-tabs-deselectable a:focus, #tab02-tab li.ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/*
------------------------------------------------------------------------------------
*/

/*
タブ3
*/

#tab03{
	width:700px;
}

#tab03-tab{
	width:35px;
	float:right;
	margin:0px;
	padding:0px;
}

#tab03-tab li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#tab03-tab li a{
	display:block;
	background-image:url(image/tv/tab02-deactive.png);
	height:88px;
	background-position:right top;
	text-decoration:none;
	color:#663300;
	width:35px;
}

#tab03-tab li a span{
	display:block;
	width:1em;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
}

.tab03-content{
	background-color:#5C3219;
	width:660px;
	float:right;
	display:inline;
}

#tab03-tab li.ui-tabs-selected a, #tab03-tab lia:hover, #tab03-tab lia:focus, #tab03-tab lia:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab03-tab lia, #tab03-tab li.ui-tabs-disabled a:hover, #tab03-tab li.ui-tabs-disabled a:focus, #tab03-tab li.ui-tabs-disabled a:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab03-tab li.ui-tabs-selected a span, #tab03-tab lia:hover span, #tab03-tab lia:focus span, #tab03-tab lia:active span {
	color:#FFF;
}
#tab03-tab lia span, #tab03-tab li.ui-tabs-disabled a:hover span, #tab03-tab li.ui-tabs-disabled a:focus span, #tab03-tab li.ui-tabs-disabled a:active span {
	color:#FFF;
}
#tab03-tab li.ui-tabs-selected a:link, #tab03-tab li.ui-tabs-selected a:visited, #tab03-tab li.ui-tabs-disabled a:link, #tab03-tab li.ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tab03-tab lia:hover, #tab03-tab lia:focus, #tab03-tab lia:active,
#tab03-tab li.ui-tabs-deselectable a:hover, #tab03-tab li.ui-tabs-deselectable a:focus, #tab03-tab li.ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/*
------------------------------------------------------------------------------------
*/

/*
タブ4
*/

#tab04{
	width:700px;
}

#tab04-tab{
	width:35px;
	float:right;
	margin:0px;
	padding:0px;
}

#tab04-tab li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#tab04-tab li a{
	display:block;
	background-image:url(image/tv/tab02-deactive.png);
	height:88px;
	background-position:right top;
	text-decoration:none;
	color:#663300;
	width:35px;
}

#tab04-tab li a span{
	display:block;
	width:1em;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
}

.tab04-content{
	background-color:#5C3219;
	width:660px;
	float:right;
	display:inline;
}

#tab04-tab li.ui-tabs-selected a, #tab04-tab lia:hover, #tab04-tab lia:focus, #tab04-tab lia:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab04-tab lia, #tab04-tab li.ui-tabs-disabled a:hover, #tab04-tab li.ui-tabs-disabled a:focus, #tab04-tab li.ui-tabs-disabled a:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab04-tab li.ui-tabs-selected a span, #tab04-tab lia:hover span, #tab04-tab lia:focus span, #tab04-tab lia:active span {
	color:#FFF;
}
#tab04-tab lia span, #tab04-tab li.ui-tabs-disabled a:hover span, #tab04-tab li.ui-tabs-disabled a:focus span, #tab04-tab li.ui-tabs-disabled a:active span {
	color:#FFF;
}
#tab04-tab li.ui-tabs-selected a:link, #tab04-tab li.ui-tabs-selected a:visited, #tab04-tab li.ui-tabs-disabled a:link, #tab04-tab li.ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tab04-tab lia:hover, #tab04-tab lia:focus, #tab04-tab lia:active,
#tab04-tab li.ui-tabs-deselectable a:hover, #tab04-tab li.ui-tabs-deselectable a:focus, #tab04-tab li.ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}


/*
------------------------------------------------------------------------------------
*/

/*
タブ5
*/

#tab05{
	width:700px;
}

#tab05-tab{
	width:35px;
	float:right;
	margin:0px;
	padding:0px;
}

#tab05-tab li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#tab05-tab li a{
	display:block;
	background-image:url(image/tv/tab02-deactive.png);
	height:88px;
	width:35px;
	background-position:right top;
	text-decoration:none;
	color:#663300;
}

#tab05-tab li a span{
	display:block;
	width:1em;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
}

.tab05-content{
	background-color:#5C3219;
	width:660px;
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
}

#tab05-tab li.ui-tabs-selected a, #tab05-tab lia:hover, #tab05-tab lia:focus, #tab05-tab lia:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab05-tab lia, #tab05-tab li.ui-tabs-disabled a:hover, #tab05-tab li.ui-tabs-disabled a:focus, #tab05-tab li.ui-tabs-disabled a:active {
    background-image:url(image/tv/tab02-active.png);
}
#tab05-tab li.ui-tabs-selected a span, #tab05-tab lia:hover span, #tab05-tab lia:focus span, #tab05-tab lia:active span {
	color:#FFF;
}
#tab05-tab lia span, #tab05-tab li.ui-tabs-disabled a:hover span, #tab05-tab li.ui-tabs-disabled a:focus span, #tab05-tab li.ui-tabs-disabled a:active span {
	color:#FFF;
}
#tab05-tab li.ui-tabs-selected a:link, #tab05-tab li.ui-tabs-selected a:visited, #tab05-tab li.ui-tabs-disabled a:link, #tab05-tab li.ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tab05-tab lia:hover, #tab05-tab lia:focus, #tab05-tab lia:active,
#tab05-tab li.ui-tabs-deselectable a:hover, #tab05-tab li.ui-tabs-deselectable a:focus, #tab05-tab li.ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/*
他の家具をもっと見る
*/

.another-one{
	clear:both;
	width:720px;
	margin:0;
	padding:0;
}

.another-one li{
	float:right;
	list-style-type:none;
	background-image:url(image/tv/li01.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:20px;
	padding-right:15px;
}

/*
商品写真
*/

.material-photo{
	margin:10px;
}