@charset "utf-8";




body{
	font-family:
		"ＭＳ Ｐゴシック","MS P Gothic",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		Osaka,
		sans-serif;

	font-size: 100.01%;

	width: 100%;
	height: 100%;
	background: #ffffff;
}














#headArea{
	height:35px;
	min-width:980px;
	background: url(../img/horizontalDot3.gif) repeat-x bottom;
}

#headArea .logo {
	position:absolute;
	display:block;
	margin-left:40px;
	z-index:1;
}


#headArea #utilNavi{
	position:absolute;
	top:0px;
	width:100%;
	min-width:980px;
	margin-top:7px;
}

	#headArea #utilNavi ul{
		padding-right:40px;
	    list-style:none;
		float:right;
	
	}

		#headArea #utilNavi ul li{
			float:left;
		}

			#headArea #utilNavi ul li a{
				display:block;
				height:19px;
				background-repeat: no-repeat;
			}

				#headArea #utilNavi ul li a.home{
					width:30px;
					background-image:url(../img/head/home.gif);
				}

				#headArea #utilNavi ul li a.mypage{
					width:48px;
					background-image:url(../img/head/mypage.gif);
				}

				#headArea #utilNavi ul li a.register{
					width:59px;
					background-image:url(../img/head/register.gif);
				}

				#headArea #utilNavi ul li a.login{
					width:38px;
					background-image:url(../img/head/login.gif);
				}

				#headArea #utilNavi ul li a.logout{
					width:45px;
					background-image:url(../img/head/logout.gif);
				}

				#headArea #utilNavi ul li a.lightbox{
					width:69px;
					background-image:url(../img/head/lightbox.gif);
					margin-left:9px;
				}

				#headArea #utilNavi ul li a.shoppingCart{
					width:87px;
					background-image:url(../img/head/shoppingCart.gif);
					margin-left:6px;
				}



















#footArea {
	padding-top:12px;
	padding-bottom:40px;
	min-width:980px;
	background:url(../img/horizontalDot3.gif) repeat-x top;
}

#footArea h2{
	display:none;
}

#footArea ul {
	padding-left:6px;
	list-style:none;
	float:left;
	font-size:1%;
}

#footArea ul li {
	margin-left:34px;
	width:120px;
	height:20px;
}

#footArea ul li a {
	display:block;
	width:120px;
	height:18px;
	background-repeat:no-repeat;
}


	#footArea ul li a.about{
		background-image:url(../img/foot/about.gif);
	}
	#footArea ul li a.guide{
		background-image:url(../img/foot/guide.gif);
	}
	#footArea ul li a.guidec{
		background-image:url(../img/foot/guidec.gif);
	}
	#footArea ul li a.contact{
		background-image:url(../img/foot/contact.gif);
	}
	#footArea ul li a.faq{
		background-image:url(../img/foot/faq.gif);
	}
	#footArea ul li a.help{
		background-image:url(../img/foot/help.gif);
	}
	#footArea ul li a.sitemap{
		background-image:url(../img/foot/sitemap.gif);
	}
	#footArea ul li a.regulation{
		background-image:url(../img/foot/regulation.gif);
	}
	#footArea ul li a.security{
		background-image:url(../img/foot/security.gif);
	}
	#footArea ul li a.legal{
		background-image:url(../img/foot/legal.gif);
	}

	#footArea address{
		display:block;
		width:255px;
		height:43px;
		padding-right:39px;
		float:right;
		background:url(../img/foot/copyright.gif) no-repeat;
	}





#modal{
	position:absolute;
	z-index:90;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/coveringNet.gif);
}



.popup{
	position:absolute;
	z-index:91;
	width:583px;
}





.imageContainer{
	position:relative;
	background:url(../img/frame/thumbFrameL.gif) repeat-y;
}


	.imageContainer .top,
	.imageContainer .top .left{
		height:6px;
		font-size:1%;
	}

	.imageContainer .bottom,
	.imageContainer .bottom .left{
		height:8px;
		font-size:1%;
	}

	.imageContainer .top {
		background:url(../img/frame/thumbFrameT.gif) no-repeat top right;
	}

		.imageContainer .top .left {
			background:url(../img/frame/thumbFrameTL.gif) no-repeat;
		}

	.imageContainer .bottom {
		background:url(../img/frame/thumbFrameB.gif) no-repeat top right;
	}

		.imageContainer .bottom .left {
			background:url(../img/frame/thumbFrameBL.gif) no-repeat;
		}



	.imageContainer .center {
		padding:0 8px 0 6px;
		background:url(../img/frame/thumbFrameR.gif) repeat-y top right;
	}
		.imageContainer .center a {
			display:block;
		}

		* html .imageContainer .center a img{
			display:block;/* forIE6 */
		}




#notification{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:83px;
	z-index:100;
}

	#notification .text{
		display:block;
		float:left;
		font-size:74%;
		color:#cccccc;
		height:83px;
		padding-top:23px;
		padding-left:68px;
		background:url(../img/notification/notificationLeft.png) no-repeat top left;
	}

		#notification .text a{
			color:#cccccc;
		}

	#notification .close{
		display:block;
		float:left;
		width:70px;
		height:83px;
		background:url(../img/notification/notificationRight.png) no-repeat top right;
	}

		#notification .close a{
			display:block;
			width:38px;
			height:38px;
			margin-top:9px;
			background:url(../img/notification/close.gif) no-repeat top left;
		}









.textField{
	height:32px;
	background:url(../img/form/textFieldRight.gif) no-repeat right top;
}

	.textField.focus{
		background-position:right bottom;
	}

.textField span{
	display:block;
	height:32px;
	background:url(../img/form/textFieldLeft.gif) no-repeat left top;
}

.textField.focus span{
	background-position:left bottom;
}

.textField span .body{
/*	height:16px;*/
	margin:8px 12px 0 12px;
	padding:2px 0 2px 0;
	color:#808080;
/*	font-size:74%;*/
	font-size:12px;
/*	line-height:120%;*/
	line-height:14px;
	border:none;
	background:#ebebeb;
}

.textField.focus span .body{
	background:#ffffff;
}






.textarea{
	height:161px;

}



	.textarea .scroll{
		position:relative;
		float:right;
		width:22px;
		height:151px;
		padding:5px;
		background:url(../img/form/textareaScrollSheet.gif) no-repeat left top;
	}

		.textarea .scroll .up{
			width:22px;
			height:22px;
			background:url(../img/form/textareaScrollUp.gif) no-repeat left top;
		}

			.textarea .scroll .up.over{
				background-position:left bottom;
			}

		.textarea .scroll .down{
			position:absolute;
			top:134px;
			width:22px;
			height:22px;
			background:url(../img/form/textareaScrollDown.gif) no-repeat left top;
		}

			.textarea .scroll .down.over{
				background-position:left bottom;
			}

		.textarea .scroll .bar{
			position:absolute;
			top:27px;
			width:22px;
			background:url(../img/form/textareaScrollBarBottom.gif) no-repeat left bottom;
		}

			.textarea .scroll .bar.over{
				background-position:right bottom;
			}

			.textarea .scroll .bar .top{
				font-size:1%;
				width:22px;
				height:4px;
				background:url(../img/form/textareaScrollBarTop.gif) no-repeat left top;
			}

				.textarea .scroll .bar.over .top{
					background-position:left bottom;
				}



.textarea .textContainer{
	float:left;
	height:155px;
	margin-top:3px;
	background:url(../img/form/textareaRight.gif) no-repeat right top;
}

.textarea.over .textContainer{
	background-position:right bottom;
}

.textarea .textContainer .textBody{
	height:155px;
	background:url(../img/form/textareaLeft.gif) no-repeat left top;
}

.textarea.over .textContainer .textBody{
	background-position:left bottom;

}

	.textarea .textContainer .textBody textarea{
		height:140px;
		padding:0;
		margin:8px 11px 2px 11px;
		color:#808080;
		font-size:12px;
		line-height:20px;
		border:none;
		resize:none;
		overflow:hidden;
		background:none;
	}










	.button{
		height:36px;
		border:none;
	}






.radiobuttons{

}

	.radiobuttons .radiobutton{
		display:block;
		border:none;
		color:#808080;
/*		font-size:74%;*/
		font-size:12px;
		line-height:120%;
		height:16px;
		padding:0px 4px 0 20px;
		background: url(../img/form/radioHead.gif) no-repeat left top;
	}

	.radiobuttons .radiobutton.checked{
		background-position:left -16px;
	}

	.radiobuttons .radiobutton.over{
		background-position:left -32px;
	}

	.radiobuttons .radiobutton.checked.over{
		background-position:left -48px;
	}

		.radiobuttons .radiobutton label{
			display:block;
			padding:1px 0 0 0;
		}

		.radiobuttons .radiobutton input{
			display:none;
		}







.checkboxes{

}

	.checkboxes .checkbox{
		display:block;
		border:none;
		color:#808080;
/*		font-size:74%;*/
		font-size:12px;
		line-height:120%;
		height:16px;
		padding:0px 4px 0 20px;
		background:url(../img/form/checkbox.gif) no-repeat left top;
	}

	.checkboxes .checkbox.checked{
		background-position:left -16px;
	}

	.checkboxes .checkbox.over{
		background-position:left -32px;
	}

	.checkboxes .checkbox.over.checked{
		background-position:left -48px;
	}

		.checkboxes .checkbox label{
			padding:1px 0 0 0;
			float:left;
		}

		.checkboxes .checkbox input{
			display:none;
		}












.pullDown{
	width:100px;
}

	.pullDown select{
		display:none;

	}


	.pullDown .selected{
		display:block;
		height:38px;
		background: url(../img/form/pullDownLeft.gif) no-repeat left top;
	}


		.pullDown .selected label{
			display:block;
			height:24px;
			color:#808080;
/*			font-size:74%;*/
			font-size:12px;
			padding:14px 0 0 16px;
			background: url(../img/form/pullDownRight.gif) no-repeat right top;
		}

			.pullDown .selected label.over{
				background: url(../img/form/pullDownRight.gif) no-repeat right bottom;
			}

		.pullDown .pullDownSelector{
			display:block;
			position:absolute;
			z-index:10;
			margin:6px 0 0 0;

		}

		.pullDown .pullDownSelector.hidden{
			display:none;
		}


			.pullDown .pullDownSelector .pullDownSelectorSheet{
				background:url(../img/form/pullDownSheetT.png) repeat-x left top;
			}


			.pullDown .pullDownSelector .pullDownSelectorSheet .left{
				float:left;
				width:7px;
				background:url(../img/form/pullDownSheetL.png) no-repeat left bottom;
			}

				.pullDown .pullDownSelector .pullDownSelectorSheet .left .top{
					width:7px;
					background:url(../img/form/pullDownSheetTL.gif) no-repeat left top;
				}

			.pullDown .pullDownSelector .pullDownSelectorSheet .center{
				float:left;
				background:url(../img/form/pullDownSheetB.png) repeat-x left bottom;
			}

				.pullDown .pullDownSelector .pullDownSelectorSheet .center .top{
					margin:4px 0 4px 0;
					background:url(../img/form/pullDownSelectorDotBG.gif) repeat-y left top;
				}

			.pullDown .pullDownSelector .pullDownSelectorSheet .right{
				float:left;
				width:7px;
				background:url(../img/form/pullDownSheetR.png) no-repeat right bottom;
			}

				.pullDown .pullDownSelector .pullDownSelectorSheet .right .top{
					width:7px;
					background:url(../img/form/pullDownSheetTR.gif) no-repeat right top;
				}

				.pullDown .pullDownSelector .pullDownSelectorSheet .center .top .pullDownSelectorBodyContainer{
					overflow-y:hidden;
					position:absolute;
					z-index:10;
				}

				.pullDown .pullDownSelector .pullDownSelectorSheet .center .top .pullDownSelectorBody {

/*					position:relative;*/
/*					top:0px;*/
				}

					.pullDown .pullDownSelector .pullDownSelectorSheet .center .top .pullDownSelectorBody .pullDownSelectorUnit {
						height:30px;
						margin-bottom:1px;
/*						position:relative;*/
/*						z-index:40;*/
					}

						.pullDown .pullDownSelector .pullDownSelectorSheet .center .top .pullDownSelectorBody .pullDownSelectorUnit.over {
							background:url(../img/form/pullDownSelectorUnitBGRight.gif) no-repeat right 3px;
						}

					.pullDown .pullDownSelector .pullDownSelectorSheet .center .top .pullDownSelectorBody .pullDownSelectorUnit label {
						display:block;
						height:20px;
						padding:10px 0 0 10px;
						color:#808080;
/*						font-size:74%;*/
						font-size:12px;
						white-space:nowrap;
						text-decoration:none;
						float:left;
					}
						.pullDown .pullDownSelector .pullDownSelectorSheet .center .top .pullDownSelectorBody .pullDownSelectorUnit.over label {
							color:#ffffff;
							background:url(../img/form/pullDownSelectorUnitBGLeft.gif) no-repeat left 3px;
						}

				.pullDown .pullDownSelector .pullDownSelectorSheet .scroll {
					width:30px;
					height:1px;
					background:#ffffff;
					position:absolute;
					z-index:5;
					top:7px;
					right:7px;
					margin-top:0px;
				}

					.pullDown .pullDownSelector .pullDownSelectorSheet .scroll div {
						display:block;
						width:24px;
						height:24px;
						float:right;
					}

						.pullDown .pullDownSelector .pullDownSelectorSheet .scroll div.up {
							position:absolute;
							right:0px;
							top:0px;
							background:url(../img/form/pullDownScrollUp.gif) no-repeat;
						}

						.pullDown .pullDownSelector .pullDownSelectorSheet .scroll div.down {
							background:url(../img/form/pullDownScrollDown.gif) no-repeat;
							position:absolute;
							right:0px;
							bottom:0px;
						}

						.pullDown .pullDownSelector .pullDownSelectorSheet .scroll .bar {
							width:24px;
							float:right;
							margin:1px 0;
							position:absolute;
							right:0px;
							top:24px;
							font-size:1%;
							background:#ebebeb url(../img/form/pullDownScrollBarBottom.gif) no-repeat right bottom;
						}

						.pullDown .pullDownSelector .pullDownSelectorSheet .scroll .bar.over {
							background-color:#808080;
						}

						.pullDown .pullDownSelector .pullDownSelectorSheet .scroll .bar .top {
							display:block;
							width:24px;
							height:2px;
							background: url(../img/form/pullDownScrollBarTop.gif) no-repeat;
						}







input[type="text"]{
	outline:none;
}




.hideText{
	text-indent:-99999px;
	overflow:hidden;
}

.swfHide{
	display:none;
}






.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}

* html .clearfix {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}