@charset "UTF-8";
/*
----------
content.css
2016-6-3
- 画像に角丸設定追加



- スマホ版での写真がはみ出し
- urlのはみ出し
----------
*/

/**/
#content:after,
.breadcrumb:after,
main:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

#content,
.breadcrumb,
main {
    _zoom: 1;
}

/*
-----
Content
-----
*/
.content {
    width: 100%;
    /*max-width: 940px;*/
    padding: 20px 0;
    display: block;
    text-align: center;
    margin: 0 0;
    background: url(../images/bg.png) repeat 0 0;
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.w100per {
    width: 100%
}

.w50per {
    width: 50%
}

.w20per {
    width: 20%
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr42 {
    padding-right: 42px
}

/*
-----
breadcrumb
-----
*/
.breadcrumb {
    display: block;
    background-color: #EDF7FD;
    padding: 0 0;
    clear: both;
}

.breadcrumb .inner {
    width: 100%;
    max-width: 1100px;
}

.breadcrumb li {
    float: left;
    padding: 4px 0;
}

.breadcrumb li:after {
    display: inline-block;
    content: '>';
    margin: 0 0.6em;
    color: #959fa5;
}

.breadcrumb li:last-child:after {
    content: '';
}

/*
-----
Heading
-----
*/
.hdg-1 {
    padding: 24px 16px;
    border-left: 4px solid #EA6094;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    box-shadow: #ddd 1px 1px 1px 1px;
    /* background: #fff url(../images/hdg.png) no-repeat right center; */
    background-color: #fffdff;
}

.hdg-2 {
    padding: 8px 0;
    border-bottom: 4px solid #EA6094;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px
}

.hdg-2 small,
.hdg-3 small {
    color: #666;
    font-size: 14px;
    font-weight: normal
}

.hdg-3 {
    padding: 8px 12px 6px;
    ont-size: 16px;
    font-weight: bold;
    background-color: #FDEFF4;
    margin-bottom: 8px;
}

.hdg-4 {
    border-left: 4px solid #EA6094;
    margin-bottom: 8px;
    padding: 0 8px;
    font-weight: bold;
}

.hdg-5 {
    padding: 8px 0;
    border-bottom: 4px solid #EA6094;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px
}

.hdg-5 small {
    color: #666;
    font-size: 14px;
    font-weight: normal
}

/*
-----
main
-----
*/

main {
    width: 100%;
    /* max-width: 680px; */
    padding: 0;
    float: left;
    clear: both
}

.underlayer {max-width: 70%;}

/*main a[href^="http"]*/
main a[target="_blank"] {
    background: url(../images/icon_blank2.png) no-repeat center right;
    padding-right: 18px;
    margin-right: 5px;
}

.hdg-1 small, .hdg-2 small, .hdg-3 small {
    color: #666;
    font-size: 14px;
    margin-left: 8px;
    font-weight: normal;
}

.blog-index {
    border-top: none;
    border-left: none;
    margin: unset;
    width: 100%;
}

.blog-index .nowrap{white-space: nowrap;}

.blog-info{margin-top: 40px;margin-bottom: 40px;}

.dep-chara {padding-left: 15px;}

.underline {border-bottom: 1px solid #000000;}

/*
-----
btn
-----
*/
.btn a {
    border-radius: 16px;
    text-decoration: none;
    padding: 8px 16px;
    margin: 0 4px
}

.btn a:link,
.btn a:visited {
    background-color: #ea6094;
    color: #fff;
}

.btn a:hover,
.btn a:active {
    background-color: #eee;
    color: #ea6094
}

.btn-download a:before {
    content: "Download";
    margin: 0 0.4em 0 8px;
    background-color: #ea6094;
    padding: 4px 8px;
    color: #fff;
    font-weight: normal;
    font-size: 12px
}

.btn-download a:link,
.btn-download a:visited {
    background-color: #f4f4f4;
    color: #ea6094;
    border: 1px solid #ea6094
}

.btn-download a:hover,
.btn-download a:active {
    background-color: #ea6094;
    color: #fff;
}

.btn-download a {
    border-radius: 4px;
    text-decoration: none;
    padding: 4px;
    display: inline-block
        /*のちほど詳しく*/
    ;
    font-size: 16px;
    margin: 2px 0;
}

main a.pdf {
    background: url(../images/icon_pdf.gif) no-repeat center right;
    padding: 4px 18px 4px 0;
}
.content .pdf {
    background: url(../images/icon_pdf.gif) no-repeat center right;
    padding: 4px 18px 4px 0;
}

/*
-----
contact-box
-----
*/
.contact-box {
    border: 2px dotted #EA6094;
    padding: 16px 16px 8px;
    background-color: #fff
}

/*
-----
List
-----
*/
.list-nomal {
    list-style-type: disc;
    margin-left: 1em
}

.list-nomal li {
    margin-bottom: 8px
}

.list-number {
    list-style: decimal;
    margin-left: 1.6em
}

.list-number li {
    margin-bottom: 8px
}

.list-circle li {
    text-indent: -2em;
    padding-left: 2em;
    margin-bottom: 8px;
    line-height: 140%
}

.list-circle li:before {
    content: "●";
    color: #EA6094;
    padding-right: 1em
}

.list-align li{
	text-indent: -2.6em;
    margin-left: 2.6em;
}

/*
-----
pager
-----
*/
.pager {
    margin: 8px 0 24px;
    text-align: center;
}

.pager li {
    list-style: none;
    display: inline-block;
    margin: 8px 4px
}

.pager li a {
    padding: .5em 1em;
    background: #fff;
    border-radius: 16px;
    text-decoration: none
}

.pager li a:link,
.pager li a:visited {
    border: 1px solid #3eb3ed;
}

.pager li a:hover,
.pager li a:active {
    border: 1px solid #EA6094;
}

/*
-----
img
-----
*/
.img-radi {
    border-radius: 8px
}


/*
--------------------
side
--------------------
*/
.side {
    width: 100%;
    max-width: 240px;
    float: right;
    padding: 0;
}

/*
-----
localnav
-----
*/
.localnav {
    border-top: 4px solid #999
}

.localnav li {
    border-bottom: 1px dotted #aaa;
    font-size: 1em;
}

.localnav li a {
    text-decoration: none
}

.localnav li a:link,
.localnav li a:visited {
    background-color: #f4f4f4;
    display: block;
    padding: 8px;
    color: #EA6094
}

.localnav li a:hover {
    background-color: #fff;
}

.index .localnav li a.index,
.news .localnav li a.news,
.support-telphone .localnav li a.support-telphone,
.counter .localnav li a.counter,
.library .localnav li a.library,
.childrens-room .localnav li a.childrens-room,
.training-room .localnav li a.training-room,
.bbs .localnav li a.bbs,
.magazine .localnav li a.magazine,
.gallery .localnav li a.gallery,
.sister-city .localnav li a.sister-city,
.consultation .localnav li a.consultation,
.international-group .localnav li a.international-group,
.exchange-information .localnav li a.exchange-information {
    background-color: #EA6094;
    color: #fff
}

/*
-----
pageup
-----
*/
.pageup {
    text-align: right;
    margin-top: 15px;
}

.pageup a {
    text-align: center;
    padding: 8px;
    background-color: #fff;
    text-decoration: none
}

.pageup a:hover {
    background-color: #3DB3ED;
    color: #fff;
}



@media only screen and (max-width: 960px) {

    .content {
        padding: 0;
    }

    .breadcrumb {
        padding: 0 8px;
        margin: 0;
    }

    .breadcrumb li {
        padding: 0
    }

    .underlayer {
    	max-width: 100%;
    	line-break: anywhere;
	}

    main,
    .side {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    main {
        margin-bottom: 20px
    }

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

}

@media only screen and (max-width: 767px) {
	.pageup{margin: unset;}
}