@charset "Shift_JIS";


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



		  common design



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

.index {margin:0; padding:0px; text-align:center; background:#FFFFFF url(../img/header_bg.gif) repeat-x; color:#666666; font-size:12px; line-height:1.5; font-family:"‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;}


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



			coda-slider-wrapper



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

.coda-slider-wrapper {
	width: 920px;
	position: relative;
	height:310px;
	background-color:#000;
	padding:0 0 23px 0;
	margin: 0 auto 4px;
	border-bottom:1px solid #333;
	overflow: hidden;
}

.coda-slider-wrapper a { 
	outline: none;
	text-decoration: none;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
}
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	width: 920px;
	position: relative;
}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 920px;
	position: relative;
}
/* Arrow styling */
.topVI .coda-nav-left a, .coda-nav-right a {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}
.topVI #coda-nav-left-1 a {
	top: 140px;
	left: 15px;
	background: url(../../shared/img/vi_left-trans.png) no-repeat;
	z-index: 999;
}
.topVI #coda-nav-right-1 a {
	top: 140px;
	right: 15px;
	background: url(../../shared/img/vi_right-trans.png) no-repeat;
	z-index: 999;
}
/* Preloader */
	.coda-slider p.loading {
	padding: 20px;
	text-align: center
}

/* Tabbed nav */
.coda-nav {
	position: absolute;
	*left:10px;
	bottom: 5px;
	*bottom: 4px;
	z-index: 99;
}
.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	padding:0 0 0 10px;
	overflow: hidden;
	z-index:999;
	position:relative;
}
.coda-nav ul li {
	float: left;
}
.coda-nav ul li a {
	display: block;
	height: 12px;
	text-indent: -9999px;
	background: url(../../shared/img/vi_off-trans.png) top center no-repeat;
	width: 20px;
}
.coda-nav ul li a.current {
	background: url(../../shared/img/vi_on-trans.png) top center no-repeat;
}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}
.coda-slider .panel {
	display: block;
	float: left
}
.coda-slider .panel-container {
	position: relative;
}
.coda-nav-left, .coda-nav-right {
	float: left
}
.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none
}


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



		    main



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

#MAIN {
	width:890px;
	padding:0 15px;
	background: url(../img/main_bg.gif) no-repeat right top;
}

#LEFT{
	float: left;
	width: 600px;
	padding-top: 30px;
}

#LEFT h2{
	margin-bottom: 9px;
	border-bottom: 3px solid #d0d2d2;
}

#LEFT h2 img{
	margin-bottom: -3px;
	vertical-align: top;
}

/* information */

#LEFT .information {
	position: relative;
	width: 600px;
}

#LEFT .information .category {
	position: absolute;
	top: -12px;
	right: 12px;
}

#LEFT .information .category li {
	float: left;
	margin-right: 4px;
}

/* [start 2011.09.14] */

#LEFT .information .category li span {
	display:none;
}
#LEFT .information .category li#tab01 {
	background: url(../img/info_tab01.gif) no-repeat;
	width:178px;
	height:42px;
	cursor:pointer;
}
#LEFT .information .category li#tab01.act {
	background: url(../img/info_tab01_act.gif) no-repeat;
}
#LEFT .information .category li#tab02 {
	background: url(../img/info_tab02.gif) no-repeat;
	width:178px;
	height:42px;
	cursor:pointer;
}
#LEFT .information .category li#tab02.act {
	background: url(../img/info_tab02_act.gif) no-repeat;
}

/* [end 2011.09.14] */

#LEFT .information h3 {
	margin-top: 17px;
}

#LEFT .information .more {
	margin: -22px 2px 7px;
	text-align: right;
}

#LEFT .information dl {
	padding-bottom: 10px;
}

#LEFT .information dt {
	float: left;
	width:183px;
	padding-top: 8px;
}
#LEFT .information dt span {
	display: block;
	width: 108px;
	white-space: nowrap;
	overflow: hidden;
}
#LEFT .information dt.ico01 {
	background: url(../../shared/img/news_ico01.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico02 {
	background: url(../../shared/img/news_ico02.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico03 {
	background: url(../../shared/img/news_ico03.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_floor {
	background: url(../../shared/img/news_ico_floor.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_adhesive {
	background: url(../../shared/img/news_ico_adhesive.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_curtain {
	background: url(../../shared/img/news_ico_curtain.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_products {
	background: url(../../shared/img/news_ico_products.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_carpet {
	background: url(../../shared/img/news_ico_carpet.gif) no-repeat 108px 9px;
}

/* [start 2011.09.14] */

#LEFT .information dt.ico_pick_floor {
	background: url(/assets/img/icon_floor.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_pick_carpet {
	background: url(/assets/img/icon_carpet.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_pick_wall {
	background: url(/assets/img/icon_wall.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_pick_curtain {
	background: url(/assets/img/icon_curtain.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_pick_adhesive {
	background: url(/assets/img/icon_adhesive.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_pick_character {
	background: url(/assets/img/icon_character.gif) no-repeat 108px 9px;
}
#LEFT .information dt.ico_wall {
	background: url(../../shared/img/news_ico_wall.gif) no-repeat 108px 9px;
}

/* [end 2011.09.14] */

#LEFT .information dd {
	margin-bottom: 8px;
	padding: 8px 0 0 202px;
	background: url(../img/info_bg01.gif) no-repeat;
}

#LEFT .information dd a {
	display: inline-block;
	padding-left: 11px;
	background: url(../../shared/img/ico_arw01.gif) no-repeat 0 .5em;
}

#LEFT .information dd a:link,
#LEFT .information dd a:visited {
	color: #003366;
	text-decoration: underline;
}
#LEFT .information dd a:hover,
#LEFT .information dd a:active {
	color: #003366;
	text-decoration: none;
}


/* book */

#LEFT .book {
	position: relative;
	width: 600px;
	margin-top: 50px;
}

#LEFT .book .list{
	position: absolute;
	top: -6px;
	right: 5px;
}

#LEFT .book .category {
	margin: 9px 0 0 5px;
}

#LEFT .book .category li {
	float: left;
}
#LEFT .book .category li.tab01 {
	background: url(../img/book_tab01_act.gif) no-repeat 0 -200px;
}
#LEFT .book .category li.tab02 {
	background: url(../img/book_tab02_act.gif) no-repeat 0 -200px;
}
#LEFT .book .category li.tab03 {
	background: url(../img/book_tab03_act.gif) no-repeat 0 -200px;
}
#LEFT .book .category li.tab04 {
	background: url(../img/book_tab04_act.gif) no-repeat 0 -200px;
}
#LEFT .book .category li.act {
	background-position: 0 0;
}
#LEFT .book .category li.act img {
	visibility: hidden;
}

#LEFT .book .category li img {
	vertical-align: top;
}

#LEFT .book .panel .txt,
#LEFT .book .panel ul{
	float: left;
	width: 225px;
}

#LEFT .book .panel .txt{
	height: 75px;
	overflow: hidden;
}

#LEFT .book .panel h3{
	padding-top: 3px;
	color: #003366;
	font-size: 108%;
	font-weight: bold;
}
#LEFT .book .panel h3 a{
	padding-top: 3px;
	color: #003366;
	font-weight: bold;
}
#LEFT .book .panel h3 a:hover{
	text-decoration:underline;
}
#LEFT .book .panel p{
	margin-top: 4px;
	font-size: 84%;
}

#LEFT .book .panel li{
	margin-top: 1px;
}

#LEFT .book .panel li img{
	vertical-align: top;
}

#LEFT .book .panel .pic{
	float: left;
	width: 293px;
	margin: 0 14px 0 0;
}


#LEFT .book .coda-slider-wrapper {
	width: 534px;
	position: relative;
	height:140px;
	margin-top: 20px;
	padding: 0 28px;
	background-color:#fff;
	border-bottom: none;
	overflow: hidden;
	zoom:1;
}

#LEFT .book .coda-slider-wrapper a { 
	outline: none;
	text-decoration: none;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
#LEFT .book .coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
}
/* Change the width of the entire slider (without dynamic arrows) */
#LEFT .book .coda-slider, #LEFT .book .coda-slider .panel {
	width: 534px;
	height:140px;
	position: relative;
}
/* Change margin and width of the slider (with dynamic arrows) */
#LEFT .book .coda-slider-wrapper.arrows .coda-slider {
	width: 534px;
	position: relative;
}
#LEFT .book .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 534px;
	margin-bottom: 28px;
}
/* Arrow styling */
#LEFT .book .coda-nav {
	display: none;
}

#LEFT .book .coda-nav-left a, #LEFT .book .coda-nav-right a {
	display: block;
	position: absolute;
	width: 10px;
	height: 111px;
	text-indent: -9999px;
}
#LEFT .book .coda-nav-left a {
	display: block;
	top: 8px;
	left: 0px;
	background: url(../img/book_arw01.gif) no-repeat;
	z-index: 999;
}
#LEFT .book .coda-nav-left a:hover {
	background: url(../img/book_arw01_o.gif) no-repeat;
}
#LEFT .book .coda-nav-right a {
	display: block;
	top: 8px;
	left: 580px;
	background: url(../img/book_arw02.gif) no-repeat;
	z-index: 999;
}
#LEFT .book .coda-nav-right a:hover {
	background: url(../img/book_arw02_o.gif) no-repeat;
}



/* trend */

#LEFT .trend {
	position: relative;
	width: 600px;
	margin-top: 50px;
}

#LEFT .trend .trendBox {
	width: 600px;
	margin-top: 9px;
	background: url(../img/trend_bg01.gif) repeat-y;
}
#LEFT .trend .trendBoxBg {
	width: 600px;
	padding-bottom: 13px;
	background: url(../img/trend_bg01_bt.gif) no-repeat left bottom;
}

#LEFT .trend .trendBox .block01 {
	float: left;
	width: 294px;
	border-top: 2px solid #d0d2d2;
}

#LEFT .trend .trendBox .block02 {
	float: right;
	width: 294px;
	border-top: 2px solid #d0d2d2;
}

.block03{
	margin-top:8px;
	width:600px;
	height:150px;
	background-image:url(../img/trend_bg03.gif);
	background-repeat:no-repeat;
	padding-top:2px;
}

.block03 h3{
	margin: 0px 8px;
}

.block03 .pic{
	float: left;
	margin-right:15px;
}

.block03 .more{
	text-align: right;
}

.block03 .date{
	color: #999999;
	font-size:84%;
}

.block03 p{
	font-size: 84%;
}

.block03 h4{
	padding-top: 5px;
	color: #003366;
}

.block03 .detail{
	margin: 5px 14px 0;
}

#LEFT .trend .trendBox .block03 {
	width: 592px;
	border-top: 2px solid #d0d2d2;
	
}

#LEFT .trend .trendBox h3 {
	margin: 0 8px;
	padding-bottom: 1px;
	background: #ffffff;
}

#LEFT .trend .trendBox .detail {
	margin: 5px 14px 0;
}

#LEFT .trend .trendBox .detail .pic {
	float: left;
	margin: 0;
}


#LEFT .trend .trendBox .detail h4,
#LEFT .trend .trendBox .detail p {
	margin-left: 87px;
}

#LEFT .trend .trendBox .detail h4 {
	padding-top: 5px;
	color: #003366;
	font-weight: bold;
	line-height: 1.3;
}

#LEFT .trend .trendBox .detail p {
	margin-top: 3px;
	font-size: 84%;
}

#LEFT .trend .trendBox .detail .date {
	color: #999999;
}

#LEFT .trend .trendBox .detail .more {
	text-align: right;
}


#RIGHT {
	float: right;
	width: 260px;
	margin-top: 7px;
}

/* catalog */

#RIGHT .catalog {
	width: 260px;
	padding-bottom: 15px;
	background: #769da3 url(../img/catalog_bg.gif) no-repeat left bottom;
}

#RIGHT .catalog img {
	vertical-align: top;
}

#RIGHT .catalog h2 {
	margin-left: 10px;
}

#RIGHT .catalog .more {
	margin: -26px 5px 2px;
	text-align: right;
}

#RIGHT .catalog .category {
	margin: 8px 6px 1px;
}

#RIGHT .catalog .category li {
	float: left;
	width: 62px;
	height: 28px;
}
#RIGHT .catalog .category li.tab01 {
	background: url(../img/catalog_tab01_act.gif) no-repeat;
}
#RIGHT .catalog .category li.tab02 {
	background: url(../img/catalog_tab02_act.gif) no-repeat;
}
#RIGHT .catalog .category li.tab03 {
	background: url(../img/catalog_tab03_act.gif) no-repeat;
}
#RIGHT .catalog .category li.tab04 {
	background: url(../img/catalog_tab04_act.gif) no-repeat;
}
#RIGHT .catalog .category li.act img {
	visibility: hidden;
}

#RIGHT .catalog .list {
	display: none;
	height: 46px;
	margin-left: 11px;
}

#RIGHT .catalog .first {
	display: block;
}

#RIGHT .catalog .list li {
	float: left;
	width: 97px;
	margin-top: 5px;
	padding-left: 13px;
	background: url(../../shared/img/catalog_ico01.gif) no-repeat 0 2px;
	line-height: 12px;
}

#RIGHT .catalog .list li.long {
	width: auto;
}

#RIGHT .catalog .list li.select {
	background: url(../../shared/img/catalog_ico01_on.gif) no-repeat 0 2px;
}

#RIGHT .catalog .search {
	text-align: center;
}

/* bgBox */

#RIGHT .bgBox {
	margin-top: 7px;
	background: #d6d4d0 url(../img/side_bg01_tp.gif) no-repeat;
}

#RIGHT .bgBox ul {
	padding: 1px 0 3px;
	background: url(../img/side_bg01_bt.gif) no-repeat left bottom;
	text-align: center;
}

#RIGHT .bgBox ul li {
	margin-top: 2px;
}

#RIGHT .bgBox ul li img {
	vertical-align: top;
}

/* bnrBox */

#RIGHT .bnrBox {
	margin-top: 10px;
	padding-top: 7px;
	border-top: 1px solid #dbd8d2;
	text-align: center;
}

#RIGHT .bnrBox li {
	margin-top: 3px;
}


/* indexBnr */

#indexBnr {
	width: 920px;
	margin: 24px auto 0;
	text-align: left;
}

#indexBnr .coda-slider-wrapper {
	width: 850px;
	position: relative;
	height:90px;
	padding: 0 20px;
	background-color:#fff;
	border-top: 1px solid #d6d6d6;
	border-bottom: none;
	overflow: hidden;
}

#indexBnr .coda-slider-wrapper a { 
	outline: none;
	text-decoration: none;
}
/* Change the width of the entire slider (without dynamic arrows) */
#indexBnr .coda-slider, #indexBnr .coda-slider .panel {
	width: 850px;
	position: relative;
}
/* Change margin and width of the slider (with dynamic arrows) */
#indexBnr .coda-slider-wrapper.arrows .coda-slider {
	width: 850px;
}
#indexBnr .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 850px;
}
/* Arrow styling */
#indexBnr .coda-nav {
	display: none;
}

#indexBnr .coda-nav-left a, #indexBnr .coda-nav-right a {
	display: block;
	position: absolute;
	width: 14px;
	height: 15px;
	text-indent: -9999px;
}
#indexBnr #coda-nav-left-6 a {
	display: block;
	top: 44px;
	left: 0px;
	background: url(../img/index_arw01.gif) no-repeat;
	z-index: 999;
}
#indexBnr #coda-nav-right-6 a {
	display: block;
	top: 44px;
	left: 876px;
	background: url(../img/index_arw02.gif) no-repeat;
	z-index: 999;
}

#indexBnr ul {
	width: 852px;
	margin: 15px 0 0 -2px;
	zoom:1;
}

#indexBnr li {
	display: inline;
	float: left;
	margin-left: 2px;
}

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



		    footer



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

#FOOTER .footerTop {
	margin-bottom: 1px;
	border-bottom: 1px solid #e9ecec;
}

#FOOTER .footerInfo {
	position: relative;
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

#FOOTER .footerInfo p {
	padding: 13px 14px 12px;
}

#FOOTER .footerInfo p.btn {
	position: absolute;
	top: 6px;
	right: 14px;
	padding: 0;
}


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



		    Œv‰æ’â“d



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


.teiden{
	border:solid 2px #FF6666;
	margin-bottom:25px;
}

.teiden_title{
	margin:10px 15px 0px 15px;
	color:#FF0000;
	font-weight:bold;
}

.teiden_text{
	margin:0px 15px 10px 25px;
}

.teiden_day{
	color:#FF0000;
	font-weight:bold;
}