@charset "UTF-8";
/* リセット */
body, h1, h2, h3, h4, h5, h6, a, p, hr,
address, ul, ol, li, dl, dt, dd, 
table, caption, th, td, img{
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-size: 100%;
font-weight: normal;
text-align: left;
text-decoration: none;
list-style:none; 
}
html{
margin: 0;
padding: 0;
}
body{
font-size:80%;
color:#444444;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.7;
cursor:default;
background:url(../img/Bg.gif) repeat;
}
table { 
border-collapse:collapse;
border-spacing:0;
}
td,th{ vertical-align:top;}
table.style{
width:100%;
margin-bottom:1em;
}
table.style th, table.style td{
border:1px solid #cad5aa;
padding:0.3em 0.6em;
}
table.style th{
background:url(../img/L.gif) no-repeat top left #F7F2C8;
font-weight:bold;
color:#425500;
}
table.style2{
width:100%;
margin-bottom:1em;
}
table.style2 th, table.style2 td{
padding:0.3em 0 0.3em 0.6em;
border-bottom:#999 1px dotted;
}
table.style2 th{
font-weight:bold;
}
table.style2 table{
width: 60%;
margin:5px 0px;
}
table.style2 table td{
text-align:right;
}

dl{
}
dt{
}
dd{
}
img {
vertical-align: bottom;
}

/* link=========================================*/
a {
color: #755A0B;
outline: none;
text-decoration: underline;
cursor:pointer;
}
a:hover {
color:#cc0000;
}
/* tag=========================================*/
p{
margin-bottom:1em;
}
strong{
color:#990000;
}
em{
color:#996600;
font-style:normal;
font-weight:bold;
}
h2.image{
margin:0 0 10px;
padding:0;
}
h3{
background:url(../img/h3a.jpg) no-repeat bottom;
margin:0 0 0.5em;
padding:0 0 10px;
font-size:16px;
font-weight:bold;
color:#333333;
}
h3.yellow{background:url(../img/h3b.jpg) no-repeat bottom;
}
h3.red{background:url(../img/h3c.jpg) no-repeat bottom;
}
h3.blue{background:url(../img/h3d.jpg) no-repeat bottom;
}

h3 span.title{
height:37px;
float:left;
overflow:hidden;
}
h3 span.date{
height:37px;
float:right;
font-size:11px;
padding-right:1em;
overflow:hidden;
}
h3.image{
padding:0;
background:none;
}
h4.image{
padding:0;
background:none;
}
#conCenter h3.fix{
background:url(../img/h3Fix.jpg) no-repeat;
border:#cecece 1px solid;
border-top:none;
border-bottom:2px solid #9A0103;
line-height:1.2;
padding-bottom:7px;
}
div.R{
background:url(../img/round.jpg) no-repeat;
width:500px; height:9px;
}
h3.side{
}
h4{
font-weight:bold;
color:#336633;
background:url(../img/li.png) no-repeat 0 4px;
padding:0 0 0 14px;
}
h4.image{
padding:0;
background:none;
}
h5{
font-weight:bold;
}
.hr{
display:block;
background-color:#000000;
height:1px;
width:100%;
}
/* class=========================================*/
.hidden {
display: none;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.price{
font-weight:bold;
color:#FF6600;
}
.xsmall{
font-size:78%;
}
.small{
font-size:85%;
}
.large{
font-size:130%;
}
.xlarge{
font-size:160%;
}
.star{
font-weight:bold;
}
.bold{
font-weight:bold;
}
img.hover{
border:#CCCCCC 1px solid;
padding:1px;
}
img.hover:hover{
border-color:#CC0000;
}
.reset{
margin:0;
padding:0;
}
.frame{
border:#CCCCCC 1px solid;
padding:1px;
}
/* clears=========================================*/
.clear {
clear: both;
}
.clearfix {
clear: both;
display:inline-table;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;z
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* HIDE IEmac-5 ＼*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}

/*トップページを含むヘッダフッタ等共通部分===============================*/

/*ヘッダ===============================*/
#header{
width:100%;
height:140px;
background:url(../img/mokume.jpg) repeat-x;
}
#header .inner{
width:976px;
height:135px;
margin:0 auto;
position:relative;
z-index:2;
padding:5px 0 0 0;
}
#header address{
display:block;
width:400px;
height:auto;
color:#FFFFFF;
font-weight:bold;
position:absolute;
top:52px;
left:270px;
}
#headComment{
position:absolute;
top:10px;
left:270px;
}
#headTel{
position:absolute;
top:10px;
right:0px;
}
a#headCart{
position:absolute;
top:54px;
right:111px;
}
#headPoint{
position:absolute;
top:54px;
right:20px;
}
#snav{
width:auto;
height:30px;
position:absolute;
right:0px;
top:100px;
z-index:1;
float:right;
}
#snav li{
float:left;
z-index:3;
}
/*ヘッドライン===================================*/
#mainImageArea{
width:696px;
height:316px;
margin-bottom:15px;
border:#CCCCCC 1px solid;
padding:1px;
overflow:hidden;
}
#mainImageArea:hover{
border-color:#999999;
}

/*グローバルナビ===================================*/
#gnav{
width:920px;
height:36px;
margin:0 auto 10px;
padding:0 0 0 0px;
}
#gnav li{
float:left;
margin:0 0 0 0;
}
/*ラッパ===================================*/
#wrapper{
width:920px;
height:auto;
background:url(../img/wBg.png) repeat-y;
margin:0 auto;
padding:0 28px 1em;
overflow:hidden;　/*IE系　印刷プレビュー対応*/
}
html:not([lang*=""]) #wrapper { overflow:visible; }/*その他ブラウザでの対応*/
/*コンテナ===================================*/
/*コンテンツメイン===================================*/
#conMain{
float:right;
width:700px;
height:auto;
}
.ippin{
width:340px;
height:auto;
float:left;
}
.ippin p.image img{
border:#CCCCCC 1px solid;
padding:1px;
width:136px;
}
.ippin .item{
border-bottom:#C3AE6C 2px solid;
}
.ippin .item .text p{
margin:0 0 0.5em 0;
}
.newsT{
width:340px;
height:auto;
float:right;
}
.ranking div{
width:132px;
height:auto;
float:left;
margin:0 4px;
display:inline;
}
.ranking div p span.order{
display:block;
width:132px;
height:20px;
line-height:20px;
font-weight:bold;
color:#990000;
}
.ranking div.A p span.order{
background:url(../img/1st.jpg) no-repeat left top;
color:#996600;
font-size:18px;
}
.ranking div.A p img{
border:#996600 1px solid;
background:#FFCC66;
}
.ranking div.B p span.order{
background:url(../img/2nd.jpg) no-repeat left top;
color:#666666;
font-size:18px;
}
.ranking div.B p img{
border:#666666 1px solid;
background:#CCCCCC;
}
.ranking div.C p span.order{
background:url(../img/3rd.jpg) no-repeat left top;
color:#663333;
font-size:18px;
}
.ranking div.C p img{
border:#663333 1px solid;
background-color:#EABFBF;
}

.ranking div img{
border:#CCCCCC 1px solid;
padding:1px;
width:128px;
}

.lineup div{
width:220px;
height:auto;
float:left;
display:inline;
margin:0 6px;
}







dl.style{
width:100%;
}
dl.style dt{
float:left;
background:url(../img/li.png) no-repeat 0 10px;
padding:0.5em 0 0.5em 10px;
font-size:13px;
}
dl.style dd{
padding:0.5em 0 0.5em 100px;
border-bottom:#CCCCCC dotted 1px;
font-size:13px;
}
/*コンテンツサブ===================================*/
#conSub{
float:left;
width:200px;
height:auto;
}
#conSub h3{
}
#conSub ul{
padding:0 0 0 0;
margin:0 0 1em 0;
}
ul.product img{
margin-bottom:4px;
}
#conSub ul.style li{
background:url(../img/li.png) no-repeat 0 8px;
padding:3px 0 3px 1em;
margin:0 0 0 0;
border-bottom:#999999 1px dotted;
}



.banner{
margin:0 0 1em;
}
.banner img{
margin:0 0 0.5em;
}

/*フッタ========================*/
#footer{
width:100%;
height:140px;
background:url(../img/mokume2.jpg) repeat-x;
}
#footer .inner{
width:976px;
height:140px;
margin:0 auto;
position:relative
}
#footer h2{
position:absolute;
top:10px;
left:0px;
}
#footer address{
display:block;
width:400px;
height:auto;
color:#FFFFFF;
font-weight:bold;
position:absolute;
top:20px;
left:270px;
}
#footer .pageTop{
position:absolute;
top:0;
right:8px;
}
img.copyright{
position:absolute;
bottom:22px;
left:266px;
}

/*-- カレンダ --*/
#calendar {
	border: 1px solid #000000;
}

#calendar h2 {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

#calendar p {
	width: 100%;
	margin: 10px auto 0;
	text-align: center;
}

#calendar table {
	width: 90%;
	margin: 0px auto 10px;
	border: 1px solid #cccccc;
}
#calendar th {
	font-weight: normal;
	background-color: #666666;
	color: #ffffff;
}

#calendar th,
#calendar td {
	text-align:center;
	padding: 0px;
	border: 1px solid #cccccc;
}

#calendar .red {color: #CC0000;}
#calendar .blue {color: #0000CC;}
#calendar .hol {
	color: #ffffff;
	background: #d20000;
}

#calendar span.hol {
	color: #d20000;
	background-color: #ffffff !important;
}

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