/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height:550px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 550px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:550px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right:0px;
  padding-left:0px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin:0 5px 20px 5px;
  text-align: center;
	border:3px solid #0063d0;
	border-radius: 10px; /* CSS3���� */
	-webkit-border-radius: 10px; /* Safari,Google Chrome�p */
	-moz-border-radius: 10px; /* Firefox�p */
}
.marketing h2 {
  font-weight: bold;
}
.marketing .col-lg-4 p {
  margin-right:0px;
  margin-left:0px;
}






/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */clear:both;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left:0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (max-width: 768px) {
	.row{padding:0 15px;}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/*---------------------------------------------------------
�@140316�lj�
---------------------------------------------------------*/
#conTop{width:100%;margin:30px 0 0 0;padding:0;}

@media (min-width: 768px) {
	#conTop{margin:0;}
}
@media (min-width: 992px) {
	#conTop{margin:0;}
}
@media (min-width: 1200px) {
	#conTop{margin:0;}
}



/* �_�C�W�F�X�g */
#about{width:100%;margin:30px 0 0 0;}

.box3{
	float:left;
	margin:0 5px 0 8px;
	text-align:center;
	border:3px solid #0063d0;
	border-radius: 10px; /* CSS3���� */
	-webkit-border-radius: 10px; /* Safari,Google Chrome�p */
	-moz-border-radius: 10px; /* Firefox�p */
	padding:20px 0;
	position:relative;
}

.box3 h2{color:#0063d0;font-size:21px;font-family:Meiryo, ���C���I, 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', sans-serif;}
.box3 p{padding:0 20px;}
.box3 a:hover.btnMore img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
.box3 a.btnMore p {color: #fff;background: #0063d0;padding: 10px 10px;line-height: 14px;font-size: 12px;width: 122px;margin: 0 auto;border-radius: 5px;position: relative;text-align: left;}
.box3 a.btnMore p::after {content: "";position: absolute;right: 10px;top: 50%;width: 9px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: translateY(-50%) rotate(-45deg);}
.box3 a.btnMore:hover p {opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
@media (max-width: 768px) {
	.box3{width:90%;margin:0 auto 15px;float:none;}
}

@media (min-width: 992px) {
	.box3{width:90%;margin-bottom:15px;}
}

@media (min-width: 1200px) {
	.box3{min-height:450px;width:32%;}
	.box3 p{text-align:left;}
	.box3 .btnMore{position:absolute;bottom:20px;left:35%;}
}




/*
.col-lg-4 h2{font-size:21px;font-family:Meiryo, ���C���I, 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', sans-serif;}
.col-lg-4 p{margin-bottom:50px;}

.col-lg-4 .btnMore{margin:5px auto 15px;}
.col-lg-4 a:hover.btnMore img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

@media (min-width: 768px) {
	.col-lg-4 .btnMore{position:static;margin:5px auto;}
}
@media (min-width: 992px) {
	.col-lg-4 p{margin-bottom:20px;}
	.col-lg-4 .btnMore{position:static;margin:5px auto;}
}
@media (min-width: 1200px) {
	.col-lg-4 {width:32%;padding:40px 0;}
	.col-lg-4 p{margin-bottom:100px;}
	.col-lg-4 .btnMore{position:absolute;bottom:0;left:35%;}
}
*/

/* �摜�{�b�N�X */
.col-md-7 h2{font-size:26px;margin:0 0 20px 0;color:#0063d0;font-family:Meiryo, ���C���I, 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', sans-serif;}
.col-md-7 h2 span{font-size:0.7em;margin:0 0 0 1em;color:#666;}

.col-md-7 .inner{width:96%;margin:0 auto 30px;}
.col-md-7 .inner h3{font-size:21px;font-weight: 700;margin-bottom:0;}
.col-md-7 .inner p.att{color:#666;margin:0;}
.col-md-7 .inner table{border-collapse:collapse;border-spacing:0px;width:98%;margin:6px 0;}
.col-md-7 .inner table th{padding:6px 15px 6px 0;text-align:left;font-weight:lighter;width:10%;text-align:right;}
.col-md-7 .inner table td{padding:6px 0;line-height:1.4;width:90%;}

.col-md-7 .inner table.youkou{width:93%;margin:0 auto;}
.col-md-7 .inner table.youkou th, .col-md-7 .inner table.youkou td{border-bottom:1px dotted #ccc;padding:7px 0;}
.col-md-7 .inner table.youkou th{width:15%;text-align:left;vertical-align:top;}
.col-md-7 .inner table.youkou td{width:85%;padding-left:0.5em;}
.col-md-7 .inner table.youkou td p{text-indent:-1em;padding:0 0 0 1em;margin:0 0 1em 0;}
.col-md-7 .inner table.youkou td p.att{font-size:0.85em;}

.col-md-7 .inner h3.ttlS{background:#eee;font-size:16px;padding:5px;margin-bottom:10px;}
.col-md-7 .inner h4{bfont-size:13px;margin:0 0 5px 0;}
.col-md-7 .inner .colAtt{font-size:16px;color:#ca2535;font-weight:bold;}
.col-md-7 .inner a.linkTx{background:url(../img/z_arrow_bl.png) 0 6px no-repeat;padding:0 0 0 10px;}
.col-md-7 .inner .attRed{font-size:12px;color:#ca2535;}


.col-md-7 .inner ol li{margin-bottom:10px;}

.entry{
	background:#0063d0;
	color:#fff;
	padding:10px 0;
	font-weight:bold;
	display:block;
	text-align:center;
	font-size:21px;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	margin:10px 0 30px 0;
}
a:hover.entry{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";color:#fff;text-decoration:none;}

.col-md-5 p{line-height:1.8;}


#program{width:100%;}

	/*--CLEAR--*/
	#program:after{content:"";display:table;clear:both;zoom:1;}




/* 1�J���� */
.boxAll{width:100%;margin:0 auto;float:none;}
.boxAll h2{font-size:26px;margin:0 0 20px 0.5em;color:#0063d0;font-family:Meiryo, ���C���I, 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', sans-serif;}
.boxAll dl.faq{width:96%;margin:0 auto;}
.boxAll dl.faq dt span, .boxAll dl dd span{display:block;}
.boxAll dl.faq dt span{font-size:18px;font-weight:lighter;color:#d81c1c;}
.boxAll dl.faq dd span{font-size:18px;color:#448aca;}
.boxAll dl.faq dt{font-weight:lighter;margin-bottom:20px;}
.boxAll dl.faq dd{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
.boxAll dl.faq dd span{font-size:1em;}
.boxAll dl.faq dd:last-child{border:none;}



#volunteer .inner{margin:0 15px;}
#volunteer .inner p.read{margin-bottom:2em}

#volunteer dl.item{width:96%;padding:30px 30px 0 30px;margin:0 auto;background:#f7f7f7;border:1px solid #ccc;}
#volunteer dl.item dt{font-size:16px;margin-bottom:5px;}
#volunteer dl.item dd{border-bottom:1px dotted #b7b7b7;padding:0 0 20px 1em;margin:0 0 20px 0;}
#volunteer dl.item dd.last{border:none;}

#sponsor{padding:15px 15px 5px 15px;width:100%;}
#sponsor .boxAll{width:90%;}

#sponsor .bnrS{text-align:center;}
#sponsor .bnrS img{margin:0 0 6px 10px;display:inline-block;/*float:left;*/vertical-align:top;}

#sponsor .irre{margin-bottom:0px;text-align:center;}
#sponsor .irre img{float:none;display:inline;margin-bottom:10px;}

#volunteer .inner .sizeB{margin-bottom:10px;}



@media (min-width: 768px) {
	.boxAll h2{margin-left:0;}
}
@media (min-width: 992px) {
	.boxAll h2{margin-left:0;}
}
@media (min-width: 1200px) {
	.boxAll h2{margin-left:0;}
}


@media screen and (max-width: 640px){
	#sponsor .boxAll{width:100%;}
	#sponsor .bnrS img{width:30%;height:auto;margin:0 2px 6px 2px;}
	#sponsor .irre img{width:48%;height:auto;margin:0 2px 6px 2px;}
}