@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: default.css
 -----------------------------------------------------------*/

/*
for IE6/7/8
------------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;}

/*
base setting
------------------------------*/
html {
  font-size: 62.5%;}
body {
  padding-top:10px;
	line-height: 0; /* 基本の行間 */
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;}
* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

input,textarea,select {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;
	font-size: 100%;}

* html input,
* html textarea,
* html select {/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/*\*/
* html table {
	font-size: 100%;}
/**/

/*
link color
------------------------------*/
a:link {
  color: #15a;
  text-decoration: underline;}
a:visited {
  color: #016;
  text-decoration: underline;}
a:hover,
a:active,
a:focus {
  color: #e60;
  text-decoration: underline;}


/*
general class
------------------------------*/
.float-left {float: left;}
.float-right {float: right;}
.txtC{
 text-align:center;}
.clear {
  clear: both;
  float: none;}

.cf:before,
.cf:after {
  content: "";
  display: table;}
.cf:after { clear: both; }
.cf { zoom: 1; } 

/*
common style
header, footer, all wrap ,path
------------------------------*/
html,body {}
	 
body{
 background:url(../images/main-img-bg.jpg) center 581px no-repeat;
 background-color:#95111D;}
section {
 width:533px;
 float:left;}

article{
 width:357px;
 float: right;}

#container {
	 width:890px;
   padding:0 10px;
	 margin:0 auto;
   color:#FFF;}
	
header {
	 width: 100%;}
	
#contents {}
#contents:before,
#contents:after {
   content: "";
   display: table;}
#contents:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
#contents { zoom: 1; }


#gFooter {
  clear: both;
   text-align:right;
   border-bottom:#320000 3px solid;
   padding:20px 0;}
	 #copyright {
   width:890px;
   margin:0 auto;
   background:url(../images/copyright.gif) no-repeat right;
   text-align:left;
   height:12px;
   text-indent:-9999px;}

.pageTop {
  float: none;
  clear: both;
  text-align: right;}

#logo{
 margin-bottom:15px;}
h1{
 margin-bottom:0;}
h2{
  margin-bottom:0;}
h3{
 margin-bottom:13px;}
 #norice{
  margin-bottom:17px;}
  #price{
   margin-bottom:7px;}
  #day{
   margin-bottom:35px;}
  #ad{}
dl{
 border-top:#CA888E 1px dotted;
 font-size:1.2em;
 line-height: 1.45; /* 基本の行間 */}
dt{
 font-weight:bold;
 padding-top:20px;}
dd{
 border-bottom:#CA888E 1px dotted;
 padding-bottom:20px;}
 
#shopping{
 background:url(../images/web-shoping.gif) no-repeat;
 height:252px;}
 #shopping img{
  margin:133px 0 0 41px;}
  img#onBtn{
   margin:147px 0 0 41px;}
   
a:hover img{
 opacity:0.7;
 filter: alpha(opacity=70);}