@charset "utf-8";


/* webcatalog format
=========================================*/
.webcatalog900{margin: 10px 0px;}


.webcatalog{
	margin: 0px 32px;
	line-height: 1.7;
}
/*.webcatalog{margin: 10px 30px; line-height: 1.6;}*/

.webcatalog strong{ font-weight: bold;}

.notice{
	font-size: 0.8em;
	line-height: 1.2em;
}
.smallcap{
	font-size: 0.9em;
}
.bggray{background:#f6f6f6;}

.graypadding{ padding: 20px;}

.graynotice{ padding: 15px;}

ul.squarels{list-style-type: square;}
.squarels li{ margin-left: 20px;}

.arrow{ float: left; padding-top: 3px;}


/*線*/

/*点線に変更しました*/
.hrgray {
	border-bottom: 1px dashed #a0a0a0;
	background: transparent;
	padding:0px;
	height:1px;
	font-size: 1%;
	margin-bottom:52px;
	margin-top:52px;
}


.hrgray42 {
	border-bottom: 1px dashed #a0a0a0;
	background: transparent;
	padding:0px;
	height:1px;
	font-size: 1%;
	margin-bottom:52px;
	margin-top:42px;
}


.hrgray32 {
	border-bottom: 1px dashed #a0a0a0;
	background: transparent;
	padding:0px;
	height:1px;
	font-size: 1%;
	margin-bottom:32px;
	margin-top:32px;
}

.hrgray0 {
	border-bottom: 1px dashed #a0a0a0;
	background: transparent;
	padding:0px;
	height:1px;
	font-size: 1%;
	margin-bottom: 32px;
}


.hrdouble {
	border-bottom: 3px double #a0a0a0;
	background: transparent;
	padding:0px;	
	margin-bottom:52px;
	margin-top:52px;
}

.indent { text-indent: -0.5em; }


.hrwidth836 { width: 836px; }

.hrwidth780 { width: 780px; }

.hrwidth728 { width: 728px; }

.kerning { letter-spacing:  -0.1em; }

.ml696 { margin-left: 696px; }

.pt4 {padding-top: 4px; }

.mt4 {margin-top: 4px; }



/* div#categoryTitle_wrapper　カテゴリータイトル
=========================================*/

div#categoryTitle_wrapper{
	position: relative;
	height:94px;
	background:url(../image_common/category_title_bg.gif) 0 bottom repeat-x;
}


div#categoryTitle_wrapper h3{
	padding:20px 0 19px 20px;
}

div#categoryTitle_wrapper_shorter{
	height:69px;
	background:url(../image_common/category_title_bg.gif) bottom left repeat-x;
}

div#categoryTitle_wrapper_shorter h3{
	padding:20px 0 14px 20px;
}


div#categoryTitle_wrapper ul{
	padding-left:5px;
}

div#categoryTitle_wrapper ul li{
	float:left;
}

div#categoryTitle_wrapper ul li img{
	vertical-align:bottom;
}


/* div#categoryBottom_wrapper　カテゴリーボトム
=========================================*/
div#categoryBtm_wrapper{
	height:42px;
	background:url(../image_common/category_btm_bg.gif) repeat-x;
}

div#categoryBtm_wrapper ul{
	padding-left:5px;
}

div#categoryBtm_wrapper ul li{
	float:left;
}

div#categoryBtm_wrapper ul li img{
	vertical-align:bottom;
}

div.btm_shadow{
	height:7px;
	background:url(../image_common/btm_shadow.gif) no-repeat;
}



/*ページトップへ*/

p.go_pagetop{
	text-align:right;
	margin:0 39px 32px 24px;
}



/* Webカタログ　Index */
#wcindex h4{ margin-bottom: 40px; padding-top: 40px;}
#wcindex{
	margin: 0;
	line-height: 1.8em;
	letter-spacing: 0.08em;
	font-size: 0.9em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif; !important;
	width: 900px;
}
#wcindex .indeximg{
	margin-left: 0px;
	float: left;
}

#wcindex #indextext{
	background:url(../../image/index_text.jpg) 0px 0px no-repeat;
	width: 498px;
	height: 419px;
	float: right;
}

#wcindex_wrapper {
	background-color:#e9f2ef;
	margin: 0;
}


#wcindex .index_img {
	clear: both;
	width:900px;
	height:321px;
	background:url(../../image/indeximg02.jpg) 0px 0px no-repeat;
	position: relative;
	
}




/* indent-new */
.sqindent p {
	margin: 0;
	padding-left: 12px;
	background: url(../image_common/icon_square.gif) 0 0.3em no-repeat;
	/*background: url(../image_common/icon_square.gif) 0 0.2em no-repeat;*/
}


/* 共通 */

p.read_text {
	color: #000;
	letter-spacing: 0.1em;
	font-size: 105%;
	font-weight: normal;
	margin: 0;
}




/*　共通パネル　*/

#con_navi_type{
	background:url(../../type/image/btn_typenavi_bg.jpg)  no-repeat;
	width:836px;
	height:133px;
	margin-top:32px;
	margin-bottom:32px;
}


#con_navi_type ul {
	margin: 44px 0 0 12px;
	height:77px;
	position:absolute;
	width: 820px;
}
#con_navi_type ul li{float:left; margin-right:7px; width:193px ; height:76px;}
#con_navi_type ul li ul{
	margin:0 0 0 45px;
	height:76px;
	width: 160px;
}
#con_navi_type ul li ul li{ clear: both; margin:0 0 0 0;width:163px ; height:39px;}


#con_navi2_type{
	background:url(../../type/image/btn_typenavi2_bg.jpg)  no-repeat;
	width:836px;
	height:133px;
	margin-top:32px;
	margin-bottom:32px;
	position:relative;
}

#con_navi2_type ul {
	margin: 44px 0 0 12px;
	height:77px;
	position:absolute;
	width: 820px;
}
#con_navi2_type ul li{float:left; margin-right:7px; width:193px ; height:76px;}
#con_navi2_type ul li ul{
	margin:0 0 0 53px;
	height:76px;
	width: 162px;
}
#con_navi2_type ul li ul li{
	clear: both;
	margin:0;
	width:158px;
	height: 25px;
}



#ex_menu {
	width: 836px;
	margin: 0px 32px 32px 32px;
	background:url(../../type/image/btn_typenavi2_bg.jpg) no-repeat;
	height: 133px;
	position:relative;
}

#ex_menu .main ul li{ float: left; height: 76px;}


#ex_menu li.styling {
	position:absolute;
	top:44px;
	left:12px;
}

#ex_menu li.interior {
	position:absolute;
	top:44px;
	left:213px;
}


#ex_menu li.cr-z {
	position:absolute;
	top:44px;
	left:413px;
}

#ex_menu li.type {
	position:absolute;
	top:44px;
	left:414px;
}

#ex_menu .sub ul li{ clear: both; height: 38px; }


#ex_menu li.XG {
	position:absolute;
	top:44px;
	left:664px;
}

#ex_menu li.XL {
	position:absolute;
	top:70px;
	left:664px;
}

#ex_menu li.XLnavi {
	position:absolute;
	top:95px;
	left:664px;
}



#insight_menu {
	width: 836px;
	margin: 0px 32px 32px 32px;
	background:url(../../type/image/btn_typenavi_bg.jpg) no-repeat;
	height: 133px;
	position:relative;
}

#insight_menu .main ul li{ float: left; height: 76px;
}


#insight_menu li.styling {
	position:absolute;
	top:44px;
	left:12px;
}

#insight_menu li.interior {
	position:absolute;
	top:44px;
	left:213px;
}


#insight_menu li.eco {
	position:absolute;
	top:44px;
	left:413px;
}

#insight_menu li.type {
	position:absolute;
	top:44px;
	left:414px;
}

#insight_menu .sub ul li{ clear: both; height: 38px;
}


#insight_menu li.G {
	position:absolute;
	top:45px;
	left:659px;
}

#insight_menu li.L {
	position:absolute;
	top:82px;
	left:659px;
}