@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

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

/* @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 : 2.25em; /* 48px */
font-family : serif;
line-height : 1; /* 48px */
margin-bottom : 0.5em } 

h1 img {
height : 1.2em}

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

h3 {
font-size : 1.2em; /* 24px */
line-height : 1.3; /* 24px */
margin-bottom : 1em } 

hgroup h2,h4,h5,h6 {
font-size : 1.1em; /* 16px */
line-height : 1.5; /* 24px */
margin-bottom : 1.5em } 

 .adrs {
 font-size : 0.8em;
 text-align : right;
  }


/* @end */

/* @group Header */

header { 
text-align : center;
padding-top : 1.5em;
background : #779930}

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

/* @end */

/* @group Nav */

nav {
margin-bottom : 1.5em;
background-color: #4d1a1d;
background: -moz-linear-gradient(top, rgba(125,73,52,1) 0%, rgba(43,21,18,1) 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,73,52,1)), color-stop(88%,rgba(43,21,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,73,52,1) 0%,rgba(43,21,18,1) 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,73,52,1) 0%,rgba(43,21,18,1) 88%); /* Opera 11.10+ */
background: linear-gradient(to bottom, rgba(125,73,52,1) 0%,rgba(43,21,18,1) 88%); /* W3C */
}

nav ul { overflow : hidden}
nav ul li { width : 20%; float : left}
nav ul li a {
display : block;
color : #e5dddd;
padding : 0.75em 0}

nav ul li a:hover {
color : #bec591}

/* @end */

/* @group Contents */

#contents {
width : 90%;
margin : 0 auto;
color : #535252;
text-align : left}

#contents img { 
float : left;
margin-bottom : 1.5em; 
width : 70%;
/*box-shadow : 0 0 5px #2f1f1f*/}

#contents a {
color : #535252}

#contents .pl {
font-size : 0.9em}

#contents #schedule { 
margin-right : 1.5%; 
padding : 1.0em 0;
background : #ece8e7}

#contents #report img { 
margin-bottom : 1.5em; 
margin-right : 1%; 
width : 48%}

#contents #main img { 
margin-bottom : 1.5em; padding : 1.0em 0;

margin-right : 1%; 
width : 30%;}

#contents #anniversary { 
background : #c1a88c;
padding : 0.5em;
margin-bottom : 0.1em;
font-size : 1.0em;
text-align : center}


#contents #anniversary h7 {
font-size : 1.2em; 
line-height : 1.5; 
margin-bottom : 0.6667em } 

#contents #anniversary h8 {
font-size : 1.1em; 
line-height : 1.0; 
margin-bottom : 0.6667em } 

#contents #anniversary h4 { 
font-size : 1.3em; 
line-height : 1.2; 
margin-bottom : 0.6667em 
}


#contents #anniversary p { 
font-size : 1.5em; 
line-height : 1.5; 
margin-bottom : 0.6667em 
}

#contents #anniversary a {
color : #322926}

#contents #anniversary span.s1 {font-size : 1.0em; margin-bottom : 0.6667em; color: #c81010;}
#contents #anniversary span.s2 {font-size : 1.0em; margin-bottom : 0.6667em; color: #ffffff;}
#contents #anniversary span.s3 {font-size : 0.9em; margin-bottom : 0.6667em; color: #322926;}
#contents #anniversary span.s4 {font-size : 1.1em; margin-bottom : 0.6667em; color: #800019;}
#contents #anniversary span.s5 {font-size : 0.8em; margin-bottom : 0.6667em; color: #594742;}
#contents #anniversary span.s6 {font-size : 0.9em; margin-bottom : 0.6667em; color: #594742;}


#contents #prologue p { 
margin-bottom : 1.5em;
font-size : 0.9em;
text-align : left}

#contents #bottom{ 
float : left;
margin : 0 1.0416667%;
width : 98% } 

#contents #main{ 
float : left;
margin : 0 1.0416667%;
width : auto } 

#contents #main p { 
margin-bottom : 1.5em;
font-size : 1.1em;
text-align : left}


/* @end */

/* @group Footer */

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

/* @end */

/* schedule, report */

#schedule{
 float: left;
 width: 45%;
}

#report{
 float: left;
 width: 50%;
}

@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の指定*/

/* @group Nav */

nav ul {
width : 93.75%;/* 960/1024 */
margin : 0 auto}

/* @end */

/* @group Contents */

#contents {
overflow : hidden;
width : 93.75%}


/* @end */


/* @group Footer */

footer {
width : 91.796875%; /*940/1024*/
margin : 0 auto}

/* @end */

}