@charset "UTF-8";


/* ------------------------------
↓ぬテンプレ
------------------------------ */

body {
background:#ffffff;
}

body,p,span,h1,h2,li {
font:14px "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
line-height: 1.5em;
letter-spacing: 0.1ex;
}

table{
height: 0px;
}

table tr{
height: 0px;
}

table tr td{
height: 0px;
}
/* 画像先読み */
@media screen {
    div#preloader { 
        position: absolute; 
        left: -9999px; 
        top: -9999px; 
    } 
    div#preloader img { 
        display: block; 
    }
}
@media print { 
    div#preloader, 
    div#preloader img { 
        visibility: hidden; 
        display: none; 
    }
}

a{color:#0044CC;}

/* ------------------------------
header
------------------------------ */
#top_navigation_bar {
background:#999999 url(../data/img/top_background.gif) repeat-x scroll center bottom;
width: 100%;
height:25px;
overflow: hidden;
z-index: 20;
position: absolute;
top: 0px;
left: 0px;
}

#top_navigation_bar h1{
font-size: 12px;
font-weight: normal;
padding: 4px 15px;
text-align: left;
color: #000000;
}

#header_rect{
}

.top_hana{
width: 504px;
height: 369px;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
z-index: 20;
}
/* ------------------------------
contents
------------------------------ */

#contentiner_shadow {
background:url(../img/bg_x.jpg) repeat-x;
width:100%;
overflow:hidden;
position:relative;
top: 25px;
left: 0;
z-index:0;
}

#contentiner_shadow2 {
background:url(../img/kumo.jpg) no-repeat;
width:100%;
overflow:hidden;
position:relative;
z-index:0;
}

#contentiner {
width:960px;
height:auto;
overflow:hidden;
position:relative;
margin-left:auto;
margin-right:auto;
z-index:0;
}

#contentiner2 {
background:url(../img/background_shadow-trans.png) repeat-y;
width:960px;
height:auto;
overflow:hidden;
position:relative;
margin-left:auto;
margin-right:auto;
z-index:0;
}

#topheader{
background:url(../img/top_box-trans.png) no-repeat left top;
width: 960px;
height: 440px;
overflow: hidden;
}

#header{
background:url(../img/header_back-trans.png) no-repeat left top;
width: 960px;
height: 125px;
overflow: hidden;
}


#topflash{
width: 910px;
overflow: hidden;
margin: 0 auto 15px auto;
}

.toplogobox{
width: 100%;
height: 150px;
overflow: hidden;
}

/* ------------------------------
navigation
------------------------------ */
.logobox{
width: 250px;
height: 150px;
overflow: hidden;
display: block;
}

.leftbox{
width: 295px;
overflow: hidden;
float: left;
}

.leftboxin{
padding: 34px 0 0 40px;
}

.rightbox{
width: 655px;
overflow: hidden;
float: left;
position: relative;
}

.karabox{
width: 655px;
height: 300px;
overflow: hidden;
}

.navigation {
overflow:hidden;
padding: 20px 0 0 20px;
line-height: 100%;
}

.navigation a {
margin: 0;
overflow: hidden;
}

img {
margin: 0;
vertical-align: bottom;
}

.navigationin{
padding: 0;
}

#feedbox{
padding: 10px 10px 0 18px;
overflow: hidden;
}

/* ------------------------------c48d42
image & main contents
------------------------------ */

.contentbox{
background:  url('../data/img/contentbg-trans.png') no-repeat right top;
width: auto;
height: auto;
padding: 0 0 0 25px;
margin: 0;
overflow: hidden;
text-align: left;
position: relative;
}


.contentbox1 {
background:  url('../img/top_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox1 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}


.contentbox2 {
background:  url('../img/price_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox2 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}


.contentbox3 {
background:  url('../img/gallery_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox3 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}


.contentbox5{
background:  url('../img/qa_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox5 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}



.contentbox6{
background:  url('../img/school_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox6 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}



.contentbox7{
background:  url('../img/job_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox7 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}

.contentbox8{
background:  url('../img/access_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox8 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}


.contentbox9{
background:  url('../img/info_back.jpg') no-repeat left top;
width: 950px;
height: auto;
margin: 0 auto;
padding: 0 0 50px 0;
overflow: hidden;
text-align: left;
}
* html .contentbox9 {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}


.boxin{
background:  url('../img/content_back.png') repeat-y center top;
width: auto;
height: auto;
margin: 0 auto;
overflow: hidden;
text-align: left;
position: relative;
}

#topleft{
width: 167px;
float: left;
overflow: hidden;
}



/* ------------------------------
top
------------------------------ */
.right_in_pad{
margin: 20px 17px 00px 17px;
overflow: hidden;
position:relative;
}

.top_info_in{
background-image:url('../img/top_in_bg.jpg');
background-position: right bottom;
width:600px;
height:316px;
overflow: auto;
color: #163389;
position:relative;
}

.top_info_in p{
padding:15px 0 0 60px;
background:  url('../img/top_inp_list-trans.png') no-repeat top left;
position:relative;
}

.top_foot{
background:  url('../img/top_foot_x.jpg') repeat-x center top;
width: 100%;
height: 300px;
border-top:1px solid #ccc;
overflow: hidden;
clear: both;
position: relative;
}

.top_foot_in {
width: 930px;
height: auto;
margin: 20px auto;
overflow: hidden;
}

.top_foot_left {
width: 380px;
height: auto;
overflow: hidden;
float: left;
}

.top_foot_right {
width: 550px;
height: auto;
overflow: hidden;
float: left;
}

/* ------------------------------
info
------------------------------ */

/* ------------------------------
料金
------------------------------ */




.price_box1 {
width: 635px;
height: 80px;
clear: both;
overflow: hidden;
}

.price_box2 {
width: 145px;
float: left;
}

.price_box3 {
width: 490px;
float: left;
}

.price_box3 a{
height: 54px;
display: block;
overflow: hidden;
}

#price_box4 {
width: 222px;
height: 54px;
float: right;
overflow: hidden;
}

#price_box4 a {
background:  url('../img/price_navi_01.jpg') no-repeat left top;
width: 218px;
height: 54px;
overflow: hidden;
}

#price_box4 a:hover {
background:  url('../img/price_navi_01hover.jpg') no-repeat left top;
width: 218px;
height: 54px;
overflow: hidden;
}


#price_box5 {
width: 215px;
height: 54px;
float: right;
overflow: hidden;
}

#price_box5 a{
background:  url('../img/price_navi_02.jpg') no-repeat left top;
width: 215px;
height: 54px;
overflow: hidden;
}

#price_box5 a:hover{
background:  url('../img/price_navi_02hover.jpg') no-repeat left top;
width: 215px;
height: 54px;
overflow: hidden;
}

.price_box6 {

padding: 3px 0 5px 35px;
overflow: hidden;
font-weight: bold;
color: #1633B9;
}

.price_box7 {
width: 465px;
height: auto;
overflow: hidden;
margin: 5px 0 0 170px;
}

.price_box8 {
background: #DFEDF9;
width: auto;
height: 1%;
overflow: hidden;
}

.price_box9 {
width: auto;
height: 1%;
overflow: hidden;
}

.price_box10 {
width: 300px;
height: auto;
overflow: hidden;
float: left;
}
.price_box10 p {
padding: 5px 0 5px 10px;
}
.price_box11 {
width: 165px;
height: auto;
overflow: hidden;
float: left;
text-align: right;
}
.price_box11 p {
padding: 5px;
}
.price_box12 {
clear: both;
font-size: 12px;
padding: 0px 0 5px 10px;
line-height: 130%;
color: #666666;
}

.price_box13 {
clear: both;
font-size: 14px;
padding: 30px 0 5px 170px;
line-height: 130%;
color: #1633B9;
font-weight: bold;
}


.price_in_box00 {
width:100%;
height:100%;
overflow:hidden;
background: url('../img/menu_box_bg.jpg') no-repeat top left;
}

.price_in_box {
padding: 30px 20px 10px 40px;
}

.price_under {
background:  url('../img/price_sita_back.jpg') no-repeat left top;
height: 250px;
}

.price_under1 {
padding: 30px 0 0px 60px;
font-weight: bold;
}

.price_under2 {
padding: 20px 0 30px 70px;
}

/* ------------------------------
menu_2
------------------------------ */



/* ------------------------------
q_a
------------------------------ */
.qabox_q{
background:  url('../img/qa_q.jpg') no-repeat left top;
padding: 8px 0 0px 70px;
overflow: hidden;
font-weight: bold;
}

.qabox_a1{
background:  url('../img/qa_a.jpg') no-repeat left top;

}

.qabox_a2{
background:  url('../img/qa_a_rb.jpg') no-repeat right bottom;
padding: 5px 0 40px 70px;
overflow: hidden;

}

/* ------------------------------
shopping
------------------------------ */


/* ------------------------------
ギャラリー
------------------------------ */
#gall_box4 {
width: 222px;
height: 54px;
float: left;
overflow: hidden;
}

#gall_box4 a {
background:  url('../img/gall_navi_01.jpg') no-repeat left top;
width: 218px;
height: 54px;
overflow: hidden;
}

#gall_box4 a:hover {
background:  url('../img/gall_navi_01hover.jpg') no-repeat left top;
width: 218px;
height: 54px;
overflow: hidden;
}


#gall_box5 {
width: 215px;
height: 54px;
float: left;
overflow: hidden;
}

#gall_box5 a{
background:  url('../img/gall_navi_02.jpg') no-repeat left top;
width: 215px;
height: 54px;
overflow: hidden;
}

#gall_box5 a:hover{
background:  url('../img/gall_navi_02hover.jpg') no-repeat left top;
width: 215px;
height: 54px;
overflow: hidden;
}


/* ------------------------------
スクール
------------------------------ */
.school_box1{
padding: 0 20px 30px 30px;
overflow: hidden;
}

.school_box1 img{
float:right;
margin-left:15px;
}

.school_box2{
background:  url('../img/school_in_back.jpg') no-repeat left top;
overflow: hidden;
padding: 5px 0 25px 80px;
}

/* ------------------------------
kyuujin
------------------------------ */
.karabox2 {
width: 655px;
height: 180px;
overflow: hidden;
}

.karabox7 {
width: 655px;
height: 260px;
overflow: hidden;
}

.recruit_box1{
padding: 0px 20px 30px 40px;
overflow: hidden;
}


.recruit_box2{
padding: 10px 0 10px 30px;
overflow: hidden;
}

.recruit_boxin{
padding: 5px 0 5px 10px;
overflow: hidden;
border-left: 10px solid #1633B9;
font-weight: bold;
}

.recruit_box3 {
background: #DFEDF9;
overflow: hidden;
border: 1px solid #999999;
margin: 0 0 3px 0;
height: 1%;
}

.recruit_box3 p {
padding: 10px;
}

.recruit_box4 {
width: 130px;
height: 100%;
overflow: hidden;
float: left;
}

.recruit_box5 {
background: #ffffff;
width: 458px;
overflow: hidden;
float: left;
}

.recruit_box6 {
width: 340px;
overflow: hidden;
float: left;
}

.recruit_box7 {
width: 250px;
overflow: hidden;
float: left;
}

.recruit_box8 {
background:  url('../img/rec_handbox_naka.png') repeat-y left top;
overflow: hidden;
padding: 0px 12px 5px 12px;
}

.recruit_box8 p{
background:  url('../img/rec_handbox_hosi.png') no-repeat left top;
padding: 5px 0 0px 32px;
overflow: hidden;
line-height: 180%;
}

.recruit_box9 {
background:  url('../img/rec_handbox_ue.png') no-repeat left top;
height: 12px;
overflow: hidden;
}

.recruit_box10 {
background:  url('../img/rec_handbox_sita.png') no-repeat left top;
height: 12px;
overflow: hidden;
}

.rec_sitap{
color: #666;
text-align: right;
padding: 5px;
overflow: hidden;
}

/* ------------------------------
お問い合わせ　アクセス
------------------------------ */
.access_box1{
padding: 20px 0 0 25px;
overflow: hidden;
}

.access_box2{
width: 230px;
overflow: hidden;
float: left;
}

.access_box2 p {
padding: 5px;
overflow: hidden;
}

.access_box3{
background:  url('../img/access_sitabox_back.jpg') no-repeat left top;
width: 380px;
height: 128px;
overflow: hidden;
float: left;
}

.access_box3 p {
padding: 20px;
overflow: hidden;
}

#contact_box {
padding: 20px 0 0 30px;
overflow: hidden;
}

.otoiawase table tr td{
border: none;
}


.access_box_inl {
width: 350px;
overflow: hidden;
float: left;
}

.access_box_inr {
width: 260px;
overflow: hidden;
float: left;
}

.access_box_inr img {
border: 1px solid #1B3994;
margin:0 0 20px 15px;
}


.shop_info_style {
margin-bottom:15px;
}

.shop_info_style img {
float:right;
margin-left:15px;
}


/* ------------------------------
footer
------------------------------ */


#footer {
background:#163389 url('../img/footer_bg.jpg') no-repeat top left;
border-top:1px solid #999;
width:100%;
height:150px;
overflow:hidden;
clear:both;
margin: 0 auto;
text-align: left;
position: relative;
}

#footer2 {
background:url(../data/img/footerbg2-trans.png) no-repeat top left;
width:1000px;
height:260px;
overflow:hidden;
clear:both;
margin: 0 auto;
text-align: left;
}


#footer_u {
padding:0px 30px 0 0px;
overflow: hidden;
font-size: 14px;
color: #FFFFFF;
text-align: right;
clear: both;
}


#footer2 p {
clear:both;
padding:15px 0 0 20px;
font-size: 14px;
color: #FFFFFF;
}


#footerleft{
width: 600px;
padding:0;
font-size: 14px;
float: left;
overflow: hidden;
}

#footerright{
width: 300px;
padding:15px 0 10px 0;
font-size: 14px;
float: right;
overflow: hidden;
color: #FFFFFF;
line-height: 130%;
}

#footerright a:hover{
background:url(../data/img/footerbg_rtab-trans.png) no-repeat top right;
}

#footer a { color:#ffffff; }

#footerright2{
width: 400px;
padding:0;
font-size: 14px;
float: left;
overflow: hidden;
}

#footerright2 a:hover{
background:url(../data/img/footerbg2_rtab-trans.png) no-repeat top right;
}

#footer2 a { color:#ffffff; }




/* ------------------------------
↑ぬテンプレ終わり
------------------------------ */






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 
float:right;
width:150px;
height:70px;
speak:none;
}

.fontResizer a { 
display:block;
width:70px;
float:left;
}

.fontResizer a:hover { 
 
}

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 14px; }

.largeFont { font-size: 20px; }

.curFont { background: #56C6A0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TinyAccordion CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#options {
width:750px;
overflow:hidden;
text-align:right;
color:#9ac1c9;
}

#options a {
text-decoration:none;
color:#9ac1c9;
}

#options a:hover {color:#033;}

#acc {
width:750px;
overflow:hidden;
list-style:none;
color:#033;
margin:35px 0 0 0;
}

#acc li {
width:700px;
background:url(../img/list_image_qanda-trans.png) no-repeat top left;
}



#acc h3 {
width:700px;
font-weight:normal;
cursor:pointer;
background:;
}

#acc h3:hover {}

#acc .acc-section {width:700px;overflow:hidden; background:#fff;}

#acc .acc-content {
width:670px;
padding:15px;
border-top:none;
background:#fff;
}

#nested {width:680px; list-style:none; color:#033; margin-bottom:15px;}

#nested h3 {
width:650px;
cursor:pointer;
background:url(images/header.gif);
}

#nested h3:hover {background:url(images/header_over.gif);}

#nested .acc-section {overflow:hidden; background:#fff;}

#nested .acc-content {
width:630px;
padding:15px;
border-top:none;
background:#fff;
}

#nested .acc-selected {background:url(images/header_over.gif);}