@charset "utf-8";
/* CSS Document */



@import url(Reset.css);
@import url(LayoutStyle.css);
@import url(colorBox.css);

/*====================================================
================前頁共通share.css===========================
==================================================*/
/* IE */
/*@font-face {
font-family: Makiba;
src: url(meiryo.eot);
}
*//* Firefox, Opera, Safari */
/*@font-face {
font-family: Makiba;
src: url(meiryo.ttf) format("truetype");
}*/

body {
	background: url(../img/CmBK_ft.png) no-repeat center bottom;
	color: #5A5A5A;
	font-family: "メイリオ","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	/*letter-spacing: 1.4px;/*単位px使用 クロスブラウザ対策*/
}



a {
	outline: none;
}

a:hover {
	text-decoration: none;
}

strong {
	font-weight: normal;
}

em {
	font-style: normal;
}

div#top {
	background:url(../img/header.png) repeat-x left top;
	padding-top: 20px;
}

#top h1 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

#TOPsSub .BusinessLine a img:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;}

/*Header*/
#header {
	padding-bottom: 15px;
}
#header #headerBK #inner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#header #headerBK #inner h1 {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
}
#header #headerBK #inner .LogoArea {
	width: 380px;
	height: 87px;
	float: left;
}
#header #headerBK #inner .TelContactArea {
	width: 300px;
	height: 63px;
	padding-top: 20px;
	float: right;
}

/*nav*/
#navBK {
	background: url(../img/navBK.png) no-repeat;
	width: 100%;
	height: 60px;
}
#navBK ul#nav {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#navBK ul#nav li {
	position: relative;
	width: 200px;
	height: 60px;
	font-size: 12px;
	float: left;
/*display: inline-block;*/
}

/*-------------------------------------------------------------------------
-----------------dropDown----------------------------------------------*/
/*IE8にも透明化対応させる為、以下の仕様。
<div>を使用しCSSでdisplay:block(inline-block)、width指定position.z-index(かぶる場合)
<ul>
<li>
<div class="sub">
<ul>
	<li></li>
</ul>
</div>
<li>
-------------------------------------------------------------------------------*/
#navBK ul#nav li .sub {
	padding-left: 1px;/*メニュー画像の左に1pxの線がある為*/
	width: 200px;
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";/* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE6,7 */
	-khtml-opacity: 0.9; /* Safari 1.x */
	-moz-opacity: 0.9;/* Firefox */
	opacity: 0.9;
	/*positionでz-index: 1;で初期値0の内容物よりも上になるように設定*/
	position: relative;
	z-index: 1;
}

#navBK ul#nav li .sub ul {
	width: 200px;
	border: none;
	display: none;
	overflow: hidden;
	background: #666;
}
/*製品情報エリア*/
#navBK ul#nav li .sub ul.jigyou li {
	width: 200px;
	height: 40px;
	background: url(../img/footerArrow.png) no-repeat 14px center;
	line-height: 27px;
	text-align: center;
	/*text-indent: 28px;*/
	border-bottom: 1px dotted #000000; 
}
#navBK ul#nav li .sub ul.jigyou li p {
	line-height: 1px;
}

#navBK ul#nav li .sub ul li a {
	width: 200px;
	height: 40px;
	color: #efefef;
}
#navBK ul#nav li .sub ul li a:hover {
	color: #FF0;
	background: #333 url(../img/footerArrow.png) no-repeat 18px center;
}



/*------------------------------------------------------------------------
-------------------------------End---------------------------------------*/



/*ContentsWrapper and CmArea*/
#ContentsWrapper {
	background: url(../img/CmBK.png) no-repeat;
}




/*---------------------------------------------
CmAreaは各ページの.cssへ
-----------------------------------------------*/

#ContentsWrapper #CmArea noscript {
	font-size: 40px;
}


/*--------------------------------------------
MainContentsShadowWp
----------------------------------------------*/


/*ShadowWp*/
#ContentsWrapper #ShadowWp {
	margin-bottom: 20px;
	text-align: left;
	padding: 0px 20px 20px 20px;
	width: 958px;/*帯1000px*/
	margin-left: auto;
	margin-right: auto;
	border: 1px ridge #CCC;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	/*IE7>IE8<背景色に影が付く場合は、background-colorで背景に色を付け対処*/
	/*透明化セレクタ*/
	background-color: white;
	/*filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;*/
	behavior: url(ie-css3.htc);
	position: relative;
	overflow: hidden;
	visibility: visible;
}

/*PankuzuList*/
#ContentsWrapper #ShadowWp #PankuzuList {
	width: 958px;
	clear: both;
}
#ContentsWrapper #ShadowWp #PankuzuList ol {
	font-size: 10px;
	padding: 20px 10px;
	list-style-type: none;
}
#ContentsWrapper #ShadowWp #PankuzuList ol li {
	float: left;
	padding-bottom: 10px;
	padding-right: 5px;
}

/*----------------------------------------------------------
CmArea LeftContents RightContentsの各内部スタイルは
各ページごとに独立スタイル
--------------------------------------------------------------*/

/*---------------------------
	LeftContents
------------------------------*/
#LeftContents {
	width: 180px;
	height: auto;
	float: left;
}
/*MailContactImg*/
#LeftContents .MailContactImg {
	width: 180px;
	margin-bottom: 20px;
}
#LeftContents .MailContactImg img#mailBt {
	position: absolute;
	top: 310px;
	left: 25px;
}

/*RightContents*/
#RightContents {
	width: 748px;
	float: right;
}



/*=======================
	pageChange ul li a
=======================*/
.PageChange {
	clear: both;
	padding-top: 20px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	font-weight: normal !important;
	overflow: hidden;
}
.PageChange img {
	padding-right: 10px;
	vertical-align: middle;
}
.PageChange #prev {
	width: 120px;
	float: left;
}
.PageChange #Up {
	width: 160px;
	float: left;
}
.PageChange #next {
	width: 120px;
	float: left;
}

.PageChange #prev a,
.PageChange #Up a,
.PageChange #next a {
	text-decoration: none;
}
.PageChange #prev a:hover,
.PageChange #Up a:hover,
.PageChange #next a:hover {
	text-decoration: underline;
}






/*Footer*/
#FooterBK {
	clear: both;
}
#FooterBK #FooterArea {
	padding: 20px 0px 20px 0px;
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #2D2D2D;
}
#FooterBK #FooterArea .Img {
	display: block;
	margin-bottom: 15px;
	text-align: right;
}
#FooterBK #FooterArea #List {
	width: 690px;
	font-weight: normal !important;
	float: left;
}
#FooterBK #FooterArea #List ul#one,
#FooterBK #FooterArea #List ul#two {
	width: 200px;
	float: left;
	padding-right: 30px;
}
#FooterBK #FooterArea #List ul#three {
	width: 200px;
	float: left;
}

#FooterBK #FooterArea #List ul li.topMk {
	background: url(../img/LO46.gif) no-repeat left;
	line-height: 19px;
	padding-left: 20px;
	margin-bottom: 20px;
	font-size: 13px;
}
#FooterBK #FooterArea #List ul li.btmMk {
	background: url(../img/LO27.gif) no-repeat 10px;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 11px;
}

#FooterBK #FooterArea #List a {
	text-decoration: none;
	color: #000000;
}
#FooterBK #FooterArea #List a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#FooterBK #FooterArea #Comment {
	width: 295px;
	float: right;
}
#FooterBK #FooterArea #Comment dl {
	clear: right;
	padding-bottom: 10px;
}
#FooterBK #FooterArea #Comment dt {
	float: left;
	width: 40px;
}
#FooterBK #FooterArea #Comment dd {
	float: left;
	width: 190px;
	font-size: 19px;
	padding-top: 3px;
	font-family: "Times New Roman", Times, serif;
}
#FooterBK #FooterArea #Comment dd#last_dd {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
}
#FooterBK #FooterArea #Comment dd#last_dd a {
	text-decoration: none;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
}
#FooterBK #FooterArea #Comment dd#last_dd a:hover {
	text-decoration: underline;
	color:#f1000d !important;
}
#FooterBK #FooterArea .CopyRight {
	padding-top: 20px;
	clear: both;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
	margin-top: 20px;
	text-align: center;
}

/* ソーシャルボタン */

.google-plus {
}


.twitter-shere {
	margin-bottom:5px;
}

.side-sns ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.side-sns ul li {
	float:left;
}

.side-sns ul li.left {
	margin-right:15px;
}

.side-sns ul li.right {
	margin-left:15px;
}





/*===========================================================*/
.clearfix:after {
	content: ".";
	display: block;
	 height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */