@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;

}



#left_container .top .textarea {

	width:192px;

	padding: 8px 0 8px;

	text-align: center;

	background:url(../images/common/free-bottom.gif) no-repeat 0 bottom;

}



#left_container .textarea {

	width:172px;

	padding:0 10px 6px 10px;

	background:url(../images/common/free-bottom.gif) no-repeat 0 bottom;

}



#left_container ul{

	width:172px;

	padding:0 10px 6px 10px;

	background:url(../images/common/free-bottom.gif) no-repeat 0 bottom;

}



#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;

}



/* left_containerバナー追加部分

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



#blank_bana{

width:184px;

padding:5px 0px 8px 5px;

margin-bottom:5px;

}



#blank_bana img{

border:none;

margin-bottom:5px;

}





/* 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:34px;

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;

}