@charset "UTF-8";

/* #############################################################

　category：product
　
　------------------------------------------------------------
　
	Whenever appearing only in #content_v4 or less, 
	"#pro #content_v4 " is applied to the selector head. 
　
　The selector head is assumed to be "#pro " 
　when appearing besides #content_v4 or less. 
　
　The original category definition applies category ID to the head.
　ex) imageFloat { float:left }
　→　pro_imageFloat { float:left }
　
 [Replacement assistance for category variation]
	url(/product/
	#pro
	#2895d5

############################################################# */
/* ==============================================================

　The category is original

============================================================== */

/* ----------------------------------------------------------- 
main visual
-------------------------------------------------------------- */
#pro #content_v4 #pro_mainvisual {
	margin:20px 0 0 0;
}

#pro #content_v4 a{
	word-break: break-all;
}

#pro #content_v4 .pro_matrixNote,
#pro #content_v4 .pro_ListBox  {
	zoom:1;
}

#pro #content_v4 .normalityFont {
	font-weight: normal;
}

#pro #content_v4 .productText {
	width:470px;
	float:left;
}
#pro #content_v4 .productList ul.typeTriangle {
	margin-top:0;
	width:220px;
	float:right;
	font-size:85%;
}
#pro #content_v4 .productList ul.typeTriangle li {
}
#pro #content_v4 .pro_ColListBox {

}

#pro #content_v4 .pro_RowListBox {
	margin-top:40px;
}

#pro #content_v4 .pro_RowListBox h3 {
	margin-top:0px;
}

#pro #content_v4 .pro_ColListBox .pro_PhotoImg,
#pro #content_v4 .pro_ColListBox .pro_ListText,
#pro #content_v4 .pro_RowListBox .pro_PhotoImg,
#pro #content_v4 .pro_RowListBox .pro_ListText,
#pro #content_v4 .pro_RowListBox .pro_PhotoImgShort,
#pro #content_v4 .pro_RowListBox .pro_ListTextLong {
	float:left;
}  

#pro #content_v4 .pro_ColListBox .pro_PhotoImg {
	width:198px;
}

#pro #content_v4 .pro_ColListBox .pro_ListText {
	width: 462px;
}

#pro #content_v4 .pro_RowListBox .pro_PhotoImg {
	width:220px;
}

#pro #content_v4 .pro_RowListBox .pro_PhotoImgShort {
	width:215px;
}

#pro #content_v4 .pro_RowListBox .pro_ListText {
	width: 440px;
}

#pro #content_v4 .pro_RowListBox .pro_ListTextLong {
	width: 445px;
}

#pro #content_v4 .pro_RowListBox table,
#pro #content_v4 .pro_ColListBox table {
	margin-top:20px;
}

#pro #content_v4 .defTbl ul,
#pro #content_v4 .defTbl ol,
#pro #content_v4  .defTbl dl.annotationList,
#pro #content_v4 .annotationList dd ul,
#pro #content_v4 .annotationList dd ol{
margin-top:0px;
margin-bottom:10px;
}

/* ----------------------------------------------------------- 
Function list
-------------------------------------------------------------- */

#pro #content_v4 #pro_functionList {
}
#pro #content_v4 #pro_functionList ul li {
	float:left;
	padding-left:4px;
}
#pro #content_v4 #pro_functionList ul li.leftPiece {
	padding-left:0;
}
#pro #content_v4 #pro_functionList ul li.rightPiece {
	padding-left:3px;
}
#pro #content_v4 #pro_functionList ul li img {
	vertical-align:bottom;
}
#pro #content_v4 #pro_functionList .floatBlock .annotationList {
	margin-top:10px;
}
#pro #content_v4 #pro_functionList .floatBlock p {
	margin-top:10px;
}
/* ----------------------------------------------------------- 
Feature
-------------------------------------------------------------- */

#pro #content_v4 .pro_feature {
	zoom:1;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	background: url(/common_v4/src/jp/images/category_pro/dotline.gif) repeat-x left bottom;
}
#pro #content_v4 .pro_feature .wingL {
	float:left;
	width:124px;
}
#pro #content_v4 .pro_feature .wingR {
	float:right;
	width:365px;
}
#pro #content_v4 .pro_otherFeature {
	padding:0 0 18px 0;
	background: url(/common_v4/src/jp/images/category_pro/dotline.gif) repeat-x left bottom;
}

#pro #content_v4 .pro_feature h3 {
	margin-top:0;
}

#pro #content_v4 .pro_otherFeature h3 {
	margin-top:20px;
}


/* links */
#pro #content_v4 .pro_feature .links {
	margin:10px 0 0 0;
}

/* ----------------------------------------------------------- 
Table
-------------------------------------------------------------- */

/* Function list table
----------------------------------------------------- */
#pro #content_v4 .pro_funcTbl thead th {
}
#pro #content_v4 .pro_funcTbl tbody td {
	vertical-align:middle;
}

/* Composition example table
----------------------------------------------------- */
#pro #content_v4 .pro_compTbl th,
#pro #content_v4 .pro_compTbl td {
	vertical-align:middle;
}
#pro #content_v4 .pro_compTbl th {
	background-color:#e6f4fc;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
#pro #content_v4 .pro_compTbl td.pro_photoCell {
	padding:15px 0;
	width:141px;
}
#pro #content_v4 .pro_compTbl th.pro_nearTheadTh {
	background-color:#cde8f8;
	height:25px;
}
#pro #content_v4 .pro_compTbl td.amountTd {
	height:25px;
}
#pro #content_v4 .pro_compTbl td.amountTd {
	text-align: right;
	white-space: nowrap;
}
/* 3 Column
----------------------------------------------------- */
.P2_Rmain #content_v4 .sectionC01.pro_pane3,
.P2_Rmain #content_v4 .subPane .sectionC01.pro_pane3 {
}
.P2_Rmain #content_v4 .sectionC01.pro_pane3 ul,
.P2_Rmain #content_v4 .subPane .sectionC01.pro_pane3 ul {
	zoom: 1;	/* for ie */
}
.P2_Rmain #content_v4 .sectionC01.pro_pane3 ul li,
.P2_Rmain #content_v4 .subPane .sectionC01.pro_pane3 ul li {
	margin-right: 24px !important;
	float: left;
	width: 147px !important;
	text-align:center;
}
.P2_Rmain #content_v4 .sectionC01.pro_pane3 ul li.endLi,
.P2_Rmain #content_v4 .subPane .sectionC01.pro_pane3 ul li.endLi {
	margin-right: 0 !important;
	float: left;
	width: 147px !important;
}
.P2_Rmain #content_v4 .sectionC01.pro_pane3 ul li p.photoCaption,
.P2_Rmain #content_v4 .subPane .sectionC01.pro_pane3 ul li p.photoCaption {
	text-align:left;
}

/* 4 Column
----------------------------------------------------- */
#pro #content_v4 .sectionC01.pro_pane4 {
}
#pro #content_v4 .sectionC01.pro_pane4 ul {
	margin-right: -20px;
	zoom: 1;	/* for ie */
}
#pro #content_v4 .sectionC01.pro_pane4 ul li {
	margin-right: 20px !important;
	float: left;
	width: 107px !important;
}

/* ----------------------------------------------------------- 
Image add border
-------------------------------------------------------------- */
img.addBorder {
	border:1px solid #d9d9d9;
}
/* ----------------------------------------------------------- 
h3 under
-------------------------------------------------------------- */
#pro #content_v4 .proH3Container {
	margin:40px 0 0 0;
}
#pro #content_v4 .proH3Container h4 {
	margin:18px 0 10px 0;
}
#pro #content_v4 .proH3Container .boxTextL  {
	margin:0 !important;
}
#pro #content_v4 .proH3Container .boxTextL,
#pro #content_v4 .proH3Container .boxTextR {
	margin:18px 0 0 0;
}

#pro #content_v4 .proH3Container .text h4  {
	margin-top:0;
}

/* ----------------------------------------------------------- 
icon details
-------------------------------------------------------------- */
#pro div.iconDetail h1 {
	display:block;
	padding:0 0 2px 0 !important;
	border:none;
	background:url(/common_v4/src/jp/images/category_pro/mark_h1.gif) no-repeat left bottom;
	font-size:100%;
}
#pro div.iconDetail h1 span {
	display:block;
	padding:2px 0 0 15px;
	line-height:1.2;
	background:url(/common_v4/src/jp/images/category_pro/mark_h1.gif) no-repeat left top;
	font-size: 120%;
}
#pro div.iconDetail {
	padding-bottom: 18px;
	background: url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x left bottom;
	font-size: 14px;
	*font-size: 85%;
}
#pro div.iconDetail ul.legendList {
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 16px;
	background: url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x left bottom;
}
#pro div.iconDetail ul.legendList li {
	margin-right: 10px;
	float: left;
	width: 126px;
	font-size: 85%;
}
#pro div.iconDetail ul.legendList li img {
	margin-right: 14px;
	margin-bottom: 1px;
	vertical-align: middle;
}
#pro div.iconDetail ul.functionList {
	margin-bottom: 20px;	
}
#pro div.iconDetail ul.functionList2 {
	
}
div.iconDetail ul.functionList li,
div.iconDetail ul.functionList2 li  {
	margin-right: 32px;
	float: left;
	width: 245px;
	font-size: 85%;
}
#pro div.iconDetail ul.functionList li.lastChild,
#pro div.iconDetail ul.functionList2 li.lastChild  {
	margin-right: 0;
}
#pro div.iconDetail ul.functionList li p,
#pro div.iconDetail ul.functionList2 li p { 
	overflow: auto;
}
#pro div.iconDetail ul.functionList li p.mark,
#pro div.iconDetail ul.functionList2 li p.mark  {
	margin: 0 16px 0 0;
	float: left;
}
#pro div.iconDetail ul.iconList {
	padding-top: 16px;
	background: url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x left top;
}
#pro div.iconDetail ul.iconList li {
	margin-right: 18px;
	float: left;
	width:184px;
	font-size: 85%;
}
#pro div.iconDetail ul.iconList li.lastChild {
	margin-right: 0;
}
#pro div.iconDetail ul.iconList li p {
	overflow: auto;
}
#pro div.iconDetail ul.iconList li p.mark {
	margin: 0 13px 0 0;
	float: left;
}
#pro div .None {
	visibility: hidden;
}

/* ----------------------------------------------------------- 
SSL button layout
-------------------------------------------------------------- */
#pro #content_v4 .pro_sslBtns {
	margin-top:20px;
}
#pro #content_v4 .pro_sslBtns .btn_ssl {
	float:left;
  padding: 0 0 0 25px;
}
#pro #content_v4 .pro_sslBtns .btn_nossl {
	float:right;
  padding: 0 0 0 25px;
}
#pro #content_v4 .pro_sslBtns .btn_ssl a,
#pro #content_v4 .pro_sslBtns .btn_nossl a {
  padding:7px 5px 7px 6px;
}

#pro #content_v4 .pro_sslBtns .btn_ssl span,
#pro #content_v4 .pro_sslBtns .btn_nossl span {
  font-size:85%;
}
/* ----------------------------------------------------------- 
series sorter
-------------------------------------------------------------- */
#pro dl.pro_seriesSort {
	margin-top:20px;
}
#pro dl.pro_seriesSort dt {
	clear: left;
	float:left;
	width:5em;
	font-weight:bold;
}
#pro dl.pro_seriesSort dd {
	margin-left:5em;
}
#pro dl.pro_seriesSort dd ul {
	zoom:1;
	overflow:hidden;
}
#pro dl.pro_seriesSort dd ul li {
	margin-left:-1px;
	float:left;
	display: inline;
	padding:0 10px;
	border-left:1px solid #bfbfbf;
	font-size:85%;
}

/* ----------------------------------------------------------- 
table
-------------------------------------------------------------- */
#pro table.defTbl tbody td {
	word-break: break-all;
}
/* ----------------------------------------------------------- 
table
-------------------------------------------------------------- */
#pro #content_v4 .pro_marks {
	margin:10px 0 0 0;
}
#pro #content_v4 .pro_marks ul li {
	display:inline;
	font-size:85%;
}
#pro #content_v4 .pro_marks ul li img {
	margin-right:3px;
	padding-top:2px;
	vertical-align:text-bottom;
}
/* ----------------------------------------------------------- 
function safety pager_h
-------------------------------------------------------------- */

#pro #content_v4 .pager_h li.safety_l {
	width:225px !important;	
}

#pro #content_v4 .pager_h li.safety {
	width:180px !important;	
}

/* ----------------------------------------------------------- 
function pager_h for product list
-------------------------------------------------------------- */

#pro #content_v4 .pager_h li.productList {
	width:200px !important;	
}


/* ----------------------------------------------------------- 
function safety pager_h title
-------------------------------------------------------------- */

#pro #content_v4 .pager_h dt{
display:block;
margin-right:15px;
font-weight:bold;
border-bottom:solid 1px #BFBFBF;
}

#pro #content_v4 .pager_h dd{
margin-top:10px;
}

/* ----------------------------------------------------------- 
function sectionD01
-------------------------------------------------------------- */
#pro #content_v4 .wrapSection .sectionDunit {
	width:630px;
}

#pro #content_v4 .wrapSection h3.linkText {
	margin:0;
}

/* ----------------------------------------------------------- 
function 
-------------------------------------------------------------- */

#pro #content_v4 .sharingFlow .W315 {
	width:315px !important;
}

#pro #content_v4 .sharingFlow .W336 {
	width:336px !important;
}

#pro #content_v4 .sharingFlow .mt50 {
	margin-top:50px;
}

#pro #content_v4 .sharingFlow .W315Wind,
#pro #content_v4 .sharingFlow .W336Wind {
	padding-bottom:15px;
	background-repeat:repeat-y;
}

#pro #content_v4 .sharingFlow .W315Wind {
	background-image: url(../images/bk_w315_bk.gif);
}

#pro #content_v4 .sharingFlow .W336Wind {
	background-image: url(../images/bk_w336_bk.gif);
}

#pro #content_v4 .sharingFlow .W315Wind p,
#pro #content_v4 .sharingFlow .W336Wind p  {
	padding-top:10px;
	margin:0 30px 0 20px;
	text-align:justify;
}
/* ----------------------------------------------------------- 
first documentflow
-------------------------------------------------------------- */

#pro #content_v4 .firstFlow .photo {
	width:200px;
}

/* ----------------------------------------------------------- 
first wrapFirstNavi
-------------------------------------------------------------- */

#pro #content_v4 .wrapFirstNavi .localNavigation_v4 h2 {
	margin:0;
	border-style:none !important;
}

/* ----------------------------------------------------------- 
use BorderBox
-------------------------------------------------------------- */

#pro #content_v4 .useMainvisual {
	padding-left:11px;
	padding-top:8px;	
}

#pro #content_v4 .useBorderBox {
	width:690px;
	background-image: url(../images/bk_use_border.gif);
	background-repeat: repeat-y;
	padding-bottom:25px;
}

#pro #content_v4 .useBorderBox .narrowContainer {
	padding-left:10px;
	margin-top:25px;
}

#pro #content_v4 .useBorderBox .wrapSection ul.typeTriangle {
	margin-top:10px;
}

/* ----------------------------------------------------------- 
use BorderBox case
-------------------------------------------------------------- */

#pro #content_v4 .caseBox {
	zoom:1;
	margin-bottom:15px;
}

#pro #content_v4 .caseBox .caseBoxImgL,
#pro #content_v4 .caseBox .caseBoxImgR {
	width:325px;
}

#pro #content_v4 .caseBox .caseBoxImgL2,
#pro #content_v4 .caseBox .caseBoxImgR2 {
	width:330px;
}  

#pro #content_v4 .caseBox .caseBoxImgL,
#pro #content_v4 .caseBox .caseBoxImgL2 {
	float:left;
}

#pro #content_v4 .caseBox .caseBoxImgR,
#pro #content_v4 .caseBox .caseBoxImgR2  {
	float:right;
}

#pro #content_v4 .caseBox .YBoxR {
	width:303px;
	float:right;
}

#pro #content_v4 .caseBox .YBoxL {
	width:313px;
	float:left;
}

#pro #content_v4 .caseBox .YBoxR .YBoxRCont,
#pro #content_v4 .caseBox .YBoxL .YBoxLCont {
	background-position: center bottom;
	background-repeat: repeat-y;
	padding-bottom:20px;
} 

#pro #content_v4 .caseBox .YBoxR .YBoxRCont {
	background-image: url(../images/bnr_Worry01_bk.gif);
}

#pro #content_v4 .caseBox .YBoxL .YBoxLCont {
	background-image: url(../images/bnr_Worry02_bk.gif);
}

#pro #content_v4 .caseBox .YBoxR .YBoxRCont .YBoxRtitle,
#pro #content_v4 .caseBox .YBoxL .YBoxLCont .YBoxLtitle { 
	padding:10px 20px 0;
}

#pro #content_v4 .caseBox .YBoxR .YBoxRCont p,
#pro #content_v4 .caseBox .YBoxL .YBoxLCont p {
	padding:10px 20px 0;
}

#pro #content_v4 .useBorderBox .pointTitle {
	position:relative;
	margin-left:10px;
	z-index:1;
}

#pro #content_v4 .annotationListR .annotationList {
	float:right;
	padding-right:25px;
	margin:0;
}

#pro #content_v4 .BinderBox {
	width:665px;
	margin-top:20px;
	margin-left:12px;
} 

#pro #content_v4 .BinderBox .BinderLast {
	padding-bottom:10px;
}

#pro #content_v4 .BinderBox .BinderBoxTOP {
	background-image: url(../images/bk_binder_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#pro #content_v4 .BinderBox .BinderBoxBk {
	background-image: url(../images/bk_binder_bk.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

#pro #content_v4 .BinderBox .moreBk {
	background-image: url(../images/bk_binder_y_bk.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	margin-left:23px;
	padding-bottom:10px;
}

#pro #content_v4 .BinderBox .BinderBoxTitle1,
#pro #content_v4 .BinderBox .BinderBoxTitle2 {
	margin-left:25px;
	margin-bottom:20px;
}   

#pro #content_v4 .BinderBox .BinderBoxTitle1 {
	padding-top:43px;
}

#pro #content_v4 .BinderBox .BinderBoxTitle2 {
	padding-top:20px;
}

#pro #content_v4 .BinderBox .moreTitle {
	padding-top:20px;
	padding-left:17px;
	font-size:0;
}

#pro #content_v4 .BinderBox .sectionA01,
#pro #content_v4 .BinderBox .sectionB01 {
	width:600px;
	margin-top:0;
	margin-left:30px;
	margin-right:30px;
	padding-bottom:15px;
}

#pro #content_v4 .BinderBox .lineGreen,
#pro #content_v4 .BinderBox .lineBlue,
#pro #content_v4 .BinderBox .lineOrange   {
	width:600px;
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 2px;
	margin-left:30px;
}

#pro #content_v4 .BinderBox .lineGreen {
	background-image: url(../images/line_green.gif);
}

#pro #content_v4 .BinderBox .lineBlue {
	background-image: url(../images/line_blue.gif);
}

#pro #content_v4 .BinderBox .lineOrange {
	background-image: url(../images/line_orange.gif);
}

#pro #content_v4 .sectionC01 ul li {
	width:170px;
	margin-right:50px;
}
#pro #content_v4 ul.linkListFlat li {
	width:170px;
}

#pro #content_v4 .BinderBox .moreBk ul.typeCircle li {
	background-image: url(../images/mark_use_circle.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:15px;
}

#pro #content_v4 .useRelation {
	width:620px;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-color: #e6e6e6;
}

#pro #content_v4 .useBorderBox ul.linkListFlat {
	width:630px;
}
 
#pro #content_v4 .useBorderBox ul.linkListFlat li {
	margin:0;
	padding-right:20px;
	width:auto;
}

#pro #content_v4 .wrapUseTop .btnUseTop {
	float:right;
}

/* ----------------------------------------------------------- 
picupBox
-------------------------------------------------------------- */
#content_v4 div.picupBox {
	margin-right: -30px;
	zoom: 1;
}

#content_v4 div.picupBox h3{
margin-top:0px;
}

#content_v4 div.picupBox div.picupBoxunit {
	float:left;
	margin-right:30px;
	width: 225px;
}

#content_v4 div.picupBox {
	margin-top:30px;
}

#content_v4 div.picupBoxunit .photo {
	margin-right: 10px;
	float: left;
	display: inline;
}
#content_v4 div.picupBoxunit .text {
	overflow: hidden;
	zoom: 1;
	word-break: break-all;
}

/* ----------------------------------------------------------- 
modelName
-------------------------------------------------------------- */

dl.modelName
{
	margin: 0;
	padding: 0;
}

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

dl.modelName dt
{
	float: left;
	width: auto;
	font-weight: bold;
}

/* ----------------------------------------------------------- 
caseSet
-------------------------------------------------------------- */

#pro .paneL .caseSet table{
margin-top:0px;
float:right;
}

#pro .paneL .caseSet table{
width:335px;
}



/* ----------------------------------------------------------- 
releaseList
-------------------------------------------------------------- */

#content_v4 div.releaseList dl {
	padding:0 0 15px 0 !important;
}
#content_v4 div.releaseList dl dd {
padding-bottom:5px;
}

/* ----------------------------------------------------------- 
clearfix
-------------------------------------------------------------- */
#pro .caseSet:after,
#pro dl.pro_seriesSort:after,
#pro #content_v4 .pro_sslBtns:after,
.pro_feature:after,
#pro_functionList ul:after,
#pro div.iconDetail ul.legendList:after,
#pro div.iconDetail ul.functionList:after,
#pro div.iconDetail ul.functionList2:after,
#pro div.iconDetail ul.iconList:after,
#pro div.pro_matrixNote:after,
#pro div.pro_RowListBox:after,
#pro div.pro_ColListBox:after,
#pro #content_v4 .caseBox:after,
#pro #content_v4 .annotationListR:after,
#pro #content_v4 .wrapUseTop:after,
#content_v4 div.picupBox:after,
#content_v4 div.picupBoxunit:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}

#pro .caseSet,
#pro dl.pro_seriesSort,
#pro #content_v4 .pro_sslBtns,
.pro_feature,
#pro_functionList ul,
#pro div.iconDetail ul.legendList,
#pro div.iconDetail ul.functionList,
#pro div.iconDetail ul.functionList2,
#pro div.iconDetail ul.iconList,
#pro div.pro_RowListBox,
#pro div.pro_CowListBox,
#pro #content_v4 .caseBox,
#pro #content_v4 .annotationListR,
#pro #content_v4 .wrapUseTop,
#content_v4 div.picupBox,
#content_v4 div.picupBoxunit {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* A postscript is not added at the following */