@charset "utf-8";
/* =import 
----------------------------------------------*/
@import url(base.css);
@import url(reset.css);
@import url(request-box.css);
@import url(cart.css);


/* hn
------------------------------------------- */
h1{
position:absolute;
top:6px;
left:19px;
}
h2{
width:552px;
height:45px;
position:absolute;
top:6px;
right:7px;
font-size:90%;
color:#ffffff;
font-weight:100;
background:url(../images/top-icon.gif) no-repeat 0 bottom;
}
h5{
width:100%;
background:url(../images/dash.gif) repeat-x 0 bottom;
padding:5px 0;
margin-bottom:10px;
}
h5 span{
padding:0 0 0 18px;
background:url(../images/allow-02.gif) no-repeat 0 4px;
}

/* common
------------------------------------------- */
.fst01{ color:#657f3d; }
.fst02{ color:#81b219; }

.box-shop{
width:200px;
border:#d0cdc1 solid 1px;
background:#f6f5ec;
padding:15px;
color:#4b3614;
}

/* link
------------------------------------------- */
a:link{ color:#00418b; text-decoration:underline; }
a:hover{ color:#00418b; text-decoration:none; }
a:visited{ color:#00418b; text-decoration:underline; }


/* pankuzu
------------------------------------------- */
#pankuzu{
margin-bottom:10px;
font-size:90%;
text-align:left;
}
#pankuzu li{
display:inline;
padding:0 3px 0 0;
}

/* title
------------------------------------------- */
.top-title{
width:100%;
height:36px;
overflow:hidden;
background:url(../images/progate-titlebg01.gif) no-repeat;
position:relative;
margin-bottom:5px;
}
.top-title h3{
color:#ffffff;
position:absolute;
top:8px;
left:10px;
}
.top-title .navi{
position:absolute;
top:6px;
right:6px;
}

h4{
width:100%;
height:27px;
text-indent:10px;
line-height:2.3em;
color:#7a0000;
margin-bottom:8px;
background:url(../images/progate-titlebg02.gif) no-repeat;
}




/* section
------------------------------------------- */
.section{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:18px;
}
.section .img-right{
display:block;
float:right;
padding:0 0 0 10px;
}
.section .img-left{
display:block;
float:left;
padding:0 10px 0 0;
text-align:center;
color:#68625a;
font-weight:bold;
}
.section span img{
display:block;
margin-bottom:5px;
}
.section .emotional{
font-weight:bold;
color:#7a0000;
}


/* textarea-01 */
.section .textarea-01 dt{
display:block;
color:#00418b;
font-weight:bold;
margin-bottom:8px;
}
.section .textarea-01 dd{
display:block;
}
.section .textarea-01 dd p{
margin-bottom:8px;
}


/* textarea-02 */
.section .textarea-02 dt{
width:100%;
display:block;
font-weight:bold;
margin-bottom:8px;
padding:0 0 5px 0;
background:url(../images/dash.gif) repeat-x 0 bottom;
}
.section .textarea-02 dt a{
display:block;
color:#00547b;
padding:0 0 0 20px;
background:url(../images/allow-04.gif) no-repeat 0 3px;
}
.section .textarea-02 dt span{
display:block;
color:#333333;
padding:0 0 0 20px;
background:url(../images/allow-04.gif) no-repeat 0 3px;
}
.section .textarea-02 dt.sub,
.sub{
background:none;
color:#00418b;
padding:0;
font-weight:bold;
}
.section .textarea-02 dd{
width:100%;
height:auto;
overflow:hidden;
display:block;
margin-bottom:10px;
}
.section .textarea-02 dd p{
margin-bottom:10px;
}


/* common */
ul.decimal{
padding-left:20px;
}
ul.decimal li{
list-style:decimal;
}



/* #left_container .box
------------------------------------------- */
#left-container .box{
width:192px;
background:url(../images/left-boxbg-bg.gif) repeat-y;
margin:0 auto 5px auto;
}
#left-container .box-hed{
background:url(../images/left-boxbg-hed.gif) no-repeat 0 top;
padding:5px 0 0 0;
}
#left-container .box-bottom{
background:url(../images/left-boxbg-bottom.gif) no-repeat scroll 0 bottom;
padding:0 0 6px 0;
text-align:center;
}

/* school-info */
#left-container .school-info{
width:181px;
margin:0 auto;
text-align:justify;
color:#858000;
font-weight:bold;
background:url(../images/left-sub-bar.gif) repeat-x 0 bottom;
}
#left-container .school-info span{
display:block;
padding:6px 8px;
}
/* school-info2 */
#left-container .school-info2{
width:181px;
margin:0 auto;
text-align:justify;
color:#01468d;
font-weight:bold;
background:url(../images/left-sub-bar2.gif) repeat-x 0 bottom;
}
#left-container .school-info2 span{
display:block;
padding:6px 8px;
}

/* banner */
#left-container .banner li{
margin:5px 0 0 0;
}

/* relation */
.relation{
width:175px;
margin:0 auto;
padding-top:10px;
text-align:left;
}
.relation dt{
display:block;
background:url(../images/allow-05.gif) no-repeat 0 3px;
padding:0 0 0 10px;
margin:0 0 5px 0;
}
.relation dd{
width:100%;
height:auto;
overflow:hidden;
display:block;
background:url(../images/dash.gif) repeat-x 0 bottom;
padding-bottom:5px;
margin-bottom:10px;
}
.relation dd img{
float:left;
margin:0 10px 0 0;
}
.relation dd p{
font-size:90%;
text-align:justify;
}
#left-container a.for-list{
display:block;
text-align:center;
font-weight:bold;
padding:0 0 8px 0;
}


/* table-style
------------------------------------------- */
table.table-style01{
width:100%;
border-top:#c5c5b6 solid 1px;
border-left:#c5c5b6 solid 1px;
margin-bottom:12px;
}
table.table-style01 th{
width:23%;
border-right:#c5c5b6 solid 1px;
border-bottom:#c5c5b6 solid 1px;
padding:5px 8px;
background:#f8f8ee;
color:#545438;
}
table.left-th th{
text-align:left;
}
table.table-style01 td{
border-right:#c5c5b6 solid 1px;
border-bottom:#c5c5b6 solid 1px;
padding:5px 8px;
}

/* list-style
------------------------------------------- */
ul.decimal{
padding-left:40px;
margin-bottom:20px;
}
ul.decimal li{
list-style:decimal;
margin-bottom:10px;
}
#privacy .section p{
margin-bottom:10px;
}

/* footer
------------------------------------------- */
#footer_container .disc{
width:763px;
margin:0 auto;
font-size:90%;
padding:7px 0;
margin-bottom:8px;
background:url(../images/footer-text-bg.gif) repeat-x 0 bottom;
}
#footer_container .return{
position:absolute;
top:0;
right:15px;
}


#footer_container .logo{
float:left;
position:absolute;
top:38px;
left:20px;
}

#footer_container ul{
width:553px;
margin-left:200px;
}
#footer_container ul li{
display:inline;
border-right:#333333 solid 1px;
padding:0 8px;
white-space:nowrap;
}
#footer_container .inside p{
padding:0 0 5px 177px;
} 


#footer_container ul li.end{
border:none;
}
#footer_container ul li.copy{
display:block;
border:none;
font-weight:bold;
color:#5a5f5f;
}
#footer_container ul li.copy a{
color:#5a5f5f;
text-decoration:none;
}

/*---------------------------

#footer_container ul{
width:763px;
margin:0 auto;
font-size:90%;
}
#footer_container ul li{
display:inline;
border-right:#616161 solid 1px;
padding-right:5px;
margin-right:3px;
}

---------------------------- */