/* Variables */
// サイト横幅
@siteWidth: 1000px;
// メインの色
@mainColor:#555;

// 開発モード
// .devMode( true );
.devMode( false );

// 基本的な関数セットを読み込み
@import ( reference ) "basics.less";

/* common setting */
html, body{
	// min-width: @siteWidth;
	// height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	line-height:1.8;
}
.nav>li>a {
	color:#333;
	border-bottom:1px solid #ebebe4;
}
.nav>li>a:hover {
	background-color:#ebebe4;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, pre {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
}

p { marign-top:0;padding-top:0; }

.aligncenter {
	display: block;
	padding:0;
	margin:0 auto;
}
.alignleft {
	float: left;
	margin:0 10px 0 0;
}
.alignright {
	float: right;
	margin:0 0 0 10px;
}

ul li { list-style:none; }

.lead { font-size:18px;line-height:32px;margin-bottom:15px; }


img.size-full {
	display: block;
	height: auto;
	max-width: 100%;
}

.dfad {
	margin:0 auto;
}



/* ===========  tables ============ */

table { width:100%;margin-bottom:20px;
	table.innerTbl { margin-bottom:0;
		td { padding:0; }
	
	 }

 }

table tr { border-bottom:1px dotted #CCC;
	table tr { border:none; }

 }

table th,table td {
	padding:5px 10px  5px  10px;
	vertical-align:top;
	
	table td {  padding:0 5px 10px 5px; }
}

table th {
	white-space:nowrap;
}

table.kiyakuTbl {
	margin-bottom:30px;

 th {
	width:60px;
	}
	
}

table.memberLsitTbl {
	width:98%;
	@media screen and (max-width: 768px) { margin-left:5px; }
	td,th { text-align:center; }

}


/* ===========  bootstrap Hack ============ */
a { color:#4b4b4b; }
a:hover { text-decoration:none;color:#7f7f7f; }



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 0px;
	padding-right: 0px;

}


.nav > li  {
	margin:0 15px;
}


.nav > li > a:hover {
	background:#EFEFEF;
}

element.style {
	top: 0px !important;
}

#sidebar.affix {
	color:#333;
}

#sidebar .nav > .active > a,
#sidebar .nav > .active:hover > a,
#sidebar .nav > .active:focus > a {
	color: #333;
	background-color: #428bca;
}
#sidebar .nav .nav {
	display: none;
	margin-bottom: 8px;
}
#sidebar .nav .nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;

}

@media screen and (min-width: 992px) {
	#sidebar.affix,
	#sidebar.affix-bottom {
		width: 213px;
	}
	#sidebar.affix {
		position: fixed;
		top: 50px;
	}
	#sidebar.affix-bottom {
		position: absolute;
	}
}

/* ===========  bootstrap Hack END ============ */

@media screen and (min-width: 768px) {
	// .btn-default { height:100px;background: url(/images/btn_default_bg.png) repeat-x top left;
	// 	b{ display:block;margin-top:30px; }
	// 	i{ font-style:normal;font-weight:bold;display:block;margin-top:16px; }
	// 	span{ font-size:12px; }
	// }
	// .btn-default:hover,.btn-default:focus { background: url(/images/btn_default_bg_o.png) repeat-x top left; }
}


header {
	.boxShadow( 0, 3px, 3px, #CCC );
	background:#FFF;
	width:100%;
	z-index: 99;
	margin-bottom:10px;
	
	#logo {
		margin:5px 0;
	}
}

#pcTopHeaderWrapper {


	#pcTopHeader{
		
		background-size:cover;

		background-position:top center;
		width:100%;
		height:600px;
		margin:0 0 0 0;
		

	}


}


#pcHeader{
	position: fixed;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 999;
	.boxShadow( 0, 0px, 2px, #999 );
	
	img { height:40px;margin-top:5px;
		@media screen and (max-width: 992px) {
			margin-top:10px;
			height:33px;
		}

	}
	
	#logo{
		float: left;
		
		img {
			@media screen and (max-width: 992px) {
				margin-right:15px;
			}
		}
	}
	nav.mainNav{
		.lineHeights(50px);
		list-style: none;
		li{
			.lineHeights(50px);
			font-size: 12px;
			float: left;
			a{
				color: #555;
				text-decoration: none;
			}
			a:hover{
				text-decoration: underline;
			}
		}
	}
	
	.subHeader{
		.lineHeights(25px);
		background:#4b4b4b;
		.boxShadow( 0, 0px, 2px, #999 );
		li{
			font-size: 12px;
			float: left;
			padding: 0 20px;
			list-style:none;


			a{
				color: #fff;
				text-decoration: none;
			}
			a:hover{
				text-decoration: underline;
			}
		}
	}
}


#mbHeader {
	z-index:999;

	#logo {
		margin:5px 0 0 10px;
		
	}

}

#mobilePush{
	height: 30px;
}


#logoWhite {
	@media screen and (max-width: 768px) { display:none; }
}



main{
	position: relative;

	margin-top: 30px;
	h1{
		line-height: 2;
		border-bottom: 3px solid #ddd;
		
	}
	p{
		padding: 15px;
		letter-spacing: 1px;
		line-height: 2;
	}
}







#page-top {
	position: fixed;
	bottom: 12%;
	right: 3%;
	font-size: 70%;
	a {
		display: block;
		text-decoration: none;
		padding-top: 58px;
		width: 58px;
		height: 0px;
		overflow: hidden;
		background: url(/images/pageup_btn.png) no-repeat 0 0;
	}
	a:hover {
		background-position: 0 -58px;
	}
}

/* =====================  footer  ============================================= */

footer{
	margin-top:60px;
	width: 100%;
	background: url(/images/footer_bg.png) repeat-x bottom left;
	
	
	.outsideLink { 
		padding:10px 0;
		text-align:center;
		/*background:#f5f5f5;*/
		border-bottom:1px solid #ececec;


		div.dfad  { float:left;padding:5px 10px; }
		
	}
	
	
	.sitemap{
		padding: 20px 0 20px 0;
		@media screen and (max-width: 768px) { display:none; }
		
		.footerSitemap{
			list-style: none;
			padding-left: 0;

			li.ttl1{
				background: url(/images/dark_arrow.png) no-repeat 0 3px;
				padding:2px 0 5px 17px;
				margin:0 0 10px 0;
			}

			li{
				padding:5px 0;
				line-height:12px;
				a{
					color:#666666;
					font-size: 12px;
				}

			}
			.sub-menu{
				list-style: none;
				padding-left: 12px;
				li{
					a{
						color:#666666;
						font-size: 11px;
					}
				}
			}
		}
	}
	.address{
		margin-top:10px;
		.footerLogo { width:220px;margin-top:5px; }
		.addressText{
			@media screen and (max-width: 768px) { margin:0 10px; }
			
			font-size: 12px;
		}
		.pmark{
			margin: 5px 0;
		}
	}
	.copyright{
		.lineHeights(30px);
		color: #fff;
		padding-top:20x;
		font-size: 10px;
		text-align:right;
		
		a{ color:#FFF;margin-left:10px; }
		
	}
}

/* ============================================================================== */


.one-column {
	margin-top: -20px;
}


#content{
	
		blockquote {
					border-left:none;
					background:#F7F7F7;	
					padding:30px;
			p{
				font-size:14px;
			}
		}

	.container{
	
		p {
			line-height:24px;
			padding:0 20px;
			@media screen and (max-width: 768px) { padding:0 10px; }
			
			.font_red {  color:#FF0000; }

		
		}
	
	
		h1{
			padding-bottom: 20px;
			padding-top: 35px;
			border-bottom: 8px solid #f5f5f5;
			margin-bottom:25px;
			font-size:26px;
			color:#555;
			padding-left:10px;
			@media screen and (max-width: 768px) {
				font-size:24px;
				border-bottom: 4px solid #f5f5f5;
				padding-bottom: 10px;
				margin-bottom:20px;
			}
			.f_size{
				font-size: 16px;
			}
		}
		
		
		h2 {
			font-size:18px;
			border-left:2px solid #CCC;
			border-bottom:1px dotted #CCC;
			padding:8px 10px 10px 10px;
			margin-top:40px;
			margin-bottom:30px;
			
			@media screen and (max-width: 768px) {
				font-size:18px;
				padding:6px 10px 8px 15px;
			}
		
		}
		
		
		h3 {
			font-size:15px;
			padding:6px 10px 5px 10px;
			margin-top:30px;
			margin-bottom:15px;
			background:#EFEFEF;
			
			@media screen and (max-width: 768px) {
				font-size:14px;
				padding:6px 10px 8px 15px;
			}
		
		}
		
		
		h4 {
			font-size:14px;margin:15px 0 5px 0;font-weight:bold;border-left:2px solid #666;padding-left:10px;
			
		}
		
		h4.panel-title {
			font-size:14px;margin:0;font-weight:normal;border-left:none;padding-left:0;
		}
		
		h5 { 
			font-size:14px;font-weight:bold;margin-left:5px;margin-top:20px;margin-bottom:0px;
		
		 }
		
		.pageLead {
			margin-bottom:30px;
		
		}
		
		.panel-group {
			margin-bottom:20px;
		
		}
		
		.panel {
			margin-bottom:5px;
			
			
			
			h4 span { margin-right:10px;color:#5bc0de;font-size:12px; }
		}
		
		.pageAndList {
			margin:0 15px;
			@media screen and (max-width: 768px) { margin:0 5px; }
		
			.list_low .title span { margin-right:10px;color:#5bc0de;font-size:12px; }
			
		}
		
		.notice { font-size:12px;margin:10px 0;  }
		
		
		ul.rightList {
			margin-left:-10px;
			li { list-style:disc;margin-bottom:5px; }
		
		}
	
	}
	

	.rightsOutlineList {
		margin:0 20px;
	}
	
	
	.rightsBtn {
		margin:10px;
	
	}
	
	.rightBooks {
		margin-left:-15px;
	
		.booksDetail {
			border:1px solid #ECECEC;
			padding:20px;
			padding-top:20px;
			margin:10px;
		
		@media screen and (max-width: 768px) {
			border:none;
			padding:20px 5px;
		}
		
		
			.thumb {
				text-align:center;
				margin:0;
			}
			.title {
				font-weight:bold;
				margin-bottom:10px;
				
				@media screen and (max-width: 768px) {
					margin-top:20px;
				}
		
			}
			.excert {
				font-size:12px;
				line-height:12px !important;
			}
			
			.content{ font-size:12px; }
		}
		
	
	}
	
		.memberLsitTbl {
				.btn {
					font-size:10px;
				}
		}
		.btnArea {
				text-align:center;
				
				.btn {
					width:300px;
					margin:5px;
					padding:10px;
					span { font-size:12px;margin-right:5px; }
				}
		
		}

	.memberBtn {
			text-align:center;
			margin:0 auto;
			margin-left:-15px;
			
			.btn { 
				padding-left:40px;
				padding-right:40px;
				margin:5px;
				padding:10px 30px;
				span { font-size:12px;margin-right:5px; }
				
			 }
	
	
	}	
	
	.historybackBtn {
		margin-top:40px;
		
		.btn { padding:5px 40px; }
	}
	
	
	.modalBlock {
			padding:15px;
			height:280px;
				@media screen and (max-width: 768px) { height:350px; }
	
			a { 
					margin: 0 10px 10px 10px;
				h4 { font-size:14px;font-weight:bold;margin-top:-15px;margin-bottom:10px;padding:0 5px 10px 5px;border-bottom:1px dotted #CCC;border-left:none; }
				.thumb { 
					text-align:center;
					
						img {  }
					}
				
				.excerpt { font-size:12px;line-height:10px !important; }
			}
	}
	
	.eventBlock {
			border:1px solid #EFEFEF;
			border-top:3px solid #EEE;
			padding:10px 15px 5px 15px;
			margin-bottom:30px;
			@media screen and (max-width: 768px) { margin-bottom:15px; }
			
			h4 { font-size:16px;text-align:left;font-weight:bold;margin-bottom:10px;padding:5px 5px 15px 15px;border-bottom:1px dotted #CCC; }
			
			.thumb { margin-top:15px;text-align:center; }
			
			.content { 
				text-align:left;
				font-size:12px;
			
			 }
			 
			 
			.btnArea {
				text-align:right;
				@media screen and (max-width: 768px) { text-align:center; }
					.btn { padding:5px 0px;width:150px; }
			}
	}
	
	
	.threeColumBlock {
		margin:20px 0;
		font-size:12px;
	}
	
	.links {
		margin-top:-10px;padding:0 15px;
		li {
			background: url(/images/link_deco.png) no-repeat 0 22px ; border-bottom:1px dotted #ECECEC;padding:15px 8px 15px 15px; 
			
			}
	}
	
}

/* ========================   top ページ    ==================================== */

main#topContent{
	// この中にトップページのlessを記述

	#eventArea {
		background:#f9f8f8;

		border-left:1px solid #ececec;
		border-bottom:1px solid #ececec;
		border-top:3px solid #e60012;
		padding-left:0 !important;
		margin-bottom:30px;

		.block {  
			border-right:1px solid #ececec;
			height:100%;

			.bnr { background: url(/images/event_bg.png.png) top lfet repeat-x;

			}

			.link {  width:100%; padding:5px 10px 10px 10px;height:110px;
				@media screen and (max-width: 992px) { width:100%; padding:5px 10px 10px 10px;height:140px; }
				@media screen and (max-width: 768px) { display:none; }

				p{  
					font-size:11px;padding:5px 5px;line-height:16px;
				}

				li { 
					margin:0 0 0 -35px;
					background: url(/images/link_deco.png) no-repeat 0 8px ; padding:0 0 0 15px;
									@media screen and (max-width: 923px) { background: url(/images/link_deco.png) no-repeat 0 8px ; padding:0 0 0 15px; }

					a { font-size:12px;
	
					 }

				}

			}

			.topicArea {
				@media screen and (max-width: 992px) { line-height:14px; }
				@media screen and (max-width: 768px) { display:none; }
				background:#4b4b4b;padding:10px;font-size:11px;color:#FFF;height:80px;

				.topic { float:left;font-size:10px;font-family:'Lucida Grande',sans-serif;margin-bottom:3px; }
				.date { float:right;font-size:10px;font-family:'Lucida Grande',sans-serif; }
				a { color:#FFF; }
				


			}
			
			
		}

		
	}

	/* ============================================================================== */

	#copyrightRow { border:1px solid #EEE;margin-top:15px;
		.boxDiscription { 
			background: url(/images/box2_bg.png) top left ; padding:12px 15px 5px 15px;
			@media screen and (max-width: 768px) { padding:5px 5px 0 5px; }

			h3 { 
				line-height:20px;margin-top:10px;background: url(/images/link_deco_2.png) no-repeat 0 3px ; padding:0 0 0 20px;
				@media screen and (max-width: 768px) { font-size:16px; }

				a { color:#FFF; }
				a:hover { text-decoration:underline; }
			}
		}

		.boxLink { padding:5px 30px;line-height:18px;
			@media screen and (max-width: 992px) { line-height:14px; }
			@media screen and (max-width: 768px) { padding:5px 30px; }
			.link{ 
				background: url(/images/link_deco.png) no-repeat 0 3px ; padding:0 0 0 15px;margin:8px 0;font-size:16px;
			}

			.linkSm { 
				padding:0 0 0 0;margin:8px 0 0 0;font-size:12px;
				@media screen and (max-width: 768px) { margin:8px 0; }
			}

		}
		
	}

	/* ============================================================================== */


}

#topicArea{
	margin-top: 50px;
	padding:0 10px;

	.topicsTtl{
		float: left; margin-bottom:40px;
	}
	.listLink{
		background: url(/images/link_deco.png) no-repeat 0 7px ; padding:0 0 0 15px;
		float: right;
	}
	dl {
		border-bottom:1px dotted #ECECEC;padding:5px 8px 20px 25px; 

		dt { background: url(/images/link_deco.png) no-repeat 0 5px ; padding:0 0 0 15px;font-weight:normal;
			@media screen and (max-width: 768px) { background:none ;padding:0 0 0 0; }
		}
		dd {  }
	}


}



.btn-group {
	margin-bottom:30px;

	.btn-default {
		border:1px solid #EEE;
		font-size:12px;
	}
}

// menu

#toggleBtn{
	position: absolute;
	right: 10px;
	top: 2px;
	span{
		font-size:20px;
	}
}

.menuList{
	display: none;
	ul{
		width: 100%;
		margin-top: 10px;
		list-style: none;
		padding: 0;
		li{
			text-indent:20px;
			width: 100%;
			.lineHeights(50px);
			border-top: 1px dotted #ECECEC;
			a{
				width: 100%;
				.lineHeights(50px);
				display: block;
				color: #555;
				&:hover{
					background-color: #efefef;
				}
			}
		}
	}
}

/* =正会員・賛助会員
-------------------------------------------------------------- */
#topicArea .listLink_left {
  background: url(/images/link_deco.png) no-repeat 0 7px;
  margin-left: 30px;
  padding: 0 0 0 15px;
  float: left;
}
.padding-25{
	padding: 0 25px !important;
}