@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #262626;
}
/* ie7 */ *:first-child+html body { font-size: 88%; /* 62.5%; */}
/* ie6Below */ * html body { font-size: 88%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 88%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */

.topicsBtnBox01,
.ul_topics01,
.pageTop01,
.productItemList01 ul,
.section {
	display: block;
	min-height: 1%;
}

.topicsBtnBox01:after,
.ul_topics01:after,
.pageTop01:after,
.productItemList01 ul:after,
.section:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}

body { text-align: center; }

	
@media print {
	html,
	html body { *zoom: 0.65;}
	#footer {
		margin-top: 0;
	}
	#header {
		page-break-before: avoid;
	}
		#wrapper {
			display: table;
		}
		#breadcrumb {
			page-break-before: avoid;
		}
		.h1_basic {
			page-break-before: avoid;
		}
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	margin-top: 30px;
	height: 28px;
	background: #e5e5e5;
	*zoom: 1;
	font-size: 86%;
}
	#breadcrumb li {
		float: left;
		height: 23px;
		vertical-align: middle;
		background: url(../images/topicpath_line.gif) 100% 50% no-repeat;
		padding: 5px 26px 0 20px;
		white-space: nowrap;
	}
	#breadcrumb li.home {
		padding: 0;
		background: none;
	}
		#breadcrumb li a {
			white-space: nowrap;
			height: 28px;
			vertical-align: middle;
		}

/* !contents
---------------------------------------------------------- */

#contents {
	margin: 0 auto 103px;
	width: 990px;
	text-align: left;
}

/* IE7 */
*:first-child+html #contents {
	margin-bottom: 51px;
}

	#main {
		float: left;
		width: 700px;
	}
	#sub {
		float: right;
		width: 260px;
	}

/* !h(n)eading
---------------------------------------------------------- */

.h1_basic {
	margin: 30px 0 40px;
}
.h2_basic {
	margin: 20px 0 30px;
}
.h3_basic {
	margin-bottom: 20px;
}

/* !pageTop
---------------------------------------------------------- */

.pageTop01  {
	font-size: 86%;
	margin-bottom: 25px;
}
	.pageTop01 a {
		float: right;
		padding-right: 15px;
		color: #000;
		background: url(../images/ico/ico_toparrow01_no.gif) 100% 50% no-repeat;
	}
	.pageTop01 a:hover {
		text-decoration: none;
		background: url(../images/ico/ico_toparrow01_on.gif) 100% 50% no-repeat;
	}


/* !sub
---------------------------------------------------------- */

/* settingGuide01 */

.settingGuide01 {
	margin-bottom: 50px;
}
	.settingGuide01 .guideTit01 {
		margin-bottom: 15px;
	}
	.settingGuide01 .guideDetail01 {
		font-size: 86%;
		margin-bottom: 8px;
	}
	.ol_settingguide01 {
		padding: 10px 0; 
		font-size: 72%;
		background: #e5e5e5;
	}
		.ol_settingguide01 li {
			padding-bottom: 23px;
			margin-bottom: 7px;
			background: url(../../right/guideflow/al.gif) 50% 100% no-repeat;
		}
		.ol_settingguide01 li.last {
			padding-bottom: 0;
			margin-bottom: 0;
			background: none;
			
		}
			.ol_settingguide01 li p.guideImgTxt01 {
				margin-bottom: 5px;
			}
			.ol_settingguide01 li p.guideTxt01 {
				width: 240px;
				margin: 0 auto;
			}

/* settingGuide01 */

.seminerFrameArea01 {
	margin-bottom: 40px;
}

/* pickupFrameArea01 */

.pickupFrameArea01 {
	margin-bottom: 50px;
}

/* Event&Campaign
---------------------------------------------------------- */

/* ! topicsBox01
---------------------------------------------------------- */

.topicsBtnBox01 {
	padding-bottom: 9px;
	background: url(../../topics/images/index/topics_line.gif) 0 100% no-repeat;
	margin-bottom: 23px;
}
	.topicsBtn li {
		float: left;
		margin-right: 15px;
	}	
	.eventCalendarBtn01 {
		float: right;
	}
	
.topicsBox01 {
	margin-bottom: 5px;
}
	.ul_topics01 li {
		float: left;
		width: 222px;
		margin:0 17px 30px 0;
	}
	.ul_topics01 li.listTriplet01 {
		margin-right: 0;
	}


.calenderIcon01 {
	margin-bottom: 10px;
}
	.calenderIcon01 ul li {
		float: left;
		margin-right: 10px;
	}
	.calenderIcon01 ul li.last {
		margin-right: 0;
	}

.newsDetailBox01 {
	position: relative;
	width: 222px;
	padding-bottom: 1px;
}

.picUpBox01 {
	position: relative;
	width: 222px;
}
	.newsDate01 {
		font-family: "Century Gothic";
		font-weight: bold;
		font-size: 116%;
		height: 27px;
		margin-bottom: 2px;
		color: #666;
	}
		.newsDate01 .years{
			font-size: 72%;
		}
	.iconImg01 {
		position: absolute;
		right: 0;
		top: 0;
	}
	.newsTitle01 {
		padding-bottom: 3px;
		margin-bottom: 3px;
		border-bottom: 1px solid #666;
	}
		.newsTitle01 em {
			font-weight: bold;
			font-size: 96%;
		}
	.newsCaption01 {
		color: #666;
		font-size: 96%;
	}
	.moreClickBtn01 {
		width: 222px;
		margin: 10px auto 0;
		text-align: right;
	}
	.thumbImg01 {
		position: relative;
		margin-bottom: 10px;
		z-index: 1;
	}
		.thumbImg01 img {
			position: relative;
			z-index: 1;
		}

.bl-hot .hoverBlock01 a {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: red;
	width: 222px;
	height: 100%;
	z-index: 20;
}
.bl-hover .hoverBlock01 a {
	display: block;
}

	.hoverBlock01 a img {
		position: absolute;
		top: 0;
		right: 0;
	}

/* event */

.eventBlock01 .hoverBlock01 a {
	background: url(../images/img_topicsnews01.png) 0 0 repeat;
}
.eventBlock01 .thumbImg01 {
	border-top: 4px solid #ffb41e;
}

/* campaign */

.campaignBlock01 .hoverBlock01 a {
	background: url(../images/img_topicsnews02.png) 0 0 repeat;
}
.campaignBlock01 .thumbImg01 {
	border-top: 4px solid #f5487e;
}

/* trainingSessionBlock01 */

.trainingSessionBlock01 .hoverBlock01 a {
	background: url(../images/img_topicsnews03.png) 0 0 repeat;
}
.trainingSessionBlock01 .thumbImg01 {
	border-top: 4px solid #7fd734;
}

/* notice */

.noticeBlock01 .hoverBlock01 a {
	background: url(../images/img_topicsnews04.png) 0 0 repeat;
}
.noticeBlock01 .thumbImg01 {
	border-top: 4px solid #00adef;
}


/* ! Product Item
---------------------------------------------------------- */

.productItemList01 ul li {
	position: relative;
	width: 162px;
	height: 162px;
	overflow: hidden;
	float: left;
	margin: 0 3px 3px 0;
}
	.machineBox01 {
		position: relative;
		width:162px;
		z-index: 1;
	}
		.coverlink01 {
			zoom:1;
			position: absolute;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			z-index: 30;
		}
		.captionBlock01 {
			position: absolute;
			width: 100%;
			z-index: 1;
			left: 0;
			padding: 5px 0;
			bottom: 0;
			color: #fff;
			font-size: 77%;
			background: url(../images/bg/bg_captionbox01.png) 0 0 repeat;
		}
			.captionBlock01 p {
				padding: 0 7px;
			}
			.captionBlock01 .captionTextStyle01 {
				font-size: 115%;
				margin-bottom: 8px;
			}
			.captionBlock01 .captionTextStyle02 {
				font-size: 115%;
				margin-bottom: 3px;
			}
				.captionBlock01 .captionTextStyle01 span {
					display: block;
					font-size: 78%;
				}
				.captionTextStyle03 {
					font-size: 86%;
				}

/* ! shopAccess Btn
---------------------------------------------------------- */

.PdfMapBtn01,
.googleMapBtn01 {
	text-align:right;
	height: 18px;
}
.googleMapBtn01 {
	margin-bottom: 10px;
}
	.googleMapBtn01 a {
		padding-right: 94px;
		display: block;
		height: 18px;
		background: url(../../shop/images/index/b_gmap_no.gif) 100% 50% no-repeat;
	}
	.googleMapBtn01 a:hover {
		background: url(../../shop/images/index/b_gmap_on.gif) 100% 50% no-repeat;
	}
	.PdfMapBtn01 a {
		padding-right: 94px;
		display: block;
		height: 18px;
		background: url(../../shop/images/index/b_pdf_no.gif) 100% 50% no-repeat;
	}
	.PdfMapBtn01 a:hover {
		background: url(../../shop/images/index/b_pdf_on.gif) 100% 50% no-repeat;
	}


/* ! icon Mail フロー図のメールアイコン設定
---------------------------------------------------------- */

.Mailicon {
		padding-left: 32px;
		background: url(../images/ico-mail.gif) 5% 50% no-repeat;
}