/*
 * LAYOUT.CSS (Design and layout goes here)
 *
 * version: 0.1
 * media: screen
 *
 * * */

html               { margin: 0; padding: 0;background: #434343;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
body               { margin: 0; padding: 0; }


/* * * * * *  html 5 fix  * * * * * */
section,
article,
header,
footer,
nav,
aside,
hgroup             { display: block; }


/* * * * * *  layout  * * * * * */
#background        { padding: 25px 0 0; background: #c7c7c7; }
#wrapper           { width: 960px; margin: 0 auto; border: solid 8px #e1e1e1; border-bottom: none; color: black; background: white; }
#wrapper:after     { display: block; clear: both; content: " "; }
#header            { position: relative; width: 100%; height: 155px; }
#content           { display: inline; float: left; width: 655px; margin: 0 0 15px 15px; font-size:1.1em;}
#sidebar           { display: inline; float: right; width: 248px; margin: 12px 30px 15px 0; }
#cale{text-align : center;}

#suke1{}

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *  HEADER AND FOOTER THINGS   * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  logo  * * * * * */
#header .logo                      {  }
#header .logo h1                   { position: absolute; top: 5px; left: 34px; margin: 0; }
#header .logo a:focus              { background-color: transparent; }
#header .logo h2                   { position: absolute; top: 86px; left: 32px; margin: 0; font-size: 1.25em; color: #000; }


/* * * * * *  footer  * * * * * */
#footer                            { width: 100%; font-size: 1.3em; color: #d5d5d5; background: url(../images/footer_rep.gif) 0 0 repeat-x; }
#footer .width                     { position: relative; width: 976px; margin: 0 auto; background: url(../images/footer.png) 0 0 no-repeat; }
#footer a                          { color: #d5d5d5; }
#footer p                          { margin: 0; }
#copyright                      { clear:both; padding-top:20px; text-align:center; }



/* * * * * *  main menu  * * * * * */
#mainMenu                          { position: absolute; bottom: 0; left: 0; width: 100%; background: #e5e5e5 url(../images/mmenu_rep.gif) 0 0 repeat-x; }
#mainMenu ul                       { margin: 0; padding: 2px 0 0 29px; }
#mainMenu ul li                    { display: inline; float: left; padding: 0; font-weight: bold; background: none; }
#mainMenu ul li a                  { float: left; text-decoration: none; color: #595959; }
#mainMenu ul li a span             { float: left; padding: 11px 17px 7px; }
#mainMenu ul li a:hover,
#mainMenu ul li a:focus,
#mainMenu ul li.active a           { color: black; background: #fdfdfd url(../images/mmenu_left.gif) 0 0 no-repeat; }
#mainMenu ul li a:hover span,
#mainMenu ul li a:focus span,
#mainMenu ul li.active a span      { background: url(../images/mmenu_right.gif) 100% 0 no-repeat; }


/* * * * * *  quick navigation  * * * * * */
ul#quickNav                        { position: absolute; top: 13px; right: 15px; margin: 0; }
ul#quickNav li                     { display: inline; float: left; padding: 0; background: none; }
ul#quickNav li a                   { float: left; width: 30px; height: 20px; background: url(../images/icons.png) 8px -15px no-repeat; }
ul#quickNav li.map a               { background-position: -25px -15px; }
ul#quickNav li.contact a           { background-position: -61px -15px; }
ul#quickNav li a span              { position: absolute; left: -999em; }


/* * * * * *  search form  * * * * * */
#header form                       { position: absolute; top: 60px; right: 10px; }
#header form fieldset              { margin: 0; padding: 0; border: none; background: none; }
#header form fieldset legend       { display: none; }
#header form fieldset input.text   { width: 11.333em; padding: 5px 5px 4px 35px; color: #8A8A8A; background: white url(../images/search.gif) 5px 4px no-repeat; }
#header form fieldset input.submit { width: 5.4166em; height: 2.166em; padding: 0; margin-left: 2px;}



/* * * * * * * * * * * * * * * * * * * * */
/* * * * * *  SIDEBAR THINGS   * * * * * */
/* * * * * * * * * * * * * * * * * * * * */

#sidebar h1                        { font-family: 'Inconsolata', arial, serif;font-size: 1.5em; margin: 20px 0 5px; padding-bottom: 8px; background: url(../images/col_h2.gif) 0 100% no-repeat; }
#sidebar p.banner                  { margin: 17px 0; text-align: center; }

/* * * * * *  nav menu  * * * * * */
.navMenu                           {  }
.navMenu ul                        { margin: 0; }
.navMenu ul li                     { padding: 0; background: none; }
.navMenu ul li a                   { display: block; padding: 5px 15px 5px; text-decoration: none; font-weight: bold; border-bottom: solid 1px white;
                                     color: #333; background: #eee; }
.navMenu ul li ul li a             { padding-left: 40px; font-weight: normal; font-size:0.9em; background-position: 28px 10px; }
.navMenu ul li a:hover             { background-color: #ddd; }



/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *  MAIN CONTENT THINGS  * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  floats  * * * * * */
.floatBoxes                        { width: 100%; margin: 1em 0; }
.floatBoxes:after                  { display: block; clear: both; content: " "; }
.floatBoxes article                { display: inline; float: left; width: 186px; margin: 0 30px 0 0; background: #eee; }
.floatBoxes article.last           { margin-right: 0; }
.floatBoxes article a              { display: block; padding: 100px 10px 10px; color: black; text-decoration: none; }
.floatBoxes article a:hover        { background: #ddd; }
.floatBoxes article a h1           { margin: 0 0 10px; font-size: 1.166em; font-weight: bold; text-align: center; }
.floatBoxes article a p            { margin: 0; }


/* * * * * *  news list  * * * * * */
.newsList article h1               { margin: 12px 0 3px; font-size: 1.166em; font-weight: bold; }
.newsList article p                { margin-top: 0; }

.floatBoxes h1,
.newsList h1                       { font-size: 1.5em; font-weight:bold}


/* * * * * *  todo  * * * * * */
.todo                              { position: fixed; top: 0; right: 0; width: 180px; padding: 8px 12px; font-size: 0.916em; opacity: 0.1;
                                     border: solid 1px #e1c400; color: black; background: #fff7c1; }
.todo:hover                        { opacity: 1; }
.todo div                          { max-height: 200px; overflow: auto; }
.todo h1,
.todo h2                           { margin: 10px 0 0; font-size: 1em; line-height: 1.5em; font-weight: bold; }
.todo h1                           { margin-top: 0; }
.todo ol                           { margin-top: 0; margin-bottom: 0; }
.todo footer                       { margin-top: 0; }

/* * * * * *  tuika  * * * * * */
#map_s {
background:none repeat scroll 0 0 #C7C7C7;
height:250px;
padding:5px;
width:250px;
}

#map_l {
background:none repeat scroll 0 0 #C7C7C7;
height:300px;
margin-right:5px;
padding:5px;
width:300px;
float:left;
}

#content h2 {
border-bottom:1px solid #434343;
border-left:6px solid #B40314;
padding:3px;
}

#sub_menu1 {
-moz-border-radius:0 0 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius: 0 0 10px 10px;
-moz-box-shadow:2px 2px 3px;
-webkit-box-shadow: 2px 2px 3px #000;
background-color:#FFFFFF;
display:table-cell;
height:25px;
margin:0 auto 0;
overflow:auto;
padding:0 5px;
vertical-align:middle;
width:620px;
}

#sub_menu1 p {
float:left;
margin:0 20px 5px 5px;
}

#sub_menu2 {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:2px 2px 3px;
-webkit-box-shadow: 2px 2px 3px #000;
background-color:#E5E5E5;
display:table-cell;
float:left;
height:80px;
margin:0 auto;
padding-left:5px;
vertical-align:middle;
width:auto;
}

#sub_menu2 p {
float:left;
margin:10px 20px 10px 5px;
}

#sub_menu3 {
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius: 0 0 10px 10px;
-moz-box-shadow: 2px 2px 3px;
-webkit-box-shadow: 2px 2px 3px #000;
background-color:#FFFFFF;
display:table-cell;
height:25px;
margin:0 auto 0;
padding-left:5px;
vertical-align:middle;
width:620px;
}

#sub_menu3 p {
float:right;
margin:10px 20px 10px 5px;
}

#sub_menu4 {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:2px 2px 3px;
-webkit-box-shadow: 2px 2px 3px #000;
background-color:#E5E5E5;
display:table-cell;
float:left;
height:auto;
margin-bottom:10px;
padding:0 10px 10px;
vertical-align:middle;
width:auto;
}

#sub_menu4 p {
float:left;
font-size:1.3em;
font-weight:bold;
margin:7px;
}

#sub_menu5 {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-moz-box-shadow:1px 1px 1px;
-webkit-box-shadow: 1px 1px 1px #000;
background-color:#F3F3F3;
display:table-cell;
height:40px;
margin:0 auto;
padding-left:15px;
vertical-align:middle;
width:13em;
}

#sub_menu6 {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 10px;
-moz-box-shadow:2px 2px 3px;
-webkit-box-shadow: 2px 2px 3px #000;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
display:table-cell;
height:auto;
overflow:auto;
padding:10px;
vertical-align:middle;
width:600px;
}

#member {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:2px 2px 2px;
-webkit-box-shadow: 2px 2px 2px #000;
background-color:#E5E5E5;
display:table-cell;
float:left;
height:3em;
margin:7px;
overflow:hidden;
padding:4px 0 4px 4px;
vertical-align:middle;
width:15em;
}

#member .blog {
color:#52B403;
font-size:0.9em;
}

#ms_member1 {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:2px 2px 2px;
-webkit-box-shadow: 2px 2px 2px #000;
background-color:#E5E5E5;
display:table-cell;
float:left;
margin:1em 0.4em 0.4em;
overflow:hidden;
padding:0.1em;
vertical-align:middle;
width:97%;
}

#ms_member2 {
background-color:#CCCCCC;
float:right;
height:auto;
margin:0.2em;
padding:0.3em 0.6em;
width:auto;
}

#ms_member3 {
float:right;
height:auto;
margin:0.2em;
padding:0.1em 0.6em
width:auto;
}

#ms_member1 fieldset{
border:1px solid #CCCCCC;
margin:0.7em;
padding:0.4em;
}

#ms_member1 legend{
background-color:#CCCCCC;
border:1px solid #FFFFFF;
}

#child1 {
background-color: #CCCCCC;
float: right;
height: auto;
margin: 0.2em;
padding: 0.3em 0.6em;
width: 95%;
}

#group_list {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:2px 2px 2px;
-webkit-box-shadow: 2px 2px 2px #000;
background-color:#F0F0F0;
display:table-cell;
float:left;
height:12em;
margin:7px;
overflow:hidden;
padding:4px 0 4px 4px;
vertical-align:middle;
width:14em;
}

#group_list_c {
margin:0 auto;
width:150px;
}

#group_list_c img{
padding:10px;
}

#pic1_waku {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:2px 2px 5px;
-webkit-box-shadow: 2px 2px 5px #000;
background-color:#EEEEEE;
border:1px solid #C7C7C7;
display:table-cell;
float:left;
height:auto;
margin-bottom:15px;
margin-right:12px;
padding:6px;
width:180px;
}

#pic1_waku h3 {
font-weight:normal;
margin-bottom:2px;
margin-top:2px;
}

#pic1_face {
-moz-border-radius: 5px 5px 5px 5px;
-moz-box-shadow: 2px 2px 5px;
-webkit-box-shadow: 2px 2px 5px #000;
background-color: #EEEEEE;
border: 1px solid #C7C7C7;
display: table-cell;
float: left;
height: auto;
margin-bottom: 15px;
margin-right: 12px;
padding: 6px;
width: auto;
}

#pic1_face img{
border: 1px solid #666666;
float: left;
margin-right: 7px;
}

#pic1_face h3{
margin: 5px 0;
}

#data {
float:left;
padding-left:15px;
padding-right:10px;
}

#data2 {
float:left;
/* * * * * *font-size:1.3em; * * * * * */
font-weight:bold;
padding-right:10px;
}

#eventpic {
background-image:url("../images/film001.png");
height:79px;
padding-top:22px;
width:100%;
}

#eventpic img {
float:left;
margin-left:9.5px;
}

#inquiry {
float:left;
width:243px;
}

#op520_525 {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
height:515px;
overflow:hidden;
padding:5px;
width:510px;
}

#op520_525 h2 {
font-size:2em;
padding-top:5px;
margin:0 0 20px;
}

#op520_620 {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
height:610px;
overflow:hidden;
padding:5px;
width:510px;
}

#op520_620 h2 {
font-size:2em;
padding-top:5px;
margin:0 0 20px;
}

#op520_a {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
overflow:hidden;
padding: 5px 0 5px 15px;
width:488px;
font-size: 75%;
}

#op520_a h2 {
font-size:2em;
padding-top:5px;
margin:0 0 20px;
}

#op620_620 {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
height:610px;
overflow:hidden;
padding:5px;
width:610px;
}

#op620_620 h2 {
font-size:2em;
padding-top:5px;
margin:0 0 8px;
}

#op620_790 {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
height:780px;
overflow:hidden;
padding:5px;
width:610px;
}

#op620_790 h2 {
font-size:2em;
padding-top:5px;
margin:0 0 8px;
}

#article1 {
background-image:url("../images/top_pic001.jpg");
display:inline;
float:left;
height:192px;
margin:0 30px 0 0;
overflow:hidden;
width:186px;
}

#article1 a {
color:#FFFFFF;
display:block;
opacity:0.8;
padding:100px 8px 0;
text-decoration:none;
}

#article1 a:hover {
opacity:0.5;
}

#article1 a h1 {
font-size:1.166em;
font-weight:bold;
margin:0 0 4px;
text-align:center;
}

#article1 a p {
font-size:1.11em;
margin:0;
}

#article2 {
background-image:url("../images/top_pic002.jpg");
display:inline;
float:left;
height:192px;
margin:0 30px 0 0;
overflow:hidden;
width:186px;
}

#article2 a {
color:#FFFFFF;
display:block;
opacity:0.8;
padding:100px 8px 0;
text-decoration:none;
}

#article2 a:hover {
opacity:0.5;
}

#article2 a h1 {
font-size:1.166em;
font-weight:bold;
margin:0 0 4px;
text-align:center;
}

#article2 a p {
font-size:1.11em;
margin:0;
}

#article3 {
background-image:url("../images/top_pic003.jpg");
display:inline;
float:left;
height:192px;
margin:0 30px 0 0;
overflow:hidden;
width:186px;
}

#article3 a {
color:#FFFFFF;
display:block;
opacity:0.8;
padding:100px 8px 0;
text-decoration:none;
}

#article3 a:hover {
opacity:0.5;
}

#article3 a h1 {
font-size:1.166em;
font-weight:bold;
margin:0 0 4px;
text-align:center;
}

#article3 a p {
font-size:1.11em;
margin:0;
}

#article_lec {
background-color: #CCCCCC;
border: 1px solid #959595;
font-size: 94%;
height: 90px;
margin-bottom: 5px;
padding: 5px;
width: 95%;
}

#article_lec h1{
margin: 5px;
}
#article_lec p{
font-size: 90%;
}
#article_lec img{
float: right;
height: 90px;
}

#erl {
background-image: url("../images/logo_kage.gif");
background-position: center top;
background-repeat: no-repeat;
display: inline;
float: left;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
padding-top: 145px;
text-align: center;
width: 655px;
}

#button_black {
border-top: 1px solid #7c7c7d;
background: #949494;
background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#949494));
background: -moz-linear-gradient(top, #262626, #949494);
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 13px;
text-decoration: none;
vertical-align: middle;
}

#button_black a{
color: red;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

#button_black:hover {
border-top-color: #000000;
background: #000000;
color: #ccc;
}

#button_black:active {
border-top-color: #8a8a8a;
background: #8a8a8a;
}

#movie {
background-image: url("../images/movie_icon.png");
background-position: center top;
background-repeat: no-repeat;
display: block;
height: auto;
margin: 0;
padding: 80px 7px 7px;
text-align: center;
width: 110px;
float: left;
}

#lecture_waku1 {
background-color: #EEEEEE;
border: 1px solid #C7C7C7;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 5px;
-webkit-box-shadow: 2px 2px 5px #000;
display: table-cell;
float: left;
height: auto;
margin-bottom: 15px;
margin-right: 12px;
padding: 6px;
width: 97%;
}

#lecture_waku1 h3 {
margin: 5px 0;
}

#lecture_waku1 img {
background-color: #FFFFFF;
border: 1px solid #A3A3A3;
float: right;
padding: 5px;
margin-left: 10px;
}

#lecture_waku2 {
background-color: #ffffff;
border: 1px solid #C7C7C7;
border-radius: 5px 5px 5px 5px;
display: table-cell;
float: left;
height: auto;
margin-bottom: 15px;
padding: 6px;
width: 98%;
}

#lecture_waku2 p{
margin: 3px 5px 20px 0;
}

#lecture_waku3 {
border-radius: 5px 5px 5px 5px;
display: table-cell;
float: left;
height: auto;
padding: 0 5px 2px 8px;
width: auto;
}

#lecture_waku5 {
background-color: #FFFFFF;
border: 1px solid #C7C7C7;
border-radius: 5px 5px 5px 5px;
display: table-cell;
float: left;
height: auto;
margin: 0 5px 10px 0;
padding: 0 0 5px 8px;
width: 40%;
}

#lecture_waku4 {
background-color: #FFFFFF;
border: 1px solid #C7C7C7;
border-radius: 5px 5px 5px 5px;
display: table-cell;
float: left;
height: auto;
margin-bottom: 15px;
padding: 0 5px 13px 0;
text-align: right;
width: 55%;
}

#lecture_waku4 p{
font-size: 1.1em;
margin: 6px;
}

#lecture_waku6 {
background-color: #ffffff;
border: 1px solid #C7C7C7;
border-radius: 5px 5px 5px 5px;
display: table-cell;
float: left;
height: auto;
margin-bottom: 15px;
padding: 6px;
width: 98%;
}

#lecture_waku6 p{
margin: 3px 5px 20px 0;
}

#lecture_waku6 img{
border:1px solid #E4E4E4;
float:left;
margin: 1px 2px 1px 0;
}

a.formbottan{
font:100%/150% trebuchet ms,Hiragino Maru Gothic Pro,ヒラギノ丸ゴ Pro W4,Verdana,Optima,Helvetica,Arial,sans- serif,Meiryo,"メイリオ","Osaka","MS Pゴシック";
text-decoration: none;
color: #000000;
text-shadow: -1px -1px 2px #618926;
background: -moz-linear-gradient(#98ba40, #a6c250 35%, #618926);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926));
border: 1px solid #618926;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0.5px;
padding: 5.5px 11px;
}

#boxArea{
float: right;
}
#boxArea img{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
margin-right: 4px;
padding: 0;
}

#contact{
margin: 0 auto;
padding: 20px;
width: 90%;
}

#contact table {
    width: 100%;
	border: 1px solid #ccc;
font-size: 13px;
}

.contact_form {
    border-collapse: separate;
    border-left: 3px solid #b40314;
    border-spacing: 1px;

}
.contact_form th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.contact_form td {
background-color: #e7e6e6;
padding: 4px;
}


#contact input[type="text"] {
font-size: 17px;
margin: 1.2%;
width: 70%;
}

#contact input[type="submit"] {
background-color: #b40314;
color: white;
float: right;
font-size: 17px;
font-weight: bold;
margin: 10px;
width: 22%;
}
#contact input[type="reset"] {
float: right;
font-size: 17px;
margin: 10px;
}
#contact textarea {
height: 10em;
margin: 1.5%;
width: 96%;
}

.b_senwaku{
width:100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;;
}
.b_senwaku th{
background-color: #ccc;
border-color: #ccc #fff #ccc #ccc;
border-style: solid;
border-width: 1px;
color: #444;
padding: 4px;
text-align: left;
vertical-align: top;
width: 25%;
}
.b_senwaku td{
padding: 4px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}