@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body{
color:#333;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.6em;
background:#f2eedc;
-webkit-text-size-adjust: none;
}

html{background:#f2eedc;}


/* リンク設定
------------------------------------------------------------*/
a{color:#000033;text-decoration:none;}
a:hover{color:#246292;}
a:active, a:focus{outline:0;}

/* content 内のリンクはやや明るめ */
section.content a{color:#00004d;text-decoration:none;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
#header{
padding:25px 0 15px;
overflow:hidden;
}

* html #header{height:1%;}

#header h1{
font-size:11px;
font-weight:normal;
}


/*************
/* ロゴ
*************/
#header .logo{
float:left;
padding:10px 0 0;
}

.logo a{
font-size:20px;
font-weight:bold;
line-height:1;
color:#333;
}

.logo span{
font-size:11px;
font-weight:normal;
}


/**************************
/* トップナビゲーション
**************************/
ul#topnav{
float:right;
overflow:hidden;
}

* html ul#topnav{height:1%;}

ul#topnav li{
float:left;
margin:0 5px;
text-align:center;
}

ul#topnav a{
font-size:13px;
display:block;
padding:13px 10px;
color:#333;
}

ul#topnav span{
color:#9e9259;
font-size:10px;
}

ul#topnav li.active a,ul#topnav a:hover{
background:#e8e3ca;
border-radius:5px;
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:15px auto 20px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
border-radius:3px;
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:0;
left:0;
padding:15px 20px;
line-height:1.4;
background:url(images/tp2.png);
}

.slogan h2{
padding-bottom:5px;
color:#eee;
font-size:18px;
}

.slogan h3{
font-size:12px;
color:#ccc;
}

/* サブページ スローガンの背景・黒*/
.subImg .slogan{background:url(images/tp2.png);}
.subImg .slogan h2{color:#ccc;}
.subImg .slogan h3{color:#666;}



/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}

.grid{
float:left;
border-radius:5px;
background:#fff;
}

.grid h3{
padding:15px 5px;
text-align:center;
border-radius:5px 5px 0 0;
background:#e8e3ca;
}

.grid p{
padding:5px 10px;
}

.grid li{
padding:5px 10px 0px;
}

.gridWrapper img{
max-width:100%;
height:auto;
}

/* フッター内のグリッド(3カラム) */
#footer .grid{
background:transparent;
}

#footer .grid p{padding:0;}


/*************
メイン コンテンツ
*************/
section.content{
padding:19px;
margin-bottom:20px;
border:1px solid #ebebeb;
border-radius:6px;
background:#fff;
overflow:hidden;
font-size:15px;
letter-spacing: 0.1em;
line-height: 1.6em;
}

h4.heading.vertical-align {
    align-items: start;
}

* html section.content{height:1%;}

section.content p{margin:3px 5px 5px 0;}

h3.heading{
padding-left:7px;
margin:5px 0 10px 0;
font-size:16px;
border-left:5px solid #e8e3ca;
}

h4.heading{
padding-left:7px;
margin:25px 5px 10px 5px;
font-size:15px;
border-left:5px solid #cacaca;
}

section.content img{
max-width:90%;
height:auto;
}

img.frame{
border:4px solid #fff;
box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);}

img.noframe{border:0px #fff none;margin: 10px 15px}


#gallery img{
border:4px solid #fff;
box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
cursor: pointer;

}

#gallery .grid{padding:5px 0 0; }

/* article の下のマージン */
section.content article{margin-bottom: 30px;}


/*****************************************
箇条書き
*****************************************/

/* リスト（箇条書き）の設定 */
section.content ul{
list-style-type: disc;
margin: 5px 30px;
}

section.content ul li{
	margin: 0.3em 0 0.5em 0;
	}	

/* リスト（箇条書き）の設定 */
.ul-none{
list-style-type: none;
margin: 5px 30px;
}


/* リスト（算用数字）の設定 */
section.content .ul-dec{
list-style-type: decimal;
margin: 5px 30px;
}


/****************************************
位置
*****************************************/
.header{
text-align:center;
vertical-align:middle;
font-weight:bold;
}

/*文字：中央寄せ*/
.center{text-align:center;}


/*文字：左寄せ*/
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px ;
}

/*文字：右寄せ*/
.alignright{
float:right;
clear:right;
margin:3px 20px 10px 10px;
}

.clearboth{clear: both;}


/*****************************************
icon
*****************************************/
.ico {
vertical-align:middle;
margin-right:3px;
margin-left:3px;
}


/*****************************************
見出し（ボーダー）
*****************************************/

/* 見出し（左ボーダー × 下ボーダー、幅50%）*/
.h_border1 {
	padding: .25em 0 .5em .75em;
	border-left: 5px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:90%;
}


/* 見出し（上下ボーダー）*/
.h_border2{
	position: relative;
	padding: 1em 0;
	padding-left: 2em;
	width:70%;
}
.h_border2::before,
.h_border2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.h_border2::before {
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.h_border2::after {
	bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}

/* 見出し（下ボーダー（2本線・70%））*/
.h_border3{
	padding-bottom: .5em;
	padding-left: 2em;
	border-bottom: 3px double #ccc;
	width:70%;
}

/* 見出し（下ボーダー（2本線・90%））*/
.h_border4{
	padding-bottom: .5em;
	padding-left: 1em;
	border-bottom: 3px double #ccc;
	width:95%;
	font-size:16px;
}


/*****************************************
ご案内・おしらせなど（information.html, news.html,…）
*****************************************/
.events_block{
width:40%;
height:70px;
margin:20px 30px;
float:left;
}

.events_block img{
width:60px;
float:left;
margin-right:20px;
}

.events_block h3{
padding-left:7px;
margin-left:70px;
margin-bottom:10px;
font-size:16px;
border-left:5px solid #e8e3ca;
}

/*****************************************
関連ページ・活動グループ（related.html#groups）
*****************************************/
.events_block2{
width:40%;
margin:20px 30px;
float:left;
}

.events_block2 img{
width:50px;
float:left;
margin-right:20px;
}

.events_block2 h3{
padding-left:7px;
margin-left:70px;
margin-bottom:10px;
font-size:16px;
border-left:5px solid #e8e3ca;
}

/*****************************************
ミッション2030メニュー（mission2030.html…）
*****************************************/
.ms2030_block{
width:40%;
margin:20px 30px;
float:left;
}

.ms2030_block img{
width:60px;
float:left;
margin-right:20px;
}

.ms2030_block h3{
padding-left:7px;
margin-left:70px;
margin-bottom:10px;
font-size:16px;
border-left:5px solid #e8e3ca;
}



/*****************************************
年間＆月間予定(news/m_events, y_events)
*****************************************/
.events{margin-left: -20px;}

ul.events_calendar{
display: table;
width:97%;
padding:0px;
border-collapse:collapse;
border:1px solid #cacaca;
}

ul.events_calendar ol{
display:table-row;
width:100%;
}

ul.events_calendar li{
display:table-cell;
vertical-align:middle;
padding:2px 2px;
border:1px solid #cacaca;
margin:0 !important;
}

ul.events_calendar  li ul li{
display:list-item;
list-style-type:disc;
border:none;
padding:2px;
width:100%;
}


/*** 年間予定(y_events/yyyy.html)の列の幅揃え **/
.year_events_col1{width:10%;}
.year_events_col2{width:20%;}
.year_events_col3{width:50%;}
.year_events_col4{width:20%;}

/*** 年間・月間予定(events.html)の表(他のことにも使うかも) **/

/* --- 表全体 --- */
table.event_cal {
width: 90%;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
margin-left:10px
}

/* --- 表タイトル --- */
table.event_cal caption {
padding-bottom: 5px;
}

/* --- セル --- */
table.event_cal th,
table.event_cal td {
width: 20%;
padding: 6px 8px;
border: 1px #c0c0c0 solid;
text-align: center;
}

/* --- 見出しセル --- */
table.event_cal thead th {
background-color: #cae8e3;
text-align: center;
}

/* --- フッタセル --- */
table.event_cal tfoot td {
background-color: #f5f5f5;
}

/* --- 表ボディ --- */
table.event_cal tbody {
background-color: #ffffff;
}

/* --- マウスオーバー時に色が変わるセル(デフォルト) --- */
table.event_cal tbody td:hover {
background-color: #e5e5e5;
}

/* --- マウスオーバーしても色が変わらないセル --- */
table.event_cal tbody td.non{color:#c0c0c0;}
table.event_cal tbody td.non:hover {
background-color: #ffffff;
}


/**************************************************************
福音にふれる(news/touch.html)、
**************************************************************/
.clists{margin-left: -30px;}

.content-lists{
display: table;
width:90%;
padding:0;
}

.content-lists ul{display:table-row;}

.content-lists li{
display:table-cell;
vertical-align: top;
text-align: left;
padding:5px;

}

.content-lists li li{
display:list-item;
list-style-type:disc;
border:none;
padding:2px;
width:100%;
}

/*** ミサ中継：幅揃え **/
.thumbnail{width:135px; height:auto;}

/*** Webツアー：幅揃え(ボツ) **/
.thumbnail2{width:80px; height:auto;}


/**************************************************************
バックナンバー(mission2030/ap1/prayer_cards.html)、
**************************************************************/
.backnumber-lists{
display: table;
width:90%;
padding:0;
}

.backnumber-lists ul{display:table-row;}

.backnumber-lists li{
display:table-cell;
vertical-align: top;
text-align: left;
padding:5px 10px;
border-bottom:1px dashed #ccc;

}

/*** 幅揃え **/
.month{
width:50px;
height:auto;
border-right:1px dashed #ccc;
}


/*****************************************
Magisバックナンバー（magis.html）
*****************************************/
.magis_no{
width:15%;
text-align:center;
vertical-align:middle;
}


/*****************************************
Google Map（access.html）
*****************************************/
.g_map {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*************
テーブル（汎用）
*************/
table.table{
border-collapse:collapse;
width:90%;
margin:10px auto;
}

table.table th,table.table td{
padding:5px;
border:1px solid #cacaca;
}

table.table th{
text-align:center;
vertical-align:middle;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#f3f3f3;
}

table.table td{border-left:#48370d;}

/* セル内の文字水平方向の揃え方指定(td) */
table.table td.aright{text-align:right;}	/*右寄せ*/
table.table td.aleft{text-align:left;}		/*左寄せ*/
table.table td.acenter{text-align:center;}	/*中央揃え*/

/* セル内の文字垂直方向の揃え方指定(td) */
table.table td.vtop{vertical-align:top;}	/*上揃え*/
table.table td.vbottom{vertical-align:bottom;}	/*下揃え*/
table.table td.vmiddle{vertical-align:middle;}	/*中央揃え*/

/* セル内の文字水平方向の揃え方指定(th) */
table.table th.aright{text-align:right; padding:5px;}	/*右寄せ*/
table.table th.aleft{text-align:left; padding:5px;}	/*左寄せ*/
table.table th.acenter{text-align:center; padding:5px;}	/*中央揃え*/

/* セル内の文字垂直方向の揃え方指定(th) */
table.table th.vtop{vertical-align:top; padding:5px;}		/*上揃え*/
table.table th.vbottom{vertical-align:bottom; padding:5px;}	/*下揃え*/
table.table th.vmiddle{vertical-align:middle; padding:5px;}	/*中央揃え*/


/*************************
テーブル（神父紹介 priests.html）
**************************/
table.priests{
border-collapse:collapse;
width:60%;
margin:2em 0em 5em 30px;
}

table.priests th{
padding:10px;
border:1px solid #cacaca;
text-align:center;
vertical-align:middle;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#f3f3f3;
width:20%;
}

table.priests td{
padding:10px;
border:1px solid #cacaca;
}

/* セル内の文字水平方向の揃え方指定(th) */
table.priests th.aleft{text-align:left; padding:5px 10px;}	/*左寄せ*/


/*****************************************
テーブル（神父紹介一覧 priests_list.html）
*****************************************/
table.priests_list{
border-collapse:collapse;
width:70%;
margin:20px 30px;
}

table.priests_list th{
padding:10px;
border:1px solid #cacaca;
text-align:center;
vertical-align:middle;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#f3f3f3;
width:20%;
}

table.priests_list td{
padding:10px;
border:1px solid #cacaca;
}

table.priest_list th.aleft{text-align:left; padding:5px 10px;}	/*左寄せ*/

p.priests_list{padding:0px 0px 10px 3px;}
img.priests_list{border:0; float:left; margin:5px;}

/*************
テーブル（講座）
*************/
table.class{
border-collapse:collapse;
width:100%;
margin-left:10px;
margin-bottom: 20px;
}

table.class th,table.class td{
padding:7px;
border:1px solid #cacaca;
}

table.class th{
text-align:center;
vertical-align:middle;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#ebebeb;
width:15%;
}

.class_te{
width:15%;
text-align:center;
vertical-align:middle;
}


.class_room{
width:20%;
text-align:center;
vertical-align:middle;
}

.class_de{
width:50%;
vertical-align:middle;
}


/*************
サブ（フッター前）コンテンツ
*************/
#sub ul{padding:10px;}

#sub li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #ebebeb;
}

#sub li:last-child{
border:0;
margin-bottom:0;
}

#sub li a{display:block;}

#sub ul.list{padding-bottom:7px;}

#sub ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
}

* html #sub ul.list li{height:1%;}

#sub ul.list li img{
float:left;
margin-right:10px;
}

#sub ul.list li{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
clear:both;
padding:20px 0 40px;
overflow:hidden;
}

* html #footer{height:1%;}

.tel strong{
font-size:20px;
font-weight:bold;
}

#footer a{color:#333;}
#footer a:hover{color:#888;}
#footer .copyright{font-size:11px;}

/*******************************************
/* 全体トップページ（index.html）の背景色
/*******************************************/
#top{background-color: #ffffff;}


/* PC用 */
@media only screen and (min-width:960px){
	#wrapper,.inner{
	width:940px;
	padding:0;
	}

	#wrapper{padding-bottom:20px;}

	/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -20px;
	}

	/* グリッド共通 ベース:トップページ4カラム */
	.grid{
	float:left;
	width:220px;
	margin-left:20px;
	}

	.grid img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	}

	/* サブコンテンツ + フッター グリッド(3カラム) */
	#sub .grid, #footer .grid{
	width:300px;
	}

	/* ギャラリー グリッド(4カラム) */
	#gallery{
	width:920px;
	}


	#gallery .grid{
	width:210px;
	margin-left: 10px;
	}
}

/* モニター幅940px以下 */
@media only screen and (max-width:940px){
	#header h1{padding:0 0 5px 10px;}
	#header .logo{padding-left:10px;}

	.grid{
	float:left;
	width:48%;
	margin:10px 2% 0 0;
	}

	.grid img{
	float:left;
	margin-right:5px;
	}

	#gallery{
	padding-left:1px;
	}

	#gallery .grid{
	width:23%;
	margin:0 2% 0 0;
	padding:0;
	}

	#gallery .grid img{
	float:none;
	margin:0;
	}

	#sub .grid{
	width:32%;
	margin:10px 1%;
	}

	#sub .grid:first-child{
	margin-left:0;
	}

	#sub .grid:last-child{
	margin-right:0;
	}

	#footer .grid{
	float:none;
	width:100%;
	text-align:center;
	}

	#footer .grid:last-child{padding-top:20px;}


	/* 神父紹介*/
	table.priests{margin-left:15px;width:60%;}
	table.priests_list{margin-left:15px;width:60%;}


	/* 年間＆月間予定レイアウト変更 */
	.events{margin-left: -30px;}

}


/* iPad 縦 */
@media only screen and (max-width:768px){
  #header{padding-bottom:0;}

	#header h1{text-align:center;}

	#header .logo{
	float:none;
	text-align:center;
	padding:10px 5px 20px;
	}

	ul#topnav{
	clear:both;
	width:100%;
	}

	ul#topnav li{
	width:33%;
	margin:0;
	border-top:1px solid #e8e3ca;
	border-right:1px dashed #e8e3ca;
	 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	}

	ul#topnav li:nth-child(3n){border-right:0;width:34%;}

	ul#topnav li.active a,ul#topnav a:hover{border-radius:0;}

	#sub ul.list{padding:10px 10px 11px;}

	#sub ul.list li{
	padding-bottom:10px;
	margin-bottom:8px;
	}

	img.frame {border-width:2px;width:48%;}
	img.noframe {width:40%;}

	/* 神父紹介、*/
	table.priest{margin-left:10px;width:60%;}
	table.priests_list{margin-left:10px;width:60%;}
	img.priests_list{width:10%; float:left;}

	/* 年間＆月間予定レイアウト変更 */
	.events{margin-left: -30px;}
	.events_calendar {width:95%;}

	/* 講座の表レイアウト変更 */

	table.class{margin-left:5px;width:99%;}

	table.class th {
	display: block;
	width: 99%;
	text-align: center;
	font-size:95%;
	}

	table.class td {
	display: block;
	width: 99%;
	font-size:95%;
	}



}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	#footer .grid p{text-align:center;}

	.grid img{
	float:none;
	margin:5px auto 10px;
	}

	.grid p,#sub .grid li{text-align:left;}

	img.frame,#gallery img{border-width:2px;}

	img.noframe{width:95%;}

	/* フォントサイズの縮小 */
	content{font-size:95%;}

	/* 神父紹介ページの指定*/
	table.priests{margin-left:10px;width:70%;}
	table.priests_list{margin-left:10px;width:70%;}

	/* ご案内・お知らせのレイアウト変更*/
	.events_block{width:100%;margin:20px 20px;font-size:95%;}
	.events_block .inner1{width:95%}
	.events_block .inner2{width:95%}

	/* 関連サイト・活動グループレイアウト変更*/
	.events_block2{width:100%;margin:20px 20px;font-size:95%;}
	.events_block2 .inner1{width:95%}
	.events_block2 .inner2{width:95%}

	/* ミッション2030変更*/
	.ms2030_block{width:100%;margin:20px 20px;font-size:95%;}
	.ms2030_block .inner1{width:95%}
	.ms2030_block .inner2{width:95%}

	/* 年間＆月間予定レイアウト変更 */
	.events{margin-left: -30px;}
	.events_calendar {width:95%;font-size:95%;}

	/* 講座の表レイアウト変更 */

	table.class{margin-left:5px;width:99%;}

	table.class th {
	display: block;
	width: 99%;
	text-align: center;
	font-size:95%;
	}

	table.class td {
	display: block;
	width: 99%;
	font-size:95%;
	}

 	.hidden{visibility: collapse;height:0px;}




}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	ul#topnav li{width:50%;}

	ul#topnav li:nth-child(3n){
	border-right:1px dashed #e8e3ca;
	width:50%;
	}

	ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}

	#mainBanner{margin-left:1px;}
	#mainBanner h2,#mainBanner h3{font-size:90%;}

	#sub .grid{
	float:none;
	width:98%;
	}

	#sub .grid h3{padding:10px 5px;}

	.grid ul{margin:-10px 5px 10px;font-size:110%;}

	#sub ul.list{padding:10px;}

	#sub ul.list li{
	padding-bottom:3px;
	margin-bottom:3px;
	}

	#sub ul.list li img{margin:0 5px 0 0;}

	img.frame,#gallery img{border-width:1px;width:100%;}
	img.noframe{width:90%;}

	/* フォントサイズの縮小 */
	content,article{font-size:95%;}

	/* 要素の非表示 */
	.nondisplay {display:none;}

	/* ご案内・お知らせのレイアウト変更*/
	.events_block{margin:20px 20px;font-size:95%;}
	.events_block .inner1{width:95%}
	.events_block .inner2{width:95%}

	/* 関連サイト・活動グループレイアウト変更*/
	.events_block2{width:100%;margin:20px 20px;font-size:95%;}
	.events_block2 .inner1{width:95%}
	.events_block2 .inner2{width:95%}
	.events_block2 img{width:40px;float:left;margin-right:10px;}

	/* ミッション2030レイアウト変更*/
	.ms2030_block{margin:20px 20px;font-size:95%;}
	.ms2030_block .inner1{width:95%}
	.ms2030_block .inner2{width:95%}


	/* 年間＆月間予定レイアウト変更 */
	.events{margin-left: -30px;}

	ul.events_calendar {
	display:table;
	width:93%;
	font-size:95%;
	padding:0px;
	border-collapse:collapse;
	border:1px #cacaca;
	}

	ul.events_calendar ol {
	display: block;
	}

	ul.events_calendar li {
	display: block;
	text-align: left;
	padding:2px;
	}

 	.hidden{visibility: collapse;height:0px;}

	.date{background-color:#d3d3d3;}

	/* 神父紹介ページの指定*/

	table.priests{margin-left:10px;width:98%;}
	table.priests_list{margin-left:10px;width:98%;}
	img.priests_list{width:30%;float:left;}

	/* 講座の表レイアウト変更 */

	table.class{margin-left:5px;width:99%;}

	table.class th {
	display: block;
	width: 99%;
	text-align: center;
	font-size:95%;
	}

	table.class td {
	display: block;
	width: 99%;
	font-size:95%;
	}

	/* テーブル(汎用)のフォントサイズ*/

	table.table th,table.table td{
	font-size:95%;
	}

}