@charset "utf-8";

#contents {
background:url(../images/bg_contents.jpg) repeat-x left top;
}


#main {width: 900px;}

.modelImg{
display:block;
background:url(../images/border.gif) no-repeat left top;
width:162px;
height:208px;
padding:3px 0 0 3px;
float:left;
}




#inforDiv{
background:url(../images/bg_infor.jpg) no-repeat left top;
float:left;
width:705px;
height:210px;
margin-left:10px;

}

#txtPart{
	float:left;
	padding:30px 10px 0 10px;
	width: 300px;
	height: auto;
}


#data{ 
color:#FFFFFF;
margin-top:10px;
}

#count{
	color:#818181;
	/*float:left;*/
	width:180px;
}

#btnUl{ float:left; padding-top:10px;}


/*#data dt,#count dt{
clear:left;
float:left;
}*/

/*#data dt,#data dd,{ padding-top:5px; padding-right:5px;} */

#data dt{ 
clear:left;
float:left;
padding-top:5px;
}
#data dd{ padding-top:5px;}

#data dd a{ 
color:#fcc7e5;
font-size:110%;
}

#data dd a:hover{ 
color:#ff0099; text-decoration:underline;
}

#count dt{ float:left;}

/*#count dd{ width:300px;}*/

#nextPart{
	margin-top:10px;
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#ui-tab{
float:right; margin-top:20px; margin-right:10px;
position:relative;
width:370px;
height:180px;
}
#ui-tab ul{ position:absolute; left:0; top:3px;}
#ui-tab ul li{ margin-bottom:5px; }
#ui-tab ul li a{ color:#999999;padding-left:8px;}
#ui-tab ul li a:hover{ color:#ff0099;}
#ui-tab ul li.ui-tabs-selected a{
background:url(../../images/icon_arrow.jpg) no-repeat left center;
color:#ff0099;
padding-left:8px;
}

.banner{ float:right; margin-top:20px; margin-right:10px;}
.banner_img{ position:absolute; right:0; top:0;}
.banner a img,.banner_img a img{ border:solid 2px #292929; padding:1px;}

.banner a:hover img,.banner_img a:hover img{ border:solid 2px #ff0099; padding:1px;}

#gallery,#messageDiv{ padding-top:30px;}


.thumbDiv{
	position:relative;
	float:left;
	width:150px;
	height:200px;
	margin:0 20px 10px 10px;
	display:inline;
}

.iconNew{
position:absolute;
top:-10px;
left:-10px;
}



.borderRoll{
text-align:center;
vertical-align:baseline;

}



.borderRoll a { 
border:solid 4px #818181;
display:block;
width:137px;
padding:2px;
}






.borderRoll a:hover {border:solid 4px #ff0099}



.photoTitle{ 
padding-top:5px;
 text-align:center;
  display:block;
  height:20px;
  overflow:hidden;}



.userName{
font-size:100%;
padding:0 10px;
}


#messageDiv dl{
width:890px;
padding:20px 0 20px 10px;
background:url(../images/bg_line_gallery.gif) repeat-x left bottom;
}

#messageDiv dt{ font-size:84%;}

#messageDiv dd{
color:#FFFFFF;
padding-top:5px;
}


.btnBack{ 
display:block;
text-align:right;
padding-top:20px;
padding-right:5px;
}


.blank{
	margin-top:30px;
}

.send a{ color:#fcc7e5; font-size:64%; padding-left:10px;}
.send a:hover{color:#ff0099; text-decoration:underline}


/*************** shopdata  ************************/

table{
width:900px;
border-collapse:collapse;
}
th,td{ border:1px solid #313131; color:#FFFFFF;}
thead{
background-color:#313131;
color:#996600;
}
thead th{
font-weight:bold;
font-size:133%;
white-space:nowrap;
}
.th_right{ 
display:block;
float:right;
width:170px;
height:60;
}
.th_left{
display:block;
float:left;
width:200px;
padding:20px 0 0 10px;
color:#c8b66d;
}
tbody th{ padding-left:15px; width:30%; vertical-align:middle;}
tbody td{padding:10px;}

.ttltd{ 
color:#fcc7e5;
font-size:100%;
}

#shopName{
	width:300px;
	float:left;
	padding-top: 3px;
}

#shopName a{
color:#fcc7e5;
text-decoration:none;
}

#shopName a:hover{
text-decoration:underline;
}


#shopBtn{
	width:300px;
	float:right;
	text-align:right;
}
* html #shopBtn{
	width:280px;
}



.sp_th{
padding:10px 0 0 0; 
}
#imgTd{
position:relative;
height:235px;
width:533px;
background:url(../images/bg_coupon.jpg) 10px 10px no-repeat;
}

#couponDiv{
position:relative;
}
.postion_ab{ position:absolute; display:block;}

#ttl{
top:65px;
width:280px;
left:35px;
font-size:14px;
font-weight:bold;
}
#gyokenn{
top:120px;
left:35px;
width:270px;
}

#qr_id{
top:55px;
right:78px;
}

#printBtn{
top:150px;
right:68px;
}

/******ie6 ie7   ********/

* html #ttl{
top:70px;
left:35px;
font-size:14px;
font-weight:bold;
}
* html #gyokenn{
top:120px;
left:35px;
width:270px;
}

* html #qr_id{
top:58px;
right:90px;
}



* html #printBtn{
top:150px;
right:80px;
}


*:first-child+html #ttl{
top:70px;
left:35px;
font-size:14px;
font-weight:bold;
}
*:first-child+html #gyokenn{
top:120px;
left:35px;
width:270px;
}

*:first-child+html #qr_id{
top:58px;
right:2px;
}


*:first-child+html #printBtn{
top:150px;
right:-8px;
}

/******ie6 ie7   ********/


.btnTwitter{ 
display:block;
text-align:right;
margin:10px 0 0 0;
}
#printDiv{ display:none;}