/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  COMMON STYLE                                                                    */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ================================================================================ */
/*  1.COMMON                                                                        */  
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*  1-1.COMMON RESET                                                                */  
/* -------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video, source {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	}  

html, body {	
	height:100%;
	}	
	
html {
	overflow-y:scroll;
	font-size:62.5%;
	}

@media screen and (max-width: 640px) {
	/*html{font-size:100%;}*/
	}
	
body{
	background:url(../img/bg_head.gif) repeat-x;
	}

body.comp{
	margin-left:30px;
	margin-right:30px;
	text-align:center;
	}

img {
	border:0px;
	vertical-align:top;
	}
	
table {
	border-collapse:collapse;
	}
	
p,dt,dd,th,td,li {
	font-size:14px;
	font-size: 1.4rem;
	/*font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222222;
	line-height:2em;
	}

li {
	list-style:none;
	}
	
a {
	color:#0c69c0;
	outline:0;
	}

a:hover {
	opacity:0.7;
	}
    
input{
	vertical-align:middle;	
	}	
	
input::-ms-clear{ 
    visibility:hidden 
	} 	
	
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	}


/* -------------------------------------------------------------------------------- */
/*  1-2.COMMON CLEAR                                                                */  
/* -------------------------------------------------------------------------------- */

.clear {
	clear:both;
	}

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

/*Hides from IE-mac \*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/*-- listArea --*/
#listArea {	position: relative; height: auto;}
#loadingArea {	width: 100%;	height: 100%;	text-align: center;	top: 100px;	left: 0px;	position: absolute;	z-index: 2;}
#loadingAreaBg {	width: 100%;	height: 100%;	text-align: center;	top: 0px;	left: 0px;	position: absolute;	background-color: #FFFFFF;	filter:alpha(opacity=70);	-moz-opacity:0.7;	opacity:0.7;	z-index: 1;}