﻿---------------------------------------- */

/* display keyword and discription, and title
---------------------------------------- */
/* can not use ie */
/*
head {
	display: block;
	background-color: #fff;
}
title,
meta[name="description"],
meta[name="keywords"] {
	display: block;
}
meta[name="description"]:before {
	content: "[description] " attr(content);
	color: red;
}
meta[name="keywords"]:before {
	content: "[keywords] " attr(content);
	color: blue;
}
title {
	color: orange;
}
title:before {
	content: "[title] ";
}
*/




/* General
---------------------------------------- */
/* set "block elements" margin, padding, and font-size */
h1,h2,h3,h4,h5,h6,
p,pre,
ul,ol,li,dl,dt,dd,
blockquote,
address,
form,
table {
	margin: 0;
	padding: 0;
	font-size: 100%;
}



/* Body
---------------------------------------- */
/* set standerd line-height, font-size, and font-family */
body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #595959;
	background-color: #fff;
	font-size: 88%;
	font-family: arial, sans-serif;
}

body {
	text-align: center;
	height:100%;
}

div#popup {
	margin: 0 auto;
	width: 700px;
	text-align: left;
	min-height:100%;
	bottom:0;
	background-color: #fff;
	
}

div#textbox1 {
	margin: 0 auto;
	float:right;
	width:350px;
}

div#textbox2 {
	margin: 0 auto;
	float:left;
	width:300px;
}

div#textbox3 {
	margin: 20px auto;
	float:left;
	width:700px;
}

/* Heading
---------------------------------------- */
div#popup h1 {
	margin:5px 0px 1px;
	width:128px;
	height:57px;
}

div#popup a img {
	border: none;
}

div#popup h2 {
	clear:both;
	margin:0px ;
	padding: 0px 5px;
	color: #fff;
	font-size: 150%;
}

div#popup h2#store1 {
	background-color: #006885;
}

div#popup h2#store2 {
	background-color: #9d7a42;
}

div#popup h3 {
	float: left;
	margin: 7px 0 0;
	padding :5px 5px 0px 5px;
	color: #006885;
	font-size: 200%;
	font-family: serif times, "times new roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif;font-weight:bold;

}

div#popup p#close {
	text-align:right;
	margin: -30px 0 10px 0;
	padding: 0;

}

div#popup #textbox1 p.pop {
	margin: 7px 0;
	padding :5px 0;

}

div#popup #textbox1 .pop img {
	float: left;
	margin: 0px;
	padding: 10px 10px 0 0 ;

}

#textbox1 p#site {
	margin-top:0px;
	padding: 10px 0 0 5px;
	clear:both;
	color: #c61629;

}

#textbox1 a {
	color: #c61629;
	text-decoration: none;
}

#textbox1 a:link {
	text-decoration: underline;
}
#textbox1 a:visited {
	text-decoration: underline;
}
#textbox1 a:hover,
#textbox1 a:active,
#textbox1 a:focus {
	text-decoration: none;
}

#textbox1 p#image {
	margin: 0 auto ;
	padding: 0 7px;
	float:left;
}

th,td {
	text-align:left;
}

div#textbox1 table.store {
	clear:both;
	float:right;
	width:350px;
	margin: 3px 0 25px;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #006885;
	}

div#textbox1 caption {
	display:none;
	}

div#textbox1 th,
div#textbox1 td {
	font-size:85%;
	font-weight:normal;
	line-height:1.5;
	padding:0 5px;
	border:1px solid #006885;
	}

div#textbox1 th {

	}

div#textbox1 th.caption1,
div#textbox1 td.caption1 {
	color: #fff;
	background-color:#64a3b4;
	}

div#textbox1 td.caption2 {
	}


div#textbox3 table.store {
	clear:both;
	float:left;
	width:700px;
	margin: 0px 0px 15px;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #9d7a42;
	}

div#textbox3 caption {
	display:none;
	}

div#textbox3 th,
div#textbox3 td {
	font-size:85%;
	font-weight:normal;
	line-height:1.5;
	border:1px solid #9d7a42;
	}

div#textbox3 th.caption1,
div#textbox3 th.caption2 {
	}

div#textbox3 th.caption3 img{
	margin:3px 3px 1px;
	padding:3px 3px 1px;
	}

* html body div#textbox3 th.caption3 img{
	margin:3px 3px 1px 5px;
	padding:3px 3px 1px 5px;
	}


div#textbox3 th.caption1,
div#textbox3 td.caption1 {
	width:135px;
	color: #fff;
	background-color:#c9975c;
	padding: 3px 5px;
	}

div#textbox3 th.caption2,
div#textbox3 td.caption2 {
	padding:0 5px;
	width:490px;
	}

div#textbox3 th.caption3 {
	margin:2px;
	padding:2px;
	width:165px;
	}





