@charset "utf-8";
/* modern browser */
img{max-width: 100%;height: auto;}

#gMap img{max-width: inherit;}

body {font-family: "Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif; color: #333;}
a{ color:#00A1E9;}
html,body {
    margin: 0;
}
 
#wrapper {
    width: 100%;
    position: relative;
}

/****************************************
 structer setting
*****************************************/

#header  {  
    width: 100%;
    background: #000 ;  
    position: fixed;  
    top:0px;  
    left:0;
	z-index: 200;  
}  
* html #header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}    
/*
* html #footer {
    bottom:expression(document.getElementById("wrapper").offsetHeight % 2 == 0 ? 0 : -1);
}*/
#contents { width: 960px; z-index:1; margin: 0 auto; padding-top: 110px ; }
#contentsInner { position: relative; padding-top: 40px;}

/*
#about {
	float: left;
	width: 680px;
	margin: 0;
	padding: 0 10px 0 10px;
}
#about #side {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0 23px 0 57px;
}
*/
.recipe.article #main {
	float: left;
	width: 670px;
	margin: 34px 0 0 0;
	padding: 0;
}
.recipe.article #side {
	float: right;
	width: 260px;
	margin: 30px 0 0 0;
	padding: 0 0 0 30px;
}

#footer { background: #222; width: 100%;}
#footerInner { width: 960px; margin: 0 auto; position: relative; height: 185px; color: #fff;}



/****************************************
 Typography
*****************************************/
/* Font (Base 13px) */
.f8 {	font-size: 62% !important;}
.f9 {	font-size: 68% !important;}
.f10 {	font-size: 74% !important;}
.f11 {	font-size: 83.3% !important;}
.f12 {	font-size: 93% !important;}
.f13 {	font-size: 100% !important;}
.f14 {	font-size: 105% !important;}
.f15 {	font-size: 115% !important;}
.f16 {	font-size: 123% !important;}
.f17 {	font-size: 136% !important;}
.f18 {	font-size: 145% !important;}
.f19 {	font-size: 154% !important;}
.f20 {	font-size: 160% !important;}
.f22 {	font-size: 170% !important;}
.f28 {	font-size: 190% !important;}
.lh120 { line-height: 1.2 !important;}
.lh130 { line-height: 1.3 !important;}
.lh140 { line-height: 1.4 !important;}
.lh150 { line-height: 1.5 !important;}
.lh160 { line-height: 1.6 !important;}
.lh170 { line-height: 1.7 !important;}
.lh180 { line-height: 1.8 !important;}

.fb { font-weight: bold !important;}
.fn { font-weight: normal !important;}
.fcolor_cookiray { color: #00A1E9;}

/****************************************
 Clearfix
*****************************************/

#contentsInner:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
#contentsInner { display: inline-table; }  
/* Hides from IE-mac \*/  
* html #contentsInner { height: 1%; }  
#contentsInner { display: block; zoom:1; }  
/* End hide from IE-mac */  


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 
.clearfix { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; zoom:1;}  
/* End hide from IE-mac */  


.section:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}    
.section { display: inline-table; }    
/* Hides from IE-mac \*/  
* html .section { height: 1%; }  
.section { display: block; zoom:1; }  
/* End hide from IE-mac */  

.box:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 
.box { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .box { height: 1%; }  
.box { display: block; zoom:1;}  
/* End hide from IE-mac */  


/****************************************
 margin
*****************************************/

.mt0 {margin-top: 0 !important;}
.mt05 {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;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt80 {margin-top: 80px !important;}
.mt100 {margin-top: 100px !important;}
.mt200 {margin-top: 200px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb05 {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;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb200 {margin-bottom: 200px !important;}

.ml0 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml80 {margin-left: 80px !important;}
.ml100 {margin-left: 100px !important;}
.ml200 {margin-left: 200px !important;}

.mr0 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.mr80 {margin-right: 80px !important;}
.mr100 {margin-right: 100px !important;}
.mr200 {margin-right: 200px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb05 {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;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb200 {padding-bottom: 200px !important;}

/****************************************
 header setting
*****************************************/
 

#header a { color: #ddd ; text-decoration: none; }
#header a:hover { color: #00A1E9;}
#showroom #unaviShowroom a,
#header .current a { color: #00A1E9;}
#header #headerInner { width: 960px; margin: 0 auto; position: relative; height: 110px;}
#header h1 { display: block; width: 317px; height: 80px; text-align: center; position: absolute; top: 16px; left: 10px;}


#header #utilityNavi a { font-family:"HelveticaNeue-Light", "Helvetica Light", Helvetica, Arial, sans-serif; font-size: 10px; }
#header #globalNavi a { font-family:"HelveticaNeue-Light", "Helvetica Light", Helvetica, Arial, sans-serif; font-size: 14px; padding: 3px; line-height: 26px; height: 26px;}

#header #globalNavi { width: 100%; height: 26px; position: absolute; top: 70px; right: 0; text-align: right;}
#header #globalNavi li { display: inline; zoom:1 ; text-align: center; letter-spacing: 1px; margin-left: 45px; line-height: 26px;}

#header #utilityNavi { height: 20px;  position: absolute; top: 24px; right: 150px;}
#header #utilityNavi li { float: left; padding: 0 8px; text-align: center; margin-left: 10px; }

#header #srchBox { position: absolute; top: 26px; right: 0; }
#header #shopBtn { position: absolute; top: 50px; right: 10px; width: 130px; }




/* yahooカスタムサーチ */
#srchBox{width:135px;margin-bottom:10px;color:#000000;}
#srchBox #srch #srchForm { white-space:nowrap;}
#srchBox #srchInput { width:100px; margin:0; vertical-align:bottom; vertical-align: top; float: left; padding:0 5px 0 5px; font-size: 13px; }
#srchBox #srchInput input { padding:0; font-size: 11px;}
#srchBox #srchBtn{width:15px;height:20px;border: 0px; background: url(../images/common/header_search.png) no-repeat center 50%; text-indent:0;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px !important; cursor: pointer; display:block; float: right;}
.recipe #srchBox #srchBtn{ background: url(../images/common/header_search_02.png) no-repeat center 50%;}
*html #srchBox #srchBtn{padding-top:2px;}
*:first-child+html #srchBox #srchBtn{padding-top:2px;}
#srchBox #srchLogo{margin: 0;text-align:left;line-height: 1 !important; letter-spacing:-0.05em; font-family:Arial, Helvetica, sans-serif;}
#srchBox #srchLogo a{color:#666666;text-decoration:none;font-size:9px;}
#srchBox #srchLogo a:hover{text-decoration:underline;}
@media only screen and ( min-width: 640px ) and ( max-width: 799px ) {
#srchBox{ width: 146px;}
#srchBox #srchInput{width:100px;}
#srchBox #srchBtn { width:30px; }
/*#header #srchBox { right: 130px; }*/
}


/****************************************
 main contents setting
*****************************************/

h2 { margin-bottom: 38px; padding-left: 25px;}


.contentHead { margin: 0 auto 30px auto; position: relative;}


#main .backBtn { margin-left: 60px; margin-top: -20px; margin-bottom: 20px;}

.floatleft { float: left;}
.floatright { float: right;}
.alignleft { text-align: left;}
.alignright { text-align: right;}
.aligncenter { text-align: center;}
.relative { position: relative;}

.kome { text-indent: -1em; margin-left: 1em;}
ul.kome { text-indent: 0; margin-left: 0; }
ul.kome li { text-indent: -1em; margin-left: 1em; font-size: 12px; line-height: 1.2; }

/* pagetop 
---------------------------------------- */  
.pagetop { text-align: right; margin-bottom: 10px;}
.pagetop a { background: url(../images/common/arrow_top_off.png) no-repeat right 4px; padding: 4px 20px 4px 0; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-decoration: none;}
.pagetop a:hover { background: url(../images/common/arrow_top_on.png) no-repeat right 4px; text-decoration:none; }

/* others 
---------------------------------------- */  
#contents sup { font-size: 0.7em; vertical-align:top;}
div.box { border:1px solid #ccc; padding: 10px;}
a.arrow.right{ background: url(../images/common/arrow_right_off.png) no-repeat right 50%; padding-right: 20px; font-size: 110%;}

.contact { text-align: center;}
.contact li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; margin-left: -10px;}
.contact li a {padding: 25px 90px; display:block;}
.contact li#btn_contact a { border-left: 1px solid #ddd;}


.centerLi { text-align: center;}
.centerLi li { padding: 0 5px; margin: 0 0 15px 0; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.centerLi li a {display:block;}

.sponly { display: none;}

#submenu { display: none;}
#submenu select {
	-moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    padding: 4px;
    border: 1px solid #DDD;
    color: #222;
	cursor: pointer;
	background: url(../images/common/arrow_pulldown.gif) no-repeat right 50%;
	/*
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.32) inset;
	*/
	}
.br-sp,
.br-sptb {display:none;}

a.newicon { padding: 8px 50px 8px 0; background: url(../images/common/icon_new.png) no-repeat right 50%;}

.contentFooterNav h3 { color:#00A6E2; font-size: 16px; margin-bottom: 20px;}
.contentFooterNav .centerLi a { text-align: center; padding: 2px; color: #333; text-decoration: none; border: 1px solid #676767; line-height: 1.1;}
.contentFooterNav .centerLi a:hover { line-height: 1.1; border-color: #676767; background-color:#00A6E2; color:#fff;}

/****************************************
 footer contents
*****************************************/

#footer #footerNavi { position: absolute; top: 30px; left: 5px; font-size: 12px;}
#footer #footerNavi li { float:left; margin-right: 20px;}
#footer #footerNavi a { background: url(../images/common/arrow_off.png) no-repeat left 50%; padding: 2px 0 2px 18px; color: #fff; text-decoration: none;}
#footer #footerNavi a:hover { background: url(../images/common/arrow_on.png) no-repeat left 50%; text-decoration: none;}
#footer #footerNavi .current a { color: #00A1E9; background: url(../images/common/arrow_on.png) no-repeat left 50%;}
#footer #footerLink #linkBnr { height: 32px; width: 570px; position: absolute; top: 55px; right: 0; text-align: right; }
#footer #footerLink #linkBnr li { display: inline; zoom:1 ; text-align: center; letter-spacing: 0.1em; margin-left: 10px;}
#footer #footerLink #linkBnr li#twLink,
#footer #footerLink #linkBnr li#fbLink { display: none;}
/*#footer #footerLink #linkBnr li#blogLink img { border: 1px solid #fff;}*/
#footer #footerLink #social { float: right; text-align: right; margin-top: 25px;}
#footer #footerLink #social li { display: block; float: left; zoom:1 ; text-align: center; letter-spacing: 0.1em; margin-left: 6px; line-height:1;}
#footer #copyright { position: absolute; right: 0; text-align: right; bottom: 15px; font-size: 10px;}
#footer #fujilogo { position: absolute; left: 0; bottom: 15px; width: 300px;}
#footer #fujilogo img { margin: 0 0 5px 8px;}
#footer #fujilogo span { display: block; color: #fff; line-height: 1.4;}
#footer #fujilogo span.f10 { margin-left: 0px;}





/*-----------------------------------------------------------------------------------*/
/* various
/*-----------------------------------------------------------------------------------*/


/* Top
----------------------------------------- */  
#topBg { background: #000; width: 100%; height: 675px; position: absolute; top:0; left:0;}
/* 会員登録のバナー　#topBnr { margin-top: 35px; height: 180px;} */
#topBnr { margin-top: 35px; height: 400px; margin-bottom:20px;}
#topBnr div { margin: 20px 0;}
#topBnr ul { overflow: hidden;}
#topBnr li { float: left; width: 312px; height: 400px; background: #fff; margin-left: 12px;}
#topBnr li:first-child { margin-left: 0;}

#topBnr2 { height: 118px;margin: 20px 0;}
#topBnr2 ul { overflow: hidden;}
#topBnr2 li { float: left; width: 475px; height: 118px; background: #fff; margin-left: 10px;}
#topBnr2 li:first-child { margin-left: 0;}

#topbanner2 { margin:0 123px; width:714px; }
#topbanner2 ul { margin-bottom:10px; width:714px; float:left; }
#topbanner2 ul li { width:350px; float:left; }
#topbanner2 ul li#li-p { padding-right:14px; }
#topbanner2 p { clear:both; }

#home #contentsInner { padding-top: 5px;}
#newsArea{
    position: relative;
    width:100%;
    margin-top: 20px;
	padding-top: 20px;
	height: 150px;
}
#home #newsArea a { color: #333;}
#home #newsArea h2 { position: absolute; left: 10px; top: 15px;}
#home #newsArea #newsLink { position: absolute; top:0; right:0; text-align:right; width: 200px;}
#home #newsArea #newsLink a { margin-left: 5px;}
div#news { margin-left: 110px; height:110px; color:#666; position: relative; }

#home #newsArea #news dl { clear: both;}
#home #newsArea #news dl dt { float: left; width: 6.5em; clear: both; font-size: 10px;	margin-bottom: 10px;}
#home #newsArea #news dl dd { margin: 0 0 10px 0; margin-left: 7em; font-size: 12px; padding-left: 65px;}

div#news {
    overflow: auto;
    height: 120px;
}

div#news dl dd.news { background: url(../images/news/news_icon_n.png) no-repeat left 5px;}
div#news dl dd.media { background: url(../images/news/news_icon_m.png) no-repeat left 5px;}
div#news dd.magazine,
div#news dd.newspaper,
div#news dd.tv,
div#news dd.web,
div#news dd.radio { background: url(../images/news/news_icon_m.png) no-repeat left 5px;}
div#news dd.info { background: url(../images/news/news_icon_n.png) no-repeat left 5px;}
.cj-vid-controls { opacity: 1 !important; display: block;}
/* ABOUT
----------------------------------------- */ 

/* common */

#about dl.chusyaku,
#shape dl.chusyaku,
.aboutChild dl.chusyaku { font-size: 12px;}
#about dl.chusyaku dt,
#shape dl.chusyaku dt,
.aboutChild dl.chusyaku dt { float: left; line-height: 1.4;}
#about dl.chusyaku dd,
#shape dl.chusyaku dd,
.aboutChild dl.chusyaku dd { margin-left: 2em; line-height: 1.4;}
#about #setup table td { text-align: left;}

.aboutChild .contentFooterNav,
#about .contentFooterNav,
#shape .contentFooterNav { margin-top: 50px;}
.aboutChild .contentFooterNav h3,
#about .contentFooterNav h3,
#shape .contentFooterNav h3 { color:#00A6E2; font-size: 16px; margin-bottom: 20px; text-align:center;}
.aboutChild .contentFooterNav .centerLi a,
#about .contentFooterNav .centerLi a,
#shape .contentFooterNav .centerLi a { width: 10em; }


/* tab */
#tabnav { 
	margin: 0 auto; 
	list-style: none; 
	position: absolute; 
	width: auto; 
	top:0;
	right:0;
	border-bottom: 1px solid #ddd;
}
#tabnav li { 
	display: inline-block;	
	font-size: 12px;
	*display: inline;  
    *zoom: 1;
}
#tabnav a { 
	color: #333; 
	float: left;
	padding: 6px 15px 4px 15px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}
#tabnav a:hover { 
	color: #009FDE; 
}
#magic-line { 
	position: absolute;
	bottom: -1px; 
	left: 0; 
	width: 100px; 
	height: 1px; 
	background: #009FDE;
}
.current_page_item a { 
	color: #009FDE !important; 
}
.ie6 #tabnav li, .ie7 #tabnav li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}


/* about */
#about #contents { width: 100%;}
#about #contents .w960 { width: 960px; margin: 0 auto; position: relative;}
#about .pagetop,
#shape .pagetop { width: 960px; margin-left: auto; margin-right: auto;}
#about h3 { font-size: 22px; color: #00A7E3; font-weight: bold; margin-bottom: 25px;}
#about h4 { font-size: 22px; color: #00A7E3; font-weight: normal; margin-bottom: 10px;}
#about div#main,
.aboutChild div#main { padding-top: 150px; margin-top:-150px; margin-bottom: 60px;}
#about div#aboutTop { position: relative;}
#about div#aboutTop #aboutKeyArea { height: 690px; background: #000; padding-top: 46px; margin-bottom: 50px;}
#about div#aboutTop #aboutKey { margin: 0 auto; text-align: center; }
#about div#aboutTop #intro { margin: -130px auto 60px auto; text-align: center; font-size:22px; letter-spacing:2px; color: #fff; background: #000; }



/* aboutChild */
.aboutChild #contents { width: 100%;}
.aboutChild .contentHead { width: 960px; margin: 0 auto 30px auto; position: relative;}
.aboutChild .section { width:100%;}
.aboutChild .key { text-align: center;}
.aboutChild h3 { font-size :26px; margin-bottom: 30px; }
.aboutChild #main p { font-size: 16px; line-height: 2; margin-bottom: 20px;}
.aboutChild .pagetop { width: 960px; margin-left:auto; margin-right: auto;}
.aboutChild #main table { border-collapse: collapse;}
.aboutChild #main table th,
.aboutChild #main table td { border-bottom: 1px solid #00A0DE; padding: 4px 0; text-align: center; vertical-align: middle; font-size: 12px; line-height: 1.2;}
.aboutChild #main table th { background: #DEF0F4; border-top: 1px solid #00A0DE; font-weight: normal;}
.aboutChild #main table td span { font-size: 10px;}

.aboutChild .section h4 { font-weight: normal; margin-bottom: 25px; font-size: 22px; text-align: center; color: #333;}
.aboutChild .section h4.l {font-size: 190%; font-weight: bold;}
.aboutChild .section h5 { font-size: 118%; margin-bottom: 8px;}


#mechanism #main #section01 { position: relative; width: 800px; height: 790px; margin: 20px auto; padding-top: 20px;}
#mechanism #main #section01 .txtArea { position: absolute; top: 20px; left: 281px; width: 510px; }
#mechanism #main #section01 h3 { margin-bottom: 30px;}
#mechanism #main #section01 p#txt1 { margin-bottom: 30px; font-size: 15px;line-height: 1.8;}
#mechanism #main #section01 p#txt2 { margin-bottom: 30px; font-size: 13px;line-height: 1.6;}
#mechanism #section02 p.chusyaku { font-size: 12px; margin: 0 auto; width: auto; text-align: left; }

#mechanism #section02 { position: relative; width: 450px; margin: 0 auto 40px auto;text-align:center;}
#mechanism #section02 li { float: right;}
#mechanism #section02 li#centerLi02 { margin-right: 10px;}
#mechanism #section03 { width: 880px; margin: 0 auto 30px auto; overflow: hidden ; }
#mechanism #section03 #section03P01 { float: left; width: 421px;}
#mechanism #section03 h3 ,
#mechanism #section03 #section03P02,
#mechanism #section03 #section03P03 { float: right; width: 390px; margin-right: 30px;}
#mechanism #section03 h3 { margin-top: 30px; }

#performance #section01 { background: #000; margin-bottom: 50px;}
#performance #section01 #performanceKey { width: 800px; margin: 0 auto 30px auto; overflow: hidden ; }
#performance #section01 .rightcontent { float: right; width: 420px; color: #efefef; position: relative; z-index: 2;}
#performance #section01 #performanceKey p#keyimg { float: left; width: 399px; top:0; margin-left:-14px; margin-right: -24px; position: relative; z-index:1; padding-top: 30px;}
#performance #section01 h2 { margin-top: 50px; font-size: 38px; font-weight: lighter; color: #009FDE; padding:0; letter-spacing:0.1em; margin-bottom: 20px;}
.aboutChild #main p.chusyaku { font-size: 12px; line-height: 1.5;}
#performance #section01 a {text-decoration: none;}
#performance #section01 a span { background: url(../images/common/arrow_on.png) no-repeat left 50%; padding-left: 15px; color: #fff; text-decoration: none; font-size: 13px;}
#performance #section01 a:hover span { background: url(../images/common/arrow_off.png) no-repeat left 50%; text-decoration: underline;}
#performance #section02 p,
#performance #section02 h3,
#performance #section02 h4,
#performance #section02 ul,
#performance #section02 dl,
#performance #section03 { width: 810px; margin: 0 auto 30px auto; }
#performance #section02 { border-bottom: 1px solid #DDDDDD; margin-bottom: 50px; padding-bottom:20px;}
#performance #section03 .rightcontent { float: right; width: 48%;}
#performance #section03 .leftcontent { float: left; width: 48%;}
#performance #section03 dl { color:#545454;}

#performance #section03 ul { overflow: hidden ; width: 810px; margin:0 auto 10px auto;}
#performance #section03 li { float: right;}
#performance #section03 li#centerLi02 { margin-right: 15px;}
#performance #section03 p.chusyaku { margin-left: 10px;}

#design .section h2 { margin-top: 45px; font-size: 38px; font-weight: 100; color: #009FDE; padding:0; letter-spacing:0.1em;}
#design .section div.sectionInner { width: 800px; margin: 0 auto 60px auto; overflow:hidden;}
#design .rightcontent { float: right; }
#design .leftcontent { float: left; }
#design #main table { margin-bottom: 15px;}
#design #main table th span { font-size: 10px;}
#design #main table td { padding: 10px 0;}
#design #main table th.alignleft,
#design #main table td.alignleft {text-align: left; padding-left: 40px;}
#design #section01,
#design #section02 { border-bottom: 1px solid #DDDDDD; margin-bottom: 50px;}
#design #section01 h3 { margin-bottom: 20px;}
#design #section03_01 { margin-bottom: 0;}
#design #section01_01 .rightcontent { width: 43%;}
#design #section01_01 .leftcontent { width: 52%;}
#design #section01_03 .rightcontent { width: 54%;}
#design #section01_03 .leftcontent { width: 42%;}
#design #section01_04 .rightcontent { width: 50%; padding-right: 10%; padding-top: 30px;}
#design #section01_04 .leftcontent { width: 30%; padding-left:5%;}
#design #section02_01 .rightcontent { width: 48%;}
#design #section02_01 .leftcontent { width: 48%;}
#design #section02_01 p { line-height: 1.5;}
#design #section03_01 .rightcontent { width: 72%;}
#design #section03_01 .leftcontent { width: 25%;}
#design #section03_2 .rightcontent { width: 72%;}
#design #section03_2 .leftcontent { width: 25%;}
#design #section04 .rightcontent { width: 48%;}
#design #section04 .leftcontent { width: 48%;}
#design #section04_2 .rightcontent { width: 48%;}
#design #section04_2 .leftcontent { width: 48%;}
#design #section01_02 td.alignleft { vertical-align: middle; text-align: left;padding-left: 10px;}
#design #section01_03 table td { padding: 2px 0;}
#design #section04 h4 { text-align: left; margin-bottom: 10px;}
.aboutChild#design  #main table { margin-top: 10px;}
.aboutChild#design  #main table th,
.aboutChild#design  #main table td { font-size:14px;}
#design .centerLi.tb_fullwidth_m li { padding: 0 10px;}

#design #section03_2.section div.sectionInner,
#design #section04_2.section div.sectionInner { margin-bottom: 80px; }
#design #section03.section,
#design #section03_2.section { margin-bottom: 0;}
#design #section04.section,
#design #section04_2.section { margin-bottom: 0;}

#design h3 { position: relative;}
#design h3 .trigger { position: absolute; top: 0; right: 0;}


#shape #contents { width: 100%;}
#shape #aboutKeyArea { background: #000; padding-top: 46px; margin-bottom: 0; padding-bottom: 55px;}
#shape #aboutKey { width: 800px; overflow: hidden; margin: 0 auto; text-align: center;}
#shape #aboutKey h2 { color: #009FDE; font-size: 38px; font-weight: lighter; letter-spacing:5px; line-height: 1.6; margin-bottom:30px;}
#shape #aboutKey .lead { color: #fff; font-size: 24px; font-weight: lighter; line-height: 1.6;}
#shape #aboutKey #left { float: left; margin-top: 45px; width: 348px;}
#shape #aboutKey #right { float: right; margin-top: 45px;width: 348px;}
#shape #aboutKey #left h3,
#shape #aboutKey #right h3 { color: #fff; font-size: 18px; font-weight: lighter; margin-bottom: 10px; text-align: left;}
#shape #aboutKey #left p,
#shape #aboutKey #right p { color: #fff; font-size: 15px; font-weight: lighter; text-align: left;}
#shape #shape_middle { background:#CCCDCE; width: 100%; margin-bottom: 50px; color: #000;}
#shape #shape_middle .inner { width: 800px; margin: 0 auto; color: #000;}
#shape #shape_middle .inner .img {display: block; float: right; width: 498px; height: 382px; overflow: hidden; position: relative;}
#shape #shape_middle .inner .img img {position: absolute; top: -57px;}
#shape #shape_middle .inner .txt { padding: 45px 0 0 0; float: left; width: 275px; line-height: 1.6;}
#shape #shape_middle .inner .txt h3 { font-size: 18px; margin-bottom: 5px;}
#shape #shape_middle .inner .txt p { font-size: 16px; line-height: 1.5;}
#shape #contents .w960 { width: 960px; margin: 0 auto; position: relative;}

#contents .w800 { width: 800px; margin: 0 auto; position: relative;}

#mechanism .section#section04 { margin-top: 80px; border-top: 1px solid #DDD;}
#mechanism #contents .w800 { padding-top: 80px;}
#contents .w800 h4 { font-size: 22px; font-weight: bold; margin-bottom: 10px; text-align:left;}
#contents .w800 p { font-size:100%;}
#contents .w800 p.lead {font-size: 16px; margin-bottom: 20px;}
#contents .w800 .profile { overflow: hidden; margin-bottom: 80px;}
#contents .w800 .profile .leftpic { float: left; width: 190px; padding-top: 8px; }
#contents .w800 .profile .righttxt { float: left; width: 530px; }
#contents .w800 .profile .righttxt p { margin-bottom: 10px;}


#innoinno #main h2,
#innoinno #main h3,
#innoinno #main p { margin-bottom: 20px;}

#innoinno #main h2 { font-size: 145%; font-weight: normal;}

/* LINE UP
----------------------------------------- */ 


/* lineup top */
.lineup.product #tabnav li a { text-align: center;}
.lineup.product #tabnav li a {display: block;}
.lineup.product #tabnav #navLiBE a { width:7em; background: url(../images/common/icon_new.png) no-repeat left 50%;}
.lineup.product #tabnav #navLiPT a { width:7em; background: url(../images/common/icon_new.png) no-repeat left 50%;}
.lineup.product #tabnav #navLiDRL a { width:7em;}
.lineup.product #tabnav #navLiFUL a { width:7em;}

/* lineup product */
.lineup.product .contentFooterNav .centerLi a { width: 8.5em; }
.lineup.product .section { width: 800px; margin: 0 auto 80px auto;}
.lineup.product h3 { margin-bottom: 45px; text-align: center; }
.lineup.product h3.txt { margin-bottom: 30px; text-align: left; font-size: 20px; }
.lineup.product .rightcontent { width: 380px; float: right;margin-bottom: 30px;}
.lineup.product .leftcontent { width: 380px; float: left;margin-bottom: 30px;}
.lineup.product .btn_buy a { background: #333; padding: 0; text-align:center; color: #fff; font-weight: bold; text-decoration: none; display: block;}
.lineup.product .btn_buy a:hover { background: #444;}
.lineup.product ul.product li { margin-bottom: 18px;}
.lineup.product .productimg ,
.lineup.product .productinfo{ display:inline-block; /display: inline; /zoom: 1;}
.lineup.product .productimg {}
.lineup.product .productinfo { margin: 0 0 0 10px;}
.lineup.product .productinfo { width: 44%;}
.lineup.product .productinfo dl { margin: 30px 0;}
.lineup.product .productinfo dl dt { position: absolute; line-height: 1.2; margin-bottom: 8px;}
.lineup.product .productinfo dl dd { margin-left: 3em; line-height: 1.2; margin-bottom: 8px;}




.lineup.product table.productspec { border-collapse: collapse; font-size: 12px; margin: 0 0 10px; width: 100%;}
.lineup.product table.productspec th,
.lineup.product table.productspec td { font-weight: normal; border-top: 1px solid #ccc; vertical-align: middle; line-height: 1.3; padding: 5px 0;}
.lineup.product table.productspec th { text-align: left;  width: 50px;}
.lineup.product table.productspec td { text-align: center;}
.lineup.product table.productspec th span { font-size: 10px;}
.lineup.product .chusyaku { color: #666666; font-size: 12px; line-height: 1.5;}
.lineup.product .chusyaku_b { color: #666666; font-size: 12px; line-height: 1.5; margin-top: 8px; }

#be h3 { margin-left: -19px; margin-right: -19px;}

#fluorescent table.productspec { margin-left:10px margin-right: 10px; width: 430px;}
#fluorescent table.productspec.two { margin-left:10px margin-right: 10px; width: 100%;}
#fluorescent table.productspec th { width: 60px;}
#fluorescent table.productspec td { padding-right: 60px;}
#fluorescent table.productspec.two td { padding-right: 0;}
#fluorescent table.productspec.two td.leftspace { width: 70px;}

#option .section { margin: 0 auto 80px auto;}
#option .rightcontent,
#option .leftcontent { width: 46%;}
#option .section { margin-bottom:100px;}
#option table.productspec { margin-bottom: 30px;}
#option table.productspec th { width:90px;}
#option table.productspec td { width: 270px; padding-right: 90px;}
#option .description { line-height: 1.6; margin-top: -15px; margin-bottom: 10px;}
#option .chusyaku { margin-left: 1em; text-indent: -1em;}
#option table.product03 td { text-align: center;}
#option .section img { vertical-align:bottom}
#option2 .btn_buy { width: 170px; margin: 20px auto;}

.section#filter { width: 800px; margin: 0 auto 80px auto;}
#main #filter { position: relative; overflow: hidden;}
#main #filter ul.product { position: relative; left: 50%; float: left; margin-bottom: 20px;}
#main #filter ul.product li { position: relative; left: -50%; float: left;}
#filter .product li { padding: 0 15px; }
#filter .btn_buy { margin-top: 40px;}
#main .sek p { line-height: 1.5 !important; margin-bottom:0 !important;}
#main .sek {border: 1px solid #ccc; padding: 3px 5px; margin-bottom: 10px; overflow: hidden;}
#main #filter .sek { width: 550px; margin-left: 10px; float: right;}


/* NEW,MEDIA 
----------------------------------------- */ 
.news #main { min-height: 550px;}
.news dl { margin: 0 60px 50px 60px ;}
.news dt { position: absolute; left: 0; width: 120px; margin-bottom: 15px; text-align: left; font-size: 14px; margin-left: 60px;}
.news dd { padding-left: 120px; margin-bottom: 15px; font-size: 14px;}

.news dd.magazine,
.news dd.newspaper,
.news dd.tv,
.news dd.web,
.news dd.radio { padding-left: 190px;}
.news dd.magazine { background: url(../images/news/icon_magazine.png) no-repeat 110px 5px; }
.news dd.newspaper { background: url(../images/news/icon_newspaper.png) no-repeat 110px 5px; }
.news dd.tv { background: url(../images/news/icon_tv.png) no-repeat 110px 5px; }
.news dd.web { background: url(../images/news/icon_web.png) no-repeat 110px 5px; }
.news dd.radio { background: url(../images/news/icon_radio.png) no-repeat 110px 5px; }

.news.article dl { margin-bottom: 30px;} 
.news .article { margin: 0 30px 40px 60px; padding-left: 120px; font-size: 13px; }
.news.media .article { padding-left: 190px;}


/* SHOWROOM
----------------------------------------- */ 
#showroom .contentHeader { margin: 0 15px 60px 25px;}
#showroom .contentHeader .lead { margin-bottom: 30px; font-size: 24px; color: #00A0E9;}
#showroom .contentHeader p { width: 400px; }
#showroom .section { margin: 0 25px 60px 25px;}
#showroom .section p,
#showroom .section dt,
#showroom .section dd,
#showroom .section ul.SRlist { font-size: 14px; line-height: 1.5; margin-bottom: 8px;}
#showroom .section .left { width: 420px; float: left; position: relative;}
#showroom .section .right { width: 445px; float: right; margin-left: 44px; position: relative;}
#showroom .section h3 { color: #00A0E9; font-size: 18px; font-weight: normal; margin-bottom: 15px;}
#showroom .section .chokuei { background: url(../images/showroom/showroom_icon.png) no-repeat left 50%; padding-left: 115px; line-height:20px; margin-bottom: 15px; font-size: 11px; }
#showroom .section .address { margin-bottom: 20px;}
#showroom .section dt { position: absolute; left: 0; width: 6em; text-align: left; font-size: 14px;}
#showroom .section dd { padding-left: 6em; font-size: 14px;}
#showroom #showroomList h3 { margin-bottom: 40px;}
#showroom #showroomList table { width: 100%;}
#showroom #showroomList table tr { border-bottom: 1px dotted #ddd; font-size: 12px;}
#showroom #showroomList table tr th { padding: 10px 3px; font-weight: normal; vertical-align: middle; line-height: 1.2; }
#showroom #showroomList table tr td { padding: 10px 3px; line-height: 1.4; }
#showroom #showroomList table tr td.center { text-align: center; padding-left:0; padding-right:0; }
#showroom #showroomList table tr span { font-size: 11px; }
#showroom #showroomList ul { width: 900px; margin: 40px auto 0 auto; overflow:hidden;}

#showroom #showroomList ul li { float: left; margin-right:80px; margin: 0 40px 30px 40px; font-size: 105%; width: 220px;}
/* 4つ組
#showroom #showroomList ul li { float: left; margin: 0 10px 30px 10px; font-size: 105%; width: 200px;}
*/
#showroom #showroomList ul li a { display: block; background:#00A7E3; color: #fff; text-align: center; text-decoration: none; font-weight: bold;  padding: 4px 0; border: 1px solid #00A7E3; line-height: 1;}
#showroom #showroomList ul li a:hover { text-decoration: none; background:#fff; color: #333;border: 1px solid #ccc;}

body#showroom {word-break: break-all;}


#showroom.category .section,
#showroom.detail .section { position: relative; margin: 0 60px 50px 60px ;}
#showroom.detail .section h3 { margin-bottom: 40px;}
#showroom.detail .section .right { width:400px; float: right; margin:0; }
#showroom.category #main h3 { font-size: 20px;}
#showroom.category .section dl { }
#showroom.category .section dl dt { font-size: 13px; position: absolute; width:120px; text-align: left; }
#showroom.category .section dl dd { padding-left: 130px; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd;}
#showroom.category .section dl dd a { font-size: 16px;}
#showroom.category .section ul.SRlist { }
#showroom.category .section ul.SRlist li { font-size: 13px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd;}
#showroom.category .section ul.SRlist li a { font-size: 16px;}
div#gMap {
margin-bottom: 40px;
width: 400px;
height: 400px;
}



/* PROFILE
----------------------------------------- */ 
#profile .section { margin: 0 45px 60px 45px;}
#profile .section h3 { font-size: 18px; font-weight: normal; margin-bottom: 20px;}
#profile .section dt,
#profile .section dd { padding-top: 10px; padding-bottom: 10px;}
#profile .section dt { position: absolute; left: 60px; width: 180px;text-align: left; font-size: 14px;}
#profile .section dd { padding-left: 155px; font-size: 14px; border-bottom: 1px dotted #ccc;}
#profile .section td { padding-right: 30px;}
#profile .section .group dt {  left: 60px; width: 500px;}
#profile .section .group dd.date { left: 380px; width: 180px; position: absolute; border-bottom: none;}
#profile .section .group dd.capital { padding-left: 660px; width: 240px; }
#profile .section dl a { color: #333; text-decoration: underline;}
#profile .section dl a:hover { text-decoration: none;}
#profile .section#section03 { border-top: 1px solid #DDDDDD; padding-top: 50px;}
#profile .section#section03 h3 { font-size: 26px;}
#profile .section#section03 p { font-size: 16px; margin-bottom: 20px;}


/* RECIPE
----------------------------------------- */ 
/* color variation */
.recipe #header,
.recipe #footer { background: #fff; }
.recipe #header a,
.recipe #footer #footerNavi a { color: #000;}
.recipe #header a:hover,
.recipe #header .current{ color: #00A5E1;}
.recipe #footer #fujilogo span { color: #000;}
.recipe #footer #copyright { color: #000;}
/* .recipe #footer #footerLink #linkBnr li#blogLink img { border: 1px solid #ddd;} */

.recipe #header {border-bottom: 4px solid #391159;}
.recipe #contents { width: 100%; }
.recipe #contentsInner { width: 960px; margin: auto; padding:0;}
.recipe #main { position: relative;}
#recipetop #contents { height: 1380px;}
#recipetop .bg01 { position: absolute; width: 100%; border-bottom: 4px solid #391159; height: 476px; left:0; top:114px; background: url(../images/recipe/recipe_bg_blue.png) repeat left top; }
#recipetop .bg02 { position: absolute; width: 100%; border-bottom: 4px solid #391159; height: 427px; left:0; top:594px; background: url(../images/recipe/recipe_bg_pink.png) repeat left top; }
#recipetop .bg03 { position: absolute; width: 100%; border-bottom: 4px solid #391159; height: 460px; left:0; top:1025px; background: url(../images/recipe/recipe_bg_yellow.png) repeat left top; }
#recipetop .section { position: relative; margin-top: 4px;}
#recipetop .section#section01 { width: 100%; height: 476px;}
#recipetop .section#section02 { width: 100%; height: 427px;}
#recipetop .section#section03 { width: 100%; height: 459px;}
#recipetop .section h2,
#recipetop .section p,
#recipetop .section li { position: absolute;}
#recipetop .section#section01 h2 { height: 196px; left: 8px; top: 20px; width: 465px; margin:0; padding:0;}
#recipetop .section#section01 p#p01 { height: 196px; left: 8px; top: 216px; width: 465px;}
#recipetop .section#section01 p#p02 { height: 470px; right: 0; top: 0;}
#recipetop .section li { width: 224px; height: 383px; background: url(../images/recipe/recipe_top_btn_bg.png) no-repeat center top;}
#recipetop .section li.li01 { left: 9px; top: 20px;}
#recipetop .section li.li02 { left: 248px; top: 20px;}
#recipetop .section li.li03 { left: 488px; top: 20px;}
#recipetop .section li.li04 { left: 727px; top: 20px;}
#recipetop .section#section03 .pagetop { bottom: 0; right: 0;}

.recipe .tb_sp { display: none;}
.recipe.article .section { margin-bottom: 30px;}
.recipe.article #contents { background: url(../images/recipe/recipe_bg_blue.png) repeat left top; border-bottom: 8px solid #391159;}
.recipe.article #main { margin-bottom: 60px;}
.recipe.article #main h2,
.recipe.article #main p { margin:0; padding:0; line-height: 1; }
.recipe.article #main h2 img,
.recipe.article #main p img { vertical-align: bottom; margin:0;}
.recipe.article #side .title { background: url(../images/recipe/recipe_side_title_bg.png) no-repeat left top; height: 192px; margin-bottom: 10px;}
.recipe.article #side ul { background: url(../images/recipe/recipe_side_bg.png) no-repeat left top; width: 260px; height: 550px; padding-top: 23px;}
.recipe.article #side ul li { width: 230px; height: 46px; margin: 0 auto 20px auto ;}
.recipe.article .pagetop { width: 960px; margin: 0 auto 10px auto;}

/* SUPPORT
----------------------------------------- */ 
/* support TOP */
#supporttop .section.contact,
#supporttop .section.manual { font-size: 14px;}

#supporttop .section.contact { padding: 0 25px 30px 25px; margin-bottom:60px ;border-bottom: 1px solid #ccc; text-align: left;}
#supporttop .section.contact .left { width: 350px; float: left; position: relative; }
#supporttop .section.contact .right { width: 560px; float: left; position: relative; }
#supporttop .section.contact dl { margin: 0 0 20px 0 ;}
#supporttop .section.contact dt { position: absolute; left: 0; width: 110px; margin-bottom: 15px; text-align: left; vertical-align: middle; }
#supporttop .section.contact dd { padding-left: 120px; margin-bottom: 15px; height: 60px; vertical-align: middle;}
#supporttop .section.contact dd img { margin-bottom: 5px;}
#supporttop .section.contact h3 { font-size: 24px; color: #00A1E9; margin-bottom: 30px; }
#supporttop .section.contact .left p { font-size: 14px; line-height: 2; margin-bottom: 40px;}

#supporttop .section.manual .left,
#supporttop .section.manual .right { width: 50%; float: left; position: relative; margin-bottom: 60px; }
#supporttop .section.manual h3 { font-size: 22px; margin-bottom: 20px;}
#supporttop .section.manual h4 { margin-bottom: 10px; margin-top: 5px;}
#supporttop .section.manual h3,
#supporttop .section.manual h4,
#supporttop .section.manual ul,
#supporttop .section.manual p { margin-left: 25px; margin-right: 25px;} 
#supporttop .section.manual p { margin-bottom: 20px;} 
#supporttop .section.manual ul { margin-bottom: 40px;} 
#supporttop .section.manual ul li { margin-bottom: 2px;} 


/* mail form */
.form .section,
.thanks .section { padding: 0 25px;}
.form .section h3,
.thanks .section h3 { font-size: 24px; color: #00A1E9; margin-bottom: 30px; }
.formArea { position: relative; margin: 0; }
.formArea dl { margin: 0 0 30px 0 ;}
.formArea dt { position: absolute; left: 0; width: 220px; margin-bottom: 12px; text-align: left; padding:  0 0 12px 30px;}
.formArea dd { padding-left: 250px; padding-bottom: 12px; margin-bottom: 12px; font-size: 13px; border-bottom: 1px dotted #ccc; }
.formArea dd img { margin-bottom: 5px;}
.formArea label { display: inline-block; vertical-align: middle; padding-right: 18px; line-height: 1em; cursor: pointer;}
input ,select{vertical-align:middle; margin-top:0;}
.formArea table td { padding: 3px;}
.form .section p.setsumei span,
.formArea dt span {	color: #CC0000;	padding-left: 5px;}
.formArea dd span {font-size: 11px;	padding-left: 8px;}
.formArea textarea {height: 96px; width: 420px;}
.thanks #main .section { height: 400px;}
.thanks #main p.msg { text-align: center; margin-top: 50px;}

.formArea dd:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 
.formArea dd { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .formArea dd { height: 1%; }  
.formArea dd { display: block; zoom:1;}  
/* End hide from IE-mac */  


/* support common */
.support.manual .section { padding-left: 25px; padding-right: 25px; position: relative;}
.support.manual h3 { font-size: 22px; margin-left: 25px; margin-bottom: 40px; }
.support.manual p, .support.manual li, .support.manual dt, .support.manual dd, .support.manual th, .support.manual td { font-size: 105%;}
.support.manual .section p { margin-bottom: 20px;}
.support.manual .section .wide { position: relative;}
.support.manual .section .left,
.support.manual .section .right { width: 48%; float: left; position: relative; margin-bottom: 40px; }
.support.manual .section .three { width: 30%; float: left; position: relative; margin-bottom: 40px; margin-right: 3%; }
.support.manual .section .left { margin-right: 3%;}
.support.manual .section .left.leftwide { width: 60%;}
.support.manual .section .right.leftwide { width: 35%;}
.support.manual .section .left.rightwide { width: 35%;}
.support.manual .section .right.rightwide { width: 60%;}
.support.manual .section dl dt { color:#00A1E9; position: absolute; left: 0; width: 30px; font-size: 30px;}
.support.manual .section dl dd { padding-left: 30px; margin-bottom: 30px;}
.support.manual .section { margin-bottom: 20px; padding-bottom: 20px;}
.support.manual .section .right { text-align: center;}
.support.manual .section h4 { font-size: 16px; margin-bottom: 15px; color:#00A1E9; font-weight: normal; }
.support.manual .section ul { margin-bottom: 60px;}
.support.manual .section li { list-style-position:outside; list-style-type: disc; margin-left: 20px;}
.support.manual .section dl { position: relative;}
.support.manual .section dl dd p.title { color:#00A1E9; font-size: 105%; margin-bottom: 15px; padding-top: 13px;}
.support.manual p.onegai { margin-bottom: 5px !important;}
.support.manual p.onegai span { background:#009EDD; padding: 2px 10px; color: #fff; width: 4.5em; line-height: 1em;}
.support.manual .section p.numbering { text-indent: -2em; margin-left: 2em; margin-bottom:5px;}
.support.manual p.attention { text-align: center;}
.support.manual p.attention span { border: 1px solid #009EDD; padding: 5px 30px; width: auto; color: #009EDD; line-height: 1em; font-size: 20px; font-weight: normal; display:inline-block;}
.support.manual .indent { margin-left: 30px; margin-right: 30px;}
.support.manual .border { color:#00A1E9; border: 1px solid #00A1E9; padding: 2px 10px; width: auto; display: inline-block; *display: inline;*zoom: 1;}
.support.manual .bg { background: #DEE4F2; padding: 10px 15px; margin-bottom:20px;} 
.support.manual .bg .left,
.support.manual .bg .right,
.support.manual .bg p { margin-bottom:5px;}


.faq .contentHead,
.form .contentHead,
.thanks .contentHead,
.support .contentHead { position: relative;}
.faq .contentHead p { position: absolute; left: 190px; top: 5px;}
.form .contentHead p,
.thanks .contentHead p,
.support .contentHead p { position: absolute; left: 145px; top: 2px;}
.faq .contentHead p a,
.form .contentHead p a,
.thanks .contentHead p a,
.support .contentHead p a { background: url(../images/common/arrow_off.png) no-repeat left 3px; padding: 2px 0 2px 14px; color: #000; text-decoration: none; font-size: 13px;}
.faq .contentHead p a:hover,
.form .contentHead p a:hover,
.thanks .contentHead p a:hover,
.support .contentHead p a:hover { background: url(../images/common/arrow_on.png) no-repeat left 50%; text-decoration: none;}



/* exchange_filter */

#exchange_filter .section .right img { margin: 10px 0;}
#exchange_filter #section01 { border-bottom: 1px solid #ccc;}
#exchange_filter #section01 p { margin-left: 22px;}


/* exchange_lamp */
#exchange_lamp .section { margin-bottom:30px;}
#care #section01 p img,
#exchange_lamp #section01 p img { padding: 0 5px 5px 5px;}

/* care */
#care h3.bar,
#care_bp h3.bar { border-left: 9px solid #00A1E9; line-height: 1em; padding-left: 8px;}
#care .section h4 { margin-bottom: 5px;}
#care #section02 p { margin-bottom: 30px;}
#care .section,
#care_bp .section {border-bottom: 1px solid #ccc;}
#care .section .relative{ padding-right: 330px; padding-left:20px; }
#care_bp .section .relative { padding-right: 395px; padding-left:20px; }
#care_bp #section04 div img { position: absolute; top:0; right:0;}
#care .section div img { position: absolute; top:0; right:20px;}
#care #section03 > div { padding-right: 550px; position: relative;}
#care #section03 div.box img{ float: right; position: relative; right:0;}
#care #section02 .relative { padding-left:0;}



/* FAQ
----------------------------------------- */ 
.faq #tabnav { top: 80px; width: 100%;}
.faq #tabnav li { text-align: center;}
.faq #tabnav a { padding:0; width: 100%;}
.faq #tabnav #tabnavLi01,
.faq #tabnav #tabnavLi02,
.faq #tabnav #tabnavLi06,
.faq #tabnav #tabnavLi04,
.faq #tabnav #tabnavLi05 { width: 12.5%;}
.faq #tabnav #tabnavLi03 { width: 16.0%;}
.faq #tabnav #tabnavLi07 { width: 18.0%;}

/* for IE8 */
.faq #tabnav #tabnavLi01 a,
.faq #tabnav #tabnavLi02 a,
.faq #tabnav #tabnavLi06 a,
.faq #tabnav #tabnavLi04 a,
.faq #tabnav #tabnavLi05 a { width: 12.5%\9;}
.faq #tabnav #tabnavLi03 a { width: 16.0%\9;}
.faq #tabnav #tabnavLi07 a { width: 18.0%\9;}

/* for IE9 */ 
:root .faq #tabnav #tabnavLi01 a,
:root .faq #tabnav #tabnavLi02 a,
:root .faq #tabnav #tabnavLi06 a,
:root .faq #tabnav #tabnavLi04 a,
:root .faq #tabnav #tabnavLi05 a { width: 100% \0/IE9;}
:root .faq #tabnav #tabnavLi03 a { width: 100% \0/IE9;}
:root .faq #tabnav #tabnavLi07 a { width: 100% \0/IE9;}
/* for IE7 */
*:first-child+html .faq #tabnav a { width: 100% !important;}

.faq .contentHead { /*height: 120px;*/ margin-left: 25px; margin-right: 25px;}
.faq .section { margin: 0 25px; padding-top: 80px;}
.faq h2 { margin-bottom: 20px; font-size: 16px; font-weight: normal; line-height: 30px; padding-left: 0;}
.faq h3 { font-size: 24px; font-weight: normal; color: #666666; padding-bottom: 20px; }
.faq h4 { margin: 30px 0 0 5px; font-size: 105%;}
.faq .section ul { margin-top: 25px; margin-left: 30px;}
.faq .section ul li { margin-bottom: 5px; font-size: 105%; }
.faq .section ul li a { text-decoration: none;}
.faq .section ul li a:hover { text-decoration: underline;}
.faq .section dl { font-size: 16px;}
.faq .section dt { color: #00A1E9; margin-bottom: 15px; cursor: pointer; line-height: 1.5;}
.faq .section dd { display: none; margin-bottom: 20px; line-height: 1.5;}
.faq #main .pagetop{ margin-bottom: -40px;}
/*
#faqdetail li.a p { margin-bottom: 10px;}
#faqdetail li.a p.led{ background: url(../images/faq/icon_led.jpg) no-repeat left 3px; padding-left: 100px; }
#faqdetail li.a p.flu{ background: url(../images/faq/icon_flu.jpg) no-repeat left 3px; padding-left: 100px; }
*/

/*FAQ RESEARCH ADD */
.support-index-search-form-row {
    display: flex;
    margin-top: 5px;
}
.support-index-search-form-field {
    flex: 1;
    margin-right: 15px;
}
.support-index-search-form-row input::placeholder {
    font-size: 14px;
}
.support-index-search-form-row input[type="text"] {
    width: 98%;
    min-height: 30px;
    font-size: 14px;
    padding: 3px 10px 5px;
    margin-right: 15px;
    background: #fff;
    border: 1px solid #888;
    border-radius: 0;
    -webkit-appearance: none;
}
.support-index-search-button {
	width: 145px;
}
.support-index-search-submit {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #00a7e6;
    border: 1px solid #00a7e6;
		border-radius: 4px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    transition: background .2s ease-in-out, color .2s ease-in-out;
}
.support-index-search-submit:hover {
    background: #fff;
    color: #00a7e6;
}
.support-index-search-submit span {
    position: relative;
    display: inline-block;
    padding-right: 17px;

}
.support-index-search-submit span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 14px;
    margin-top: 1px;
    background-image: url("../images/faq/icon_search-white.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 11px 14px;
    transform: translateY(-50%);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}
.support-index-search-submit:hover span::after {
    background-image: url("../images/faq/icon_search-blue.png");
}

.support-index-section01 .support-index-list {
	font-size: 0;
	list-style: none;
	margin: 10px 0 0 -10px;
}
.support-index-section01 .support-index-list .support-index-item {
	margin: 10px 0 0 10px;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	text-align:  center;
}
.support-index-section01 .support-index-list .support-index-item a {	
	display: block;
	padding: 8px 30px;
	border:1px solid #c3c3cf;
	background: url("../images/faq/ico-arrow.png") no-repeat right 5px center;
	border-radius: 4px;
	color:#333;
	text-decoration: none;
	position: relative;
}
.support-index-section01 .support-index-list .support-index-item a:hover {
	opacity: .7;
}

@media only screen and ( min-width: 320px ) and ( max-width: 799px ) {
	.support-index-search-form-row {
		display: block;
		margin-top: 5px;
	}
	.support-index-search-button {
		width:100%;
		height: 40px;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.support-index-search-form-row input[type="text"] {
		width: 99%;
	}
	.support-index-section01 .support-index-list  {
		margin: 10px auto 0;
		text-align: center;
	}

}



/* SITEMAP
----------------------------------------- */ 
#sitemap .section { margin: 0 25px 20px 25px; border-bottom: 1px solid #ccc; position: relative;}
#sitemap .section div{ width: 25%; float: left;}
#sitemap .section div.wide{ width: 50%;}
#sitemap .section div ul { margin-top: 10px; margin-bottom: 40px; font-size: 14px;}
#sitemap .section div ul ul { margin-top: 5px; margin-bottom: 0; margin-left: 15px;}
#sitemap .section div ul li { margin-bottom: 10px;}
#sitemap .section div ul li a { text-decoration: none;}
#sitemap .section div ul li a:hover { text-decoration: underline;}
#sitemap .section h3 { font-size: 20px; font-weight: normal; line-height: 20px;}
#sitemap .section h3#h3store { position:absolute; left:50%; top:0;}


/* PRIVACY POLICY
----------------------------------------- */ 
#privacy .section h3 { font-size: 123%; margin-bottom: 8px;}
#privacy .section { margin: 0 25px 50px 25px}
#privacy .section h4 ,
#privacy .section p { font-size: 105%;}
#privacy .section .shomei { border-top: 1px solid #ccc; font-size: 93%;}
#privacy .section .shomei p { font-size: 93%; line-height: 1.6; padding-top: 8px;}
#privacy .section h4 { border-bottom: 1px dotted #ccc; margin-top: 40px; padding-bottom: 8px;}
#privacy .section p { margin-bottom: 8px;}
#privacy .section h3.CrossHead { margin-top: 60px; border-bottom: 1px solid #ccc; padding-bottom: 8px;}








/****************************************
 responsive
*****************************************/
.pc {display: inherit;}
.sp,
.tb {display: none;}
/*-----------------------------------------------------------------------------------*/
/* all
/*-----------------------------------------------------------------------------------*/
#mobile-bar { display: none;}
#nav ul#globalNavi li > ul { display: none !important;}
/*-----------------------------------------------------------------------------------*/
/* 640px - 
/*-----------------------------------------------------------------------------------*/

@media only screen and ( min-width: 640px ) {


#build-menu { display: none;}
.nav-wrap { display: block;}

}
/*-----------------------------------------------------------------------------------*/
/* 800px - 
/*-----------------------------------------------------------------------------------*/

@media only screen and ( min-width: 800px ) {
.sp {display: none;}

#aboutKey img,
img.fullwidth {width: auto; height: auto;}

}

/*-----------------------------------------------------------------------------------*/
/* 960px - 
/*-----------------------------------------------------------------------------------*/

@media only screen and ( min-width: 960px ) {

}

/*-----------------------------------------------------------------------------------*/
/*  - 640px
/*-----------------------------------------------------------------------------------*/

@media only screen and ( max-width: 640px ) {
.pc,
.tb,
.pc.tb {display: none;}
.sp {display: inherit;}
.sp_none,
.br-pc { display: none;}
.br-sp { display:block;}
.nav-wrap { display: none;}
#mobile-bar { display: block !important; }

#wrapper { }
table.spec td { width: 23.5%;}
#header #headerInner { height: 65px;}
#header h1 { width: 170px; position: relative; margin: 0 auto; left:0; top: 12px;}
#header #srchBox { display: none;}

.sponly { display:block;}

.contact li { width: 48%; margin-left: -1px;}
.contact li a {padding: 10px 20px;}
.contact li a img { width: 100%; height: auto; max-width: 160px;}
.sp_aligncenter { text-align: center;}

#submenu {
	margin: 0 auto; 
	list-style: none; 
	position: absolute; 
	width: auto; 
	top:-5px;
	right:5px;
	display: block;
}
.sp_fullwidth { width: 100% !important; margin-left:0 !important; margin-right: 0 !important; float: none !important;}
.sp_fullwidth_m { width: 96% !important; margin-left:auto !important; margin-right: auto !important; float: none !important;}
/* menu slide in */
    	    #header #nav { display: none; }
			
    	    
    	    .open { display: block; }
			#nav span { display: none;}

#footerInner { width: 100%; height: 115px;}
#footer .spmenu { display: none;}
#footer #footerLink #linkBnr { top: 30px; right: 5px; width: auto;}
#footer #footerLink #linkBnr li { display: block; margin: 5px 0;}
#footer #footerLink #linkBnr li img { width: 130px; height: auto;}
#footer #fujilogo { top: 40px; max-width: 45%;}
#footer #fujilogo img { width: 150px; height: auto; max-width: 100%;}
#footer #footerLink #social { margin-top: 10px;float: right; text-align: left;}
#footer #footerLink #linkBnr li { margin-left: 5px;}
#footer #copyright { text-align: right; right: 5px;}

/* top */
#topBnr { height: auto; margin-top: 20px;}
#topBnr li { float: none; text-align: center; height: auto; width: 100%; margin: 0 0 10px 0;}

#topBnr2 { height: auto; margin-top: 20px;}
#topBnr2 li { float: none; text-align: center; height: auto; width: 100%; margin: 0 0 10px 0;}

#topbanner2 { margin:0; width:100%; }
#topbanner2 ul { width:100%; float:none; }
#topbanner2 ul li { margin-bottom:10px; width:100%; float:none; text-align:center; }
#topbanner2 p { clear:both; text-align:center; }

#newsArea { margin: 30px 10px 10px 10px; width: auto;}
#home #newsArea h2 { top: 0; left:0; padding-left:0;}
div#news {margin-left: 0;}
#home #newsArea #news dl dt { float: none; margin-bottom: 0; line-height: 13px;padding-right: 65px;}
#home #newsArea #news dl dd { margin-left: 0; background: none; padding-left:0;}

div#news dl dt.news { background: url(../images/news/news_icon_n.png) no-repeat right 0;}
div#news dl dt.media { background: url(../images/news/news_icon_m.png) no-repeat right 0;}
div#news dt.magazine,
div#news dt.newspaper,
div#news dt.tv,
div#news dt.web,
div#news dt.radio { background: url(../images/news/news_icon_m.png) no-repeat right 0;}
div#news dt.info { background: url(../images/news/news_icon_n.png) no-repeat right 0;}


/* about */

#about #submenu,
.aboutChild  #submenu,
#shape #submenu{ width: 12.5em;}
#about #submenu select,
.aboutChild  #submenu select,
#shape #submenu select{ width: 12em;}
#about div#aboutTop #intro { font-size:14px; letter-spacing:0; margin: -20% auto 10px auto;}
#about div#aboutTop #aboutKeyArea { height: auto; padding: 30px 0; margin-bottom: 30px;}


.aboutNav {  overflow: hidden ; margin: 0 5px 30px 5px; display: none;}
.aboutNav li.left { float: left;}
.aboutNav li.right { float: right;}
.aboutNav a { text-decoration: none; color:#333;}
.aboutNav li.left a { background: url(../images/common/arrow_back.png) no-repeat left 50%; padding-left: 15px;}
.aboutNav li.right a { background: url(../images/common/arrow_on.png) no-repeat right 50%; padding-right: 15px;}
.aboutNav a:hover { text-decoration: underline;}

#mechanism .section#section04 { margin-top: 30px;}
#mechanism #contents .w800 { padding-top: 30px;}
#mechanism #section01 h3 { position: relative; top: inherit; left: inherit;}
#mechanism #section02 ul li { float: none; margin-bottom: 15px;}
#mechanism #section02 ul li#centerLi01 img { max-width: 250px}
#mechanism #section02 ul li#centerLi02 { margin-right: 0;}
.aboutChild h3 {font-size: 20px;margin-bottom: 20px;}
#performance #section01 h2 {font-size: 24px;}
#performance #section01 #performanceKey p#keyimg { text-align : center;}
#performance #section03 ul li { float: none; margin-bottom: 15px;}
#performance #section03 ul li#centerLi01 img { max-width: 250px}
#performance #section03 ul li#centerLi02 { margin-right: 0;}

#design .section div.sectionInner { margin: 0 auto 40px auto; }
#design #section01,
#design #section02 { margin-bottom: 30px;}
#design .section h2 {  font-size: 28px; margin-top: 15px; margin-bottom: 15px;}
#design #section03_01 .leftcontent img { width: 50%; max-width:200px; }
#design #main table th.alignleft,
#design #main table td.alignleft {padding-left: 5px;}

#design #section03.section div.sectionInner,
#design #section03_2.section div.sectionInner,
#design #section04.section div.sectionInner,
#design #section04_2.section div.sectionInner { height: auto; margin-bottom:30px;}
#design #section03.section,
#design #section03_2.section { height: auto;}
#design #section04.section,
#design #section04_2.section { height: auto;}

#design .tab { border-top: 1px solid #DDDDDD; width: 100%; margin: 0 auto 30px auto;}
#design .tab ul { margin-top: -1px; text-align:center;}
#design .tab ul li { display: inline-block; padding: 0 1%; width: 48%;}

#design h3 .trigger img { width: 50% !important;}




#shape #contents { width: 100%;}
#shape #aboutKeyArea { padding: 10px 0 ; margin-bottom: 0;}
#shape #aboutKey { width: 100%; overflow: hidden;}
#shape #aboutKey #left,
#shape #aboutKey #right { float: none; margin: 0; width: 100% !important;}
#shape #aboutKey img { width: 100%; margin: 15px 0 15px 0;}
#shape #aboutKey #left img,
#shape #aboutKey #right img { width: 70%; margin: 15px auto;}
#shape #shape_middle { width: 100%; margin-bottom: 30px;}
#shape #shape_middle .inner { width: 97%; margin: 0 0 0 3%;}
#shape #aboutKey h2 {font-size: 24px; letter-spacing:0; line-height: 1.6; margin-bottom:20px;}
#shape #aboutKey .lead { font-size: 18px; line-height: 1.6;}
#shape #aboutKey #left h3,
#shape #aboutKey #right h3 { font-size: 16px; margin-bottom: 10px; }
#shape #aboutKey #left p,
#shape #aboutKey #right p { font-size: 14px; }


#shape #shape_middle {margin-bottom: 20px;}
#shape #shape_middle .inner { width: 96%; margin: 0 auto; }
#shape #shape_middle .inner .img { float: none; width: 70%; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
#shape #shape_middle .inner .img img {position: relative; top: -0;}
#shape #shape_middle .inner .txt { padding: 15px 0 0 0; float: none; width: 100%; }
#shape #shape_middle .inner .txt h3 { font-size: 16px; margin-bottom: 5px;}
#shape #shape_middle .inner .txt p { font-size: 13px;}



#contents .w800 h4 { font-size: 16px; font-weight: bold;}
#contents .w800 p.lead {font-size: 14px; margin-bottom: 10px;}
#contents .w800 .profile { margin-bottom: 30px;}
#contents .w800 .profile .leftpic { float: none; width: 100%; text-align: center; }
#contents .w800 .profile .righttxt { float: none; width: 100%; }
#contents .w800 .profile .righttxt p { margin-bottom: 10px;}
#contents .w800 .profile .righttxt p img { margin-left: auto; margin-right: auto; display: block;}

#about .contentFooterNav .centerLi li,
#shape .contentFooterNav .centerLi li,
.aboutChild .contentFooterNav .centerLi li { width:47%; padding:0; margin: 0.5%;}
#about .contentFooterNav .centerLi li a,
#shape .contentFooterNav .centerLi li a,
.aboutChild .contentFooterNav .centerLi li a { width: 100%; font-size: 11px; padding-left:0; padding-right:0; letter-spacing:-0.1em;}


/* lineup */
.lineup.product .key { text-align: center;}
.lineup.product .rightcontent { max-width: 350px; margin: 0 auto !important;}
.lineup.product .rightcontent dl dt,
.lineup.product .rightcontent dl dd { font-size: 12px;}
.lineup.product .contentFooterNav .centerLi li { width: 28%; padding:0; margin: 3px;}
.lineup.product .contentFooterNav .centerLi li a { width: 100%; font-size: 11px; padding-left:0; padding-right:0;}
#be h3 { margin-left: 0; margin-right: 0;}
#main #filter ul.product li { float: none; left:0; margin: 0 auto 30px auto; width: 250px; text-align:center;}
#main #filter ul.product { left:0; margin: 0 auto; width: auto; float: none;}
#option .product03 .btn_buy { width: 90%; max-width: 170px;}

/* support */
#supporttop .section.contact dt { position: absokute; left: 0; width: 70px; margin-bottom: 15px; text-align: left; vertical-align: middle; }
#supporttop .section.contact dd { padding-left: 80px; margin-bottom: 15px; height: auto; vertical-align: middle; line-height:1.5;}
h2 ,
#supporttop .section.contact,
.form .section, .thanks .section,
.support .section { padding-left: 10px !important; padding-right: 10px !important;}
#supporttop .section.manual h3, #supporttop .section.manual h4, #supporttop .section.manual ul, #supporttop .section.manual p{ margin: 0 10px 10px 10px ; }
.support .section .left,
.support .section .right,
.support .section .three { float: none !important; width: 100% !important; margin-bottom: 20px !important;}
.support.manual .section { margin-bottom: 20px;}
.support.manual h3,
.support.manual h4 {  margin-left: 0; margin-right:0 ;}
#care_bp #section04 div img{position: relative;right: inherit; margin: 0 auto; display: block;}
#care .section div img {position: relative;right: inherit;}
#care_bp .section .relative,
#care .section .relative {padding-right: 0;}
#care #section03 > div,
#care_bp #section03 > div {padding-right: 0;}

.formArea dt { width: auto; position: relative; padding: 0 0 0 10px;}
.formArea dd { padding-left: 0; padding: 0 0 12px 10px;}

.formArea textarea {height: 96px; max-width: 260px !important;}
.formArea input { max-width: 260px !important;}
div.mfp_buttons ul { height: auto !important; width: auto !important;}
div.mfp_buttons ul li { float: none !important; height: auto !important; margin: 0 auto !important; overflow:auto !important;}
 
#profile .section dt,
#profile .section .group dt { width: auto; position: relative; text-align: left; left: 0; padding-bottom:0; font-size: 15px;}
#profile .section dd,
#profile .section .group dd.date,
#profile .section .group dd.capital { padding-left: 0; padding-top: 5px; line-height: 1.5; left:0; position: relative; width:100%; font-size: 13px;}
#profile .section .group dd.date { padding-top: 10px; padding-bottom: 0;}

#sitemap .section {margin: 0 4% 20px 4%;}
#sitemap .section div ul { margin-bottom: 0;}
#sitemap .section div ul li { line-height: 1.6; margin-bottom:20px;}
#sitemap .section div ul li li { margin-bottom:0;}

#recipetop .section li { width: 46% !important; margin: 2% !important; text-align: center;}
#recipetop .section li img { width: 100%; max-width: 224px; height: auto;}
#recipetop .section#section01 h2,
#recipetop .section#section01 p#p01{ float: none; width: 98%; margin: 0 1% 1% 1%; padding-top: 1% !important;}
#recipetop .section#section01 p#p02 { float: none; width: 100%; margin: 0;}
.recipe .tb_sp { display: block; width: 98%; margin: 0 1% 15px 1% !important; padding-top: 1% !important;}
.recipe h2 { padding:0 !important;}
.recipe.article #main { margin-top:0;}
.recipe.article #main p img {max-width: 620px; width: 100%;}
.recipe.article .section{ margin-bottom: 15px !important;}
.recipe #submenu {  margin-bottom:10px !important;}



/*.faq .contentHead {height: 80px;}*/
.faq #submenu { top: 36px;}

#showroom .contentHeader,
#showroom .section,
.news dl,
.news .article{ margin: 0 4% 50px 4%; padding-left:0 !important;}
#showroom.detail .section .left,
#showroom.detail .section .right { float: none; width: 100%;}
#showroom.detail .section .left { margin-bottom: 20px;}
div#gMap {height: 200px; margin-bottom: 30px;}
#showroom.category .section dl dt,
.news dl dt { position: relative;}
#showroom.category .section dl dd,
.news dl dd { padding-left:0 !important;}
#showroom #showroomList h3 { margin-bottom: 20px;}
#showroom #showroomList ul { margin-top:0;}
#showroom #kinki { letter-spacing: -1px;} 
#showroom #main,
.news #main {position: relative;}
#showroom #main .backBtn,
.news #main .backBtn { position: absolute; margin:0; top:0; right:10px;}

.news dt {margin-left:0; margin-bottom:0;}


.news dd { padding-top: 20px;}
.news dd.magazine { background: url(../images/news/icon_magazine.png) no-repeat left top; }
.news dd.newspaper { background: url(../images/news/icon_newspaper.png) no-repeat left top; }
.news dd.tv { background: url(../images/news/icon_tv.png) no-repeat left top; }
.news dd.web { background: url(../images/news/icon_web.png) no-repeat left top; }
.news dd.radio { background: url(../images/news/icon_radio.png) no-repeat left top; }

#privacy .section { margin: 0 4% 40px 4%;}
.faq .section  { margin: 0 4% 40px 4%; padding-top: 0;}
}
/*-----------------------------------------------------------------------------------*/
/*  - 800px
/*-----------------------------------------------------------------------------------*/

@media only screen and ( max-width: 800px ) {
.sp-tb_none { display: none;}
.br-sptb {display:block;}
#wrapper { width: 100%;}
#header { position: relative;}
#header #headerInner { width: 100%;}
#header #utilityNavi li,
#header #globalNavi li { font-size: 11px;}
#contents { width: 100%; margin-top:0; padding-top: 0;}
.aboutChild .contentHead { width: 100%;} 
table.spec th,
table.spec td { font-size: 85%;}
table.spec th { display: none;}

#footer #footerNavi { top: 15px;}
#footer #copyright { text-align: left; bottom: 0px; margin: 0 0 0 10px ; font-size: 9px;}
/* about */
#mechanism #mechanismKey { width:100%; margin-bottom: 20px;}
#mechanism #section02 p { width: 96%; font-size: 14px; margin-bottom: 1em; line-height: 1.8;}
#mechanism #section02 ul { width: 96%; margin: 0 auto;}

#mechanism #main #section01 { position: relative; width: 94%; height: auto; margin: 20px 3%; padding-top: 0;}
#mechanism #main #section01 img { width: 100%;}
#mechanism #main #section01 .txtArea { position: relative; top: 0; left: 0; width: 100%; }
#mechanism #main #section01 h3 { margin-bottom: 30px;}
#mechanism #main #section01 p#txt1 { margin-bottom:20px; font-size: 14px;}
#mechanism #main #section01 p#txt2 { margin-bottom: 20px; font-size: 12px;}

#mechanism #section02 { position: relative; width: 94%; margin: 0 3% 40px 3%;text-align:left;}
#mechanism #section02 li { float: right;}

#contents .w800 { width: 94%; margin: 0 3%;}

#about #contents .w960 { width: 100%; margin: 0 auto;}
.aboutChild #main p { font-size: 14px; line-height: 1.8; margin-bottom: 1em;}
#about .pagetop,
#shape .pagetop,
.aboutChild .pagetop { width: 96%; margin-left:auto; margin-right: auto;}
.tb_fullwidth { width: 100% !important; margin-left:0 !important; margin-right: 0 !important; float: none !important;}
.tb_fullwidth_m { width: 96% !important; margin-left:auto !important; margin-right: auto !important; float: none !important;}

#performance #section01 h2 { margin-top: 40px;margin-bottom: 40px;}
#performance #section02 ul li { margin-bottom: 20px;}
#performance #section03 ul { width: 100%; margin: 0 auto;}
.lineup.product .productimg { width: 42%}
.lineup.product .productinfo { width: 50%}
.lineup.product .productinfo dl { width: 100%; margin: 20px 0;}
.lineup.product .productinfo dl dd { width: auto;}

#design h3 { position: relative;}
#design h3 .trigger { position: relative; top: inherit; right: inherit; text-align: right; margin-top: 10px;}
#design h3 .trigger img { width: 30%;}
#design .section div.sectionInner { margin: 0 auto 40px auto; width: 98%; }

#shape #contents .w960 { width: 100%; margin: 0 auto;}

#shape #aboutKeyArea { margin-bottom: 0; padding: 40px 2%; width: 96%;}
#shape #aboutKey { width: 100%; margin: 0 auto; }
#shape #aboutKey h2 {font-size: 30px; letter-spacing:5px; line-height: 1.6; margin-bottom:30px;}
#shape #aboutKey .lead { font-size: 22px; line-height: 1.6;}
#shape #aboutKey #left { margin-top: 45px; width: 48%;}
#shape #aboutKey #right { margin-top: 45px;width:48%;}
#shape #aboutKey #left h3,
#shape #aboutKey #right h3 { font-size: 16px; margin-bottom: 10px; }
#shape #aboutKey #left p,
#shape #aboutKey #right p { font-size: 14px; }
#shape #shape_middle .inner .img img { padding: 5px 0;}


#sitemap .section div { float: none; width: 100%;}
#sitemap .section h3#h3store { position:relative; left: 0; top: inherit; border-top: 1px solid #CCC; padding-top: 20px;}


.recipe #contentsInner { width: 100%;} 
#recipetop #contents { height: auto;}
#recipetop .bg01,
#recipetop .bg02,
#recipetop .bg03 {display: none;} 
#recipetop .section{ height: auto !important;border-bottom: 4px solid #391159; margin-top:0 !important;}
#recipetop .section#section01 { background: url(../images/recipe/recipe_bg_blue.png) repeat left top;}
#recipetop .section#section02 { background: url(../images/recipe/recipe_bg_pink.png) repeat left top;}
#recipetop .section#section03 { background: url(../images/recipe/recipe_bg_yellow.png) repeat left top;}
#recipetop .section h2, #recipetop .section p, #recipetop .section li { position: relative; height: auto !important; left:inherit !important; top: inherit !important; }

#recipetop .section#section01 img { width: 100%; vertical-align:bottom;}
#recipetop .section li { float: left; width: 23%; left:inherit !important; top: inherit !important; background:none; height: auto !important; margin: 2% 1%;}
#recipetop .section li a { display: block;}
#recipetop .section#section03 ul { overflow: hidden;}
.recipe #side { display: none;}
.recipe.article #main { width: 100%;}
.recipe.article #main h2,
.recipe.article #main p { text-align: center;}

.recipe #submenu { display: block; position: relative; text-align:center; margin-bottom: 20px;}
.recipe #submenu select {
	-moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    padding: 4px;
    border: 1px solid #DDD;
    color: #222;
	cursor: pointer;
	background: url(../images/common/arrow_pulldown2.gif) no-repeat right 50% #fff;
	margin: 0 auto;
	/*
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.32) inset;
	*/
	}

#recipetop .section#section03 .pagetop { bottom: inherit; right: inherit;}
.recipe.article .pagetop { width: 100%;}

#showroom .contentHeader p { width: 100%;}
#showroom.category .section, #showroom.detail .section {margin: 0 4% 60px 4%;}
#showroom #showroomList ul { width: 104%; margin-left: -2%; margin-right: -2%;}
#showroom #showroomList ul li { float: left; margin: 0 2% 20px 2%; font-size: 100%; width: 46%;}
div#gMap {width: 100%;}

.faq .section  { padding-top: 30px;}
.faq #main .pagetop{ margin-bottom: 0;}

#about p.review,
#about h4.review ,
#zigsow { display: none;} /* zigsow */
}

/*-----------------------------------------------------------------------------------*/
/*  - 960px
/*-----------------------------------------------------------------------------------*/

@media only screen and ( max-width: 960px ) {

}




/*-----------------------------------------------------------------------------------*/
/* 320px - 639px
/*-----------------------------------------------------------------------------------*/

@media only screen and ( min-width: 320px ) and ( max-width: 639px ) {

}

/*-----------------------------------------------------------------------------------*/
/* 320px - 799px 
/*-----------------------------------------------------------------------------------*/

@media only screen and ( min-width: 320px ) and ( max-width: 799px ) {
#topBg {height: 200px;}
}


/*-----------------------------------------------------------------------------------*/
/* 640px - 799px
/*-----------------------------------------------------------------------------------*/

@media only screen and ( min-width: 640px ) and ( max-width: 799px ) {
#wrapper { }
#header #headerInner { height: 110px;}
#header h1 { width: 200px; top:10px;}
/* 検索窓の上パターン */
#header #utilityNavi { top: 20px; /*right: 0;*/ }
#header #utilityNavi li { padding: 0 5px;}
#header #utilityNavi li span { padding-left: 5px; }
#header #globalNavi { top: 70px; position: relative; margin: 0 auto; width: auto; text-align:center; }
#header #globalNavi li { margin: 0 5%;}
#header #globalNavi li:first-Child { margin-left: 0 ;}
#header #globalNavi li:last-Child { margin-right: 0 ;}
#footer #fujilogo { bottom: 10px;}
#footerInner { width: 100%; height: 180px;}
#footer #footerLink #linkBnr { top: 80px; right: 5px;}
#footer #footerLink #social { margin-top: 50px;}

/* top */
#topBnr,
#topBnr2  { height: auto; clear:both;}
#topBnr:after,
#topBnr2:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#topBnr,
#topBnr2 { display: inline-block;}
#topBnr,
#topBnr2 { display: block;}

#topBnr li { width: 32.3%; margin:0 0.5%; text-align: center; height: auto;}
#topBnr li:first-child { margin-left: 0.5%;}
#topBnr img { width:100%;}
#topBnr2 li { width: 49%; margin:0 0.5%; text-align: center; height: auto;}
#topBnr2 li:first-child { margin-left: 0.5%;}
#topBnr2 img { width:100%;}

/* about */
#tabnav { position: relative; width: 96%; margin: 0 2%;}
.contact li a {padding: 20px 40px;}
#mechanism #section02 li#centerLi01 { width: 37.5%;}
#mechanism #section02 li#centerLi02 { width: 60%;}
#mechanism #section03 #section03P01 { float: left; width: 42%;}
#mechanism #section03 h3,
#mechanism #section03 #section03P02,
#mechanism #section03 #section03P03 { float: right; width: 52%; margin-right: 10px;}

#performance #section01 #performanceKey p#keyimg { width: 48%; height: auto;}
#performance #section01 .rightcontent { width: 50%;}
#performance #section01 h2 {font-size: 30px;}
#performance #section02 ul li { width: 48%;}
#performance #section03 li#centerLi01 { width: 37.5%;}
#performance #section03 li#centerLi02 { width: 60%;}

#design #section04 .rightcontent { width: 42%;}
#design #section04 .leftcontent { width: 54%;}
#design #section04_2 .rightcontent { width: 42%;}
#design #section04_2 .leftcontent { width: 54%;}


#shape #shape_middle .inner { width: 96%; margin: 0 auto; }
#shape #shape_middle .inner .img { width: 58%; height:auto;}
#shape #shape_middle .inner .img img {position: relative; top: -5%;}
#shape #shape_middle .inner .txt { padding: 45px 0 0 0; width: 38%; }
#shape #shape_middle .inner .txt h3 {  margin-bottom: 5px;}

#contents .w800 .profile .leftpic { float: left; width: 30%; padding-top: 8px; }
#contents .w800 .profile .leftpic img { width: 90%; }
#contents .w800 .profile .righttxt { float: left; width: 70%; }

.lineup.product .rightcontent { width: 50%; float: right;}
.lineup.product .leftcontent { width: 45%; float: left;}

#filter .product { width: 100%;}
#filter .product li { width: 31%; padding: 1%;}


#supporttop .section.contact .left { width: 40%;}
#supporttop .section.contact .right { width: 60%;}

.support.manual .section .left { width: 52% !important; margin-right: 2% !important;}
.support.manual .section .left { width: 46% !important;}

#option .product03 .btn_buy { width: 90%;}
#option #section01 .rightcontent { width: 38%;}
#option #section01 .leftcontent { width: 60%;}

#care #section01 p img,
#exchange_lamp #section01 p img { width: 48%; vertical-align: top;}
#care #section03 > div {padding-right: 50%;}
#care .section div img { min-width: 100px; right: -10px;}
#care #section03 div img{ width: 50%;}
#care .section .relative {padding-right: 300px;}
#care #section02 .relative {padding-right: 250px;}

.formArea dt { width: 25%;}
.formArea dd { padding-left: 28%;}


#profile .section dt { left: 20px; width: 100px;text-align: left; font-size: 14px;}
#profile .section dd { padding-left: 130px; font-size: 14px;}
#profile .section td { padding-right: 30px;}
#profile .section .group dt {  left: 20px; width: 40%;}
#profile .section .group dd.date { left: 45%; width: 24%; padding-left:0;}
#profile .section .group dd.capital { padding-left: 74%; width: 26%; }


#sitemap .section div{ width: 48%; float: none; display: inline-block; vertical-align:top;}
#sitemap .section h3#h3store { position:relative; left: 0; top: inherit;}

.faq #tabnav li { letter-spacing: -0.1em;}
.faq #tabnav #tabnavLi07 { width: 17%;}

#recipetop .section#section01 div { float: left; width: 48% !important; margin: 1% 1% 0 1%;}
#recipetop .section#section01 h2,
#recipetop .section#section01 p#p01{ width: 100%; height: auto;}
#recipetop .section#section01 p#p02 { width: 48%; float: right; height: auto;}
.recipe .tb_sp { display: block; width: 465px; margin: 0 auto 20px auto !important; padding-top: 20px !important;}

#showroom .section .right { width: 65%; margin-left:0;}
#showroom .section .left { width: 30%;}

#showroom.detail .section .left { width:60%;}
#showroom.detail .section .right { width:40%; float: right; margin:0; }
div#gMap {
height: 300px;
}
}







div.tag {background: #222;}