@charset "UTF-8";

.wrapper {
	overflow: hidden;
	position: relative;
	background: #FFF;
}
#contents_wrap{
	overflow:hidden;
}

/* ヘッダー */
#header{
	width: 100% !important;
	background:#102850;
}
#header_inner{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#header_inner p{
	width: 288px;
	float: left;
}
#header_inner ul{
	/*width: 626px;*/
	width:496px;
	float: right;
	overflow: hidden;
}
#header_inner li.header_tel{
	float:left;
	width:236px;
	display:block;
}
#header_inner li.header_pdf,
#header_inner li.header_contact,
#header_inner li.header_catalog{
	float: left;
	width:130px;
	height:88px;
	overflow:hidden;
	display:block;
}
#header_inner .sp_header_tel,
#header_inner li.sp_header_pdf,
#header_inner li.sp_header_contact,
#header_inner li.sp_header_catalog{
	display:none;
}
#header_inner li.header_pdf{
	background:url(../../../../img/ss/products/flowknowledge/header_pdf.jpg) no-repeat left top;
}
#header_inner li.header_pdf:hover{
	background:url(../../../../img/ss/products/flowknowledge/header_pdf.jpg) no-repeat left -88px;
}
#header_inner li.header_contact{
	background:url(../../../../img/ss/products/flowknowledge/header_contact.jpg) no-repeat left top;
}
#header_inner li.header_contact:hover{
	background:url(../../../../img/ss/products/flowknowledge/header_contact.jpg) no-repeat left -88px;
}
#header_inner li.header_catalog{
	background:url(../../../../img/ss/products/flowknowledge/header_catalog.jpg) no-repeat left top;
}
#header_inner li.header_catalog:hover{
	background:url(../../../../img/ss/products/flowknowledge/header_catalog.jpg) no-repeat left -88px;
}
#header_inner li.header_pdf a,
#header_inner li.header_contact a,
#header_inner li.header_catalog a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}
#header_inner .sp_header_link{
	display:none;
}

/* パンクズ */
.breadcrumb{
	background:#7285a5;
	margin:0;
}
.breadcrumb ul{
	width:980px;
	margin:0 auto;
}
.breadcrumb ul li{
	display:inline-block;
	color:#fff;
	font-size:12px;
	margin-right:8px;
	padding:15px 0;
}
.breadcrumb ul .bread_home{
	background:url(../../../../img/ss/products/flowknowledge/bg_pankuzu.gif) no-repeat left 16px;
	padding-left:19px;
}
.breadcrumb ul li a{
	color:#dedede;
	font-size:12px;
}

/* ナビゲーション*/
#nav{
	width:217px;
	padding-top:30px;
	float:left;
}
#nav_wrap{
}
#nav_wrap h2{
	margin-bottom:12px;
}
#nav_wrap h2 img{
	width:92px;
}
#nav_wrap .nav_home{
	font-weight:bold;
	background:url(../../../../img/ss/products/flowknowledge/icon_home.jpg) no-repeat 6px 14px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:10px 10px 7px 24px;
}
#nav_wrap .nav_home a{
	color:#333;
}
.ttl_nav:hover{
	background:#eff5fe;
}
#nav_wrap .ac{
	background:#eff5fe;
}
#nav_wrap .ac h3{
	color:#f92828;
}
.ttl_nav h3{
	color:#333;
	font-size:14px;
	line-height:1em;
	padding: 13px 20px 14px 9px;
	background:url(../../../../img/ss/products/flowknowledge/icon_navi_off.jpg) no-repeat 191px 22px;
}
.ttl_nav h3:hover{
	color:#f92828;
	cursor:pointer;
}
#nav_wrap .ac h3{
	color:#f92828;
	background:url(../../../../img/ss/products/flowknowledge/icon_navi_on.jpg) no-repeat 191px 22px;
}
#nav_wrap .ac .nav_on{
	background:url(../../../../img/ss/products/flowknowledge/icon_navi_off.jpg) no-repeat 191px 22px;
}
.ttl_nav .nav_on{
	background:url(../../../../img/ss/products/flowknowledge/icon_navi_on.jpg) no-repeat 191px 22px;
}
.ttl_nav h3 span{
	color:#f92828;
	font-size:9px;
}
#nav_wrap > ul{
	border-bottom:1px solid #efefef;
}
#nav_wrap > ul.nav_bnr{
	border:none;
}
#nav_wrap ul .nav_list{
	padding: 0px 10px 0px 20px;
	background:url(../../../../img/ss/products/flowknowledge/icon_arrow.gif) no-repeat 8px 5px;
	display:none;
	line-height:1.4em;
	margin-bottom:7px;
}
#nav_wrap ul .list_top{
	padding: 15px 10px 0px 20px;
	background:url(../../../../img/ss/products/flowknowledge/icon_arrow.gif) no-repeat 8px 20px;
	border-top:1px dotted #e7e7e7;
	line-height: 1.4em;
	margin-bottom: 7px;
}
#nav_wrap ul .nav_child{
	padding: 0px 10px 0px 33px;
	background:url(../../../../img/ss/products/flowknowledge/icon_child.gif) no-repeat 23px 6px;
}
#nav_wrap ul .nav_child a{
}
#nav_wrap ul .nav_list a{
	color:#333;
}

/* カタログエリア */
#cv_area{
	background:url(../../../../img/ss/products/flowknowledge/bg_cv_area.jpg) #102850 no-repeat center center;
}
#cv_inner{
	width:980px;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
}
.btn_top{
	position:absolute;
	right:-10%;
	top:-40%;
}
#cv_inner .tit_icon{
	background:url(../../../../img/ss/products/flowknowledge/icon_cv.jpg) no-repeat left center;
}
#cv_inner h2{
	color:#fff;
	font-weight:900;
	font-size:21px;
	padding-left:55px;
	/*margin-bottom:13px;*/
	/*min-height: 45px;*/
	height:50px;
	padding-top: 26px;

}
#cv_inner h2 span{
	font-weight:100;
	font-size:14px;
}
#cv_inner #sp_list{
	display:none;
}
#cv_inner #pc_list{
	padding:20px 25px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_bg_cv.jpg) repeat #292929;
	overflow:hidden;
	display:block;
}
#cv_inner #pc_list li{
	float:left;
	margin-left:1px;
	height:88px;
}
#cv_inner #pc_list li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}
#cv_inner #pc_list li:hover{
	background-position:left -88px;
}
#cv_inner #pc_list .bnr_pdf{
	width:130px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_pdf.jpg) no-repeat left top;
	margin:0;
}
#cv_inner #pc_list .bnr_contact{
	width:195px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_contact.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_catalog{
	width:195px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_catalog.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_q{
	width:267px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_Q.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_g{
	width:267px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_G.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_x{
	width:267px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_X.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_h{
	width:267px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_H.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_s{
	width:267px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_S.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_m{
	width:267px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_M.jpg) no-repeat left top;
}
#cv_inner #pc_list .bnr_u{
	width:135px;
	background:url(../../../../img/ss/products/flowknowledge/bnr_U.jpg) no-repeat left top;
}

/* フッター */
#footer{
	background:#fff;
	margin:0 !important;
}
#footer_inner{
	width:980px;
	margin:0 auto;
	padding:25px 0;
}
#footer_inner h2{
	font-size:18px;
	font-weight:900;
	background:url(../../../../img/ss/products/flowknowledge/icon_home.jpg) no-repeat left center;
	padding-left:22px;
	margin-bottom:15px;
}
#footer_inner h2 a{
	color:#333;
}
#footer_site_map{
	overflow:hidden;
	width:50%;
}
#footer_site_map > li{
	/*float:left;*/
	/*width:50%;*/
	/*margin-left: 23px;*/
	margin-bottom:30px;
}
#footer_site_map > li.cap6{
	float:left;
	width:455px;
}
#footer_site_map li h3{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 7px;
}
#footer_site_map li h3 a{
	color:#333;
}
#footer_site_map li h3 span{
	font-size:9px;
	color:#d52222;
	line-height:1em;
	display:block;
}
#footer_site_map li ul li{
	background:url(../../../../img/ss/products/flowknowledge/icon_arrow.gif) no-repeat 5px 6px;
	padding-left: 15px;
	line-height: 1.4em;
	margin-bottom:7px;
}
#footer_site_map li ul li a{
	font-size:12px;
	color:#333;
}
#footer_site_map ul.cap6_lef{
	width: 200px;
	float: left;
}
#footer_site_map ul.cap6_rig{
	float: left;
	margin-left:10px;
}
#footer_copy{
	border-top:1px solid #e5e5e5;
}
#copy_inner{
	padding:15px 0;
	overflow:hidden;
	width:980px;
	margin:0 auto;
}
#copy_inner p{
	width:400px;
	float:left;
	font-size:11px;
	color:#808080;
}
#copy_inner ul{
	width:450px;
	float:right;
	text-align:right;
}
#copy_inner ul li{
	display:inline-block;
	text-align:right;
	padding:0px 15px;
	border-left:1px solid #e5e5e5;
}
#copy_inner ul li a{
	color:#808080;
	font-size:11px;
}

/* 汎用css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}
small{
	font-size:80%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
ul, ol {
  list-style: none;
}

/*=================================================
 * 01 base
 * ================================================= */
body {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  position: relative;
  -webkit-text-size-adjust: 100%;
}
p,
li {
  line-height: 1.8;
}
a:link, a:visited {
  color:#0645ad;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/*=================================================
 * 02 header
 * ================================================= */
/*=================================================
 * 02 gnavi
 * ================================================= */
/*=================================================
 * 03 contents
 * ================================================= */
/* メインコンテンツ */
#contents_right h1{
	font-size:25px;
	width:100%;
	font-weight:900;
	color:#333;
	line-height: 1em;
	padding: 0 0 0 42px;
	margin-bottom:23px;
	background:url(../../../../img/ss/products/flowknowledge/bg_h1.gif) no-repeat left 8px;
}
#contents_right h1 span{
	font-size:14px;
	color:#d52222;
}

/********************
	下層コンテンツ
********************/
#contents_right h1 .sub_title{
	color:#727272;
	margin-left:10px;
}
#view_area h2{
	font-size:21px;
	padding:20px 20px 18px;
	background:#f3f3f3;
	margin-bottom:40px;
}
#view_area .view_content h2.style2{
	font-size:21px;
	padding:23px 20px 21px;
	margin-bottom:40px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	background-color:#FFF;
}
#view_area .view_content h3{
	font-size:21px;
	padding:23px 20px 21px;
	margin-bottom:40px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
}

/* ページ送り */
#view_area ul{
	overflow:hidden;
	height:auto;
}
#view_area ul li{
	width:42%;
	float:left;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	position:relative;
}
#view_area ul .left_btn{
	background:url(../../../../img/ss/products/flowknowledge/left_btn.gif) no-repeat left center;
	padding: 17px 0 17px 50px;
	border-right:1px solid #e7e7e7;
}
#view_area ul .right_btn{
	background:url(../../../../img/ss/products/flowknowledge/right_btn.gif) no-repeat right center;
	padding:17px 35px 17px 20px;
}
#view_area ul li p{
	color: #333;
	font-size: 15px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: 7px;
}
#view_area ul li p span{
	font-size:9px;
	color:#d52222;
}
#view_area ul li .bg_icon{
	background: rgba(0, 0, 0, 0) url(../../../../img/ss/products/flowknowledge/icon_arrow.gif) no-repeat scroll left 5px;
	display:block;
	line-height: 1.4em;
	padding-left:10px;
}
#view_area ul li .dummy{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0;
	filter: alpha(opacity=0);
}
#view_area ul li .dummy:hover{
	opacity:0.2;
	filter: alpha(opacity=20);
}
.prev_btn{
	text-align:center;
	padding:12px 0;
	border-bottom:1px solid #e7e7e7;
}

/*=================================================
 * 04 cv_area
 * ================================================= */
 /* CV Right */
.cv_right {
  position: absolute;
  top: 170px;
  left: 50%;
  margin: 0 0 180px 520px;
  width: 210px;
}
.cv_right.ty01 {
	margin: 0 0 360px 520px;
}
.cv_right a,
.cv_right .banner {
  display: block;
}
.cv_right a {
  background: #fff;
  opacity: 1;
}
.cv_right .banner {
  overflow: hidden;
  width: 210px;
  background: #fff;
}
.cv_right a:hover .banner {
  opacity: 0.7;
}

/*=================================================
 * 05 footer
 * ================================================= */
/*=================================================
 * 06 breadcrumb
 * ================================================= */
/* =============================================================================
 * 05 text
 * ========================================================================== */
.t_center { text-align: center !important; }
.t_right { text-align: right !important; }
.t_left { text-align: left !important; }
.t_justify { text-align: justify; /* for modern browser */  text-justify: inter-ideograph; /* IE6～8 */ }
.bold{ font-weight:bold !important; }
.underline{ text-decoration:underline !important; }
.vertical-middle { display: -moz-inline-box; display: inline-block;	vertical-align: middle; }
/* for IE6 */ * html .vertical-middle {	display: inline; zoom: 1; }
/* for IE7 */ *:first-child+html .vertical-middle { display: inline; zoom: 1; }
a:hover.decoration-none { text-decoration: none; }
.indent {margin-left: 1em; text-indent: -1em; }
.font10{ font-size:10px; !important; }
.font11{ font-size:11px; !important; }
.font12{ font-size:12px; !important; }
.font13{ font-size:13px; !important; }
.font14{ font-size:14px; !important; }
.font15{ font-size:15px; !important; }
.font16{ font-size:16px; !important; }
.font17{ font-size:17px; !important; }
.font18{ font-size:18px; !important; }
.font19{ font-size:19px; !important; }
.font20{ font-size:20px; !important; }
.font21{ font-size:21px; !important; }
.font22{ font-size:22px; !important; }
.font23{ font-size:23px; !important; }
.font24{ font-size:24px; !important; }
.red { color:#F00; }
.pink { color:#fe396c; }

/* =============================================================================
 * 06 image
 * ========================================================================== */
.original-height { line-height: 0; font-size: 0px; /* for IE's Bug? */ }
a.opacity-img:hover img{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.prt_figure_01 {
  margin: 30px 0;
  text-align: center;
}

.prt_figure_01 .title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: bold;
}

.prt_svg_wrap {
  position: relative;
}

.prt_svg_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.prt_svg_wrap svg {
  max-width: 100%;
  height: auto;
}


/* =============================================================================
 * 07 float
 * ========================================================================== */
.fr { float: right !important; }
.fl { float: left !important; }
.clear { clear: both; }
#gNavi ul,
.clearfix{
	zoom:1;
}
#gNavi ul:after,
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

/* =============================================================================
 * 08 margin
 * ========================================================================== */
.mt00 { margin-top:  0px !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; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right:  0px !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; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom:  0px !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; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left:  0px !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; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/* =============================================================================
 * 09 padding
 * ========================================================================== */
.pt00 { padding-top:  0px !important; }
.pt05 { 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; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 40px !important; }
.pr50 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !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; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

/*=================================================
* IE
* ================================================= */
.IE #header .inner,
.IE .vi,
.IE #gNavi div,
.IE .contents,
.IE .cv_area,
.IE footer .inner{
}

/*=================================================
*  smartphone
* ================================================= */
@media screen and (max-width: 960px) {
	body{
		min-width:100%;
	}
	#header .inner div,
	#gNavi ul,
	.cv_area .inner,
	footer .fNavi ul,
	footer .fBnr ul,
	footer .fCopy{
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	body{
		font-size:26px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	}

	/* ヘッダー */
	#header{
		max-width:640px;
		width:100%;
	}
	#header_inner{
		width:100%;
		margin: 0 auto;
		overflow: hidden;
	}
	#header_inner p{
		max-width:340px;
		width:55%;
		float: left;
		margin:0 3%;
	}
	#header_inner .sp_header_tel{
		display:block;
		margin:3%;
		float:right;
	}
	#header_inner p img{
		width:100%;
	}
	#header_inner ul{
		max-width: 640px;
		float:none;
		width:100%;
		overflow: hidden;
		padding-top:0;
	}
	#header_inner li.header_tel,
	#header_inner li.header_pdf,
	#header_inner li.header_contact,
	#header_inner li.header_catalog{
		display:none;
	}
	#header_inner li.sp_header_pdf,
	#header_inner li.sp_header_contact,
	#header_inner li.sp_header_catalog{
		display:block;
		float:left;
	}
	#header_inner li.sp_header_pdf img,
	#header_inner li.sp_header_contact img,
	#header_inner li.sp_header_catalog img{
		width:100%;
	}
	#header_inner li.sp_header_pdf,
	#header_inner li.sp_header_contact{
		width:50%;
	}
	#header_inner li.sp_header_catalog{
		width:50%;
	}

	/* パンクズ */
	.breadcrumb{
		display:none;
	}
	#view_area .view_content h2.style2{
		font-size:36px;
	}

	#view_area .view_content h3{
		font-size:36px;
	}

	/* 目次に戻る */
	.prev_btn{
		display:none;
	}

	/* ナビゲーション*/
	#nav{
		float:none;
		display:block;
		background:#fafafa;
		padding:5% 0;
		width:100%;
	}
	#nav_wrap{
		width:92%;
		margin:0 auto;
	}
	#nav_wrap h2{
		margin-bottom:4%;
	}
	#nav_wrap h2 img{
		max-width:168px;
		width:100%;
	}
	#nav_wrap .nav_home{
		display:none;
	}
	.ttl_nav{
		background:url(../../../../img/ss/products/flowknowledge/bg_h3.jpg) repeat #292929;
		padding-bottom:2%;
	}
	.ttl_nav:hover{
		background:url(../../../../img/ss/products/flowknowledge/bg_h3.jpg) repeat #292929;
	}
	#nav_wrap .ac{
		background:url(../../../../img/ss/products/flowknowledge/bg_h3.jpg) repeat #292929;
		/*margin-bottom: 4%;*/
	}
	.ttl_nav h3{
		color:#fff;
		font-size:36px;
		line-height:1em;
		padding: 2% 10% 4% 4%;
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_navi_off.jpg) no-repeat 95% center;
	}
	#nav_wrap .ac h3{
		color:#fff;
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_navi_on.jpg) no-repeat 95% center;
	}
	.ttl_nav h3:hover{
		color:#fff;
	}
	#nav_wrap .ac .nav_on{
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_navi_off.jpg) no-repeat 95% center;
	}
	.ttl_nav .nav_on{
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_navi_on.jpg) no-repeat 95% center;
	}
	.ttl_nav h3 span{
		color:#f92828;
		font-size:18px;
	}
	#nav_wrap > ul{
		border-right:1px solid #efefef;
		border-bottom:1px solid #efefef;
		border-left:1px solid #efefef;
	}
	#nav_wrap ul .nav_list{
		padding:2% 4% 2% 10%;
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_arrow.gif) no-repeat 5% 23px;
		display:none;
		line-height:1.6em;
	}
	#nav_wrap ul .list_top{
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_arrow.gif) no-repeat 5% 33px;
		padding-top: 4%;
	}
	#nav_wrap ul .nav_child{
		display:none !important;
	}
	#nav_wrap ul .nav_list a{
		color:#0645AD;
		font-size:36px;
	}
	#nav_wrap > ul.nav_bnr{
		display:none;
	}

	/* ページ送り */
	#view_area ul{
		overflow:hidden;
		height:auto;
		max-height:162px;
		border-bottom:1px solid #e7e7e7;
	}
	#view_area ul li{
		width:42%;
		height:100%;
		float:left;
		border-top:1px solid #e7e7e7;
		border-bottom:0px solid #e7e7e7;
		position:relative;
	}
	#view_area ul li .bg_icon{
		font-size:20px;
		line-height:1.4em;
		padding-top:0;
	}
	#view_area ul li .bg_icon{
		background:url(../../../../img/ss/products/flowknowledge/icon_arrow.gif) no-repeat left 9px;
	}
	#view_area ul .left_btn{
		background:url(../../../../img/ss/products/flowknowledge/left_btn.gif) no-repeat left center;
	}
	#view_area ul .right_btn{
		background: url(../../../../img/ss/products/flowknowledge/right_btn.gif) no-repeat right center;
	}

	/* カタログエリア */
	#cv_area{
		background:url(../../../../img/ss/products/flowknowledge/sp_bg_cv.jpg) no-repeat center top;
		max-width:640px;
		width:100%;
	}
	#cv_inner{
		margin:0 auto 0;
		position:relative;
		width:100%;
	}
	.btn_top{
		display:none;
	}
	#cv_inner .tit_icon{
		background:none;
	}
	#cv_inner h2{
		width:85%;
		background:url(../../../../img/ss/products/flowknowledge/sp_icon_cv.jpg) no-repeat 2px center;
		color:#fff;
		font-weight:900;
		font-size:28px;
		padding-left:67px;
		margin:0 auto 3%;
		min-height:68px;
	}
	#cv_inner h2 span{
		font-weight:100;
		font-size:22px;
	}
	#cv_inner #pc_list{
		display:none;
	}
	#cv_inner #sp_list{
		padding:20px 25px;
		background:url(../../../../img/ss/products/flowknowledge/bnr_bg_cv.jpg) repeat #292929;
		overflow:hidden;
		display:block;
		padding-bottom:5%;
	}
	#cv_inner #sp_list li img{
		width:100%;
	}
	#cv_inner #sp_list .bnr_pdf{
		float:left;
		width:33%;
		margin-left:0%;
	}
	#cv_inner #sp_list .bnr_contact{
		float:left;
		width:49.5%;
		margin-left:0.5%;
		margin-bottom:4%;
	}
	#cv_inner #sp_list .bnr_catalog{
		float:left;
		width:49.5%;
		margin-left:0.5%;
	}
	#cv_inner #sp_list .bnr_series{
		width:100%;
		overflow:hidden;
		padding:4% 0;
		border-bottom:1px solid #565656;
		position:relative;
	}
	#cv_inner #sp_list .bnr_q, 
	#cv_inner #sp_list .bnr_h {
		clear:both;
		border-top:1px solid #565656;
	}
	#cv_inner #sp_list .bnr_series img{
		float:left;
		width:33%;
	}
	#cv_inner #sp_list .bnr_series p{
		float:left;
		width:60%;
		max-width:340px;
		/*padding-top:4%;*/
		margin-left:4%;
		color:#fff;
		font-weight:900;
		line-height:1.2em;
		font-size:28px;
	}
	#cv_inner #sp_list .bnr_series p span{
		font-size:22px;
		font-weight:100;
	}
	#cv_inner #sp_list .bnr_series .dummy{
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	/* フッター */
	#footer_inner{
		display:none;
	}
	#footer_copy{
		border:none;
		max-width:640px;
	}
	#copy_inner{
		overflow:hidden;
		width:95%;
		margin:0 auto;
	}
	#copy_inner p{
		width:100%;
		float:none;
		font-size:18px;
		color:#808080;
		text-align:center;
	}
	#copy_inner ul{
		width:100%;
		float:none;
		text-align:center;
	}
	#copy_inner ul li{
		display:inline;
		border:none;
		padding:0 2%;
		vertical-align:middle;
	}
	#copy_inner ul .copy02{
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
	}
	#copy_inner ul li a{
		color:#808080;
		font-size:22px;
	}
	#contents_right h1 .sub_title{
		margin-bottom: 10px;
	}
	small{
		font-size:60%;
	}
	.pc_view {
		display: none;
	}
}

/*=================================================
*  Subpage lead text
* ================================================= */
.ss_subpage_lead {
	margin: 0 0 10px;
	color: #c80000;
	font-weight: bold;
	font-size: 157.1428%;
}

.lead_text {
	font-size: 114.28571%;
}


/*=================================================
*  Subpage top banner
* ================================================= */
.ss_subpage_bnr, .ss_subpage_bnr * {
	box-sizing: border-box;
}

.ss_subpage_bnr {
	margin: 20px 10px 40px;
}

.ss_subpage_bnr img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.ss_subpage_bnr .banner {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	max-width: 580px;
	border: 1px solid #102751;
	background: #fff;
	color: #333;
	text-decoration: none;
	word-break: break-word;
	font-size: 14px;
	line-height: 1.4;
}

.ss_subpage_bnr .banner:hover {
	text-decoration: none;
	opacity: 0.7;
}

.ss_subpage_bnr .img {
	float: left;
	width: 104px;
	border: 1px solid #ccc;
}

.ss_subpage_bnr .inner {
	margin: 0 0 0 130px;
	padding-bottom: 3em;
	width: auto;
}

.ss_subpage_bnr .title {
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #102751;
	font-size: 18px;
}

.ss_subpage_bnr .title strong {
	vertical-align: baseline;
	font-weight: bold;
}

.ss_subpage_bnr .title.part_display {
	text-align: center;
}

.ss_subpage_bnr .title.part_display strong {
	display: block;
}

.ss_subpage_bnr .btn_wrap {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 124px;
	text-align: center;
}

.ss_subpage_bnr .btn_wrap .button {
	display: inline-block;
	padding: 8px 36px;
	max-width: 320px;
	width: 100%;
	border-radius: 5px;
	background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat 12px center, linear-gradient(#e24141, #ca1616);
	background-color: #e24141;
	color: #fff;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.ss_subpage_bnr {
		margin: 20px 0;
	}

	.ss_subpage_bnr .banner {
		padding: 10px 10px;
		max-width: none;
		width: 100%;
		line-height: inherit;
	}

	.ss_subpage_bnr .btn_wrap .button {
		padding: 8px 10px 8px 48px;
		width: 100%;
		text-align: left;
	}

	.ss_subpage_bnr .title.part_display {
		text-align: inherit;
	}

	.ss_subpage_bnr .title.part_display strong {
		display: inline;
	}
}


/*=================================================
*  Download Button
* ================================================= */
.ss_download_btn {
  position: relative;
  display: table;
  border-radius: 5px;
  background: #e60012;
  background: linear-gradient(#e24140, #cc1717);
  transition: opacity 0.3s;
}
.ss_download_btn.type01,
.ss_download_btn.type02,
.ss_download_btn.type03,
.ss_download_btn.type04,
.ss_download_btn.type05 {
  padding: 6px 0 5px;
  width: 100%;
  text-align: center;
}
.ss_download_btn.type01,
.ss_download_btn.type02 {
  padding-right: 12px;
  padding-left: 12px;
}
.ss_download_btn.type01 {
  max-width: 360px;
  height: 45px;
}
.ss_download_btn.type02 {
  max-width: 380px;
  height: 60px;
}
.ss_download_btn.type03,
.ss_download_btn.type05 {
  padding-right: 8px;
  padding-left: 8px;
  max-width: 160px;
  height: 30px;
}
.ss_download_btn.type04 {
  padding-right: 4px;
  padding-left: 4px;
  max-width: 110px;
  height: 34px;
  color: #fff;
  font-weight: bold;
}
.ss_download_btn.type05 {
  border-radius: 0 0 5px 5px;
}
.ss_download_btn.icon01 > span:first-child {
  background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat left center;
}
.ss_download_btn.icon02 > span:first-child {
  background: url(/img/ss/common/bg_icon_dl_002.png) no-repeat left center;
}
.ss_download_btn .img01,
.ss_download_btn .img02,
.ss_download_btn .img03 {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ss_download_btn .img01 img,
.ss_download_btn .img02 img,
.ss_download_btn .img03 img {
  border: solid 1px #ccc;
}
.ss_download_btn .txt01,
.ss_download_btn .txt02,
.ss_download_btn .txt03,
.ss_download_btn .txt04,
.ss_download_btn .txt05 {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  word-break: break-all;
  font-weight: bold;
}
.ss_download_btn .txt01,
.ss_download_btn .txt02,
.ss_download_btn .txt03,
.ss_download_btn .txt04 {
  padding-left: 30px;
  width: calc(100% - 30px);
  font-size: 16px;
  line-height: 1.2;
}
.ss_download_btn .txt01 {
  padding-right: 60px;
}
.ss_download_btn .txt02 {
  padding-right: 79px;
}
.ss_download_btn .txt03 {
  padding-right: 77px;
}
.ss_download_btn .txt04 {
  padding-right: 104px;
}
.ss_download_btn .txt05 {
  padding-left: 20px;
  font-size: 12px;
  line-height: 1;
}
.ss_download_btn .in_txt1,
.ss_download_btn .in_txt2 {
  display: block;
}
.ss_download_btn .in_txt1 {
  font-size: 14px;
}

#view_area .prt_sect_cv {
  margin: 48px 0 0;
  overflow: visible;
}
#view_area .prt_sect_cv, #view_area .prt_sect_cv * {
  box-sizing: border-box;
}
#view_area .prt_sect_cv:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
#view_area .prt_sect_cv a {
  text-decoration: none;
  transition: none;
}
#view_area .prt_sect_cv a:hover {
  opacity: 0.7;
}
#view_area .prt_sect_cv .button {
  width: 48%;
  width: calc(50% - 10px);
}
#view_area .prt_sect_cv .button.series,
#view_area .prt_sect_cv .button.inquiry {
  float: left;
  clear: left;
}
#view_area .prt_sect_cv .button.download {
  float: right;
  clear: right;
}
.prt_series_btn,
.prt_inquiry_btn {
  display: table;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  background: #1284c8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #044aa0), color-stop(0, #1284c8));
  background: -webkit-linear-gradient(#1284c8, #044aa0);
  background: -webkit-gradient(linear, left top, left bottom, from(#1284c8), to(#044aa0));
  background: linear-gradient(#1284c8, #044aa0);
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}
.prt_series_btn:hover,
.prt_inquiry_btn:hover {
  opacity: 0.7;
}
.prt_series_btn .label,
.prt_inquiry_btn .label {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
}

.prt_inquiry_btn {
  position: relative;
  padding:  0 12px;
  background: #3e944c;
  background: linear-gradient(#3e944c, #176a25);
}

.prt_inquiry_btn.icon01 > span:first-child {
  background: url(/img/ss/common/icon_download_001.png) no-repeat left center;
}

.prt_inquiry_btn .img01 {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  transform: translateY(-50%);
}

.prt_inquiry_banner {
  margin: 20px auto 40px;
  max-width: 720px;
}

.prt_inquiry_banner a,
.prt_inquiry_banner a * {
  text-decoration: none;
}

.prt_inquiry_banner a {
  display: block;
}

.prt_inquiry_banner a:hover {
  opacity: 0.7;
}

.prt_inquiry_banner .banner {
  position: relative;
  border: 3px solid #3e944d;
  background: #eaf4f6;
}

.prt_inquiry_banner .banner:after {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 97px;
  height: 134px;
  background: url(/img/ss/common/icon_calculator_001.png) no-repeat center / contain;
  content: "";
}

.prt_inquiry_banner .caption {
  position: relative;
  overflow: hidden;
  padding: 14px 120px 14px 18px;
  background: #3e944d;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.143;
}

.prt_inquiry_banner .caption:before {
  position: absolute;
  top: 0;
  right: -405px;
  width: 720px;
  height: 400px;
  background: #6ba573;
  content: "";
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.prt_inquiry_banner .caption:after {
  position: absolute;
  top: 0;
  right: -425px;
  width: 720px;
  height: 400px;
  background: #a3ccaa;
  content: "";
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.prt_inquiry_banner .caption span {
  position: relative;
  z-index: 10;
}

.prt_inquiry_banner .content {
  padding: 10px 120px 14px 18px;
}

.prt_inquiry_banner .content p {
  margin: 0;
  color: #333;
  font-weight: bold;
  font-size: 16px;
}

.prt_inquiry_banner .content .button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 12px 0 0;
  padding: 8px 8px 9px;
  background: #ce3939;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
}

.prt_inquiry_banner .content .button:after {
  display: inline-block;
  -webkit-flex: 0 0 13px;
  -ms-flex: 0 0 13px;
  flex: 0 0 13px;
  margin-left: 10px;
  height: 13px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  vertical-align: middle;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width:960px){
  #view_area .prt_sect_cv .button.series,
  #view_area .prt_sect_cv .button.inquiry,
  #view_area .prt_sect_cv .button.download {
    float: none;
    width: auto;
  }

  #view_area .prt_sect_cv .button.inquiry {
    margin-bottom: 45px;
  }

  #view_area .prt_sect_cv .button a {
    margin: 0 auto;
  }
}

@media screen and (max-width: 640px){
  .ss_download_btn.type02 {
    max-width: 100%;
    height: 80px;
  }
  .ss_download_btn .txt02 {
    font-size: 30px;
  }
  #view_area .prt_sect_cv .button {
    width: auto;
  }
  #view_area .prt_sect_cv .button.download {
    float: none;
  }
}