@charset "utf-8";

/*---------------------------------------------------
	Title: common.css
	Description: Griot Store COMMON.CSS

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

html {
	height:100%;
}

body {
    margin: 0pt;
    padding: 0pt;
	height:100%;
    line-height:170%;
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif,ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3 ;
    color:#1e1e1e;
	background-color:#ffffff;
}

h1,h2,h3,h4,p {
    margin: 0pt;
    padding: 0pt;
}

.clear {
    clear:both;
    margin: 0pt;
    padding: 0pt;
}

a{
    color:#5e5e5e;
	text-decoration:none;
}

a:hover{
    color:#999;
	text-decoration:none;
}

/* ------------------------------------------------------------------------------------- BASE RESET */

* {
	margin:0;
	padding:0;
}

html {
	overflow-y: scroll;
}

/* ------------------------------------------------------------------ IMAGE STYLE RESET */

img,a img {
	vertical-align:bottom;
	border:none;
	background:transparent;
}

object,embed {
	vertical-align:top;
}

/* ------------------------------------------------------------------ LIST STYLE RESETt */

ul,ol,dl {
	list-style:none;
}

li {
	display:list-item;
	zoom:normal;
}

/* ------------------------------------------------------------------ FROM STYLE RESET */

fieldset {
	border:none;
}

input,
textarea {
	font-size:1em;
	vertical-align:middle;
}

/* ------------------------------------------------------------------ TABLE STYLE RESET */

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

th,td {
	vertical-align:top;
	text-align:left;
}

caption {
	text-align:left;
}


/* ------------------------------------------------------------------------------------- CLASS */


/* ------------------------------------------------------------------ CLEAR FIX */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

.clearfix {
	min-height:1%;/* for IE7 */
	display:inline-table;
}

/* ------------------------------------------------------------------ HIDES from MacIE \ */

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* ------------------------------------------------------------------ TEXT-INDENT LINK for FX */

.indent {
	text-indent:-300em;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
}

/* ------------------------------------------------------------------ HIDDEN */

.hidden {
	display:none;
}