@charset "UTF-8";

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

/*-----------------------------------------------------------
	import adjust.min.css
-----------------------------------------------------------*/
@import "/common/css/mod/adjust.css";


a img {
	border: none;
}


.notes01 {
	padding-left: 1em;
	color: #666;
	font-size: 77%;
	text-indent: -1em;
} .notes02 {
	margin-top: 15px;
	line-height: 1.6;
}  .notes02 li {
	padding-left: 1em;
	color: #666;
	font-size: 77%;
	text-indent: -1em;
}

.innerImg img {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: middle;
}

.list00 {
	line-height: 1.8;
}

	.list00 li {
		padding-left: 16px;
		background: url(/common/images/icoArrow02.png) no-repeat 5px 0.8em;
	} .list00 li.pdf {
		background: url(/common/images/icoPdf01.png) no-repeat 0em 0.4em;
	} .inline li {
		margin-right: 20px;
		display: inline;
		background-position: 5px 0.4em;
	}

.list01 {
	line-height: 1.8;
}

	.list01 li {
		margin-left: 25px;
		list-style: disc;
	}

.noPrint {
	display: none;
}

/*-----------------------------------------------------------
	#header and subordinate selector
-----------------------------------------------------------*/
div#header {
	border-bottom: 2px solid #022547;
	height: 50px;
}

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

	/*-----------------------------------------------------------
		#contents .lorem and subordinate selector
	-----------------------------------------------------------*/
	div#contents .lorem {
		margin-top: 20px;
	}

		div#contents .lorem .beta {
			margin-top: 20px;
		}

			div#contents .lorem .beta .item00 {
				margin-bottom: 10px;
			}

			div#contents .lorem .beta .item01 {
				margin-top: 15px;
				margin-left: 20px;
			}

				div#contents .lorem .beta .item01 dl {
					margin: 0;
				}

					div#contents .lorem .beta .item01 dt {}

					div#contents .lorem .beta .item01 dd {
						margin: 0 0 10px 0;
					}

	/*-----------------------------------------------------------
		#contents .ipsum and subordinate selector
	-----------------------------------------------------------*/
	div#contents .ipsum {
		margin-top: 20px;
	}

	/*-----------------------------------------------------------
		#contents .dolor and subordinate selector
	-----------------------------------------------------------*/
	div#contents .dolor {
		margin-top: 20px;
	}

		/*-----------------------------------------------------------
			.mainContents .alpha and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .alpha {
			margin-top: 11px;
			width: 710px;
		}

			div.mainContents .alpha .alphaBox {
				position: relative;
				float: left;
				width: 134px;
			} div.mainContents .alpha .ditch {
				margin-right: 10px;
			}

				div.mainContents .alpha .alphaBox .item00 {
					position: absolute;
					top: 2px;
					left: 2px;
				}

				div.mainContents .alpha .alphaBox .item01 {
					padding: 1px;
					border: 1px solid #bfc6cb;
				}

				div.mainContents .alpha .alphaBox dl {
					margin-top: 0.5em;
					margin-right: 5px;
					margin-left: 5px;
					color: #011434;
				} div.mainContents .alpha .alphaBox dl.item02 {
					padding-bottom: 0.5em;
					border-bottom: 1px dotted #bfc6cb;
				}

					div.mainContents .alpha .alphaBox dt {}

					div.mainContents .alpha .alphaBox dd {
						margin-top: 0.3em;
					}

					div.mainContents .alpha .alphaBox dl a {
						color: #011434;
						font-weight: bold;
					}

		/*-----------------------------------------------------------
			.mainContents .beta and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .beta {}

			div.mainContents .beta h1 {
				padding: 8px 17px 8px 17px;
				border-bottom: 3px solid #00203e;
				line-height: 1;
				color: #0b1426;
				background: #e8eaed url(/common/images/bgBetaScarehead.png) repeat-x left top;
				font-weight: bold;
				font-size: 116%;
			}

				div.mainContents .beta h1 img {
					margin-top: 0.1em;
				}

		/*-----------------------------------------------------------
			.mainContents .gamma and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .gamma {
			margin-top: 15px;
		}

			div.mainContents .gamma .thumbBox {
				margin-right: 20px;
				float: left;
				width: 374px;
			}

				div.mainContents .gamma .thumbBox .item00 {
					padding: 2px;
					background: url(/common/images/bgThumb01.png) no-repeat left top;
				}

				div.mainContents .gamma .thumbBox .item01 {
					margin-top: 10px;
					font-size: 77%;
				}

			div.mainContents .gamma .gammaBox {
				float: left;
				width: 270px;
			}

				div.mainContents .gamma .gammaBox p {
					margin-top: 15px;
				}

		/*-----------------------------------------------------------
			.mainContents .delta and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .delta {
			margin-top: 15px;
			padding: 5px 11px;
			background: #f2f3f4;
		}

			div.mainContents .delta h2 {
				padding: 3px 17px;
				color: #0b1426;
				background: url(/common/images/bgBetaHeadline.png) no-repeat left center;
				font-weight: bold;
				font-size: 108%;
			}

		/*-----------------------------------------------------------
			.mainContents .epsilon and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .epsilon {}

			div.mainContents .epsilonInner {
				margin: 9px 10px 25px 10px;
			}

			div.mainContents .epsilonBox {
				margin-top: 25px;
			}

			div.mainContents .epsilon h3 {
				padding: 7px 12px 6px 12px;
				min-height: 11px;
				_min-height: 24px;
				background: url(/common/images/bgEpsilonSubhead.png) no-repeat left center;
				font-weight: bold;
				font-size: 108%;
			}

			div.mainContents .epsilon p {
				margin-top: 15px;
			}

			div.mainContents .epsilon ul {
				margin-top: 15px;
			}

			div.mainContents .epsilon em {
				color: #f00;
				font-style: normal;
			}

			div.mainContents .epsilon .mu {}

				div.mainContents .epsilon .mu .muBox {
					width: 451px;
				}

		/*-----------------------------------------------------------
			.mainContents .dzeta and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .dzeta {
			margin-top: 20px;
			padding: 3px;
			border: 1px solid #bfc6cb;
			background: #ecedef;
		}

			div.mainContents .dzeta table {
				border: none;
				line-height: 1;
				width: 100%;
				font-size: 93%;
			}

				div.mainContents .dzeta table th,
				div.mainContents .dzeta table td {
					border: none;
					border-right: 1px solid #ecedef;
				} div.mainContents .dzeta table thead th {
					padding-top: 7px;
					padding-bottom: 6px;
					color: #001a37;
					background: #d7d7d7;
					text-align: center;
				} div.mainContents .dzeta table tbody th,
				  div.mainContents .dzeta table tbody td {
					padding-top: 13px;
					padding-bottom: 10px;
					background: #fff;
					text-align: center;
				} div.mainContents .dzeta table tbody th {
					font-weight: bold;
				}

				div.mainContents .dzeta table .item00 {
					border-right: none;
				} div.mainContents .dzeta table .item01 th {
					border-top: 1px solid #fff;
					border-bottom: 1px solid #004b72;
				} div.mainContents .dzeta table .item02 th,
				  div.mainContents .dzeta table .item02 td {
					border-top: 2px solid #e5e5e5;
				}

		/*-----------------------------------------------------------
			.mainContents .eta and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .eta {
			margin-top: 20px;
		}

		/*-----------------------------------------------------------
			.mainContents .theta and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .theta {
			margin-top: 20px;
		}

			div.mainContents .theta .tabBox {
				position: relative;
				width: 464px;
				height: 37px;
			}

				div.mainContents .theta .tabBox ul {}

					div.mainContents .theta .tabBox ul li {}

						div.mainContents .theta .tabBox ul li a {
							position: absolute;
							top: 0px;
						} div.mainContents .theta .tabBox ul li.item00 a {
							left: 0px;
						} div.mainContents .theta .tabBox ul li.item01 a {
							left: 134px;
						} div.mainContents .theta .tabBox ul li.item02 a {
							left: 268px;
						}

						div.mainContents .theta .tabBox ul li em {
							position: absolute;
							top: 0px;
						} div.mainContents .theta .tabBox ul li.item00 em {
							left: 0px;
						} div.mainContents .theta .tabBox ul li.item01 em {
							left: 134px;
						} div.mainContents .theta .tabBox ul li.item02 em {
							left: 268px;
						}

			div.mainContents .thetaBox {
				background: #011427;
				width: 900px;
				height: 682px;
			}

		/*-----------------------------------------------------------
			.mainContents .iota and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .iota {
			margin-top: 20px;
			padding: 10px;
			background: #e1e2e2 url(/common/images/bgPaging01.png) repeat-x left top;
			text-align: right;
		}

			div.mainContents .iota ul {
				display: inline;
				line-height: 1;
				font-size: 93%;
			}

				div.mainContents .iota ul li {
					display: inline;
				}

					div.mainContents .iota ul li a {
						padding: 5px 7px 3px 7px;
						border: 1px solid #99a1a7;
						color: #fff;
						background: #3c3c3c;
						text-decoration: none;
					} div.mainContents .iota ul li a:hover {
						background: #0a3d65;
					} div.mainContents .iota ul li.item00 a {
						padding: 5px 20px 3px 20px;
					} div.mainContents .iota ul li.item01 a {
						padding: 5px 20px 3px 20px;
					}

					div.mainContents .iota ul li em {
						padding: 5px 7px 3px 7px;
						border: 1px solid #99a1a7;
						color: #fff;
						background: #0a3d65;
						text-decoration: none;
					}

		/*-----------------------------------------------------------
			.mainContents .kappa and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .kappa {
			margin-top: 20px;
		}

			div.mainContents .kappa dl {
				position: relative;
				width: 617px;
				height: 48px;
				background: url(/store/images/bgOrders01.png) no-repeat left top;
			}

				div.mainContents .kappa dl dt {
					display: block;
					position: absolute;
					top: 18px;
					left: 11px;
					width: 113px;
					height: 11px;
					background: url(/store/images/bgOrders02.png) no-repeat left top;
					text-indent: -9999px;
				}

				div.mainContents .kappa dl dd {}

				div.mainContents .kappa dl ul {}

					div.mainContents .kappa dl ul li {
						display: block;
						position: absolute;
						top: 6px;
						height: 37px;
						text-indent: -9999px;
					} div.mainContents .kappa dl ul li.item00 {
						left: 149px;
						width: 77px;
						background: url(/store/images/bgOrders03.png) no-repeat 0px 0px;
					} div.mainContents .kappa dl ul li.item01 {
						left: 244px;
						width: 129px;
						background: url(/store/images/bgOrders03.png) no-repeat -77px 0px;
					} div.mainContents .kappa dl ul li.item02 {
						left: 391px;
						width: 210px;
						background: url(/store/images/bgOrders03.png) no-repeat -206px 0px;
					}

		/*-----------------------------------------------------------
			.mainContents .lamda and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .lamda {
			margin-top: 10px;
			margin-bottom: 20px;
		}

		/*-----------------------------------------------------------
			.mainContents .mu and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .mu {
			margin-top: 10px;
		}

			div.mainContents .mu .muBox {
				float: left;
				width: 471px;
			}

			div.mainContents .mu .thumbBox {
				float: right;
				width: 224px;
			}

				div.mainContents .mu .thumbBox .item00 {
					padding: 1px;
					border: 1px solid #bfc6cb;
				}

		/*-----------------------------------------------------------
			.mainContents .nu and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .nu {
			margin-top: 20px;
			padding: 14px;
			border: 1px solid #b7bdc3;
			background: #eee;
		}

			div.mainContents .nu .example {}

				div.mainContents .nu .example dt {
					margin-top: 15px;
					font-weight: bold;
				}

		/*-----------------------------------------------------------
			.mainContents .xi and subordinate selector
		-----------------------------------------------------------*/
		div.mainContents .xi {
			margin-top: 20px;
			position: relative;
			width: 690px;
			height: 149px;
			background: url(/guide/images/bgGuide01.png) no-repeat left top;
		}

			div.mainContents .xi .item00 {
				position: absolute;
				top: 12px;
				left: 12px;
			}

			div.mainContents .xi .item01 {
				position: absolute;
				bottom: 1px;
				left: 11px;
			}

/*-----------------------------------------------------------
	#footer and subordinate selector
-----------------------------------------------------------*/
div#footer {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 2px solid #bf8112;
}

	/*-----------------------------------------------------------
		#footer .dolor and subordinate selector
	-----------------------------------------------------------*/
	div#footer .ipsum {
		position: absolute;
		top: 0px;
		right: 5px;
	}

	/*-----------------------------------------------------------
		#footer .dolor and subordinate selector
	-----------------------------------------------------------*/
	div#footer .dolor {
		text-align: right;
	}