@charset "utf-8";


/*============================================================

	[aizuyaichi.or.jp] shop.css

============================================================*/


/*	copyright
------------------------------------------------------------*/
* html address {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/back/copyright.png", sizingMethod="crop");
}


/*	title
------------------------------------------------------------*/
h2 {
	background: url(../img/title/shop.jpg) no-repeat;
}


/*	section block
------------------------------------------------------------*/
div.section {
	margin-left: 28px;
	margin-right: 0;
}

div.section div.section {
	position: relative;
	margin-left: 0;
}
div.section div.section:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html div.section div.section {
	height: 1%;
	/*\*//*/
	display: inline-table;
	/**/
}
*:first-child+html div.section div.section {
	min-height: 1%;
}


/* item */
div#items {
	position: relative;
	z-index: 2;
	padding: 0;
}
div#items:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html div#items {
	height: 1%;
	/*\*//*/
	display: inline-table;
	/**/
}
*:first-child+html div#items {
	min-height: 1%;
}

div#items h4 {
	margin-right: 28px;
}

div.item {
	float: left;
	width: 266px;
	min-height: 154px;
	margin: 0 28px 28px 0;
}

div.item h5 {
	float: left;
	width: 140px;
	height: 154px;
	margin: 0 14px 0 0;
}

div.item h5 a {
	display: block;
	border: none;
  filter: alpha(opacity=75);
  -moz-opacity: 1;
  opacity: 1;
}

div.item h5 a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

div.item h5 img {
	display: block;
}

div.item p.name {
	line-height: 1.75;
	font-size: 16px;
}


/* popup */
div.popup {
	display: none;
	position: absolute;
	z-index: 81;
	left: 0;
	top: -42px;
	width: 518px;
	padding: 14px 28px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 28px 28px;
	border: 1px solid #000;
}
* html div.popup {
	width: 574px;
}
*:first-child+html div.popup {
	top: 28px;
}

div#item1 div.popup {
	background-image: url(../img/back/shop_shirt_mu.gif);
}
div#item2 div.popup {
	background-image: url(../img/back/shop_shirt_hitoriyuku.gif);
}
div#item3 div.popup {
	background-image: url(../img/back/shop_stamp.gif);
}
div#item4 div.popup {
	background-image: url(../img/back/shop_letter.gif);
}
div#item5 div.popup {
	background-image: url(../img/back/shop_file.gif);
}
div#item6 div.popup {
	background-image: url(../img/back/shop_set.gif);
}
div#item7 div.popup {
	background-image: url(../img/back/shop_aizuyaichinomita.gif);
}
div#item8 div.popup {
	background-image: url(../img/back/shop_kasugano.gif);
}
div#item9 div.popup {
	background-image: url(../img/back/shop_gyakkyou.gif);
}
div#item10 div.popup {
	background-image: url(../img/back/shop_aizu-yoshino.gif);
}
div#item11 div.popup {
	background-image: url(../img/back/shop_chugoku-manazashi.gif);
}
div#item12 div.popup {
	background-image: url(../img/back/shop_kaiganosekai.gif);
}
div#item13 div.popup {
	background-image: url(../img/back/shop_nara.gif);
}
div#item14 div.popup {
	background-image: url(../img/back/shop_hibikiau.gif);
}
div#item15 div.popup {
	background-image: url(../img/back/shop_lastemperor.gif);
}
div#item16 div.popup {
	background-image: url(../img/back/shop_50syu.gif);
}
div#item17 div.popup {
	background-image: url(../img/back/shop_koshino-manabiya.gif);
}

div.popup p.photo {
	margin: 84px 0 28px;
	text-align: center;
}

div.popup p.photo img {
	vertical-align: bottom;
}

div.popup p.close a.close {
	padding: 0 0 0 16px;
	background: url(../img/bullet/close_popup.gif) no-repeat left center;	
}

div.popup p.close a.close:hover {
	background-image: url(../img/bullet/close_popup_o.gif);
}

div.popup p.close {
	margin-top: 28px;
	text-align: right;
}


/* how to order
------------------------------------------------------------*/
div#order {
	position: relative;
	z-index: 1;
	margin-right: 28px;
	padding: 0 0 360px;
}

div#order dl {
	margin: 28px;
}

div#order dt {
	float: left;
	width: 8em;
	margin: 0;
}

div.order dd {
	margin: 0;
	padding: 0 0 8em
}


/* print css
------------------------------------------------------------*/
/*
@media print {

body {
	background: #FFF;
	font-size: 12pt;
}

div#container {
	width: auto;
	min-height: inherit;
	background: none;
}

h1 {
	position: relative;
	width: auto;
	height: auto;
	background: none;
	text-indent: 0;
}

h1 a {
	display: inline;
	width: auto;
	height: auto;
	background: none;
	text-decoration: none;
	color: #000;
}

div#content {
	width: auto !important;
	margin: 0;
	padding: 0;
}

div#content h2 {
	width: auto;
	height: auto;
	background: none;
	text-indent: 0;
	font-size: 24pt;
}

div.section {
	margin-left: 0;
}

div#nav {
	display: none;
}

address {
	width: auto;
	border-top: 3px solid #333;
	background: none;
	text-align: left;
	color: #333;
}
* html address {
	filter: none;
}


div.item {
	float: none;
	width: auto;
	margin: 0 0 28px;
}

div#items h4 {
	width: auto;
	margin: 28px 0;
}

div.item h5 {
	float: none;
	width: auto;
	height: auto;
	margin: 0 0 14px;
}

div.item p.price {
	margin: 0 0 14px;
	line-height: 1.2;
	font-size: 24pt;
}

div.popup {
	clear: both;
	display: block;
	position: relative;
	left: auto;
	top: auto;
	width: auto;
	padding: 28px;
	background-position: 28px 28px;
	border: 1px solid #999;
}
* html div.popup {
	width: 100%;
}
*:first-child+html div.popup {
	top: 0;
}

div.popup p.close {
	display: none;
}

}
*/
/**/