@charset "UTF-8";

/* -----------------------------------------------
common css
0. Reset
1. Base
2. Layout
3. Module
4. State
5. Theme

6. responsive
-------------------------------------------------- */


/* -----------------------------------------------
0. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #f0f0f0;
	height: 24px;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #f0f0f0;
	height: 78px;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled]{
	cursor: default;
}
input[type="checkbox"],input[type="radio"]{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}


/* -----------------------------------------------
1. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
}
body{
	font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 14px;
	color: #333;
	background: #f0f0f0;
}
.en body{
	font-family:"arial","HiraKakuProN-W3","Hiragino Kaku Gothic Pro","helvetica",sans-serif;
}
html,body{
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
	font-size: 100%;
	font-weight: bold;
}
p{
	line-height: 1.57;
}
dt,dd,li,
th,td,
input,
textarea{
	line-height: 1.3;
}
input,textarea,button{
  font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
.en input,.en textarea,.en button{
	font-family:"arial","HiraKakuProN-W3","Hiragino Kaku Gothic Pro","helvetica",sans-serif;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}
a,
a:link{
	color: #666;
	text-decoration: none;
}
a,
a:link{
	color: #333;
	text-decoration: none;
}
a:visited{
	color: #666;
}
a:hover,
a:active{
	color: #666;
	text-decoration: underline;
}
.ie9 .gradient{
	filter: none;
}

/* Clearfix [ModernType]
-------------------------------------------------- */
.theme_introduce .nav:after,
.link_group_list:after,
.box:after,
.aside_contact ul:after,
.tabs:after,
.wrapper:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}

/*  [Object-Oriented CSS]
-------------------------------------------------- */
.pull_left{
	float: left!important;
}
.pull_right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.list{
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: decimal!important;
}
.sign{
	font-size: 10px;
	text-align: left;
}
.icn{
	padding-right: 4px;
}
.icn.extend{
	vertical-align: -20%;
}
.label{
	padding-right: 4px;
}
.lh0{
	line-height: 0;
}
.length1{
	width: 160px;
}
.length2{
	width: 80px;
}
.length3{
	width: 150px;
}
.length4{
	width: 400px;
}
.length_full{
	width: 100%!important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.w120{ width: 120px;}
.w160{ width: 160px;}
.errormsg{
	margin-bottom: 8px;
	color: #e60012;
	display: inline-block;
}
.box_error .errormsg{
	margin-bottom: 10px;
	padding: 8px;
	display: block;
	color: #b9645b;
	border: 1px solid #b9645b;
}


/* -----------------------------------------------
2. Layout
-------------------------------------------------- */
/* #document
-------------------------------------------------- */
#document{

}
/* #header
-------------------------------------------------- */
#header{
	width: 100%;
	min-width: 950px; /* add 201901 */
	border-bottom: 1px solid #f0f0f0;
	background: #fff;
}
#header #sitelogo{
	margin-top: 29px;
	float: left;
}

/* #footer
-------------------------------------------------- */
#footer{
	margin-top: 60px;
	min-width: 950px; /* add 201901 */
	background: #97999B;
	color: #fff;
	font-size: 12px;
}
#footer .txt_copyright{
	padding: 17px 0;
	float: right;
}

/* #container
-------------------------------------------------- */
#container{
	padding-bottom: 40px;
	min-width: 950px; /* add 201901 */
}
#page_title{
	margin-bottom: 30px;
	padding: 18px 0 0 0;
	background: #fff;
}
.drop_shadow{
	box-shadow: 0 2px 3px #f0f0f0;
}

/* #main
-------------------------------------------------- */
.layout1column .content{
	margin-bottom: 20px;
	padding: 16px;
	background-color: #fff;
}
.layout1column .content.extend{
	padding: 40px 16px;
}
.layout1column .content:last-child{
	margin-bottom: 0;
}
.layout2column .content{
	margin-bottom: 20px;
	padding: 16px;
	background-color: #fff;
}
.layout2column .content:last-child{
	margin-bottom: 0;
}
.layout2column #main{
	width: 740px;
	float: left;
}

/* #sub
-------------------------------------------------- */
#sub{
	width: 200px;
	float: right;
}
#sub .nav_local{
	margin-bottom: 10px;
}
#sub .nav_local .hdg{
	padding: 16px;
	background-color: #666769;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#sub .nav_local .items{
	background-color: #f0f0f0;
}
#sub .nav_local .items a{
	padding: 14px 24px;
	display: block;
	position: relative;
}
#sub .nav_local .items a::after{
	margin-top: -5px;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #96999B;
	border-right: 1px solid #96999B;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 10px;
	top: 50%;
}
#sub .nav_local .items a.is_active::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
#sub .nav_local .items a:hover::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
#sub .nav_local .items a:hover,
#sub .nav_local .items a.is_active{
	background-color: #97999B;
	color: #fff;
	text-decoration: none;
}

/* Collumns
-------------------------------------------------- */
.two_col:after,
.two_big_col02:after,
.three_col01:after,
.three_col02:after,
.two_col01:after,
.two_col02:after,
.two_col03:after{
	clear: both;
	content: "";
	display: block;
}
.col_02,
.col_03,
.col_04{
	float: left;
}
.col_01{
	text-align:	center;
	float: left;
}
.two_col .col_01,
.two_col .col_02{
	width: 470px;
}
.two_col .col_01{
	margin-right: 10px;
}
.two_col01 .col_01,
.two_col01 .col_02{
	width: 440px;
}
.two_col01 .col_01{
	margin-right: 30px;
}
.two_col02 .col_01{
	margin-right: 20px;
	width: 380px;
}
.two_col02 .col_02{
	width: 516px;
}
.two_col03 .col_01{
	margin-right: 20px;
	width: 214px;
}
.two_col03 .col_02{
	width: 682px;
}
.two_big_col .col_01{
	margin-right: 20px;
	width: 676px;
}
.two_big_col .col_02{
	width: 220px;
}
.two_big_col02 .col_01{
	margin-right: 20px;
	width: 604px;
}
.two_big_col02 .col_02{
	padding-right: 10px;
	padding-bottom: 14px;
	width: 282px;
}
.three_col01 .col_01,
.three_col01 .col_02{
	margin-right: 20px;
	width: 292px;
}
.three_col01 .col_03{
	width: 292px;
}
.three_col02 .col_01,
.three_col02 .col_02,
.three_col02 .col_03{
	margin-right: 20px;
	width: 292px;
}
.three_col02 .col_04{
	width: 292px;
}

/* -----------------------------------------------
3. Module
 * Wrap Module
 * Box Module
 * Table Module
 * Headings Module
 * Nav Module
 * List Module
 * Button Module
 * Anchor Module
 * Form Module
 * Text Module
 * Icon Module
 * UI Module
-------------------------------------------------- */

/* Wrap Module
-------------------------------------------------- */
.wrapper{
	margin: 0 auto;
	width: 950px;
	position: relative;
}
.content{
	padding: 17px;
	background: #fff;
}

/* Box Module
-------------------------------------------------- */
.box_sort{
	padding: 20px 20px 10px;
	border: 3px solid #f0f0f0;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_sort .item{
	margin-bottom: 4px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.box_sort .item input{
	margin-right: 2px;
}
/* ----------------------------------------------- */
.box_wrap{
	margin-bottom: 20px;
}
.box_wrap2{
	margin-bottom: 40px;
}
/* ----------------------------------------------- */
.box_lead{
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
}
.box_lead .nav{
	position: relative;
}
.box_lead .item1{
	width: 448px;
	height: 240px;
	background: url("/common/images/bg_linkbox.png") no-repeat 0 0;
	position: relative;
}
.box_lead .item1 .link1{
	position: absolute;
	top: 30px;
	left: 20px;
}
.box_lead .item1 .link2{
	position: absolute;
	top: 92px;
	left: 20px;
}
.box_lead .item1 .link3{
	position: absolute;
	top: 124px;
	left: 20px;
}
.box_lead .item2{
	position: absolute;
	top: 0;
	right: 0;
}
.box_lead .item3{
	position: absolute;
	top: 130px;
	right: 0;
}
/* ----------------------------------------------- */
.box_list li{
	margin-bottom: 4px;
}
/* ----------------------------------------------- */
.box_caution{
	margin-bottom: 20px;
	padding: 18px;
	background-color: #f0f0f0;
}
/* ----------------------------------------------- */
.box_toc{
	margin-bottom: 50px;
	padding: 20px 20px 10px;
	width: 100%;
	border: 3px solid #f0f0f0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_toc li{
	margin-right: 18px;
	margin-bottom: 10px;
	padding-left: 10px;
	display: inline-block;
	vertical-align: top;
	background: url("/common/images/icons/icn_rightarrow.png") no-repeat 0 center;
}
/* ----------------------------------------------- */
.box_with_pct{
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
.box_with_pct .txt,
.box_with_pct .pct{
	display: table-cell;
	vertical-align: top;
}
.box_with_pct .txt{
}
.box_with_pct .pct{
	width: 222px;
}
.box_with_pct.pct_right{
}
.box_with_pct.pct_right .pct{
	padding-left: 16px;
}
.box_with_pct.pct_left{
	direction: rtl;
}
.box_with_pct.pct_left .txt{
	direction: ltr;
	text-align: left;
}
.box_with_pct.pct_left .pct{
	padding-right: 16px;
	direction: rtl;
}
.box_with_pct.pct_left .pct p{
	text-align: left;
}
.box_with_pct.pct_left .pct span{
	direction: ltr;
	text-align: left;
}
/* ----------------------------------------------- */
.box_aside .hdg{
	padding: 14px;
	background-color: #666769;
	color: #fff;
}
.box_aside .inner{
	padding: 18px;
	border: 1px solid #f0f0f0;
	border-top: none;
}
.box_aside .lead{
	margin-bottom: 16px;
}
/* ----------------------------------------------- */
.box_with_pct_list{
	margin-bottom: 64px;
}
.box_with_pct_list ul{
	display: table;
}
.box_with_pct_list li{
	padding-left: 2%;
	width: 32%;
	display: table-cell;
	vertical-align: top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_with_pct_list li:first-child{
	padding-left: 0;
}
.box_with_pct_list .pct{
	margin-bottom: 12px;
	text-align: center;
}
/* ----------------------------------------------- */
.box_pct{
	margin-left: -15px;
	overflow: hidden;
}
.box_pct li{
	margin-bottom: 20px;
	margin-left: 16px;
	width: 214px;
	display: inline-block;
	vertical-align: top;
}
/* ----------------------------------------------- */
.box_arrow{
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	overflow: hidden;
}
.box_arrow li a{
	padding: 11px 25px;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	background: url("/common/images/icons/icn_rightarrow.png") no-repeat 10px 15px;
}
.box_arrow li a{
	display: block;
}
.box_br{
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	overflow: hidden;
}
.box_red{
	padding: 3px;
	color: #b9645b;
	border: 1px solid #b9645b;
}
.box_emergency{
	margin-bottom: 20px;
	padding: 8px;
	border: 1px solid #b9645b;
}
.box_emergency.normal{
	border: 1px solid #f0f0f0;
}
/* ----------------------------------------------- */
.box_product,
.box_brand{
	margin-bottom: 30px;
	width: 100%;
	font-size: 12px;
}
.box_product ul:after{
	clear: both;
	content: "";
	display: block;
}
.box_product li,
.box_brand li{
	margin-top: -1px;
	margin-right: -1px;
	width: 33%;
	border: 1px solid #f0f0f0;
	vertical-align: middle;
	float: left;
}
.box_product li a{
	padding: 9px 9px 11px;
}
.box_brand li{
	width: 24.65%;
}
.box_brand a{
	padding: 10px 10px 10px 24px;
	font-size: 10px;
	display: block;
	background: url("/common/images/icons/icn_rightarrow.png") no-repeat 10px 22px;
}
.box_brand a span{
	color: #000;
	font-size: 12px;
}
.box_product li a{
	display: block;
	overflow: hidden;
}
.box_product li a img{
	float: left;
}
.box_product li a .product_ttl{
	margin-left: 94px;
	padding-top: 22px;
	display: block;
}
.aside,
.box_search{
	background: #f0f0f0;
}
.aside{
	margin-top: 5px;
	font-size: 12px;
}
.aside .block{
	margin: 0 auto;
	padding: 8px 10px;
	overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
}
.aside .block .txt{
	margin-bottom: 4px;
}
.aside input,
.aside textarea{
	margin-bottom: 10px;
	padding: 2px 4%;
	width: 92%;
	font-size: 12px;
}
.aside .btn_search{
	float: right;
}
.aside .hdg_lv3{
	margin: 0;
	padding-bottom: 5px;
}
.aside .hdg_lv3 img{
	margin-top: -2px;
	vertical-align: middle;
}
.aside .box_adver{
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 0;
}
.aside .box_adver li{
	margin-bottom: 10px;
	line-height: 1;
}
.aside_contact{
	margin-top: 30px;
}
.aside_contact a{
	margin-right: 10px;
}
.aside_contact li{
	float: left;
}
.aside_contact.en li{
	float: none;
	text-align: center;
}
/* ----------------------------------------------- */
.box_noscript{
	padding: 14px 0;
	background-color: #ffcc00;
	color: #333;
	width: 100%;
}
.box_noscript .wrapper{
	padding-left: 50px;
	width: 900px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-image: url("/common/images/icons/icn_caution.png");
	background-position: 0 center;
	background-repeat: no-repeat;
}

/* Table Module
-------------------------------------------------- */
.tbl_data{
	margin-bottom: 30px;
}
.tbl_data table{
	width: 100%;
}
.tbl_data thead{
}
.tbl_data thead th{
	padding-right: 1px;
	background-color: #96999B;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-collapse: separate;
	border-right: 1px solid #fff;
}
.tbl_data tbody{
	text-align: left;
}
.tbl_data tbody th,
.tbl_data tbody td{
	border-bottom: 1px dotted #f0f0f0;
}
.tbl_data tbody{
	border-top: 1px dotted #f0f0f0;
}
.tbl_data thead + .tbl_data tbody{
	border-top: none;
}
.tbl_data tbody th{
	font-weight: bold;
}
.tbl_data tbody td{
}
.tbl_data th,
.tbl_data td{
	padding: 10px 0;
	vertical-align: top;
}
.tbl_data th{
}
.tbl_data td{
}

.tbl_data .col_label .label.is_award,
.tbl_data .col_label .label.is_showroom,
.tbl_data .col_label .label.is_designer,
.tbl_data .col_label .label.is_event,
.tbl_data .col_label .label.is_info,
.tbl_data .col_label .label.is_case,
.tbl_data .col_label .label.is_company,
.tbl_data .col_label .label.is_products,
.tbl_data .col_label .label.is_press,
.tbl_data .col_label .label.is_tokyo,
.tbl_data .col_label .label.is_nagoya,
.tbl_data .col_label .label.is_osaka,
.tbl_data .col_label .label.is_yhome,
.tbl_data .col_label .label.is_malaysia{
	width: 60px;
	height: 20px;
	background-size: 60px 20px;
	background-position: 0 center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
/* ----------------------------------------------- */
.tbl_data.extend tbody{
	font-size: 13px;
}
.tbl_data.extend tbody img{
	padding-left: 6px;
}
/* ----------------------------------------------- */
.tbl_data2{
	margin-bottom: 30px;
}
.tbl_data2 table{
	width: 100%;
}
.tbl_data2 thead{
}
.tbl_data2 tbody{
	text-align: left;
}
.tbl_data2 tbody th,
.tbl_data2 tbody td{
	border: 1px solid #f0f0f0;
}
.tbl_data2 tbody{
}
.tbl_data2 tbody th{
	padding: 14px 12px;
	font-weight: bold;
	background-color: #f0f0f0;
}
.tbl_data2 tbody td{
	padding: 10px;
}
.tbl_data2 th,
.tbl_data2 td{
	vertical-align: top;
}
.tbl_data2 th{
}
.tbl_data2 td{
}
.tbl_data2 .note{
	margin-top: 4px;
	color: #888;
	font-size: 11px;
	display: block;
}
.tbl_data2 textarea{
	padding: 10px;
}

/* Headings Module
-------------------------------------------------- */
/* as h1 Element */
.hdg_pageheader{
	padding-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
}
.hdg_pageheader, .sub_case{
	position: relative;
}
.sub_case{
	height: 50px;
}
.theme_detail .social_networking,
.theme_series .social_networking{
	right: 150px;
}
.social_networking{
	position: absolute;
	right: 140px;
	top: 32px;
}
.layout1column .social_networking{
	right: 0px;
}
/* ----------------------------------------------- */
.hdg_lv2{
	margin: 0 0 16px;
	font-size: 18px;
	color: #373737;
}
.hdg_lv2.main{
	margin-bottom: 0;
	padding: 12px 18px;
	background-color: #96999B;
	color: #fff;
}
/* ----------------------------------------------- */
.hdg_lv3{
	margin: 0 0 10px;
	padding-bottom: 15px;
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
}
.hdg_lv3 span{
	padding-left: 10px;
	border-left: 4px solid #97999B;
	display: block;
	line-height: 1.2;
}
/* ----------------------------------------------- */
.hdg_lv4{
	margin: 0 0 10px;
	font-size: 14px;
}
/* ----------------------------------------------- */
.hdg_lv5{
	font-weight: bold;
	font-size: 18px;
}
/* ----------------------------------------------- */
.hdg_with_btn{
	position: relative;
}
.hdg_with_btn .btn{
	position: absolute;
	top: 0;
	right: 0;
}
.hdg_banner{ height:200px; }

/* Nav Module
-------------------------------------------------- */
.nav_linklist li{
	margin-bottom: 8px;
	padding-left: 8px;
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	background-image: url("/common/images/icons/icn_rightarrow.png");
}
.nav_linklist .txt_img{
	margin-left: 10px;
}
.pdf,
.nav_linklist li .pdf{
	padding-right: 50px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 40px 20px;
	background-image: url("/common/images/icons/file_pdf.png");
}
/* ----------------------------------------------- */
.external,
.nav_linklist li .external {
	padding-right: 20px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("/common/images/icons/icn_externallink.png");
}
.nav_linklist.with_border{
	margin-bottom: 18px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #f0f0f0;
}
.nav_linklist.with_float{
	margin-left: -22px;
	overflow: hidden;
}
.nav_linklist.with_float li{
	margin-left: 22px;
	margin-bottom: 12px;
	width: 42%;
	float: left;
}
/* ----------------------------------------------- */
.nav_tbl{
	margin-bottom: 30px;
}
.nav_tbl table{
	width: 100%;
	border: 1px solid #f0f0f0;
	font-size: 12px;
}
.nav_tbl td{
	border: 1px solid #f0f0f0;
	vertical-align: middle;
}
.nav_tbl td a{
	padding: 9px 9px 11px;
}
.nav_tbl td a{
	padding: 10px 10px 10px 24px;
	font-size: 10px;
	display: block;
	background: url("/common/images/icons/icn_rightarrow.png") no-repeat 10px 15px;
	color: #000;
	font-size: 12px;
}
.nav_tbl td a span{
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 14px;
	display: block;
}
/* ----------------------------------------------- */
#nav_toplink{
	background: #97999B;
	text-align: right;
}
#nav_toplink a:link,
#nav_toplink a:visited,
.nav_contentinfo a:link,
.nav_contentinfo a:visited{
	color: #fff;
}
#nav_toplink li, .nav_contentinfo li{
	margin-left:		20px;
	padding:			14px 0 13px;
	display:			inline-block;
	line-height:		1;
	font-size:			13px;
	vertical-align:	middle;
}
.nav_contentinfo img{
	width:	20px;
	height:	20px;
}
v_toplink li.globallink a{
	padding-left: 30px;
	background: url("/common/images/icons/icn_global.png") no-repeat 10px center;
	border-left: 1px solid #a49b91;
}
/* ----------------------------------------------- */
#nav_globallink{
	float: right;
}
#nav_globallink li{
	display: inline-block;
	line-height: 0;
	float: left;
}
#nav_globallink li.btn_downloadnumber{
	margin: 35px 0 0 19px;
	position: relative;
}
#nav_globallink li.btn_downloadnumber span{
	padding: 4px 4px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: #fff;
	display: inline-block;
	line-height: 1;
	font-size: 13px;
}
/* ----------------------------------------------- */
.nav_breadcrumb{
	margin: 0 0 18px;
	font-size: 12px;
	color: #666;
	line-height: 1;
}
.nav_breadcrumb span{
	display: inline-block;
	vertical-align: middle;
}
.nav_breadcrumb span:before{
	padding: 0 6px;
	width: 12px;
	height: 12px;
	content: ">";
	display: inline-block;
	vertical-align: middle;
}
.nav_breadcrumb span:first-child:before{
	padding: 0;
	width: 0;
	height: 0;
	content: "";
}
/* ----------------------------------------------- */
.nav_contentinfo{
	float: left;
}
.nav_contentinfo li:first-child{
	margin-left: 0;
}
.nav_backtotop{
	padding-right: 15px;
	position: absolute;
	right: 0;
	top: -30px;
	background: url("/common/images/icons/icn_uparrow.png") no-repeat right center;
}
#main .nav_backtotop{
	padding-right: 15px;
	width: 100%;
	float: right;
	position: static;
	right: 0;
	top: 0;
	text-align: right;
	background: url("/common/images/icons/icn_uparrow.png") no-repeat right center;
}

/* New Footer
-------------------------------------------------- */
#footer .wrapper{
	text-align:	center;
	font-size:		120%;
}
#footer .nav_box{
	padding:			20px 60px;
	display:			inline-block;
	vertical-align:	top;
	text-align:		left;
}
#footer .txttitle{
	font-size:		85%;
	color:			#fff;
	white-space:	nowrap;
}
#footer .txttitle a{
	color:			#fff;
}
#footer .txtlink a{
	font-size:		85%;
	margin-left:	0.5em;
	color:			#fff;
	white-space:	nowrap;
}
#footer .nav_right .snslogo{
	display: inline-block;
}
#footer .nav_right img{
#	width:	24px;
	height:	24px;
}
#footer .copyright{
	text-align:	center;
	white-space:	nowrap;
	padding:		10px;
}

/* List Module
-------------------------------------------------- */
.tmp_detail_03{
	padding-top: 7px;
	margin-right: -20px;
	overflow: hidden;
}
.tmp_detail_03 li{
	margin-right: 20px;
	margin-bottom: 8px;
	width: 167px;
	float: left;
}
.tmp_detail_03 li a{
	font-size: 85%;
}
.tmp_detail_02{
	margin-left: 7px;
	overflow: hidden;
}
.tmp_detail_02 li{
	margin-right: 7px;
	width: 292px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}
.tmp_detail_02 li a{
	font-weight: bold;
}
.tmp_detail_02 li p{
	padding-bottom: 10px;
}
.margin{
	border-bottom: 1px solid #f0f0f0;
}
.case_lst,
.tmp_detail_03,
.tmp_detail_02,
.tmp_detail_01,
.catalog_lst,
.tmp_detail_04,
.tmp_detail_05{
	overflow: hidden;
}
/* ----------------------------------------------- */
.list_note li{
	margin-bottom: 0;
	padding-left: 14px;
	position: relative;
	font-size: 11px;
	line-height: 1.6;
	color:#666;
}
.list_note li:last-child{
	margin-bottom: 0;
}
.list_note .mark{
	position: absolute;
	top: 0;
	left: 0;
}
/* ----------------------------------------------- */
.list_note2 li{
	margin-bottom: 8px;
	padding-left: 30px;
	position: relative;
	font-size: 11px;
	line-height: 1.6;
	color:#666;
}
.list_note2 li:last-child{
	margin-bottom: 0;
}
.list_note2 .mark{
	position: absolute;
	top: 0;
	left: 0;
}
/* ----------------------------------------------- */
.list_unordered li{
	margin-bottom: 5px;
}
/* ----------------------------------------------- */
.list_inlineblock li{
	display: inline-block;
	vertical-align: top;
}
/* ----------------------------------------------- */
.catalog_note{
	font-size: 13px;
}

/* Button Module
-------------------------------------------------- */
.btn_more{
	width: 100%;
	display: block;
	text-align: center;
	border: none;
}
.btn_toggle{
	position: absolute;
	right: 0;
	top: 25px;
	border: none;
}
.btn_group{
	margin-top: 20px;
	position: relative;
}
.btn_group .nav_categorytop{
	position: absolute;
	left: 0;
	top: 0;
}
.btn_group .nav_back{
	text-align: center;
}

/* Anchor Module
-------------------------------------------------- */
.rollover:hover,
.rollover:hover img{
	opacity: 0.6;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

/* Form Module
-------------------------------------------------- */
.search_frm .search_tbl td:last-child{
	width: 148px;
}
.search_frm .search_tbl td.search_label{
	margin: 6px 0;
	width: 11%;
	vertical-align: middle;
}
.search_frm .search_tbl td{
	padding: 10px 5px;
}
.search_frm .rollover{
	float: right;
}
.form_expanded{
	width: 220px;
	height: 28px;
}
.form_sub_field{
	margin-top: 20px;
}
.form_sub_field:first-child{
	margin-top: 0;
}
.form_sub_field dt{
	margin-bottom: 5px;
}

/* Text Module
-------------------------------------------------- */
.txt_lead{
	margin-bottom: 34px;
}
.txt_big{
	font-size: 24px;
}
.txt_smaller{
	font-size: 12px;
}
.txt_smallest{
	font-size: 10px;
	color: #666;
}
.txt14{	font-size: 14px; }
.txt16{	font-size: 16px; }
.txt20{	font-size: 20px; }
.txt22{	font-size: 22px; }
.txt24{	font-size: 24px; }
.txtbold{ font-weight: bold; }
.txtright{ text-align: right; }


.txt_img{
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	background-color: #4f5b66;
}
.txt_img.extend{
	padding: 3px 9px;
}
.txt_required{
	padding: 1px 9px;
	background-color: #b9645b;
}
.en .txt_required{
	padding: 1px 6px 3px;
}

/* Icon Module
-------------------------------------------------- */
.icn_num{
	margin-top: -2px;
	margin-right: 4px;
	background-color: #e4007f;
	border-radius: 50%;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 15px;
	color: #fff;
	font-size: 14px;
}
/* ----------------------------------------------- */
.wrap_tags{
	margin-right: 20px;
	float: left;
	text-align: right;
	overflow: hidden;
}
.wrap_tags span{
	margin: 0 5px 0 0;
	width: 40px;
	height: 30px;
	display: inline-block;
	text-indent: 9999px;
	background-size: 40px 30px;
}
.tag_60{
	background: url("/common/images/icons/pct_60.png") no-repeat;
}
.tag_led2700{
	background: url("/common/images/icons/pct_led.png") no-repeat;
}
.tag_ra85{
	background: url("/common/images/icons/pct_ra85.png") no-repeat;
}

/* UI Module
-------------------------------------------------- */
.small_input{
	width: 145px;
}
.selectbox{
	position: relative;
	border: 1px solid #a9a9a9;
	border-radius: 2px;
	background-color: #fff;
	display:inline-block;
}
.selectbox select{
	margin: 0;
	padding: 4px;
	height:25px;
	position: relative;
	color:#333;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow:'';
	-moz-padding-end: 17px;
	background: transparent;
	background-color: transparent;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.selectbox select:-ms-expand{
	display: none;
}
.selectbox .arrow{
	width: 17px;
	height: 17px;
	position: absolute;
	background: url("/common/images/icons/icn_downarrow.png") no-repeat right center;
	right: 0;
	top: 5px;
}
/* ----------------------------------------------- */
.dropdown_menu_area{
	background: #f0f0f0;
	display: none;
	font-size: 12px;
}
.dropdown_menu_area .box_arrow a:hover,
.dropdown_menu_area .back_menu a:hover{
	text-decoration: underline;
}
.dropdown_menu_area .txtbold{
	font-size: 14px;
}
.dropdown_menu{
	padding: 20px 0;
}
.dropdown_menu_bridge{
	width: 130px;
	height: 60px;
	background: #f0f0f0;
	position: relative;
	left: 820px;
	top: -75px;
	display: none;
}
.dropdown_menu_bridge a{
	width:130px;
	height: 50px;
	display: block;
}
.dropdown_menu_bridge .btn_other_case{
	width: 130px;
	height: 50px;
	background: url("/common/images/btn_other_case.png") no-repeat 0 0;
	background-size: 130px 50px;
}
.dropdown_menu_bridge .btn_other_product{
	width: 130px;
	height: 50px;
	background: url("/common/images/btn_other_product.png") no-repeat 0 0;
	background-size: 130px 50px;
}
.dropdown_menu .box_arrow,
.dropdown_menu .box_arrow li{
	border: none;
}
.dropdown_menu .box_arrow li{
	padding: 0 25px 10px 0;
}
.dropdown_menu .box_arrow li a{
	background-position: 0 5px;
	padding: 0 0 0 10px;
}
.dropdown_menu .box_arrow.extend li{
	display: inline-block;
	vertical-align: top;
	width: 43%;
}
.dropdown_menu .two_col .box_arrow.extend{
	width: 100%;
}
.dropdown_menu .three_col02,
.dropdown_menu .two_col{
	margin: -60px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.dropdown_menu .three_col02 .col_01,
.dropdown_menu .three_col02 .col_02,
.dropdown_menu .three_col02 .col_03{
	width: 230px;
}
.dropdown_menu .two_col .col_01,
.dropdown_menu .three_col02 .col_01,
.dropdown_menu .three_col02 .col_02,
.dropdown_menu .three_col02 .col_03{
	border-right: 1px solid #f0f0f0;
}
.dropdown_menu .three_col02 .col_04{
	width: 190px;
}
.dropdown_menu .two_col .col_01{
	margin-right: 20px;
}
.dropdown_menu .two_col .col_01 ,
.dropdown_menu .two_col .col_02{
	width: 464px;
}
.dropdown_menu .two_col .box_arrow{
	width: 232px;
	float: left;
}
.back_menu{
	padding: 0 10px;
	background: url("/common/images/icons/icn_leftarrow.png") 0 7px no-repeat;
	font-size: 14px;
	font-weight: bold;
}
.theme_list_favorites  .wrap_tags .ico,
.theme_list_conditions .wrap_tags .ico,
.theme_series .wrap_tags .ico{
	padding-right: 5px;
	width: auto;
	height: 30px;
}

/* space Module
-------------------------------------------------- */
.mt0   { margin-top: 0 !important; }
.mt5   { margin-top: 5px !important; }
.mt05  { margin-top: 5px; }
.mt10  { margin-top: 10px !important; }
.mt15  { margin-top: 15px !important; }
.mt20  { margin-top: 20px !important; }
.mt30  { margin-top: 30px !important; }
.mt40  { margin-top: 40px !important; }
.mt50  { margin-top: 50px !important; }
.mt60  { margin-top: 60px !important; }
.mt70  { margin-top: 70px !important; }
.mt80  { margin-top: 80px !important; }
.mt90  { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mr0   { margin-right: 0 !important; }
.mr5   { margin-right: 5px !important; }
.mr10  { margin-right: 10px !important; }
.mr15  { margin-right: 15px !important; }
.mr20  { margin-right: 20px !important; }
.mr30  { margin-right: 30px !important; }
.mr40  { margin-right: 40px !important; }
.mr50  { margin-right: 50px !important; }
.mr60  { margin-right: 60px !important; }
.mr70  { margin-right: 70px !important; }
.mr80  { margin-right: 80px !important; }
.mr90  { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }
.marr_none{margin-right: 0!important;}

.mb0   { margin-bottom: 0 !important; }
.mb5   { margin-bottom: 5px !important; }
.mb05  { margin-bottom: 5px; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb25  { margin-bottom: 25px; }
.mb30  { margin-bottom: 30px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb50  { margin-bottom: 50px !important; }
.mb60  { margin-bottom: 60px !important; }
.mb70  { margin-bottom: 70px !important; }
.mb80  { margin-bottom: 80px !important; }
.mb90  { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0   { margin-left: 0 !important; }
.ml5   { margin-left: 5px !important; }
.ml10  { margin-left: 10px !important; }
.ml15  { margin-left: 15px !important; }
.ml20  { margin-left: 20px !important; }
.ml30  { margin-left: 30px !important; }
.ml40  { margin-left: 40px !important; }
.ml50  { margin-left: 50px !important; }
.ml60  { margin-left: 60px !important; }
.ml70  { margin-left: 70px !important; }
.ml80  { margin-left: 80px !important; }
.ml90  { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }

.ma0   { margin: 0 !important; }
.ma5   { margin: 5px !important; }
.ma10  { margin: 10px !important; }
.ma15  { margin: 15px !important; }
.ma20  { margin: 20px !important; }
.ma30  { margin: 30px !important; }
.ma40  { margin: 40px !important; }
.ma50  { margin: 50px !important; }
.ma60  { margin: 60px !important; }
.ma70  { margin: 70px !important; }
.ma80  { margin: 80px !important; }
.ma90  { margin: 90px !important; }
.ma100 { margin: 100px !important; }

.pt0   { padding-top: 0 !important; }
.pt5   { padding-top: 5px !important; }
.pt10  { padding-top: 10px !important; }
.pt15  { padding-top: 15px !important; }
.pt20  { padding-top: 20px !important; }
.pt30  { padding-top: 30px !important; }
.pt40  { padding-top: 40px !important; }
.pt50  { padding-top: 50px !important; }
.pt60  { padding-top: 60px !important; }
.pt70  { padding-top: 70px !important; }
.pt80  { padding-top: 80px !important; }
.pt90  { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

.pt0   { padding-bottom: 0 !important; }
.pt5   { padding-bottom: 5px !important; }
.pt10  { padding-bottom: 10px !important; }
.pt15  { padding-bottom: 15px !important; }
.pt20  { padding-bottom: 20px !important; }
.pt30  { padding-bottom: 30px !important; }
.pt40  { padding-bottom: 40px !important; }
.pt50  { padding-bottom: 50px !important; }
.pt60  { padding-bottom: 60px !important; }
.pt70  { padding-bottom: 70px !important; }
.pt80  { padding-bottom: 80px !important; }
.pt90  { padding-bottom: 90px !important; }
.pt100 { padding-bottom: 100px !important; }


/* -----------------------------------------------
4. State
-------------------------------------------------- */
.loading,
.lb-cancel{
	margin: 30px auto;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 8px solid #97999B;
	border-right-color: transparent;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
}
@-webkit-keyframes spin{
	0%   { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100% { -webkit-transform: rotate(360deg); opacity: 0.4; }
}
@-moz-keyframes spin{
	0%   { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	100% { -moz-transform: rotate(360deg); opacity: 0.4; }
}
.result0{
	display: none;
}
.js_toggle_hdg{
	padding-left: 26px;
	cursor: pointer;
	position: relative;
}
.js_toggle_hdg span{
	position: absolute;
	left: 0;
	top: 0;
}
.js_toggle_body{
	display: none;
}
.js_sort.all.disabled{
	color: #999;
}
.js_anchorExpanded{
	cursor: pointer;
}
.js_anchorExpanded:hover{
	opacity: 0.6;
}
.js_sort.all.disabled label{
	cursor: default;
}

.is_open{
	display: block;
}
.is_block{
	display: block!important;
}
.is_close{
	display: none;
}
.is_none{
	display: none!important;
}
.is_error{
	background-color: #f9eceb;
}
.is_disabled{
	opacity: 0.45;
}
.is_nomatch{
	margin-top: 20px;
	width: 100%;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* -----------------------------------------------
5. Theme
-------------------------------------------------- */
.theme_case h1,
.theme_product h1{
	padding: 70px 0 0 20px;
}
.theme_privacy .hdg_lv2{
	margin-bottom: 8px;
}
.theme_privacy .list{
	margin-bottom: 30px;
}
.theme_privacy .list:last-child{
	margin-bottom: 0;
}
.theme_g_corporate.idx .tbl_data tr,
.theme_corporate.idx .tbl_data tr{
	display: none;
}
.theme_corporate.idx .tbl_data .is_block th{
	padding-right: 30px;
}
.theme_corporate.idx .tbl_data .is_block .ttl{
	width: 100%;
}
.theme_g_corporate.idx .tbl_data .col_label,
.theme_corporate.idx .tbl_data .col_label{
	display: none!important;
}
.theme_g_corporate.idx .tbl_data th{
	width: 90px;
}
.box_result .product_name .transparent{
	display: none;
}
.theme_detail .hdg_pageheader{
	width: 640px;
}


/* -----------------------------------------------
6. responsive (add 201901)
-------------------------------------------------- */
@media screen and (max-width: 950px) {
	#header,
	#footer,
	#container{
		min-width: 0;
	}
	#header #sitelogo {
		padding-left: 10px;
	}
	#nav_toplink,
	.nav_breadcrumb {
		padding: 0 10px;
	}
	.box_pct,
	.box_pct li {
		margin-left: 0;
	}
}
@media screen and (max-width: 568px) {
	#footer .nav_contentinfo {
		width: 100%;
		float: none;
	}
	#footer .nav_contentinfo li {
		display: block;
		margin-left: 0;
		padding-bottom: 0;
		width: 100%;
		text-align: center;
	}
	#footer .txt_copyright {
		float: none;
		text-align: center;
	}
}
@media screen and (max-width: 375px) {
	#page_title {
		margin-bottom: 10px;
	}
	#nav_toplink li, .nav_contentinfo li{
		padding: 10px 0 5px;
	}
	#header #sitelogo {
		margin-top: 15px;
	}
	#header #sitelogo img {
		width: 60%;
		height: auto;
	}
}