@charset "utf-8";


/* CSS Document */
/* browser style reset
=========================================================*/
*{padding: 0; margin: 0;}
html,body,div,p,pre,
table,caption,
dl,dt,dd,ul,ol,li,
fieldset,form,label,legend{
	margin:0;
	padding:0;
	font-size:100%;
	text-align: left;
}
p{
	line-height:1.6;
	margin-bottom:10px;
}

a img{border:0;}
h1,h2,h3,h4,h5,h6	{
	clear:both;

}
h1{
	font-size:150%;
	margin-top:0;
	position: relative;
	padding: 0.5em;
	background-color:#eee;
	color:#3456ba;
	margin-bottom:1em;
}
h2{
	font-size:120%;
	margin-bottom:1.2em;
	padding:0.3em;
	border-bottom:1px solid #ccc;

}
h3{
	font-size:120%;
	margin-bottom:10px;
	color:#3456ba;
	background:#eee;
	padding:0.4em;
	border-radius:2px;
	
}
h4{
	font-size:120%;
	margin-bottom:10px;
	color:#3456ba;
	padding:0.4em;
	
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em	{
	position:relative;
	z-index:-1;
	
}
/* 2. element style
=========================================================*/
strong{font-weight:bold;}
a {
	color:#428bca;
}
a img{
	border-style:none;
}

ul	{
	list-style:none;
	margin-left:1.5em;
}

ol{
	margin-left:1.5em;
}

a:link{ 
	text-decoration:none;
}
a:visited { 
	color:#609;
	text-decoration:none;
}

a:hover{
	 text-decoration:underline;
}
a:active{
	text-decoration:none;
}
dt {
		color:#3456ba;
}

em{
	font-weight:bold;
	font-style:normal;
}

.memo{
	text-indent:-1em;
	margin-left:2em;
	margin-right:2em;
}

.margin-top-30{
	margin-top:30px;
}

/* box margin
---------------------------------------------------------*/
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

/* box padding
---------------------------------------------------------*/
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}


/*ページの基本構造
-----------------------------*/
html{
	overflow-y:scroll;
}

html, body	{
	height:100%;
	position: relative;

}
body {
	margin:0px;
	padding:0px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

/*bootstrap
-----------------------------*/
.panel-primary{
}
	
.panel-primary > .panel-heading{
	/*background-color:#5477de;*/
}


/* ヘッダー
-------------------------------------------------------------*/
header{
		border-top:3px solid #3456ba;
		border-bottom:1px solid #3456ba;
		margin-bottom:30px;
}
header p{
	color:#3456ba;
	margin-bottom:0;
	line-height:2;
}

/* ナビゲーション
-------------------------------------------------------------*/
.navbar-default{
	background:none;
	border:none;
}
.navbar-form,
.navbar-header,
.navbar-collapse{
	border:none;
}
.navbar img{
	float:left;
	margin:5px 0;
}
.navbar-header{
	border-bottom:none;
}

/* コンテナ
-------------------------------------------------------------*/
#container-box{
	position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	overflow:hidden;
}

/*メニュー
-------------------------------------------------------------*/
.menu a{
	font-size:95%;
	color:#3456ba;
}
.menu a:hover{
	color:#428bca;
}
.menu .list-group-item.active,
.menu .list-group-item.active:hover,
.menu .list-group-item.active:focus{
	background-color:#3456ba;
	border-color:#eee;
	
	
}
.menu .list-group a.list-group-item active{
	background-color:#3456ba;
}

.menu small{
	font-size:95%;
}


/*掲載内容
-----------------------------------------------------------------*/
article{
	padding-bottom:100px;
	margin:0 10px 40px;
	
}

article .row{
	margin-left:15px;
	margin-right:15px;
}

/*フッタ
-----------------------------------------------------------------*/
footer{	
	background:#3456ba;
	font-size:90%;
	width:100%;
	padding:20px 0 10px;
	position:absolute;
    bottom: 0;
	height:100px;
}

footer p{
	color:#fff;
	text-align:center;
	line-height:1.6;
	margin-bottom:0;
}

footer a:link{
	color:#fff;
	font-size:95%;
}
footer a:visited{
	color:#fff;
}

/*index.htm
-----------------------------------------------------------------*/
.index img{
	max-width:100%;
}
/*entry.htm
-----------------------------------------------------------------*/
.entry dt,
.entry dd,
.entry2 dt,
.entry2 dd	{
		padding:0.5em;
		border-top:1px solid #ccc;
}
.entry dt,
.entry2 dt	{
	color:#3456ba;
}
.entry ol,
.entry2 ol	{
	margin-left:2em;
}

.entry dl dl {
}
.entry dl dl dt,
.entry dl dl dd,
.entry2 dl dl dt,
.entry2 dl dl dd	{
	border:none;
	padding:0.3em 0;
}


.entry .case,
.entry2 .case	{
	font-size:100%;
	text-indent:-1.5em;
	margin-left:1.5em;
	color:#3456ba;
}

.entry .payee,
.entry2 .payee	{
	font-size:95%;
}

.entry .company,
.entry2 .company	{
	margin-left:0;
	margin-right:0;
	background:#5cb85c;
	color:#fff;
	border-radius:4px;
	padding:.3em .6em;
}
.entry .company i,
.entry2 .company i	{
	color:#fff;
}
.entry .person,
.entry2 .person	{
	margin-left:0;
	margin-right:0;
	background:#428bca;
	color:#fff;
	border-radius:4px;
	padding:.3em .6em;
}
.entry .person i,
.entry2 .person i	{
	color:#fff;
}
.entry .contact,
.entry2 .contact	{
	width:420px;
	margin:0 auto 20px;
	
}

.entry .contact i,
.entry2 .contact i	{
	color:#666;	
}

.entry i,
.entry2 i	{
	margin-left:0.5em;
	margin-right:0.5em;
}
.entry .fax,
.entry2 .fax	{
	color:#666;
	font-size:80%;
	font-weight:bold;
}

.net-entry	{
	font-size:12px;
}


/*commend.htm
-----------------------------------------------------------------*/
.commend dl{
	margin-bottom:1em;
	margin-left:2em;
	
}

/*person.htm
-----------------------------------------------------------------*/
.person .panel{
	border-color:red;
	margin-left:20px;
	margin-right:20px;
}
.person .tax{
	font-size:120%;
	color:red;
	font-weight:bold;
}
.person ol{
	margin-left:3em;
	margin-bottom:1.5em;
}
.person li{
	line-height:2;
}
.person i{
	color:#666;
}

.person sub{
	color:#333;
	font-weight:normal;
}

/*public.htm
-----------------------------------------------------------------*/
.public{}


/*info.htm
-----------------------------------------------------------------*/
.info .panel-primary i{
	color:#3456ba;
	margin-right:0.5em;
	margin-left:0.5em;
}
.info ol{
	margin-left:2em;
}
.info .fax{
	color:#3456ba;
	font-size:80%;
	font-weight:bold;
}

/*list.htm
-----------------------------------------------------------------*/
.list p,
.list ul {
		margin-left:0.5em;
	
}
.list li{
	line-height:1.5;
}
.list ul.person li{
	width:143px;
}

.list ul.company li{
	width:360px;
}
.list h2 {
	color:#3456ba;
	font-size:130%;
}

.list p.small{
}

.list-tab-head	{
	font-size:20px;
}
.list-index	{
	font-size:18px;
	color:#ffffff;
	background:#949494;
	padding:5px 8px 2px;
	margin-bottom:6px;
	display:inline-block;
}

.do-x	{
	font-size:110%;
	margin-bottom:10px;
	color:#2d5a5e;
	background:#eaf4f5;
	padding:0.4em;
	border-radius:2px;
	
}

/*do_edu.htm
---------------------------------------------------------*/
.btn-donation	{
	color:#fff !important;
	font-size:18px;
	text-align:center;
	background:#ff702b;
	border:#c44000 1px solid;
	border-radius:8px;
	border-bottom:#c44000 6px solid;
	cursor: pointer;
	padding:8px 16px;
	display:block;
	width:100%;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.btn-donation:hover	{
	background:#ffa980;
	color:#fff;
	text-decoration:none;
}
.btn-donation-pink {
  background:#FF83AA;
	border:#E74875 1px solid;
  border-bottom:#E74875 6px solid;
}
.btn-donation-pink:hover {
	background:#FFA9C4;
}
.btn-donation-green {
  background:#47C9A0;
	border:#1C8A67 1px solid;
  border-bottom:#1C8A67 6px solid;
}
.btn-donation-green:hover {
	background:#87DABF;
}


/*メディアクエリ
=========================================================*/
@media screen and (max-width : 320px) {
	article{
		margin:0;
	}
	article img.photo{
	}
		
}


@media screen and (max-width : 480px) {
	.navbar{
		margin-bottom:0;
	}
	h1{
		font-size:120%;
	}
	header{
		margin-bottom:10px;
	}
	article {
		padding-bottom:100px;
	}
	footer{
		height:100px!important;
	}
	footer p{
		font-size:80%;
	}
	.entry .contact{
		width:auto;
	}
	.info .panel{
		width:auto;
	}
}

@media screen and (max-width : 767px) {
	footer{
		height:120px;
	}
	h1{
		font-size:120%!important;
	}
	h2{
		font-size:110%!important;
	}
	h3{
		font-size:110%!important;
	}
	h4,
	.company,
	.person{
		font-size:95%!important;
	}
	.menu small{
	font-size:80%!important;
}
.menu a{
	font-size:80%!important;
}
}
 
@media screen and (min-width : 768px) {	
	.entry dt{
		width:80px;
		text-align:left;
	}
	.entry2 dt{
		width:8em;
		text-align:left;
	}
	.entry dd{
		margin-left:100px;
	}
	.entry2 dd{
		margin-left:9em;
	}
 	.commend dt{
		width:250px;
		text-align:left;
	}
	.commend dd{
	margin-left:270px;
	}
 	.entry dt:first-child,
	.entry2 dt:first-child,
	.entry dt:first-child + dd,
	.entry2 dt:first-child + dd{
		border-top:none;
	}
	

	
	.info .panel{
		width:420px;
		margin:0 auto;
	}
	 p{
		margin-left:1em;
		margin-right:1em;
	}

}

@media screen and (min-width:768px) and (max-width:1024px) {
	 .info .panel{
		width:420px;
		margin:0 auto;
	}
	.entry .contact{
	width:auto;
	}
}