@charset "UTF-8";

/*  ================================================================================
	Common
================================================================================  */
#contentsBodyArea{ padding:9px 0 0; }
#secSideMenu{ padding:25px 0 0; }
dl#sideMenuArea dt{ background-color:#e6e6e6; }
dl#sideMenuArea dt.select{ background-color:#f4f4f4; }
dl#sideMenuArea dt a{ display:block; padding:10px 0 8px 18px; background:url(../../common/images/square_arrow.gif) no-repeat left center; }
dl#sideMenuArea dt a:link,dl#sideMenuArea dt a:visited,dl#sideMenuArea dt a:active { color:#222e3a; text-decoration:none; }
dl#sideMenuArea dt a:hover { color:#222e3a; text-decoration:underline; }  
dl#sideMenuArea dd{ margin:0; padding:0 0 12px; }
ul.subMenuList{ margin:0; padding:15px 0 0; }
ul.subMenuList.gy{ padding:1px 0 0; }
ul.subMenuList li{ font-size:83.3%; padding:3px 10px 5px; line-height:150%; }
ul.subMenuList li.in{ font-size:83.3%; padding:3px 10px 7px 20px; line-height:150%; }
ul.subMenuList li.st{ margin:20px 0 10px; padding:5px 15px; background:url(../images/gy_sub_bg.gif) no-repeat left center #d8d8d8; color:#324e5c; }
ul.subMenuList li.sst{ margin:10px 0 0; padding:5px 15px 5px 18px; background:url(../../common/images/side_small_arrow.gif) no-repeat 10px center; color:#324e5c; }
ul.subMenuList li.st.first{ margin:0; background-position:left center; }
ul.subMenuList li.sstfirst{ margin:0; padding:10px 15px 5px 18px; background:url(../../common/images/side_small_arrow.gif) no-repeat; color:#324e5c; background-position:10px 15px; _background-position:10px 16px; }
ul.subMenuList li a{ background:url(../images/maru.gif) no-repeat; }
ul.subMenuList li a{ background-position:left 0.5em; _background-position:left 0.6em; }



h4{ margin-bottom:10px; clear:both; }
.indexProductOuter h4{ font-size:150%; }
h5{ font-size:116.7%; margin:0 0 1px; padding:3px 10px 7px; font-weight:bold; color:#324e5c; background:url(../images/h5_bg.gif) repeat-x bottom #f4f4f4; clear:both; }
h6{ height:29px; margin:0 0 10px; padding:0 10px 0 28px; line-height:25px; font-size:100%; font-weight:bold; color:#324e5c; background:url(../images/h6_bg.gif) repeat-x bottom; }

#titleUpBtn{ text-align:right; }
#titleUpBtn img{ margin:0 0 0 5px; }

#pagetop{ padding-top:60px; }

/*  ================================================================================
	INDEX
================================================================================  */
.indexProductArea{ padding:0 0 15px; clear:both; }
.indexProductOuter{ padding:0 0 40px; clear:both; }
.indexProductList{ width:230px; padding:0 0 15px; float:left; }
.photoThum{ width:70px; float:left; }
.photoThum img{ margin-bottom:3px; }
.photoThum a img{ margin:0; }
.text{ width:150px; float:left; }
.text p{ padding:3px 0 0; font-size:83.3%; line-height:120%; }
.text a{ padding-left:13px; display:block; background:url(../../common/images/f_arrow.gif) no-repeat 2px 0.5em; line-height:130%; }
.cl{ height:0; line-height:0; clear:both; }

.pageIndexArea{ margin:0 0 30px; background:url(../images/pagelink_top.gif) no-repeat left top; }
.pageIndexInner{}
ul.pageIndex{ padding:13px 0 13px 18px; background:url(../images/pagelink_bottom.gif) no-repeat left bottom; }
ul.pageIndex li{ width:152px; margin:0 15px 0 0; float:left; }
ul.pageIndex li a{ padding:0 0 0 16px; display:block; background:url(../../common/images/square_arrow.gif) no-repeat left center; }
ul.pageIndex li a:link,ul.pageIndex li a:visited,ul.pageIndex li a:active { color:#324e5c; text-decoration:none; }
ul.pageIndex li a:hover { color:#324e5c; text-decoration:underline; }  

/*  ================================================================================
	SECOND
================================================================================  */
.productTitle{ position:absolute; color:#FFF; top:56px; left:30px; font-weight:bold; font-size:166.7%; }
.productTitleNone{ position:absolute; color:#FFF; top:64px; left:30px; font-weight:bold; font-size:166.7%; }
.productCaption{ position:absolute; color:#FFF; top:79px; left:30px; }
img.new{ position:absolute; right:20px; top:70px; }
#productOutline{ margin:10px 0  0; }
h4.pro{ margin:52px 0 15px; }
.outlinePhoto{ width:260px; text-align:center; float:left; }
.outlineText{ width:416px; float:right; }
table.productSpec{ width:100%; margin:0 0 5px; text-align:left; border-collapse:collapse; line-height:140%; }
table.productSpec th{ width:25%; padding:7px 16px; background:#324253; font-weight:normal; color:#FFF; border:1px solid #cecece; text-align:left; }
table.productSpec th.wideTitle{ width:auto!important; font-weight:bold; }
table.productSpec td{ padding:7px 16px; border:1px solid #cecece; }
.specCaption{ font-size:83.3%; color:#324e5c; line-height:130%; }
.typeImage{ margin:0 0 20px; border:1px solid #cecece; }
table.dimensional{ width:100%; margin:0 0 30px; }
table.dimensional th{ color:#222e3a; text-align:left; }
table.dimensional td.image{ background:url(../images/border_bg.gif) no-repeat center center; }
table.dimensional td.gallery1,table.dimensional td.gallery2,table.dimensional td.gallery3,table.dimensional td.gallery4{ width:168px; height:134px; text-align:center; vertical-align:middle; }
table.dimensional td.zoom{ height:21px; }

#dataDownload{ height:79px; margin:30px 0 0; background:url(../images/download_bg.gif) no-repeat left top; }
#dataDownload ul{ margin:0 0 0 8px; padding:33px 0 0; }
#dataDownload ul li{ margin:0 1px 0 0; float:left; }


.noSquare{ font-family:'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif; }

/* MAGNET+FLOAT */
table.magnetSpec{ width:100%; margin:30px 0 10px; text-align:left; border-collapse:collapse; }
table.magnetSpec th{ width:15%; padding:6px 8px; background:#324253; font-weight:normal; color:#FFF; border:1px solid #cecece; font-weight:bold; text-align:center; }
table.magnetSpec th.sTitle{ width:auto; background:#545454; font-weight:normal; }
table.magnetSpec td{ padding:6px 8px; border:1px solid #cecece; text-align:center; }
table.magnetSpec td.none{ vertical-align:middle; text-align:center!important; padding:4px; }
table.magnetSpec td.none table{ margin:0 auto; padding:0; }
table.magnetSpec td.none table td{ padding:0; border:none; text-align:left; word-spacing:break-all; }
table.magnetSpec td.none table td.ed{ width:111px!important; height:85px; background:url(../images/product/magnet/magnet_bg1.gif) no-repeat; text-align:center; }
table.magnetSpec td.none table td.dz{ width:201px!important; height:85px; background:url(../images/product/magnet/magnet_bg2.gif) no-repeat; text-align:center; }

table.magnetOption{}
table.magnetOption td.ez{ width:180px; height:111px; background:url(../images/product/magnet/magnet_bg3.gif) no-repeat left; text-align:center; vertical-align:middle; }
table.magnetOption{}



.sp_sel table{ border-collapse:collapse; border:1px solid #cecece; }
.sp_sel table th,.sp_sel table td{ border:1px solid #cecece; padding:10px 16px; vertical-align:top; }
.sp_sel table th{ padding:5px 16px; text-align:center; background:#e9e9e9; vertical-align:middle; }

table.magnetSpec .sp_sel table th,
table.magnetSpec .sp_sel table td{ width:auto; padding:3px 10px; color:#414141; }

/*  ================================================================================
	Clearfix
================================================================================  */
.indexProductArea:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.indexProductArea{ display:inline-table; zoom:1; }
* html .indexProductArea{ height:1px; zoom:1; }
.indexProductArea{ display:block; }