@charset "UTF-8";

/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2009-07-06
	Modified: 2010-01-15
===========================================================*/

/*-----------------------------------------------------------
	import module CSS
-----------------------------------------------------------*/
@import "adjust.css";
@import "default.css";

/*-----------------------------------------------------------
	html and subordinate selector
-----------------------------------------------------------*/
html {}

	/*-----------------------------------------------------------
		body and subordinate selector
	-----------------------------------------------------------*/
	body {}

		/*-----------------------------------------------------------
			#wrap and subordinate selector
		-----------------------------------------------------------*/
		#wrap {
			width:100%;
			z-index: 0;
			position: relative;
			background: #fff;
		}

			/*-----------------------------------------------------------
				header and subordinate selector
			-----------------------------------------------------------*/
			header {
				padding: 5px 10px 0 10px;
				height: 38px;
			}
					header h1 img {
						margin-top: 6px;
						width: 144px;
					}

					header p.openSearch {
						margin-top: 8px;
						margin-right: 10px;
					}

			/*-----------------------------------------------------------
				.contents and subordinate selector
			-----------------------------------------------------------*/
			div.contents {}


				/*-----------------------------------------------------------
					.contents and subordinate selector
				-----------------------------------------------------------*/
				div.contents {} .searchArea {
					background: url(/sp/images_global/bgSearchArea.png) top left repeat-x #d3d3d3;
				}

					div.contents {} .searchArea .searchBox {
						border-bottom: solid 1px #c1c1c1;
						border-top: solid 1px #c1c1c1;
						padding: 3px 10px;
						width: 100%;
						vertical-align: middle;
					}

						div.contents {} .searchArea .searchBox dl {
							padding-left: 10px;
						}
							div.contents {} .searchArea .searchBox dl dt {
								width: 76%;
							}
							div.contents {} .searchArea .searchBox dl dd {}

						div.contents {} .searchArea input.textBox {
							margin-left: 10px;
							margin-right: 5px;
							width: 100%;
							line-height: 160%;
						}
						div.contents {} .searchArea input.btn {
							margin-top: 2px;
						}


				div.contents .info {
					margin: 5px 10px 5px 0;
				}


				/*-----------------------------------------------------------
					#productsList and subordinate selector
				-----------------------------------------------------------*/

					div.contents nav#productsList {
						margin: 6px 0;
						border-bottom: solid 1px #d4d3d3;
						border-top: solid 1px #d4d3d3;
						background: url(/sp/images_global/bgProductsList.png) top center repeat-y,
									-moz-linear-gradient(top, #ededf4, #f8f8fa);
						background: url(/sp/images_global/bgProductsList.png) top center repeat-y,
									-webkit-gradient(linear, left top, left bottom, from(#ededf4), to(#f8f8fa));

					}
						div.contents nav#productsList div.ipsum {
							border-top: solid 1px #fff;
							border-bottom: solid 1px #fff;
						}

							div.contents nav#productsList div.ipsum ul {
								margin: 0 auto;
								width: 100%;
								text-align: center;

							}
								div.contents nav#productsList div.ipsum ul li {
									padding: 10px 5px;
									text-align: center;
								}

									div.contents nav#productsList div.ipsum ul li a {
										display: block;
									}

								div.contents nav#productsList div.ipsum ul li.item00 {
									float: left;
									width: 45%;
								}
								div.contents nav#productsList div.ipsum ul li.item01 {
									float: right;
									width: 45%;
								}


									div.contents nav#productsList div.ipsum ul li a {
										color: #333;
										font-size: 120%;
										font-weight: bold;
										line-height: 120%;
									}
									div.contents nav#productsList div.ipsum ul li a span {
										font-size: 80%;
									}

				/*-----------------------------------------------------------
					#mainPicture and subordinate selector
				-----------------------------------------------------------*/

				div.contents section#mainPicture {
					padding: 0 0 4px 0;
					border-bottom: solid 1px #fff;
					border-top: solid 1px #d4d3d3;
					background: #f7f7f7;
					text-align:center;
					overflow: hidden;
				}

					#mainImages {
						width: 200%;
						margin: 0 -50%;
					}

						section#mainPicture div.mainImg li img {
							border: solid 1px #cfd1d2;
						}

					.slider {
						margin: 0 auto;
						position: relative;
						width: 320px;
						text-align: center;
					 }

						.slider a:focus {
							outline: 0;
						}

						.sls-view {
							margin: 0 auto;
							position: relative;
							width: 320px;
							height: 150px;
							overflow: hidden;
							text-align: center;
						}

						.sls-container {
							position: absolute;
							top: 0;
							left: 0;
						}

						.sls-content {
							position: relative;
							float: left;
							width: 260px;
							height: 150px;
						}

							.sls-content a {
								display: block;
							}

							.sls-content a:hover {
								color: #600;
							}

							.sls-pagination {
								position: absolute;
								top: 128px;
								left: 50%;
								margin-left: -30px;
								width: 100px;
							}

							.sls-pagination a {
								float: left;
								margin: 5px 5px 0;
								width: 5px;
								height: 5px;
								overflow: hidden;
								background: #eee;
								text-indent: -9999px;
								vertical-align: middle;
							}

							.sls-pagination a:hover {
								background: #ccc;
							}

							.sls-pagination a.current {
								background: #4ae;
							}

					/*-----------------------------------------------------------
						acordion and subordinate selector
					-----------------------------------------------------------*/
					h3.underline {
						border-bottom: solid 1px #d4d3d3;
					}

					div.openBox01,
					div.openBox02 {
						margin-bottom: 20px;
					}
						div.openBox01 dl {
							padding: 5px 10px;
							border-bottom: dotted 1px #d4d3d3;
						}
							div.openBox01 dl dt {
								padding-right: 10px;
								float: left;
							}
							div.openBox01 dl dd {
								padding-top: 15px;
								text-align: left;
							}
						div.openBox01 ul,
						div.openBox02 ul {}
							div.openBox01 ul li,
							div.openBox02 ul li {
								padding: 15px 10px;
								border-bottom: dotted 1px #d4d3d3;
							}
								div.openBox01 ul li a,
								div.openBox02 ul li a {
									display: block;
								}


	/*-----------------------------------------------------------
		footer and subordinate selector
	-----------------------------------------------------------*/
	footer {
		margin-top: 20px;
		border-top: solid 1px #d4d3d3;
		background: #efefef;
		text-align: center;
	}

		footer nav {
			padding: 10px 0;
			border-top: solid 1px #fff;
			background: -moz-linear-gradient(top, #f8f8fa, #fff);
			background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fa), to(#fff));
			text-align: center;
		}

		footer nav div.footerLink {
			margin: 0 auto;
			width: 310px;
			text-align: center;
		}

			footer nav ul {
				margin: 0 auto 5px auto;
				text-align: center;
			}
				footer nav ul li {
					padding-right: 10px;
					border-right: solid 1px #333;
					margin-right: 10px;
					display: inline;
				}
					footer nav ul li.noline {
						padding-right: 0;
						margin-right: 0;
						border-right: none;
					}
		footer div.copyright {
			border-top: solid 1px #d4d3d3;
			background: #f1f2f7;
			text-align: center;
		}
			footer div.copyright p {
				margin: 0 auto;
				padding: 5px 0;
				border-top: solid 1px #fff;
				font-style: normal;
				background: #f1f2f7;
			}


/*-----------------------------------------------------------
		title and subordinate selector
-----------------------------------------------------------*/
.title {
	border-bottom: solid 1px #d4d3d3;
	border-top: solid 1px #d4d3d3;
	background: -moz-linear-gradient(top, #ededf4, #f8f8fa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ededf4), to(#f8f8fa));
}
.bottomNone {
	border-bottom: none!important;
}
.topNone {
	border-top: none!important;
}
.borderNone {
	border: none!important;
}
.borderWhite {
	border-bottom: solid 1px #fff!important;
}

	.title .titleInner {
		border-top: solid 1px #fff;
	}

	.title h2,
	.title h3{
		margin-bottom: 0;
		color: #333;
		font-size: 120%;
		font-weight: bold;
	}
	.title h2.inPannel,
	.title h3.inPannel{
		margin-bottom: 0;
		padding: 12px 0 12px 10px;
		color: #333;
		font-size: 120%;
		font-weight: bold;
	}
	.title p.close {
		margin-bottom: 0;
		color: #333;
		font-size: 120%;
		font-weight: bold;
	}
		.title h2 a,
		.title h3 a,
		.title p.close a {
			padding: 12px 0 12px 10px;
			color: #333;
			display: block;
		}


	/*-----------------------------------------------------------
			pannel and subordinate selector
	-----------------------------------------------------------*/


	.popup {
		margin-top: 2px;
		margin-right: 10px;
		padding: 9px 14px;
		display: block;
		background: #fff;
		border: solid 1px #d4d3d3;
		border-radius: 4px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 10px;
		font-size: 110%;
		color: #333;
	}

	.btnClose {
		margin-top: 3px;
		margin-right: 10px;
		padding: 9px 10px;
		display: block;
		background: -moz-linear-gradient(top, #929292, #797979);
		background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#797979));
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 10px;
		font-size: 110%;
		color: #fff;
		text-shadow: 1px 1px 1px #333;
		font-weight: bold;
	}


/*-----------------------------------------------------------
		serviceList and subordinate selector
-----------------------------------------------------------*/


div.serviceList {
	height: 100%;
	width: 100%;
	z-index: 2147483647;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #fff !important;
	display: none;
}
div.anime {
	transition: 1s ease-in-out;
	-webkit-transition: 1s linear;
}

	.serviceList h4 {
		padding: 14px 0 14px 10px;
		border-bottom: solid 1px #bec0d5;
		border-top: solid 1px #fff;
		background: #e6e7f2;
		font-weight: bold;
	}
		.serviceList h4 a {
			display: block;
			color: #333;
			font-size: 110%;
			font-weight: bold;
		}

	div.serviceList ul{}
		div.serviceList ul li{
			padding: 15px 20px;
			border-bottom: solid 1px #d4d3d3;
			background: #fff;
			line-height: 140%;
		}
			.serviceList ul li a {
				display: block;
				color: #333;
				font-weight: bold;
			}

	ul#news_list02 li.info_headline {
		padding: 3px 10px;
		border-bottom: solid 1px #bec0d5;
		border-top: solid 1px #bec0d5;
		background: #e6e7f2;
	}


.title h2.floatLeft {
	width: 50%;
}

/*-----------------------------------------------------------
		newsRelease and subordinate selector
-----------------------------------------------------------*/

div.newsRelease {
	background: #fff;
}

div.newsRelease02 {
	z-index: 2147483646;
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #fff !important;
}


ul#news_list,
ul#news_list02 {
	background:#efefef;
	line-height: 150%;
}
	ul#news_list li,
	ul#news_list02 li {
		padding: 10px;
		border-bottom: dotted 1px #d4d3d3;
		border-top:  solid 1px #fff;
		background: -moz-linear-gradient(top, #fafafa, #fff);
		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));
	}

div.newsRelease02 p.item00 {
	border-bottom: solid 1px #d4d3d3;
	padding: 12px 10px;
}
	div.newsRelease02 p.item00 a {
		display: block;
		color: #333;
		font-weight: bold;
	}




/*-----------------------------------------------------------
		report and subordinate selector
-----------------------------------------------------------*/

div.report {
	margin-bottom: 10px;
	background: #fff;
}
div.report02 {
	z-index: 2147483645;
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #fff !important;
}

ul#report_list,
ul#report_list02 {
	background:#efefef;
	line-height: 150%;
}
	ul#report_list li,
	ul#report_list02 li {
		padding: 10px;
		border-bottom: dotted 1px #d4d3d3;
		border-top:  solid 1px #fff;
		background: -moz-linear-gradient(top, #fafafa, #fff);
		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));
	}

div.report02 p.item00 {
	border-bottom: solid 1px #d4d3d3;
	padding: 12px 10px;
	background: #fff;
}
	div.report02 p.item00 a {
		display: block;
		color: #333;
		font-weight: bold;
	}




/*-----------------------------------------------------------
		caution and subordinate selector
-----------------------------------------------------------*/

ul.list {
	background:#efefef;
	line-height: 150%;
}
	ul.list li {
		padding: 10px;
		border-bottom: dotted 1px #d4d3d3;
		border-top:  solid 1px #fff;
		background: -moz-linear-gradient(top, #fafafa, #fff);
		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));
	}




/*-----------------------------------------------------------
		flick and subordinate selector
-----------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.flickSlideContainer {
	position:relative;
	width:100%;
	border:1px #CCC solid;
	border-top:0px;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 0) 0px 0px 0px inset;
}
div.moveWrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	-webkit-box-sizing:border-box;
}
ul.moveWrapBG {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

div.slideMask {
	position:absolute;
	top:0;
	left:0;
	border:4px #FFF solid;
	-webkit-box-sizing:border-box;
	margin-right:1px;
}
div.moveWrap>ul.move {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	padding:0;
	margin:0;
	width:30000px;
	-webkit-transition:all 0.6s ease-in-out;
	-webkit-transform:translate3d(0,0,0);
	margin:0;
	padding:0;
	display:none;
}
div.moveWrap>ul.move li.slideUnit {
    float:left;
    list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-sizing:border-box;
}
li.slideUnit>div {
    display:inline-block;
	vertical-align:middle;
	text-align:center;
	padding:4px 4px 4px 4px;
	-webkit-box-sizing:border-box;
}