@charset "UTF-8";
@import url("common2019.css");


/*



SmileVision CSS 2014.01.24



*/



/*----------------------------------
		common
----------------------------------*/
/*----------------------------------



		  common design



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

/* default */

html {overflow-y:scroll;}

object,embed {vertical-align:top; }

img,a img {border:none}

li {margin:0; list-style-type:none;}

ol, ul {margin:0; padding:0; list-style:none;}

h1,h2,h3,h4,h5,h6,p {margin:0; font-size:100%;}

form {margin:0; padding:0; display:inline; vertical-align:text-top;}

fieldset {border:0; }

input,textarea {font-size:1em;}

dl,dt,dd {padding:0; margin:0;}

/* body */

.common {margin:0; padding:0px; text-align:center; color:#333; font-size:12px; line-height:1.5; font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;}

.commonlink a:link    {text-decoration:none;color:#3c4992;}
.commonlink a:visited {text-decoration:none;color:#3c4992;}
.commonlink a:hover   {text-decoration:underline;color:#3c4992;}

/* font */

/* 10px */
.j10 {font-size:85%;}
/* 11px */
.j11 {font-size:95%;}
/* 12px */
.j12 {font-size:100.5%;}
/* 14px */
.j14 {font-size:114.5%; line-height:22px; letter-spacing:0.15mm;}
/* 16px */
.j16 {font-size:128.7%; line-height:24px; letter-spacing:0.16mm;}

/* color */

.body,td,th {color:#333333;}
.blue       {color:#0066FF;}

/*black*/

.blk a:link    {text-decoration:underline; color:#666666}
.blk a:visited {text-decoration:underline; color:#666666}
.blk a:hover   {text-decoration:none; color:#666666}

/*blue*/

.blu a:link    {text-decoration:none; color:#006699;}
.blu a:visited {text-decoration:none; color:#006699;}
.blu a:hover   {text-decoration:underline; color:#006699;}

/* margin */

.left30 {margin-left:30px}
.left25 {margin-left:25px}
.left20 {margin-left:20px}
.left15 {margin-left:15px}
.left10 {margin-left:10px}
.left5  {margin-left:5px}
.left3  {margin-left:3px}
.left1  {margin-left:1px}

.right30 {margin-right:30px}
.right25 {margin-right:25px}
.right20 {margin-right:20px}
.right15 {margin-right:15px}
.right10 {margin-right:10px}
.right5	 {margin-right:5px}
.right3	 {margin-right:3px}
.right1	 {margin-right:1px}

.top70 {margin-top:70px}
.top50 {margin-top:50px}
.top30 {margin-top:30px}
.top20 {margin-top:20px}
.top15 {margin-top:15px}
.top10 {margin-top:10px}
.top5  {margin-top:5px}
.top3  {margin-top:3px}
.top1  {margin-top:1px}

.bottom50 {margin-bottom:50px; }
.bottom30 {margin-bottom:30px; }
.bottom20 {margin-bottom:20px; }
.bottom15 {margin-bottom:15px; }
.bottom10 {margin-bottom:10px; }
.bottom5  {margin-bottom:5px; }

/* padding */

.pleft30 {margin-left:30px}
.pleft25 {margin-left:25px}
.pleft20 {margin-left:20px}
.pleft15 {margin-left:15px}
.pleft10 {margin-left:10px}
.pleft5  {margin-left:5px}

.pright30 {margin-right:30px}
.pright25 {margin-right:25px}
.pright20 {margin-right:20px}
.pright15 {margin-right:15px}
.pright10 {margin-right:10px}
.pright5	{margin-right:5px}

.ptop30 {margin-top:30px}
.ptop20 {margin-top:20px}
.ptop15 {margin-top:15px}
.ptop10 {margin-top:10px}
.ptop5  {margin-top:5px}
.ptop3  {margin-top:3px}
.ptop1  {margin-top:1px}

.p10 {margin:10px}
.p5  {margin:5px}

/*width*/

.100 {width:100px;}
.120 {width:120px;}

/*box*/

.clear {clear:both; }

.center {text-align:center; }

.floatl {margin-top:10px; float:left;}
.floatr {float:right;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: .1em;}
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

/* 新コンテンツ適用時調整 */
#MAIN * {
  box-sizing: content-box;
}

#MAIN {
  box-sizing: initial;
}

#MAIN .u-border-box * {
  box-sizing: border-box;
}

.u-contet-box {
  box-sizing: content-box!important;
}

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



			header



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

.tolilife_area {
	display: none;
	background: url(/common/img/bg_tolilife.gif) repeat-x left top;
	text-align: left;
}

.tolilife_area .inner{
	position: relative;
	width: 920px;
	margin: 0 auto;
	height: 48px;
}

.tolilife_area .inner .btn_close{
	position: absolute;
	left: 0;
	top: 13px;
}

.tolilife_area .inner .btn_tolilife{
	position: absolute;
	left: 261px;
	top: 6px;
}

.tolilife_area .inner .btn_facebook{
	position: absolute;
	left: 771px;
	top: 10px;
}

/* userSite */

#userSite {position: relative; width:100%; min-width:960px; z-index:100;}
* html #userSite {width: expression((document.documentElement.clientWidth < 962)? "960px" : "100%");}
#userSite a {display:block; position:absolute; top:10px; right:0; z-index:100;}

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



		  HEADER_product



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

#HEADER_product {
	width:100%;
	background:#FFFFFF url(/common/img/header_bg.gif) repeat-x left bottom;
	position: relative;
}
#HEADER_product.inner_c { width:100%; background:#FFFFFF; border-top: 4px #585858 solid;}


/* HEADER_product */

#HEADER_product .inner{position:relative; width:920px; height: 160px; margin:0 auto; text-align:left; z-index:10;}
#HEADER_product.inner_c .inner{position:relative; width:920px; height: 92px; margin:0 auto; text-align:left; z-index:10;}

#HEADER_product .headerLogo { position: absolute; top: 40px; left: 0; margin: 0; padding: 0;}
#HEADER_product .headerLogo02 { position: absolute; top: 25px; left: 0; height:44px; margin: 0; padding: 0;}

h1.site_lead {
		position: absolute !important;
		top: 12px;
		width:920px !important;
		height: auto !important;
		margin:0 auto !important;
		padding:0 0 0 0 !important;
		font-size: 10px !important;
		color:#555 !important;
		font-weight:normal;
		line-height:15px;
		overflow:hidden;
	}
/*
#HEADER_product h1 {position:relative; width: 237px; height:44px; margin:0 0 0 0; padding:0 0 0; color:#eef0fa; font-size:12px; font-weight:normal; line-height:15px; overflow:hidden;}
*/
#HEADER_product .header_topback { position: absolute; top: 42px; right: 0; margin: 0; padding: 0;}
#HEADER_product .header_txt_01 {
	position: absolute;
	top: 28px;
	left: 259px;
	margin: 0;
	padding: 0;
}
#HEADER_product .header_close { position: absolute; top: 34px; right: 0; margin: 0; padding: 0;}

/*MENU1*/

#MENU1 {
	position:absolute;
	top: 33px;
	right: 12px;
	width: auto;
	z-index:6;
	overflow:visible;
	background: #fff;
}
#MENU1 li {float:left; padding:0 0 0 0;line-height:1px;}
*:first-child+html #MENU1 li {padding:0 0 0 0}
#MENU1 li.global {float:left;padding:0;width:135px;}
*:first-child+html #MENU1 li.global {padding:0;}
#MENU1 li.global img {margin:0 0 0 0;}
#MENU1 li.global ul {width:auto;height:auto;background: #fff;margin:0 0 0 0;_margin:0 0 0 0;display:none;}
*:first-child+html #MENU1 li.global ul {margin:0 0 0 0;}
#MENU1 li.global ul li{float:none; padding:0px;text-indent:0;height:auto;}
#MENU1 li.global ul li img{vertical-align:bottom;margin:0;}


#MENU1 a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*MENU2*/

#MENU2 {
	position:absolute;
	top: 37px;
	left:323px;
}
#MENU2 li {float:left; margin: 0 0 0 0;}

/*searchBox*/

#searchBox {
	position:absolute;
	top: 33px;
	left: 573px;
	width: 210px;
	background: url(/common/img/search_bg.gif) no-repeat 0 0;
	z-index:5;
}
#searchBox .searchArea{float:left; width:210px; padding-left:9px;}
#searchBox #searchTex{width:142px; height:22px; margin:0 10px 0 0; padding:0; border:none; background:#e1e1e1; vertical-align:top; line-height:22px;}
* html #searchBox #searchTex{margin:0 10px 0 0;}
*:first-child+html #searchBox #searchTex{ height:21px;margin:0 10px 0 0;}
/*MENU3*/

#MENU3 {
	position:absolute;
	top: 60px;
	left: 290px;
	z-index:2;
}
#MENU3 li {float:left;}

/*MENU_product*/

#MENU_product { position:absolute; left:0; top:104px;height:54px; overflow:hidden;}
#MENU_product li {float:left; background:url(../img/menu_product.gif) no-repeat;}
#MENU_product li a {display:block; height:54px; background:url(../img/menu_product.gif) no-repeat; text-decoration:none;}
#MENU_product li span {position:relative; z-index:-1;}

#MENU_product li.floor {width:131px; background-position:0 -52px;}
#MENU_product li.floor a {width:131px; background-position:0 0;}
#MENU_product li.floor a:hover {background-position:0 -56px;}

#MENU_product li.carpet {width:137px; background-position:-131px -52px;}
#MENU_product li.carpet a {width:137px; background-position:-131px 0;}
#MENU_product li.carpet a:hover {background-position:-131px -56px;}

#MENU_product li.wall {width:129px; background-position:-268px -52px;}
#MENU_product li.wall a {width:129px; background-position:-268px 0;}
#MENU_product li.wall a:hover {background-position:-268px -56px;}

#MENU_product li.curtain {width:129px; background-position:-397px -52px;}
#MENU_product li.curtain a {width:129px; background-position:-397px 0;}
#MENU_product li.curtain a:hover {background-position:-397px -56px;}

#MENU_product li.adhesive {width:143px; background-position:-526px -52px;}
#MENU_product li.adhesive a {width:143px; background-position:-526px 0;}
#MENU_product li.adhesive a:hover {background-position:-526px -56px;}

#MENU_product li.digitalbook {width:125px; background-position:-670px -52px;}
#MENU_product li.digitalbook a {width:125px; background-position:-670px 0;}
#MENU_product li.digitalbook a:hover {background-position:-670px -56px;}

#MENU_product li.documentrequest {width:126px; background-position:-795px -52px;}
#MENU_product li.documentrequest a {width:126px; background-position:-795px 0;}
#MENU_product li.documentrequest a:hover {background-position:-795px -56px;}

.product_floor #MENU_product li.floor a {background-position:0 -112px;}
.product_carpet #MENU_product li.carpet a {background-position:-131px -112px;}
.product_wall #MENU_product li.wall a {background-position:-268px -112px;}
.product_curtain #MENU_product li.curtain a {background-position:-397px -112px;}
.product_adhesive #MENU_product li.adhesive a {background-position:-526px -112px;}
.digital_catalog #MENU_product li.digitalbook a {background-position:-670px -112px;}
.catalog #MENU_product li.documentrequest a {background-position:-795px -112px;}
.plog #MENU_product li.documentrequest a {background-position:-795px -112px;}

/*topicPath*/

#HEADER_product .topicPath {height:30px; margin-bottom:1px; padding:0 11px; color:#535454; font-size:10px; line-height:30px; overflow:hidden;}
#HEADER_product .topicPath a:link    {text-decoration:underline; color:#003366;}
#HEADER_product .topicPath a:visited {text-decoration:underline; color:#003366;}
#HEADER_product .topicPath a:hover   {text-decoration:none; color:#003366;}


/*div.topicPath*/

div.topicPath {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	background: #f4f4f4 url(/common/img/bg_location.gif) repeat-x left bottom;
	color: #666666;
	text-align: left;
}

div.topicPath ul{
	width: 890px;
	margin: 0 auto;
}

div.topicPath li{
	display: inline;
}

div.topicPath a{
	float: left;
	margin: 0 9px 0 0;
	padding: 4px 20px 3px 0;
	background: url(/common/img/bg_location_arw.gif) no-repeat right top;
}
div.topicPath a:link    {text-decoration:underline; color:#666666;}
div.topicPath a:visited {text-decoration:underline; color:#666666;}
div.topicPath a:hover   {text-decoration:none; color:#666666;}

div.topicPath span{
	float: left;
	padding: 4px 20px 3px 0;
}


/*p.topicPath*/

.bg_path {
	background: #f4f4f4 url(/common/img/bg_location.gif) repeat-x left bottom;
}

p.topicPath {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	color: #666666;
	text-align: left;
}

p.topicPath{
	width: 890px;
	margin: 0 auto;
	padding: 4px 0 3px 0;
}

p.topicPath li{
	display: inline;
}

p.topicPath a{
	margin: 0 0 0 0;
}
p.topicPath a:link    {text-decoration:underline; color:#666666;}
p.topicPath a:visited {text-decoration:underline; color:#666666;}
p.topicPath a:hover   {text-decoration:none; color:#666666;}

p.topicPath span{
	float: left;
	padding: 4px 20px 3px 0;
}


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



		    footer



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

.footer_map {
	height: 43px;
	margin: 0;
	padding: 0;
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
	background: #e6e6e6;
	text-align: left;
	font-size: 87%;
}

.footer_map .inner {
	position:relative;
	width:920px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

.footer_map .copy{
	position:absolute;
	top: 14px;
	left:0;
	margin:0;
}

.footer_map .close{
	position:absolute;
	top: 9px;
	right:0;
	margin:0;
}

.footer_map .pagetop{
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	z-index: 99999;
}

#FOOTER {
	margin: 30px 0 0 0;
}

.index #FOOTER {
	margin: 0 0 0 0;
}

#FOOTER .footerTop {
	margin: 0 0 0 0;
	padding: 0;
	background: #fff;
}


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

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

#FOOTER .footerInfo p {
	padding: 15px 0 15px 18px;
}

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


#FOOTER a:link    {text-decoration:none; color:#333;}
#FOOTER a:visited {text-decoration:none; color:#333;}
#FOOTER a:hover   {text-decoration:underline; color:#333;}

#FOOTER .pagetop {
	width: auto;
	height: auto;
	margin: 0 0 0 0;
}

#FOOTER .pagetop{
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	z-index: 99999;
}
@media print {
#FOOTER .pagetop{
	display: none;
}
}
#FOOTER .fixed{
	position: fixed;
	right: 15px;
	bottom: 15px;
}

#FOOTER1 {
	min-width:920px;
	padding:19px 0 0 0;
	border-top:1px solid #dedede;
	background:#f5f5f5;
}
#FOOTER1 .footerMenu {width:920px; margin: 0 auto; text-align:left;}
#FOOTER1 .block1 {
	display:inline;
	float:left;
	width:505px;
	margin-left:0;
}
#FOOTER1 .block2 {
	float:left;
	width:177px;
	margin-left:30px;
}
#FOOTER1 h2 {
	margin-bottom:5px;
	padding:15px 0 0 3px;
	border-top:3px solid #dddddd;
	border-bottom: none;
}
#FOOTER1 li {
	margin-left:5px;
	padding-left:19px;
	background: none;
	font-size:12px;
	line-height:1.7;
}

#FOOTER1 .block1 ul {
	float:left;
	width:168px;
}

#FOOTER .bnrArea {min-width:920px; padding:10px 0 20px 0; background:#f5f5f5; color:#ffffff;}
#FOOTER .bnrArea .inner {width:920px; margin: 0 auto; padding: 13px 0 0 0; border-top:3px solid #dddddd; text-align:left;}
#FOOTER .bnrArea .inner h2 {margin: 0 0 0 3px;}
#FOOTER .bnrArea .inner ul {margin: 11px 0 0 0;}
#FOOTER .bnrArea li {display:inline; float:left; margin-left:3px;}
#FOOTER .bnrArea li img {vertical-align:top;}

#FOOTER2 {width: 100%; min-height:46px; margin: 0; border-top: 1px #ddd solid; text-align:left;}
#FOOTER2 .inner {position:relative; width:920px; margin: 0 auto; padding: 22px 0 22px 0;}
* html #FOOTER2 {height:46px;}
#FOOTER2 p {margin:3px 0 0 0; color:#100906; font-size:10px;}
#FOOTER2 .logo {
	position:absolute;
	top:26px;
	left: 755px;
	margin:0;
}


/* indexBnr */

#indexBnr {
	width: 100%;
	padding: 18px 0 0 0;
	background: url(/common/img/bg_index_bnr.gif) repeat-x left top;
	text-align: left;
}

#indexBnr .inner{
	width: 920px;
	margin: 0 auto 0;
}

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

#FOOTER .coda-nav {
	width: 850px !important;
}

#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 #bnr02 {
	width: 850px !important;
	overflow: hidden;
}
#FOOTER #indexBnr .coda-slider-wrapper.arrows .coda-slider .panel {
	display: inline;
	float: left;
	margin: 0 !important;
	height: 89px !important;
}
/* 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 a {
	display: block;
	top: 44px;
	left: 0px;
	background: url(/common/img/index_arw01.gif) no-repeat;
	z-index: 999;
}
#indexBnr .coda-nav-right a {
	display: block;
	top: 44px;
	left: 876px;
	background: url(/common/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;
}



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



		    over共通



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

.imgover{
	font-size: 0;
	zoom: 1;
}

.imgover img{
	vertical-align: top;
	zoom: 1;
}

.imgover a:hover img{
	display: inline-block;
	background: #fff;
	zoom: 1;
}

.imgover a:hover img,
.imgover a:hover input,
a:hover.imgover img,
a:hover.imgover input{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}


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



		    見出し共通



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

.ttl01 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(/common/img/bg_ttl01.gif) repeat-x left bottom;
}

.ttl02 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(/common/img/bg_ttl02.gif) repeat-x left bottom;
}



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



		    タブアンカー共通



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

.anchor_green_area {
	width: 100%;
	margin: 0 0 40px 0;
	border-top: 3px #51a9a0 solid;
	border-bottom: 1px #dedede solid;
}

.anchor_green_area td{
	border-right: 1px #dedede solid;
	background: url(/common/img/bg_anchor_01.gif) repeat-x left bottom;
	text-align: center;
	vertical-align: middle;
}

.anchor_green_area td a{
	display: block;
	padding: 7px 0;
	vertical-align: middle;
}

.anchor_green_area td.last{
	border-right: none;
}

.anchor_green_area td a:link{
	color: #333;
	text-decoration: none;
}

.anchor_green_area td a:hover{
	background: #d7f2ef;
	text-decoration: underline;
}

.anchor_green_area td img{
	margin: -2px 5px 0 0;
	vertical-align: middle;
}


.anchor_blue_area {
	width: 100%;
	margin: 0 0 40px 0;
	font-size: 100%;
}

.anchor_blue_area td{
	height: 33px;
	max-height: 33px;
	border-top: none;
	border-right: 1px #6a75b5 solid;
	border-bottom: none;
	border-left: none;
	background: #4553a3 url(/common/img/bg_anchor_02.gif) repeat-x left bottom;
	text-align: center;
	vertical-align: middle;
}

.anchor_blue_area td.last{
	border-right: none;
}

.anchor_blue_area td a{
	color: #fff !important;
	text-decoration: none;
}

.anchor_blue_area td a:link{
	color: #fff;
	text-decoration: none;
}

.anchor_blue_area td a:hover{
	color: #fff;
	text-decoration: underline;
}

.anchor_blue_area td img{
	margin: -2px 5px 0 0;
	vertical-align: middle;
}


.digital_search_area{
	position: relative;
	margin: -27px 0 32px 0;
}

.digital_search_area table{
	margin: 4px 0 0 0;
	border: 1px #dedede solid;
	border-collapse: collapse;
}

.digital_search_area table td{
	vertical-align: middle;
}

.digital_search_area .tab_search_inner{
	padding: 0 10px 0 11px;
}

.digital_search_area .tab_search_inner #tab_search_form {
	width: 276px;
	margin: 0 0 0 0;
	background: url(/digital_catalog/img/search_bg_digitalbook.gif) no-repeat 0 0;
	z-index:5;
}
#tab_search_form{ width:245px; padding-left:9px;}
#tab_search_form #search_text{width: 245px; height:21px; margin:0 0 0 0; padding:0; border:none; background:#e1e1e1; vertical-align:top; line-height:22px;}
* html #tab_search_form #searchTex{margin:0 10px 0 0;}
*:first-child+html #tab_search_form #searchTex{ height:21px;margin:-1px 10px 0 0;}



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



		    東リチャンネル下層



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

.video_area {
	margin: 0 0 40px 0;
	font-size: 117%;
	position: relative;
}

.video_area .more {
	display: block;
	width: 94px;
	height: 22px;
	position: absolute;
	top: 0px;
	right: 0px;
}


.video_area .lead {
	margin: 0 0 25px 0;
}

.video_area .video {
	overflow: hidden;
}

.video_area .video #player {
	width: 328px;
	float: left;
}

.video_area .video .player {
	width: 328px;
	float: left;
}

.video_area .video .text {
	width: 516px;
	float: right;
}

.video_area .video .text h4 {
	font-size: 20px;
	color: #3f499c;
}

.video_area .video .text p {
	margin-top: 15px;
}

.video_area .video .text .blue {
	color: #3f499c;
}



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



		    デジタルブック下層



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

.digital_list_area {
	width: 1000px;
	margin: 0 0 5px 0;
	font-size: 117%;
}

.digital_list_area .lead{
	margin: 0 0 25px 0;
}

.digital_list_area .digital_box{
	display: inline;
	float: left;
	width: 166px;
	margin: 0 0 25px 0;
}

.digital_list_area .bg01{
	margin: 0 20px 25px 0;
	padding: 0 0 15px 20px;
	background: #fff url(/common/img/bg_digitalbook.gif) repeat-x left bottom;
}

.digital_list_area .bg02{
	margin: 0 20px 25px 0;
	padding: 10px 0 15px 20px;
	background: #f4f4f4;
}

.digital_list_area .digital_box table{
	width: 146px;
}

.digital_list_area .img{
	height: 207px;
	max-height: 207px;
}

.digital_list_area .img_center{
	height: 207px;
	max-height: 207px;
	text-align: center;
}

.digital_list_area .img img{
	vertical-align: middle;
}

.digital_list_area .link{
	height: 70px;
	max-height: 70px;
	margin: 5px 0 0 0;
}

.digital_list_area .btn_box{
	margin: 0 0 0 0;
	text-align: center;
}

.digital_list_area .btn_box .ico_book{
	margin: 0 0 5px 0;
	text-align: left;
}

.digital_list_area .btn_box .ico_book li{
	display: inline;
	margin: 0 1px;
}

.digital_list_area .btn_box .ico_blank{
	margin: 3px 0 0 0;
}

.digital_list_area .btn_box .ico_blank img{
	margin: 0 3px 0 0;
	vertical-align: middle;
}


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



		    おすすめコンテンツ下層



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

.osusume_list_area {
	width: 1000px;
	margin: 0 0 0 0;
	font-size: 117%;
}

.osusume_list_area .lead{
	margin: 0 0 10px 0;
}

.osusume_list_area ul{
	width:920px;
	overflow: hidden;
}

.osusume_list_area li {
	display: block;
	float: left;
	width: 212px;
	margin: 0 10px 10px 0;
}

.osusume_link_area li {
	display: block;
	float: left;
	width: auto;
	margin: 0 0 10px 0;
}

.osusume_list_area li a{
	margin: 14px 14px 0 0;
}

.osusume_list_area li span{
	display: block;
	margin: 0 0 0 0;
	font-size: 91%;
}


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



		    製品情報下層



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

.product_list_area {
	width: 1000px;
	margin: 0 0 30px 0;
	font-size: 117%;
}

.product_list_area .lead{
	padding: 0 0 5px 0;
}

.product_list_area ul{
	position: relative;
	width:920px;
	margin: -10px 0 0 0;
	overflow: hidden;
}

.product_list_area li{
	display: inline;
	float: left;
	width: 194px;
	padding: 8px;
	margin: 10px 14px 0 0;
	border: 1px #dedede solid;
}

.product_list_area .link{
	margin: 7px 0 7px 0;
}

.product_list_area p span{
	font-size: 72%;
}



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



		    ニュースリリース下層



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

.newsrelease_area {
	margin: 0 0 30px 0;
	padding: 20px;
	background: #f5f5f5;
}

.newsrelease_area h3{
	position: relative;
	border-bottom: 2px #dedede solid;
}

.newsrelease_area h3 a{
	position: absolute;
	right: -2px;
	bottom: 5px;
}

.newsrelease_area table {
	padding: 0 0;
	font-size: 117%;
}

.newsrelease_area th {
	padding: 10px 10px 0 0;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}

.newsrelease_area td {
	padding: 10px 0 0 0;
	text-align: left;
	vertical-align: top;
}



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



		    サポート情報下層



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

.support_area {
	margin: 0 0 30px 0;
	padding: 20px;
	border: 3px #dedede solid;
	background: url(/common/img/bg_support.gif) repeat-x left bottom;
}

.support_area h3{
	border-bottom: 2px #dedede solid;
}

.support_area ul{
	margin: 9px 0 0 0;
}

.support_area li{
	display: inline;
	float: left;
}

.support_area li.txt{
	padding: 12px 0 0 0;
}

.support_area li p{
	margin: 0 0 7px 14px;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}

.support_area li p span{
	color: #4553a3;
	font-size: 87%;
}

/* 140903 追加 */
.support_area ul.support_box{
	margin: 9px 0 0 0;
	background: url(/common/img/bg_support.png) repeat-y left top;
}

.support_area ul.support_box li{
	display: inline;
	float: left;
	margin: 0 2px 0 0;
}

.support_area ul.support_box li.txt{
	width: 190px;
	margin: 0;
	padding: 12px 0 0 0;
}
/* 140903 追加終了 */


/* 170711 追加 */
.support_area.typeB ul.support_box{
	background: url(/common/img/bg_support03.png) repeat-y left top!important;
}
.support_area.typeA ul.support_box{
	background: url(/common/img/bg_support02.png) repeat-y center top!important;
}
.support_area.typeA ul{
	padding: 0 13px;
}
.support_area.typeB ul.support_box li.txt{
	width: 144px;
}
.support_area.typeB ul.support_box li > a img{
	margin-top: 15px;
}
/* 170711 追加終了 */

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



	floorcatalog_sozai_area
	2014.09.04



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

.floorcatalog_sozai_area{
	margin-bottom:50px;
}
.floorcatalog_sozai_area:before,
.floorcatalog_sozai_area:after {content: " ";display: table;}
.floorcatalog_sozai_area:after {clear: both;}
.floorcatalog_sozai_area {*zoom: 1;}
.floorcatalog_sozai_area h3{
	margin-bottom:20px;
}
.floorcatalog_sozai_area .floorcatalog_sozai_box{
	width:373px;
	vertical-align:top;
	border:solid 3px #dedede;
	padding:22px 27px 10px 27px;
	float: left;
}
.floorcatalog_sozai_area .floorcatalog_sozai_box.right{
	float: right;
}
.floorcatalog_sozai_area .floorcatalog_sozai_box p{
	font-size:117%;
	padding-bottom: 10px;
}


/*------ sp 2015.03.03 Start-------*/
#spArea{
	display: none;
	background-color: #424F9C;
	text-align: center;
	padding: 20px;
	position: relative;
	width: 100%;
}
#spArea img{
	width: 850px;
	height: auto;
}
/*------ sp 2015.03.03 End-------*/


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



			メンテナンス告知
			各ページ埋め込み


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

.mainte01{
	background-color:#fff9d7;
	padding:15px 15px 5px 15px;
	width:780px;
	text-align: center;
}

.mainte02{
	background-color:#fff9d7;
	padding:15px 15px 5px 15px;
	width:97%;
	text-align: center;
}

.mainte_title{
	font-weight:bold;
	font-size:130%;
}
.mainte_time{
	font-weight:bold;
	font-size:140%;
	color:#CC0000;
}