@charset "shift_jis";

/*
=========================================================
Editor		: AWK3
Version		: 1.0.19
Since		: 2014-03-02
Last Up Date	: 2015-01-16 20:11
=========================================================

[TOC]
-[001] reset setting
-[002] global setting
-[003] margin
-[004] padding
-[005] font-size  default 12px
-[006] noscript
-[007] background
-[008] yoake-header
-[009] yoake-footer
-[010] yoake-header-sub
-[011] yoake-contents
-[012] yoake-contents-title
-[013] yoake-tab
-[014] icon
-[015] compornent
-[016] SNSbtn
-[017] Products List
-[018] H/F
-[019] info-box
-[020] img border
-[021] form checkbox radio
-[022] FAQ
-[023] variation-panels

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



/* [001] reset setting
-------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ border:0; font:inherit; font-size:100%; margin:0; padding:0; /*vertical-align:baseline;*/ }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
body{ line-height:1; }
img{ line-height:0; vertical-align:top; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
table{ border-collapse:collapse; border-spacing:0; }



/* [002] global setting
-------------------------------------------------------*/
body{
	-webkit-text-size-adjust:100%;
	background:76;
	color:#4b4949;
	font:75%/1.231 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	line-height:1.5;
}
/*body.hf #yoake-contents { background:#FFFFFF url(../images/body_bg_white.png) repeat-x 0 0; }*/
body.hf { background:#FFFFFF url(../images/body_bg_white.png) repeat-x 0 0; }
a{ -webkit-tap-highlight-color:rgba(30,15,190,0.3); -webkit-touch-callout:none; }
.clearfix,.lixTmplNavSns{ zoom:1; }
.clearfix:after,.lixTmplNavSns:after{ clear:both; content:""; display:block; }
a:link,a:visited{ color:#ef7a00; text-decoration:underline; }
a:hover,a:active{ color:#f5af67; }
.strong,strong { font-weight:bold;}
a.imgover:hover img { opacity: 0.6; filter: alpha(opacity=60); }
.no-border { border: none !important; }

/* [003] margin
-------------------------------------------------------*/
.mb0{ margin-bottom:0!important; }
.mb5{ margin-bottom:5px!important; }
.mb10{ margin-bottom:10px!important; }
.mb15{ margin-bottom:15px!important; }
.mb20{ margin-bottom:20px!important; }
.mb25{ margin-bottom:25px!important; }
.mb30{ margin-bottom:30px!important; }
.mb35{ margin-bottom:35px!important; }
.mb40{ margin-bottom:40px!important; }
.mb45{ margin-bottom:45px!important; }
.mb50{ margin-bottom:50px!important; }
.mb55{ margin-bottom:55px!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; }
.content-center{ margin-right:auto; margin-left:auto; }

.mt0{ margin-top:0px!important; }
.mt4{ margin-top:4px!important; }
.mt5{ margin-top:5px!important; }
.mt10{ margin-top:10px!important; }
.mt15{ margin-top:15px!important; }
.mt20{ margin-top:20px!important; }
.mt25{ margin-top:25px!important; }
.mt30{ margin-top:30px!important; }
.mt25{ margin-top:35px!important; }
.mt40{ margin-top:40px!important; }
.mt45{ margin-top:45px!important; }
.mt50{ margin-top:50px!important; }
.mt55{ margin-top:55px!important; }
.mt60{ margin-top:60px!important; }
.mt65{ margin-top:65px!important; }
.mt70{ margin-top:70px!important; }
.mt75{ margin-top:75px!important; }
.mt80{ margin-top:80px!important; }
.mt85{ margin-top:85px!important; }
.mt90{ margin-top:90px!important; }
.mt95{ margin-top:95px!important; }
.mt100{ margin-top:100px!important; }

.mr0 { margin-right:0px!important; }
.mr24 { margin-right:24px!important; }

.ml10 { margin-left:10px!important; }
.ml30 { margin-left:30px!important; }
.ml50 { margin-left:50px!important; }
.ml80 { margin-left:80px!important; }
.ml100 { margin-left:100px!important; }



/* [004] padding
-------------------------------------------------------*/
.pb0{ padding-bottom:0!important; }
.pb5{ padding-bottom:5px!important; }
.pb10{ padding-bottom:10px!important; }
.pb15{ padding-bottom:15px!important; }
.pb20{ padding-bottom:20px!important; }
.pb25{ padding-bottom:25px!important; }
.pb30{ padding-bottom:30px!important; }
.pb35{ padding-bottom:35px!important; }
.pb40{ padding-bottom:40px!important; }
.pb45{ padding-bottom:45px!important; }
.pb50{ padding-bottom:50px!important; }
.pb60{ padding-bottom:60px!important; }
.pb70{ padding-bottom:70px!important; }
.pb80{ padding-bottom:80px!important; }
.pb90{ padding-bottom:90px!important; }
.pb100{ padding-bottom: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; }
.pt25{ padding-top:25px!important; }
.pt30{ padding-top:30px!important; }
.pt35{ padding-top:35px!important; }
.pt40{ padding-top:40px!important; }
.pt45{ padding-top:45px!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; }

.pd20 { padding:20px!important; }


.w10{ width:10px!important; }
.w20{ width:20px!important; }
.w30{ width:30px!important; }
.w40{ width:40px!important; }
.w50{ width:50px!important; }
.w60{ width:60px!important; }
.w70{ width:70px!important; }
.w80{ width:80px!important; }
.w90{ width:90px!important; }
.w100{ width:100px!important; }
.w120{ width:120px!important; }
.w140{ width:140px!important; }
.w160{ width:160px!important; }
.w200{ width:200px!important; }
.w264{ width:264px!important; }
.w300{ width:300px!important; }
.w408{ width:408px!important; }
.w400{ width:400px!important; }
.w470{ width:470px!important; }
.w500{ width:500px!important; }
.w696{ width:696px!important; }

.w192{ width:192px!important; }
.w237{ width:237px!important; }
.w256{ width:256px!important; }
.w316{ width:316px!important; }
.w474{ width:474px!important; }
.w552{ width:552px!important; }
.w624{ width:624px!important; }


/* [005] font-size  default 12px
-------------------------------------------------------*/
.fs8{ font-size:66.6%; }
.fs9{ font-size:75%; }
.fs10,sub,sup{ font-size:83.3%; }
.fs11{ font-size:91.6%; }
.fs12{ font-size:100%; }
.fs13{ font-size:108.3%; }
.fs14{ font-size:116.6%; }
.fs15{ font-size:125%; }
.fs16{ font-size:133.3%; }
.fs17{ font-size:141.6%; }
.fs18{ font-size:150%; }
.fs19{ font-size:158.3%; }
.fs20{ font-size:166.6%; }
.fs21{ font-size:175%; }
.fs22{ font-size:183.3%; }
.fs24{ font-size:200%; }



/* [006] noscript
-------------------------------------------------------*/
.noScriptMessage { width:100%; background:#efefef; text-align:center; padding:10px 0; }



/* [007] background
-------------------------------------------------------*/
.bg-white { background-color:#FFFFFF; }



/* [008] yoake-header
-------------------------------------------------------*/
#yoake-header{ /*background:#F9F7F1 url(../images/header_bg.png) repeat-x left bottom;*/
	background-color:#ffffff; /*height:140px;*/
	height:120px;
	position:relative;
	text-align:center;
	width:100%;
}

#yoake-header .yoake-header-inner{
	margin:0 auto;
	text-align:left;
	width:950px;
	heighth:80px;
	height: 120px;
}
#logo{
	float:left;
	margin:30px 0 0;
}

#yoake-utility-area{
	float:right;
	width:585px;
	padding-top: 20px;
}



/* globalnavi
 ------------------------------------------------------------------ */
 

#gnavi {
	height: 14px;
	width: 471px;
	float:right;
	margin-top: 0px;
	margin-bottom: 0px;
}
#gnavi ul li a {
	display: block;
}
#gnavi_wrap {
	height: 14px;
	padding-top: 5px;
	padding-bottom: 8px;
	
}
#gnavi ul .gnavi1 {
	float: left;
	height: 14px;
	width: 63px;
}
#gnavi ul .gnavi2 {
	float: left;
	height: 14px;
	width: 58px;
}
#gnavi ul .gnavi3 {
	float: left;
	height: 14px;
	width: 74px;
}
#gnavi ul .gnavi4 {
	float: left;
	height: 14px;
	width: 47px;
}
#gnavi ul .gnavi5 {
	float: left;
	height: 14px;
	width: 84px;
}


/* mainnavi
 ------------------------------------------------------------------ */
 

#mnavi {
	height: 50px;
	width: 585px;
	float:right;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mnavi ul li a {
	display: block;
}
#mnavi_wrap {
	height: 80px;
	padding-top: 25px;
	padding-bottom: 5px;
	
}
#mnavi ul .mnavi1 {
	float: left;
	height: 50px;
	width: 192px;
}
#mnavi ul .mnavi2 {
	float: left;
	height: 50px;
	width: 119px;
}
#mnavi ul .mnavi3 {
	float: left;
	height: 50px;
	width: 147px;
}
#mnavi ul .mnavi4 {
	float: left;
	height: 50px;
	width: 127px;

}




/* BtnOver
 ------------------------------------------------------------------ */
/*　BtnOver */
.imgOn:hover {
	opacity: 0.8;
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
}





/* on */
#yoake-search-area.on,
#yoake-search-area.on input { width:280px; }

/* table-cell */
.dis-table{ display:table; }
.dis-table .col-unit{ display:table-cell; }
.dis-table .btn-basic{ vertical-align:bottom;}





/*---- 商品ラインアップ ----*/
#yoake-lineup > p { width:113px; margin-right:36px; }
#yoake-lineup > p a { width:113px; background-position:0 0; }
#yoake-lineup > p a:hover { background-position:0 -27px; }
#lineup #yoake-lineup > p a { background-position:0 -54px; }




/*---- 夜明茶屋について ----*/
#yoake-corporate > p { width:97px; margin-right:36px; }
#yoake-corporate > p a { width:97px; background-position:-513px 0; }
#yoake-corporate > p a:hover { background-position:-513px -27px; }
#corporate #yoake-corporate > p a { background-position:-513px -54px; }





/*---- 商品ラインアップ ----*/
#yoake-global-nav #yoake-lineup-child .yoake-mdd-arw{ margin-left:-245px; }
#yoake-global-nav #yoake-lineup-child ul { width:auto; float:none; }
#yoake-global-nav #yoake-lineup-child h2 { margin-bottom:10px; }

#yoake-global-nav #yoake-lineup-child .col-space { margin-bottom:20px; }
#yoake-global-nav #yoake-lineup-child .col-space li{ width:240px; margin-bottom:2px; float:left; }
#yoake-global-nav #yoake-lineup-child .col-space li.last-child { width:228px; }

#yoake-global-nav #yoake-lineup-child .col-space li a[class^=icon-drop-] { display:block; padding:12px 0 12px 50px; height:12px; font-size:100%; }
#yoake-global-nav #yoake-lineup-child .icon-drop-kitchen{ background:url(../images/mdd/icon_hd_01.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-bathroom{ background:url(../images/mdd/icon_hd_02.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-toiletroom{ background:url(../images/mdd/icon_hd_03.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-powderroom{ background:url(../images/mdd/icon_hd_04.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-livingroom_bedroom{ background:url(../images/mdd/icon_hd_05.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-window{ background:url(../images/mdd/icon_hd_06.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-entrance{ background:url(../images/mdd/icon_hd_07.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-gate_fence{ background:url(../images/mdd/icon_hd_08.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-carspace{ background:url(../images/mdd/icon_hd_09.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-gardenspace{ background:url(../images/mdd/icon_hd_10.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-veranda_balcony{ background:url(../images/mdd/icon_hd_11.gif) no-repeat left center; }
#yoake-global-nav #yoake-lineup-child .icon-drop-exterior_roof{ background:url(../images/mdd/icon_hd_12.gif) no-repeat left center; }

#yoake-global-nav #yoake-lineup-child .col-category{ margin-bottom:20px; }
#yoake-global-nav #yoake-lineup-child .col-category li { width:240px; float:left; }
#yoake-global-nav #yoake-lineup-child .col-category li.last-child { width:228px; }


/*---- 食堂部 ----*/
#yoake-global-nav #yoake-reform-child .yoake-mdd-arw{ margin-left:-121px; }
#yoake-global-nav #yoake-reform-child .col-space { width:620px;background:url(../images/ftr_line.gif) repeat-y 100% 0;}
#yoake-global-nav #yoake-reform-child .col01{ width:320px; float:left; padding-bottom:0; }
#yoake-global-nav #yoake-reform-child .col02{ width:300px; float:left; padding-bottom:0; }
#yoake-global-nav #yoake-reform-child .col-bn{ float:right; width:310px; background:none; font-size:108.3%; }

#yoake-global-nav #yoake-reform-child ul{ width:346px; }
#yoake-global-nav #yoake-reform-child ul li{ margin-bottom:10px; }
#yoake-global-nav #yoake-reform-child .col-bn ul { width:300px; padding-top:10px; }

/* icon */
#yoake-global-nav #yoake-reform-child ul.icon-list li { margin-bottom:5px; padding:0; background-color:transparent !important; }
#yoake-global-nav #yoake-reform-child ul.icon-list li a[class^=icon-drop-] { display:block; padding:12px 0 12px 50px; height:12px; }
#yoake-global-nav #yoake-reform-child .icon-drop-kitchen{ background:url(../images/mdd/icon_hd_01.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-toilet{ background:url(../images/mdd/icon_hd_03.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-window{ background:url(../images/mdd/icon_hd_06.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-car{ background:url(../images/mdd/icon_hd_09.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-living{ background:url(../images/mdd/icon_hd_05.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-gate{ background:url(../images/mdd/icon_hd_08.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-bathroom{ background:url(../images/mdd/icon_hd_02.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-powderroom{ background:url(../images/mdd/icon_hd_04.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-entrance{ background:url(../images/mdd/icon_hd_07.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-gardenspace{ background:url(../images/mdd/icon_hd_10.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-solar{ background:url(../images/mdd/icon_hd_12.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-veranda{ background:url(../images/mdd/icon_hd_11.gif) no-repeat left center; }
#yoake-global-nav #yoake-reform-child .icon-drop-bill{ background:url(../images/mdd/icon_hd_20.gif) no-repeat left top; height:40px !important; }


/* box-purpose */
#yoake-global-nav #yoake-support-child .box-purpose { float:left; width: 220px; }

/* box-products*/
#yoake-global-nav #yoake-support-child .box-products { float: left; width: 440px; background: url(../images/ftr_line.gif) repeat-y 100% 0;S padding-right: 26px; margin-right: 24px;}
#yoake-global-nav #yoake-support-child .box-products ul { width: 220px; }

/* box-bnr*/
#yoake-global-nav #yoake-support-child .box-bnr { float: left; width: 220px; }


/*---- 夜明茶屋について ----*/
#yoake-global-nav #yoake-corporate-child .yoake-mdd-arw{ margin-left:261px; }
#yoake-global-nav #yoake-corporate-child .yoake-mdd-arw{ margin-left:261px; }
#yoake-global-nav #yoake-corporate-child .brk01{ width:240px; }
#yoake-global-nav #yoake-corporate-child .brk02{ width:225px; }
#yoake-global-nav #yoake-corporate-child .brk03{ background:url(../images/ftr_line.gif) repeat-y 100% 0; width:205px; }
#yoake-global-nav #yoake-corporate-child.yoake-mdd .yoake-mdd-col h2{ padding:0; }
#yoake-global-nav #yoake-corporate-child .brk04 { float:right; width:220px; padding-right:43px; }
#yoake-global-nav #yoake-corporate-child .brk04 ul { width:220px; background:url(../images/mdd/ftb_line.gif) repeat-x bottom left; margin-bottom:18px; padding-bottom:10px; }
#yoake-global-nav #yoake-corporate-child .brk04 ul.bdr-none { width:220px; background:none; margin-bottom:0; padding-bottom:0; }
/*#yoake-global-nav #yoake-corporate-child .col01{ background:url(../images/ftr_line.gif) repeat-y 100% 0; width:670px; }
#yoake-global-nav #yoake-corporate-child .col02{ width:456px; padding-left:16px; }*/
#yoake-global-nav #yoake-corporate-child .col-bn01{ width:222px; margin-right:12px; }
#yoake-global-nav #yoake-corporate-child .col-bn02{ width:222px; }

#yoake-global-nav .col-bn img,
#yoake-global-nav .col-bn01 img,
#yoake-global-nav .col-bn02 img { margin-bottom:8px; }

#yoake-global-nav #yoake-corporate-child .col-bn01 li,
#yoake-global-nav #yoake-corporate-child .col-bn02 li { margin-bottom:30px; font-size:100%; }
#yoake-global-nav #yoake-corporate-child .col-bn01 li:last-child,
#yoake-global-nav #yoake-corporate-child .col-bn02 li:last-child { margin-bottom:10px; }




/* [009] yoake-footer
-------------------------------------------------------*/
#yoake-footer{
	background:#efefef;
	padding-bottom:40px;
	color:#4b4949;
	position:relative;
	text-align:center;
	width:100%;
	background-color: #a90017;
}
#yoake-footer .yoake-footer-inner{ margin:0 auto; padding:60px 0 0; position:relative; text-align:left; width:948px; }
#yoake-footer-pagetop{ -moz-opacity:0.2; filter:alpha(opacity=20); height:60px; left:50%; margin-left:487px; opacity:0.2; /*position:absolute;*/ position:fixed; top:-72px; width:60px; display:none; }
#yoake-footer a:link,#yoake-footer a:visited{ color:#ffffff; text-decoration:none; }
#yoake-footer a:hover,#yoake-footer a:active{ color:#ffffff; text-decoration:underline; }

/*---- sitemap ----*/
#yoake-footer-sitemap { margin:0 0 30px; padding-bottom:45px; overflow:hidden; background:url(../images/line_footer.gif) repeat-x bottom left; }
#yoake-footer-sitemap .yoake-footer-col { float:left; padding:3px 0 0; }
#yoake-footer-sitemap h2 { font-size:116.6%; font-weight:bold; margin:0 0 30px; }
#yoake-footer-sitemap ul { float:left; margin-right:/*55*/25px; width:212px; }
#yoake-footer-sitemap ul.yoake-last-child { float:none; margin-right:0; background:url(../images/line_footer.gif) repeat-x top left; }
#yoake-footer-sitemap li{ /*font-size:100%;*/ font-size:91.6%; line-height:1.5; margin:0 0 15px; }
#yoake-footer-left{ background:url(../images/ftr_line.gif) repeat-y 100% 0; float:left; margin-bottom:-32767px; padding-bottom:32767px; width:566px; }
#yoake-footer-right{ float:right; margin-bottom:-32767px; padding-bottom:32767px; width:324px; }

/*#yoake-footer-sitemap ul#yoake-footer-lineup { width:138px; }
#yoake-footer-sitemap ul#yoake-footer-reform { width:200px; }
#yoake-footer-sitemap ul#yoake-footer-showroom { width:150px; }*/
#yoake-footer-sitemap ul#yoake-footer-support { float:none;margin-bottom:30px; }
#yoake-footer-sitemap ul#yoake-footer-corporate { padding-top:30px; }



/*---- copyright ----*/
#yoake-footer-copyright p.copyright{ float:left; }
#yoake-footer-copyright p.footer-logo{ float:right; }



/* [010] yoake-header-sub
-------------------------------------------------------*/
.yoake-topicpath{ /*display:inline-block;*/ clear:both; color:#999; font-size:91.6%; margin:11px 0 14px; line-height:1.1; overflow:hidden; }
.yoake-topicpath li{ background:url(../images/bg_topicpath.png) no-repeat 0 .15em; /*float:left;*/ display:table-cell; margin:0 0 5px; padding:0 8px 0 11px; white-space:nowrap; }
.yoake-topicpath li.yoake-first-child{ background:none; padding-left:0; }

/* hf */
.hf #yoake-topicpath-area { margin-bottom:40px;}
#lineup.hf .yoake-topicpath { /*float:left;*/ width:870px;}

/* #yoake-catalog */
#catalog.hf #yoake-topicpath-area { margin-bottom:40px;}
#catalog.hf .yoake-topicpath { float:left; width:760px;}



/* [011] yoake-contents
-------------------------------------------------------*/
#yoake-contents{ text-align:center; width:100%; font-size:100%; line-height:22px; background:#f8f7f3; padding-top:20px; background:url(../images/haikei_500pix.png) repeat}
.yoake-index #yoake-contents{padding-top:0; }
#yoake-contents .yoake-contents-inner{ padding:0 0 0; margin:0 auto 84px; text-align:left; width:948px; }

#yoake-contents .yoake-main-image .section{ padding: 0 !important; }



/* hf */
.hf #yoake-contents p.logo { float:right; width:72px; margin-top:11px;}

/* #yoake-catalog */
#catalog.hf #yoake-contents .attention-area { float:right; width:182px; margin-top:0;}
#catalog.hf #yoake-contents .attention-area li { float:left; }
#catalog.hf #yoake-contents .attention-area li.btn-howto { margin-right:14px; }


/* ================ add style for sub index lists. /lineup/ */
#lineup.product-list .section .box-2col{
margin:-52px;
position:relative;
}
#lineup.product-list .section .box-2col .box-img{
float:none;
}
#lineup.product-list .section .box-2col .box-img a{
display:block;
position:absolute;
top:-52px;
bottom:-52px;
width:100%;
}
/* for IE6 IE7 \*/
*html #lineup.product-list .section .box-2col .box-img a{
top:0;
}
/* end */

#lineup.product-list .section .box-2col .box-img a img{
margin-left:52px;
margin-top:52px;
}
#lineup.product-list .section .box-2col .box-txt{
margin:52px 52px 52px 340px;
min-height:220px;
}
/* hover */
#lineup.product-list .section .box-2col .box-img a:hover{
box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}
/* ========================================================= */


/* [012] yoake-contents-title
-------------------------------------------------------*/
#yoake-contents-title{ /*display:table;*/ background: repeat-x 0 100%; margin:0 0 20px; padding:0; position:relative; }
#yoake-contents-title h1{ /*display:table-cell;*/ float:left; font-size:216.6%; line-height:37px; max-width:690px; /*padding:5px 0 0 0;*/ padding:0 0 14px 0; overflow:hidden; }
#yoake-contents-title h1.none-menu{ max-width:100%;}
#yoake-contents-title h1.none-blogo{ max-width:780px;min-height:39px;}
#lineup.index #yoake-contents-title h1{ padding:2px 0 13px 0; }
/* add 0130 */
#yoake-contents-title .yoake-contitle-icons li img{vertical-align:middle;}
#yoake-contents-title .yoake-conttl-notes{display:inline-block;margin-left:10px;padding-bottom:1px;font-size:10px;color:#999;font-weight:normal;line-height:1.1;vertical-align:middle;}
#yoake-contents-title p.icon-new,
#yoake-contents-title .yoake-contitle-icons{ margin:20px 0 2px 0; line-height:1.0; }
#yoake-contents-title .yoake-contitle-icons li{display:inline-block;margin-right:7px;}
*html #yoake-contents-title .yoake-contitle-icons li{display:inline;}
*:first-child+html #yoake-contents-title .yoake-contitle-icons li{display:inline;}
/* add 0121 */
#yoake-contents-title .yoake-contitle-icons li.icon-ecopoint img{width:177px;}
#yoake-contents-title .yoake-contitle-icons li.icon-ecopoint-pre img{width:179px;}

#yoake-title-cat{ /*display:table-cell;*/ float:right; width:70px; margin:0 0 10px 24px; vertical-align:middle; }
#yoake-contents-menu{ /*display:table-cell;*/ display:none; float:right; /*width:138px; width:auto;*/ margin:0 0 0 24px; vertical-align:middle; /*font-size:125%;*/ }

#yoake-contents .btn-menu a,


/* line2 */
.line2 #yoake-title-cat,
.line2 #yoake-contents-menu { margin:16px 0 11px 24px; }


/*---- コンテンツメニュー ----*/
#yoake-menu-child{opacity:1 !important; -moz-opacity:1 !important; filter:alpha(opacity=100) !important; background:#181818; color:#fff; top:-10px; left:0; padding:24px 40px; position:absolute; z-index:8000; width:868px; display: none; }
#yoake-menu-child a:link,#yoake-menu-child a:visited{ color:#fff; text-decoration:none; }
#yoake-menu-child a:hover,#yoake-menu-child a:active,#yoake-menu-child a.now{ color:#dfa136; text-decoration:none; }
#yoake-menu-child .yoake-topicpath li{ background:url(../images/bg_topicpath_w.gif) no-repeat 0 .15em; color:#fff; }
#yoake-menu-child .yoake-topicpath li.yoake-first-child{ background:none; }
#yoake-menu-child h1 { float:none; font-size:150%; padding:0 0 16px; line-height:1.15; width:auto; }

#yoake-menu-child .flatMenuClose { position: absolute; right:10px; top:10px; }


#yoake-menu-title { background:repeat-x 0 100%; }
#yoake-menu-content { padding:24px 0 0; }
#yoake-menu-content .yoake-menu-col { width:260px; float:left; padding-right:30px; }
#yoake-menu-content .yoake-menu-col-last { width:288px; padding-right:0; }
#yoake-menu-content .yoake-menu-wrap {  margin:0 0 24px; }
#yoake-menu-content h2 { margin:0 0 12px; font-size:116.6%; }
#yoake-menu-content h2 a { /*padding-left:34px;*/ }
#yoake-menu-content ol li { font-size:108.3%; }
#yoake-menu-content .yoake-menu-layout li { display:inline-block; float:left; margin:0 4px 10px 0; line-height:1.0; }
#yoake-menu-content .yoake-menu-layout li a { display:block; padding:5px 8px 3px; background-color:#858383; line-height:1.0; }
#yoake-menu-foot { background:url(../images/cmenu_line.gif) repeat-x 0 0; padding:24px 0 0; }
#yoake-menu-foot li { float:left; padding:0 16px 0 18px; background:url(../images/cmenu_footline.gif) repeat-y 0 50%; }
#yoake-menu-foot li.yoake-first-child { padding:0 16px 0 0; background:none; }
#yoake-menu-foot li a { padding-left:28px; }





/*---- floatメニュー ----*/
/*
#yoake-contents-title.yoake-float-menu { width:888px; /*background:url(../images/bg_floathead.png) repeat 0 0;* background-color:#181818; color:#fff; margin:0; padding:16px 20px 0 40px; position:fixed; z-index:10000; top:0; left:50%; margin-left:-474px; display: none; line-height:1.0; }
*/
#yoake-contents-title.yoake-float-menu { background:url("../images/bg_yoake-mdd-menu2.png") repeat; width:100%; /*background-color:#323131;*/ color:#fff; margin:0; padding:12px 0 9px 0; position:fixed; z-index:10000; top:0; display: none; line-height:1.0; }
#yoake-contents-title{ /*display:table;*/ background:url(../images/tit_line.gif) repeat-x 0 100%; margin:0 0 20px; padding:0; position:relative; }
#yoake-contents-title.yoake-float-menu #yoake-title-cat { display:none; }
#yoake-contents-title.yoake-float-menu a:link,#yoake-contents-title.yoake-float-menu a:visited{ color:#fff; text-decoration:none; }
#yoake-contents-title.yoake-float-menu a:hover,#yoake-contents-title.yoake-float-menu a:active,#yoake-contents-title.yoake-float-menu a.now{ color:#dfa136; text-decoration:none; }
#yoake-contents-title.yoake-float-menu .yoake-title-set { width:700px; float:left; padding:2px 0 0; }
#yoake-contents-title.yoake-float-menu .yoake-topicpath { margin:0 0 10px; }
#yoake-contents-title.yoake-float-menu .yoake-topicpath li { no-repeat 0 .15em; color:#fff; font-size:91.6% }
#yoake-contents-title.yoake-float-menu .yoake-topicpath li.yoake-first-child { background:none; }
#yoake-contents-title.yoake-float-menu h1 { font-size:150%; padding:0 0 0; line-height:1.15; width:700px; }
#yoake-contents .btn-menu a { background-color:#ee7a00; }

.yoake-float-menu .yoake-float-menu-outer{ margin: 0 auto; position: relative; width: 945px; }


#yoake-contents-title.yoake-float-menu { background-images:none !important; }

.yoake-float-menu { position: relative; }
.yoake-float-menu #yoake-contents-menu .btn-menu { margin-top:-2px; position: absolute; top: 0px; right: 10px; }
/* add 0121 */
.yoake-float-menu .icon-new,
.yoake-float-menu .yoake-contitle-icons{ display:none; }
/* .yoake-mdd-menu */
.yoake-mdd-menu h1 { padding:0 0 16px !important; }
.yoake-mdd-menu ul li { margin: 0 0 5px !important; line-height:1.5 !important; }
.yoake-mdd-menu .flatMenuClose { }



/*---- .kitchen.index ----*/
#yoake-contents .btn-menu a { background-color:#ee7a00; }
#yoake-contents-title.yoake-float-menu .btn-menu a { background-color:#ee7a00; }




/* [015] compornent
-------------------------------------------------------*/
/*---- .btn-panel- ----*/
div[class^=btn-panel-] .box { float:left; background-color:#fff;}
div[class^=btn-panel-] .box a { color:#4b4949; text-decoration:none; }
#yoake-contents div[class^=btn-panel-] .box h3 a { color:#4b4949; }

/*---- .btn-panel-img-2col-a ----*/
.btn-panel-img-2col-a .txt-area { width:412px; padding:20px 30px; background-color:#fff; /*border-right:1px solid #E6E6E6;*/ border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6;}
.btn-panel-img-2col-a .box:last-child .txt-area { /*border-left:none;*/border-right: 1px solid #E6E6E6; line-height:1.0;}
.btn-panel-img-2col-a .txt-area h3 { font-size:150%; }

/*---- .btn-panel-img-2col-b ----*/
.btn-panel-img-2col-b .txt-area { width:412px; padding:30px; background-color:#fff; /*border-right:1px solid #E6E6E6;*/ border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6;}
.btn-panel-img-2col-b .box:last-child .txt-area { /*border-left:none;*/border-right: 1px solid #E6E6E6;}
.btn-panel-img-2col-b .txt-area h3 { font-size:150%; margin-bottom:11px; line-height:1.0; }
.btn-panel-img-2col-b .txt-area p { font-size:108.3%; }

/*---- .btn-panel-img-3col-a ----*/
.btn-panel-img-3col-a .txt-area { width:254px; padding:20px 30px; background-color:#fff; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6;}
.btn-panel-img-3col-a .box:last-child .txt-area { border-right:1px solid #E6E6E6; }
.btn-panel-img-3col-a .txt-area h3 { font-size:133.3%; line-height:1.0; }
.btn-panel-img-3col-a .txt-area p { font-size:108.3%; }

/*---- .btn-panel-img-3col-b ----*/
.btn-panel-img-3col-b .txt-area { width:254px; padding:30px; background-color:#fff; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6;}
.btn-panel-img-3col-b .box:last-child .txt-area { border-right:1px solid #E6E6E6;}
.btn-panel-img-3col-b .txt-area h3 { font-size:133.3%; margin-bottom:11px; }
.btn-panel-img-3col-b .txt-area p { font-size:108.3%; }

/*---- .btn-panel-4col-a ----*/
.btn-panel-4col-a { border:1px solid #e6e6e6; }
.btn-panel-4col-a .box { text-align:center; width:236px; border-left:1px solid #e6e6e6; }
.btn-panel-4col-a .box:first-child { width:235px; border-left:none; }
.btn-panel-4col-a .icon { margin:31px 0 11px 0; line-height:1.0; }
.btn-panel-4col-a h3 { margin-bottom:13px; font-size:141.6%; font-weight:bold; /*color:#4b4949;*/ }
.btn-panel-4col-a p { margin-bottom:41px; font-size:100%; /*color:#666464;*/ }

.btn-panel-set.textTypeA { border:1px solid #e6e6e6; margin-bottom: -1px; margin-left: -1px; border-right:none\9; /* IE8 and below */

 }
.btn-panel-set.textTypeA .box { text-align:center; width:236px; border-right:1px solid #e6e6e6; }
.btn-panel-set.textTypeA.panel-3col .box { width:315px !important; }
.btn-panel-set.textTypeA.panel-2col .box { width:473px !important; }
.btn-panel-set.textTypeA .box:last-child { width:235px; /*border-right: none;*/ }
.btn-panel-set.textTypeA.panel-3col .box:nth-child(3) { width: 314px !important; border-right: none; }
.btn-panel-set.textTypeA.panel-2col .box:nth-child(2) { width: 472px !important; border-right: none; }
.btn-panel-set.textTypeA .icon { margin:31px 0 11px 0; line-height:1.0; }
.btn-panel-set.textTypeA h3 { margin-bottom:11px; font-size:141.6%; font-weight:bold; /*color:#4b4949;*/ }
.btn-panel-set.textTypeA p { margin-bottom:41px; font-size:100%; /*color:#666464;*/ line-height:19px; }

/*---- h2 ----*/
.h2 {
	margin:15px 0 24px 0;
	padding-left:26px;
	background:url(../images/h2_icon.png) no-repeat 0 2px;
	font-size:166.6%;
	line-height:29px;
}

.h2_u {
	margin:25px 0 24px 0;
	padding-left:26px;
	background:url(../images/h2_icon.png) no-repeat 0 2px;
	font-size:166.6%;
	line-height:29px;
}

.h2_q {
	margin:25px 0 24px 0;
	padding-left:35px;
	background:url(../images/icon_q.png) no-repeat 0 2px;
	font-size:166.6%;
	line-height:29px;
}

.h2_a {
	margin:25px 0 24px 0;
	padding-left:35px;
	background:url(../images/icon_a.png) no-repeat 0 2px;
	font-size:120%;
	line-height:29px;
}


/*---- h3 ----*/
.h3 { margin-bottom:24px; padding-bottom:3px; border-bottom:1px solid #c2c1c1; font-size:166.6%; line-height:1.4;}


/* hgroup */
#yoake-contents .hgroup { margin-bottom:20px; padding-bottom:3px; border-bottom:1px solid #c2c1c1; }
#yoake-contents .hgroup .h3 { float:left; margin-bottom:0; padding-bottom:0; border-bottom:none; }
#yoake-contents .hgroup ul { float:right; margin-bottom:0; }
#yoake-contents .hgroup ul li { float:right; margin-bottom:0; padding-left:8px; line-height:1.0; }
#yoake-contents .hgroup ul li.btn-rss { padding-right:9px; background:url(../images/dot_line_div.gif) no-repeat right center; }
#yoake-contents .hgroup ul li .icon-link { padding:3px 0 0 16px; background:url(../images/icon_link.gif) no-repeat left center; font-size:116.6%; color:#4b4949; text-decoration:none; }







/*---- h4 ----*/
.h4 { margin:0 0 20px 0; /*padding-bottom:10px;*/ font-size:133.3%; font-weight:bold; line-height:1.4;}
.h3 + .h4 { margin:40px 0 20px 0;}

.inner-box .h4 { padding-bottom:0; }
.h4-14 { margin:18px 0 14px 0; font-size:116.6%; font-weight:bold;line-height:1.0; }

/*---- h5 ----*/
.h5 { margin:0 0 20px 0; font-size:116.6%; font-weight:bold; line-height:1.5;}
.h4 + .h5 { margin:30px 0 20px 0; }




/*---- section ----*/
.section { margin-bottom:60px; padding:52px; background-color:#FFFFFF; border:1px solid #e6e6e6;}
.section.bg-gray { background-color:#f1f1f1; }
.section .inner-box { padding:24px; background-color:#f1f1f1; border:1px solid #e0e0e0; }





/*---- link-list ----*/
.link-list li { /*float:left;*/ display:inline-block; width:182px; margin-right:18px; margin-bottom:8px; vertical-align:top; _display:inline; _zoom:1; }
.link-list li a { font-size:116.6%; color:#ef7a00; }
.link-list li a:hover { color:#ef7a00; }
.link-list li.stay { font-size:116.6%; text-decoration:none; font-weight:bold; /*line-height:1.66;*/ }

/*---- news-list ----*/
.news-list { width:842px; }
.news-list dt { clear:both; float:left; width:123px; margin-bottom:10px; font-size:108.3%; }
.news-list dd { float:right; width:717px; margin-bottom:10px; font-size:108.3%; /*border:1px solid #ff0000;*/ }
.news-list .last-child { margin-bottom:0; }
.news-list dd .icon-list li { float:left; margin:10px 8px 0 0; padding:5px 10px; background-color:#858383; font-size:91.6%; line-height:1.0; color:#FFFFFF; }
.news-list dd .icon-list li.icon-brand { background-color:#535151; }
/*.news-list a { color:#ef7a00;}
.news-list a:hover { color:#ef7a00; text-decoration:underline;}
*/

/*---- img-set ----*/
.img-set { margin-bottom:20px; }
/*.img-set div[class^=box-] { float:left; margin-right:24px; }
.img-set div[class^=box-]:last-child { margin-right:0; }*/
.img-set .box-img { float:left; margin-right:24px; }
.img-set .box-img:last-child { margin-right:0; }
.img-set .box-408 { float:left; width:408px; margin-right:24px; }
.img-set .box-264 { float:left; width:264px; margin-right:24px; }
.img-set .box-192 { float:left; width:192px; margin-right:24px; }
.img-set .box-120 { float:left; width:120px; margin-right:24px; }

.img-set .box-408:last-child,
.img-set .box-264:last-child,
.img-set .box-192:last-child,
.img-set .box-120:last-child { margin-right:0; }


/*---- description ----*/
.txt-10 { font-size:80%; line-height:16px;}
.txt-11 { font-size:90%; line-height:18px;}
.txt-12 { font-size:100%; line-height:20px;}
.txt-12red { font-size:100%; line-height:20px; color:#a90017}
.txt-13 { font-size:108.3%; line-height:22px;}
.txt-13red { font-size:108.3%; line-height:22px; color:#a90017}
.txt-14 { font-size:116.6%; line-height:24px;}
.txt-14red { font-size:116.6%; line-height:24px; color:#a90017}
.txt-16 { font-size:133.3%; line-height:28px;}
.txt-16red { font-size:133.3%; line-height:28px; color:#a90017}
.txt-18 { font-size:150%; line-height:30px;}
.txt-18red { font-size:150%; line-height:30px; color:#a90017}
.txt-20 { font-size:166.6%; line-height:32px;}
.txt-18red { font-size:166.6%; line-height:32px; color:#a90017}


.txt-13-21 { font-size:108.3%; line-height:21px;}
.txt-13-20 { font-size:108.3%; line-height:20px;}


/*---- description ----*/
/*p[class^=description-] { color:#4b4949;}*/
.description-12 { font-size:100%; line-height:19px;}
.description-13 { font-size:108.3%; line-height:20px;}
.description-14 { font-size:116.6%; line-height:22px;}

.description-13-20 { font-size:108.3%; line-height:20px;}
.description-13-21 { font-size:108.3%; line-height:21px;}


/*---- table-set ----*/
.table-set  {}
.table-set table { width:100%; /*margin-bottom:20px;*/ }
.table-set table + .description-12 { margin-top:18px; }


.table-set table thead th,
.table-set table thead td { padding:26px 0 25px 0; background-color:#E0E0E0; }
.table-set table tfoot th,
.table-set table tfoot td { padding:26px 0 25px 0; border-top:2px solid #B2B2B2; }

.table-set table tr { }
.table-set table th { padding:15px 20px 14px; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; font-weight:bold; text-align:center; background-color:#EFEFEF; font-weight:normal; }
.table-set table td { padding:20px; text-align:center; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; font-weight:normal; }
.table-set table th.top,
.table-set table td.top { border-top:1px solid #B2B2B2; }
.table-set table th:first-child,
.table-set table td:first-child { border-left:1px solid #B2B2B2; }

/* table-02 */
.table-set table.table-02 th,
.table-set table.table-02 td { text-align:left; }
.table-set table.table-02 th { background-color:#e0e0e0; }
.table-set table.table-02 th.bg02,
.table-set table.table-02 td.bg02 { background-color:#efefef; }

/* table-03 */
.table-set table.table-03 td { padding: 3px; }
.table-set table.table-03 th { padding: 3px; }



/*---- bg ----*/
.bg01 { background-color:#e0e0e0 !important;}
.bg02 { background-color:#efefef !important;}


/*---- align ----*/
.align-left { text-align:left !important;}
.align-center { text-align:center !important;}
.align-right { text-align:right !important;}

/*---- vealign ----*/
.vealign-top { vertical-align:top !important;}
.vealign-middle { vertical-align:middle !important;}
.vealign-bottom { vertical-align:bottom !important;}

/*---- float ----*/
.float-left { float:left !important;}
.float-right { float:right !important;}
.clear { clear:both !important;}



/*---- list ----*/
ul[class^=list-] li { padding-left: 25px; background:url(../images/icon_disc.gif) no-repeat 5px 5px;  }
.list-12 { font-size:100%; line-height:24px;}
.list-13 { font-size:108.3%; line-height:26px;}
.list-14 { font-size:116.6%; line-height:30px;}

ul.list-13-20 { font-size:108.3%; line-height:20px;}
ul.list-13-20 li { margin-top:8px; background-position: 5px 2px; }
ul.list-13-20 li:first-child { margin-top:0; }

/*---- list ----*/
div.border { display:block; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e6e6e6; }
hr.border { display:block; margin:30px 0; /*border-bottom:1px solid #e6e6e6;*/ height: 1px; background-color: #e6e6e6; border: none; }



/*---- badge-list ----*/
.badge-list li { float:left; margin:10px 8px 0 0; padding:5px 10px; background-color:#666464; font-size:91.6%; line-height:1.0; color:#FFFFFF; }
.badge-inline { display:inline-block; padding:5px 10px; background-color:#666464; font-size:91.6%; line-height:1.0; color:#FFFFFF; }
.badge-list li.badge-brand,.badge-brand { background-color:#535151; }
.badge-list li.badge-orange,.badge-orange { background-color:#ff7b00; }
.badge-list li.badge-red,.badge-red { background-color:#a90017; color:#FFFFFF; }
.badge-list li.badge-pink,.badge-pink { background-color:#dd7379; }
.badge-list li.badge-blue-01,.badge-blue-01 { background-color:#0079ab; }
.badge-list li.badge-blue-02,.badge-blue-02 { background-color:#5489b8; }
.badge-list li.badge-blue-03,.badge-blue-03 { background-color:#306bae; }
.badge-list li.badge-blue-04,.badge-blue-04 { background-color:#002974; }
.badge-list li.badge-yellow,.badge-yellow { background-color:#f1ab2d; }
.badge-list li.badge-gray,.badge-gray { background-color:#61605e; }

.h2 .badge-inline,
.h3 .badge-inline,
.h4 .badge-inline,
.h5 .badge-inline { font-size:11px; vertical-align:middle;}

/*---- page-transition ----*/
.page-transition { margin-top:40px; text-align:center; }
.page-transition li { display:inline-block; _display:inline; _zoom:1; }

.page-transition .num { margin-left:10px; margin-right:10px; font-size:150%; }
.page-transition .num a { color:#ef7b00; text-decoration:underline; }
.page-transition .btn-prev { margin-right:14px; }
.page-transition .btn-next { margin-left:14px; }
.page-transition .btn-prev a,
.page-transition .btn-next a { display:block; width:92px; padding:12px 0 10px 0; background-color:#ef7b00; color:#fff; font-size:116.6%; text-decoration:none; line-height:1.0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#ffffff; line-height:1.0; behavior:; position:relative \9; }

/* type02 */
.page-transition.type02 { margin-bottom:40px; }
.page-transition.type02 li { vertical-align:top; }

.page-transition.type02 .btn-prev { width:105px; margin-right:2px; }
.page-transition.type02 .btn-next { width:105px; margin-left:2px; }
.page-transition.type02 .btn-back a { display:block; height:16px; padding:14px 36px; height:14px \9; padding:16px 24px 14px 24px \9; background-color:#ef7b00; color:#fff; font-size:133.3%; text-decoration:none; line-height:1.0 !important; vertical-align:middle; }
.page-transition.type02 .btn-back a .icon { margin-right:12px; }
.page-transition.type02 .btn-back a .icon img { margin-top:-3px; position:relative \9; top:-3px \9; }
.page-transition.type02 .btn-prev a { width:auto !important; height:30px; padding:14px 0 0 0; height:28px \9; padding:16px 0 0 0 \9; font-size:133.3%; line-height:1.0 !important;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
behavior: position:relative \9;
}
.page-transition.type02 .btn-next a { width:auto !important; height:30px; padding:14px 0 0 0; height:28px \9; padding:16px 0 0 0 \9; font-size:133.3%; line-height:1.0 !important;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
behavior: position:relative \9;
}





/*---- btn-basic ----*/
.btn-basic,
.btn-basic-gray { padding-top:20px; }
.btn-basic li,
.btn-basic-gray li { display:inline-block; _display:inline; _zoom:1;}


.btn-basic li input.btn,
.btn-basic-gray li input.btn { box-shadow:none; border:none; cursor:pointer; behavior: url(/common/css/PIE.htc); }

.btn-basic li a.icon-blank  { background-image:none; }
.btn-basic li a.icon-blank span  { padding-right:18px; background:url(../images/icon_blank.gif) no-repeat right center; }

/* large */
.btn-basic li.btn-large a,
.btn-basic li.btn-large input.btn { padding:14px 36px 12px 36px; font-size:133.3%; line-height:1.0; }

/* small */
.btn-basic li.btn-small a,
.btn-basic li.btn-small input.btn { padding:11px 24px 9px 24px; font-size:116.6%; line-height:1.0; }

/* .type-icon */
.btn-basic.type-icon { margin:40px 0; text-align:center;}
.btn-basic.type-icon li { display:inline-block; vertical-align:top; _display:inline; _zoom:1; }
.btn-basic.type-icon a { display:block; height:16px; padding:14px 36px; height:14px \9; padding:16px 24px 14px 24px \9; background-color:#ef7b00; color:#fff; font-size:133.3%; text-decoration:none; line-height:1.0 !important; vertical-align:middle; }
.btn-basic.type-icon a .icon { margin-right:12px; }
.btn-basic.type-icon a .icon img { margin-top:-3px; position:relative \9; top:-3px \9; }




.btn-basic li.btn-small a:hover,
.btn-basic li.btn-large a:hover,
.btn-basic.type-icon a:hover,
.page-transition .btn-prev a:hover,
.page-transition .btn-next a:hover,
.page-transition .btn-back a:hover { background-color:#f29533;}



/* large */
.btn-basic-gray li.btn-large a,
.btn-basic-gray li.btn-large input.btn { padding: 14px 36px 12px 36px; font-size:133.3%; line-height:1.0; }

/* small */
.btn-basic-gray li.btn-small a,
.btn-basic-gray li.btn-small input.btn { padding: 11px 24px 9px 24px; font-size:116.6%; line-height:1.0; }

.btn-basic-gray li.btn-small a:hover,
.btn-basic-gray li.btn-large a:hover { background-color:#d1d0d0;}




/*---- btn-send ----*/
.btn-send-box { text-align:center; padding:20px 0; background-color: #FFFFFF; border: 1px solid #e6e6e6; }
.btn-send-box li { display:inline-block; vertical-align: middle; }
.btn-send-box li a,
.btn-send-box li input.btn { display:block; text-align:center; background-color:#ef7b00; font-size:91.6%; line-height:1.0; color:#FFFFFF; line-height:1.0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#ffffff; line-height:1.0; behavior: url(/common/css/PIE.htc); position:relative \9; }

.btn-send-box li input.btn { box-shadow:none; border:none; cursor:pointer; }

/* large */
.btn-send-box li.btn-large a,
.btn-send-box li.btn-large input.btn { padding:14px 36px 12px 36px; font-size:133.3%; line-height:1.0; text-align:center; }

/* small */
.btn-send-box li.btn-small a,
.btn-send-box li.btn-small input.btn { padding:11px 24px; font-size:116.6%; line-height:1.0; }

.btn-send-box li a.btn-back { background-color:#a3a2a2; text-decoration:none; margin-right:24px; }
.btn-send-box li a.btn-back:hover { background-color:#d1d0d0; }

/*---- btn-send ----*/
.btn-box { text-align:center; padding:20px 0; }
.btn-box li { margin-right:24px; }
.btn-box li:last-child { margin-right:0; }



/*---- box-2col ----*/
.box-2col div[class^=box-img] { float:left; margin-right:24px; }
/*.box-2col div.box-img-right,*/
.box-2col div.box-img.right { float:right; margin-right:0; margin-left:24px; }
.box-2col div[class^=box-img] img { border:1px solid #e6e6e6; }
.box-2col .box-txt { overflow:hidden; }

.box-2col .box-txt h3+p.mb20 { margin-bottom:13px !important; }


/*
.box-2col {  }
.box-2col .box-img { float:left; width:408px; }
.box-2col .box-img img { border:1px solid #e6e6e6; }
.box-2col .box-txt { float:right; width:408px; }
*/


/*---- box-2col ----*/
.section.bg-gray .box-2col h3.h3 { font-size:166.6%; margin-bottom: 20px; padding-bottom:5px; border-bottom:none; background:url(../images/bg_h3.gif) repeat-x left bottom; }
.section.bg-gray .box-2col .btn-basic,
.section.bg-gray .box-2col .btn-basic-gray { padding-top: 13px; }

/*.section.bg-gray .box-2col .box-img { float:right; width:264px; }s
.section.bg-gray .box-2col .box-img img { }
.section.bg-gray .box-2col .box-txt { float:left; width:552px; }*/


/*---- box-2col ----*/
.box-2col .h4 { margin:20px 0 16px 0; padding-bottom:0; line-height:22px; }
.box-2col .box { float:left; width:408px; margin-right:24px; }
.box-2col .box:last-child { margin-right:0; }
.box-2col .box img { /*margin-bottom:10px;*/ }

/*---- box-3col ----*/
.box-3col .h4 { margin:20px 0 16px 0; padding-bottom:0; line-height:22px; }
.box-3col .box { float:left; width:264px; margin-right:24px; }
.box-3col .box:last-child { margin-right:0; }
.box-3col .box img { /*margin-bottom:10px;*/ }


/*---- box-4col ----*/
.box-4col .h4 { margin:20px 0 16px 0; padding-bottom:0; line-height:22px; }
.box-4col .box { float:left; width:192px; margin-right:24px; }
.box-4col .box:last-child { margin-right:0; }
.box-4col .box img { /*margin-bottom:10px;*/ }

/*---- box-6col ----*/
.box-6col .h4 { margin:20px 0 16px 0; padding-bottom:0; line-height:22px; }
.box-6col .box { float:left; width:120px; margin-right:24px; }
.box-6col .box:last-child { margin-right:0; }
.box-6col .box img { /*margin-bottom:10px;*/ }

/*---- box-col-basic ----*/
.box-col-basic { margin-bottom: 40px; }

/* column unit */
.box-col-basic > .col-unit { float: left; margin-right: 24px; }
.box-2col > .col-unit:nth-of-type(2n),
.box-3col > .col-unit:nth-of-type(3n),
.box-4col > .col-unit:nth-of-type(4n),
.box-5col > .col-unit:nth-of-type(5n),
.box-6col > .col-unit:nth-of-type(6n) { margin-right: 0; }

/* unit width pattern */
.w-2col { width: 408px; }
.w-3col { width: 264px; }
.w-4col { width: 192px; }
.w-6col { width: 120px; }

/* img */
.col-unit img + p.mt10 { margin-top:8px !important; }
img.yoake-iborder{ border:1px solid #e6e6e6;padding:-1px;}

/* h4-14 */
.col-unit img + .h4-14 { margin-bottom:10px; }


/* other */
.box-col-basic .h4 { margin: 20px 0 9px; padding-bottom: 0;}

.col-unit img + ul  { padding-top: 0; }


/*---- btn-panel-set ----*/
.btn-panel-set { position:relative; margin-left: -1px\9; }
.btn-panel-set .box { float:left; }
.btn-panel-set .txt-area { padding:26px 30px 24px 30px; background-color:#fff; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6;}
.btn-panel-set .box:last-child .txt-area { border-right:1px solid #E6E6E6;}
.btn-panel-set .txt-area h3 { font-size:133.3%; margin-bottom:11px; }

/* typeA */
.btn-panel-set.typeA .txt-area { padding:16px 30px 15px 30px; }
.btn-panel-set.typeA .txt-area h3 { margin-bottom:0; }

/* typeB */
.btn-panel-set.typeB p { font-size:108.3%; line-height:20px; }

/* w237 */
.btn-panel-set .box.w237 .txt-area { padding:16px 30px 15px 30px; }



/*---- btn-panel-set B ----*/
/* add 0131 */
.btn-panel-set.type-txt .box { border:1px solid #e6e6e6; background:#ffffff; margin-bottom: -1px; }
.btn-panel-set.type-txt .box a{padding:20px 20px 36px 20px; display:block !important;}
.btn-panel-set.type-txt .box:not(:first-child) { margin-left: -1px; }
.btn-panel-set.type-txt .box a { display: block; }
.btn-panel-set.type-txt .w316 { width:314px !important;}
.btn-panel-set.type-txt .w316:first-child { width:315px !important; width:314px\9 !important;}
.btn-panel-set.type-txt .w474 { width:472px !important;}
.btn-panel-set.type-txt .img-box { float:left; margin-right:20px;}
.btn-panel-set.type-txt .txt-box { overflow:hidden; }
.btn-panel-set.type-txt .txt-box h3 { margin: 16px 0 0; font-size:133.3%; font-weight: bold; }
.btn-panel-set.type-txt .txt-box ul,
.btn-panel-set.type-txt .txt-box p { margin-top: 9px; font-size:100%; color: #666464; line-height:19px; }

.contents-footer-panel { margin: 0 auto; width:948px;}








/*---- nav-slide ----*/
.nav-slide {}
.nav-slide li.prev { position:absolute; top:50%; left:-18px; margin-top:-36px; }
.nav-slide li.next { position:absolute; top:50%; right:-18px; margin-top:-36px; }



/*---- box ----*/
div[class^=btn-panel-] .box { cursor: pointer; z-index:1;}
div[class^=btn-panel-] .box:hover {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) !important;



 /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=120, strength=3, enabled=true) \9;*/ z-index:999999 !important; position:relative\9; behavior: url(/common/css/PIE.htc); background:#fff\9; }




/*　スプリクトに関係するスタイル
----------------------------------------------------------- */
.boxcaption h3	{
	font-size: 116.6%;
	color:#FFF;
}
.boxgrid	{
	width: 450px;
	background: #161613;
	height: 300px;
	margin-bottom: 20px;
	border: solid 5px #555;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
}
.boxgrid p{
	width:268px;
	color: #afafaf;
	font-weight:bold;
}

.boxcaption{
	float: left;
	padding:20px;
	position: absolute;
	background: #000;
	height: 133px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	/*top: 285px;*/
	top: 418px;
	left: 0;
}
.caption .boxcaption {
	top: 285px;
	left: 0;
}

#yoake-datastyle .cover.boxcaption a { width: 308px; height: 220px; display: block;}


/*---- slideshow-box ----*/
.slideshow-box {}
.slideshow-box .mainimg { height:418px; }
.slideshow-box .inner-box { padding:0; background:none; border:0; }
.slideshow-box .inner-box .thumb-list { /*margin-top:20px;*/ }
.slideshow-box .inner-box .thumb-list li { float:left; width:120px; margin-right:24px; margin-bottom:20px; overflow:hidden;}
.slideshow-box .inner-box .thumb-list.w192 li { width:192px;}
.slideshow-box .inner-box .thumb-list li:last-child,
.slideshow-box .inner-box .thumb-list li.last-child { margin-right:0px !important;}
.slideshow-box .inner-box .thumb-list li a { overflow: hidden; float:left; border:1px solid #e6e6e6; }
.slideshow-box .inner-box .thumb-list li a:hover,
.slideshow-box .inner-box .thumb-list li.active a { border:4px solid #ef7a00; }
.slideshow-box .inner-box .thumb-list li a:hover img,
.slideshow-box .inner-box .thumb-list li.active a img { margin:-3px; }

.slideshow-box .bx-wrapper { margin: 0 auto 20px !important; }

/*---- thumb-link-box ----*/
/* h2-group */
.h2-group { margin: 57px 0 24px 0; border:none; }
.h2-group .h2 { float:left; margin: 0; }
.h2-group ul { float:right; margin-top:5px; }
.h2-group ul li a.icon-link { padding:3px 0 0 16px; font-size:116.6%; color:#4b4949; text-decoration:none; background: no-repeat left center; }
.h2-group ul li a.icon-link:hover { color:#f5af67; }

/* thumb-link-box */
.thumb-link-box {}
.thumb-link-box .mainimg { height:418px;}
.thumb-link-box .inner-box { padding:0; background:none; border:0; }
.thumb-link-box .inner-box .thumb-list { /*margin-top:20px;*/ margin-bottom:40px; }
.thumb-link-box .inner-box .thumb-list li { float:left; width:120px; margin-right:24px; margin-bottom:24px;}
.thumb-link-box .inner-box .thumb-list li.last-child,
.thumb-link-box .inner-box .thumb-list li:last-child { margin-right:0px;}
.thumb-link-box .inner-box .thumb-list li a { overflow: hidden; float:left; /*border:1px solid #e6e6e6;*/ }
.thumb-link-box .inner-box .thumb-list.btm,
.thumb-link-box .inner-box .thumb-list li.btm { margin-bottom: 0; }

.thumb-link-box .inner-box .thumb-list.col4 { width:842px !important; }
.thumb-link-box .inner-box .thumb-list.col4 li { width:192px; }

.thumb-link-box .inner-box .thumb-list li.stay a { border:4px solid #ef7a00; background-color:#000; }
.thumb-link-box .inner-box .thumb-list li.stay a img { margin:-4px; opacity: 0.6; filter: alpha(opacity=60); background-color:#000; }

.thumb-link-box .inner-box .thumb-list li a:hover img { opacity: 0.6; filter: alpha(opacity=60); }


#yoake-contents .thumb-link-box .h4 { clear:both; }
/* add 141207 */
.thumb-link-box .inner-box .thumb-list li a.thumb-list-ctgtxt,
.thumb-link-box .inner-box .thumb-list li.stay a.thumb-list-ctgtxt{
display:block;
border:none;
padding:5px 16px;
background:#ffffff  no-repeat 0 10px;
}


/*---- slideshow-box-2col ----*/
.slideshow-box-2col {}
.slideshow-box-2col .inner-box { padding:0; background:none; border:0; }

.slideshow-box-2col .inner-box .box-img { float:left; display:table-cell; width:550px; height:538px; border:1px solid #e6e6e6; background-color:#2d2c2c; text-align:center; vertical-align:middle;}
.slideshow-box-2col .inner-box .box-img li { display:table-cell; width:550px; height:538px; border:1px solid #e6e6e6; background-color:#2d2c2c; text-align:center; vertical-align:middle;}

.slideshow-box-2col .inner-box .box-thumb { float:right; width:264px; }
.slideshow-box-2col .inner-box .thumb-list { overflow:hidden; margin-right:-24px; }
.slideshow-box-2col .inner-box .thumb-list li { float:left; width:120px; margin-right:24px; margin-bottom:20px;}
.slideshow-box-2col .inner-box .thumb-list li:nth-child(even) { margin-right:0px;}
.slideshow-box-2col .inner-box .thumb-list li.btm,
.slideshow-box-2col .inner-box .thumb-list li:last-child { margin-bottom:0;}

.slideshow-box-2col .inner-box .thumb-list li a { overflow: hidden; float:left; border:1px solid #e6e6e6; }
.slideshow-box-2col .inner-box .thumb-list li a:hover,
.slideshow-box-2col .inner-box .thumb-list li.active a { border:4px solid #ef7a00; }
.slideshow-box-2col .inner-box .thumb-list li a:hover img,
.slideshow-box-2col .inner-box .thumb-list li.active a img { margin:-3px; }

/*---- style-set ----*/
.style-set { margin-bottom:14px; }
.style-set .box { float:left; margin-right:12px; }
.style-set .box:last-child { margin-right:0; }

.tabBoxes .section { display:none; margin-bottom:20px; position:relative;}
.tabBoxes .section .btn-close { position:absolute; top:10px; right:10px; }
.tabBoxes .section .fukidashi { position:absolute; top:-15px; left:149px; width:28px; height:15px; background: no-repeat top left; }
.tabBoxes .section.box-center .fukidashi { left:468px; }
.tabBoxes .section.box-right .fukidashi { left:788px; }


.style-set .boxcaption h3 {
	width:268px;
	font-size: 150%;
	color:#FFF;
}
.style-set .boxgrid	{
	width: 308px;
	height: 220px;
	margin-bottom: 20px;
	border: none;
	overflow: hidden;
	position: relative;
}
.style-set.panel .boxgrid	{
	width: 308px;
	height: 220px;
	margin-bottom: 20px;
	border: none;
	overflow: hidden;
	position: relative;
}

.boxcaption{
	float: left;
	padding:20px;
	position: absolute;
	background: #000;
	height: 180px;
	width: 268px;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	cursor:pointer;
}
.boxcaption a {
	text-decoration:none;
}
.captionfull .boxcaption {
	top: 220px;
	left: 0;
}
.caption .boxcaption {
	top: 0;
	left: 0;
}

.style-set .stay { overflow: hidden; float:left; border:5px solid #ef7a00; display:block; width:298px; height:210px; }
.style-set .stay img { margin:-5px; }

.listUp { display:none;}

.anchor {
	margin-top: -100px;
	padding-top: 100px;
}

h2[id^=case],
h2[id^=anchor],
h3[id^=case],
h3[id^=anchor] {	margin-top: -100px;	padding-top: 100px; }




.txt-sub {
	font-size: 0.8em;
}



/**** カラーシミュレータ ****/
.slideColorList{
 position: absolute;
 top: 574px;
 z-index:2;
 left:0px;
}
	.slideColorList li	{
		width:159px;
		border-bottom: 1px solid transparent;
	}
		.slideColorList li a		{
			line-height:1;
			text-decoration:none;
			color:#494949;
			 padding: 10px 0 10px 20px;
			 background-color: #EFEFEF;
		 	display: block;
			font-weight:bold;
		}
		.slideColorList li.on a,
		.slideColorList li.stay a		{
			background-color:transparent;
			color: #FFF;
		}

.color-sim-box .boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 94px;
	width: 800px;
	padding:20px;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	cursor:pointer;
	top:418px;
}
	.color-sim-box .boxgrid p {
		color: #AFAFAF;
		font-weight: bold;
		width: 838px;
	}
.colorSimContentsBox{
	position: absolute;
	top:0px;
	left:0px;
	background: rgba(0,0,0, 0.8);
	background:url(../images/bg_sim.png) repeat top left\9;
	/*
	background: rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000,endcolorstr=#CC000000,gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)";
	zoom:1;
	*/
	width: 682px;
	padding:0 0 0 158px;
	height: 100%;
	display: none;
	z-index:1;
}
	.colorSimContentsBox .colorSimContentClose{
		width: 23px;
		height: 23px;
		padding:0;
		top:10px;
		right:10px;
		display:block;
		position:absolute;
	}
	.colorSimContentsBox .colorSimContent{
		width: 680px;
		height: 100%;
		padding:0;
		display: none;
	}
		.colorSimContentsBox .colorSimContent img {
			position:static;
			top:auto;
			left:auto;
		}
		.colorSimContentsBox .colorSimContent .colorSimContentInner{
			padding:20px;
			color:#fff;
		}
			.colorSimContentsBox .colorSimContent .colorSimContentInner h4 {
				font-size:150%;
				line-height:1;
				margin:0 0 20px;
			}
			.colorSimContentsBox .colorSimContent .colorSimContentInner p {
				font-weight:normal;
				color:#fff;
				margin:0 0 30px;
			}
			.colorSimContentsBox .colorSimContent .colorSimContentInner .thumb-list {
				padding:0;
				float:none;
				background:none;
			}

.color-sim-box .control-area .box-thumb { display: none; }

.control-areaBox1,
.control-areaBox2,
.control-areaBox3,
.control-areaBox4,
.control-areaBox5,
.control-areaBox6,
.control-areaBox7,
.control-areaBox8,
.control-areaBox9,
.control-areaBox10{	display: none; }


/***** スライドショーA *****/
.thumb-list li a.active
{
	border: 4px solid #EF7A00 !important ;
}
	.thumb-list li a.active img
	{
		margin: -3px;
	}

.slideShowA .bx-wrapper .bx-controls-direction a
{
	height: 103px;
	margin-top: -37px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 9;/* modify 14.12.25 */

}
	.slideShowA .bx-wrapper .bx-prev
	{
		background: url("../images/btn_slideShowA_left.png") no-repeat -58px 0 !important;
		left: 0px;
		width: 58px;
	}
	.slideShowA .bx-wrapper .bx-prev:HOVER
	{
		background: url("../images/btn_slideShowA_left.png") no-repeat 0 0 !important;
		width: 58px;
	}
	.slideShowA .bx-wrapper .bx-prevImgOver
	{
		background: url("../images/btn_slideShowA_left.png") no-repeat -116px 0 !important;
		left: 0px;
		width: 58px;
	}




	.slideShowA .bx-wrapper .bx-next
	{
		background: url("../images/btn_slideShowA_right.png") no-repeat -58px 0;
		right: 0px;
		width: 56px;
	}
	.slideShowA .bx-wrapper .bx-next:HOVER
	{
		background: url("../images/btn_slideShowA_right.png") no-repeat 0 0;
		right: 0px;
		width: 56px;
	}
	.slideShowA .bx-wrapper .bx-nextImgOver
	{
		background: url("../images/btn_slideShowA_right.png") no-repeat -114px 0;
		right: 0px;
		width: 56px;
	}
/* キャプションあり add 20150121 */
.slide-caption-box .slide-caption {
	display:table;
}
.slide-caption-box .slide-caption span {
	display:table-cell;
	width: 838px;
	layout-grid-line: 62px;
	height:62px;
	padding:0 15px;
	color:#fff;
	background-color: #000000;
	vertical-align: middle;
}

/***** スライドショーB *****/

.slideShowB .thumb-list li a.active
{
	border: 4px solid #EF7A00 !important ;
}

.slideShowB .bx-wrapper .bx-controls-direction a
{
	margin-top: -37px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 9;/* modify 14.12.25 */
	width: 34px;
}
	.slideShowB .bx-wrapper .bx-prev
	{
		background: url("../images/btn_slideShowB_left.png") no-repeat 0 0;
		left: -88px;
		height: 66px;
	}
	.slideShowB .bx-wrapper .bx-next
	{
		background: url("../images/btn_slideShowB_right.png") no-repeat 0 0;
		right: -88px;
		height: 65px;
	}

/***** スライドショーB2 *****/
.slideShowB2 .thumb-list li a.active
{
	border: 4px solid #EF7A00 !important ;
}

.slideShowB2 .bx-wrapper .bx-controls-direction a
{
	margin-top: -37px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 9;/* modify 14.12.25 */
	width: 34px;
}
	.slideShowB2 .bx-wrapper .bx-prev
	{
		display: none;
	}
	.slideShowB2 .bx-wrapper .bx-next
	{
		display: none;
	}

/***** スライドショーTOP *****/
.slideShowTop .mainimg
{
	height:auto;
}


.thumb-list li a.active
{
	border: 4px solid #EF7A00 !important ;
}
	.thumb-list li a.active img
	{
		margin: -3px;
	}

.slideShowTop .bx-wrapper .bx-controls-direction a
{
	height: 103px;
	margin-top: -37px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 9;/* modify 14.12.25 */

}
	.slideShowTop .bx-wrapper .bx-prev
	{
		background: url("../images/btn_slideShowA_left.png") no-repeat -58px 0;
		left: 0px;
		width: 58px;
	}
	.slideShowTop .bx-wrapper .bx-prev:HOVER
	{
		background: url("../images/btn_slideShowA_left.png") no-repeat 0 0;
		width: 58px;
	}
	.slideShowTop .bx-wrapper .bx-prevImgOver
	{
		background: url("../images/btn_slideShowA_left.png") no-repeat -116px 0;
		left: 0px;
		width: 58px;
	}




	.slideShowTop .bx-wrapper .bx-next
	{
		background: url("../images/btn_slideShowA_right.png") no-repeat -58px 0;
		right: 0px;
		width: 56px;
	}
	.slideShowTop .bx-wrapper .bx-next:HOVER
	{
		background: url("../images/btn_slideShowA_right.png") no-repeat 0 0;
		right: 0px;
		width: 56px;
	}
	.slideShowTop .bx-wrapper .bx-nextImgOver
	{
		background: url("../images/btn_slideShowA_right.png") no-repeat -114px 0;
		right: 0px;
		width: 56px;
	}



/***** スライドショーカテゴリTOP *****/
/*.slideShowCategoryTop .mainimg*/
.slideShowCategoryTop .bx-wrapper img
{
	/*height:auto;*/
	width:948px;
	height:440px;
}

#lineup .slideShowCategoryTop .bx-wrapper img
{
	height:372px;
}


.slideShowCategoryTop .bx-wrapper .bx-controls-direction a
{
	height: 103px;
	margin-top: -37px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 9;/* modify 14.12.25 */

}
	.slideShowCategoryTop .bx-wrapper .bx-prev
	{
		background: no-repeat -43px 0;
		left: 0px;
		width: 41px;
	}
	.slideShowCategoryTop .bx-wrapper .bx-prev:HOVER
	{
		background: no-repeat 0 0;
		width: 42px;
	}
	.slideShowCategoryTop .bx-wrapper .bx-prevImgOver
	{
		background: no-repeat -84px 0;
		left: 0px;
		width: 42px;
	}




	.slideShowCategoryTop .bx-wrapper .bx-next
	{
		background: no-repeat -42px 0;
		right: 0px;
		width: 40px;
	}
	.slideShowCategoryTop .bx-wrapper .bx-next:HOVER
	{
		background:  no-repeat 0 0;
		right: 0px;
		width: 42px;
	}
	.slideShowCategoryTop .bx-wrapper .bx-nextImgOver
	{
		background:  no-repeat -84px 0;
		right: 0px;
		width: 42px;
	}

/***** スライドショーラインアップカテゴリTOP 140609 *****/
.slideShowLineupCategoryTop .bx-wrapper img
{
	width:948px;
	height:440px;
}

#lineup .slideShowLineupCategoryTop .bx-wrapper img
{
	height:372px;
}


.slideShowLineupCategoryTop .bx-wrapper .bx-controls-direction a
{
	height: 103px;
	margin-top: -37px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 9;/* modify 14.12.25 */

}
	.slideShowLineupCategoryTop .bx-wrapper .bx-prev,
	.slideShowLineupCategoryTop .bx-wrapper .bx-prev:HOVER,
	.slideShowLineupCategoryTop .bx-wrapper .bx-prevImgOver,
	.slideShowLineupCategoryTop .bx-wrapper .bx-next,
	.slideShowLineupCategoryTop .bx-wrapper .bx-next:HOVER,
	.slideShowLineupCategoryTop .bx-wrapper .bx-nextImgOver
	{
		background: none;
	}


/***** スライドショー商品詳細ページ 141121 *****/
.slideShowLineupDetail .yoake-main-image. bx-wrapper img
{
	width:948px;
	height:420px;
}

/***** スライドショー 特長ページ 140905 *****/
#feature-image .slideshow-box .mainimg,
#feature-image .slideShowCategoryTop .bx-wrapper img { height: 440px; }

#feature-image .slideShowCategoryTop .inner-box { position:relative; }
#feature-image .slideShowCategoryTop .btn-area { position:absolute; bottom:18px; right:198px; z-index:9;}

#feature-image .btn-basic li.btn-large a,
#feature-image .btn-basic li.btn-large input.btn { padding: 12px 16px 11px 16px; }
#feature-image .btn-basic li a.icon-blank span { white-space:nowrap;}

#feature-image .btn-basic li.btn-large a,
#feature-image .btn-basic li.btn-large input.btn { font-size:108% !important;}


/* bg-type */
#feature-image .slideShowCategoryTop .btn-area.bg-type p,
#feature-image .slideShowCategoryTop .btn-area.bg-type .btn-basic { display:table-cell; vertical-align:middle;}
#feature-image .slideShowCategoryTop .btn-area.bg-type p { padding-right:12px;}
#feature-image .slideShowCategoryTop .btn-area.bg-type .btn-basic { padding-top:0; text-align:right;}


/*---- noBor ----*/
.noBor {
	border-bottom: none !important;
}



/* [017] Products List
-------------------------------------------------------*/
.yoake-lineup-list2-12 li:nth-of-type(5),
.yoake-lineup-list2-12 li:nth-of-type(9),
.yoake-lineup-list2-12 li:nth-of-type(13),
.yoake-lineup-list2-12 li:nth-of-type(17),
.yoake-lineup-list2-12 li:nth-of-type(21),
.yoake-lineup-list2-12 li:nth-of-type(25),
.yoake-lineup-list2-12 li:nth-of-type(29),
.yoake-lineup-list2-12 li:nth-of-type(33) { clear:both; }







/* [019] info-box
-------------------------------------------------------*/
.info-box { width:858px; margin:0 auto 40px auto; padding:30px 40px 35px 40px; border:5px solid #FCE4CC; background-color:#fff; }
.info-box p.title { margin-top:30px; text-align:center; color:#ef7a00; font-size:18px; font-weight:bold; }
.info-box p.txt { margin-top:22px; text-align:left; font-size:14px; }

/* #info-safety */
#info-safety { padding-top:40px; }
/*【補足事項】メインイメージの代わりに設置する場合
slideshow-boxのマージン設定を「mb60」→「mb40」に変更
*/

/*【補足事項】メインイメージ下に設置する場合
slideshow-boxのマージン設定を「mb60」を削除
*/

/* #info-server */
#info-server .info-box { padding:40px; }
#info-server .info-box p.title { margin-top:0;}

/* #info-items - add 0121 */
.info-items-box { margin:0 auto 20px auto; padding:25px 40px 25px 40px; border:5px solid #e6e6e6; background-color:#fff; text-align:center;font-size:14px;}
.info-items-box p{margin-top:10px;}
.info-items-box p.title {padding-bottom:5px; font-size:18px; font-weight:bold; }

/* [020] img border
-------------------------------------------------------*/
div[class^=btn-panel-] .box a,
div[class^=btn-panel-].typeA .box a,
div[class^=btn-panel-].typeB .box a,
div[class^=btn-panel-].type-txt .box a,
div[class^=btn-panel-] .box a:hover,
div[class^=btn-panel-].typeA .box a:hover,
div[class^=btn-panel-].typeB .box a:hover,
div[class^=btn-panel-].type-txt .box a:hover {
    overflow: hidden;
}
div[class^=btn-panel-] .box a,
div[class^=btn-panel-].typeA .box a,
div[class^=btn-panel-].typeB .box a,
div[class^=btn-panel-].type-txt .box a,
div[class^=btn-panel-] .box a:hover,
div[class^=btn-panel-].typeA .box a:hover,
div[class^=btn-panel-].typeB .box a:hover,
div[class^=btn-panel-].type-txt .box a:hover {
  border-top:1px solid #E6E6E6 !important;
  border-bottom:1px solid #E6E6E6 !important;
  border-left:1px solid #E6E6E6 !important;
  display:block;
}
div[class^=btn-panel-] .box a img,
div[class^=btn-panel-].typeA .box a img,
div[class^=btn-panel-].typeB .box a img,
div[class^=btn-panel-].type-txt .box a img,
div[class^=btn-panel-] .box a:hover img,
div[class^=btn-panel-].typeA .box a:hover img,
div[class^=btn-panel-].typeB .box a:hover img,
div[class^=btn-panel-].type-txt .box a:hover img {
  margin: -1px;
}

/*.txt-area*/
div[class^=btn-panel-] .box .txt-area a,
div[class^=btn-panel-].typeA .box .txt-area a,
div[class^=btn-panel-].typeB .box .txt-area a,
div[class^=btn-panel-].type-txt .box a,
div[class^=btn-panel-].textTypeA .box a,
.contents-footer-panel div[class^=btn-panel-] .box a,
div[class^=btn-panel-] .box .txt-area a:hover,
div[class^=btn-panel-].typeA .box .txt-area a:hover,
div[class^=btn-panel-].typeB .box .txt-area a:hover,
div[class^=btn-panel-].type-txt .box a:hover,
div[class^=btn-panel-].textTypeA .box a:hover,
.contents-footer-panel div[class^=btn-panel-] .box a:hover {
    border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	display:inline;
}

/*.last-child*/
div[class^=btn-panel-] .box:last-child a,
div[class^=btn-panel-].typeA .box:last-child a,
div[class^=btn-panel-].typeB .box:last-child a,
div[class^=btn-panel-].type-txt .box:last-child a,
div[class^=btn-panel-] .box:last-child a:hover,
div[class^=btn-panel-].typeA .box:last-child a:hover,
div[class^=btn-panel-].typeB .box:last-child a:hover,
div[class^=btn-panel-].type-txt .box:last-child a:hover { border-right:1px solid #E6E6E6;}

div[class^=btn-panel-] .box:last-child a img,
div[class^=btn-panel-].typeA .box:last-child a img,
div[class^=btn-panel-].typeB .box:last-child a img,
div[class^=btn-panel-].type-txt .box:last-child a img,
div[class^=btn-panel-] .box:last-child a:hover img,
div[class^=btn-panel-].typeA .box:last-child a:hover img,
div[class^=btn-panel-].typeB .box:last-child a:hover img,
div[class^=btn-panel-].type-txt .box:last-child a:hover img { margin: -1px -1px -1px -1px;}

div[class^=btn-panel-] .box:last-child .txt-area a,
div[class^=btn-panel-].type-txt .box:last-child a,
div[class^=btn-panel-].textTypeA .box:last-child a,
.contents-footer-panel div[class^=btn-panel-] .box:last-child a,
div[class^=btn-panel-] .box:last-child .txt-area a:hover,
div[class^=btn-panel-].type-txt .box:last-child a:hover,
div[class^=btn-panel-].textTypeA .box:last-child a:hover,
.contents-footer-panel div[class^=btn-panel-] .box:last-child a:hover,
.btn-panel-set.textTypeA .box:last-child {
	border-right: none !important;
}


.contents-footer-panel div[class^=btn-panel-] .box a,
.contents-footer-panel div[class^=btn-panel-] .box a:hover,
div.btn-panel-4col-a .box a,
div.btn-panel-4col-a .box a:hover {border: none !important;}



/* [022] FAQ
-------------------------------------------------------*/
.faq-list .h2 { margin-bottom:0; }
.faq-list .faq-box { padding-top:24px; }
.faq-list .faq-box .section { margin-bottom:0; }
.faq-list .faq-box dt { padding:8px 0 10px 40px; background:url(../images/icon_q.gif) no-repeat top left; border-bottom:1px solid #ccc; font-size:166.6%;}
.faq-list .faq-box dd { margin-top:24px; padding-left:40px; background:url(../images/icon_a.gif) no-repeat top left;}

.section.page-link.w-col2 ul li { width:380px; }


/* [023] variation-panels
-------------------------------------------------------*/
.variation-panels{margin-top:20px;}
.variation-panels dl{font-size:0.9em;line-height:1.2;margin-right:-8px;}
.variation-panels dt{margin-bottom:5px;}
.variation-panels dd{float:left;width:68px;}
.variation-panels dd span,.variationPanels dd img{display:block;}
.variation-panels dd span{padding-right:8px;}
.variation-panels dd img{margin-bottom:5px;}
.variation-panels dl:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
*html .variation-panels dl{height:1%;}
*:first-child+html .variation-panels dl{display:inline-block;}

/* EOF*/