@charset "utf-8";

/********* HTMLリセット *********************************************/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, main {
	display: block;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
	
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

li:hover {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a img:hover {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
    transition: all  0.3s ease;
	opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
	
}

.clear {
	clear: both;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}



/********* HTML再定義 ***********************************************/

html {
	overflow-y: scroll;
	font-size: 62.5%;
	font-size: 10px;
	height: 100%;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
body {
	height: 100%;
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1.8;
	margin: 0 auto;
	color: hsla(0,0%,22%,1.00);
	font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-weight: bold;
}
h1 {
	font-size: 2rem;
	line-height:1;
}
h2 {
	font-size: 2.6rem;
}
h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 2rem;
	line-height:1.4em;
	margin-top:30px;
}
h5 {
	font-size: 1.8rem;
	line-height:1.4em;
	margin-top:30px;
}
h6 {
	font-size: 1.7rem;
	line-height:1.4em;
	margin-top:30px;
}

p {
	margin: 15px 0;
	overflow-wrap: break-word;
　　　word-wrap: break-word;
}
em, strong {
	font-style: normal;
	font-weight: bold;
}
ul {
	margin: 10px 20px;
}
ul li {
	list-style: disc;
}
ol {
	margin: 10px 30px;
}
ol li {
	list-style: decimal;
}
dl {
	margin: 10px 0;
}
dl dd {
	margin-left: 30px;
}
pre {
	overflow: auto;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}

input, textarea {
	font-size:1.6rem;
	line-height:inherit;
	padding:2px 4px;
}

code {
	color: #000080;
}
pre, code {
	line-height: 1.2;
	font-size: 1.6vw;
	font-family: "ＭＳ ゴシック", monospace;
}
blockquote {
	overflow: auto;
	margin: 10px 0;
	padding: 0 15px;
	border-left: 2px solid #7777AA;
}
blockquote div, blockquote p, blockquote li, blockquote dt, blockquote dd {
	color: #777777;
}

table {
	margin: 15px 0;
}
table tr th {
	padding: 5px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-weight: bold;
	text-align: center;
}
table tr td {
	padding: 5px;
	border: 1px solid #999999;
}
table tr td input {
	margin: -2px 0;
	font-size:inherit;
}

form {
	margin-bottom: 20px;
}
form legend {
	display: none;
}
form dl dd {
	margin: 0 0 10px 0;
}
form dl dd input, form dl dd textarea {
	padding: 5px;
}
form dl dd select {
	padding: 2px;
}
form ul {
	margin: 15px 0;
}
form ul li {
	list-style: none;
}
form p {
	margin: 20px 0;
}
form p input {
	padding: 3px 10px;
}

img {
	vertical-align: middle;
	padding: 2px;
}

a:link, a:visited {
    text-decoration: none;
}
a:active, a:hover {
    text-decoration: none;
}

/********* 個別指定 *************************************************/

#action {
	overflow: hidden;
	padding:15px;
}
#action form {
	float: left;
	margin-right: 3px;
}

.complete {
	color: #00AA00;
	font-weight: bold;
}
.attention {
	color: #FF0000;
	font-weight: bold;
}
.number {
	text-align: right;
}