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


/* hn
------------------------------------------- */
h1{
position:absolute;
top:0;
left:0;
}
h2{
width:380px;
height:44px;
overflow:hidden;
display:block;
text-align:left;
position:absolute;
top:0;
right:0;
padding-top:9px;
font-weight:100;
border-right:#d5d5d5 solid 1px;
color:#dd4e73;
}
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;
}

/* pager
------------------------------------------- */
.pager{
width:100%;
}
.pager li{
display:inline;
margin-right:1px;
}
.pager .count{
display:block;
margin-bottom:5px;
}
.pager .count span{
font-weight:bold;
font-size:130%;
color:#d94267;
margin:0 5px 0 0;
}



/* left_container
------------------------------------------- */
#left_container .box{
background:url(../images/common/free-bg.gif) repeat-y;
margin-bottom:4px;
}
#left_container .box .title{
width:152px;
padding:0 10px 0 30px;
height:30px;
margin-bottom:5px;
overflow:hidden;
line-height:2.7em;
color:#ffffff;
background:url(../images/common/left-titlebg.gif) no-repeat 0 0;
}

#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 0 0 20px;
background:url(../images/common/allow-01.gif) no-repeat 3px 5px;
}

/* kaisetsu-box */
.kaisetsu-box h3{
margin:0;
}
.kaisetsu-box a{
width:172px;
height:35px;
display:block;
padding:0 0 0 20px;
line-height:2.7em;
background:url(../images/common/link-bg.gif) no-repeat;
}

/* right_container
------------------------------------------- */
#right_container .section{
width:100%;
height:auto;
overflow:hidden;
text-align:justify;
}
#right_container .section p{
margin-bottom:20px;
}
#right_container .section .right{
float:right;
margin:0 0 10px 10px;
}
.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 ul{
width:100%;
overflow:hidden;
background:url(../images/common/line.gif) repeat-x 0 bottom;
margin-bottom:10px;
}
.list-box ul li{
width:287px;
background:none;
text-align:justify;
margin-bottom:10px;
}
.list-box ul li.left{ float:left; }
.list-box ul li.right{ float:right; }

.list-box .end{ background:none; }
.list-box ul li.end{ margin:0; }
.list-box ul li span{
width:110px;
height:110px;
overflow:hidden;
float:left;
display:block;
margin-bottom:5px;
position:relative;
}
.list-box ul li div{
width:165px;
float:right;
display:block;
}
.list-box ul li span a{
width:110px;
position:absolute;
top:0;
left:0;
text-align:center;
display:block;
padding:0;
background:0;
margin:0;
}
.list-box ul li a{
display:block;
padding:0 0 0 15px;
margin-bottom:10px;
background:url(../images/common/allow-01.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;
}


/* table-style
------------------------------------------- */
.table-01{
width:100%;
border-top:#c9cbc9 solid 1px;
border-left:#c9cbc9 solid 1px;
border-right:#c9cbc9 solid 1px;
background:#f3f3f3;
margin-bottom:9px;
}
.table-01 td{
border-bottom:#c7d2db solid 1px;
padding:6px 4px;
text-align:left;
}
.table-01 th{
border-bottom:#c7d2db solid 1px;
padding:4px 9px;
color:#004a8a;
text-align:left;
}
.table-style01 th.t-title{
border-right:#dddddd solid 1px;
}

.table-01 .white{
background:#ffffff;
}
.table-01 td input{
margin-right:5px;
}
.table-01 td ul li{
display:inline;
border-right:#c1c1c1 solid 1px;
padding-right:10px;
margin-right:10px;
}

/* sitemap */
ul#sitemap{
text-align:left;
}
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;
}


/* 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 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;
}


/* listbox */
.co-list{
width:100%;
text-align:left;
border-top:#d94267 solid 5px;
padding:10px 0 0 0;
}
.listbox dt img{
margin:0 5px 0 0;
vertical-align:middle;
}
.listbox dt{
display:block;
width:100%;
position:relative;
}
.listbox dt a.more{
position:absolute;
top:5px;
right:0;
}
.listbox dt a.more img{ margin:0; }
.listbox dd.school{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:10px;
padding-top:5px;
}
.listbox dd.school h4{
font-size:120%;
}
.listbox dd.school a{
float:right;
}
.listbox dd .gakubu{
width:100%;
border:#dbdacc solid 1px;
padding:3px 5px;
color:#827f5a;
font-weight:100;
background:#f3f2e5;
}
.listbox dd .gakubu span{
font-weight:bold;
margin:0 8px 0 0;
}
.listbox dd table td{
width:342px;
background:#ffffff;
padding:3px 5px;
color:#827f5a;
font-weight:bold;
border-right:#dbdacc solid 1px;
border-bottom:#dbdacc solid 1px;
}
.listbox dd p.course{
border-bottom:#dbdacc solid 1px;
background:#ffffff;
padding:2px 5px;
margin-bottom:8px;
color:#827f5a;
font-size:90%;
background:
}
.listbox dd.info{
width:100%;
background:url(../images/common/dash.gif) repeat-x 0 bottom;
padding-bottom:8px;
margin-bottom:8px;
clear:both;
}



/* 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 .lower ul li a{
background:url(../images/common/allow-01.gif) no-repeat 3px 5px;
}

/* 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:#c2577c solid 1px;
background:#f2709c;
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 #d94267; }


/* 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,#bunya{
width:170px;
margin:8px auto;
}
#todoufuken dl,#bunya dl{
width:100%;
overflow:hidden;
height:auto;
}
#todoufuken dt,#bunya dt{
width:40px;
float:left;
font-weight:bold;
text-align:left;
}
#todoufuken dt{ color:#115589; }
#bunya dt{ color:#382f2f; }


#todoufuken dd,#bunya dd{
width:120px;
font-size:90%;
float:right;
text-align:left;
margin-bottom:3px;
padding-bottom:5px;
background:url(../images/common/cart-dash.gif) repeat-x 0 bottom;
}
#todoufuken dd a,#bunya dd a{
white-space:nowrap;
}
#bunya dd a{ color:#495611; }

/* 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;
}