@charset "utf-8";

/*********************************************
 RESET attributes
*********************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:			0;
	padding:		0;
	border:			0;
	outline:		0;
	font-size:		100%;
	vertical-align:	baseline;
	background:		transparent;
}

* {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	     box-sizing: border-box;
}

html {
	-webkit-text-size-adjust:	100%;
}

body {
	line-height:	1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:	block;
}

ol,ul {
	list-style:	none;
}

blockquote, q {
	quotes:	none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:	'';
	content:	none;
}

a {
    margin:			0;
    padding:		0;
    font-size:		100%;
    vertical-align:	baseline;
    background:		transparent;
}

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

hr {
    display:		block;
    height:			1px;
    border:			0;
    border-top:		1px solid #cccccc;
    margin:			1em 0;
    padding:		0;
}

input, select {
    vertical-align:	middle;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


/*********************************************
 INIT Properties
**********************************************/
body {
	font:	.81em/150% Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

a, a:visited {
	/*color: #026acb;*/
	color: blue;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}




/*********************************************
 CLEAR FIX
**********************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/**********************************************
 UTILITIES
**********************************************/
.inithide {
	display: none;
}

/**********************************************
 TEXT-ALIGN
**********************************************/
.ta_right { text-align: right; }
.ta_center { text-align: center; }
.ta_left { text-align: left; }