@charset "EUC-JP";

/* =import 
----------------------------------------------*/
@import url(reset.css);
@import url(layout.css);



/* hn
------------------------------------------- */
h1{
position:absolute;
top:0;
left:0;
}
h2{
position:absolute;
top:23px;
left:299px;
font-weight:100;
font-size:90%;
text-align:left;
}
h4.title01{
background:url(../images/common/dot_h3.gif) repeat-x 0 bottom;
display:block;
padding:8px 0;
margin-bottom:15px;
}
h4.title01 span{
background:url(../images/common/allow_h3.gif) no-repeat 0 2px;
text-indent:20px;
display:block;
color:#333333;
}
/* safari only */
html:\66irst-child h4.title01 span{
background:url(../images/common/allow_h3.gif) no-repeat 0 0;
}
/**/

h4.title02{
width:auto;
display:block;
background:#d9e9d7;
border-bottom:#a7bda3 solid 1px;
padding:5px 0;
color:#094302;
text-indent:10px;
margin-bottom:5px;
}

h5{
}
.side_navi01{
position:absolute;
top:19px;
right:3px;
}
.side_navi02{
position:absolute;
bottom:0;
right:-2px;
_right:-5px;
}
.side_navi02 li{
float:left;
margin-right:2px;
}


/* ������㡎¦
------------------------------------------- */
.warning{
padding:10px 0   !important;
color:#9a1616    !important;
}

.fst-red{
color:#990000;
font-weight:100;
}

#left_container .kensaku{
text-align:right;
padding:8px 0 3px 0;
}
#left_container #cntbnr{
padding:0 0 0 15px;
}
#left_container #cntbnr img{
margin:4px;
}


.kensaku .btn{
vertical-align:middle;
margin-top:-2px;
}

/* QR
------------------------------------------- */
.rq-box{
width:auto;
background:#ffffff;
margin-bottom:10px;
padding:10px 0;
text-align:center;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}
.rq-box p{
display:block;
width:177px;
margin:0 auto;
text-align:justify;
font-size:90%;
}


/* contents-style01
-------------------------------------------- */
.contents-style01{
overflow:hidden;
width:100%;
padding:4px 0 0 0;
_padding:0 0 0 0;
background:url(../images/contents/contents-titletop.gif) no-repeat 0 0;
_background:url(../images/contents/contents-titletop.gif) no-repeat 0 2px;
}
.contents-style01 .title{
width:100%;
margin-bottom:10px;
padding-bottom:4px;
background:url(../images/contents/contents-titlebtom.gif) no-repeat 0 bottom;
}
#wid .contents-style01{
background:url(../images/contents/title-widtop.gif) no-repeat 0 0;
padding:4px 0 0 0;
}
#wid .contents-style01 .title{
background:url(../images/contents/title-widbottom.gif) no-repeat 0 bottom;
}
.contents-style01 .title h4{
width:auto;
overflow:hidden;
line-height:2.3em;
padding:2px 0 0 10px;
background:url(../images/contents/contents-titlebg.gif) repeat-x #fcfcfc;
position:relative;
color:#074600;
border-left:#bababa solid 1px;
border-right:#bababa solid 1px;
}
.contents-style01 h4 span{
position:absolute;
top:2px;
_top:-3px;
right:10px;
font-size:90%;
}
.contents-style01 img{
border:#d0d0d0 solid 1px;
float:left;
margin-right:15px;
}


/* link
------------------------------------------- */
a:link{ color:#007eb8; text-decoration:underline; }
body a:hover{ color:#007eb8; text-decoration:none; }
a:visited{ color:#007eb8; text-decoration:underline; }

/* pankuzu
------------------------------------------- */
.pankuzu{
text-align:left;
padding:14px 0 10px 0;
font-size:90%;
}
.pankuzu li{
display:inline;
padding-left:5px;
}
.pankuzu li a{
color:#256b0c;
}

/* left_container
------------------------------------------- */
.section{
width:100%;
margin-bottom:10px;
}
.section p{
margin-bottom:10px;
text-align:justify;
}
.section p span{
color:#256b0c;
}
#left_container .section .left{
float:left;
}
#left_container .section .right{
float:right;
}
#left_container .section .submit{
width:516px;
margin:0 auto 0 auto;
padding:5px 0 10px 0;
text-align:right;
vertical-align:middle;
}
/* right_container
------------------------------------------- */
#right_container .list_box{
width:207px;
background:url(../images/common/right-boxbg.gif) repeat-y;
margin-bottom:12px;
text-align:center;
}
#right_container .list_box ul{
background:url(../images/common/box-bottom.gif) no-repeat 0 bottom;
padding-bottom:8px;
}
#right_container .list_box ul li{
width:185px;
margin:0 auto;
text-align:justify;
display:block;
font-size:90%;
line-height:1.5em;
background:url(../images/common/wid-line.gif) repeat-x 0 bottom;
padding:7px 0;
}
#right_container .list_box ul li.btn{
background:none;
padding:5px 0 0 0;
text-align:right;
}
#right_container .list_box ul li h5{
background:url(../images/common/top_34.gif) no-repeat 0 3px;
display:block;
padding-left:13px;
color:#256b0c;
}

#right_container .news_box{
width:207px;
background:url(../images/common/box2-bg.gif) repeat-y;
margin-bottom:12px;
text-align:center;
}
#right_container .news_box ul{
border-bottom:#a2bd9b solid 1px;
padding-bottom:8px;
}
#right_container .news_box ul li{
width:185px;
margin:0 auto;
text-align:justify;
display:block;
font-size:90%;
line-height:1.5em;
padding:7px 0;
background:url(../images/common/wid-line.gif) repeat-x 0 bottom;
}
#right_container .news_box ul li.btn{
background:none;
padding:5px 0 0 0;
text-align:right;
}
#right_container .news_box ul li h5{
background:url(../images/common/top_34.gif) no-repeat 0 3px;
display:block;
padding-left:13px;
color:#256b0c;
}



#right_container #style01 ul li h5{
color:#0c41ad;
background:url(../images/school/detail_allow01.gif) no-repeat 0 3px;
}
#right_container #style02 ul li h5{
color:#cc6900;
background:url(../images/school/detail_allow02.gif) no-repeat 0 3px;
}

#right_container .list_box ul li a{
color:#256b0c;
text-decoration:underline;
margin:3px 0;
display:block;
}
#right_container .list_box ul li a:hover{
text-decoration:none;	
}


#right_container .list_box02{
width:100%;
}
#right_container .list_box02 ul li{
margin-bottom:7px;
}

#right_container .list_box03{
width:100%;
background: #fff;
}
#right_container .list_box03 ul li{
margin-bottom:7px;
}

/* content_box01
------------------------------------------- */
.content_box01{
width:100%;
background:url(../images/common/content_box01-bottom.gif) no-repeat 0 bottom;
padding-bottom:4px;
}
.content_box01 h3{
padding-bottom:10px;
}
.content_box01 .inside{
width:100%;
background:url(../images/common/content_box01-bg.gif) repeat-y;
padding-bottom:8px;
text-align:center;
}
.content_box01 .inside .top{
width:100%;
padding:14px 0 0 0;
background:url(../images/common/section-top.gif) no-repeat 0 0;
text-align:center;
}
.content_box01 .inside #top{
background:url(../images/common/school-info.gif) no-repeat;
padding-top:47px;
}
.content_box01 .inside .top #section{
width:516px;
margin:0 auto;
overflow:hidden;
text-align:justify;
}

.content_box01 .inside .top .schoolsection{
width:516px;
margin:0 auto;
overflow:hidden;
text-align:justify;
margin-bottom: 10px;
}

.content_box01 .inside .top img{
float:left;
margin-right:15px;
border:#bebebe solid 1px;
}
.content_box01 .inside .top img.new{
border:none;
margin:0;
float:none;
vertical-align:middle;
}
.content_box01 .inside .top img.btn{
border:none;
margin:0;
vertical-align:middle;
}

.content_box01 .inside .top a.title{
background:url(../images/common/title-allow.gif) no-repeat 0 0;
color:#0c3800;
text-decoration:underline;
font-weight:bold;
padding:1px 0 5px 22px;
}
.content_box01 .inside .top p{
padding:10px 0;
font-size:90%;
}
.content_box01 .inside .top p a{
white-space:nowrap;
color:#004568;
}
/* �ع�̾�Ǹ���box */
.content_box01 .inside .top #kensaku .kensaku-submit{
float:none;
vertical-align:middle;
margin:0 0 0 5px;
}
.content_box01 .inside .top #kensaku{
width:516px;
margin:0 auto;
padding:0 0 3px 0;
background:url(../images/common/kensaku-title.gif) no-repeat 0 5px;
text-align:right;
}
.content_box01 .inside .top #kensaku .text{
width:265px;
height:18px;
vertical-align:middle;
}
/* �ع�̾�Ǹ���box */

/* mini-box */
.content_box01 .inside .mini-box{
width:516px;
margin:10px auto;
background:url(../images/common/mini-boxbg.gif) repeat-y;
}
.content_box01 .inside .mini-box .mini-top{
background:url(../images/common/mini-boxtop.gif) no-repeat 0 0;
}
.content_box01 .inside .mini-box .mini-bottom{
width:100%;
background:url(../images/common/mini-boxbottom.gif) no-repeat 0 bottom;
text-align:center;
padding:8px 0;
}
.content_box01 .inside .mini-box .mini-bottom .navi-02{
width:496px;
margin:0 auto 10px auto;
}
.content_box01 .inside .mini-box table{
width:496px !important;
background:url(../images/common/mini-tablebg.gif) repeat-y !important;
margin:0 auto;
}
.content_box01 .inside .mini-box .bottom{
width:496px !important;
background:url(../images/common/mini-tablebottom.gif) no-repeat 0 bottom;
margin:0 auto 5px auto;
}
.content_box01 .inside .delete{
float:left;
}





/* mini-box */




/* table_style */
.content_box01 .inside .bottom{
width:516px;
margin:0 auto 5px auto;
padding-bottom:3px;
background:url(../images/common/table-01bgbottom.gif) no-repeat 0 bottom;
}
.content_box01 .inside .bottom table{
width:100%;
text-align:left;
font-size:100%;
background:url(../images/common/table-bg.gif) repeat-y;
}
.content_box01 .inside .bottom table th{
width:132px;
background:url(../images/common/table01th-topleft.gif) no-repeat left top;
color:#ffffff;
font-weight:100;
text-align:center;
}
.content_box01 .inside .bottom table td{
padding:8px 15px;
background:url(../images/common/table01th-topright.gif) no-repeat right top;
}
/* list */
.content_box01 .inside .bottom table td ul li{
width:88px;
float:left;
}
.content_box01 .inside .bottom table td ul li.arr{
width:176px;
}
.content_box01 .inside .bottom table td span{
color:#990000;

font-size:90%;
}
.content_box01 .inside .bottom table td ul li.wid{
width:100%;
display:block;
padding:0 0 8px 0;
margin-bottom:10px;
background:url(../images/common/wid-line.gif) repeat-x 0 bottom;
}
.content_box01 .inside .bottom table td ul li.wid input{
vertical-align:middle;
margin:0 10px;
}
.content_box01 .inside .bottom table td ul li#end{
padding-top:15px;
}
.content_box01 .inside .bottom table td ul li#end1{
padding-top:15px;
}
.content_box01 .inside .bottom table td ul li h4{
display:inline;
}
.content_box01 .bottom table input{
margin-right:8px;
}




/* content_box02
------------------------------------------- */
.content_box02{
width:100%;
overflow:hidden;
}
.content_box02 .left{
width:267px;
float:left;
}
.content_box02 .right{
width:267px;
float:right;
}



/* footer_container
------------------------------------------- */
#footer_container .inside{
width:100%;
padding:18px 0 0 0;
background:url(../images/common/footer-bg02.gif) repeat-x 0 top;
text-align:left;
}
#footer_container .inside .textarea{
text-align:justify;
padding-bottom:10px;
}
#footer_container .inside p{
padding:5px 0 0 180px;
}
#footer_container .inside ul{
padding:5px 0 0 180px;
}
#footer_container .inside ul li{
display:inline;
border-right:#333333 solid 1px;
padding:0 8px;
}
#footer_container .inside ul li.left{
padding:0 8px 0 0;
}
#footer_container .inside img{
position:absolute;
top:45px;
left:0;
}

/* manager */
#school #footer_container p,
#admin #footer_container p{
padding-top:15px;
}


/* ����

-------------------------------------------------------*/
/* ���򤵤줿�ع�--------------------*/
#select-title{
width:100%;
height:35px;
background:url(../images/common/select-title.gif) no-repeat;
position:relative;
}
#select-title span{
position:absolute;
top:10px;
right:10px;
color:#ffffff;
}
.select-box{
width:205px;
_width:207px;
border-left:#276c04 solid 1px;
border-right:#276c04 solid 1px;
border-bottom:#276c04 solid 1px;
background:url(../images/common/select-bg.gif) repeat-x 0 0 #148512;
margin-bottom:10px;
padding:9px 0;
text-align:center;
}
.select-box ul{
width:187px;
height:160px;
margin:0 auto 9px auto;
_margin:0 0 9px 0;
overflow:scroll;
overflow-x:hidden;
}
#fix ul{
height:auto;
overflow:auto;
}
.select-box ul li{
display:block;
background:#ffffff;
margin-bottom:1px;
overflow:hidden;
padding:8px 10px 8px 10px;
text-align:justify;
}
.select-box ul li a{
width:90px;
display:block;
}
.select-box ul li .deli{
float:right;
}
/* ���򤵤줿�ع�������ʾ��ɲý���ޤ��� */
.select-box ul li.caution{
text-indent:5px;
font-size:90%;
background:url(../images/common/bg.gif) repeat-x;
color:#ffffff;
border-top:#6a975a solid 1px;
}

/* ��ʪbox --------------------*/
.person-box{
width:100%;
overflow:hidden;
border-top:#9ec897 solid 1px;
border-bottom:#9ec897 solid 1px;
background:url(../images/school/detail_rightbox-bg.gif) repeat-y;
margin-bottom:10px;
}
.person-box .inside{
_width:201px;
background:#ffffff;
padding:5px;
margin:3px;
font-size:90%;
overflow:hidden;
}
.person-box img{
border:#cccccc solid 1px;
float:left;
margin-right:10px
}
.person-box a{
color:#005991;
font-weight:bold;
margin-bottom:5px;
display:block;
}
.person-box p{
line-height:1.5em;
}