@charset "utf-8";

/*-----------------------------------------------------
common
-------------------------------------------------------*/
/*********************************
リセット
*********************************/
html {
	overflow-y: scroll;
	height: 100%;
}

h1,h2,h3,h4,h5,h6,table,tr,th,td,p,div,dl,dt,dd,ul,ol,li,a,img,iframe {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,input,textarea,table {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

dt,dd,form,textarea,input,select,option,address,em {
	font-weight: normal;
	font-style: normal;
}
	
td,th {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

img {
	border: none;
	vertical-align: baseline;
}

table,iframe {
	border: none;
}

a, a img {
	border: none;
	text-decoration: none;
}

ul,ol,li {
	list-style-type: none;
}


/******************************
Option
******************************/
.clear { clear:both; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.img-float-left {
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
}
.img-float-right {
	margin-left: 10px;
	margin-bottom: 10px;
	float:right;
}


/*********************************
color 各種色設定
*********************************/
a:link {
	text-decoration: none;
	color: #0044CC;
}
a:visited {
	text-decoration: none;
	color: #0044CC;
}
a:hover {
	text-decoration: underline;
	color: #0044CC;
}
a:active {
	text-decoration: none;
	color: #0044CC;
}

.small{font-size:86%;}
.big {font-size:117%;}
.bigB {font-size:117%; font-weight:bold;}
.bbigB {font-size:150%; font-weight:bold;}

.bold {font-weight:bold;}

.red {color:#FF0000;}
.pink {color:#F03190;}
.orange {color:#FF6600;}
.blue {color:#0044CC;}
.dark-blue {color:#000066;}
.green {color:#23500E;}
.yellow {color:#FFCC33;}
.black {color:#000000;}
.white {color:#FFFFFF;}
.gray {color:#999999;}
.gray2 {color:#333333;}

.indent {
	padding-left: 1em;
	text-indent: -1em;
}
span.indent {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}


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