@charset "UTF-8";
@import url(../css/reset.css);

/*
濃い：#8bcf5e
薄い：#d9f5c6

アンカ：#0fcc5b
オーバ：#11e6d1
オレンジ：#ffcc00
*/


/* pages */
body{
font-size: 85%;
background: #d9f5c6;
color: #333;
line-height: 1.6;
font-family: Verdana, sans-selif;
text-align: center;
}
#container{
width: 904px;
position: relative;
margin-right: auto;
margin-left: auto;
text-align: left;
background: #fff url(img/5dot.gif) 177px 0 repeat-y;
}
#page{
border-width: 0 2px;
border-style: solid;
border-color: #c3dc82;
}
#header #conso{
height: 55px;
padding: 0 12px;
background: #fff url(../img/header_bg.gif) repeat-x center center;
}
#contents{
padding-bottom: 36px;
position: relative;
}
#main{
float: right;
width: 720px;
padding-top: 24px;
}

#goconso{
width: 876px;
padding: 3px 12px;
background: #fff url(../img/header_bg.gif) left center repeat-x;
}
#header #goconso a{
display: block;
width: 192px;
height: 15px;
text-indent: -9999px;
background: transparent url(img/conso.gif) left center no-repeat;

}


/* =side */
#side{
width: 175px;
padding-top: 5px;
line-height: 1.2;
}
#side ul{
margin: 0 0 50px 5px;
padding: 0;
list-style: none;
}
#side li{
margin-bottom: 5px;
}
#side li a{
display: inline-block;
/*\*/display: block; /**/
margin-right: 5px;
padding: 6px 3px 9px;
height: 2.4em;
background: #d9f5c6;
border-left: 5px solid #97ee41;
color: #408314;
}
#contents>#side li a{
height: auto;
min-height: 2.4em;
}
#side li a:hover{
border-color: #8affc7;
background: #ccffa9;
}
#top #Mtop a,
#about #Mabout a,
#univ #Muniv a,
#program #Mprogram a,
#teacher #Mteacher a,
#record #Mrecord a,
#coordinator #Mtraining a,
#effect #Meffect a,
#media #Mmedia a,
#link #Mlink a{
margin-right: 0;
background: #8bcf5e;
color: #fff;
border: none;
font-weight: bold;
}
#side p{
margin: 5px;
text-align: center;
}


/* =footer */
#footer{
clear: both;
padding-top: 60px;
text-align: right;
}
#footer address{
padding: 6px;
background-color: #8bcf5e;
color: #fff;
}


/* common */
a{
color: #0fcc5b;
text-decoration: none;
}
a:hover{
color: #11e6d1;
}
img{
border: none;
vertical-align: bottom;
}
em{
font-weight: bold;
color: #b22222;
}
hr{
clear: both;
width: 0;
height: 0.1px;
margin: 0;
padding: 0;
visibility: hidden;
}
.gotop{
text-align: right !important;
}
.figure{
margin: 12px 0 0!important;
padding: 0 !important;
text-align: center !important;
}
.figure img{
margin-bottom: 12px;
}
.sub{
margin: 10px;
text-align: right;
font-size: 90%;
}
#main .copy{
font-family: 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', serif;
font-size: 200%;
color: #8bcf5e;
}


/* hx */
h1{
height: 95px;
text-align: right;
background: url(img/5dot.gif) left bottom repeat-x;
}
h1 a{
display: block;
padding-bottom: 5px;
background: url(img/EforF.gif) left top no-repeat;
}
h2{
margin-bottom: 20px;
padding: 5px 10px;
border-bottom: 5px solid #d9f5c6;
font-size: 180%;
color: #999;
}
h3{
margin-top: 20px;
margin-bottom: 10px;
padding: 0 20px;
border-bottom: 1px dotted #d9f5c6;
font-size: 120%;
}
.aa h3{
margin-bottom: 10px;
padding: 5px;
border-left: 5px solid #ffcc00;
border-bottom: none;
font-size: 130%;
color: #111;
letter-spacing: 1px;
}
.aa h3 span{
display: block;
font-size: 80%;
color: #999;
letter-spacing: 0;
}
h4{
margin: 12px 0 0;
font-weight: bold;
}


/* normal */
.aa{
margin: 0 20px 20px;
}
.aa p{
padding: 0 12px;
text-align: justify;
}
table{
margin: 10px auto;
border-collapse: collapse;
}
th,td{
padding: 1px 3px;
border: 1px solid #ccc;
}
th{
text-align: center;
background: #eee;
}


/* top */
#top #main{margin: 0;padding: 0;}
#top .news{
padding-top: 20px;
padding-left: 90px;
}
#top .news h2{
margin-bottom: 12px;
padding: 5px;
border: none;
font-size: 150%;
color: #ffcc00;
}
#top .news ol{
list-style: circle;
margin-left: 24px;
}
.topimg{
width: 100%;
height: 150px;
background: url(img/topimg.jpg) left top no-repeat;
text-indent: -9999px;
}
#top #topmsg{
padding: 24px 36px;
border-top: 5px solid #d9f5c6;
}
#top #topmsg em,
#top #topmsg strong{
border-bottom: 1px dotted #8bcf5e;
color: #111;
font-weight: bold;
vertical-align: bottom;
}
#top #topmsg .def{
display: block;
margin: 6px 0;
padding: 12px 36px;
border: none;
background: #f4f9eb url(img/topmsg_def.gif) top center no-repeat;
}


/* link */
#link dl{
margin: 10px;
}
#link dt{
padding: 10px 10px 10px 25px;
background: url(img/symbol2.gif) left center no-repeat;
border-width: 1px 1px 0;
border-style: solid;
border-color: #ccc;
}
#link dd{
margin-bottom: 30px;
padding: 0 10px 10px 50px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #ccc;
color: #666;
}


/* program */
#program #main ul{
margin: 24px 0;
}
#program #main ul li span{
color: #ffa500;
}
.prgrm_cntn{
margin: 0 20px 50px;
padding: 10px 20px;
border: 1px solid #ccc;
}
.prgrm_cntn h3{
font-size: 180%;
border-bottom: 3px solid #999;
}
.prgrm_cntn h3 span{
display: block;
font-size: 80%;
}
.prgrm_cntn h4{
margin: 20px 0 5px;
font-weight: bold;
font-size: 120%;
}
.prgrm_cntn .fig{
margin: 0;
padding: 0;
}
.prgrm_cntn .cnsp{
padding: 1em 0;
}
#program .gopage{
text-align: right;
margin-right: 12px;
}
#program .gotop a{
padding-left: 12px;
background: url(img/icon_gotop.gif) left center no-repeat;
}
#program .grade,
#program .class{
text-align: center;
}
#program .pn{
text-align: right;
}



/* jump */
ul.jump{
margin: 0 10px 10px;
padding: 2px 0;
padding-left: 1em;
list-style: none;
text-align: center;
}
.jump li{
display: inline;
margin: 0 0.5em;
}
.jump li a{
padding-left: 12px;
background: url(img/right.gif) left center no-repeat;
color: #999;
}
.jump li a:hover{
text-decoration: underline;
}
.bg .Jabout a,
.purpose .Jpurpose a,
.chara .Jchara a,
.network .Jnetwork a,
.result .Jresult a,
.can .Jcan a,
.guide .Jguide a,
.method .Jmethod a{
border-width: 3px;
font-size: 140%;
font-weight: bold;
text-decoration: none !important;
}



/* record */
#record #main ul{
margin: 0;padding: 0;
list-style: none;
}
#record #main li{
margin: 0 0 5px;
padding: 2px 6px;
border-width: 1px 1px 1px 5px;
border-style: solid;
border-color: #ccc;
}
#record #main li span{
display: block;
margin-right: 1em;
}


/* effect */
.ability{
list-style: inside decimal;
}
.ability li{
margin-right: 3em;
float: left;
}
#effect #main p{
clear: both;
}


/* about */
p.fig{
margin-top: 24px;
text-align: center;
}
#about strong{
margin: 0 0.5em;
border-bottom: 3px double #fc3;
font-size: 120%;
}



/* coordinator */
#coordinator .notice{
margin: 10px;
padding: 10px;
border: 1px dashed #ccc;
}
#coordinator .notice .add{
border-top: 1px dashed #ccc;
color: #666;
font-size: 90%;
}