/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

.lrg       { font-size: 120%; line-height: 180% }
.mdl       { font-size: 100%; line-height: 150% }
.sml       { font-size: 80%; line-height: 140% }
a:link     { color: #ff0000; text-decoration: none }
a:visited  { color: #c50202; text-decoration: none }
a:hover    { color: #ffae00; text-decoration: none }
a:active   { color: #ffd800; text-decoration: none }
.underline-text {  text-decoration: underline; }

body       { font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 16px; line-height: 26px; background-color: #f9e7e6; margin: 0; padding: 0; }


h2         { margin: 5px 0 10px 0; padding: 0; font-size: 21px; line-height: 32px; }
.h2pink    { color: #ea8282; }

.subh1     { background-image: url("../img/topimg_mb2.gif"); background-position:0 30px; background-repeat: no-repeat; color: #70453c; font-size: 85%; line-height: 50px; text-indent:0; text-align: center; margin: 0 auto 0 auto; padding: 0; width: 320px; height: 130px; }
.toph1     { color: #70453c; font-size: 85%; line-height: 20px; text-indent:0; text-align: center; margin: 0 auto 0 auto; padding: 20px 0 0 0; width: 320px; height: 55px; }

/*flmall */
#flmall    { width: 100% }
#flm1050    { color: #474747; background-color: #fff; text-align: left; margin: 0 auto; width: 100%; height: auto }
img        { max-width: 100%;  height: auto; }
.topup     { text-align: right; padding: 0; margin: 0 auto; width: 96%;height: 60px; }

/*header */
#header    { background-image: url("../img/topimg_mb.gif"); background-repeat: repeat-x; text-align: left; margin: 0; padding: 0; width: 100%; height: 140px; }
#tophead   { background-image: url("../img/nanno_titlebartop_mb.gif"); background-repeat: repeat-x; text-align: left; margin: 0; padding: 0; width: 100%; height: 75px }

.teltxt    { color:red; font-size: 100%; line-height: 120% }
.teltxtl   { color:red; font-size: 150%; line-height: 120% }

/* menubar
----------------------*/
.boxmenu2 { background-image: url("../img/space.gif"); background-repeat: no-repeat; margin:0; padding: 0; width:100%; height: auto;}

ul#mbyamatoiin { margin:0 auto 0 auto; padding: 0; width:288px; overflow: hidden }
 
ul#mbyamatoiin li{
    float:left;
    height:63px;
    display:block;
}
 
ul#mbyamatoiin li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/btm6.gif);
    background-repeat: no-repeat;
    padding-top:63px;
}
 
/* menubar navi
---------------------*/
    #navi1 a { width:144px; background-position:0      0; margin:0;}
    #navi2 a { width:144px; background-position:-144px  0;}
    #navi3 a { width:144px; background-position:-288px  0;}
    #navi4 a { width:144px; background-position:-432px  0;}
    #navi5 a { width:144px; background-position:-576px  0;}
    #navi6 a { width:144px; background-position:-720px  0;}

 
/* menubar navi rollover
----------------------*/
    #navi1 a:hover  { width:144px; background-position:0       -60px;}
    #navi2 a:hover  { width:144px; background-position:-144px  -60px;}
    #navi3 a:hover  { width:144px; background-position:-288px  -60px;}
    #navi4 a:hover  { width:144px; background-position:-432px  -60px;}    
    #navi5 a:hover  { width:144px; background-position:-576px  -60px;}   
    #navi6 a:hover  { width:144px; background-position:-720px  -60px;}   


/*section */
#section   { margin: 0; padding: 0; width: 100%; }
.box750    { font-size: 97%; line-height: 180%; text-align: left; margin: 0 auto 30px auto; width: 300px; height: auto }
.box820    { font-size: 97%; line-height: 180%; text-align: left; margin: 0 auto 30px auto; width: 300px; height: auto }
.box850    { font-size: 97%; line-height: 180%; text-align: left; margin: 0 auto 30px auto; width: 300px; height: auto }
.box900    { font-size: 97%; line-height: 180%; text-align: left; margin: 0 auto 30px auto; width: 300px; height: auto }
.box950    { font-size: 97%; line-height: 180%; text-align: left; margin: 0 auto 30px auto; width: 300px; height: auto }
.article   { font-size: 100%; line-height: 150%; margin: 0 auto; padding: 0; width: 100%; }
.boxc      { font-size: 100%; line-height: 150%; text-align: center; margin: 0 auto 30px; padding: 0; width: 300px; }


/*honbun1 */
.box0101a    { background-image: url("../img/topmainimg_mb.jpg"); background-position:0 0; background-repeat: no-repeat; margin: 0 auto 0 auto;　width: 300px; height: 290px;}
.box0102a    { margin: 0; width: 300px; height: 460px; float : left;}/*お知らせ */
.box0102b    { background-image: url("../img/oshirase_mb.gif"); background-position:0 0; background-repeat: no-repeat; margin:0 auto 0 auto; width: 300x; height: 30px; }
.box0103a    { margin: 0; width: 300px; height: 450px; float : left;}
.box0103b    { background-image: url("../img/oshirase_boshu4_mb.gif"); background-position:0 30px; background-repeat: no-repeat; margin: 0; width: 300px; height: 200px; }
.box0103c    { margin: 0; width: 300px; height: 130px; }
dl{ font-size: 80%; line-height: 120%;}
dt{ padding-top : 0; padding-bottom : 5px; padding-left : 0; width : 80px; float : left; clear : both;}
dd{ padding-top : 0; padding-left : 5px; padding-right : 0; padding-bottom : 5px; width : 245px;}
.infogr  { color: #008842; }

/*honbun2 */
.midashi2main { background-image: url("../img/ti02_mb.jpg"); background-repeat: no-repeat; background-position:10px 0; margin: 0 auto 0 auto; padding: 0; width: 320px; height: 90px }
.box0201a    { background-image: url("../img/0201a_bg_mb.jpg"); background-repeat: no-repeat; background-position:0 0; width: 300px; height: 560px;}
.box0201b    { text-align: center; font-weight:bold; padding: 50pt 0 0 0; width: 100%; height: 300px;}
.box0202a    { margin: 0 auto 0 auto; width: 300px; height: 320px; float : left;}
.box0202b    { margin: 0 auto 0 auto; width: 300px; height: 240px; float : left;}
.box0202c    { margin: 0 auto 0 auto; width: 300px; height: 240px; float : left;}
.box0202d    { text-align: center; margin: 0 auto 0 auto; width: 300px; height: 410px; float : left;}

/*honbun3 */
.midashi3main { background-image: url("../img/ti03_mb.jpg"); background-repeat: no-repeat; background-position:10px 0; margin: 0 auto 0 auto; padding: 0; width: 320px; height: 90px }
.box0301a    { width: 300px; height: 130px; float : left; }
.box0301b    { background-image: url("../img/0301ph.jpg"); background-position:0 10px; background-repeat: no-repeat; width: 300px; height: 250px;  float : left;}
.midashi31 { background-image: url("../img/0301subti1_mb.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 300px; height: 65px }
.midashi32 { background-image: url("../img/0301subti2_mb.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 300px; height: 65px }
.midashi33 { background-image: url("../img/0301subti3_mb.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 300px; height: 65px }


/*honbun4 */
.midashi4main { background-image: url("../img/ti04_mb.jpg"); background-repeat: no-repeat; background-position:10px 0; margin: 0 auto 0 auto; padding: 0; width: 320px; height: 90px }
.midashi41 { background-image: url("../img/0401subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi41b2 { background-image: url("../img/0401-2subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.box0401b2    { background-image: url("../img/0401b2_refa_mb.jpg"); background-repeat: no-repeat; width: 300px; height:310px; margin: 0 auto 0 auto; }
.midashi42 { background-image: url("../img/0402subti_mb.gif"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 75px }
.box0402a    { background-image: url("../img/0402a_mb.gif"); background-position:0 0; background-repeat: no-repeat; width: 300px; height: 300px;  float : left;}
.box0402b    { font-size: 15px; line-height: 24px; width: 300px; height: 260px;  float : left;}

.midashi43 { background-image: url("../img/0403subti_mb.gif"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 75px }
.box0403a    { font-size: 97%; line-height: 180%; }
.box0403b    { text-align: center; margin: 0 auto 30px; padding: 0; width: 90% }

.midashi44 { background-image: url("../img/0404subti_mb.gif"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 75px }
.box0404a    { background-image: url("../img/0404schedule_mb.gif"); background-position:0 0; background-repeat: no-repeat; width: 300px; height:1030px; }
.box0404b    { font-size: 90%; line-height: 150%; width: 100% }

.midashi45 { background-image: url("../img/0405subti_mb.gif"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 75px }
.box0405a    { font-size: 97%; line-height: 180%; width: 300px; height: 350px; float : left;}
.box0405b    { background-image: url("../img/0405shokuji_mb.jpg"); background-repeat: no-repeat; width: 300px; height:270px; float : left; }

.midashi46 { background-image: url("../img/0406subti_mb.gif"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 75px }
.box0406a    { font-size: 97%; line-height: 180%; width: 100% }
.midashi47 { background-image: url("../img/0407subti_mb.gif"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 75px }
.box0407a    { font-size: 97%; line-height: 180%; width: 100% }


/*honbun5 */
.midashi5main { background-image: url("../img/ti05_mb.jpg"); background-repeat: no-repeat; background-position:10px 0; margin: 0 auto 0 auto; padding: 0; width: 320px; height: 90px }
.box0501a    { background-image: url("../img/0501hyo_mb.gif"); background-position:0 10px; background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 290px }

.box0502a    { margin: 0 auto 0 auto; width: 300px; height: 450px; float : left;}
.box0503a    { margin: 0 auto 0 auto; width: 300px; height: 300px; float : left;}
.box0504a    { margin: 0 auto 0 auto; width: 330px; height: 300px; float : left;}
.box0505a    { margin: 0 auto 0 auto; width: 330px; height: 330px; float : left;}
.box0507a    { margin: 0 auto 0 auto; width: 330px; height: 430px; float : left;}
.box0508a    { background-image: url("../img/0508img.gif"); background-repeat: no-repeat; background-position:0 0; margin: 0 auto 0 auto; width: 330px; height: 330px; float : left;}
.midashi52   { background-image: url("../img/0502subti_mb.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 140px }
.midashi53   { background-image: url("../img/0503subti_mb.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 140px }
.midashi54   { background-image: url("../img/0504subti_mb.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 140px }
.midashi55   { background-image: url("../img/0505subti_mb.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 140px }
.midashi57   { background-image: url("../img/0507subti_mb.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 140px }
.txt0502a    { font-size: 14px; line-height: 22px; margin: 0 15px 0 15px; width: 300px; }
.txt0503a    { font-size: 14px; line-height: 22px; margin: 0 15px 0 15px; width: 300px; }
.txt0504a    { font-size: 14px; line-height: 22px; margin: 0 15px 0 15px; width: 300px; }
.txt0505a    { font-size: 14px; line-height: 22px; margin: 0 15px 0 15px; width: 300px; }
.txt0507a    { font-size: 14px; line-height: 22px; margin: 0 15px 0 15px; width: 300px; }
.txt0508a    { font-size: 14px; line-height: 22px; margin: 0 15px 0 15px; width: 300px; height: 330px; }
.babykaisai  { font-size: 14px; line-height: 22px; margin: 10px 0 0 0; color: red;  width: 300px; height: 205px; }


/*honbun6 */
.midashi6main { background-image: url("../img/ti06_mb.jpg"); background-repeat: no-repeat; background-position:10px 0; margin: 0 auto 0 auto; padding: 0; width: 320px; height: 90px }
.midashi61a1 { background-image: url("../img/0601a1subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi61a2 { background-image: url("../img/0601a2subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi61a3 { background-image: url("../img/0601a3subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.box61a3hyo   { background-image: url("../img/0601a3hyo_mb.gif"); background-position:0 10px; background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 270px }

.midashi61 { background-image: url("../img/0601subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi62 { background-image: url("../img/0602subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi62main { background-image: url("../img/0603ti_mb.jpg"); background-repeat: no-repeat;  margin: 0 auto 0 auto; padding: 0; width: 300px; height: 250px }
.midashi63 { background-image: url("../img/0603subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi64 { background-image: url("../img/0604subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.midashi65 { background-image: url("../img/0605subti_mb.gif"); background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0; width: 300px; height: 65px }
.box0602a  { width: 300px; height: 300px; float : left; }
.box0602b  { background-image: url("../img/0602ph.jpg"); background-repeat: no-repeat; background-position:10px 0;width: 300px; height: 235px;  float : left;}

/*footer */
#footer    { background-color: #fbefee;  margin: 0; width: 100%; border-top: 20px solid #fbefee; border-bottom: 20px solid #ea8282; }
.ftlogo    { background-image: url("../img/ft_logo.gif"); background-position: 125px 0; background-repeat: no-repeat;　margin: 0 auto 0 auto; width: 320; height: 75px; float: left }
.ftname    { margin: 0 auto 0 auto; width: 320px; height: 85px; float: left }
.ftname2   { font-size: 16px; line-height: 20px; text-align: center;font-weight:bold; margin: 0; width: 320px; height: 24px; float: left }
.ftjusho   { font-size: 14px; line-height: 22px; text-align: center;margin: 0; width: 320px; height: 24px; float: left }
.fttelfax  { font-size: 14px; line-height: 22px; text-align: center;margin: 0; width: 320px; height: 24px; float: left }
.ftcopy   { font-size: 12px; line-height: 18px; text-align: center;margin: 0; width: 320px; height: 20px; float: center }
.footer950    { font-size: 100%; line-height: 180%; text-align: left; margin: 0 auto 0px; width: 320px; height: 180px }

.sato    { font-size: 90%; line-height: 150%; text-align: left; margin: 0 auto 40px; width: 300px; height: 220px; }
.satoti  { background-image: url("../img/satogaeri_tim.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 100px }

.kansenyobo    { font-size: 90%; line-height: 100%; text-align: left; margin: 0 auto 50px; width: 300px; height: 990px; }
.kansenyoboti  { background-image: url("../img/kansenyobo_tim2.gif"); background-repeat: no-repeat;  margin: 0; padding: 0; width: 300px; height: 115px }
.kansenyoboed    { font-size: 120%; line-height: 150%; color: #0064ff; text-align: center; margin: 0 auto 50px; width: 300px; height: auto; }
.kansenyobol2   { font-size: 14px; line-height: 22px; margin: 5px 0 0 -12px ; list-style:circle; }
.kansenred    { font-size: 110%; color: red; }



}