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


/* hn
------------------------------------------- */
h1{
position:absolute;
top:0;
left:0;
}
h2{
width:509px;
height:53px;
overflow:hidden;
display:block;
text-align:left;
line-height:4.5em;
position:absolute;
top:0;
right:0;
font-weight:100;
border-right:#d5d5d5 solid 1px;
color:#1a5500;
}
h3{
margin-bottom:8px;
}
h5{
}

.return{
position:absolute;
top:5px;
right:0;
}


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


/* header
------------------------------------------- */
#header ul{
width:795px;
height:28px;
overflow:hidden;
background:url(../images/common/navi-bar.gif) no-repeat 0 6px;
position:absolute;
top:53px;
left:10px;
text-align:left;
line-height:2em;
padding:0 0 0 10px;
}
#header ul li{
float:left;
padding-right:10px;
margin-right:10px;
background:url(../images/common/navi-bar.gif) no-repeat right 6px;
}
#header ul li a{
color:#ffffff;
}




/* left_container
------------------------------------------- */
#left_container .box{
margin-bottom:4px;
}

#left_container .box2{
background:url(../images/common/free-bg.gif) repeat-y;
margin-bottom:4px;
}


#left_container .top{
padding-top:8px;
}
#left_container .textarea{
width:172px;
padding:0 6px 8px 5px;
}

/*-------------------------------背景有
#left_container .box{
background:url(../images/common/free-bg.gif) repeat-y;
margin-bottom:4px;
}
#left_container .top{
background:url(../images/common/free-top.gif) no-repeat;
padding-top:8px;
}
#left_container .textarea{
width:172px;
background:url(../images/common/free-bottom.gif) no-repeat 0 bottom;
padding:0 10px 8px 10px;
}
-------------------------------*/
#left_container ul{
width:172px;
background:url(../images/common/free-bottom.gif) no-repeat 0 bottom;
padding:0 10px 8px 10px;
}

#left_container ul li{
width:100%;
height:auto;
overflow:hidden;
padding:0 0 8px 0;
margin-bottom:5px;
background:url(../images/common/dash.gif) repeat-x 0 bottom;
}
#left_container ul li.end{
padding:0;
background:none;
}
#left_container ul li a{
display:block;
padding:0;
background:url(../images/common/allow-01.gif) no-repeat 3px 5px;
}

/* left_containerバナー追加部分
------------------------------ */

#blank_bana{
width:184px;
padding:5px 0px 8px 5px;
margin-bottom:5px;
}

#blank_bana img{
border:none;
}

/* right_container
------------------------------------------- */
#right_container .section{
width:100%;
margin-bottom:20px;
text-align:justify;
}
#right_container .section p{
margin-bottom:30px;
}
.caution{
color:#990000;
}
#right_container .section h4{
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
background:url(../images/common/lower-title02.gif) repeat-x #e6e6e6;
margin-bottom:10px;
text-align:left;
padding:10px 10px 6px 10px;
}
#right_container .section h5{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:#999999 dotted 1px;
}
#right_container .section ul.decimal{
padding-left:40px;
margin-bottom:20px;
}
#right_container .section ul.decimal li{
list-style:decimal;
margin-bottom:10px;
}




#right_container .box{
background:url(../images/common/free-r-bg.gif) repeat-y;
margin-bottom:10px;
}
#right_container .box-end{
margin:0;
}
#right_container .top{
background:url(../images/common/free-r-top.gif) no-repeat;
padding-top:10px;
}
#right_container .textarea{
width:554px;
background:url(../images/common/free-r-bottom.gif) no-repeat 0 bottom;
padding:0 15px 10px 15px;
text-align:justify;
}

/* list-img */
.list-box{
margin-bottom:10px;
}
.list-box .list{
width:100%;
overflow:hidden;
background:url(../images/common/line.gif) repeat-x 0 bottom;
margin-bottom:10px;
}
.list-box .list ul li{
width:112px;
margin:0 6px 0 0;
float:left;
background:none;
text-align:justify;
}
.list-box .end{ background:none; }
.list-box .list ul li.end{ margin:0; }
.list-box .list ul li p{
width:110px;
height:115px;
overflow:hidden;
display:block;
margin-bottom:5px;
position:relative;
}
.list-box .list ul li p a{
width:110px;
position:absolute;
bottom:0;
left:0;
text-align:center;
display:block;
padding:0;
background:0;
margin:0;
}
.list-box .list ul li a{
display:block;
padding:0 0 0 15px;
margin-bottom:10px;
background:url(../images/common/allow-02.gif) no-repeat 0 5px;
}


/* Purpose */
.purpose-01{
border:#c1daa0 solid 1px;
background:#f3f8eb;
padding:5px 0;
text-align:left;
margin-bottom:10px;
padding-bottom:13px;
}
.purpose-01 .inside{
width:560px;
background:url(../images/common/bar-p.gif) repeat-x 0 2.2em;
margin:0 auto;
}
.purpose-01 h4{
padding:3px 10px 5px 22px;
margin-bottom:10px;
background:url(../images/common/allow-03.gif) no-repeat 0 5px;
}

.purpose-02{
border:#e4d8b3 solid 1px;
background:#f4f1e4;
padding:5px 0;
text-align:left;
margin-bottom:10px;
padding-bottom:13px;
}
.purpose-02 .inside{
width:560px;
background:url(../images/common/bar02-p.gif) repeat-x 0 2.2em;
margin:0 auto;
}
.purpose-02 h4{
margin-bottom:10px;
padding:5px 25px;
background:url(../images/common/allow-04.gif) no-repeat 0 5px;
}
.purpose-01 .inside ul li,
.purpose-02 .inside ul li{
display:inline;
margin-right:5px;
padding-right:5px;
border-right:#909090 solid 1px;
}
.purpose-01 .inside ul li.end,
.purpose-02 .inside ul li.end{
border-right:none;
}
.purpose-01 .inside ul li a,
.purpose-02 .inside ul li a{
white-space:nowrap;
}





/* sitemap */
ul#sitemap{
text-align:left;
padding:10px 0 0 20px;
}
ul#sitemap li{
margin-bottom:10px;
}
ul#sitemap li a{
display:block;
padding:0 0 0 20px;
background:url(../images/common/allow-01.gif) no-repeat 3px 5px;
}
ul#sitemap li dl{
padding:0 0 0 30px;
}
ul#sitemap li dl dt{
display:block;
margin:20px 0 10px 0;
font-weight:bold;
background:#f5f5f5;
border:#a0a0a0 solid 1px;
padding:8px 13px;
color:#666666;
}


/* table-style */
.table-style01{
width:100%;
margin-bottom:15px;
border-top:#dddddd solid 3px;
}
.table-style01 th{
background:url(../images/common/lower-boxbg.gif) repeat;
padding:10px;
border-bottom:#dddddd solid 1px;
}
.table-style01 th.t-title{
border-right:#dddddd solid 1px;
}
.table-style01 span{
color:#990000;
font-weight:100;
margin:0 0 0 5px;
}
.table-style01 td{
padding:10px;
text-align:left;
border-bottom:#dddddd dotted 1px;
}
.table-style01 td textarea{
width:100%;
height:150px;
}

/* error */
#error{
border:#990000 solid 1px;
color:#990000;
}
#error td{
border:none;
text-align:center;
padding:50px 15px;
}


/* comp */
#comp td{
text-align:center;
padding:50px 15px;
}



/* pager
------------------------------------------- */
.pager{
text-align:left;
margin-bottom:10px;
padding:5px 0;
position:relative;
}
.pager ul{
padding:0 10px;
display:inline;
}
.pager ul li{
display:inline;
}



/* footer_container
------------------------------------------- */
#footer_container .textarea{
text-align:left;
margin-bottom:10px;
padding:42px 0 10px 0;
border-bottom:#b9b9b9 solid 1px;
background:url(../images/common/footer-bg.gif) repeat-x 0 24px;
}
#footer_container ul{
width:630px;
position:relative;
padding:0 0 30px 170px;
text-align:left;
font-size:90%;
}
#footer_container ul li{
display:inline;
padding:0 5px 0 0;
margin:0 5px 0 0;
border-right:#004967 solid 1px;
}
#footer_container ul li a{
color:#004967;
}
#footer_container ul li.logo{
position:absolute;
top:3px;
left:0;
padding:0;
border:none;
}
#footer_container ul li.copy{
color:#004c8d;
letter-spacing:0.001em;
display:block;
border:none;
}





/*------------------------------------------- 
 lower-page-style↓↓↓
------------------------------------------- */



/* pankuzu
------------------------------------------- */
#pankuzu{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:8px;
}
#pankuzu dt{
float:left;
}
#pankuzu dd{
float:left;
background:url(../images/common/pankuzu.gif) no-repeat 0 0;
padding:0 0 0 10px;
margin:0 0 0 10px;
color:#1a5500;
}


/* left_container
------------------------------------------- */
#left_container .lower{
margin-bottom:10px;
}
#left_container .lower .title{
width:152px;
padding:0 10px 0 30px;
height:30px;
margin-bottom:5px;
overflow:hidden;
line-height:2.7em;
background:url(../images/common/left-titlebg.gif) no-repeat 0 0;
}
#left_container .lower .title h3{
color:#ffffff;
float:left;
}
#left_container .lower .title span{
display:block;
color:#ffffff;
font-weight:bold;
float:right;
}
#left_container .lower ul{
text-align:left;
}
#left_container .lower .submit{
width:192px;
background:url(../images/common/free-bottom.gif) no-repeat 0 bottom;
padding-bottom:5px;
text-align:center;
}

/* box-inside */
#left_container .menutxt{
background:url(http://www.hokkaido-gakkou.net/images/common/allow-02.gif) no-repeat 3px 5px;
padding-left:20px;
}

/* cart
------------------------------------------- */
ul#cart{
width:165px;
background:none;
margin:0 0 8px 0;
padding-bottom:0;
}
ul.fix{
height:152px;
overflow:scroll;
overflow-x:hidden;
}
ul#cart li{
padding-bottom:6px;
background:url(../images/common/cart-dash.gif) repeat-x 0 bottom;
}
ul#cart a{
width:93px;
float:left;
}
ul#cart a.deli{
width:36px;
float:right;
padding:0;
background:none;
}



/* list-title01
------------------------------------------- */
#list-title01{
border:#3c9a46 solid 1px;
background:#4ec155;
padding:1px;
margin-bottom:10px;
}
#list-title01 h3{
padding:5px 10px;
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0;
background:url(../images/common/lower-title01.gif) repeat-x #009045; }


/* list-title02
------------------------------------------- */
#list-title02{
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
background:url(../images/common/lower-title02.gif) repeat-x #e6e6e6;
margin-bottom:10px;
text-align:left;
padding:10px 10px 6px 10px;
}

/* todoufuken 
------------------------------------------- */
#todoufuken{
width:170px;
margin:8px auto;
}
#todoufuken dl{
overflow:hidden;
}
#todoufuken dt{
width:40px;
float:left;
font-weight:bold;
color:#115589;
text-align:left;
}
#todoufuken dd{
width:120px;
font-size:90%;
float:right;
text-align:justify;
margin-bottom:3px;
padding-bottom:5px;
background:url(../images/common/cart-dash.gif) repeat-x 0 bottom;
}
#todoufuken dd a{
white-space:nowrap;
}

/* qr
------------------------------------------- */
#qr{
width:100%;
height:auto;
overflow:hidden;
}
#qr .qr-img{
width:99px;
display:block;
float:left;
}
#qr p{
width:70px;
padding:8px 0;
text-align:justify;
font-size:90%;
line-height:1.3em;
float:right;
}