@charset "utf-8";

/*---------------------------------------------------
	Title: style.css
	Description: Griot HP COMMON.CSS

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

body {
    margin: 0pt;
    padding: 0pt;
    line-height:170%;
    font-size:12px;
	font-family:'ヒラギノ明朝 Pro W3';
    color:#00C9FF;
	text-align:center;
	background:#000;
}

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

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

a{
    color:#00C9FF;
	text-decoration:none;
}

a:hover{
    color:#00C9FF;
	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 reset */

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

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

/*=============================================================*/
/* form 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 */

/*----------------------------------------------------------*/
/* clearfix */

.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;
}

/* End hide from MacIE */


/*----------------------------------------------------------*/
/* text-indent リンク for Fx */

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

/*----------------------------------------------------------*/
/* Hidden */

.hidden {
	display:none;
}