/* 分類リスト */
#classList
{
    padding:10px 10px 0px;
    font-size:0.9em;
    line-height:150%;
    position:relative;
}
#dspClassArea
{
    max-width:1000px;
    margin:0px auto 30px;
}
/* 2016/11/29 アクセシビリティ対応  ul#footerLinkに影響しないようにする dspClassArea追加*/
#classList #dspClassArea ul
{
    float:left;
    margin: 0px 9px 10px 0;
    width:133px;
}

/* 2016/11/29 アクセシビリティ対応  ul#footerLinkに影響しないようにする dspClassArea追加*/
#classList #dspClassArea ul li.topClassName
{
    font-weight:bold;
    border-bottom:solid 1px #009143;
    padding-bottom:0px;
    margin-bottom:3px;
    display: inline-block;
}
/* 2016/12/13 アクセシビリティ対応 li.topClassNameのfont-weight:boldを消す為にli.underClassName追加*/
.underClassName
{
    font-weight:normal;
}
/* 2016/11/29 アクセシビリティ対応  ul#footerLinkに影響しないようにする dspClassArea追加*/
#classList #dspClassArea ul li a
{
    text-decoration:none;
}

/* フッターメニュー */
#footerMenu
{
    padding:0px 0px 0px;
    font-size:0.9em;
    max-width: 1000px;
    margin:0px auto;
    text-align:center;
}

#footerMenu a
{
    text-decoration:none;
}
/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
#footerMenu p,
#footerMenu ul
{
    max-width:1000px;
    margin:0px auto;
}
/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li> display: inline-block追加 */
#footerMenu p span,
#footerMenu ul li
{
    padding-left:0px;
    margin:0px 0px 0px 0px;
    /*background:url("../../images/top1/ya_gray.gif") no-repeat 0px center; */
    display: inline-block;
}

/* フッターリンク */
/* 2016/11/29 アクセシビリティ対応 <div><span>→<div><ul><li>*/
#footerLink
{
    max-width:1000px;
    margin:0px auto;
    font-weight:bold;
    text-align:center;
    padding-bottom:10px;
    position:relative;
}

#footerLink img
{
    position:absolute;
    bottom:0px;
    left:0px;
}

/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
#footerLink span,
#footerLink li
{
    padding:0px 5px;
    display: inline-block;
}
/* 問合せ先 */
#siteinfo
{
    padding:0px;
    font-size:0.9em;
    margin:0px;
	/* ※背景色は色別CSSで定義 */
}
#toiawase
{
    max-width:1100px;
    margin:0px auto 0px auto;
    padding:0px 0px 15px 0px;
}
#footerImg {
    max-width:125px;
    float:right;
    margin:50px 0px 0px 0px;
}

#footerImg2 {
    max-width:252px;
    float:right;
    margin:0px 0px 0px 0px;
}


    #toiawasetitle{
    font-weight:bold;
    font-size:1.4em;
    padding:20px 0px 10px;
    }

#footerbtn01 ul li {
            float:left;
            margin:10px 0px 10px 10px;
            padding:5px 10px;
            border-radius:5px;
}


/* copyright */
#cp
{
    margin:0px auto;
    text-align:center;
    font-size:0.7em;
	/* ※背景色・文字色は色別CSSで定義 */
    padding: 10px 0px;
   border-top:1px solid #ffffff;

}

/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtnAndLogo
{
    max-width:820px;
    margin:0px auto;
    padding: 3px 0px;
}

/* 2016/11/29 アクセシビリティ対応 　<div><p>→<ul><li> width:1000→800px　float:left;*/
div#footerBtn,
ul#footerBtn
{
    max-width:820px;
    margin:0px auto;
}

/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li> display: inline-block;追加 */
div#footerBtn p,
ul#footerBtn li
{
    float: left;
    font-size: 0.9em;
    margin: 0 5px;
    padding: 3px 10px;
}


ul#footerBtn li.cc
{
    border-radius: 3px;
    float: left;
    font-size: 0.9em;
    margin: 0 5px;
    padding: 2px 8px;
}

div#footertextlink,
ul#footertextlink
{
    margin:20px auto 0px;
    color:#ffffff;

}

/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li> display: inline-block;追加 */
div#footertextlink p,
ul#footertextlink li
{
    font-size: 0.9em;
    margin: 0 3px;
    padding: 3px 10px;
}


ul#footertextlink li.cc
{
    border-radius: 3px;
    float: left;
    font-size: 0.9em;
    margin: 0 5px;
    padding: 2px 8px;
}

/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtn p#footerBtn1,
ul#footerBtn li#footerBtn1
{
    /*background-image:url("../../images/top1/icon_footer01.gif");
    background-repeat:no-repeat;
    background-position:10px center;*/
}
/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtn p#footerBtn1 a,
ul#footerBtn li#footerBtn1 a
{
    padding-left:45px;
}
/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtn p#footerBtn2,
ul#footerBtn li#footerBtn2
{
    /*background-image:url("../../images/top1/icon_footer02.gif");
    background-repeat:no-repeat;
    background-position:10px center;*/
}
/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtn p#footerBtn2 a,
ul#footerBtn li#footerBtn2 a
{
    padding-left:40px;
}

ul#footertextlink li{
    padding:6px 0px 0px;
}

ul#footertextlink li a{
    text-decoration:none;
}


/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtn p a,
ul#footerBtn li a
{
	display:block;
	text-decoration:none;
	padding:0px 2px 2px 13px;
}

/* 2016/11/29 アクセシビリティ対応 <p><span>→<ul><li>*/
div#footerBtn .logo,
div#footerBtnAndLogo .logo
 {
    	float:right;
        padding:0px;
        margin:0px;
    }

@media screen and (max-width:1100px) and (min-width:768px) {
    /* タブレット用のスタイル記述 */
    #footerArea img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    }

    #toiawase {
    width:95%;
    }

    #footertextlink, ul#footertextlink {
    width:95%;
    }

    #footerImg {
    margin: 10px 0px 0px 0px;
}
    #toiawasenaiyou {
    width:100%;
    margin:0px auto;
    }

    #footerImg2{

    display:none;
    }

}


/* スマホ用 */
@media screen and (max-width:767px){

    img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}

    #siteinfo {
    width:100%;
    margin:0px auto;
    }

    #toiawase {
    width:100%;
    margin:0px auto;
    }

    #toiawase p{
    margin:0px 15px;
    }


    #footerImg {
        float:none;
        margin: 10px 0px 0px 10px;
    }

    #footerImg2 {
    display:none;
    }

    #toiawasenaiyou {
    width:100%;
    margin:0px auto;
    }

    div#footertextlink, ul#footertextlink {
    float:left;
    margin: 8px 15px;
    }

    #cp {
    text-align:center;
    margin:0px auto;
    width:100%;
    }
}