@charset "utf-8";

/* mimosa */
/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}

BODY {
      scrollbar-base-color:#f4efdb; /*beige*/
  }


/* @end */


/* @group Fluid-img */

img { max-width : 100%}

/* @end */

/* @group HTML */

html {
font-family : meiryo, verdana, sans-serif;
font-size : 75%; /*responsive type settingの指定*/
line-height : 1.5}


/* @end */

/* @group Heading */

h1 {
font-size : 1.5em; 
font-family : meiryo, verdana, sans-serif;
line-height : 1.3333; 
margin-bottom : 0.6em } 

h2 {
font-size : 1.5em; /* 36px */
line-height : 1.3333; /* 48px */
color : #dc6000; /*orange*/
margin-bottom : 0.6667em } 

 .adrs {
 font-size : 0.8em;
 text-align : right;
 color : #dc6000; /*orange*/
  }

/* @end */

/* @group Header */

header { 
text-align : center;
padding-top : 1.0em;
background : #f2efb5} /*beige*/

header h1 { margin-bottom : 0.5em ;margin-left : 1.5em ; color : #e16745}
header h2 { color : #ffffff}

/* @end */

/* @group Nav */

nav {
margin-bottom : 1.5em;
background-color: #e16745; /*orange*/

}

nav ul { overflow : hidden}
nav ul li { width : 20%; float : left}
nav ul li a {
display : block;
color : #ffffff;
/*padding : 0.3em 2.5em*/
}

nav ul li a:hover {color : #fff09e} /*yellow*/

/* @end */

/* @group Contents */
BODY {scrollbar-base-color:#f4efdb;} /*beige*/


p a:link {color: #ff4500} /*orange*/
p a:visited {color: #ff4500}
p a:hover {color: #f2a307} /*light orange*/
p a:active {color: #f2a307}
td a:link {color: #dc6000} /*orange*/
td a:visited {color: #dc6000}
td a:hover {color: #f2a307} /*light orange*/
td a:active {color: #f2a307}

			p.p1 {text-align: center; font-size: 1.6em; color: #dc6000} /*orange*/
			p.p2 {text-align: center; font-size: 1.8em; color: #008740; font-weight:bold;}
			p.p3 {text-align: center; font-size: 1.4em; color: #fc7000}
			p.p4 {text-align: center; font-size: 1.4em; color: #b22222} /*firebrick*/
			p.p5 {text-align: center; font-size: 1.5em; color: #dc3000}
			p.p6 {text-align: center; font-size: 1.2em; color: #903f01} /*brown*/
			p.p7 {text-align: center; font-size: 1.2em; color: #008740} /*green*/
			p.p8 {text-align: center; font-size: 18.0px; color: #4da619}
			p.p9 {text-align: center; font-size: 1.5em; color: #326c11} /*green*/
			p.p10 {text-align: left; font-size: 1.2em; color: #903f01}
			p.p11 {text-align: center; font-size: 1.2em; color: #b22222} /*firebrick*/
			span.box {border: 1px solid #800019;} /*red*/
			td.td1 {padding: 10.0px;font-size: 14.0px;color: #dc6000; text-align: left}
			td.td2 {padding: 10.0px;font-size: 1.0em;color: #dc6000; text-align: right}
			td.td3 {padding: 10.0px;font-size: 1.0em;color: #dc6000; text-align: left}
			td.td4 {padding: 10.0px;font-size: 1.0em;color: #dc6000; text-align: center}
			td.td5 {padding: 10.0px;font-size: 14.0px;color: #dc6000; text-align: center; background-color:#ffe4e1}
			td.td6 {padding: 10.0px;font-size: 14.0px;color: #008740; text-align: right}
			td.td7 {padding: 10.0px;font-size: 1.0em;color: #008740; text-align: center}
			table.t1 { background-color: #fffefe} /*snow*/
			table.t2 {border: 1px solid #8cc06c;} /*light green*/
			table.t3 { background-color: #fffaf0} /*floralwhite*/
			table.t4 { text-align: center} /*mistyrose*/
			table.t5 { background-color: #ffe4e1} /*mistyrose*/
			table.t6 { background-color: #f0fff5} /*palegoldenrod*/


/* @end */

/* @group Footer */

footer {
padding : 0.5em 0;
color : white;
text-align : center;
font-size : 0.8em;
background : url(../img/footer_bg.png)}

/* @end */


@media screen and (max-width: 480px){
 #schedule, #report{
  float: none;
  width: auto;
 }
#contents #main img{ width : 48%}

#contents #form textarea{ cols : 15;
                          rows : 7;
                          font-size : 0.8em;}


}

/*768px*/

@media screen and (min-width : 768px){

html{ font-size : 87.5%} /*responsivetypesettingの指定*/
#contents { text-align : left}

}

/*1024px*/
@media screen and (min-width : 1024px) {

html{ font-size : 100%} /*responsivetypesettingの指定*/

}

}