/* CSS Document */

/* セミナー */
div#seminar{
	margin:20px 0;
	padding:10px 20px;
	border:1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
 background: -webkit-linear-gradient(top, #FCFDFD, #F5F6F6);
 background:    -moz-linear-gradient(top, #FCFDFD, #F5F6F6);       
 background:      -o-linear-gradient(top, #FCFDFD, #F5F6F6);       
 background:         linear-gradient(to bottom, #FCFDFD, #F5F6F6);	
}

div#seminar h2{
	font-size:22px;
	background-color:#309F39;
	color:#fff;
	border:none;
}

div#seminar p.setumei{
	font-size:14px;
}

div#seminar p.setumei strong{
	font-size:18px;
	text-decoration:underline;
}

div#seminar h3{
	margin-top:10px;
	background-color:#88C222;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


div#seminar ul.sem{
	margin-left:20px;
}

div#seminar ul.sem li{
	list-style-type:disc;
	font-size:18px;
}


div#seminar ul.que{
	display:flex;
	overflow:hidden;
	
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
	
	flex-wrap:wrap;
	
	justify-content: between;
}


div#seminar li.que{
	display:block;
	width:24%;
	float:left;
	margin:0 10px 10px 0;
	padding:10px 5px 10px 60px;
	font-size:16px;
	background-color:#FEF9E8;
	background-image:url(../img/index/check.png);
	background-repeat:no-repeat;
	background-position:10px;
	border:1px solid #FFEB88;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


div#seminar .arrow{
	clear:left;
	text-align:center;
	padding:3px 0 3px;
	margin-top:16px;
	margin-bottom:5px;
	font-size:24px;
	font-weight:bold;
	color:#309F39;
	border-top:1px solid #309F39;
	border-bottom:1px solid #309F39;
}

div#seminar .collabo p.title{
	font-size:14px;
}

div#seminar .collabo p.nitiji strong{
	font-size:20px;
}

div#seminar .collabo p.syosai{
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-weight: bold;
	color:#333333 !important;
	font-size:12pt;
}

div#seminar .collabo p.chui{
	font-size:16px;
}


div#seminar .collabo p.nitiji2{
	display:block;
	margin-bottom:10px;
	padding:10px;
	
	font-size:1.2em;
	
 /*background: -webkit-linear-gradient(top, #FCFDFD, #E2E2E2);
 background:    -moz-linear-gradient(top, #FCFDFD, #E2E2E2);       
 background:      -o-linear-gradient(top, #FCFDFD, #E2E2E2);       
 background:         linear-gradient(to bottom, #FCFDFD, #E2E2E2);	*/
 
 background-color:#E9F5FF;
	
	color: #444444;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	border: 1px solid #D8D8D8;
	

}

div#seminar .collabo p.nitiji2 strong{
	font-size:16px;
	font-weight:bold;
}


div#seminar ul.naiyou{
	margin-left:40px;
}

div#seminar ul.naiyou li{
	list-style-type:disc;
}

div#seminar .basyo{
	height:100%;
	width:21%;
	float:left;
	margin:10px 10px 10px 0;
	padding:10px;
	font-size:12px;
	background-color:#F4F7EE;
	border:1px solid #E8F1CF;
}

div#seminar .basyoSmall{
	display:none;
}

div#seminar .basyo strong, div#seminar .basyoSmall strong{
	font-weight:bold;
}

div#seminar .basyochui{
	clear:left;
	font-size:12px;
}

div#seminar .renraku{
	padding:10px;
	margin:10px 20px 10px 0;
	background-color:#FFF5CD;
	border:1px solid #F9EB9E;
	font-size:14px;
}

div#seminar a.link{
	display:block;
	list-style-type:none;
	text-align:center;
	width:100%;
	margin:20px 0 10px !important;
	font-size:110%;
	padding:1% 0 !important;
	text-decoration:none;
	
	background-color:#DB4437;
	

 background: -webkit-linear-gradient(top, #E36A4B, #DB4437);
 background:    -moz-linear-gradient(top, #E36A4B, #DB4437);       /* -moz-liner-gradient(to bottom, #000, #fff); */
 background:      -o-linear-gradient(top, #E36A4B, #DB4437);       /*   -o-liner-gradient(to bottom, #000, #fff); */
 background:         linear-gradient(to bottom, #E36A4B, #DB4437);	
	
	color: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	border: 1px solid #D5D5D7;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	
	text-shadow: 1px 1px 3px #000;
	
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
  box-shadow: 1px 1px 4px rgba(0,0,0,.5);
  
  	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#cccccc,offx=2,offy=2)"; /* IE8 */
}


/* / セミナー */

.gimon{
	margin-bottom:20px;
}

.gimon img{
	width:100%;
}

.gimon640{
	display:none;
}

	.bengoshiArea{
		clear:both;
		width:960px;
	}
	
	.bengoshiArea .waku{
		overflow:hidden;
		margin-bottom:20px;
	}
	
	
	.bengoshiArea li{
		float:left;
		display:block;
		margin:0 10px 10px 0;
		padding:8px 6px;
		list-style-type:none;
		width:295px;
		
		
 background: -webkit-linear-gradient(top, #FCFDFD, #E2E2E2);
 background:    -moz-linear-gradient(top, #FCFDFD, #E2E2E2);       /* -moz-liner-gradient(to bottom, #000, #fff); */
 background:      -o-linear-gradient(top, #FCFDFD, #E2E2E2);       /*   -o-liner-gradient(to bottom, #000, #fff); */
 background:         linear-gradient(to bottom, #FCFDFD, #E2E2E2);	
 
 background-color:#F2F2F2;
	
	color: #444444;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	border: 1px solid #D8D8D8;
	
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
  box-shadow: 1px 1px 4px rgba(0,0,0,.5);
  
  	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#cccccc,offx=2,offy=2)"; /* IE8 */

  	}


.bengoshiArea li div.image{
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
	float:left;
}

.bengoshiArea li div.image img{
	width:110px;
}

.bengoshiArea li p.title{
	font-size:16px;
	font-weight:bold;
}

.bengoshiArea li p.text{
	margin:5px 5px 0px;
	padding:0;
	text-align:left;
	font-size: 12px;
}

.bengoshiArea li span.kakaku{
	color:#E00000;
	font-weight:bold;
}


/* 最新情報 */
	#infoArea{
		/*width:55%;*/  /* バナーと2列にしないときはこの行をコメントアウトする */
		/*float:left;*/  /* バナーと2列にしないときはこの行をコメントアウトする */
		/*clear:both;*/
		margin:0 20px 20px 0;
		padding-top:0px;
		padding-bottom:0;
		overflow:hidden;
	}
	#infoArea .title{
		border-bottom:1px solid #999999;
		margin:0;
		padding:0 0 0 5px;
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
   color:#3F5AA3;
   font-size:20px;

	}
	
	#infoArea .waku{
 background: -webkit-linear-gradient(top, #E5E5E5, #F9F9F9);
 background:    -moz-linear-gradient(top, #E5E5E5, #F9F9F9);       /* -moz-liner-gradient(to bottom, #000, #fff); */
 background:      -o-linear-gradient(top, #E5E5E5, #F9F9F9);       /*   -o-liner-gradient(to bottom, #000, #fff); */
 background:         linear-gradient(to bottom, #E5E5E5, #F9F9F9);	
	
	color: #000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	border: 1px solid #D4D4D4;
	}
	
	
	#infoArea .info01{
		overflow:hidden;
	}
	
	#infoArea .topics{
		clear:both;
		margin-top:18px;
		padding:10px;
	}
	
	#infoArea .topics .frame{
		height:230px;
		overflow: auto;
		margin: 0;
		padding: 5px;
	}
	
	#infoArea .topics .frame table{
		width:95%;
	}
	
	#infoArea .topics .frame th{
		padding:5px 3px;
		font-size:12px;
		font-weight:normal;
		text-align:left;
		border-bottom:1px dotted #7F7F7F;
		width:25%;
		white-space:nowrap;
	}

	#infoArea .topics .frame td{
		padding:5px 3px;
		font-size:12px;
		border-bottom:1px dotted #7F7F7F;
		width:70%;
		/*white-space: nowrap;*/
	}
	
	
/* HTI */
#hti{
	margin:10px 0 20px;
	padding:20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	border: 1px solid #D4D4D4;
	
	font-size: 14px;
}

#hti p{
	margin-bottom:20px;
}

#hti .title {
  border-bottom: solid 3px #cce4ff;
  position: relative;
	
	font-size:16px;
	margin-bottom: 5px;
	color:#3F5AA3;
	font-weight: bold;
}

#hti .title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

#hti .linkArea{
	word-wrap: break-word;
}

#hti .linkArea span{
	font-weight: bold;
}
/* / HTI */

/* バナー */
	#bannerArea{
		float:right;
		width:40%;
		margin-top:18px;
	}
	
	#bannerArea img{
		width:100%;
	}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
	/* 最新情報 */
	#infoArea{
		margin:0 0 40px;
	}
	
	#infoArea .topics .frame{
		width:100%;
	}
	
	#infoArea .topics .frame th{
		width:25%;
		font-size:105%;
	}

	#infoArea .topics .frame td{
		width:70%;
		font-size:105%;
		font-weight:bold;
	}

	
	.blog960{
		display:block;
	}

	.blog400{
		display:none;
	}

}




@media only screen and (max-width:959px){
div#seminar ul.que{
	display:block;
}

div#seminar li.que{
	height:100%;
	width:100%;
	float:none;
	font-size:18px;
}


div#seminar .basyo{
	display:none;
}

div#seminar .basyoSmall{
	display:block;
	height:100%;
	width:100%;
	margin:0 0 10px 0;
	padding:10px;
	font-size:12px;
	background-color:#F4F7EE;
	border:1px solid #E8F1CF;
}


	.bengoshiArea{
		width:100%;
	}

	.bengoshiArea li{
		height:100% !important;
	}
	
.bengoshiArea li div.image img{
	width:90px;
}

	.blog960{
		display:block;
	}

	.blog400{
		display:none;
	}

}

@media only screen and (max-width:750px){



	#infoArea{
		float:none;  /* バナーと2列にしないときはこの行をコメントアウトする */
		width:100%;  /* バナーと2列にしないときはこの行をコメントアウトする */
	}


	#infoArea .title{
		font-size:120%;
	}

	#bannerArea{
		float:none;
		width:100%;
	}


}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	
	.gimon{
		display:none;
	}
	.gimon640{
		display:block;
		margin-bottom:40px;
	}
	
	.gimon640 h2{
		background-color:#4E83C7;
		color:#fff;
	}
	
	.gimon640 ul{
		margin:0 20px;
	}
	
	.gimon640 li{
		list-style-type:square;
		margin-bottom:10px;
	}
	
	
	.bengoshiArea li{
		width:100% !important;
	}

}

/* iphone 縦(ポートレート) */
@media only screen and (max-width:400px){
.blog960{
	display:none;
}

.blog400{
	display:block;
}

}