@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/* -------------------------------------------------------------------------- **
**  GLOBAL RESET
** -------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 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, main, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	font-weight: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
[hidden], command, datalist, menu[type=context], rp, source, audio:not([controls]) { display: none; }
audio:not([controls]) { height: 0; }

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
table, th, td {
	vertical-align: middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

input, textarea, select, button {
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
* html input, * html textarea, * html select, * html button {
	font-size: 100%;
}
legend {
	color: #000;
}
img { border: none; border: 0; }

svg:not(:root) { overflow: hidden; }


/* -------------------------------------------------------------------------- **
**  Default Tag
** -------------------------------------------------------------------------- */

html {
	overflow-y: scroll;
	height: 100%;
	font-size: 62.5%;
	
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

body {
	height: 100%;
	/*font-family: "游ゴシック" , "Yu Gothic", "ヒラギノ角ゴ Pro W3", sans-self;*/
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
	letter-spacing: 0em;
	font-size: 16px;
	}


/* -------------------------------------------------------------------------- **
**  LINKS
** -------------------------------------------------------------------------- */
a, a:link, a:visited {
	color: #000;
	cursor: pointer;
	outline: none;
	outline: 0;
	text-decoration: none;
}
a:hover, a:focus, a:active, a.active {}
a:active, a.active {
	color: #666;
	text-decoration: none;
}
a:focus {}
a:hover, a:active { outline: 0; }

a[href^="#"], area[href^="#"],
a[href^="javascript:"],
area[href^="javascript:"] { -webkit-touch-callout: none; }

area { outline: none; }


/* -------------------------------------------------------------------------- **
**  TYPOGRAPHY
** -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: inherit; }
h1 { margin-bottom: .5em; font-size: 3em; line-height: 1; }
h2 { margin-bottom: 1.6em; font-size: 2em; line-height: 1.3; }
h3 { margin-bottom: 1em; font-size: 1.5em; line-height: 1; }
h4 { margin-bottom: 1.25em; font-size: 1.2em; line-height: 1.25; }
h5 { margin-bottom: 1em; font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
b, strong { font-weight: bold; }
em, dfn { font-style: italic; }
cite { font-style: normal; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
ruby rt { font-size: 0.375em; }
abbr, acronym { border-bottom: 1px dotted #666; }
abbr[title]	{ cursor: help; }
address { margin: 0 0 1.5em; }
del { color: #666; }

blockquote { margin: 0 18px 20px; padding-left: 15px; }

hr {
	clear: both;
	height: 0;
	margin: 0.5em 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	border: solid 0px;
	border-top-width: 1px;
	color: #999;
	background-color: #999;
	}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code { margin: 1.66em 0; white-space: pre; }
pre, code, tt, kbd, samp { font: 1em Monaco, Menlo, Consolas, Meiryo, 'メイリオ', "Courier New", monospace; text-align: left; line-height: 1.5em; }
pre { padding: 0.83em 1.25em; border: solid 1px #ccc; background-color: #eee; overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 0.85em; }




/* -------------------------------------------------------------------------- **
**  LISTS
** -------------------------------------------------------------------------- */
ul, ol { margin: 0 0 1.8em 0; padding: 0 0 0 2.3em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li ul, li ol { margin: 0 0.5em; }
ul ul, ol ul { list-style-type: circle; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

dl { margin: 0 0 1.5em 0; }
dl dt, dl dd { line-height: 1.428571429; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }


/* -------------------------------------------------------------------------- **
**  FORMS
** -------------------------------------------------------------------------- */
form {}

button, input { line-height: normal; *overflow: visible; }
button, select { text-transform: none; }

textarea {
	max-width: 100%;
	resize: vertical;
	vertical-align: top;
	-webkit-overflow-scrolling: touch;
}

button, input[type=button], input[type=submit], input[type=reset] {
	cursor: pointer;
	-webkit-appearance: button;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type=checkbox], input[type=radio] {
	padding: 0;
	border-sizing: border-box;
}
input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder, textarea:-moz-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input::-ms-placeholder, textarea::-ms-placeholder { color: #ccc; }
input::-o-placeholder, textarea::-o-placeholder { color: #ccc; }
input::placeholder, textarea::placeholder { color: #ccc; }

/* -------------------------------------------------------------------------- **
**  TABLE
** -------------------------------------------------------------------------- */
table {
	width: 100%;
	margin-bottom: 1.4em;
	border-collapse: collapse;
	border-spacing: 0;
}
td { vertical-align: top; }
th {}
th, td { padding: 0.41em 0.83em 0.41em 0.41em; }
th[align="right"], td[align="right"] { text-align: right; }
tfoot { font-style: italic; }
caption {}



/* -------------------------------------------------------------------------- **
**  MEDIA
** -------------------------------------------------------------------------- */
figure { margin: 0; }

img { -ms-interpolation-mode: bicubic; vertical-align: middle; }


/* -------------------------------------------------------------------------- */
.clear {
	display: block;
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	text-decoration: none;
	line-height: 0px;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}