@charset "utf-8";

@font-face {
   font-family: Lato;
   src: url('../webfont/Lato/Lato-Regular.ttf') format("truetype");
}
@font-face {
   font-family: Noto Sans JP;
   src: url('../webfont/NotoSansJP/NotoSansJP-Regular.otf') format("opentype");
}



/* =======================================
	PC・モバイル共通書式
======================================= */


/* -------------------------------
	共通書式（共通）
------------------------------- */

body {
	font-size: 100%;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2;
	text-align: center;
	margin: 0;
	padding: 0;
	zoom: 1;
	color: #333;
}

A:link {color: #371100;text-decoration: none;word-break: break-all;}
A:visited {color: #79791f;text-decoration: underline;}
A:hover {color: #bf6a0d;text-decoration: underline;}

ul,ol,
dl,dd,dt {
	margin: 0;
	padding: 0;
}


img{
	-webkit-transition: all .3s;
	 transition: all .3s;
}

a img:hover {
	opacity: 0.7;
	 filter: brightness(110%);
}


/* -------------------------------
	見出し（共通）
------------------------------- */

H1 {
	margin: 0;
	padding: 20px;
    font-size: 40px;
	font-weight:normal;
    letter-spacing: 6px;
}

H2:not(#mainWrap H2) {
	font-size: 24px;
	margin: 40px auto 10px;
	padding: 6px 1em;
	color: #fff;
	font-weight:normal;
	text-align:left;
	letter-spacing: 1px;
	line-height: 1.4;
	background-color: #A86902;
}

#mainWrap H2 span {
	font-family: Noto Sans JP;
	font-size:18px;
	font-weight:normal;
	margin: 0 auto;
	padding: 0 0 1em;
	letter-spacing: 8px;
	display:block;
}

H3:not(#mainWrap H3) {
	margin: 50px 0 30px;
    padding: 0 1em;
    border-left: 6px solid #81BC00;
    font-size: 23px;
    font-weight: 500;
    background-color: #f0f0f0;
}

H4 {
	font-size:18px;
	color:#449401;
	padding: 2px;
	margin:40px 0 20px 0; 
	line-height: 2;
    border-bottom: 1px dotted #ccc;
}

H5 {
	font-size:18px;
	color:#449401;
	padding: 10px 0px;
	margin: 0 0 15px; 
	line-height: 1.5;
}


/* -------------------------------
	見出し - トップページ（共通）
------------------------------- */
#mainWrap H2 {
	font-family: serif;
	font-size: 45px;
	margin: 0 auto;
	padding: 20px 0;
	letter-spacing: 1px;
	line-height: 1.4;

}


/* -------------------------------
　　ヘッダー（共通）
　------------------------------- */
header {
	width: 100%;
	z-index: 9;
	background: -moz-linear-gradient(top left, rgba(131, 190, 38, 0.9) 30%, rgba(58, 141, 18, 0.9)); 
	background: -webkit-linear-gradient(top left, rgba(131, 190, 38, 0.9) 30%, rgba(58, 141, 18, 0.9)); 
	background: linear-gradient(to bottom, rgba(131, 190, 38, 0.9) 30%, rgba(58, 141, 18, 0.9)); 

}

#logo img {
	max-width: 100%;
	height:auto;
	margin-top: 10px;
}
	
#mininavi {
	width: 98%;
	text-align: right;
	font-size:11px;
	line-height:25px;
	margin: 0 auto;
	padding: 0 1%;
}

	
#mininavi a {
    color: #fff;
    text-decoration: none;
    padding: 0 1em;
    border-right: 1px dotted rgb(255 255 255 / 53%);
}

/* スライド内リンクボタン用の枠 */
ul#linkBTN {
    position: absolute;
	right: 3%;
	top: 18%;
	display: table;
}

ul#linkBTN li {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}

/* 獣医学部ボタン */
ul#linkBTN li.vetHP {
	margin: 0;
    text-align: center;
    background-color: #7BB309;
    border-radius: 5px;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 35%);
    opacity: 0.85;
}

ul#linkBTN li.vetHP a {
	display:block;
    padding: 8px;
	color: #fff;
	text-decoration:none;
    line-height: 1.2;
	font-size: 13px;
	-webkit-transition: all .5s; transition: all .5s;
}

ul#linkBTN li.vetHP a:hover {
    background-color: rgb(255 255 255 / 30%);
}

/* 山大ボタン */
ul#linkBTN li.yamadaiHP a img {
	width: 60px;
	height: auto;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 35%);
	border-radius: 5px;
}


/* -------------------------------
　　ぱんくず（共通）
------------------------------- */

#panList ul {
	margin: 0;
	padding: 0 5px 20px;
	text-align: left;
}

#panList ul li{
  display:inline;　/* 横に並ぶように */
  list-style: none;
  font-size: 0.8em;
}

/* 右三角を表示*/
#panList ul li:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  content: '\f0da';
  padding: 0 6px;
  color: silver;
}

#panList ul li:last-child:after{
  content: '';
}

#panList ul li a {
    text-decoration: none;
}

/* 家アイコン */
#panList ul li:first-child a:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: '\f015';
	color: #499700;
	padding-right: 3px;
}


/* -------------------------------
	タイルレイアウト（共通）
------------------------------- */
.tile{
	display: table;	
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 auto;
	padding: 200px 0;
}

.tile dl{
	float: left;
	display:inline-block;
	width: 29.3%;
	margin:10px 2% 40px;
	padding: 10px;
	background-color: #fff;
	box-sizing: border-box;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 25%);
	border-radius: 4px;
	border-left: 10px solid #3badbf;
}

#report_stud .tile dl{
	border-color: #a43db3;
}

.tile dl dt{
/*    font-size: 1.2em;
	color: #607538;
    background-color: #f2f9e6; */
	font-weight:600;
	text-align:left;
	padding: 2px 0.5em;
}

.tile dl dd{
	margin:0 auto;
	text-align:left;
}


.tile dl dd .date {
    padding: 10px 0 5px;
    color: #abcf18;
	font-size: 0.8em;
	text-align:right;
}

.tile dl dd .date:before {
       font-family: "Font Awesome 5 Free";
       content: '\f017';
       padding-right: 0.5em;
}


/* -------------------------------
	News Topics（共通）
------------------------------- */
#newsBanner {
	width: 85%;
	margin: -215px auto 50px;
	padding:0;
	box-sizing:border-box;
	position:relative;
	z-index: 8;
}

#mainWrap #news {
	width: 80%;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#fff;
	border-radius: 7px;
}

#mainWrap #news > .title {
	text-align:center;
}

#mainWrap #news > .title img {
	width: 80%;
	margin: -15px 20px 0;
}

#news > .list {
	padding: 0 3% 30px;
	text-align:left;
	box-sizing:border-box;
}


#news > .list dl {
    border-bottom: 1px dotted #cccccc;
	margin-bottom: 15px;
}

#news > .list dl dt {
	margin:0px;
    padding: 0;
    color: #abcf18;
}


#news > .list dl dd {
	margin:0 auto;
    padding: 0 0  10px;
	line-height: 1.6;
}

#news > .list dl dd a {
    display: block;
}

#news > .list dl dt span {
	display: inline-block;
	background: #529932;
	color:#fff;	
	font-size:12px;
	font-weight:bold;
	padding: 0 6px 1px;
	margin-left:10px;
	vertical-align: middle;
	line-height: 1.5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#news > .list dl dt span.topics {
	background: #329699;
}

#news > .list dl dt span.student {
	background: #900;
}

#news > .list dl dt span.news {
	background: #939;
}

/* -------------------------------
	新着情報ページ（共通）
------------------------------- */

#pageNews #titleArea {
	padding: 20px 20px 60px;
}

#pageNews H1.archive {
	font-family: Noto Sans JP;
	font-size: 24px;
	font-weight:normal;
	margin: -30px auto -18px;
	padding: 0;
	letter-spacing: 6px;
	display:block;
	color:#b5c788;
}

#pageNews aside H2 {
    color: #fff;
	text-align: center;
    background-color: #C88D4C;
	font-size: 20px;
	padding: 10px;
}

#pageNews .date {
    padding: 5px 0;
    color: #abcf18;
	text-align: right;
}

#pageNews .date:before {
   font-family: "Font Awesome 5 Free";
   content: '\f017';
   padding-right: 0.5em;
}


/* -------------------------------
	TOPバナー（共通）
------------------------------- */

#mainWrap #banner {
	margin: 1%;
	text-align:center;
	box-sizing:border-box;
}

#mainWrap #banner img {
	max-width: 100%;
	height: auto;
	box-shadow: 2px 2px 6px rgb(0 0 0 / 15%);
}



/* -------------------------------
	コンセプト（共通）
------------------------------- */
#concept {
	width: 100%;
	margin:0 auto;
	padding: 0;
}

#concept h3 {
	font-size: 1.6em;
	color: #BF6A0C;
	
}

#concept p {
	color: #7E5E35;
	
}

#concept p.flow {
	margin: 20px auto 40px;
}

#concept p.flow img {
	margin: 0 6%;
}


/* -------------------------------
	Map関連（共通）
------------------------------- */

#wMap {
	position:relative;
	margin-top:40px;
	margin-bottom: -10px;
}
	

#timeJ {
	position:absolute;
	top:25%;
	left:68%;
}

#timeK {
	position:absolute;
	top:70%;
	right:72%;

}



.timeBox {
	background-color:rgba(255,255,255,0.7);
	border:1px solid #A5B8BC;
	padding:3px 10px;
	border-radius:5px;
/*	color:#80AAA8; */
	color:#669900;
	font-size:15px;
	letter-spacing:0.05em;
}


.timeBox:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: '\f017';
    padding-right: 0.4em;
}


/* -------------------------------
	活動報告 トップ（共通）
------------------------------- */
#report_act {
	width: 100%;
	margin:0 auto;
	padding: 0;
}

#report_act > .bg {
	background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7));
	background-repeat: repeat;
	text-align:center;
	padding: 0 0 120px 0;
}

#report_act .sect_ttl {
	background-color:#fff;
}

#report_act h2 {
	padding: 36px 0 18px;
}

#report_act .tile dt {
	color: #4698a5;
}

#report_act .tile dl dd .date {
    color: #95c5cc;
}

/* -------------------------------
	活動報告ページ（共通）
------------------------------- */

#pageAct.cover-image_fix {
	background-image: url(../images/pageAct_bg2.jpg);
/*	background-image: url(../images/pageAct_bg.jpg); */
	background-position: 50% 0px;
	background-repeat: no-repeat;
}

#pageAct #titleArea {
	padding: 20px 20px 60px;
}

#pageAct main {
	text-align: left;
}

#pageAct H1 {
	color: #fff;
	text-shadow: #433326 1px 1px 10px, #433326 -1px 1px 10px, #433326 1px -1px 10px;
	text-align: left;
	padding: 45px 0 0px 65px;
    font-size: 3em;
}

#pageAct H1.archive {
	font-family: Noto Sans JP;
	font-size: 26px;
	font-weight:normal;
	margin: -20px auto -32px;
	padding: 0 0 0 70px;
	letter-spacing: 7px;
	display:block;
}

#pageAct main H2  {
	background-color:#228291;
}


#pageAct aside H2 {
    color: #fff;
	text-align: center;
    background-color: #3badbf;
	font-size: 20px;
	padding: 10px;
}

#pageAct main #panList ul {
	padding-bottom: 0;
}

#pageAct dt {
	color: #4698a5;
}

#pageAct .date {
    padding: 5px 0;
    color: #abcf18;
	text-align: right;
    color: #95c5cc;
}

#pageAct .date:before {
   font-family: "Font Awesome 5 Free";
   content: '\f017';
   padding-right: 0.5em;
}

#pageAct .archive .date {
    text-align: right;
    font-size: 0.8em;
}

#pageAct .archive dl {
    border-bottom: 1px dotted #a9a9a9;
	margin: 25px auto 0;
}



/* -------------------------------
	学生レポート トップ（共通）
------------------------------- */
#report_stud {
	width: 100%;
	margin:0 auto -10px;
	padding: 0;
}

#report_stud > .bg {
	background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7));
	background-repeat: repeat;
	text-align:center;
	padding: 0 0 120px 0;
}

#report_stud .sect_ttl {
	background-color:#fff;
}

#report_stud h2 {
	padding: 36px 0 18px;
}

#report_stud .tile dt {
	color: #8b4f94;
}

#report_stud .tile dl dd .date {
    color: #c080ca;
}


/* -------------------------------
	学生レポート ページ（共通）
------------------------------- */
#pageStu.cover-image_fix {
	background-image: url(../images/pageStu_bg.jpg);
	background-position: 50% 0px;
	background-repeat: no-repeat;
}

#pageStu #titleArea {
	padding: 20px 20px 60px;
}

#pageStu main {
	text-align: left;
}

#pageStu H1 {
	color: #fff;
	text-shadow: #433326 1px 1px 10px, #433326 -1px 1px 10px, #433326 1px -1px 10px;
	text-align: left;
	padding: 45px 0 0px 65px;
    font-size: 3em;
}

#pageStu H1.archive {
	font-family: Noto Sans JP;
	font-size: 26px;
	font-weight:normal;
	margin: -20px auto -32px;
	padding: 0 0 0 70px;
	letter-spacing: 7px;
	display:block;
}


#pageStu main H2 {
    background-color: #7B2C79;
}

#pageStu aside H2 {
    color: #fff;
	text-align: center;
    background-color: #a43db3;
	font-size: 20px;
	padding: 10px;
}

#pageStu main #panList ul {
	padding-bottom: 0;
}

#pageStu dt {
	color: #8b4f94;
}

#pageStu .date {
    padding: 5px 0;
    color: #abcf18;
	text-align: right;
    color: #c080ca;
}

#pageStu .date:before {
   font-family: "Font Awesome 5 Free";
   content: '\f017';
   padding-right: 0.5em;
}

#pageStu .archive .date {
    text-align: right;
    font-size: 0.8em;
}

#pageStu .archive dl {
    border-bottom: 1px dotted #a9a9a9;
	margin: 25px auto 0;
}


/* -------------------------------
	連携大学紹介（共通）
------------------------------- */
#UoN {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#pageWrap #UoN h2 {
	background-color:#07829e;
	margin-bottom:20px;
}

#pageWrap #UoN H4 {
    color: #07829e;
}


#UoN .photo > img {
	max-width: 100%;
	margin:10px auto;
	border-radius: 20px;
}

#pageWrap #UoN a:link {
    color: #07a5ca;
}

#pageWrap #UoN a:visited {
    color: #07a5ca;
}　

#UoN .defInner img {
	width: 28%;
	margin-top: -100px;
	padding: 0 2%;
}



/* -------------------------------
	フッター（共通）
------------------------------- */

footer {
	clear: both;
	position:relative;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background-color: #D9CAA5;
}

footer img.animal {
	top: -54px ;
	right: 2%;
	max-width: 450px;
	height: auto;
}

footer img.human {
	top: -77px;
    left: 3%;
    max-width: 260px;	
	height: auto;
}


/* -------------------------------
	GoTop（共通）
------------------------------- */

#top {
	clear: both;
	position: fixed;
	margin:0;
	padding:0;
	bottom: 10px;
	right: 10px;
	text-align: center;
	background-color: #7BB309;
	color: #fff;
	width: 45px;
	line-height: 45px;
	border-radius: 100%;  
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
    transition:all 0.2s ease-in-out;
	z-index: 999;

}

#top a {
	color: #fff;
	text-decoration: none;
	display: block;
}

#top a:hover {
	background-color: #fff;
	color: #7BB309;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	opacity:0.6;
	filter: alpha(opacity=60); 
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
    transition:all 0.2s ease-in-out;
}


/* -------------------------------
	float関連（共通）
------------------------------- */

.clear {
    clear: both;
}

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

.clearfix {
  min-height: 1px;
}

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

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

.rel {
	position:relative;
}

.abs {
	position:absolute;
}

/* ---------------------------------
    ボタン（共通）
--------------------------------- */

/* 枠線 黒 */
.btnBDbk {
    width: 80%;
	margin: 0 auto;
	position: relative;
    text-decoration: none;
    color: #000;
    border: solid 1px #000;
}

.btnBDbk a {
    display: block;
    padding: 10px 1em;
	font-size:1.2em;
	letter-spacing:5px;
    color: #000;
	text-decoration:none;
	background-color: rgb(255 255 255 / 60%);
    transition: .4s;
}


.btnBDbk a:after {
	position: absolute;
	content: url(../images/arrow_bl.png);
	display: inline-block;
	right: 5%;
}


.btnBDbk a:hover {
    background-color: #a7c84c;
    color: white;
}


/* -------------------------------
	画像（共通）
------------------------------- */

.cover-image {
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    display: table;
	position:relative;
	margin:0;
}

.cover-image_fix {
	min-height: 100%;
    background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	margin:0;
	padding: 0;
}


img.floatL { float:left; }
img.mid { vertical-align:middle; }
img.LR5px{ margin: auto 5px; }
img.LR10px{ margin: auto 10px; }
img.LR20px{ margin: auto 20px; }
img.img_grow {
   box-shadow: 0px 0px 6px #333;
   text-align: center;
   margin-top: 10px;
   border-radius: 5px; 
}


/* -------------------------------
	Table（共通）
------------------------------- */

table, table td, 
table th {
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 10px 1em;
}

table th {
    background-color: #eee;
}


table.dot {
    border: none;
}
table.dot td, 
table.dot th {
    border: none;
    border-bottom: dotted 1px #ccc;
    padding: 10px 1em;
}


/* -------------------------------
	リスト（共通）
------------------------------- */

/* ul（箇条書） */
ul.L01,ul.L02 {
	margin-left: 1em;
}

ul.L01 li {
	list-style-image: url(../icon/list01.gif);
	list-style-position: outside;
	text-align: left;
	line-height: 1.8;
	margin-bottom: 0.5em;
}

ul.L02 li {
	list-style-image: url(../icon/list01.gif);
	list-style-position: outside;
	text-align: left;
	line-height: 1.8;
}

/* ol（段落番号） */
ol {
	margin-left: 1em;
}

ol li {
	margin-bottom: 0.5em;
	text-align: left;
	line-height: 1.8;
}



/* -------------------------------
	その他の書式（共通）
------------------------------- */

/* 配置 */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

/* フォントサイズ */
.font1em {font-size:1em;}
.font8px {font-size:8px;}
.font9px {font-size:9px;}
.font10px {font-size:10px;}
.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font13px {font-size:13px;}
.font14px {font-size:14px;}
.font15px {font-size:15px;}
.font16px {font-size:16px;}
.font18px {font-size:18px;}
.font20px {font-size:20px;}
.fontB {font-weight:700;}

/* フォントカラー */
.att_red { color: #D30000;font-weight: 600;}
.att_green { color: #3A9923;font-weight: 600;}
.att_blue { color: #2776DB;font-weight: 600;}



/* 囲み枠 */
.square {
	border: 1px solid #999999;
	margin-left: 2em;
	padding: 3px 13px;
}

/* 下線 */
.bdBottom {
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #999999;
	border-left: none;
	padding-left: 4px;
}

/* 角丸 */
.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* 影 */
.shadow {
	box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
	-moz-box-shadow: 0px 0px 3px #999;
}

/* 水平線 */

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top:1px #ddd solid;
	}
	
hr.dot {
	border-top:1px #bbb dotted;
	}

hr.dash {
	border-top:1px #bbb dashed;
	}

/*マーカー風ライン*/
.marker01 {
    background:linear-gradient(transparent 75%, #ff9393 75%);
    display: inline;
}



/* -------------------------------
	マーク（共通）
------------------------------- */

.mMAIL:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f0e0';
   padding-right: 0.5em;
}

.mTEL:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f095';
   padding-right: 0.4em;
}

.mFAX:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f1ac';
   padding-right: 0.5em;
}

.mURL:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f015';
   color: #333;
   padding-right: 0.5em;
}

.mPDF:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f1c1';
   font-size: 1.2em;
   color: #de2230;
   padding-right: 0.5em;
}

.mEXCEL:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f1c3';
   font-size: 1.2em;
   color: #3F8D23;
   padding-right: 0.5em;
}

.mWORD:before{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f1c2';
   font-size: 1.2em;
   color: #0F48AE;
   padding-right: 0.5em;
}

.m2down:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f103';
   font-size: 1.2em;
   padding-left: 0.5em;
}

.mORDER:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f044';
   font-size: 1.2em;
   padding-left: 0.5em;
}

.mMORE:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f0da';
   padding-left: 0.5em;
   vertical-align:middle;
}


p.mMAIL,p.mTEL,p.mURL,p.mFAX,p.mPDF,p.mEXCEL,p.mWORD{
   line-height: 1;
   font-size: 1.1em;
}

/* 別窓で開く */
.extLink:after {
    font-family: "Font Awesome 5 Free";
    content: "\f2d2";
    font-size: 8px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 3px;	
}
   
.seminar {
	width: 85%;
	text-align: left;
	background: #fff;
	border: 3px solid #ddd;
	margin: 10px 0;
	padding: 5%;
	border-radius: 20px;        /* CSS3 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome */  
	-moz-border-radius: 20px;   /* Firefox */  
}