@charset "utf-8";

    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
	
html, body, div, object, iframe,
h1, h2, h3, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
font-family:"ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	font-size:12px;
	letter-spacing:0.075em;
	line-height:2;
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	width:100%;
	
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul {
    list-style:none;
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
    vertical-align:top;
}
.margin_bottom10{
	margin-bottom:10px;}


/*--------------------------------------------------
* Base
==================================================*/

html,
body {
	height: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}

body {
	color: #4c4c4c;
	font-family:"ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	font-size: 14px;
	line-height: 1.5em;
}

a {
	color: #1a1a1a;
}

a:link{
	text-decoration:none;
}
a:hover{
	}
	
a:visited { 
	text-decoration:none;
	 }
a:active { 
	text-decoration:none;
	 }

*.clear {
	clear: both;
}
.borderbottom{
	border-bottom:1px solid #CCC;}
.borderright{
	border-right:1px solid #CCC;}
.borderleft{
	border-left:1px dotted #CCC;}
.mlogo{
	margin-right:160px;
	padding-right:120px;
	background-image: url(../images/logoimages.jpg);
	background-repeat: no-repeat;
	background-position: right center;	
	}
/*--------------------------------------------------
* Container
==================================================*/

div#container {
	width:100%;
	text-align:left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container-inner {
	width:980px;
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:50;
}

#logBox{
	width:980px;
}
#logBox ul{
	list-style:none;
	width:100%;
	}	
#logBox li{
	float:left;
	margin:10px 0px;
	padding:10px;
}

#infoBox{
	width:480px;
	float:right;
	position:relative;
	}	
#infoBox p{
	font-size:120%;
	text-decoration:underline;
	padding:0px 20px;}	
	
	
ul#guide{
	width:100%;
	list-style:none;
	position:absolute;
}
ul#guide li{
	float:left;
}
	
ul#guide li a{
	display:block;
	padding:2px 10px;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
ul#guide li a:hover{
	background-color:rgba(0,0,0,0.1);
	color:#000000;
}


nav ul{
	width:100%;
	list-style:none;
	padding:0;
	margin:0;}
nav ul li{
	float:left;
	padding:5px;
	text-align:center;
	width:20%;}

nav ul li a{
	display:block;
	padding:2px;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	}
nav ul li a:hover{
	background-color:rgba(0,0,0,0.1);
	color:#000000;
	}
	
	
#mainmenu ul{
	width:100%;
	list-style:none;
	}
#mainmenu ul li{
	width:25%;
	float:left;
	text-align:center;
	position:relative;
		}

#mainmenu ul li a{
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
#mainmenu ul li a:hover{
		 opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
	
#mainmenu ul li p{
	width:235px;
	background-color:rgba(221,89,68,0.7);
	color:#fafafa;
	text-align:center;
	margin:0px 5px;
	padding:3px;
	position:absolute;
	bottom:6px;
}
#Rpoint{
	width:100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	}
	
#sarch_box{
	width:400px;
	float:right;	
	}


#main{
	width:730px;
	float:right;

	}

#right_collum{
	width:730px;
	float:right;}
	
#coupon{
	width:730px;
}
/*--------------------------------------------------
* サイドナビ
==================================================*/

#sidenav{
	width:240px;
	float:left;
	}

ul.shopitem{
	width:100%;
	list-style:none;
	}
ul.shopitem li{
	text-align:center;
	padding:8px; 0px;
	border-bottom:1px #999 dotted;
	}
ul.shopitem li span{
	display:block;}
ul.shopitem li a:hover{
	text-decoration:underline;}
	
ul.itemcate{
		width:100%;
	list-style:none;
	margin-bottom:30px;
	}
ul.itemcate li{
	width:100%;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	
	}
ul.itemcate li a{
	padding:3px 10px;
	display:block;
		-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	border:#FFFFFF 3px solid;
	}
ul.itemcate li a:hover{
	border:#CCCCCC 3px solid;}
.itemtitile{
	border-top:3px solid #dc5f4b;
	border-bottom:1px solid #CCC;}
.items{
	border-bottom:1px solid #CCC;
	text-indent: 1em;
}
	
ul.itemRnaking{
	width:100%;
	list-style:none;
	margin-bottom:30px;}
ul.itemRnaking li{
	text-align:center;
	width:100%;}
ul.itemRnaking li span{
	display:block;
	line-height:1.3em;
}
ul.itemRnaking li a{
	padding:3px 10px;
	display:block;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	border:#FFFFFF 3px solid;
	}
.itemRnaking_t{
	background-color:#dc5f4b;
	color:#FFFFFF;
	padding:3px 10px;
		}
.itemRnak1{
	background-image:url(../images/ranking_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak2{
	background-image:url(../images/ranking_02.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak3{
	background-image:url(../images/ranking_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak4{
	background-image:url(../images/ranking_04.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak5{
	background-image:url(../images/ranking_05.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak6{
	background-image:url(../images/ranking_06.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak7{
	background-image:url(../images/ranking_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
		margin-bottom:5px;
	padding-bottom:5px;

}
.itemRnak8{
	background-image:url(../images/ranking_08.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:35px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #CCC;
}


ul.itemteiban{
	width:100%;
	list-style:none;
	margin-bottom:30px;}
ul.itemteiban li{
	text-align:center;
	width:100%;}
ul.itemteiban li span{
	display:block;
	line-height:1.3em;
}


/*--------------------------------------------------
* Main
==================================================*/

.main ul{
	width:100%;
	list-style:none;
}
.main ul li{
	margin-bottom:10px;}
.main ul li a{
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
.main ul li a:hover{
		 opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
.main ul li p{
	padding:20px;
	margin-left:10px;
	line-height:1.7em;
	letter-spacing: 0.3em;
	font-size:14px;
}
#ItemList{
	width:100%;
	background-color:#FFF;}

#ItemList ul.ListL1{
	width:146px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	border-right:1px dotted #CCC;
	}
#ItemList ul.ListL2{
	width:146px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	border-right:1px dotted #CCC;
	}
#ItemList ul.ListL3{
	width:146px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	border-right:1px dotted #CCC;
	}
#ItemList ul.ListL4{
	width:146px;
		list-style:none;
	margin:0;
	padding:0;
	float:left;
	border-right:1px dotted #CCC;
	}
#ItemList ul.ListL5{
	width:145px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
	

	
#ItemList ul.ListL1 li{
	padding:10px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	height:65px;
	}
#ItemList ul.ListL2 li{
	padding:10px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	height:65px;
	}

#ItemList ul.ListL3 li{
	padding:10px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	height:65px;
	}
	
#ItemList ul.ListL4 li{
	padding:10px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	height:65px;

	}

#ItemList ul.ListL5 li{
		padding:10px;

	text-align:center;
	border-bottom:1px dotted #CCC;
	height:65px;
	}
	


#ItemList ul.ListL1 li a{
	display:block;
		-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;}
#ItemList ul.ListL2 li a{
	display:block;
		-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;}
#ItemList ul.ListL3 li a{
	display:block;
		-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;}

#ItemList ul.ListL4 li a{
	display:block;
		-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;}
#ItemList ul.ListL5 li a{
	display:block;
		-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;}
#ItemList ul.ListL1 li a:hover{
		background-color:rgba(0,0,0,0.1);
	color:#000000;}
#ItemList ul.ListL2 li a:hover{
		background-color:rgba(0,0,0,0.1);
	color:#000000;}
#ItemList ul.ListL3 li a:hover{
		background-color:rgba(0,0,0,0.1);
	color:#000000;}
#ItemList ul.ListL4 li a:hover{
		background-color:rgba(0,0,0,0.1);
	color:#000000;}
#ItemList ul.ListL5 li a:hover{
		background-color:rgba(0,0,0,0.1);
	color:#000000;}

.pickitem{
	width:100%;
	margin:10px 0px;}
	
/*--------------------------------------------------
* フッター
==================================================*/
#footer{
	width:100%;
	background-image:url(../images/haikei1.jpg);
	background-repeat: repeat;
	padding:20px 0px;
	float:left;
}

#footer ul{
	width:25%;
	list-style:none;
	float:left;
	padding:10px;
}

#footer ul li{
	padding:5px;}
#footer ul li h4{
	color:#993;
	font-size:110%;
}
.top{
	width:100%;
	height:30px;
	padding:10px;
	clear:both;
	margin-bottom:10px;

}

#footer ul.shopinfo{
	width:50%;
	list-style:none;
	float:left;
	padding:10px;
}
#footer ul.shopinfo_r{
	width:50%;
	list-style:none;
	float:right;
	padding:10px;
}


#footer_t{
	width:100%;
	background-image:url(../images/haikei1.jpg);
	background-repeat: repeat;
	padding:20px 0px;
	float:left;
	margin-bottom:30px;
}

#footer_t ul{
	width:25%;
	list-style:none;
	float:left;
	padding:10px;
}

#footer_t ul li{
	padding:5px;}
#footer_t ul li a:hover{
	text-decoration:underline;}
.top{
	width:100%;
	height:30px;
	padding:10px;
	clear:both;
	margin-bottom:10px;

}

/*--------------------------------------------------
* FIX
==================================================*/


#fixbaner1{
	display:block;
	position:fixed;
	top:20px;;
	right:0px;
	z-index:20;
	width: 68px;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}

#fixbaner1:hover{
	display:block;
	position:fixed;
	right:15px;
}

#fixbaner1 img{
	margin-top: 8px;
	margin-bottom: 8px;
}


#fixbaner2{
	display:block;
	position:fixed;
	bottom:170px;;
	right:0px;
	z-index:20;
	width: 60px;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}

#fixbaner2:hover{
	display:block;
	position:fixed;
	right:90px;
}

#fixbaner3{
	display:block;
	position:fixed;
	bottom:50px;;
	right:0px;
	z-index:20;
	width: 60px;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}

#fixbaner3:hover{
	display:block;
	position:fixed;
	right:90px;
}



.couponbox{
	width:730px;
	font-size:140%;
	text-align:center;
	background-image:url(../images/sand.jpg);
	background-repeat: repeat;
}
.couponbox p{
	text-align:center;
	width:100%;
	background-color:#333;
	color:#fafafa;
	padding:5px;
	
	}
.couponbox a:hover{
	text-decoration:underline;
}

ul.tobe{
	width:730px;
	list-style:none;
		}
ul.tobe li{
	width:33.333%;
	height:243px;
	position:relative;
	float:left;
	background-image:url(../images/sand.jpg);
	background-repeat: repeat;
	}
ul.tobe li p{
	position:absolute;
	bottom:10px;
	padding:5px;
	width:100%;
	background-color:rgba(0,0,0,0.5);
	color:#FFFFFF;
	text-align:center;
	}
ul.tobe li a{	
-moz-transition: .10s;
	-webkit-transition: .10s;
	-o-transition: .10s;
	-ms-transition: .10s;
	transition: .10s;
}
	
ul.tobe li a:hover{
		 opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

.rud a:hover {
    background-color: #666;
	
}
.rud a {
	color:#fafafa;
    width: 50%;
    text-align: center;
    padding: 10px;
	display:block;
    margin: 20px auto;
    background-color: #1A1A1A;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
	font-size:140%;
}