@charset "UTF-8";

/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2008-09-01
	Modified: 2009-03-05
===========================================================*/

/*-----------------------------------------------------------
	.itemSearch and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.itemSearch {}

	div#contentsBox div.itemSearch dl {
		margin: 0 0 5px 0;
		position: relative;
		width: 560px;
		height: 52px;
	}

		div#contentsBox div.itemSearch dt {
			position: absolute;
			top: 0px;
			left: 0px;
		}

		div#contentsBox div.itemSearch dd {
			position: absolute;
		} div#contentsBox div.itemSearch dd.item01 {
			top: 14px;
			left: 155px;
		} div#contentsBox div.itemSearch dd.item02 {
			top: 15px;
			left: 455px;
		} div#contentsBox div.itemSearch dd.item03 {
			top: 11px;
			left: 443px;
		}

			div#contentsBox div.itemSearch input#itemSearchArea {
				width: 270px;
				height: 20px;
			}

			div#contentsBox div.itemSearch input#itemSearchButton {
				display: block;
			}

	div#contentsBox div.itemSearch p {
		margin: 0 0 20px 0;
	}

/*-----------------------------------------------------------
	mainButton
-----------------------------------------------------------*/

		ul.mainButton {
			margin: 0 0 0 50px;
			width: 464px;
		}


/*-----------------------------------------------------------
	.lorem and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.lorem {
	margin: 0 0 25px 0;
}

	div#contentsBox div.lorem div.alpha {
		margin: 0 0 0 15px;
		width: 533px;
	}
	
		div#contentsBox div.lorem div.alpha p {
			background: url(../images/bgDotLine.png) bottom left no-repeat;
		}
			div#contentsBox div.lorem div.alpha div.item01 p {
				background: none!important;
			}
			
			div#contentsBox div.lorem div.alpha p a {
				padding: 8px 0 9px 30px;
				background: url(../images/icoQ.png) 0 10px no-repeat;
				display: block;
				line-height: 160%;
			}
				div#contentsBox div.lorem div.alpha p a span.productName {
					color: #444;
					font-size: 93%;
				}
			
		div#contentsBox div.lorem div.alpha  div.item01 {
			margin: 10px 0 8px 0;
			padding: 15px 15px 15px 40px;
			width: 500px;
			background: url(../images/icoA.png) 15px 15px no-repeat #f2f2f2;
		}
			div#contentsBox div.lorem div.alpha div.item01 {}
				div#contentsBox div.lorem div.alpha div.item01 h4 {
						margin: 10px 0 3px 0;
						padding: 0 0 3px 0;
						width: 495px;
						background: url(../images/bgDotLineBasegray.png) bottom left no-repeat;
						color: #da0032;
						font-size: 93%;
					}
						div#contentsBox div.lorem div.alpha div.item01 div.ul {}
							div#contentsBox div.lorem div.alpha div.item01 ul li {
								padding: 5px 0 0 15px;
								width: 465px;
								background: url(../images/icoArrowBasegray.png) 0 0.3em no-repeat;
								font-size: 93%;
							}

		


/*-----------------------------------------------------------
	.ipsum and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.ipsum {
	width: 560px;
}

	div#contentsBox div.ipsumInner {
		margin: 0 15px 5px 20px;
		width: 530px;
	}

		div#contentsBox ul.ipsumBox {
			margin: 0 0 5px 0;
		}

			div#contentsBox li.alpha {
				width: 170px;
			} div#contentsBox ul.ipsumBox li.item00 {
				margin: 0 10px 0 0;
				float: left;
			} div#contentsBox ul.ipsumBox li.item01 {
				float: left;
			} div#contentsBox ul.ipsumBox li.item02 {
				float: right;
			}

				div#contentsBox ul.ipsumBox li img {
					vertical-align: top;
				}

				div#contentsBox ul.ipsumBox li p {
					padding: 0 0 0 15px;
					background: transparent url(../../../common/images/icoArrow.png) 0em 0.1em no-repeat;
					font-size: 93%;
				}
				
div#contentsBox div.product {
	padding: 0 0 10px 0;
		background: #fcf7eb;
}
div#contentsBox div.other {
	background: #eef7fa;
}

			div#contentsBox div.textButton {}
				div#contentsBox div.textButton ul {}
					div#contentsBox div.textButton ul li {
						padding: 8px;
						border-top: solid 1px #3f7ac3;
						border-bottom: solid 1px #c0c5c9;
						border-left: solid 1px #c0c5c9;
						border-right: solid 1px #c0c5c9;
						width: 145px;
						_width: 163px;
						background: #fff;
					}div#contentsBox div.textButton ul li.item00 {
						margin: 0 20px 0 0;
						float: left;
					} div#contentsBox div.textButton ul li.item01 {
						float: left;
					} div#contentsBox div.textButton ul li.item02 {
						float: right;
					}
					
						div#contentsBox div.textButton ul li a {
							padding-left: 20px; 
							width: 130px;
							color: #db3330;
							font-weight: bold;
							background: url("../../../common/images/icoArrow.png") no-repeat -1px 0.1em;
							font-size: 85%;
							line-height: 135%;
							display: block;
						}
						div#contentsBox div.textButton ul li a:hover {
							color: #DD0D3C;
						}
						
				div#contentsBox div.textButton ul.component {}
					div#contentsBox div.textButton ul.component li {
						margin-bottom: 15px;
						padding: 8px;
						border-top: solid 1px #c20401;
						border-bottom: solid 1px #e85655;
						border-left: solid 1px #e85655;
						border-right: solid 1px #e85655;
						width: 145px;
						_width: 163px;
						background: #fa6a67;
					}
						div#contentsBox div.textButton ul.component li a {
							background: url("../images/icoArrow.png") no-repeat -1px 0.1em;
							color: #fff;
						}
						

/*-----------------------------------------------------------
	.dolor and subordinate selector
-----------------------------------------------------------*/
div#bannerArea div.inquiry {
	margin: 0 0 30px 0;
	padding: 10px 10px 0 10px;
	border: solid 1px #f96f8d;
	width: 149px;
	background: #fcf8e8;
}
	div#bannerArea div.inquiry ul {}
		div#bannerArea div.inquiry ul li {
			padding: 10px 0;
			background: url(../images/bgInquiry.png) top left no-repeat;
		}

/*-----------------------------------------------------------
	.sit and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.sit {}
	div#contentsBox div.sitInner {
		width: 560px;
	}
	
		div#contentsBox div.sitInner div.floatLeft {
			width: 155px;
		}
				div#contentsBox div.sitInner p.productImg img {
					border: solid 1px #e01745;
				}
				
		div#contentsBox div.sitInner div.floatRight {
			width: 385px;
		}
		
			div#contentsBox div.sitInner div.item00 {
				background: url(../images/bgCutomerVoice00.png) top left no-repeat #fce1de;
			}
				div#contentsBox div.sitInner div.item00 h3 {
					padding: 10px 10px 10px 20px;
					background: url(../images/bgCutomerVoice01.png) bottom left no-repeat;
					color: #424242;
					font-weight: bold;
					
				}

	
/*-----------------------------------------------------------
	template
-----------------------------------------------------------*/

div#contentsBox div.h1 {
	margin: 0 0 15px 0;
	padding: 18px;
	border: solid 1px #d8d8d8;
	background: url(../images/bgH1.png) bottom left no-repeat #fff;
}
	div#contentsBox div.h1 h1 {
		padding: 0 0 0 10px;
		border-left: solid 3px #da0032;
		color: #da0032;
		font-size: 138.5%;
		font-weight: bold;
	}
	
div#contentsBox div#selectBox {
	margin: 0 0 20px 0;
	text-align: right;
}
	div#contentsBox div#selectBox select {
		width: 240px;
	}

	
div#contentsBox div.titlesProduct {
    background: url("../images/bgTitlesProduct.png") right bottom #fcf8e8 no-repeat;
    border-left: 4px solid #f6446c;
    color: #575757;
    font-size: 108%;
    margin: 0 0 15px 0;
    padding: 8px 10px;
}
	div#contentsBox div.titlesProduct h2 {
		padding: 1px 0;
		width: 400px;
	}
		div#contentsBox div.titlesProduct h2 a {
			padding: 0 0 0 25px;
			color: #444;
			font-weight: bold;
			text-decoration: underline;
		}div#contentsBox div.titlesProduct h2 a:hover {
			color: #e60039;
		}
		div#contentsBox div.titlesProduct h2.opened {
			background: url("../images/icoArrowUp.png") left bottom #fcf8e8 no-repeat;
		}div#contentsBox div.titlesProduct h2.closed {
			background: url("../images/icoArrowDown.png") left bottom #fcf8e8 no-repeat;
		}
		
	div#contentsBox div.titlesProduct p{
		padding: 3px 0 0 0;
		width: 100px;
		font-size: 85%;
	}	

.flex{
    display: flex;
}
.flex .productImg{
    width: 65%;
    padding-right: 10px;
}
.flex .margin10{
    width: 35%;
}
.flex .margin10 span{
    font-size: 11px;
    padding-top: 50px;
    display: block;
}
/*-----------------------------------------------------------
	common selector
-----------------------------------------------------------*/

.floatLeft {
	float: left;
}.floatRight {
	float: right;
}

.alignCenter {
	text-align: center;
}.alignRight {
	text-align: right;
}