@charset "utf-8";

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



	Info CSS



 -----------------------------------------

	INDEX

 -----------------------------------------



	=01.ttl

	=02.list

	=02.article



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











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



	=01.ttl

------------------------------------------------------------------------------------ */



#InfoContents h2 {
    margin: 0 0 15px;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #0070B6;
}

#InfoContents h2:before {
    font-family: fontAwesome;
    content: "\f0c8";
    margin-right: 5px;
}





#InfoContents h3 {

    width: 980px;

    height: 41px;

    position: relative;

    margin-bottom: 30px;

    background: url(../../information/images/ttl2.png) no-repeat left top;

}



#InfoContents h3 span {

    position: absolute;

    width: 0;

    height: 0;

    overflow: hidden;

}



#TopicsContents h2 {

    width: 940px;

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

    margin-bottom: 30px;

    background: #E6E6E6;

    font-size: 0.938em;

    color: #000;

    font-weight: normal;

}





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



	=02.list

------------------------------------------------------------------------------------ */



#InfoContents dl {


    margin: 0 auto;

    text-align: left;

    overflow: hidden;

}



#InfoContents dl dt {

    width: 7em;

    padding-left: 10px;

    float: left;

    clear: both;

    /*background: url(../img/arrow03.png) no-repeat left center;*/

}





#InfoContents dl dt,

#InfoContents dl dd {


    padding-top: 10px;

    padding-bottom: 10px;


}

#InfoContents dl dd {
    padding: 10px 0 10px 8em;
    border-bottom: 1px dotted #888;
}

#InfoContents dl dd img {
    margin-left: 5px;
    vertical-align: middle;
}



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



	=03.article

------------------------------------------------------------------------------------ */



#TopicsContents #Article {

    width: 980px;

    text-align: left;

    overflow: hidden;

}



#TopicsContents #Article #Entry {

    width: 660px;

    float: left;

    display: inline;

    margin-left: 10px;

}
#TopicsContents #Article #Entry02 {
    display: inline;
}


#TopicsContents #Article #Fig {

    float: right;

    width: 250px;

}





#TopicsContents #Article #Entry div {

    width: 660px;

    text-align: left;

}



#TopicsContents #Article #Entry div.m-news,
#TopicsContents #Article #Entry02 div.m-news{

    padding-bottom: 20px;

    margin-bottom: 20px;

    background: url(../img/dot_01.gif) repeat-x left bottom;

}
#TopicsContents #Article #Entry02 div.m-news{
    font-size: 14px;
}


#TopicsContents #Article #Entry div dl {

    width: 100%;

}



#TopicsContents #Article #Entry div dl dt,

#TopicsContents #Article #Entry div dl dd,

#TopicsContents #Article #Entry div p {

    font-size: 0.813em;

    line-height: 1.5;

}



#TopicsContents #Article #Entry div dl dt {
    margin-bottom: 1em;
}



#TopicsContents #Article #Entry div p {

    margin-bottom: 10px;

}