@charset "UTF-8";


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.loading {
	display: block;
	background: url(/store/ho-plus/2013/images/loading.gif) no-repeat center center;
	width: 100%;
	height: 100%;
	min-width: 100px;
	min-height: 100px;
}


/*--------------------------------------------------------------------

  Common styles
  !!!!! DO NOT edit this styles !!!!!

--------------------------------------------------------------------*/

body, td {
	margin:0;
	padding:0;
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	color: #000;
}


/*--------------------------------------------------------------------

  styles for  #wrapper height:100%

--------------------------------------------------------------------*/

html, body, #wrapper {
	height: 100%;
}

body {
	background: #000;
}

#wrapper{
	min-height: 100%;

}

body > #wrapper {
	height:auto;
}



/*--------------------------------------------------------------------

  link style

--------------------------------------------------------------------*/
a {
	color:#F00;
	text-decoration: none;
}

a:link {
	color:#F00;
	text-decoration: none;
}

a:visited {
	color:#0F0;
	text-decoration: none;
}

a:hover {
	color:#00F;
	text-decoration: none;
}
a:hover img.hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

a:active {
	color:#F0F;
	text-decoration: none;
}

	/*----------------------------
	  image link style
	----------------------------*/
	a.external img {
		vertical-align: middle;
	}


/*--------------------------------------------------------------------

  image style

--------------------------------------------------------------------*/

img {
	border: 0 none;
}



/*--------------------------------------------------------------------

  list style

--------------------------------------------------------------------*/

ul, ol, li {
	margin: 0;
	padding: 0;
	line-height: 0;
}

li {
	list-style-type: none;
}



/*--------------------------------------------------------------------

  common id styles

--------------------------------------------------------------------*/
#wrapper {
	background-color: #FFF;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#header {
}

#yodogawa {
}

#contents {
}

#menu {
	height: auto;
	overflow:hidden;
}
	#menu a {
		display: block;
		float: left;
	}
	#menu > img {
		display: block;
		float: left;
	}

#date {
	padding: 30px 0 30px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

#footer {
	margin: 0 auto;
	padding-bottom: 50px;
}

	#footer li {
		float: left;
		margin-right: 10px;
	}
	
	#footer li.end {
		margin-right: 0;
	}
	

#copyright {
	text-align: center;
	padding: 0 0 25px 0;
}

/*--------------------------------------------------------------------

  Block

--------------------------------------------------------------------*/
.block1 {
	padding-left: 100px;
	text-align: left;
}

.block2 {
	text-align: left;
}

.block3 {
	padding: 0 100px;
	text-align: left;
}


/*--------------------------------------------------------------------

  Items

--------------------------------------------------------------------*/
.itemGroup {
}

.item1 {
	float: left;
	width: 325px;
	padding-right: 25px;
	padding-bottom: 25px;
}

	.item1 .photo {
		float: left;
		width: 140px;
	}
	
		.item1 .photo a:hover img
		{
			opacity:0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha( opacity=70 )";
		}
	
		.item1 .photo
		{
			background: #007DFF;
		}
	
	.item1 .text {
		float: right;
		width: 160px;
	}
	
	.item1 .text p.name {
		margin-top: 0;
		margin-bottom: 0.5em;
		line-height: 1.6;
	}
	
	.item1 .text p.price {
		margin: 0.4em 0 0.4em 1em;
		line-height: 1.2;
		font-weight: normal;
		color: #000;
	}
		.item1 .text p.price span {
			font-size: 11px;
		}

	.item1 .text p.stock {
		margin: 0.5em 0 0.5em 1.3em;
		line-height: 1.6; 
		font-size: 11px;
	}

.item2 {
}

.item3 {
	float: left;
	width: 250px;
	padding-bottom: 25px;
	padding-right: 100px;
}

.prev {
	float: left;
	width: 70px;
}

.next {
	float: right;
	width: 70px;
}

#footer table {
	width: 600px;
	margin: 0 auto;
}

	#footer table td {
		width: 33%;
	}

	#footer table td.left {
		text-align: left;
	}

	#footer table td.center {
		text-align: center;
	}

	#footer table td.right {
		text-align: right;
	}


.cart_area {
	display: none;
}

/*--------------------------------------------------------------------

  Midashi

--------------------------------------------------------------------*/
.midashi {
	/*margin-bottom: 20px;*/
	margin-bottom: 10px;
}



/*--------------------------------------------------------------------

  Borders

--------------------------------------------------------------------*/
.border1 {
	background-color:#000;
	width: 700px;
	height: 10px;
	margin: 25px 0 25px 100px;
}

.border2 {
	background-color:#000;
	width: 800px;
	height: 10px;
	margin: 30px 0;
}

.border3 {
	background-color:#000;
	width: 600px;
	height: 10px;
	margin: 25px 100px;
}


/*--------------------------------------------------------------------

  General-Purpose

--------------------------------------------------------------------*/
/*--------------------------------------
  margin bottom
--------------------------------------*/
.mb25 {
	margin-bottom: 25px;
}

.mb50 {
	margin-bottom: 50px;
}

/*--------------------------------------
  margin top
--------------------------------------*/
.mt25 {
	margin-top: 25px;
}

/*--------------------------------------
  padding bottom
--------------------------------------*/
.pb25 {
	padding-bottom: 25px;
}


.endtext {
	color: #F00;
	font-weight: bold;
	padding: 0 0 20px 0;
}