@charset "shift-jis";
/* CSS Document */

/*------------------------Šî–{CSS------------------------*/
*{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
a img{ border:none;}
a:hover img{ opacity:0.8;}
img{ vertical-align:bottom;}

#catt{ max-width: 750px; margin:0 auto;  width: auto;font-family:"Century Gothic",Noto Sans JP,sans-serif;color: black;}
#catt section{ background-color: #ffffff; margin-top: 100px;}
  
/*------------------------ŠÅ”Â------------------------*/
#catt div#kanban{position: relative;    height: 482px; overflow: hidden;}

/*ŒÅ’è”wŒi*/#catt div#kanban div:nth-of-type(1) { position: absolute;    z-index: -999; }
/*“®‚­”wŒi*/#catt div#kanban div:nth-of-type(2) {
width: 100%;
background:url("../IMAGE/090717catland/tit_00bg.png");
background-position:0 center;
background-repeat:repeat-x;
background-size: auto;
height: 100%;
animation: passing_4362 15s linear infinite;
transform-origin: 50% 50%;
}

@keyframes passing_4362 {
0% { background-position:0 center;}
100% { background-position:-1000px center;}
}


/*ƒ^ƒCƒgƒ‹*/#catt div#kanban div:nth-of-type(3) { position: absolute;    top: 100px;left: -10px;}
/*ŒÅ’è”wŒi*/#catt div#kanban div:nth-of-type(4) { position: absolute; top: 0;left: 0; }

#catt p.text{ font-size: 14px;text-align: center;     padding: 2%;}

/*------------------------�¤•iƒR�[ƒi�[------------------------*/


#catt section {background-color: #f4f0ef;}

/*�š�š�š�š�š‘Sƒuƒ�ƒbƒN‹¤’Ê�š�š�š�š�š*/
#catt .itemcorner{ margin: 0 3%;}

/*ƒŠƒ“ƒN‚Ì”½‰ž*/
#catt .itemcorner a {
    background-color: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
#catt .itemcorner a:hover {
    background-color: #999;
    opacity: 0.2;
    }

/*�Ú�ׂ͂±‚¿‚çƒ{ƒ^ƒ“*/
#catt .itemcorner dd.botan{font-size: 0.9em;    margin: 3%;}
#catt .itemcorner dd.botan p{ color: white!important; background-color: black;text-align: center;padding: 1% 0;
    border-radius:90px;		/* CSS3‘�ˆÄ */
	-webkit-border-radius: 90px;	/* Safari,Google Chrome—p */
	-moz-border-radius: 90px;	/* Firefox—p */}
#catt .itemcorner dd.botan span{vertical-align: bottom;}

/*‰¿Šiƒvƒ�*/
#catt .itemcorner dd.price {position: relative;text-align: right; padding: 3%;}
#catt .itemcorner dd.price .spesicalprice{     color: gray !important; font-size: 10px !important;    font-weight: bold;}
#catt .itemcorner dd.price .intax{ font-size: 10px !important;}

/*�‚‚³�€–Ú*/
#catt .itemcorner dd.heig{text-align: center;font-weight: bold;border-bottom: 1px solid black;}


/*�š�š�š�š�š1—ñ�š�š�š�š�š*/
#catt .itemcorner div.blo1{ clear: both;position: relative;     padding: 1%;}
/*ƒRƒ�ƒ“ƒg*/
#catt .itemcorner div.blo1 div.come{ float: left; width: 49%; margin: 2% auto 3%; font-size: 0.8em;}
#catt .itemcorner div.blo1 div.come:nth-child(odd){clear: both; margin-right: 2%!important;}
/*ƒŠƒ“ƒN*/
#catt .itemcorner div.blo1 a{ position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}



#catt .itemcorner div.blo1 dl{ float: left; width: 32%; }
#catt .itemcorner div.blo1 dt{ font-weight: bold;font-size: 1.5em; line-height: 1.2em;margin-bottom: 3%;   margin-left: -100px;
    background-color: white;
    padding: 3%;
    margin-top: 10%;}
/*ƒŠƒ“ƒN*/
#catt .itemcorner div.blo1 dl a {
    background-color: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
#catt .itemcorner div.blo1 dl a:hover {
    background-color: #999;
    opacity: 0.2;
    }        
/*‰æ‘œ*/#catt .itemcorner div.blo1 div.itemimg{float: left; width: 65%; margin-right: 3%; }


/*�š�š�š�š�šPC/3—ñ�š�š�š�š�š*/
#catt .itemcorner div.blo3 dl{ float: left; width:32%;   margin-top: 3%; position: relative;background-color: #ffffff;}
#catt .itemcorner div.blo3 dl.cenb{ margin-right: 2%; margin-left: 2%;}
#catt .itemcorner div.blo3 dl:nth-child(3n+1){clear: both;}
#catt .itemcorner div.blo3 dt{ font-size: 0.8em;    margin: 3%;height: 40px;}
/*�‚‚³*/
#catt .itemcorner div.blo3 dd.heig{ margin-top: 2%;
    margin: 3%;
    border-bottom: 1px solid black;
    color: black;}
/*‰æ‘œ*/#catt .itemcorner div.blo3 dd.itemimg{clear: both;}
/*ƒJƒ‰ƒoƒŠ*/#catt .itemcorner div.blo3 dd.colv{ margin: 3%;}
/*ƒŠƒ“ƒN*/
#catt .itemcorner div.blo3 dl a{ position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}



/*------------------------‘•�ü------------------------*/
#catt section#page1,#catt section#page2,#catt section#page3{ position: relative;}
#catt section#page1 .pic1{position: absolute; top: -160px; right: -105px; width: 35%;}
#catt section#page2 .pic2{position: absolute;    bottom: -10px; right: -20px;  width: 30%;}
#catt section#page3 .pic3{position: absolute;   top: -20px; left: -50px; width: 30%;}