@charset "UTF-8";
 
/*
Theme Name: abarenbo-camp
Theme URI: http://abarenbo-camp.com/
Author: abarenbo-camp
Author URI: http://abarenbo-camp.com/
Description: The theme for WordPress.
Version: 1.0
License: abarenbo-camp
License URI: http://abarenbo-camp.com/
Tags: camp, ski, science
*/
 
/****************************************
 
          General Setting
 
*****************************************/
 
html, body {
	margin: 0;
	padding: 0;
	font: .81em/150%;
	height: 100%;   /* 縦の高さを100% */
	width: 100%;    /* 横の幅を100% */
	overflow:auto;
}
 
body {
	color: #666;  /* 文字の色 */
	font: .81em/150%;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , 
	Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , 
	"游ゴシック体" , "YuGothic" , 
	"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , 
	"Meiryo UI" , "メイリオ" , Meiryo ,
	 "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	/* 明朝系
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , 
	"游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,
	 "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	*/
	line-height: 160%;
	/*min-height:4000px;*/
}
 
input {
	vertical-align:middle;
}

img{
	vertical-align:middle;
	border:0;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/****************************************
 
          マージン
 
*****************************************/
/*BOTTOM*/
.mgb5{ margin-bottom: 5px;}
.mgb10{ margin-bottom: 10px;}
.mgb15{ margin-bottom: 15px;}
.mgb20{ margin-bottom: 20px;}
.mgb25{ margin-bottom: 25px;}
.mgb30{ margin-bottom: 30px;}
.mgb40{ margin-bottom: 40px;}
.mgb50{ margin-bottom: 50px;}
.mgb60{ margin-bottom: 60px;}
.mgb100{ margin-bottom: 100px;}
.mgb150{ margin-bottom: 150px;}
.mgb200{ margin-bottom: 200px;}

/*TOP*/
.mgt5{margin-top:5px;}
.mgt10{ margin-top: 10px;}
.mgt15{ margin-top: 15px;}
.mgt20{ margin-top: 20px;}
.mgt25{ margin-top: 25px;}
.mgt30{ margin-top: 30px;}
.mgt40{ margin-top: 40px;}
.mgt50{ margin-top: 50px;}
.mgt60{ margin-top: 60px;}

/*RIGHT*/
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr35{margin-right:35px;}
.mgr40{margin-right:40px;}
.mgr45{margin-right:45px;}
.mgr50{margin-right:50px;}
.mgr60{margin-right:60px;}
.mgr550{margin-right:550px;}

/*LEFT*/
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl35{margin-left:35px;}
.mgl40{margin-left:40px;}
.mgl45{margin-left:45px;}
.mgl50{margin-left:50px;}
.mgl550{margin-left:550px;}

/****************************************
 
          パディング
 
*****************************************/
.pdt5{ padding-top:5px;} 
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr15{ padding-right:15px;}
.pdl5{ padding-left:5px;}
.pdl10{ padding-left:10px;}
.pdl15{ padding-left:15px;}
.pdb5{ padding-bottom:5px;} 
.pdb10{ padding-bottom:10px;}
.pdb15{ padding-bottom:15px;}

/****************************************
 
          Font Size px
 
*****************************************/
.ft8{font-size:0.8em;}
.ft9{font-size:0.9em;}
.ft10{font-size:1.0em;}
.ft11{font-size:1.1em;}
.ft12{font-size:1.2em;}
.ft13{font-size:1.3em;}
.ft14{font-size:1.4em;}
.ft15{font-size:1.5em;}
.ft16{font-size:1.6em;}
.ft17{font-size:1.7em;}
.ft18{font-size:1.8em;}
.ft19{font-size:1.9em;}
.ft20{font-size:2.0em;}
.ft22{font-size:2.2em;}
.ft24{font-size:2.4em;}
.ft26{font-size:2.6em;}
.ft28{font-size:2.8em;}

.ft-bold{font-weight:bold;}
.ft-narrow{letter-spacing:-0.1em;}
.ln-height16{     line-height: 160%;}

/****************************************
 
          色・フロート
 
*****************************************/

/*色設定*/
.bk-yellow{background:#f7f3b8;}
.clr-blue{color:#0095C4;}
.clr-yellow{color:#f7f3b8;}
.clr-red{color:#EE4035;}
.clr-orange{color:#e74c16;}
.clr-green{color:#339d15;}
.clr-green02{color:#20bd62;}
.clr-pink{color:#e95377;}
.clr-bk{color:#000;}

/*フロート*/
.float_left{ float: left; }
.float_right{ float: right; }


 .clear {
	clear: both;
}

/****************************************
 
          Typography
 
*****************************************/
 
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	line-height: 1.4em;
	margin: 20px 0.4em;
	color: #000;
}
 
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
}
 
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

 
/****************************************
 
          Link
 
*****************************************/
 
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
 
a:hover {
	text-decoration: none;     /*(underline)*/
}
 
 /****************************************
 
	  Clearfix
 
*****************************************/
 
#pagewrap:after,
 #footer-nav:after,
 .clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
 
/* clearfix for ie7 */
#pagewrap,
#footer-nav,
.clearfix {
	display: inline-block;
}
 
#pagewrap,
#footer-nav,
 .clearfix {
	display: block;
}
 
 
/****************************************
 
           pagetopへ
 
*****************************************/
  
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index:10;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	z-index:10;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/****************************************
 
          Layout　TOP
 
*****************************************/
 
/*************
STRUCTURE
*************/
#framewrap {
	width: 1190px;
	margin: 0 auto;
	height:100%;
	min-height:100%;
}

#pagewrap {
	width: 1160px;
	margin: 0 auto;
}

body > #framewrap{
    height:auto;
}


/**************
HEADER
****************/
#header {
	width:100%;
	position: relative;
	height: 180px;
	   /* margin: auto;    中央揃え */

}
	hgroup {
		height: 140px;
	}

    #header .alignleft,
    #header .alignright{
        margin-bottom: 10px;
        width: auto;
    }
    #header .alignleft{
    	float:left;
        width: 50%;
	    }
    }  
   	#header .alignright{
    	float:right;
        width: 50%;
    }
    
.top_project_series{
       width: 835px;
	border-collapse: collapse;
       cellpadding-bottom:10px;
       margin-bottom:50px;
    }

    
    
 .top_project_series  td.pimg265{
       width: 265px;
       height:285px;
       vrtical-align:top;
           }
.camp_discription
       margin-top:1em;
       font-size:1em;
           }
/*************
SITE LOGO
*************/
#site-logo {
	position: absolute;
	top: 10px;
}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/********************
HEADER 角丸ボタン　
*********************/
.demo   {  
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}  

.hader_table{
	width: 100%;
	margin-top:10px;
	margin-bottom:10px;
}
.hader_left,.header_right{
	width: 50%;
}

.header_nquiry{
	width: 200px;
	height: 40px;
	margin-left:10px;
	vertical-align: center;
	text-align:center;
	font-size:0.9em;
	background-color: #0095c4;   /* 背景色 */
	border-radius: 5px;
	-webkit-border-radius: 5px;   
	-moz-border-radius: 5px;  
} 

.header_student{
	width: 90px;
	height: 40px;
	margin-right:10px;
	vertical-align: center;
	text-align:center;
	font-size:0.9em;
	background-color: #0095c4;   /* 背景色 */
	border-radius: 5px;
	-webkit-border-radius: 5px;   
	-moz-border-radius: 5px;  
}
/*****************
SITE description
*****************/
#site-description {
	position: absolute;
	top: 45px;
	font:  100%/130%;　 /*標準よりも100%の大きさで、行間が150%*/
	color: #00f;
}

/*****************
SERCH FORM
*****************/
#searchform {
	position: absolute;
	right: 10px;
	bottom: 6px;
	z-index: 100;
	width: 160px;
}
#searchform #s {
	width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

/********************
MAIN NAVIGATION
**********************/
#main-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1160px;   /* 100% */
	margin: 0;
	margin-bottom:10px;
	padding: 0;
	z-index: 100;
	/* gradient 
	background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a); */
	/* box shadow 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);*/
}
#main-nav li {
	position: relative;
	width:12.3%;
	margin: 0;
	padding: 10px 0px ;
	list-style: none;
	float: left;
	border-bottom:solid 0px #fff;
}
/*#main-nav li:first-child {
	margin-left: 10px;
}*/
#main-nav a {
	line-height: 100%;
	font-size:1em;
	text-align:center;
	font-weight: bold;
	color: #000;
	display: block;
	padding: 13px 0px ;
	text-decoration: none;
/*	text-shadow: 0 -1px 0 rgba(0,0,0,.5);  */
}
#main-nav a:hover {
	display:block;
	border-bottom:solid 5px #fa9b72;
	border-bottom-width:70%;
	padding: 10px 0px ;
	/* gradient 
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);  */
}

/******************
TOP PAGE IMAGE
*****************/
#top {
	background: #fff;
	margin: 0px;
	padding: 0px;
	width: 1160px;
	float: left;
}

#profile_top_img {
	position:relative;
	margin: 0px;
	padding: 0px;
	width: 1160px;
	height:636px;
}

#top_img {
	position:relative;
	margin: 0px;
	margin-bottom:100px;
	padding: 0px;
	width: 1160px;
	height:580px;
	float: left;
	/* rounded corner 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	*/
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);    
}

.our_introduction{
	margin-top: 10px;
	text-align:center;
	font-size: 1.4em;
	line-height:160%;
}

#main_content {
	background: #fff;
	padding: 0px;
	width: 100%;
}

/******************
CONTENT （LEFT）
****************/

#content {
	background: #fff;
	margin: 0 0 30px;
	padding: 0px;
	width:835px ;   /* 72% */
	float: left;
}

/******************
TOP PAGE POST
*****************/
.post {
	margin-bottom: 40px;
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}

/*******************
SIDEBAR （RIGHT）
*******************/

#sidebar {
	position:relative;
	width: 300px;   /* 26% */
	float: right;
	margin: 30px 0 30px;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}


/*******************
FOOTER
********************/
#footer {
	clear: both;
}
#footer a {
	color: #fff;
}

/* フッターの表示領域 */
#footer{
	width: 100%;  
	background-color: #cacaca;   /* 背景色　明るいグレー */
	margin: auto;            /* 中央揃え */
	padding-top:15px;
	padding-bottom:20px;
	posiotion:absolute; 
	bottom:-20px;
}
#copyright{
	vertical-align:bottom;
	text-align: lelft; 
	padding-left:40px;
	font-size: 0.8em;
}

/*******************
 footer navi
 *******************/
 #footer-nav{
	width: 1160px;   /* 100% */
	height:300px;
	margin: 0;
	margin-bottom:10px;
	padding: 0;
	padding-left:40px;
	z-index: 100;
	/* gradient 
	background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a); */
	/* box shadow 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);*/
}



#footer-nav li {
	position: relative;
	width:12.3%;
	margin: 0;
	padding: 0px ;
	list-style: none;
	float: left;
	border-bottom:solid 0px #fff;
}
#footer-nav  li:first-child {
	margin-left: 10px;
}
#footer-nav li a {
	line-height: 100%;
	font-size:0.8em;
	text-align:left
	font-weight: bold;
	color: #000;
	display: block;
	padding: 0px ;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
 #footer-nav li a:hover {
	display:block;
	/* gradient 
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);  */
}

table.footer-nav-table {
	width: 85%;
	color: #666;  /* 文字の色 */
}

table.footer-nav-table  tr td {
	text-align: left;
	font-weight: normal;
	font-size: 0.8em;
	color: #666;  /* 文字の色 */
	padding: 7px 30px 7px 5px;
}


.ul_sub{
	line-height: 100%;
	font-size:0.8em;
	font-weight: normal;
	text-align:left;
}
.sub{
	line-height: 100%;
	font-size:0.8em;
	font-weight: normal;
	text-align:left;
}


/****************************************
 
          Breadcrumb
 
*****************************************/
#breadcrumb-bk{
    width:100%;
    margin:0;
    padding:0;
    height:34px;
    background-color:#f4f0ef;
}

#breadcrumb{
    width:972px;
    padding:0;
    margin:0;
    list-style-type: none;
    background-color:#f4f0ef;
}
 
	#breadcrumb ul{
		margin: 0; 
		padding: 0; 
		list-style: none;
	}
	#breadcrumb li{ 
		width:auto;
		float:left;
		padding-left; 10px;
		margin:0;
		text-align:center;
		background-color:#f4f0ef;
    		padding:7px 0px;
	}
	#breadcrumb li a{
		width:auto;
		color:#979694;
		font-size:1.0em;
		font-weight:bold;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		display:block;
		background-color:#f4f0ef;
	}
	#breadcrumb li a:hover{
		color: #ee8b2e;
	}
	

/****************************************
           blog 
*****************************************/
 
#main .post,
#main .page{
	overflow: hidden;
	border-bottom: 1px solid transparent;
}
 
.sticky{
    /* 先頭固定ポストのスタイル */
}
 
.post-meta{
	margin-bottom: 1.5em;
}
	.post-meta .post-date,
	.post-meta .category{
		padding-right: 1em;
	}

.comment-num{
	white-space: nowrap; 
}
 
.more-link{
	float: right;
}
 
.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}
 
	.navigation .alignright{
		text-align: right;
	}
 
	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
	.navigation a:hover{
		background: #ffeff7;
		color: #000;
	}
        .navigation .alignright a:hover{
		border-left: 1px solid #ddd;
	}
 
.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}

.post-author{ 
	padding-left: 1em; 
}
 
.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}
 
	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
        .page-link a span,
        .comment-page-link a{
		background: #fff;
        }
     
	.page-link a{
		border-bottom: none;
		color: #000;
	}
     
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}
 
 
/****************************************
 
          Comments Area
 
*****************************************/
 
#comment-area h3{
	font-size: 130%;
	font-family: 'Josefin Sans', sans-serif;
}
 
.required{ 
 	color: #fe56aa;
}
 
.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
        	padding: 20px 0 0;
        	width: 100%;
        	border-top: 1px solid #ddd;
        	border-bottom: 1px solid transparent;
	}
        .commets-list .avatar{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
        }
 
        .comment-meta,
        .reply,
        .comment-notes,
        .form-allowed-tags,
	span.small{
		font-size: 80%;
        }
 
        .comment-body p{
		clear: both;
        }
        .reply{
		text-align: right;
        }
 
.bypostauthor{
    /* 記事投稿者のコメントのスタイル */
}
 
.children{
	padding-left: 2em;
}
 
#respond{
	margin-bottom: 40px;
}
 
	
/****************************************
 
            Form
 
*****************************************/
 
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 400px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 1.3em;
}
 
#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}
 
textarea {
	overflow: auto;
}
 
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ff69b4;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
	color: #444;
}
 
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #fe56aa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ff89c4;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	font-weight: bold;
	font-size: 1.2em;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}
 
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	    border: 1px solid #fe56aa;
	    background: #ff89c4;
	    color: #fff;
	    text-shadow: 0 -1px rgba(0, 0, 0, .4);
 
	}
 
	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
	    position: relative;
	    top:1px;
	}
 
 
/****************************************
 
	      WordPress Misc
 
*****************************************/
 
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
 
.alignleft {
	float: left;
}
 
.alignright {
	float: right;
}
 
.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}
 
.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}
 
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
 
.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 1.1em;
	line-height: 17px;
}
 
img.alignright {
	display: inline-block;
	margin: 0 0 1em 1.5em;
}
 
img.alignleft {
	display: inline-block;
	margin: 0 1.5em 1em 0;
}
 
 

 
/*---------------------------------------------
	     これから開催のキャンプ
------------------------------------------------*/

.camp_blog{
	border-collapse: collapse;
	width:230px;
}
.side_blog{
	border-collapse: collapse;
	width:100%;
}
td.side_blog01{
	border-bottom: dotted 1px #AAA;
	width:75px;
	vertical-align:top; 
	padding-top:5px;
	padding-bottom:5px;
}
td.side_blog02{
	vertical-align:top; 
	font-size:1.0em;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: dotted 1px #AAA;
}
td.side_blog03{
	border-bottom: dotted 1px #AAA;
	padding-top:5px;
	padding-bottom:5px;
}
.side_blog_date{
	font-size:0.8em;
	color:#666;
}
.side_blog_title{
	font-size:1.2em;
	color:#333;
}
 
.blog_headline{
	height:30px;
	color:#FF0000;
	font-size:1.4em;
	font-height:160%;
	background:#fdf3f3;
	vertical-align:middle;
	padding-left:8px;
	border-left: 5px solid #FF0000;
	padding-top:6px;
	margin-bottom:10px;
	}
	.blog_headline_camp{
	height:30px;
	color:#0000FF;
	font-size:1.4em;
	font-height:160%;
	background:#afe7f9;
	vertical-align:middle;
	padding-left:8px;
	border-left: 5px solid #0000FF;
	padding-top:6px;
	margin-bottom:10px;
	}
.camp_program_box_title{
	font-size:1.3em;
	// color:#22bbcf;
	color:#666;
	font-weight:bold;
 }
.camp_program_box_date{
	font-size:1.0em;
	margin-bottm:15px;
	color:#666;
  }
#right_program_comming{
	margin:0px;
	}
#right_program_box{
	margin:0px;
  }
 
 

     
/*---------------------------------------------
        flip
------------------------------------------------*/
 .flip li {
     display: inline-block;
     list-style: none;
     height:80px;
 }
    .flip img {     
        backface-visibility: hidden;
        position: absolute;
        transform: rotateY(180deg);
        transition: transform 0.5s linear 5s;   
 }
     .flip img:first-child{  
        transform: rotateY(0deg);
     }
 .transition img{
    backface-visibility: hidden;
    transform: rotateY(0deg);
    transition: transform 0.5s ease-in 3s;   
    transform-style: preserve-3d;
 }
     .transition img:first-child{
        transform: rotateY(180deg);
 }
 
/*---------------------------------------------
	    top 下段　slide　
------------------------------------------------*/
  .act_slide { 
	position: relative;
	display: block;
	overflow: hidden;
	list-style:none;
	background: #fff;
	margin-left:auto 0;
	margin-right:auto 0;
}
  
	.act_slide a{
	    position: relative;
	    display: block;
	    overflow: hidden;
	    color: #444;
	    width:195px;
	    height:195px;
}
  
	.act_slide a{ 
	    text-decoration: none; 
}
  
	.act_slide img{
	    position:absolute ;
	    margin:auto 0;
} 
 
.sidebar_title_imgbk{
	margin-top: 5px;
	margin-bottom: 0px;
}
.sidebar_title_img{
	margin-top: 5px;
	margin-bottom: 8px;
}
.side_status{
	margin-left: 10px;
	margin-bottom: 3px;
}
.aba_date0{
	color : #3B5998;
	width : 40px;
	font-size : 0.8em;
	font-weight : bold;
	padding : 0px;
	text-align : center;
}
.aba_date1{
	background-color : #3B5998;
	border : 1px solid #3B5998;
	color : white;
	width : 40px;
	font-size : 0.8em;
	font-weight : bold;
	padding : 0px;
	text-align : center;
	-moz-box-shadow: 1px 1px 3px #bbb;
	-webkit-box-shadow: 1px 1px 3px #bbb;
	box-shadow: 1px 1px 3px #bbb;
}
.aba_date2{
	background-color : #ffffff;
	border: 1px solid #3B5998;
	color : #3B5998;
	width : 40px;
	font-size : 1.9em;
	font-weight : bold;
	padding : 0px;
	text-align : center;
	-moz-box-shadow: 1px 1px 3px #bbb;
	-webkit-box-shadow: 1px 1px 3px #bbb;
	box-shadow: 1px 1px 3px #bbb;
}
td.aba_blog_date{
	vertical-align:middle;
	width:60px;
}
td.aba_blog_title{
	 vertical-align:middle;
}
.blog_title_m{
	margin: 2.5em 0 1.5em;
	padding: 0.8em;
	border-left: 10px solid #B92A2C;
	font-size: 1.143em;
	font-weight: bold;
}


.caption{
	border-collapse: collapse;
	width:100%;
}
	td.caption01{
		border-bottom: dotted 1px #AAA;
		width:35px;
		vertical-align:middle; 
		padding-top:5px;
		padding-bottom: 5px;
}

	td.caption02{
		border-bottom: dotted 1px #AAA;
		width:275px;
		vertical-align:middle; 
		padding-top:5px;
		padding-bottom:5px;
}

.aboutus_bk_block02{
	width:100%;
	margin:0px;
	margin-bottom:20px;
}
.aboutus02{
	border:0px;
	width:650px;
	font-size:1.1em;
	line-height:160%;
	color:#666;
	margin:15px 25px;
	}
	.aboutus02 h1{
	margin-top:10px;
	font-weight:bold;
	color:#f59f26;
	text-align:left;
	}    
	.aboutus02 h2{
	line-height:140%;
	text-align:left;
	} 
	
	.aboutus02 h3{
	text-align:left;
	} 
/*---------------------------------------------
	    シリーズ別に
------------------------------------------------*/

.top_progrom_series{
	border-collapse: collapse;
	width:100%;
	margin-bottom:5px;
	
}

.top_progrom_series_bk{
	border: 1px solid #e2e2e2;
	width:210px;
	vertical-align:top;
}
.top_progrom_series_space{
	border: 0px;
	width:10px;
}
.top_progrom_series_contents{
	margin:10px;
}
.top_progrom_series_contents .l1c1{
	width:60px;
	vertical-align:middle;
	padding:0px;
}
.top_progrom_series_contents .l1c2{
	vertical-align:middle;
	padding:5px;
	font-size:1.2em;
	line-height:120%;
}
.top_progrom_series_contents .l2c1{
	vertical-align:top;
	padding:5px;
	font-size:0.8em;
	line-height:120%;
}
.top_progrom_series_contents .l3c1{
	vertical-align:top;
	padding:2px;
	font-size:0.8em;
}
.top_progrom_series_contents .l4c1{
	vertical-align:top;
	padding:2px;
	font-size:0.8em;
}
.top_progrom_series_target{
	font-size:0.8em;
	background-color:#b3b3b4;
	color:#FFF;
	padding:2px;
	margin-right:5px;
	width:25px;
	display:inline;
}


/*---------------------------------------------
       キャンププログラム
------------------------------------------------*/
camp_contents{
	width: 100%;
    	vertical-align:top;
}
camp_contents2{
	width: 100%;
	padding-bottom:50px;;
    	margin-bottom:50px;
	  min-height:4000px;
}
.left_thumbnail{
	padding-top:20px;
	width: 150px;
    	vertical-align:top;
}
 
.space20{
	width: 20px;
	height: 150px;
	font-size:1.0em;
	line-height:160%;
	padding-bottom:10px;
}

.top_nws_contents{
	width: 660px;
	font-size:1.0em;
	line-height:160%;
	padding-bottom:10px;
	vertical-align:top;
}
.top_nws_img{
	width: 100px;
	font-size:1.0em;
	line-height:160%;
	padding-bottom:10px;
	vertical-align:top;
}
.img80{
	width: 100px;
  	height: 100px;
 	 object-fit: cover;
	}
	
.right_contents_staff{
	width: 530px;
	height: 180px;
	font-size:1.0em;
	line-height:160%;
	padding-bottom:10px;
	vertical-align:top;
}

.shadow-img {
	background-color: #dedede;
	padding: 3px;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
}

img.img-left {
	margin: 0;
	float: left;
	padding: 10px;
}

.contents-more{
	position: absolute; /* 絶対指定 */
	bottom: 0; /* 常に下に表示 */
	right: 0;
	font-size:14px;
	line-height:1.5em;
	color:blue;
	text-align:right;
}


.tribe-events-back {
	position:absolute;
	top:120px;
	color:#fff100;				/* リンク：文字色 */
	font-size:1.4em;	
	}
	
.tribe-events-back a:hover {
	color:#fff100;				/* リンク：文字色 */
	}
	
h2.first-step_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#955d99;
	color:#FFF;
	font-size: 1.3em;
}
h2.enjoy-camp_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#22ac38;
	color:#FFF;
	font-size: 1.3em;
}
h2.family-camp_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#01a2aa;
	color:#FFF;
	font-size: 1.3em;
}
h2.kids-camp_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#f19dae;
	color:#FFF;
	font-size: 1.3em;
}

h2.science-camp_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#f5a000;
	color:#FFF;
	font-size: 1.3em;
}


h2.abarenbo-summer_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#e83828;
	color:#FFF;
	font-size: 1.3em;
}
h2.abarenbo-winter_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#86c22f;
	color:#FFF;
	font-size: 1.3em;
}


h2.youth_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#007eca;
	color:#FFF;
	font-size: 1.3em;
}

h2.lecture_title{
	display:block;
	padding:6px;
	margin-top:15px;
	background-color:#6527f9;
	color:#FFF;
	font-size: 1.3em;
}

h3.camp_list {
	margin-top:10px;
  height:2em;
  font-size:1.3em;
  line-height:140%;
}
h4.camp_list {
	margin-top:10px;
  	height:2em;
  	font-size:1.1em;
  	line-height:140%;
}
/*--------------------------------------------------
         あばれんぼキャンプについて
------------------------------------------------------*/
.history01{
	border-collapse: collapse;
	width:700px;
	margin: 0;
}

td.history01_year{
	background: #fab8d1;
	border: 1px solid #333;
	width: 120px;
	padding: 5px;
	vertical-align:top;
}

td.history01_contents {
	padding:5px;
	border: 1px solid #333;
	vertical-align:top;
}


/* 03.リボン */
.heading03{
    position:relative;
    margin:0 -10px;
    padding:5px;
    font:normal 28px/1.6 "Times New Roman", Times, serif;
    text-align:center;
    color:#ffe8e8;
    background:#f99;
    -webkit-transform: rotate(-3deg) skew(-3deg);
    -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(           rgba(0, 0, 0, 0.0)),
            color-stop(0.08, rgba(255, 255, 255, 0.5)),
            color-stop(0.12, rgba(255, 255, 255, 0.5)),
            color-stop(0.12, rgba(0, 0, 0, 0.0)),
            color-stop(0.88, rgba(0, 0, 0, 0.0)),
            color-stop(0.88, rgba(255, 255, 255, 0.5)),
            color-stop(0.92, rgba(255, 255, 255, 0.5)),
            color-stop(0.92, rgba(0, 0, 0, 0.0)),
            to(             rgba(0, 0, 0, 0.0))
            );
    background-image: -moz-linear-gradient(top,
            transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%
            );
    background-image: -o-linear-gradient(top,
            transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%
            );
    background-image: linear-gradient(to bottom,
            transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%
            );
}

.heading03:before{
    content:" ";
    position:absolute;
    top:-5px;
    left:0;
    width:0;
    height:0;
    border-width:0 0 5px 10px;
    border-style:solid;
    border-color:transparent;
    border-bottom-color:#c66;
}
.heading03:after{
    content:" ";
    position:absolute;
    top:100%;
    right:0;
    width:0;
    height:0;
    border-width:5px 10px 0 0;
    border-style:solid;
    border-color:transparent;
    border-top-color:#c66;
}


/*--------------------------------------------------
         あばれんぼキャンプについて
------------------------------------------------------*/
dl.kaiin dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl.kaiin{
	background: #fab8d1;
	border: 1px solid #333;
	border-top: none;
	width: 942px;
	margin-left: 30px;

}

dl.kaiin dt,dd {
	padding: 4px;
}

dl.kaiin dt {
	border-top: 1px solid #333;
	clear: left;
	float: left;
	width: 100px;
}
dl.kaiin dd {
	background: #fff;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	margin-left: 100px;
}


.all_programs{
	border-collapse: collapse;
	width:100%;
}
.all_programs td.01{
	vertical-align:top;
	width:60px;
}
.all_programs td.02{
	vertical-align:top;
	padding-left:10px;
}

/*-------------------------------------
カレンダー
------------------------------------*/
 
#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 200px;
	margin-left: 20px;
}
#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}
#wp-calendar td {
	text-align: center;
	padding: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
}
#wp-calendar tbody tr #today {
	background-color: #CCC;
}

/*-------------------------------------
camplist 一覧
------------------------------------*/
 
table.main_camplist{
	border-collapse: collapse;
	width:700px;
}
td.left_thumbnail{
	width: 150px;
	vertical-align:top;
}
td.space20{
	width:10px;
	vertical-align:top;
}

td.right_contents{
	vertical-align:top;
	font-size:1.2em;
}

table.all_programs_start{
	border-collapse: collapse;
	width:100%;
}

td.all_programs_01{
	vertical-align:top;
	width:80px;
	text-align:left;
}

td.all_programs_02{
	vertical-align:top;
	font-size:0.9em;
	line-height:200%; 
}

td.text_right_250{
	vertical-align:top;
	width:150px;
	text-align:right;
	font-size:0.8em;
}
.text_right_program{
	font-size:1.0em;
	text-align:right;
}

h3.programs_start{
	font-size:0.9em;
}

.camp_outline{
	font-size:1.4em;	
}

/*-------------------------------------
contact 一覧
------------------------------------*/

.contuct_navi{
	color:#067127;
	text-align:right;
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:10px;
}

.contuct_navi li{
	margin: 0px 0px 0px 10px;
	list-style-type:none;
	display:inline;
	line-height:24px;
}

.contuct_navi li a{
	color:#067127;
}
.top_program_detail{
	display:inline;
	font-size:1.0em;
	color:#22bbcf;
	font-weight:bold;
}
.program_detail{
	padding:5px;
	display:inline;
	font-size:1.0em;
	color:#FFF;
	text-align:center;
	background-color:#22bbcf;
}
.camp-level{
	padding:5px;
	display:inline;
	font-size:1.0em;
	color:#FFF;
	text-align:center;
	background-color:#0098dc;
}


table.mail_form_table {
	width: 800px;
	border-collapse: collapse;
}

table.mail_form_table tr th, table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 93%;
	padding: 7px 5px 7px 5px;
}

table.mail_form_table th{
	width:30%;
	border-top: #b3b3b3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 3px solid;
	text-align: left;
	background: #f7f7f7;
}
table.mail_form_table tr th span {
	color: #CC0000;
	font-size: 1.0em;
}

table.mail_form_table tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 77%;
	color: #999;
}
table.mail_form_table td {
	width:70%;
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 15px;
}

table.mail_form_table tr td textarea {
	width: 100%;
	height: 150px;
}
.form_txt{
	text-align: left;
	font-size: 90%;
}
.form_txtL{
	text-align: left;
	font-size: 110%;
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
	background-color: #fff;
	color: #000;
	width: 50%;
}

[text text-1723 id:very-special-field]
#very-special-field
{
	color: #f00;
	border: 1px solid #f00;
}


.widget_archive,
.widget_categories,
.widget_calendar
{
 	margin-left:15px;
 }

ul.side_caption{
 }

ul.side_caption li{
	border-bottom: dotted 1px #AAA;
	width:270px;
	vertical-align:middle; 
	background:url(images/arrow_orange_15.png) no-repeat center left;
	padding-left:40px;
	padding-top:5px;
	padding-bottom: 5px;
}

table.contact_form_table{
	border-collapse: collapse;
	width:700px;
}
	th.heda_bg{
		width:200px;
		vertical-align:center;
		border: #e3e3e3 1px solid;
		padding:5px;
		text-align:left;
		font-weight:normal;
	}
	.contact_form_table  td{
		border: #e3e3e3 1px solid;
		padding:5px;
		padding-left:10px;
		vertical-align:middle;
	}
	
input[type="text"] {
	width: auto;
	vertical-align:0.5em;
}

.keyword-seven li{
	margin-bottom: 30px;
}

.support01{
		margin: 0; 
		padding: 0; 
		list-style: none;
		line-height:45px;
	}

.support01 li{
	padding-left: 40px;
	background: url(images/check01.png) no-repeat left top;
}


/*---------------------------------
     profile page style
-----------------------------------*/
.profile_contents{
	width:100%;
	padding-bottom: 60px;
	margin-top:20px;
	margin-bottom:50px;
}

.profile_introduction{
	margin-top: 10px;
	margin-bottom:15px;
	text-align:center;
	font-size: 1.2em;
	line-height:160%;
}
.concept_contents{
	position:relative;
	  margin: 0px;
	  margin-bottom:100px;
	text-align:center;
	  background-color:#f8b62b;
	font-size: 1.2em;
	line-height:160%;
	text-align:center;
	padding-bottom:50px;
}
.concept_h1{
	position: relative;
	top:-25px;
	margin:0px auto;
	background-color:#FFF;
	width:700px;
	padding: 1em .75em;
	border: 6px solid #ccc;
	text-align:center;
	font-size: 1.6em;    
}
.our_activity_table{
	width:1011px;
	border-collapse: collapse;
	border:0px;
	text-align: center;
	line-height: 1.5;
	margin-left:50px;
}
.our_activity_table_row1col1{
	width:323px;
	height:323px;
}
.our_activity_table_row1col2{
	width:20px;
}
.our_activity_table_row2col1{
	width:323px;
	padding-top:1em;
	padding-bottom:1em;
	color:#FFF;
	font-size:0.8em;
} 
.our_activity{
	margin:0 auto;
	text-align:left;
	margin-left:60px;

}
.our_activity h1{
	position: relative;
	background-color:#FFF;
	width:500px;
	padding:  .75em;
	border: 4px solid #ccc;
	text-align:center;
	font-size: 1.6em;    
}
.our_history_table{
	width:1011px;
	border-collapse: collapse;
	border:0px;
	text-align: left;
	font-size:0.8em;
	 line-height: 1.5;
}
.our_history_table_year{
	width:160px;
	height:180px;
	background:url(images/history_circle01.png) no-repeat center left;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	font-size:1.6em;
}
.our_history_table_content{
	width:445px;
	vertical-align:top;
	height:156px;
	}
	.our_history_table_content_r{
	width:445px;
	padding-left:0.6em;
	vertical-align:top;
	height:156px;
	}
	.our_history_table_content h2{
	display: block;
	margin-right:-30px;
	padding-right:30px;
	border-bottom:solid 2px #f8b62b;
	margin-bottom: 0.75em;
	font-size:1.4em;
	color:#f8b62b;
	}
	.our_history_table_content_r h2{
	display: block;
	margin-bottom: 0px;
	border-bottom:solid 2px #f8b62b;
	margin-bottom: 0.75em;
	margin-left:-30px;
	padding-left:30px;
	font-size:1.4em;
	color:#f8b62b;
	}

.curled-box {
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.taiken{
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
	height:730px;
}
.message{
	width:100%;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:50px;
}
.message h1{
	position: relative;
	background-color:#FFF;
	width:500px;
	padding:  .75em;
	border: 2px solid #ccc;
	text-align:center;
	font-size: 1.6em;    
}
.massage_table{
	width:1160px;
	border-collapse: collapse;
	margin-top:20px;
	border:0px;
	text-align: left;
	font-size:1em;
}
.massage_table_l{
	width:65%;
	border-collapse: collapse;
	border:0px;
	text-align: left;
	font-size:1.0em;
	 line-height: 1.8;
	 padding:1em;
	 padding-left:2em;
	 vertical-align:top;
}
.massage_table_r{
	width:35%;
	border-collapse: collapse;
	 padding:1em;
	 vertical-align:top;
	 text-align:right;
}
.profile_volunteer{
	width:100%;
	height:730px;
	background:url(images/profile_volunteer_bk.png) no-repeat center left;
}
div.camp_box{
	border: 0px;
       margin-bottom:50px;
       margin-left:20px;
       width:337px;
       float: left; 
    }
div.camp_box:first-child{
       margin-left:0px;
    }
p.image, p.caption {
   text-align: center; /* 中央寄せ */
   margin: 5px;        /*余白・間隔 */
}
p.caption {
   font-size: 1.2em;  
   color: black; 
}


/*---------------------------------
     profile 2  page style
-----------------------------------*/

#profile2-1{
	position:relative;
	margin:0 auto;
	width:1160px;
	height:814px;
	}
	.profile2-1-txt{
	position:absolute;
	top:100px;
	left:80px;
	width: 550px;
	color:#FFF;
	}
		.profile2-1-txt h1{
		font-weight:bold;
			color:#FFF;
	}
	
#profile2-2{
	position:relative;
	margin:0 auto;
	width:1160px;
	height:739px;
	background:url(images/profile2_04.jpg) no-repeat top left;
	}
	.profile2-2-txt{
	position:absolute;
	top:60px;
	left:80px;
	width: 550px;
	color:#FFF;
	}
		.profile2-2-txt h1{
		font-weight:bold;
			color:#FFF;
	}
	.profile2-2-img{
	position:absolute;
	top:100px;
	left:750px;
	width: 550px;
	font-weight:bold;
	color:#FFF;
	}

#profile2-3{
	position:relative;
	margin:0 auto;
	width:1160px;
	height:723px;
	background:url(images/profile2_05.jpg) no-repeat top left;
}
	.profile2-3-txt{
	position:absolute;
	top:60px;
	left:500px;
	width: 550px;
	color:#FFF;
	}
			.profile2-3-txt h1{
		font-weight:bold;
			color:#FFF;
	}
	
	.profile2-3-img {
		position:absolute;
		top:60px;
		left:60px;
		width: 450px;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
}

#profile2-4{
	position:relative;
	margin:0 auto;
	width:1160px;
	height:727px;
	background:url(images/profile2_06.jpg) no-repeat top left;
	}
	.profile2-4-txt{
	position:absolute;
	top:100px;
	left:100px;
	width: 550px;
	color:#FFF;
	}
	.profile2-4-img {
		position:absolute;
		top:100px;
		left:500px;
		width: 550px;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
	}
		.profile2-4-txt h1{
		font-weight:bold;
		color:#FFF;
	}
	
#profile2-5{
	position:relative;
	margin:0 auto;
	width:1160px;
	height:728px;
	background:url(images/profile2_07.jpg) no-repeat top left;
	}
	.profile2-5-txt{
	position:absolute;
	top:100px;
	left:500px;
	width: 550px;
	color:#FFF;
	}
	.profile2-5-txt h1{
		font-weight:bold;
		color:#FFF;
	}

#profile2-6{
	position:relative;
	margin:0 auto;
	width:1160px;
	height:723px;
	background:url(images/profile2_08.jpg) no-repeat top left;
	}	
	.profile2-6-txt{
	position:absolute;
	top:100px;
	left:100px;
	width: 550px;
	color:#FFF;
	}
		.profile2-6-txt h1{
		font-weight:bold;
		color:#FFF;
	}



/*---------------------------------
     program page style
-----------------------------------*/


#program_content {
	position: relative;
	width:1160px;
	margin: 0 auto;
	margin-top:10px;
}
#main_img {
	float:left;
	width:450px;
}
#main_info {
	position: relative;
	float:right;
	width:660px;
}
dl.main_info01 {
	position: relative;
	width:660px;
}
dl.main_info01 dt {
 	 float:left;
	width:120px;
	height:30px;
	padding-top:7px;
	background:#47c425;
	text-align:center;
	font-size:1em;
	color:#FFF;
	/* 左寄せ */
	float : left;
	/* float解除 */
	clear : both;
	margin-bottom:10px;
}
dl.main_info01 dd {
  	width:660px;
	  /* dtの幅分の設定 */
  	margin-left : 160px;
	    padding-top : 7px;
	margin-bottom:10px;
}
.program_scadule_box{
	position:absolute;
	top:600px;
	left:0px;
	}
.program_scadule01{
  	width:600px;
  	height:30px;
	  padding-top:7px;
	background:#47c425;
	text-align:center;
	font-size:1em;
	color:#FFF;
	margin-top:50px;
	margin-bottom:15px;
}
.program_scadule01_txt{
  	width:600px;
}


.program_stay01{
	position:absolute;
	top:-10px;
	left:350px;
	width: 60px;
    	height: 38px;
    	background: #0f0;
    	border: 1px solid #0f0;
    	border-radius: 70px;
    	-moz-border-radius: 70px;
    	-webkit-border-radius: 70px;
    	color: #FFF;
    	padding: 42px 20px 20px;
    	font-size:1.2em;
    	text-align:center;   
}
.bosyu_mark{
	position:absolute;
	top:-20px;
	left:400px;
}
.single_program_stay01{
	position:absolute;
	top:-10px;
	left:230px;
	width: 70px;
    	height: 38px;
    	background: #4a7721;
    	border-radius: 70px;
    	-moz-border-radius: 70px;
    	-webkit-border-radius: 70px;
    	color: #FFF;
    	padding: 42px 20px 20px;
    	font-size:1.0em;
    	text-align:center;   
}
.single_bosyu_mark{
	position:absolute;
	top:-40px;
	left:370px;
}
.single_travelbag{
	position:absolute;
	top:10px;
	left:70px;
}



.moshikomi{
	margin-top:70px;
	margin-bottom:40px;
	}

.event-content01{
	margin-top:20px;
	padding-right:30px;
	}

#project_header_image{
	position:relative;
	width:1160px;
	height:633px;
	}
.project_header_image_bk{
	position:absolute;
	width:1160px;
	top:0px;
	left:0px;
	z-index:1;
	}
.project_mark{
	position:absolute;
	width:373px;
	top:0px;
	left:0px;
	background: rgba(83,216,147,0.7);
	z-index:2;
	}
.project_exp_outline{
	position:absolute;
	width:373px;
	height:260px;
	top:373px;
	left:0px;
	background: rgba(83,216,147,1);
	z-index:3;
	}
	.project_exp_text{
	margin:30px 30px;
}
	.project_exp_text h2{ 
	font-size:1.4em;
	font-weight:bold;
	line-height:130%;
	margin-top:80px;
}


.project_exp {
	width:1100px;
	display:block;
	margin:30px auto;
}
.project_exp h2{
	font-size:1.6em;
	font-weight:bold;
}

h2.program_list_h2{
	margin:0 auto;
	width:600px;
	background:#FFF;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
	font-size:1.6em;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}  

.program_list_content{
	position: relative;
	width:1160px;
	height:1180px;
	background:#b7d893;
	margin-top:0px;
	padding-top:15px;
	padding-bottom:15px;
}
.program_list_content_select{
	position: relative;
	width:1160px;
	height:auto;
	background:#b7d893;
	margin-top:0px;
	margin-bottom:50px;
	padding-top:15px;
	padding-bottom:15px;
}
.program_list_content_bosyu{
	position: relative;
	width:1160px;
	height:6400px;
	background:#b7d893;
	margin-top:0px;
	padding-top:15px;
	padding-bottom:15px;
}

.camp_box_L_select{
	position: relative;
	width:520px;
	height:540px;
	display:block;
	background:#fff;
	float:left;
	border: solid 0px #02953b;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	margin-top:50px;
	margin-left:50px;
	marginbottom:50px;
}

.camp_box_L{
	position: relative;
	width:520px;
	height:520px;
	display:block;
	background:#fff;
	float:left;
	border: solid 0px #02953b;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	margin-top:50px;
	margin-left:50px;
}

.camp_box_L_yellow{
	position: relative;
	width:520px;
	height:520px;
	display:block;
	background-color:#fafbdd;
	float:left;
	border: solid 0px #02953b;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	margin-top:50px;
	margin-left:50px;
	margin-bottom:50px;

}

.img520{
	position:absolute;;
	display:block;
	width:520px;
	height:520px:
		border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	z-index:1;
	}
	
	.camp_title_box{
		position:absolute;
		left:0px;
		top:150px;
		width:520px;
		height:180px:
		display:block;
    		background: rgba(255,255,255,0.8);
		text-align:center;
		color:#000;
		font-size:1.2em;
		z-index:2;
	}
	.camp_title_box h2{
		color:#000;
		font-size:1.8em;
		line-height:100%;
		margin:0px;
	}	
	.camp_title_box h3{
		color:#000;
		font-size:1.4em;
		line-heght:100%;
		margin:0px;
		margin-top:5px;
		margin-bottom:10px;
	}
	.camp_title_box h4{
		color:#000;
		font-size:1.2em;
		line-heght:100%;
		margin-top:10px;
	}

	
	
	
.camp_outline_box {
	position:absolute;
	width:520px;
	height:250px;
	left:0px;
	top:310px;
	background: rgba(255,255,255,1);
	z-index:3;
	font-size:0.9em;
	line-height:110%;
}
.camp_outline_box_yellow {
	position:absolute;
	width:520px;
	height:250px;
	left:0px;
	top:310px;
	background: rgba(247,247,202,1);
	z-index:3;
	font-size:0.9em;
	line-height:110%;
}

.camp_outline_box_green{
	position:absolute;
	width:520px;
	height:250px;
	left:0px;
	top:310px;
	background:#faf2dc;
	z-index:3;
	font-size:0.9em;
	line-height:110%;
}
.year_program_list {
	margin:20px 0px;
	overflow:hidden;
}
.select_program_list{
	margin-top:30px;
	margin-bottm:30px;
}

.select_program_list h2{
	text-align:center;
}

dl.main_info01_S{
	margin: 0;
	padding: 0;
	margin-left:30px;
}
dl.main_info01_S dt {
 	 float:left;
	width:80px;
	text-align:left;
	font-size:0.9em;
	color:#000;
	/* 左寄せ */
	float : left;
	/* float解除 */
	clear : both;
}

dl.main_info01_S dd {
	margin-left : 110px;
	font-size:0.9em;
	color:#000;
}
dl.main_info01_S{
	margin-top:10px;
}

	
.camp-event-cost01{
	padding:5px;
	display:inline;
	width:60px;
	font-size:1em;
	color:#FFF;
	text-align:center;
	background-color:#22bbcf;
	margin-top:10px;	
	margin-right:10px;
}
.camp_box_L_bosyu_mark{
	position:absolute;
	width:80%;
	top:-30px;
	left:350px;
	z-index:5;
}
.camp_box_L_travelbag{
	position:absolute;
	top:20px;
	left:30px;
	z-index:5;
}

.camp_box_L_program_stay01{
	position:absolute;
	top:280px;
	left:400px;
    	width: 70px;
    	height: 38px;
    	background: #4a7721;
   	 border-radius: 70px;
   	 -moz-border-radius: 70px;
    	-webkit-border-radius: 70px;
    	color: #FFF;
    	padding: 42px 20px 20px;
    	font-size:1.0em;
    	text-align:center; 
    	z-index:6;
}

.camp-kids_color{#EE8BB3;}
.camp-first_color{#F39700;}
.camp-first_color_light{#EFCB97;}
.camp-first_color_dark{#D37E02;}
.camp-sience_color{#6F57A2;}
.camp-sience_color_light{#C5BBDB;}
.camp-youth_color{#036EB8;}
.camp-youth_color_light{#64C0F4;}
.camp-summer_color{#E73828;}
..camp-winter_color{#8EC31E;}
.camp-family_color{#006C94;}

.program_list_content_exp{
	margin-top:20px;
	margin-bottom:10px;
}
.program_list_content_exp h2{
	margin-bottom:30px;
	background:url(images/profile_taiken_bk.png) no-repeat center left;
	padding-left:100px;
	font-size:1.6em;
	font-weight:bold;
}
.project_odd_left{
	float: left; 
	width:520px;
	}
.project_odd_right{
	float : right;
	width:600px;
	}
.project_even_left{
	float: left; 
	width:600px;
	}
.project_even_right{
	float:right; 
	width:520px;
	}
	
.program_single_content_exp{
	margin-top:20px;
	margin-bottom:10px;
}
.program_single_content_exp_txt{
	margin-right:30px;
	margin-bottom:30px;
}
.program_single_content_exp_txt h3{
	font-size:1.2em;
	line-height:160%;
}

.program_single_content_exp h2{
	font-size:1.6em;
	font-weight:bold;
}

.program_list_point_exp{
	margin-top:20px;
	margin-bottom:10px;
}

.program_single_point_exp{
	margin-top:20px;
	margin-bottom:30px;
}

.program_single_point_exp li{
	position: relative;
	margin-left: 30px;
	list-style: none;
	float: left;
	border-bottom:solid 0px #fff;
}
.program_single_point_exp  li:first-child {
	margin-left: 0px;
}
.program_single_point_exp  h2 {
	height:110px;
	margin-bottom:10px;
	background:url(images/midashi_mark.png) no-repeat top left;
	padding-top:30px;
	padding-left:100px;
	font-size:1.6em;
	font-weight:bold;
}
.single_point_box{
	margin-bottom:20px;
	position: relative;
	width: 330px;
    min-height:800px;
     height: auto !important;
     height: 800px;
	float: left;
	border-bottom:solid 0px #fff;
}

.point_midashi{
	position:absolute;
	left:0px;
	top:230px;
	padding-top:20px;
	width:330px;
	height:130px;
	display:block;
	background: rgba(255,255,255,0.8);
	text-align:center;
	color:#000;
	font-size:1.4em;
	line-height:150%;
	z-index:2;
}
.point_midashi-bk{
	position:absolute;
	left:0px;
	top:100px;
	width:330px;
	height:150px;
	z-index:-1;
}

.point_content{
	position:absolute;
	left:0px;
	top:400px;
	width:330px;
	height:200px:
	display:block;
	text-align:left;
	color:#000;
	font-size:1.0em;
	z-index:2;
}

.point_one_midashi{
	padding-bottom:20px;
	color:#000;
	font-size:1.5em;
	z-index:3;
}
.point_one{
	padding-top:20px;
	margin-bottom:20px;
	color:#000;
	font-size:1.0em;
	z-index:3;
}

.program_list_content_box h2{
	height:110px;
	margin-bottom:10px;
	background:url(images/midashi_mark.png) no-repeat top left;
	padding-top:30px;
	padding-left:100px;
	font-size:1.6em;
	font-weight:bold;
}

/*保護者の声*/
.parents_voice{
    position: relative;
	margin-top:20px;
	z-index:8;
}
.koe_circle{
	margin-top:-120px;
}
.parents_voice h2{
	height:110px;
	margin-bottom:10px;
	background:url(images/midashi_mark.png) no-repeat top left;
	padding-top:30px;
	padding-left:100px;
	font-size:1.6em;
	font-weight:bold;
}



.project_forest_color{
	background-color:#76cc8d;
	}
.project_forest_color_t{
	background:rgba(118,204,141,0.7);
}
.project_day-camp_color{
	background-color:#ed9e26;
	}
.project_day-camp_color_t{
	background:rgba(237,158,38,0.7);
}
.project_play-park_color{
	background-color:#0086d1;
	}
.project_play-park_color_t{
	background:rgba(0,131,209,0.7);
}
.project_ootuki_color{
	background-color:#006d1d;
	}
.project_ootuki_color_t{
	background:rgba(0,109,29,0.7);
}
.project_leader_color{
	background-color:#717171;
	}
.project_leader_color_t{
	background:rgba(113,113,113,0.7);
}
.project_walk-rally_color{
	background-color:#ec6d45;
	}
.project_walk-rally_color_t{
	background:rgba(236,109,69,0.7);
}
.project_after-school_color{
	background-color:#8564a8;
	}
.project_after-school_color_t{
	background:rgba(133,100,168,0.7);
}
.camp_kids-camp_color{
	background-color:#ed9e26;
	}
.camp_kids-camp_color_t{
	background: rgba(237,158,38,0.7);
}
.camp_first-step_color{
	background-color:#F39700;
	}
.camp_first-step_color_t{
	background:rgba(243,151,0,0.7);
	}
.camp_first-step_color_light{
	background-color:#EFCB97;
	}
.camp_first-stept_color_dark{
	background-color:#D37E02;
	}
.camp_science-camp_color{
	background-color:#6F57A2;
}
.camp_science-camp_color_t{
	background:rgba(111,87,162,0.7);
}
.camp_science-camp_color_light{
	background-color:#C5BBDB;
	}
.camp_youth_color{
	background-color:#036EB8;
	}
.camp_youth_color_t{
	background:rgba(3,110,184,0.7);
}
.camp_youth_color_light{
	background-color:#64C0F4;
	}
.camp_abarenbo-summer_color{
	background-color:#E73828;
	}
.camp_abarenbo-summer_color_t{
	background:rgba(231,56,40,0.7);
}
.camp_abarenbo-winter_color{
	background-color:#8ec31e;
	}
.camp_abarenbo-winter_color_t{
	background:rgba(142,195,30,0.7);
	}
.camp-family_color{
	background-color:#006C94;
	}
.camp-family_color_t{
	background:rgba(0,108,148,0.7);
	}


	
#header-box{
position:relative;
margin:top;20px;
width:1160px;
height:100px;
}
.header-logo2017{
position:absolute;
top:0px; 
left:0px;
}
.header-toiawase{
position:absolute;
top:0px; 
left:860px;
}
.header-facebook{
position:absolute;
top:0px; 
left:1070px;
}
.header-twitter{
position:absolute;
top:0px; 
left:1120px;
}
.header-gakusei{
position:absolute;
top:46px; 
left:860px;
}
.header-gyosei{
position:absolute;
top:46px;  
left:965px;
}
.header-kigyo{
position:absolute;
top:46px; 
left:1070px;
}
.faq_q {
	margin-top:15px;
	margin-bottom:10px;
}
.faq_q img{
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}
.faq_a {
	display:block;
  	margin-bottom: 20px;
  	margin-left: 100px;
  	margin-right: 50px;
}

.faq_a img{
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.faq_q p {
    overflow: hidden;
}
.faq_a p {
    overflow: hidden;
}
.faq_question{
	margin:20 auto;
	}


/*---------------------------------
     volunteer page style
-----------------------------------*/
.volunteer_contents{
	width:100%;
	padding-bottom: 60px;
	margin-top:20px;
	margin-bottom:50px;
}

.volunteer_introduction{
	margin-top: 10px;
	margin-bottom:30px;
	text-align:center;
	font-size: 1.4em;
	line-height:160%;
}

.volunteer_apply{
	margin-top: 10px;
	margin-bottom:15px;
	text-align:center;
	font-size: 1.2em;
	line-height:160%;
}
.volunteer_exp01{
	position:relative;
	  margin: 0px;
	  margin-bottom:100px;
	font-size: 1.0em;
	line-height:160%;
	text-align:left;
	padding-bottom:50px;
}
.volunteer_exp01:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

.volunteer_exp03{
	position:relative;
	  margin: 0px;
	  margin-bottom:50px;
	 padding-top:30px;
	  background-color:#4DBFDA;
	font-size: 1.0em;
	line-height:160%;
	text-align:left;
	padding-bottom:50px;
}
.volunteer_exp03:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
.midashi_kakomi { 
	width:800px;
	border: 6px solid #999; 
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */  
	margin:0 auto;
	margin-top:50px;
	 padding-top:30px;
	 padding-bottom:30px;
	text-align:center;
	font-size:1.2em;
}  

.volunteer_exp01 p{
	padding-left:70px;
}
.volunteer_exp01 h1{
	height:66px;
	margin-top:15px;
	margin-bottom:10px;
	background:url(images/midashi_mark50.png) no-repeat top left;
	padding-top:30px;
	padding-left:80px;
	font-size:1.6em;
	font-weight:bold;
}
.volunteer_exp03 h1{
	height:66px;
	background:url(images/midashi_mark50.png) no-repeat top left;
	padding-top:30px;
	padding-left:80px;
	font-size:1.6em;
	font-weight:bold;
}
.volunteer_exp01 h1:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
.volunteer_osusume{
	margin-top:30px;
	margin-left:500px;
}
.volunteer_exp01 h2{
	font-size: 1.4em;  
	font-weight:bold;
	line-height:160%;
}
.volunteer_exp03{
	margin-top:20px;
	padding:20px;
	background-color:#6BCDDD;;
}

ul.volunteer-list, ul.volunteer-list li {
 margin: 0; padding: 0;
}
ul.volunteer-list li{ 
 	padding: 5px 10px 3px 43px;
 	background-image: url(./images/volunteer_list_mark.png);
	 background-repeat: no-repeat;
 	background-position: left center;
	 text-decoration: none;
	 font-size:1.0em;
	 font-weight:bold;
	 line-height:180%;
}

.volunteer_exp_box {
	width:550px;
	line-height:150%;
	float:right;
	margin-right:40px;
}	
dl.info01_S{
	margin: 0;
	padding: 0;
	margin-left:30px;
}
dl.info01_S dt {
 	 float:left;
	width:120px;
	text-align:left;
	margin-top:15px;
	font-size:1.6em;
	color:#fac50c;
	/* 左寄せ */
	float : left;
	/* float解除 */
	clear : both;
}
dl.info01_S  dd {
	margin-left : 120px;
	margin-top:15px;
	font-size: 0.9em;
	line-height:150%;
	color:#000;
}
dl.info01_S {
	margin-top:10px;
}

/*---------------------------------
     client page style
-----------------------------------*/
.client_contents{
	width:100%;
	padding-bottom: 60px;
	margin-top:20px;
	margin-bottom:50px;
}

.client_introduction{
	margin-top: 10px;
	margin-bottom:30px;
	text-align:center;
	font-size: 1.4em;
	font-weight:bold;
	color:#F8B62C;   /*オレンジ　青009FC9　ピンクED86B3*/
	line-height:160%;
}
.client_introduction02{
	margin-top:30px;
	width: 800px;
	margin-top: 10px;
	margin-bottom:15px;
	text-align:left;
	font-size: 1.1em;
	font-weight:normal;
	color:#000;   
	line-height:150%;
}
.client_kakomi{
	margin-top:30px;
	width: 800px;
	vertical-align: center;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	font-size:1.1em;
	border:1px solid #F8B62C; 
	-webkit-border-radius: 10px;   
	-moz-border-radius: 10px; 
} 

.client_01{
	background-color:#DCF1AF;
}
.client_01 h1, .client_01 h2{
	color:#80B300;
}

.client_01, .client_02, .client_03{
	width:1160px;
	position:relative;
	padding:50px 0;
	font-size: 1.0em;
	line-height:160%;
	text-align:left;
}
.client_text{
	margin:0 60px;
}	
.client_02{
	background-color:#B5E4FB;
}
.client_02 h1, .client_02 h2{
	color:#0092B9;
}
.client_03{
	background-color:#FFEBF4;
}
.client_03 h1, .client_03 h2{
	color:#FD74B2;
}
.blog_sum img{
 display: block;
 margin: auto;
 }
.client_01.client_text,
.client_02.client_text,
.client_03.client_text{
	width:800px;
	position:absolute;
	bottom: 30px;  
	lright:60px; 
	z-index:99;
	font-weight:bold;
	color:#FFF;
}
.client_01.client_text h2,
.client_02.client_text h2,
.client_03.client_text h2{
	font-weight:bold;
	color:#FFF;
}



.blog_sum{
	margin-top:2em;
	padding: 3em 3em;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height:160%;
	text-align:left;
	margin-bottom:2em;
	overflow: auto;
}
.blog_date0{
	margin-bottom:1em;
	color : #0095C4;
	font-size : 1.2em;
	font-weight : bold;
	padding : 0px;
}
.blog_title0{
	margin:1em 0 0.5em 0;
	color : #0095C4;
	font-size : 1.4em;
	font-weight : bold;
	padding : 0px;
}
.blog_date1{
	color : #0095C4;
	font-size : 0.9em;
	font-weight : bold;
	padding : 0px;
}
.blog_title1{
	margin:2em 0;
	color : #0095C4;
	font-size : 1.2em;
	font-weight : bold;
	padding : 0px;
}
#blog_start{
	margin-top:20px;
}

.side_camp_box{
	margin-bottom:15px;
	padding: 10px 0;
	text-align:center;
}
.side_camp_box p{
	margin-top: 10px;
	font-size:1.0em;
}
.side_camp_box h3{
	margin: 0px;
	margin-top: 10px;
	font-size:1.0em;
}
.side_camp_box h4{
	margin: 0px;
	font-size:0.9em;
}
#side_nenpro{
    margin-bottom: 20px;
    text-align: center;
}

#side_nenpro img{
    margin-bottom: 10px;
}
.side_blog{
	text-align:center;
}

.side_blog_box{
s	padding-bottom:7px;
	border-bottom: solid 1px #eee;
	font-size:0.9em;
	text-align:left;
}

.top_select_box{
	background-color:#FFF;
	width:880px;
	position:absolute;
	top: 460px;  
	left:200px; 
	z-index:99;
	font-size:0.8em;
}
ul.series_list {
    display:table;
    table-layout:fixed;
    width:880px;
}
ul.series_list li {
	height:60px;
	display:table-cell;
	vertical-align:middle;
     	background-image: url(./images/top_blue_arrow.png);
	 background-repeat: no-repeat;
 	background-position: left center;
	 text-decoration: none;
	text-align:left;
	padding-left: 10px;
	font-size:0.8em;
}

ul.series_list  li a {
    display:block;
    text-decoration:none;
    color:white;
}

.gakunen_box{
    display:block;
    text-decoration:none;
    color:white;
}

.gakunen_box:after, series_box:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

table.select_tbl{
	border-collapse: collapse;
	width:850px;
}
table.select_tbl td{
height:43px;
}

ul.select_gakunen_ul{
margin:0px;
 }

ul.select_gakunen_ul li{
   	 float: left; /* 横並びにするためにfloat指定 */
    	list-style: none;
    	margin: 0;
   	 padding: 0
	 vertical-align:middle; 
	background:url(images/arrow_orang_16.png) no-repeat center left;
	padding-left:20px;
	margin-left:5px;
}
ul.select_gakunen_ul li a {
   padding-right:3px;
 text-decoration: none;
    display: block;
}

ul.select_series_ul{
 margin:0px;
}

ul.select_series_ul li{
   	 float: left; /* 横並びにするためにfloat指定 */
    	list-style: none;
    	margin: 0;
   	 padding: 0
	 vertical-align:middle; 
	background:url(images/arrow_blue_16.png) no-repeat center left;
	padding-left:20px;
	margin-left:5px;
}

ul.select_series_ul li a {
   padding-right:3px;
    text-decoration: none;
    display: block;
}


ul.category3 {
    display: table;
    width:100%;
}
ul.category3 > li:nth-child(3n+1) {
    clear: both;
}
ul.category3 > li {
    display: table-cell;
    float: left;
    width: 33%;
}
.camp_caption{
    text-align: center;
    font-size:1.0em;
}

.trim260w {
    overflow: hidden;
    width: 260px;/* トリミングしたい枠の幅 */
    height: 260px;/* トリミングしたい枠の高さ */
    position: relative;
}
/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
.trim260w img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

/* 高さに合わせてリサイズ、はみ出た分をトリミング */
.trim260h {
    overflow: hidden;
    width: 260px;/* トリミングしたい枠の幅 */
    height: 260px;/* トリミングしたい枠の高さ */
    position: relative;
}

.trim260h img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

.trim260c {
    overflow: hidden;
    width: 260px;/* トリミングしたい枠の幅 */
    height: 260px;/* トリミングしたい枠の高さ */
    position: relative;
}
.trimc img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
table.single_camp_pdf{
	border-collapse: collapse;
	width:100%;
}

table.single_camp_pdf  tr td {
	text-align:left;
	font-weight: normal;
	font-size: 1.2em;
	color: #000;  /* 文字の色 */
	padding-top: 7px;
	padding-bottom: 7px;
}

td.single_camp_pdf_17{
	width:17%;
}

td.single_camp_pdf_17{
	width:16%;
}

td.single_camp_pdf_33{
	width:33%;
	height:50px;
}
.pdflink{
	padding-left:38px;
	line-height:31px;
	padding-top:8px;
	background:url(images/pdficon_30.png) no-repeat top left;	
}
table.footer_pdf_b  tr td {
	text-align:left;
	font-weight: normal;
	font-size: 1.0em;
	color: #000;  /* 文字の色 */
	padding-top: 7px;
	padding-bottom: 7px;
}

.pdflink_b{
	padding-left:40px;
	line-height:31px;
	padding-top:8px;
	background:url(images/pdficon_30.png) no-repeat top left;	
}
.pdflink_b a{
	color: #000;  /* 文字の色 */
}
.black1{
	color: #5c5858;  /* 文字の色 */
}