@charset "UTF-8";

/* 全ページ共通スタイル */

* { margin: 0 auto;padding: 0;font-size: 1.02em; }
body { color: #3a3531;background-color: #fff;
	font-family: "游ゴシック", "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "Hiragino Kaku Gothic Pro", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;-webkit-text-size-adjust: 100%;/*iphone文字サイズ自動変更防止*/ }

/*---------------------------------▼共通▼---------------------------------*/

/* 回り込み解除 */  	
.clearfix:after{content: "";clear: both;display: block;}

/* 配置 */ 
.center {margin: 0 auto;text-align: center;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pb5{padding-bottom:5px;}
.pl10{padding-left:10px;}
.pl10{padding-left:10px;}

.fs80{ font-size:0.8em;}
.fs90{ font-size:0.9em;}
.fs95{ font-size:0.95em;}

/*リンク*/
a { color: #333;text-decoration: underline;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;margin-bottom:0;padding-bottom:0px;}
a:visited { color: #333; }
a:link { color: #333; }
a:focus { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
a:hover { text-decoration:none; opacity: 0.5; }

/*画像*/
img { border: none;max-width:100%; }
img a { opacity: 1.0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease; }
img a:hover { filter:alpha(opacity=50); opacity: 0.5; }

/*　共通幅のボックス　*/
.box { max-width:1080px;clear:both; }
.box1200 { max-width:1200px;clear:both; }
.box_g { background-color:#B2CCB7; padding:20px 20px 15px; text-shadow: 3px 3px 1px #FFF;}
.box_y { background-color:#F9DB77; padding:20px 20px 15px; text-shadow: 3px 3px 1px #FFF;}
.box_o { background-color:#F7AC6A; padding:20px 20px 15px; text-shadow: 3px 3px 1px #FFF;}
.box_p { background-color:#efcaca; padding:20px 20px 15px; text-shadow: 3px 3px 1px #FFF;}
.box_w { background-color:rgba(255,255,255,0.7); padding:20px 20px 15px; border-radius:15px;}

#with {width:100%;
		padding:0px auto 20px;
		background: repeat center top ;
		background-size:700px;
		font-size:1.1em;
		font-family: "游ゴシック", "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "Hiragino Kaku Gothic Pro", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; }

#with .title {margin:30px auto;
			text-align: center;
			clear:both;}

#with .title .about {clear:both;
					margin:30px auto 50px;
					padding:50px 10px 25px 10px;
					font-size:1.2em;
					background: url("/c31seizo/densan/column/img/top.png")repeat-x center top rgba(51,51,51,0.8);}

h5{color:white;
font-size:33px;}

#with .title .about p {font-size:0.9em;
						padding:25px 0px;
						color:#FFF;}

.event_info {clear:both;padding: 0px 0 30px 0;margin: 0px auto 0px;font-size:0.95em;}
.event_info .box { margin:30px auto; background:#FFF;overflow:hidden; }
.event_info .title { font-size:1.3em; font-weight:bold;padding:5px 3px 0px 0px; }
.event_info .float_left {float:left; margin:0px 0px 5px 10px; min-height:200px; z-index:100;}
.event_info dl{ position: relative; font-size:0.9em;margin: 10px; width:calc(100% - 190px);border-bottom: 1px dotted #888;}
.event_info dd{ font-size:1.1em;margin: 0 0 0 0;padding-top: 0.6em; }
.event_info .none { font-weight:bold;border-top: 0px; }
.event_info .detail { font-size:1.3em; font-weight:bold;}
.event_info .img_none{ width:calc(100% - 30px);}

.event_info .seminar {border:1px solid #38322B; }
.event_info .seminar .title {padding-left:40px; background: url("../img/common/icon_title.png") no-repeat 10px 50% #F2F2EA; }
.event_info .seminar dt{ background: url("../img/common/arrow_r_double.png") no-repeat 10px 60%;background-size:11px; }