/*
Theme Name: adventureclub keizu
Theme URI: http://saera-design.com
Description: アドベンチャークラブケイズ
Version: 1.4
Author: saera
Author URI: http://saera-design.com
*/

/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

html{ background: url(./images/top_bg_back_01.jpg) x-repeat top center;
background:#fff;}

/* body{
background: url(../../../../images/topfooter002.gif) no-repeat bottom center; 
   font: 14px/22px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #333;

	} */
body{
    font-family: Roboto, "Droid Sans", "游ゴシック体", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #333;
background:#fff url(./images/top_bg_back_01.jpg) no-repeat top center;

	} 

a{ color: #09c; text-decoration: underline;}
	a:hover{ color: #8bc; }

.clear{ clear: both; line-height: 0; }
	


/****************************************
		2. Basic Layout 
*****************************************/

/* #page{background: url(images/back.jpg) no-repeat center 150px;} */
#page{background:#fff; url(images/headback.png) repeat-x top center; }
#page-t{background:#fff; url(images/top006.jpg) no-repeat bottom center; }

#wrapper{
/*width: 1180px;*/
width: 1200px;
margin: 0 auto;
background:#fff url(./images/head_back03.jpg) no-repeat top center;

}
#wrapper-t{
width: 1200px;
margin: 0 auto;
background:#fff url(./images/top_bg_back_01.jpg) no-repeat top center;
}
#header{
width: 1000px;
margin: 0 auto;
min-height: 245px;
margin-bottom:20px;
padding-top: 0px;
background: url(images/header_top2.png) no-repeat top center;
}
#header-t{
width: 1000px;
margin: 0 auto;
min-height: 770px;
margin-bottom:20px;
padding-top: 0px;
background: url(images/header_top2.png) no-repeat top center;

}
#contents{
width: 1000px;
margin: 0 auto;

	min-height: 663px;
	font-size:12px;
	line-height:18px;
	}
#contents-t{
width: 1000px;
margin: 0 auto;
	min-height: 1000px;
	background: url(images/top006.jpg) no-repeat bottom center;


	}
#main{width:700px; padding:10px 10px 10px 10px; float: right;}
#side{width: 240px; padding: 10px 20px 10px 10px; float: left;}
#footer{
	padding-top:55px;
        
width: 1200px;
margin: 0 auto;
	}
	*:first-child+html #footer{margin-top:-5px;}

.post{width:720px;}


/****************************************
		3.  Header, Menu
*****************************************/
.blog_title{
	color: #fff;
	font-size:200%;
	text-shadow: 3px 3px 3px #000;
	text-decoration:none;
	font-weight:bold;
	}
	.blog_title:hover{color: #ccc}
#header p{color:#999;font-size:90%;margin-top:10px;}

/*** Main Menu ***/
ul#nav, div.menu ul{
	position:absolute;
	top:150px;
	height: 38px;
	font-size:90%;
	border-left:1px solid #000;
	}
	.admin-bar ul#nav, .admin-bar div.menu ul{top:128px;}

	ul#nav li, div.menu ul li{
		float: left;
		position: relative;
		border-right:1px solid #999;
		}
	ul#nav > li:first-child, div.menu ul > li:first-child{
		border-left:1px solid #999;
		}
		ul#nav li > a, div.menu ul li > a{
			color: #fff;
			padding:8px 13px;
			text-decoration:none;
			display: block;
			border-right:1px solid #000;
			}
			ul#nav li:hover > a,
			ul#nav > li.current_page_item > a,
			ul#nav > li.current_page_ancestor > a,
			ul#nav > li.current-menu-item > a,
			ul#nav > li.current-category-ancestor > a,
			div.menu ul li:hover > a,
			div.menu ul > li.current_page_item a,
			div.menu ul > li.current_page_ancestor > a,
			div.menu ul > li.current-menu-item > a,
			div.menu ul > li.current-category-ancestor > a{
				 /* Webkit */
				background: -webkit-gradient(linear, left top, left bottom,
					from(rgba(0,0,0,0.1)),
					to(rgba(0,0,0,0.95)),
					color-stop(.5,#333333));
					
				 /* FF */
				background: -moz-linear-gradient(rgba(
					0, 0, 0, 0.1),
					rgba(0, 0, 0, 0.95));
					
				 /* IE */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#95000000);
				zoom:1;
				}
	/*** Children Menu ***/
	ul#nav ul, div.menu ul ul{
		display: none;
		border:1px solid #ccc;
		position: absolute;
		top: 38px;
		left: 0;
		float: left;
		width: 180px;
		z-index: 99999;
		}
		ul#nav ul li, div.menu ul ul li { width: 180px;border:none;}
			ul#nav ul li ul, div.menu ul ul li ul { left: 100%; top: 0; }
				ul#nav ul li a, div.menu ul ul li a {
					background: #000;
					background: rgba(0, 0, 0, 0.8);
					filter:alpha(opacity=70);  /* IE7 */
    				-ms-filter: "alpha(opacity=70)"; /* IE8 */
					}
					ul#nav ul li:hover > a, div.menu ul ul li:hover{background: #666;}
	ul#nav li:hover > ul, div.menu ul li:hover > ul{ display: block;}


/****************************************
		4.  Main
*****************************************/
/*** Blog info ***/
div.blog_info{
	background: rgba(0, 0, 0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	color: #666;
	font-size:85%;
	padding: 5px;
	margin: 0 0 20px;
	}
	div.blog_info ul{margin:0;}
		div.blog_info li{
			float: left;
			padding-left:20px;
			margin:0 15px 0 5px !important;
			list-style: none !important
			}
			div.blog_info li a{color: #666}
				div.blog_info li a:hover{color: #333}
	div.blog_info li.cal{background: url(images/icon_cal.png) no-repeat 0 2px;}
	div.blog_info li.cat{background: url(images/icon_cat.png) no-repeat 0 2px;}
	div.blog_info li.tag{background: url(images/icon_tag.png) no-repeat 0 2px;}
	
/*** Contents ***/
img.attachment-post-thumbnail{float: left; margin:0 15px 0 0 !important;}
a.more-link{
	background:url("images/arrow_next.png") no-repeat right top;
	color:#333;
	font-size:85%;
	padding:2px 20px 5px 10px;
	text-align:right;
	text-decoration:none;
	margin-left:480px;
	display:block;
	}
	a.more-link:hover{color: #999}
	
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin: 40px 0 0;overflow:auto;}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#333;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #999
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:2px 10px 2px 20px;
		background:url("images/arrow_prev.png") no-repeat left top;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:2px 20px 2px 10px;
		background:url("images/arrow_next.png") no-repeat right top;
		}
		

/****************************************
		5. Post Entry 
*****************************************/
.title{
	color:#fff;
	background:#6DC0E2;
//	background:url("images/bg-h1.png") repeat-y left top;
	font-size:160% !important;
	line-height:35px;
	margin:30px 0 15px !important;
	border:none !important;
	padding: 0 !important;
	}
	div.post:first-child .title{margin-top:0 !important;}
	.title a{color: #fff;text-decoration:none;}
		.title a:hover{color: #ccc}
.post h1 {
	color:#fff;
}	
.post h2, .post h3, .post h4, .post h5, .post h6{margin: 30px 0 10px}
.post h2{font-size:160%; border-bottom:5px solid #ccc; padding-bottom:10px;}	
.post h3{font-size:140%;}
.post h4{font-size:120%;}
.post h5{font-size:110%;}

.post p{margin-bottom:20px;}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post img{
	border:1px #ccc solid;
	padding: 3px;
	background: #fff;
	margin:20px 0;
	}
	.post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
.post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style: url(images/arrow_list.png);
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}

	

/****************************************
		6. Comments
*****************************************/
h3#comments{
	padding: 10px 0 10px 10px;
	clear: both;
	margin-top:40px;
	border-top:1px solid #ddd;
	}
	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #ddd;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#fff;
		border:1px solid #ddd;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #999;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #ddd;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #999}
		
/*** Comment form ***/
#respond{margin-top:70px;}
#respond h3{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px 0 10px 10px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	*:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #06c;
			}

		
/****************************************
		7.  widget
*****************************************/
#side h3{
	background: rgba(0, 0, 0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	margin:30px 0 10px;
	padding:5px 0 3px 10px;
	}
	#side li:first-child h3{margin-top:0;}
#side-navi li{
	margin:0;padding:0;
}	
#side-navi li{
	padding:0;
}	

#footer h3{
	background: url(images/bg_footer_title.png) no-repeat;
	padding-left:15px;
	height: 42px;
	}

.widget-container a{text-decoration:none;}
	
.widget-container ul li{
	list-style: url(images/arrow_list.png);
	margin-left:20px;
	}

/*** Calendar ***/
#wp-calendar {width: 100%;}
	#wp-calendar caption {
		color: #222;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 4px;
		text-align: left;
		}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar tbody {color: #aaa;}
		#wp-calendar tbody td {
			background: #f5f5f5;
			padding: 3px 0 2px;
			text-align: center;
			}
		#wp-calendar tbody .pad {background: none;}
	#wp-calendar tfoot #next {text-align: right;}
	
	
/****************************************
		8.  Form
*****************************************/
input[type="text"],input[type="email"],input[type="date"],input[type="tel"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #666;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}



/****************************************
		9.  Footer
*****************************************/
#footer .widget-area{
	width:290px;
	margin-left:35px;
	float: left;
	}
	#footer .widget-area:first-child{margin-left:0;}

#footer .f_navi{
        color:#3B2213;
	text-align:center;
font-size:12px;

}
#footer a{ color: #000; text-decoration: underline;}
	a:hover{ color: #8bc; }

p.copy{
	clear: both;
	font-size:12px;
	text-align:center;
	padding:40px 0;
	color: #fff;
	}
	p.copy a{color: #999;}
		p.copy a:hover{color: #ccc;}

#footer_middle {
	min-height: 100px;
        background:#9CDCF8;
}

#footer_bottom {
	min-height: 180px;
background:#3B2213;
}



/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}
/************************************************
 tables
************************************************ */
/* デフォルトテーブル
----------------------------------------------- */
table {
    margin:10px 0;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 3px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #333;
    background-color: #8ED3F5;
    font-weight: normal;
    text-align: center;
    vertical-align : middle;
}
table td {
    padding: 3px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    vertical-align : middle;
}


.com_info{
    margin:10px;
    padding:10px;
    border-top: 2px solid #4b3a0e;
    border-bottom: 2px solid #4b3a0e;

}


/*左に画像、右に文章*/
.left{
	float: left;
	margin: 0 20px 20px 0!important;
}

.f_left{
	float: left;
	margin: 0 22px 20px 0!important;
}

.s_left{
	float: left;
	margin: 0 0px 20px 0!important;
}

/*右に画像、左に画像*/
.right{
	float: right;
	margin: 0 0 20px 20px!important;
}


/****************************************
	固定ページ用Post 
*****************************************/
.title{
	color:#fff;
	font-size:160% !important;
	line-height:35px;
	margin:50px 0 0 !important;
	border:none !important;
	padding: 3px 10px  !important;
	}
.page-post h2, .page-post h3, .page-post h4, .page-post h5, .page-post h6{margin: 10px 0 10px}
.page-post h2{font-size:160%;}	
//.page-post h2{font-size:160%; border-bottom:3px solid #0e6eb8; padding-bottom:10px;}	
.page-post h3{font-size:140%;}
.page-post h4{font-size:120%;}
.page-post h5{font-size:110%;}

.page-post p{margin-bottom:10px;}
.page-post em{font-style: italic;}
.page-post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.page-post img{
	border:0px;
	padding: 0;
	background: #fff;
	margin:0;
	}
	.page-post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
.page-post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.page-post blockquote p{margin:0;}
.page-post div.wp-caption{margin: 20px 0;}
	.page-post div.wp-caption img{ margin: 0;}
	.page-post div.wp-caption p{ font-size:85%;}

.page-post hr {
   border:solid;
   border-width:2px 0 0 0;
   height:2px;/* for IE6 */
   clear:both;/* for IE6 */

}
.c-cap {
	font-size:120%;
	color:#ff0000;
}
.course-title {
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
#bring_area, #reserve_area , #privacy_area {
    width:540px;
    margin:10px auto;
}

#bring_area h2{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#fff;
    background:url(images/mono001.gif) no-repeat;
    border:0;
}

#reserve_area h2{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#fff;
    background:url(images/mono001.gif) no-repeat;
    border:0;
}
#privacy_area h2{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#fff;
    background:url(images/mono001.gif) no-repeat;
    border:0;
}
#bring_area h3{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#000;
    background:url(images/mono003.gif) no-repeat;
    border:0;
}

#reserve_area h3{
    margin: 10px 0 10px;
    padding:5px 0;   
    font-size:16px;
    text-align:left;
    color:#000;
    border:0;
}

#reserve_area .box{
 font-size:16px;
 font-weight:bold;
 line-height:26px;
 border:3px solid #0e6eb8;
 padding:10px;

}

#qa_area h2{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#fff;
    background:url(images/ba-h2.gif) no-repeat;
    border:0;
}
#qa_area h3{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#fff;
    background:url(images/ba-h3.gif) no-repeat;
    border:0;
}
#bring_area ul.checklist{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px;
	border: 1px solid #999;
}

#bring_area ul.checklist li{
	padding-left: 24px;
	background: url(images/check.gif) no-repeat 0 8px;
	line-height: 2.5em;
}

.b-line{ border-bottom:3px solid #0e6eb8; padding-bottom:10px;}
	div.page-post:first-child .title{margin-top:0 !important;}
	.title a{color: #fff;text-decoration:none;}
		.title a:hover{color: #999}
		
.b-line-both{
	border-bottom:3px solid #0e6eb8; padding-bottom:10px;
	border-top:3px solid #0e6eb8; padding-top:10px;
}
		

/*==============リスト=============*/
.page-post ul,
.page-post ol{
	list-style-position: outside;
	margin: 0 10px 1.4em 10px;
}

.page-post ul{ list-style-type: disc; }
.page-post li{ line-height: 1.8em; }


/*==============チェック用のリスト=============*/
.page-post ul.check{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px;
}

.page-post ul.check li{
        font-size:16px;
	padding-left: 34px;
	background: url(images/check.gif) no-repeat 0 8px;
	line-height: 2.5em;
}

/*==============QA用のリスト=============*/
#qa_area ul.qa1{
	list-style-type: none;
	list-style-position: outside;
	padding: 5px;
}

#qa_area ul.qa1 li{
        font-size:16px;
	padding-left: 34px;
	background: url(images/qa001.gif) no-repeat 0 8px;
	line-height: 2.5em;
}

#qa_area ul.qa2{
	list-style-type: none;
	list-style-position: outside;
	padding: 5px;
}

#qa_area ul.qa2 li{
        font-size:16px;
	padding-left: 34px;
	background: url(images/qa002.gif) no-repeat 0 8px;
	line-height: 2.5em;
}

#qa_area ul.qa3{
	list-style-type: none;
	list-style-position: outside;
	padding: 5px;
}

#qa_area ul.qa3 li{
        font-size:16px;
	padding-left: 34px;
	background: url(images/qa003.gif) no-repeat 0 8px;
	line-height: 2.5em;
}
#qa_area ul.qa4{
	list-style-type: none;
	list-style-position: outside;
	padding: 5px;
}

#qa_area ul.qa4 li{
        font-size:16px;
	padding-left: 34px;
	background: url(images/qa004.gif) no-repeat 0 8px;
	line-height: 2.5em;
}
#qa_area ul.qa5{
	list-style-type: none;
	list-style-position: outside;
	padding: 5px;
}

#qa_area ul.qa5 li{
        font-size:16px;
	padding-left: 34px;
	background: url(images/qa005.gif) no-repeat 0 8px;
	line-height: 2.5em;
}

#map_area h2{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:center;
    color:#00479D;
    background:url(images/ac006.gif) no-repeat;
    border:0;
}

#movie_area h2{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:left;
    color:#00479D;
    background:url(images/ac006.gif) no-repeat;
    border:0;
}
h3.wave{
    margin: 10px 0 10px;
    padding:5px;   
    font-size:16px;
    text-align:left;
    color:#00479D;
    background:url(images/ac006.gif) no-repeat;
    border:0;
}
.price_area{
        margin:20px auto;
	border-bottom:5px solid #0e6eb8; padding-bottom:10px;
}

.q_title{
        color:#ff0000;
        font-size:110%;

}

.q_q{
color:#0099CC;
font-size:14px;
}

.q_q:before {
  content: "●";
}
.q_a{
color:#000;
font-size:12px;
line-height:18px;
}
.q1{
        margin-left:10px;
        font-size:16px;
	padding-left: 42px;
	background: url(images/qa001.gif) no-repeat 3px 8px;
	line-height: 2.5em;
}
.q2{
        margin-left:10px;
        font-size:16px;
	padding-left: 42px;
	background: url(images/qa002.gif) no-repeat 3px 8px;
	line-height: 2.5em;
}
.q3{
        margin-left:10px;
        font-size:16px;
	padding-left: 42px;
	background: url(images/qa003.gif) no-repeat 3px 8px;
	line-height: 2.5em;
}
.q4{
        margin-left:10px;
        font-size:16px;
	padding-left: 42px;
	background: url(images/qa004.gif) no-repeat 3px 8px;
	line-height: 2.5em;
}
.q5{
        margin-left:10px;
        font-size:16px;
	padding-left: 42px;
	background: url(images/qa005.gif) no-repeat 3px 8px;
	line-height: 2.5em;
}
.ans{
        margin-left:10px;
        width:620px;	
        min-height: 70px;
        font-size:12px;
	padding-left: 42px;
	background: url(images/qa_answer.gif) no-repeat 0 0px;
	line-height: 1.5em;
}

//=== ぱんくずリスト =============

ul.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:12px;
}
ul.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

//===============================
.m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0!important; }/*上からのmarginが0px*/
.m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.fl-r{
float:right;
margin-left: 20px;
}
.fl-l{
float:left;
margin-right: 20px;
}
.fl-c{
clear: both;
margin-top: 20px;
}
.fl-r1{
float:right;
margin-left: 10px;
}
.fl-l1{
float:left;
margin-right: 10px;
}
.fl-c1{
clear: both;
margin-top: 15px;
}


.clearfix:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
.clearfix{ display: inline-block; }

* html .clearfix{ height: 1%; };
.clearfix{
	display: block;
}

/*左に画像、右に文章*/
.left{
	float: left;
	margin: 0 20px 20px 0!important;
}

/*右に画像、左に画像*/
.right{
	float: right;
	margin: 0 0 20px 20px!important;
}
//=====サイドイベント情報ボックス============
#side-event{
 margin:10px 0;
}
#side-event iframe{
 border: 1px solid #29A7E1;
}
#side-event h2{
 background:#29A7E1;
 color:#fff;
 padding:2px;
 text-align:center;
}
#side-event ul {
 list-style-type: none;
 width: 190px;
 height: 9em;
 overflow: auto;
 border: 1px solid #29A7E1;
 padding-left: 0.5em;
}
#side-event li {
 margin-top: 0.3em;
 font-size:12px;
}
#side-event ul a {
 text-decoration: none;
}

//========================================

ul.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}
 
ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
 
ul.pageNav01 li span,
ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
 
ul.pageNav01 li a:hover {
	background: #eeeff7;
	border-color: #00f;
}


a:hover,input:hover { opacity: 0.8; }

a img{ 
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
border: none;
 }
 
a:hover img{ opacity: 0.7; }

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

.menu_navi{
margin:0;
padding:0;
}

.menu_navi ul{

font-size:0;
}

.menu_navi li{
display:inline; 
font-size:14px;
}

.menu_navi li a{
padding:0;
}

a:hover,input:hover { opacity: 0.8; }

#top-contents{
    background:url(images/keizutop01_01.jpg) no-repeat;
}
#top-contents p{
text-align:left;
margin:10px 0 10px 28px;
line-height:24px;
}

.breadcrumbs{
margin-left:10px;
}
/* hr ダッシュ線 */
hr.ptn1 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;
}
/* hr グラデーション */

hr.ptn2 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
}


/* スタッフ紹介 */
.staff_com{
    background:url(http://a-keizu.sakura.ne.jp/wp-content/uploads/2015/07/staff_fukidashi1.png) no-repeat;
background-position: right bottom;
min-height:160px;
}

table.t01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #369;
}
table.t01 th {
	width: 147px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #153d73;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.t01 td {
	width: 349px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#note ul li {
  position: relative;
font-size:1.3em;
}
#note ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #666;
  border-radius: 100%;
}
#note h2{
  font-size:1.4em;
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #6dc0e2;
}
#note h1 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
  font-size:1.5em;

}
#note h1::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #3498db;
  border-radius: 4px;
}