@import url(reset.css);
@media tty {i{content:"\";/*" "*/}} @import 'wie5x.css'; /*";}}/* */
@media screen,tv,projection,print {



/* html
-------------------------------------------------- */

html{
margin:0;
padding:0;
color:#555;
letter-spacing:0.05em;
border-top:3px solid #489932;
}


/* default
-------------------------------------------------- */

#wrapper{
width:760px;
margin:0px auto;
}


/* header
-------------------------------------------------- */

#header {
width:760px;
height:107px;
position:relative;
text-align:left;
padding-top:20px;
}

#header p#logo {
position:absolute;
top:20px;
left:0;
}

#header-contents {
width:390px;
height:35px;
background:#f2f2e3;
border:1px solid #cac4ae;
margin:3px 0 0 369px;
position:relative;
}

#header-navigation {
width:288x;
height:20px;
margin:0 0 0 478px;
}

#header-navigation ul li{
float:left;
}

#header-contents span.intext input{
position:absolute;
top:6px;
left:176px;
margin:0;
padding:2px 0 0 4px;
width:164px;
height:15px;
border:1px solid #cfcfcf;
color:#666;
vertical-align:top;
letter-spacing:0;
}
#header-contents button.search {
position:absolute;
top:6px;
left:346px;
text-indent:-9999px;
background:url(../img/btn_search.gif) no-repeat top left;
border:0 none;
width:35px;
height:21px;
margin:0;
padding:0;
cursor:pointer;
vertical-align:text-bottom;
}

/* font-change
-------------------------------------------------- */

#font-change {
position:absolute;
top:7px;
left:12px;
}
#font-change ul {
padding:0 0 0 88px;
margin:0;
background:url(../img/font-size_txt.gif) no-repeat center left;
list-style:none;
height:19px;
width:79px;
overflow:hidden;
}
#font-change ul li{
margin:0;
padding:0;
float:left;
}
li#switchFontSizeSmall span{
background:url(../img/btn_size-s.gif) no-repeat 0 0;
display:block;
margin:0 3px 0 0;
padding:0;
width:19px;
height:19px;
cursor:pointer;
}
li#switchFontSizeMedium span{
background:url(../img/btn_size-m.gif) no-repeat 0 0;
display:block;
margin:0 3px 0 0;
padding:0;
width:19px;
height:19px;
cursor:pointer;
}
li#switchFontSizeBig span{
background:url(../img/btn_size-l.gif) no-repeat 0 0;
display:block;
margin:0 3px 0 0;
padding:0;
width:19px;
height:19px;
cursor:pointer;
}
#font-change div#fontsizeControl li.active span{
background-position:0 -19px;
display:block;
margin:0 3px 0 0;
padding:0;
height:19px;
}
#font-change p.noscript{
font-size:70%;
margin:5px 0 0 0;
color:#001f6a;
text-decoration:underline;
}

/* global-navigation
-------------------------------------------------- */

#global-navigation {
height:45px;
width:760px;
position:absolute;
top:81px;
left:0;
}

#global-navigation ul:after{
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

#global-navigation ul {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #global-navigation ul {
height: 1%;
}

#global-navigation ul
{display: block;}
/* End hide from IE-mac */

#global-navigation ul li{
float:left;
}


/* footer
-------------------------------------------------- */
#footer{
border-top:1px solid #cac4ae;
padding-top:10px;
clear:both;
}

#footer ul:after,
#footer:after{
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

#footer ul,
#footer {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #footer ul,
* html #footer {
height: 1%;
}

#footer ul,
#footer
{display: block;}
/* End hide from IE-mac */

#footer ul{
float:left;
background:url(../img/fotter-link-bar.gif) no-repeat center left;
}

#footer ul li{
float:left;
background:url(../img/fotter-link-bar.gif) no-repeat center right;
padding:0 7px;
font-size:11px;
line-height:1;
}

#footer ul li a{
color:#555;
}

#footer #copy{
float:right;
}



/* index container
-------------------------------------------------- */
.index h1{
margin-bottom:30px;
}

.index #contents{
float:left;
width:540px;
}

.index #contents h2{
margin-bottom:0.7em;
}

.index #contents .box .box-in h3{
margin:0 28px 1.2em 25px;
background:none;
padding:0;
}

.index #contents p.border-dot{
padding-bottom:1em;
background:url(../img/dot01.gif) repeat-x bottom left;
}

.index #contents .box{
background:url(../index_img/box_shadow_head.gif) no-repeat top left;
width:540px;
padding:9px 0 0 0;
}

.index #contents .box-in{
background:url(../index_img/box_shadow_bg.gif) no-repeat bottom left;
padding:1.5em 0;
border:0;
}

.index #contents .box .box-in p,
.index .box .box-in .f-right{
margin-left:25px;
margin-right:28px;
}

.index .box .box-in ol{
margin-left:48px;
}


.index .numlist-green{
font-weight:bold;
}

.index .numlist-green li .black{
font-weight:normal;
}

.index .data{
border:1px solid #cac4ae;
}

.index .data tr th{
font-weight:normal;
border:0;
background:#f2f2e3 url(../img/table_dot.gif) repeat-x bottom left;
padding:0.5em 13px 0.8em;
}

.index .data tr td{
border:0;
background:#fff url(../img/table_dot.gif) repeat-x bottom left;
padding:0.5em 13px;
}





/* banner area
-------------------------------------------------- */

#banner-area{
width:200px;
float:right;
margin-bottom:3em;
}

#banner-area ul li{
margin-bottom:5px;
}




/* container
-------------------------------------------------- */
h1{
margin-bottom:18px;
}



/* side-contents
-------------------------------------------------- */

#side-contents {
float:left;
width:200px;
text-align:left;
}

#side-navigation {
padding-bottom:8px;
background:#f2f2e3;
padding-top:5px;
padding-bottom:5px;
}

#side-navigation ul{
width:192px;
margin:0 auto;
border:1px solid #cac4ae;
}





/* contents
-------------------------------------------------- */

#container:after{
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

#container {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #container {
height: 1%;
}

#container
{display: block;}
/* End hide from IE-mac */


#container{
width:760px;
text-align:left;
}


#contents{
float:right;
width:540px;
margin-bottom:3em;
}

#contents h2{
margin:2em 0 1.2em;
}

#contents h2.h2-top{
margin-top:0;
}


#contents h3 {
font-weight:bold;
padding-bottom:0.6em;
padding-top:0.6em;
margin:1.56em 0 1em 0;
background:url(../img/list02.gif) #f2f2e3 no-repeat 9px 0.9em;
padding-left:22px;
}

#contents h4 {
color:#489932;
font-weight:bold;
margin:1.6em 0 0.5em 0;
}



/* common
-------------------------------------------------- */
#contents p{
margin:0 0 1em 0;
line-height:1.8;
}

body #contents .w10{width:10%;}
body #contents .w20{width:20%;}
body #contents .w30{width:30%;}
body #contents .w35{width:35%;}
body #contents .w40{width:40%;}
body #contents .w50{width:50%;}
body #contents .w60{width:60%;}
body #contents .w70{width:70%;}
body #contents .w80{width:80%;}
body #contents .w90{width:90%;}
body #contents .w100{width:100%;}


.pagetop{
text-align:right;
padding-top:2em;
margin-bottom:1em;
}

.pagetop a{
background:url(../img/arrow_pagetop.gif) no-repeat 0 4px;
padding-left:12px;
}

.center,
tr.center td ,
tr.center th {
text-align:center;
}

.left,
tr.left td,
tr.left th {
text-align:left;
}

.right,
tr.right td,
tr.right th {
text-align:right;
}


a.link-pdf{
padding-left:20px;
display: inline-block;
background:url(../img/pdf.gif) no-repeat 0px 3px;
}


/* table
-------------------------------------------------- */
.data,
.date{
border-collapse:collapse;
border-left:1px solid #cac4ae;
border-top:1px solid #cac4ae;
background:#fff;
margin-bottom:1em;
}

.date{
width:100%;
}

.date tr th,
.data tr th{
border-bottom:1px solid #cac4ae;
border-right:1px solid #cac4ae;
padding:0.5em 10px 0.5em;
background:#f2f2e3;
font-weight:bold;
white-space:nowrap;
}

.date tr td,
.data tr td{
border-bottom:1px solid #cac4ae;
border-right:1px solid #cac4ae;
padding:0.5em 10px;
}

.date tr td{
text-align:center;
vertical-align:top;
}

#contents .date tr td p{
line-height:1.4;
margin-bottom:0;
text-align:left;
}

.date tr.end th,
.date tr.end td,
.data tr.end th,
.data tr.end td{
background-image:none;
padding-bottom:0.5em;
}

.nowrap{
white-space:nowrap;
}

.staff{
width:100%;
}

.staff tr td{
text-align:center;
padding:0.8em 20px 0.8em 20px;
width:33%;
}

.date td p{
margin-bottom:0;
}

.date th{
width:17%;
}

.date th.time{
width:10%;
}

.date td.middle{
vertical-align:middle;
}



/* list
-------------------------------------------------- */
.numlist-green{
list-style-type:decimal;
color:#489932;
margin-left:23px;
margin-bottom:1em;
}

.numlist-green li{
margin-bottom:0.3em;
line-height:1.6;
font-weight:bold;
}

.numlist-green li .black{
color:#555;
font-weight:normal;
}


.numlist{
list-style-type:decimal;
margin-left:23px;
margin-bottom:1em;
}

.numlist li{
margin-bottom:0.3em;
line-height:1.6;
}



ul.list-dc{
margin-left:5px;
margin-bottom:1em;
padding:0;
}

ul.list-dc li{
padding-left:12px;
background:url(../img/list01.gif) no-repeat 0px 0.5em;
margin-bottom:0.6em;
line-height:1.6;
}

ul.list-dc li ul{
margin-top:0.2em;
}

ul.list-dc li ul li{
padding-left:8px;
background:url(../img/list03.gif) no-repeat 0px 0.5em;
margin-bottom:0.2em;
}


table tr td ul.list-dc{
margin:0;
}

table tr td ul.list-dc li{
margin-bottom:0.1em;
line-height:1.4;
}

.list-em{
text-indent:-1em;
padding-left:1em;
}

ul.list-link{
margin-left:5px;
margin-bottom:1em;
padding:0;
}

ul.list-link li{
padding-left:12px;
background:url(../img/arrow02.gif) no-repeat 0px 0.6em;
margin-bottom:0.6em;
line-height:1.6;
}




/* float
-------------------------------------------------- */
.f-left{
float:left;
}

.f-right{
float:right;
margin-bottom:0;
}

.f-right,
.f-right-150px{
padding-left:10px;
}

.f-right p{
text-align:center;
}

.f-lr img.left{
float:left;
margin-bottom:1em;
}

.f-lr img.right{
float:right;
margin-bottom:1em;
}

.f-right {float:right; margin:0 0 1em 20px; display:inline;}
.f-left {float:left; margin:0 20px 1em 0; display:inline;}

div.inside #contents .f-left,
div.inside #contents .f-right{
width:250px;
}

.f-right-150px{
float:right;
margin-bottom:0;
width:150px;
}

.caption{
width:200px;
display:block;
font-size:90%;
}

.caption250{
width:250px;
display:block;
font-size:90%;
line-height:1.4;
margin-top:0.2em;
}

#contents .no-mb{
margin-bottom:0;
}

/* box
-------------------------------------------------- */

.box{
background:#f2f2e3;
padding:4px;
margin-bottom:1.2em;
}

.box .box-in{
border:1px solid #ccc6b1;
background:#fff;
padding:1em 0;
}

#contents .box .box-in p{
margin-left:15px;
margin-right:15px;
}

.box .box-in .numlist-green{
margin-left:38px;
}

.box .box-in .end{
margin-bottom:0;
}

.box .no-pt{
padding-top:2px;
}


.box-in:after{
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

.box-in {
width:100%;
display: inline-block;
} 

/* Hides from IE-mac \*/
* html .box-in {
height: 1%;
}

.box-in
{display: block;}
/* End hide from IE-mac */


#contents .box .box-in h3{
margin:0px 2px 0.7em;
}

#contents .box .box-in h4{
margin:0px 15px 0.7em;
}

.box .box-in .list-dc{
margin:0 15px;
}

.box .box-in .list-dc li{
margin-bottom:0.2em;
}

.box .box-in .numlist{
margin:0 36px 1em;
}


.box .map .center{
padding-top:1em;
}

.box .map .f-left{
width:250px;
margin:15px 0 0 10px;
}

.box .map .f-right{
width:250px;
margin:15px 10px 0 0;
}

.box .map .numlist{
margin-left:23px;
}

.box .map .numlist li{
list-style-type:none;
padding-left:25px;
}

.box .map .numlist li.num01{ background:url(../../img/no01.gif) no-repeat 0 2px; }
.box .map .numlist li.num02{ background:url(../../img/no02.gif) no-repeat 0 2px; }
.box .map .numlist li.num03{ background:url(../../img/no03.gif) no-repeat 0 2px; }
.box .map .numlist li.num04{ background:url(../../img/no04.gif) no-repeat 0 2px; }
.box .map .numlist li.num05{ background:url(../../img/no05.gif) no-repeat 0 2px; }
.box .map .numlist li.num06{ background:url(../../img/no06.gif) no-repeat 0 2px; }
.box .map .numlist li.num07{ background:url(../../img/no07.gif) no-repeat 0 2px; }
.box .map .numlist li.num08{ background:url(../../img/no08.gif) no-repeat 0 2px; }
.box .map .numlist li.num09{ background:url(../../img/no09.gif) no-repeat 0 2px; }
.box .map .numlist li.num10{ background:url(../../img/no10.gif) no-repeat 0 2px; }

#contents .img-in{
padding:20px 0;
}

#contents .img-in p{
margin-bottom:0;
}

/* bread
-------------------------------------------------- */


#bread {
/*
text-align:right;
*/
font-size:80%;
margin-bottom:1.6em;
line-height:1.4;
clear:both;
overflow:hidden;
}

#bread ol:after{
display:block;
clear:both;
height:0;
}

#bread ol{
display: inline-block;
}
 
/* Hides from IE-mac \*/
* html #bread ol {
height: 1%;
}

#bread ol{display: block;}
/* End hide from IE-mac */

#bread ol li {
float:left;
text-align:right;
display:block;
letter-spacing:0;
}

#bread ol li.bread-home {
float:left;
text-align:right;
display:block;
padding-bottom:0;
}

#bread ol li a{
background:url(../../common/img/arrow_bread.gif) no-repeat right center;
padding-right:12px;
margin-right:7px;
}

#bread ol li.bread-home a{
padding-right:12px;
margin-right:7px;
}

#bread ol li a:link{
color:#fb9e61;
background-color:inherit;
text-decoration:none;
}

#bread ol li a:visited{
color:#fb9e61;
background-color:inherit;
text-decoration:none;
}

#bread ol li a:hover,a:active{
color:#090;
background-color:inherit;
text-decoration:none;
}


a.link-icon{
margin-left:5px;
padding-left:15px;
}

a.link-icon:link,
a.link-icon:visited{
text-decoration:underline;
background:url(../img/arrow02.gif) no-repeat 5px 6px;
}

a.link-icon:hover,
a.link-icon:active{
background:url(../img/arrow01.gif) no-repeat 5px 6px;
text-decoration:none;
}

p.link-icon{
margin-left:5px;
padding-left:15px;
background:url(../img/arrow02.gif) no-repeat 5px 0.6em;
}

a.link-blank{
display:inline-block;
padding-left:28px;
background:url(../img/blank.gif) no-repeat 5px 0.5em;
}


/* popup
-------------------------------------------------- */

#popup{
border:0;
background:url(../img/popup_head_bg.gif) repeat-x top left;
}

#popup #header{
margin:0px auto;
width:500px;
height:63px;
margin-bottom:15px;
padding:0;
position:static;
}

#popup #header #logo{
margin:10px 0 0 0;
padding:0;
position:static;
}

#popup #container{
clear:both;
width:500px;
margin:0 auto;
float:none;
}

#popup #contents{
width:460px;
padding:0;
margin:0 20px;
}

#popup #contents h1{
padding-top:0;
margin-bottom:1.5em;
}

#popup .intro .photo{
margin-bottom:0.2em;
}

#popup .intro .name{
line-height:1.4;
margin-left:5px;
}

#popup .intro .name .grade{
color:#489932;
}

#popup .intro .f-left{
width:110px;
margin-right:0;
margin-bottom:0;
}

#popup .intro .f-right{
width:340px;
margin-left:0;
margin-bottom:0;
}

#popup .intro .f-right p{
text-align:left;
}

#popup .intro .f-right .h2-top{
margin-top:0px;
}



#popup .intro:after {
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

#popup .intro {
display: inline-block;
margin-bottom:1.5em;
} 

/* Hides from IE-mac \*/
* html #popup .intro {
height: 1%;
}

#popup .intro
{display: block;}
/* End hide from IE-mac */

#popup h2{
font-weight:bold;
padding-bottom:0.6em;
padding-top:0.6em;
margin:1.56em 0 1em 0;
background:url(../img/list02.gif) #f2f2e3 no-repeat 9px 12px;
padding-left:22px;
border-top:2px solid #489932;
}

#popup .close{
border-top:1px solid #cac4ae;
padding-top:1.5em;
margin-bottom:2em;
text-align:center;
}



/* Not found */



#contents .margin-bottom{
margin-bottom:3em;
}

#contents .box .box-in ul.list-dc .margin-bottom{
margin-bottom:1.5em;
}




/* clearfix
-------------------------------------------------- */

.clearfix:after {
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

.clearfix {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix
{display: block;}
/* End hide from IE-mac */

}




@media print{
html{
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.4;
word-spacing:1.1pt;
letter-spacing:0.2pt;
color:#000;
background:none;
font-size:12pt;
font-family:serif;
}

* html body{
zoom:85%;
}

#header-contents,
#footer ul,
.pagetop,
#side-contents{
display:none;
}

#contents{
width:100%;
float:none;
}

#contents h2{
background:url(../img/h2_print_bg.gif) repeat-x bottom left;
}

#contents h3{
font-size:11pt;
}

#global-navigation li{
list-style-type:none;
}

.box .map .f-left,
.box .map .f-right{
width:48% !important;
}

* html .box .map .f-left,
* html .box .map .f-right{
width:45% !important;
}




}