@charset "utf-8";

#preloader { position: absolute; top: 50%; left: 50%; width: 300px; margin: -20px 0 0 -162px; padding: 5px 12px; text-align: center; line-height: 1.0; background: #333; color: #fff;}

#floatboxContainer { position: relative; width: 895px; height: 480px; padding: 20px 0 0 85px; background: url(./img/bg.png) no-repeat;}
#floatboxContainer h1 { float: left; width: 460px; height: 458px; padding: 2px 0 0; background: url(./img/img_bg.png) no-repeat; text-align: center;}
#floatboxContainer h1 { margin: 2px auto;}

#floatboxContainer div { float: right; width: 410px; padding-top: 55px; text-align: left;}
/*
.wasou #floatboxContainer div { background: url(./img/kyoto_note.png) no-repeat 139px 23px;} /* ※現在、京都店の和装は表示されていません。是非、店頭にてご確認・ご試着ください。 */

#floatboxContainer div h2 { display: none;}
#floatboxContainer div ul { list-style: none; margin: 0; padding: 0;}
#floatboxContainer div .clearfix { width: 320px; padding-bottom: 9px;}
#floatboxContainer div .clearfix li { display: inline; float: left; margin: 1px;}
#floatboxContainer div p { width: 320px;}
#floatboxContainer div pre { width: 300px; margin: 10px 0; padding: 6px 10px; font: normal normal 16px/1.2 "Times New Roman", Times, serif; color: #531;}
#floatboxContainer div dl { width: 310px; padding-left: 10px; border-bottom: 1px solid #aaa;}
#floatboxContainer div dt,
#floatboxContainer div dd { display: inline;}
#floatboxContainer div dt { color: #235;}

#thumbnails { position: absolute; bottom: 18px; left: 570px; width: 370px;}
#thumbnails li { float: left; width: 87px; height: 87px; margin: 0 3px 0 0; padding: 0; border: 1px solid #e5e5e5; text-align: center;}

#extra li { margin: 3px 0; line-height: 1.0;}
#extra img { vertical-align: text-bottom;}

#floatboxContainer #note { position: absolute; bottom: -44px; left: 570px;}

#next,
#prev {
	position: absolute;
	top: 226px;
	left: 0;
	display: block;
	width: 64px;
	height: 47px;
	background: url(./img/prev.png) no-repeat;
	text-indent: -9999px;
}
#next { right: 0; left: auto; background-image: url(./img/next.png);}

#floatbox-box {}

a.close-floatbox { display: block; position: absolute; top: 0; right: 0; width: 41px; height: 38px; background: url(./img/x.gif) no-repeat; text-indent: -9999px; text-decoration: none; overflow: hidden;}
a:hover.close-floatbox { background-image: url(./img/x_o.gif);}

/*\*//*/
a.close-floatbox  { overflow: visible;}
a:focus.close-floatbox,
a:active.close-floatbox { outline: 1px solid #333;}
/**/