﻿/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #B5BDAC;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #FFFFFF;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color:#FFFFCC;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #FFFFCC;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background-color:#000000;filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}/* url(macFFBgHack.png) repeat;}*/
.TB_overlayBG {
	background-color:#000000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
float:right;
	position: fixed;
	z-index: 102;
	color:#000000;
	padding-left:10px;
	display:none;
	overflow:auto;
	top:50%;
	left:50%;

    -moz-border-radius: 10px;
/*
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
*/
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;

}


#TB_caption{
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	padding:5px 25px;
}

#TB_closeAjaxWindow{
	padding:5px 10px;
	margin-bottom:1px; color:#FFF;
	text-align:right;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
#point{ margin:20px 0 0 0; color:#333; font-size:12px; line-height:17px; font-family:MS UI Gothic,Verdana,Arial,Helvetica,MS Gothic,MS P Gothic,Osaka,sans-serif; }

#point .bar{ background-color:#999; margin:5px; padding:2px;}
#point.deal{ width:480px; border:1px solid #758AAA; padding:5px; margin:auto; background-color:#F8F8F8;}
#point.deal ul{ list-style:inside; margin:4px; padding:3px;}
#point.deal ul li{ list-style:inside; margin-left:15px; margin-right:15px; }
#point.deal img { margin-left:15px; }

#purchase {margin:0 50px 0 60px; padding:3px; background-color:#F8F8F8;}

#purchase .each{ color:#4A4735; border-bottom:1px dotted #FFF;padding-left:60px; height:25px;}
#purchase .each span{ font-size:11px; color:#180E9A; }
#purchase .each .point{ float:left; width:200px; margin-top:5px; }

.ptitle{ font-weight:600; padding-left:5px; border-top:1px dotted #666; border-bottom:1px dotted #666; margin:10px auto;color:#4A4735; width:500px; background-color:#FBFEE2;}




/* Add Favorit Setting */

#thickIn {background:url(/images/popup/touroku/img3.jpg) repeat-y; width:500px; padding:0; font-size:14px; font-weight:bold;}
#thickIn img {border:none;}
#thickIn dl{padding:0 30px;}
#thickIn dt{float:left; margin-right:20px;}
#thickIn dt img {border:2px solid #999999;}
#thickIn dd p{font-size:12px; font-weight:normal; line-height:130%; padding:10px 30px;}
#thickIn div{text-align:center; color:#FF0000;}



/* 購入ページ */

div#tgoods{
background:url(/images/popup/goods/title1.jpg) no-repeat top center #FFFFFF;
width:800px;
margin:0;
padding-top:75px;
}

div#tgoods img{
margin:10px auto 30px 202px;
}

div#pgoods{
background:url(/images/popup/goods/title.jpg) no-repeat top center #FFFFCC;
width:800px;
margin:0;
padding:75px 0;
}

div#pgoods p{
font-size:16px;
margin:0 0 20px 30px;
text-decoration:underline;
}


div#pgoods table{
border:none;
width:600px;
margin:0 auto;
background-color:#FFFFFF;
border:1px solid #999999;
}

div#pgoods table th{
font-weight:normal;
background-color:#FF9900;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
}

div#pgoods table th span{
font-weight:normal;
font-size:12px;
margin-left:3px;
}

div#pgoods table td{
text-align:center;
padding:5px;
border-bottom:1px dotted #999999;
border-right:1px dotted #999999;
}


div#pgoods dl{
background-color:#FFFFFF;
border:1px solid #999999;
margin:20px 40px;
padding:5px 10px;
}

div#pgoods dl dt{
background-color:#FF9900;
color:#FFFFFF;
padding:2px 10px;
}

div#pgoods dl dd{
background:url(/images/icon/icon_check.jpg) no-repeat left top;
padding-left:25px;
margin:10px;
}

div#pgoods dl dd img{
float:right;
padding:0 20px;
}


div#pgoods div#endedge{
background:url(/images/goods/bottom.jpg) no-repeat bottom left;
height:18px;
}

#TB_window div#pgoods dl dd a{
color:#0000FF;
}