@charset "UTF-8";

@font-face {
    font-family: 'supermarketregular';
    src: url('../fonts/supermarket-webfont.eot');
    src: url('../fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/supermarket-webfont.woff2') format('woff2'),
         url('../fonts/supermarket-webfont.woff') format('woff'),
         url('../fonts/supermarket-webfont.ttf') format('truetype'),
         url('../fonts/supermarket-webfont.svg#supermarketregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* =Layout
-------------------------------------------------------------- */
#wrapper{
	background: url(../images/bg/bg_main.png) repeat;
}
#main{
	background: #FFFFFF;
}
#main,
.container{
	width: 960px;
	margin: 0 auto;
}

/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/
/*　マージン調整　*/


.top-1 { margin-top:1px !important;}
.top-5 { margin-top:5px !important;}
.top-8 { margin-top:8px !important;}
.top-10 { margin-top:10px !important;}
.top-11 { margin-top:11px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-25 { margin-top:25px !important;}
.top-30 { margin-top:30px !important;}
.top-35 { margin-top:35px !important;}
.top-40 { margin-top:40px !important;}
.top-50 { margin-top:50px !important;}
.top-60 { margin-top:60px !important;}
.top-100 { margin-top:100px !important;}
.ntop-5 { margin-top: -5px !important;}

.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-8 { margin-bottom: 8px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-13 { margin-bottom: 13px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 { margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.bottom-40 { margin-bottom: 40px !important;}
.bottom-50 { margin-bottom: 50px !important;}
.bottom-70 { margin-bottom: 70px !important;}
.bottom-80 { margin-bottom: 80px !important;}

.left-0 { margin-left: 0px !important;}
.left-1 { margin-left: 1px !important;}
.left-3 { margin-left: 3px !important;}
.left-5 { margin-left: 5px !important;}
.left-6 { margin-left: 6px !important;}
.left-7 { margin-left: 7px !important;}
.left-8 { margin-left: 8px !important;}
.left-10 { margin-left: 10px !important;}
.left-13 { margin-left: 13px !important;}
.left-14 { margin-left: 14px !important;}
.left-15 { margin-left: 15px !important;}
.left-18 { margin-left: 18px !important;}
.left-20 { margin-left: 20px !important;}
.left-25 { margin-left: 25px !important;}
.left-28 { margin-left: 28px !important;}
.left-30 { margin-left: 30px !important;}
.left-35 { margin-left: 35px !important;}
.left-40 { margin-left: 40px !important;}
.left-50 { margin-left: 50px !important;}

.right-0 { margin-right: 0px !important;}
.right-5 { margin-right: 5px !important;}
.right-8 { margin-right: 8px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}
.right-18 { margin-right: 18px !important;}
.right-20 { margin-right: 20px !important;}
.right-23 { margin-right: 23px !important;}
.right-25 { margin-right: 25px !important;}
.right-30 { margin-right: 30px !important;}
.right-40 { margin-right: 40px !important;}
.right-46 { margin-right: 46px !important;}
.right-50 { margin-right: 50px !important;}




/* 画像スタイル */
img { border: 0;}
.f-left { float: left;}
.f-right { float: right;}


/*　整列系　*/
.ta-center { text-align: center !important;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}


/*align*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


/*indent*/
.indent {
	text-indent: -1em;
	padding-left: 1em;
}


.last{
	margin-right: 0 !important;
}

/*クリア*/
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.clearfix{display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 /* End hide from IE-mac */

*:first-child+html .clearfix { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


.clear{
	clear:both;
}


/* フッターのJSのスペース消し */
.footer-js-box {
	height: 1px;
	overflow: hidden;
}