@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;
}

/*
-----
breadcrumb
-----
*/
.breadcrumb{display:block;background-color: #EDF7FD;padding:0 0;clear:both;}
.breadcrumb .inner{width: 100%;max-width: 940px;}
.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;
}
.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; margin-left:8px; 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; }

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

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

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

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


.btn a:link,
.btn a:visited{ background-color:#3DB3ED; 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;}

/*
-----
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}

/*
-----
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{
	background-color:#EA6094; color:#fff
}

/*
-----
pageup
-----
*/
.pageup { text-align:right}
.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}

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

main{ margin-bottom:20px}
main img{ max-width:100%}

}

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

}