@charset "shift_jis";
/* IEマウスオーバー用 */
html {
 *filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* Win_IE表示用 */
* {
	/*\*//*/
 *zoom: 1;
 /**/
}



/* Float */


#baseArea div.block:after,

#mainContent div.imageObj div.detail:after,

#mainContent div.infoObj:after,

#contents div.bgPack:after {
content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

#baseArea div.block,

#mainContent div.imageObj div.detail,

#mainContent div.infoObj,

#contents div.bgPack {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}



/* CONTENTS */


#contents {
position: relative;
 width: 977px;
 padding-top: 28px;
	margin: 0px auto;
 margin-bottom: 34px;
 text-align: left;
}
	
#contents div.bgPack {
background: url(../images/bg_itemdetail.gif) repeat-y top left;
 padding: 0 20px;
}

	
#mainContent {
float: left;
 width: 580px;
}


#mainContent div.imgSmall {
padding-top: 0px;
 padding-bottom: 10px; width: 580px;
}

#mainContent div.imgSmall table td {
background: url(../images/bg_table.gif) repeat-y right top;
 padding-right: 48px;
}

#mainContent div.imgSmall table td.end {
background: none;
 padding-right: 0px;
}

#mainContent div.imgSmall div {width: 109px; padding-bottom: 3px;
}

#mainContent div.imgSmall div.new {
padding-top: 3px;
 width: auto;
 float: right;
}

#mainContent div.imgSmall p.category {width: 109px;
 margin-top: 4px; font-weight: normal;
 
line-height: 120%;}

#mainContent div.imgSmall p.category1 {width: 109px;
 margin-top: 4px; color: #3399FF; font-weight: normal;
 
line-height: 120%;}

#mainContent div.imgSmall p.name {
width: 109px;
 margin-top: 3px; color: #222;

}

#mainContent div.imgSmall p.price {
width: 109px;
 margin-top: 1px; color: #986; font-weight: normal;
}

#mainContent div.imgSmall p.out {width: 109px;
 color: #CC6600;
 font-weight: bold;
}

#mainContent div.imgSmall p.sale {
width: 109px; margin-top: 1px;
 color: #d00;
 font-weight: bold;
}

#mainContent div.imgSmall p.percent {
width: 109px;
 color: #d00;
}



#mainContent div.text_wide {
padding-top: 10px;
 width: 580px;}

#mainContent div.text_wide p.note {margin-top: 3px; padding-bottom: 21px;
 
color: #776655; float: left;

}
			
			
#mainContent div.text_wide div.button {
}
					
#mainContent div.text_wide2 {
padding-top: 0px;
 width: 580px;}

#mainContent div.text_wide2 p.info {margin-top: 0px; padding-bottom: 21px;
 
color: #776655; float: left; line-height: 140%;}
										

#mainContent div.imageObj {
position: relative;
 width: 610px;}

#mainContent div.imageObj p.main {
width: 580px;
 margin-top: 20px; margin-bottom: 20px;}

#mainContent div.imageObj div.detail {
position: relative; margin-right: -15px; width: 625px; padding-bottom: 18px;}

#mainContent div.imageObj div.detail div.pack {
float: left;
 width: 180px;
 margin-right: 20px;}						
#mainContent div.imageObj div.detail div.pack a {
padding: 1px;
 background-color: #CCC; display: block;
}
						
#mainContent div.imageObj div.detail div.pack a:hover {
background-color: #bbaa88;
}

#mainContent div.imageObj div.detail div.pack p {
padding: 6px 1px 0 1px;
}


#mainContent div.imageObj div.detail div.pack img {border: solid 1px #DDDDDD;}						

#mainContent div.imageObj div.detail div.pack_tie {
float: left;
 width: 180px;
 margin-right: 20px;}
						
#mainContent div.imageObj div.detail div.pack_tie a {
padding: 1px;
 background-color: #ffffff; display: block;
}
						
#mainContent div.imageObj div.detail div.pack_tie a:hover {
background-color: #ffffff;
}

#mainContent div.imageObj div.detail div.pack_tie p {
padding: 6px 1px 0 1px;
}



#mainContent div.infoObj {
padding-top: 4px;
 width: 580px;


}

#mainContent div.infoObj p.note {
margin-top: 10px;
 color: #776655;
 text-align: right;
}
				
#mainContent div.infoObj table {
width: 580px; 
clear: both;
}
					
#mainContent div.infoObj th {
border-right: solid 2px #FFFFFF;
 background-color: #EEEEEE;
 white-space: nowrap;

 text-align: left; }
						
#mainContent div.infoObj th p {
height: 24px;
 padding: 4px 8px 4px 8px;
}
						
#mainContent div.infoObj th h3 {
height: 24px;
 padding: 8px 8px 8px 8px;
}
						
#mainContent div.infoObj th span {
background-color: #EEEEEE;
 height: 24px;
 /*\*//*/ padding-bottom: 24px; /**/
}

#mainContent div.infoObj th.commodity {
width: 421px;
}

#mainContent div.infoObj th.commodity span {width: 80px;
}

#mainContent div.infoObj th.price span {
width: 93px;
 margin: 0 auto;
}

#mainContent div.infoObj th.number {
border: none;
}

#mainContent div.infoObj th.number span {width: 59px;
 margin: 0 auto;
}


#mainContent div.infoObj td {background: url(../images/td_line.gif) no-repeat bottom left;
 padding: 11px 0px 12px 0px;
}
					
#mainContent div.infoObj td.commodity {
padding: 11px 0px 0px 0px;
}
						
#mainContent div.infoObj td.commodity div a {
padding: 1px; background-color: #FFF;
 display: block;
}

#mainContent div.infoObj td.commodity div a:hover {
background-color: #bbaa88;}

#mainContent div.infoObj td.number {
background: url(../images/td_line.gif) no-repeat bottom right;
 padding: 0px 8px;
 text-align: right;
}

#mainContent div.infoObj td.number select option {
padding: 2px;
}

#mainContent div.infoObj table div {
padding-bottom: 12px; float: left;
}

#mainContent div.infoObj td.commodity p {
margin-left: 133px;}
						
#mainContent div.infoObj td.commodity h3 {
margin-left: 133px; padding-top: 15px;
 margin-bottom: 2px;}
						
#mainContent div.infoObj p.name {
padding-top: 15px;
 margin-bottom: 2px;
}

#mainContent div.infoObj p.material {
margin-bottom: 1px;
 padding: 0px 41px 0px 0px; letter-spacing: 0;
}

#mainContent div.infoObj p.size {
margin-bottom: 3px;
 letter-spacing: 0;
}

#mainContent div.infoObj p.point {
color: #763;
 padding: 0px 8px;
 font-weight: bold; text-align: right;
 letter-spacing: 0;
}

#mainContent div.infoObj p.price {
color: #333; padding: 0px 8px;
 text-align: right;
 white-space: nowrap;
 letter-spacing: 0;
 font-weight: normal;
}
						
#mainContent div.infoObj p.out {
color: #c60;
 padding: 0px 8px;
 font-weight: bold;
 text-align: right;
 letter-spacing: 0;
}
						
#mainContent div.infoObj p.sale {
color: #d00;
 padding: 0px 8px;
 font-weight: bold;
 text-align: right;
 letter-spacing: 0;
}
						
#mainContent div.infoObj p.percent {
color: #d00;
 padding: 0px 8px;
 text-align: right;
 letter-spacing: 0;
}

#mainContent div.infoObj p.correct {
color: #33; padding: 0px 8px; text-align: right; text-decoration: line-through;
 letter-spacing: 0;
 font-weight: bold;
}
						
#mainContent div.infoObj p.link {
margin-top: 3px;
 padding-bottom: 12px;
}

				
#mainContent div.infoObj div.top {
height: 110px;
}
					
#mainContent div.infoObj div.button {
height: 100px;
}
					
#mainContent div.infoObj p.cart {
background: url(../images/btn_cart.gif) no-repeat top left;
 margin-top: 18px;
 height: 36px;
 width: 210px; overflow: hidden;
 float: right;
}
						
#mainContent div.infoObj p.cart a {background: url(../images/btn_cart_on.gif) no-repeat 0 -36px;
 position: relative;
 width: 210px; height: 36px; /*\*//*/
 padding-bottom: 36px;
 /**/
 text-indent: -9999px; overflow: hidden;
 display: block;
}
						
#mainContent div.infoObj p.cart a:hover {background: url(../images/btn_cart_on.gif) no-repeat 0 0;
}

#mainContent div.infoObj p.note2 {margin-top: 18px;
 
color: #776655; float: left;
}
			
			

#mainContent tr.commodity01 td {
padding-top: 0px;
}


#mainContent tr.commodity02 td {
padding-top: 21px;
}


#mainContent div.imgSmall2 {
background: url(../images/bg_relatedarea.gif) no-repeat top left;
 padding-top: 20px;
 padding-bottom: 20px;

 width: 580px;
}

#mainContent div.imgSmall2 table td {
background: url(../images/bg_table.gif) repeat-y right top;
 padding-right: 48px;
}

#mainContent div.imgSmall2 table td.end {
background: none;
 padding-right: 0px;
}

#mainContent div.imgSmall2 div {width: 109px; padding-bottom: 3px;
}

#mainContent div.imgSmall2 div.new {
padding-top: 3px;
 width: auto;
 float: right;
}

#mainContent div.imgSmall2 p.category {width: 109px;
 margin-top: 6px; font-weight: normal; 
line-height: 110%;}

#mainContent div.imgSmall2 p.name {
width: 109px;
 margin-top: 3px; color: #222;
}

#mainContent div.imgSmall2 p.price {
width: 109px;
 margin-top: 1px; color: #986;
 font-weight: normal;
}

#mainContent div.imgSmall2 p.out {width: 109px;
 color: #CC6600;
 font-weight: bold;
}

#mainContent div.imgSmall2 p.sale {
width: 109px; margin-top: 1px;
 color: #d00;
 font-weight: bold;
}

#mainContent div.imgSmall2 p.percent {
width: 109px;
 color: #d00;
}




#sideContent {
float: right;
 width: 304px;
}
			
#sideContent div.time {
margin-top: 12px; 
margin-bottom: 17px;
}	

#smallImgArea {margin: 0px 0px 0px 0px; 
padding-bottom: 7px;
 width: 299px;
}
		
#smallImgArea div.block01 {
margin-bottom: 12px;

 padding-bottom: 12px; background: url(../images/td_line.gif) no-repeat bottom left; width: 300px;
 float: left !important;
 float /**/: none;
}
			
#smallImgArea div.block02 {margin-bottom: 12px; 

width: 304px;
 float: left !important;
 float /**/: none;
}
			
#smallImgArea div.image {
float: left;
}
				
#smallImgArea div.image img {
border: solid 1px #fff;
}
			
#smallImgArea div.pack {
width: 226px;
 float: right;
}
				
#smallImgArea div.pack h5 {margin-bottom: 2px;
}

		
			
	
#sideContent div.detailObj {margin-bottom: 24px;
}
					
#sideContent div.detailObj table {
width: 304px; margin-bottom: 24px;
}

#sideContent div.detailObj tr.color {
background-color: #eee;}

#sideContent div.detailObj th {
padding: 6px 20px 5px 9px; color: #776655;
 vertical-align: top;
 text-align: left;
 font-weight: normal;
 white-space: nowrap; word-break: keep-all;
}
						
#sideContent div.detailObj td {
padding: 6px 10px 5px 5px; width: 99%;
 vertical-align: top;
}

			
				
#sideContent div.noteObj {
width: 304px;
 margin-bottom: 24px;
}
					
#sideContent div.noteObj .note {
padding: 1px 0 0 0;
 color: #666;
}


#sideContent div.designerObj,
				
#sideContent div.brandObj {
background: #f5f5f5 url(../images/frm_brand.gif) no-repeat bottom left;
 width: 304px;
 padding-bottom: 14px;}
				
#sideContent div.setObj div.designerObj {
background: #f5f5f5 url(../images/frm_brand2.gif) no-repeat bottom left; 


margin-top: 12px;
}
		
#sideContent div.setObj div.brandObj {


margin-bottom: 21px;
}
				
#sideContent div.designerObj h3 {
background: url(../images/hed_designer.gif) no-repeat top left; text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#sideContent div.setObj div.brandObj h3 {
background: url(../images/hed_brand2.gif) no-repeat top left;
}
					
#sideContent div.designerObj h4,
					
#sideContent div.brandObj h4 {

margin-top: 12px;
 margin-bottom: 3px;
 padding: 0 15px;
}
					
#sideContent div.designerObj p {
padding: 0 15px;
}
					
#sideContent div.brandObj p {
padding: 0 15px; margin-bottom: 21px;
}
					
#sideContent div.designerObj p.name,
					
#sideContent div.brandObj p.name {margin-bottom: 8px;
 color: #765;
}
					
#sideContent div.designerObj p.exp {
margin-bottom: 0px;
}					
#sideContent div.brandObj p.exp {
margin-bottom: 21px;
}
				

#openArea {
position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 /*\*//*/
 margin-right: -15px;
 /**/
 text-align: center;
 visibility: hidden;
}


#bgArea {
position: absolute;
 top: 0; left: 0; width: 100%;
 height: 100%;
 /*\*//*/
 margin-right: -15px;
	/**/
 background-color: #000;
 filter:alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75;
 z-index: 5;
}


#baseArea {
position:relative;
 margin: 0 auto;
 width: 580px;
 height: 641px; text-align: left;
 z-index: 10;
}

#baseArea div.photobox{
	padding: 30px 30px 0 30px;
 background-color: #FFFFFF;
}


#photo{
width: 520px; height: 520px;
 margin-bottom: 24px;
}


#baseArea div.block {
background-color: #FFFFFF;
	height: 67px;
}

#text{
float: left;
 width: 430px;
 line-height: 1.6;
}

#baseArea div.block div.pagenavi {
position: relative;
 float: right;
 width: 54px;
 height: 67px;
}

#baseArea div.block div.pagenavi ul{
position: relative; display:block;
}

#baseArea div.block div.pagenavi li {
display:block;
}

#prev {position: absolute;
 left: 0;
 top: 0;
 width: 24px;
 height: 24px;}

#prev a {
}

#prev a.active {
background: url(../images/popup_btn_prev.gif) no-repeat top left;
 cursor: pointer;
 }

#prev a.dead {
background: url(../images/popup_btn_prev_dead.gif) no-repeat top left;
 cursor: default;
 }

#next {
position: absolute;
 left: 30px; top: 0;
 width: 24px; height: 24px;
}

#next a {
}

#next a.active {
background: url(../images/popup_btn_next.gif) no-repeat top left;
 cursor: pointer;
}

#next a.dead{
background: url(../images/popup_btn_next_dead.gif) no-repeat top left;
 cursor: default;
}

#close {
position: absolute; left: 0;
 top: 47px; width: 54px;
 height: 20px;
}

#close a {
}

#close a.active {
background: url(../images/popup_btn_close.gif) no-repeat top left;
 cursor: pointer;
}