/*/////////////////////////////////////////////////////////////////////////////////
//
// 1,page layput
//
/////////////////////////////////////////////////////////////////////////////////*/
/*==============================================
1-1 link
==============================================*/
a{
	text-decoration: underline;
	color: #177F4C;
}
a:hover{
	color: #177F4C;
	text-decoration: none !important;
}
a:hover *{
	text-decoration: none !important;
}
a:visited{
	text-decoration: underline;
	color: #177F4C;
}
#header h1 img
{
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src= 'image/common/header_logo_01.png', sizingMethod='scale')";
}
.open
{
	height:auto;
	display:block;
}
.close
{
	height:0;
	display:none;
}

/*==============================================
1-1 wrapper
==============================================*/
#allWrap
{
    width: 100%;
    background-image: url(../image/common/cntnt_bg_02.png);
}
.wrap
{
    width: 100%;
    margin: 0 auto;
    background-image: url(../image/common/cntnt_bg_03.png);
    background-repeat: repeat-y;
    background-position: center 1000px;
}
#bgMuntn
{
    position: absolute;
    top: 784px;
    height: 200px;
    width: 100%;
}
#bgMuntn img
{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.wrapper
{
    position: relative;
    text-align: left;
    width: 1024px;
    margin: 0 auto;
}
#content
{
    background: url(../image/common/cntnt_bg_05.png);
    background-repeat: repeat-x;
    height: auto;
}
#cntnt
{
	min-width: 1024px;
    width: 100%;
}
#innerContent
{
    width: 960px;
    margin: auto;
    overflow: hidden;
}

/* ---- cloud ---- */
#bgFtIllst #anmtn #img10Wrap
{
    overflow: visible;
}
#img10Wrap
{
    width: 100%;
    margin: 0 auto;
    height: 1000px;
	position:absolute;
    overflow: hidden;
}
#img10Wrap span
{
    display:block;
    position:absolute;
}
#img10Wrap img
{
    -webkit-animation: img10WrapImg 2s ease-in -1s infinite alternate;
    -moz-animation: img10WrapImg 2s ease-in -1s infinite alternate;
    -o-animation: img10WrapImg 2s ease-in -1s infinite alternate;
    -ms-animation: img10WrapImg 2s ease-in -1s infinite alternate;
    top:380px;
}
.img10_1_s
{
    top: 150px;
    -webkit-animation: img10WrapSpan 120s ease-in -50s infinite;
    -moz-animation: img10WrapSpan 120s ease-in -50s infinite;
    -o-animation: img10WrapSpan 120s ease-in -50s infinite;
    -ms-animation: img10WrapSpan 120s ease-in -50s infinite;
}
.img10_2_s
{
    -webkit-animation: img10WrapSpan 90s ease-in -10s infinite;
    -moz-animation: img10WrapSpan 90s ease-in -10s infinite;
    -o-animation: img10WrapSpan 90s ease-in -10s infinite;
    -ms-animation: img10WrapSpan 90s ease-in -10s infinite;
    top:190px;
}
.img10_3_s
{
    -webkit-animation: img10WrapSpan 140s ease-in -100s infinite;
    -moz-animation: img10WrapSpan 140s ease-in -100s infinite;
    -o-animation: img10WrapSpan 140s ease-in -100s infinite;
    -ms-animation: img10WrapSpan 140s ease-in -100s infinite;
    top:150px;
}
.img10_4_s
{
    -webkit-animation: img10WrapSpan 70s ease-in -30s infinite;
    -moz-animation: img10WrapSpan 70s ease-in -30s infinite;
    -o-animation: img10WrapSpan 70s ease-in -30s infinite;
    -ms-animation: img10WrapSpan 70s ease-in -30s infinite;
    top:305px;
}
.img10_5_s
{
    -webkit-animation: img10WrapSpan 150s ease-in -30s infinite;
    -moz-animation: img10WrapSpan 150s ease-in -30s infinite;
    -o-animation: img10WrapSpan 150s ease-in -30s infinite;
    -ms-animation: img10WrapSpan 150s ease-in -30s infinite;
    top: 200px;
}
.img10_6_s
{
    -webkit-animation: img10WrapSpan 80s ease-in -60s infinite;
    -moz-animation: img10WrapSpan 80s ease-in -60s infinite;
    -o-animation: img10WrapSpan 80s ease-in -60s infinite;
    -ms-animation: img10WrapSpan 80s ease-in -60s infinite;
    top: 140px;
}

#img10_1
{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
}
#img10_2
{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
}
#img10_3
{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
}
#img10_4
{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
}
#img10_5
{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
}
#img10_6
{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
}

@-webkit-keyframes img10WrapImg
{
    0% {-webkit-transform:scale(1);}
    50% {-webkit-transform:scale(0.93);}
    100% {-webkit-transform:scale(1);}
}
@-moz-keyframes img10WrapImg
{
    0% {-moz-transform:scale(1);}
    50% {-moz-transform:scale(0.93);}
    100% {-moz-transform:scale(1);}
}
@-o-keyframes img10WrapImg
{
    0% {-o-transform:scale(1);}
    50% {-o-transform:scale(0.93);}
    100% {-o-transform:scale(1);}
}
@-ms-keyframes img10WrapImg
{
    0% {-ms-transform:scale(1);}
    50% {-ms-transform:scale(0.93);}
    100% {-ms-transform:scale(1);}
}

@-webkit-keyframes img10WrapSpan
{
    0% {-webkit-transform:translate(-1000px,0);}
    100% {-webkit-transform:translate(3000px,0);}
}
@-moz-keyframes img10WrapSpan
{
    0% {-moz-transform:translate(-1000px,0);}
    100% {-moz-transform:translate(3000px,0);}
}
@-o-keyframes img10WrapSpan
{
    0% {-o-transform:translate(-1000px,0);}
    100% {-o-transform:translate(3000px,0);}
}
@-ms-keyframes img10WrapSpan
{
    0% {-ms-transform:translate(-1000px,0);}
    100% {-ms-transform:translate(3000px,0);}
}
/* ---- /cloud ---- */

/* ---- sun ---- */
.imgSunWrap
{
    width:93px;
    height:94px;
    position:absolute;
    top:0px;
    right: -100px;
    animation: imgSunWrap 2s ease-in-out -1s infinite alternate;
    -webkit-animation: imgSunWrap 2s ease-in-out -1s infinite alternate;
    -moz-animation: imgSunWrap 2s ease-in-out -1s infinite alternate;
    -o-animation: imgSunWrap 2s ease-in-out -1s infinite alternate;
    -ms-animation: imgSunWrap 2s ease-in-out -1s infinite alternate;
}
#img_sun1
{
    position:absolute;
    top: 0px;
    left: 0px;
    -webkit-animation: img_sun1 2s ease-in-out -1s infinite alternate;
    -moz-animation: img_sun1 2s ease-in-out -1s infinite alternate;
    -o-animation: img_sun1 2s ease-in-out -1s infinite alternate;
    -ms-animation: img_sun1 2s ease-in-out -1s infinite alternate;
}
#img_sun2
{
    position:absolute;
    top: 0px;
    left: 0px;
    -webkit-animation: img_sun2 2s ease-in-out -1s infinite alternate;
    -moz-animation: img_sun2 2s ease-in-out -1s infinite alternate;
    -o-animation: img_sun2 2s ease-in-out -1s infinite alternate;
    -ms-animation: img_sun2 2s ease-in-out -1s infinite alternate;
}
#img_sun3
{
    position:absolute;
    top: 0x;
    left: 0px;
    -webkit-transform-origin: 33% 45%;
    -moz-transform-origin: 33% 45%;
    -o-transform-origin: 33% 45%;
    -ms-transform-origin: 33% 45%;
}
@keyframes imgSunWrap
{
    0% {transform:translate(0,0);}
    100% {transform:translate(0,7px);}
}
@-webkit-keyframes imgSunWrap
{
    0% {-webkit-transform:translate(0,0);}
    100% {-webkit-transform:translate(0,7px);}
}
@-moz-keyframes imgSunWrap
{
    0% {-moz-transform:translate(0,0);}
    100% {-moz-transform:translate(0,7px);}
}
@-o-keyframes imgSunWrap
{
    0% {-o-transform:translate(0,0);}
    100% {-o-transform:translate(0,7px);}
}
@-ms-keyframes imgSunWrap
{
    0% {-ms-transform:translate(0,0);}
    100% {-ms-transform:translate(0,7px);}
}
@-webkit-keyframes img_sun1
{
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes img_sun1
{
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
}
@-o-keyframes img_sun1
{
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
    }
@-ms-keyframes img_sun1
{
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes img_sun2
{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes img_sun2
{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@-o-keyframes img_sun2
{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@-ms-keyframes img_sun2
{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
/* ---- /sun ---- */

/*風船ネコhuusennneko*/
#imgBalNekoWrap
{
    position: absolute;
    top: 250px;
    left: -200px;

    -webkit-animation: imgBalNeko 2s ease-in-out -1s infinite alternate;
    -moz-animation: imgBalNeko 2s ease-in-out -1s infinite alternate;
    -o-animation: imgBalNeko 2s ease-in-out -1s infinite alternate;
    -ms-animation: imgBalNeko 2s ease-in-out -1s infinite alternate;
} 
@-webkit-keyframes imgBalNeko 
{
    0% {-webkit-transform: translate(0,0);}
    100% {-webkit-transform: translate(0,8px);}
}
@-moz-keyframes imgBalNeko 
{
    0% {-moz-transform: translate(0,0);}
    100% {-moz-transform: translate(0,8px);}
}
@-o-keyframes imgBalNeko 
{
    0% {-o-transform: translate(0,0);}
    100% {-o-transform: translate(0,8px);}
}
@-ms-keyframes imgBalNeko 
{
    0% {-ms-transform: translate(0,0);}
    100% {-ms-transform: translate(0,8px);}
}
/*風船ねこ*/


/*==============================================
1-2 head
==============================================*/
#headerWrap
{
	width: 100%;
	overflow: hidden;
	background: url(../image/common/header_bg_01.png);
	padding-bottom: 9px;
}
#header
{
	width: 960px;
	margin:0 auto;
        padding-top: 7px;
        position:relative;
        z-index: 1;
}
#header h1
{
	float: left;
        margin-left: -16px
}
#header h1 img
{
    width: 243px;
    height: 77px;
}
#header h2
{
	float: right;
	padding-bottom: 10px;
	width: 30%;
}
#header ul
{
	display: none;
}
#headerSub
{
	float: right;
	width: 70%;
	text-align: right;
    padding-right: 14px;
}
#headerSub p
{
    font-weight: bold;
    font-size:11px;
    line-height:120%;
    color:#7D7D7D;
    padding-bottom: 5px;
}
/* 検索フォーム */
#header #searchBox
{
        width: 200px;
        position: absolute;
        top: 58px;
        right: 170px;
}
        #header #searchBox form
        {
                height: 28px;
                position: relative;
                border: solid 2px #CACACA;
                border-radius: 4px;
                padding: 0 45px 0 10px;
                background-color: #FFF;
                box-sizing: border-box;
        }
                #header #searchBox input.field
                {
                        -webkit-appearance:none;
                        width: 100%;
                        color: #666;
                        border: none;
                        outline: none;
                        padding-left: 0;
                        height: 24px !important;
                        line-height: 1.5 !important;
//                      line-height: 24px\9 !important;
                }
                #header #searchBox input.button
                {
                        -webkit-appearance:none;
                        width: 40px;
                        height: 28px !important;
                        position: absolute;
                        top: -2px;
                        right: -2px;
                        border: none;
                        text-indent: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        font-size: 0px;
                        line-height: 0 !important;
                        cursor: pointer;
                        background:url("../image/common/header_icon_sc.png") left top no-repeat;
                        outline: none;
                }

                /* 擬似プレースホルダー */
                #header #searchBox span.placeholder
                {
                        position: absolute;
                        top: 4px;
                        left: 10px;
                        font-size: 11px;
                        color: #666;
                }
                /* スマホ用タイトルは非表示 */
                #header #searchBox .smtTitle
                {
                        display: none;
                }

/*==============================================
1-3 GNavi
==============================================*/
#gNaviWrap
{
	width: 100%;
	background: #fff;
	position: relative;
}
#gNaviContent
{
	width: 100%;
	background: url(../image/common/gNavi_bg_02.png);
	background-size: 5px 3px;
	background-position: 0 bottom;
	background-repeat:repeat-x;
}
#gNavi
{
	background: url(../image/common/gNavi_bg_03.png);
	background-size: 5px 2px;
	background-position: 0 top;
	background-repeat:repeat-x;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;
}
#gNavi ul
{
	overflow: hidden;
	width: 960px;
	margin:0 auto;
	background: url(../image/common/gNavi_bg_01.png);
	background-position: left center;
	background-repeat:no-repeat;
	background-size: 2px 67px;
    display: table;
    vertical-align: middle;
}
#gNavi li
{
    display: table-cell;
    text-align: center;
	background: url(../image/common/gNavi_bg_01.png);
	background-position: right center;
	background-repeat:no-repeat;
	background-size: 2px 67px;
}
#gNavi01{width: 19%;}
#gNavi02{width: 23%;}
#gNavi03{width: 20%;}
#gNavi04{width: 18%;}
#gNavi05{width: 20%;}
#gNavi li a
{
    text-decoration: none;
}
#gNavi li a .forSmt
{
    display: none;
}
#gNaviContent #hederFcBk
{
	position: absolute;
	top: -24px;
	right: -4px;
	width: 100%;
}
#gNaviContent #hederFcBk .gNaviTxt .txt
{
    display: none;
}
#hederFcBk p
{
	width: 940px;
	margin: 0 auto;
	text-align: right;
	padding-top: 0;
}
#hederFcBk a
{
	display: inline-block;
	background: url(../image/common/header_btn_01.png) 0 top;
	height: 19px;
	width: 150px;
}
#hederFcBk a:hover
{
	background-position:0 bottom;
}


/*==============================================
1-4 main content
==============================================*/
.topicPath
{
    display: block;
    width: 100%;
    padding:18px 0 20px 0;
    font-size:12px;
    line-height: 1;
    overflow: hidden;
    font-weight: bold;  
}

.markTopic
{
    display: block;
    float: left;
}

.topicPath img
{
    vertical-align: baseline;
}

.topic
{
    display: block;
    float: left;
    margin-left: 10px;
    color: #54463f;
    text-decoration: none;
}

.borderingArrowRight
{
    display: block;
    float: left;
    margin-left: 10px;
}

#rightColumn
{
    width: 728px;
    float: right;
}

/*==================================
    タイトル共通部分
==================================*/

.title
{
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 59px 35px;
    background-color: #B6D766;
    border: solid 2px #7D9F38;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 0px 2px rgba(210,231,166,1) inset;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(210,231,166,1) inset;
    -o-box-shadow: 0px 0px 0px 2px rgba(210,231,166,1) inset;
    -ms-box-shadow: 0px 0px 0px 2px 
}

.bgTitle
{
    background-repeat: repeat;
    margin:2px;
    padding: 6px 0;
    border-radius: 6px;
    overflow: hidden;
}

.iconRight
{
    width: 99%;
    padding: 1px 0;
    background-image: url(../image/common/title_icon_01.png);
    background-repeat: no-repeat;
    background-position: right;
}

.innerTitle
{
    display: inline-block;
    background-color:#d9d9d9;
    border-radius: 15px;
    margin-left:6px;
    padding-top: 0.4%;
    padding-right: 20px;
}

.titleWrap
{
    width:100%; 
    padding: 2px 20px 4px 0;
    background-color:#ffffff;
    border-radius: 15px;
    margin-left:0.3%;
}

.titleWrap ul
{
    display:inline-block;
    margin-left: 2%;
}

.titleWrap ul li
{
    display: inline;
}

.innerIcon
{
    vertical-align: 10%;
}

.innerTxt01
{
    margin-left: 10px;
    vertical-align: 10%;
}

.innerTxt02
{
    margin-left: 8px;
    margin-top: 3px;
    font-size: 90%;
}

.innerTxt03
{
    margin-left: 10px;
    vertical-align: 10%;
}

/*==================================*/

/*==============================================
1-5 side navi
==============================================*/

/*==================================
    ナビゲーション共通部分
==================================*/

#leftColumn
{
    width: 222px;
    float: left;
    margin-bottom: 50px;
}
#banner
{
    width:100%;
    height: 100%;
}

.banner01
{
    display: none;
}

.sideBanner01
{
    margin-bottom: 9px;
    border: 3px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
}

.inBanner
{
    border:3px solid #D2E7A4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #ffffff;
    margin:auto;
}

.feature
{
    width: 192px;
    height:25px;
    background-image: url(../image/common/banner_bg_02.png);
    background-repeat: repeat;
    margin:10px auto;
    border-radius: 4px;
    text-align: center;
}

.feature img
{
    margin-top: 4px;
}

.bannerPhoto
{
    width: 192px;
    margin: 0 auto;
}

.bannerPhoto img
{
    max-width: 100%;
	width:100%;
    border: none!important;
}


.guide
{
    text-align: right;
    margin: 10px;
    font-size: 12px;
}

.guide img
{
    margin-right: 4px;
}

.guide a
{
    display: inline;
}

.guide span
{
    vertical-align: middle;
    line-height: 1.5;
    color: #177f4c;
    font-weight: bold;
}

.banner02
{
    margin-top: 10px;
    margin-bottom: 9px;
    border: 3px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
}
.searchTitle
{
    width: 90%;
    margin: 12px 0 7px 5px;
}

form p
{
    margin:auto;
}

.inputBox
{   
    width: 90%;
    height: 36px;
    background-color: #ffffff;
    border: 2px solid #d5d5d5;
    border-radius: 5px;
}

.inputBox input
{
    border: none;
    background: rgba(0, 0, 0, 0);
    width: 95%;
    height: 100%;
    color: #535353;
    padding-left: 5%;
    line-height: 2em;
}

/*for Webkit*/
    input::-webkit-input-placeholder
{
    color:#000000;
}

/*for Firefox*/
    input:-moz-placeholder 
{
    color:#000000;
}

.cash
{
    width: 95%;
    margin:12px 0 18px 5px;
    font-size: 12px;
    color: #333333;
}

.cash label

{
    line-height: 15px;
    vertical-align: bottom;
}

.cash input
{
    margin-right: 3px;
}

.buttonImg
{
    padding-left: 16px;
    padding-bottom: 10px;
}

#menuSection
{
    margin-top: 3%;
    border: 3px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.3);
}

#menuSectionInner
{
    border:3px solid #D2E7A4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #ffffff;
    margin:auto;
}

.panel
{
    width: 100%;
    padding: 14px 0;
    display: block;
    cursor: pointer;
	overflow:hidden;
}

.menuTxt
{
    padding-left: 10px;
    display: inline-block;
	float:left;
}

.menuIcon
{
    float:right;
    margin-right: 10px;
}
.menuPositionRight
{
    border-top:2px solid #dce5d7;
}
.menu ul,
.menu02 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top:2px solid #dce5d7;
}
.menu ul 
{   
    box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -webkit-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
}

.menu dd span 
{
    display: inline-block;
}

.menu a,
.menu02 a
{
    display: inline;
    vertical-align: middle;
    padding-left: 5px;
}
.menu dd,
.menu02 dd
{
    margin-left: 54px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}
.menu dt span,
.menu .animalList a,
.menu02 dt span,
.menu02 .animalList a
{
    font-size: 14px;
    color: #51443d;
    vertical-align: middle;
    font-weight: bold;
}

.menu .animalNavi,
.menu .animalNavi02,
.menu .animalNavi03,
.menu .animalNavi04,
.menu .animalNavi05,
.menu02 .animalNavi,
.menu02 .animalNavi02,
.menu02 .animalNavi03,
.menu02 .animalNavi04,
.menu02 .animalNavi05
{
    width: 100%;
}
.menu .animalNavi02,
.menu .animalList,
.menu .animalListLast,
.menu02 .animalNavi02,
.menu02 .animalList,
.menu02 .animalList02,
.menu02 .animalListLast
{
    background-image: url(../image/common/menu_bg_01.png);
    background-repeat: no-repeat;
    background-position:top;
}

.menu .animalNavi03 a,
.menu .animalNavi04 a,
.menu .animalNavi05 a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
    display: inline-block;
}

.menu .animalNavi dt img { margin:2px 6px 0 10px;}

.menu .animalNavi02 dt img { margin:5px 7px 0 12px;}
.menu .animalNavi02 dt span { padding-top: 7px; display: inline-block;}

.menu .animalNavi03 img { margin:7px 7px 9px 13px;}

.menu .animalNavi04 img { margin:13px 7px 9px 15px;}
.menu .animalNavi04 a { padding-top: 2px;}

.menu .animalNavi05 img { margin:9px 5px 9px 11px;}


.menu02 .animalNavi dt img { margin:2px 10px 0 13px;}

.menu02 .animalNavi02 dt img { margin:6px 9px 0 10px;}
.menu02 .animalNavi02 dt span { padding-top: 4px; display: inline-block;}

.menu02 .animalNavi03 img { margin:15px 3px 11px 12px;}

.menu02 .animalNavi04 img { margin:13px 5px 12px 12px;}
.menu02 .animalNavi04 a {padding-top: 2px;}

.menu02 .animalNavi05 img { margin:4px 5px 0px 13px;}


.panel02{
	overflow:hidden;
    width: 100%;
    padding: 12px 0 16px;
    display: block;
    cursor: pointer;
    border-top:2px solid #dce5d7;
    box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -webkit-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 0px 0.5px rgba(255,255,255,0.4);
}



.menuIcon02
{
    float: right;
    margin-right: 10px;
}

.menuIcon02 img
{
    margin-top: 1px;
}


.animalList02 img
{
    margin:0 5px 0 10px; 
}

.animalList02 a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
}

.animalListLast02      
{
    width: 100%;
    background-image: url(../image/common/menu_bg_01.png);
    background-repeat: no-repeat;
    background-position:top;
    padding: 5% 0;
}

.animalListLast02 img
{
    margin:0 5px 0 10px; 
}

.animalListLast02 a
{
    font-size: 13px;
    color: #51443d;
    font-weight: bold;
    position: relative;
    top: 3px;
    text-decoration: none;
}

.menu03 a
{
    display: block;
    padding: 14px 0 18px;
}

.menuTxt03     
{
    padding-left: 10px;
    display: inline-block;
}

.menu03 img
{
    border:none !important;
}

.menuIcon03
{
    float: right;
    margin-right: 10px;    
}

/* button
------------------------------------------------------------------------------------------ */

/* ---- selectButton ---- */
#leftColumn .js_selectBtn
{
    position: relative;

}
#leftColumn .js_selectBtn .inputButtonInner
{
    display: block;
    overflow: hidden;
    background: #D4D4D4;
    padding:2px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#leftColumn .js_selectBtn .inputInnerCell
{
    display: block;
    overflow: hidden;
    background: #EDEDED;
    padding: 8px 12px;
    font-weight: bold;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#leftColumn .js_selectBtn select
{
    z-index: 10;
    opacity: 0;
    margin-top: 0;
    width: 100%;
    height: 43px;
    background: #fefefe;
    position: absolute;
    top: 0;
    left: 0;
}
#leftColumn .js_selectBtn p
{
    position: absolute;
    top: 0%;
    line-height: 46px; /*高さと同じ値を入力*/
    padding-left: 4px;
}
#leftColumn .selectValue
{
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px 6px;
    padding-right: 20px;
    display: block;
}
/* ---- /selectButton ---- */

/* ---- input button ---- */
#leftColumn 
.inputButton .inputButtonInner{
    display: inline-block;
    overflow: hidden;
    background: #D4D4D4;
    padding:2px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}#leftColumn 
.inputInnerCell{
    display: block;
    overflow: hidden;
    background: #EDEDED;
    padding: 8px 12px;
    font-weight: bold;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}#leftColumn 
.checked .inputInnerCell{
    background:none !important;
    border:none !important;
}
#leftColumn 
.checked{
    background:#4FC2CB !important;
    border-bottom: #45AAB2 2px solid;
    color: #fff;
}#leftColumn 
.checked .inputInnerCell{
    padding: 9px 14px;
}#leftColumn 
.inputButton input{
    display:none;
    visibility: hidden;
    opacity : 0;
    width:0;
}
/* ---- /input button ---- */

#leftColumn #myMdclRcrdFree input
{
    width:184px;
    margin-left: 5px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}
#leftColumn .inputText input
{
    background-color:rgb(255,255,255);
    height:36px;
    height :1.5em\9;
    padding:0;
    padding-top :10px\9;
    padding-bottom :7px\9;
    padding-left: 1em;
    border-color:rgb(212,212,212);
    border-width:2px;
    border-style:solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
html:not(:target) #leftColumn .inputText input
{
    height:36px;
    padding:0;
    padding-left: 0.5em;
}
#leftColumn  .cash input[type="checkbox"]
{
    display: inline-block !important;
}


/*==============================================
1-6 footer
==============================================*/
#animalNav
{
    clear: both;
    width: 960px;
    overflow: hidden;
}

#animalNav img
{
    border: none!important;
}

#socialBtn
{
    clear: both;
    float: left;
    width: 12%;
    margin-top: 50px;
    margin-left: 10%;
}
.socialTxt
{
    position: relative;
    left: 60%;
}
.socialIcon img
{
    width: 87px;
    height: 80px;
}
#toTop
{
    float: right;
    margin-top: 66px;
    margin-right: 8%;
}
.iconToTop
{
    position: relative;
    left: 90%;
    bottom: 25px;
}
.iconToTop img
{
    width: 57px;
    height: 90px;
}
#footer
{
	padding-top: 45px;
}
#footer a,#footer a:hover,#footer a:visited
{
	color:#177F4D;
	text-decoration: underline;
	text-align: center;
}
#footerInner
{
	width: 856px;
	margin: 0 auto;
	padding-bottom: 44px;
	position: relative;
}
	#footer h2
	{
		position: absolute;
		top: 0;
		left:0;

	}
	#footer ul
	{
		overflow: hidden;

	}
	#ftrSubImgSmt
	{
		display: none;
	}
	/*共通部分*/
	
	
	/*上*/
	#footer #ftrMain
	{
		width: 100%;
		text-align:center;
	}
		#footer #ftrMain li
		{
			-moz-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
			-webkit-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
			box-shadow:0px 4px 0px rgba(0,0,0,0.3);
			background:#fff;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			padding:2px;
			display:inline-block;
			font-size: 1.1em;
			margin-bottom:3px;
		}
			#footer #ftrMain li a
			{
				background-image: url(../image/common/bg_01.png);
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				padding:2px;
				display:block;
			}
				#footer #ftrMain li a img
				{
					padding-left:5px;
				}
				#footer #ftrMain li a span
				{
					background:#fff;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;
					display:block;
					padding:10px;
                    padding-right: 25px;
					text-decoration:underline;
					font-weight:bold;
                    background: url(../image/common/arrow_01.png) no-repeat 97% center #fff;
				}
				
	
	/*下*/
	#footer #ftrSub
	{
		width: 100%;
		text-align:center;

	}
		#footer #ftrSub li
		{
			-moz-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
			-webkit-box-shadow:0px 4px 0px rgba(0,0,0,0.3);
			box-shadow:0px 4px 0px rgba(0,0,0,0.3);
			background:#fff;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			padding:2px;
			display:inline-block;
			margin-bottom:3px;
		}
			#footer #ftrSub li a
			{
				background-image: url(../image/common/bg_02.png);
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				padding:2px;
				display:inline-block;
			}
				#footer #ftrSub li a img
				{
					padding-left:5px;
				}
				#footer #ftrSub li a span
				{
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;
					display:inline-block;
					padding:6px;
					text-decoration:underline;
					font-weight:bold;
                    padding-right: 25px;
                    font-size: 12px;
				}
                #ftrSubSompo a span{background: url(../image/common/arrow_05.png) no-repeat 160px center #fff;}
                #ftrSubFrntr a span{background: url(../image/common/arrow_05.png) no-repeat 185px center #fff;}
                #ftrSubPafe a span{background: url(../image/common/arrow_05.png) no-repeat 150px center #fff;}
                #ftrSubLab a span{background: url(../image/common/arrow_05.png) no-repeat 170px center #fff;}

#footer p
{
	clear: both;
	color: #666666;
	font-weight: bold;
	background-color: #F5F7ED;
	width: 100%;
	text-align: center;
}


/*------------------------------------秋デザイン用CSS-----------------------------------------------*/
.socialIcon img
{
	width:92px;
	height:96px;
}

.iconToTop
{
    position: relative;
    left: 70%;
    bottom: 36px;
}
	.iconToTop img
	{
		width: auto;
		height:100px;
	}
	
/* ----------------------------------------------------------------
    Style Adjust
----------------------------------------------------------------- */
.mt00{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}

.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.aleft{text-align:left !important;}
.acenter{text-align:center !important;}
.aright{text-align:right !important;}
.vtop{vertical-align:top !important;}
.vmiddle{vertical-align:middle !important;}
.vbottom{vertical-align:bottom !important;}