@charset "UTF-8";

/* ===================================
	File Name   : common.css
	Description : Base Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Saigusa
	
	Update Description :
	[2016/02/08] ニュースリリース詳細調整
	[2015/02/12] #SubExhibition調整
	[2015/01/22] トップページ改訂
	[2014/11/18] 引用（blockquote)追記
	[2014/06/27] 中ページナビ下バナー追加（Sub Contents Setting [banners]

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

/*========== Style Contents ==========

	1. Global Redefinition
	2. Font Size Redefinition
	3. Box Setting
	4. Common Items Setting
		- Basic Link
	 	- Header Items
		- Header Navigation
		- Global Navigation
		- Page Navigation
	 	- Footer Items
		- Footmark
		- Page Top Button
		- Title Setting
		- Table Layout
	5. Sub Contents Setting
	6. Main Setting
	7. 404 Error Setting
	8. Contact Setting
	9. Clear Fix

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





/*===== ■1. Global Redefinition =====*/
body {
    margin: 0px auto;
	background: #FFFFFF url(../img/common/bg-background.gif) repeat;
	color: #444444;
	line-height: 150%;
}





/*===== ■2. Font Size Redefinition =====*/
body {
    *font: x-small; /* IE 6  */
    *font-size: small; /* IE 7 */
    font: 13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","arial","verdana","Osaka",sans-serif; /* Modern Browser */
}

p,span,em,strong { font-size: 93%;}
td p, td span, td em, td strong { font-size: 100%;}

/* Font Size
77%     10pix
85%     11pix
93%     12pix
100%    13pix
108%    14pix
116%    15pix
123.1%  16pix
131%    17pix
138.5%  18pix
146.5%  19pix
153.9%  20pix
161.6%  21pix
167%    22pix
174%    23pix
182%    24pix
189%    25pix
197%    26pix
*/


/* For 93%
74.5%    9pix
82.8%   10pix
91%     11pix
100%    12pix
107.5%  13pix
116%    14pix
124%    15pix
132.5%  16pix
*/





/*===== ■3. Box Setting =====*/
#Entirety { background: url(../img/common/bg-entirety.jpg) repeat-x;}

#Header {
	position: relative;
	width: 1010px;
	height: 110px;
	margin: 0px auto 10px;
	padding: 15px 0px 20px;
	background: url(../img/common/bg-header.gif) repeat-x bottom;
}

#Footer {
	padding: 20px 0px;
	background: #FFFFFF;
}

#Contents { 
	width: 980px;
	margin: 0px auto 30px;
	background: url(../img/common/bg-cont.png) repeat-y;
}

#MainContents {
	float: left;
	width: 750px;
}

#SubContents {
	float: right;
	width: 220px;
	margin-right: 10px;
	_margin-right: 5px;
}

.Section { margin-bottom: 30px;}

#LeftNavi {
	float: left;
	width: 210px;
	font-size: 93%;
}

#Main {
	float: right;
	width: 710px;
	padding: 15px;
	background: #fff;
	font-size: 93%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}


/* Clear Fix Only Box  */
#Contents:after,
.Section:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*html #Contents,
*html .Section { zoom: 1;}
*:first-child+html #Contents,
*:first-child+html .Section { zoom: 1;}





/*===== ■4. Common Items Setting =====*/
/* Basic Link */
a {
	text-decoration: none;
	outline: hidden;
}

a:link {
	color: #597387;
	text-decoration: none;
}

a:visited {
	color: #597387;
	text-decoration: none;
}

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

/* Header Items */
#Header strong {
	float: left;
	width: 223px;
	margin: 12px 0px 30px 25px;
	_margin: 12px 0px 30px 12px;
	font-size: 0;
}

#Header #GoogleForm  {
	clear: right;
	float: right;
	width: 250px;
	margin-right: 10px;
}


/* Header Navigation */
#Header #HeadNavi {
	float: right;
	margin: 0px 10px 10px 15px;
	_margin: 0px 5px 10px 15px;
	font-size: 0;
}

#Header #HeadNavi li {
	display: inline;
	margin-left: 13px;	
}

#Header #HeadNavi li img { display: inline;}


/* Global Navigation */
#Header #GlobalNavi {
	clear: both;
	width: 1002px;
	margin: 0px auto;
	background: url(../img/common/bg-global-navi.jpg) no-repeat;
	font-size: 0;
	text-align: center;
	letter-spacing: -0.4em;
}

#Header #GlobalNavi li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 165px;
	margin: 0px 1px;
}

#Header #GlobalNavi li img { display: inline;}


/* Page Navigation */
#LeftNavi li {
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 100%;
}

#LeftNavi li a {
	display: block;
	padding: 10px 10px 10px 30px;
	background: url(../img/common/mark-arrow-black.png) no-repeat 10px 10px;
	color: #333333;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

#LeftNavi li a:hover,
#LeftNavi li.Active a { background-color: #B4DDF4;}

#LeftNavi li li.Active a { color: #076DC5;}

#LeftNavi li ul { margin-bottom: 10px;}

#LeftNavi li li {
	margin: 7px 0 0 15px;
	padding: 0 0 0 12px;
	border: none;
	background: url(../img/common/bg-left-navi.png) no-repeat;
}

#LeftNavi li li a {
	display: inline;
	padding: 0;
	background: none !important;
	font-weight: normal;
}

#LeftNavi li li a:hover { color: #999;}

#LeftNavi #SubSeminar h3 { margin: 20px 0 0 0;}

#LeftNavi #SubSeminar dt {
	background: #E5F2BD;
	font-weight: bold;
}

#LeftNavi #SubSeminar dt span {
	display: block;
	padding: 7px 10px 5px;
}

#LeftNavi #SubSeminar dt a {
	display: block;
	padding: 7px 20px 5px 10px;
	background: url(../img/common/mark-arrow-white.png) no-repeat 188px center;
	color: #333333;
}

#LeftNavi #SubSeminar dd {
	padding: 10px 15px 5px;
	background: #FFFFFF;
}

#LeftNavi #SubSeminar dd li {
	margin-bottom: 5px;
	padding: 2px 0 3px 20px;
	background: url(../img/common/mark-arrow-black.png) no-repeat left 4px;
	border: none;
}

#LeftNavi #SubSeminar dd a {
	margin: 0;
	padding: 0;
	background: none;
	color: #597387;
}

#LeftNavi #SubSeminar dd a:hover {
	color: #008BD3;
	text-decoration: underline;
}


/* Footer Items */
#Footer ul {
	width: 980px;
	margin: 0px auto;
	text-align: right;
}

#Footer li {
	float: left;
	margin-right: 10px;
	font-size: 77%;
	line-height: 100%;
}

#Footer li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 2px 4px;
	color: #444444;
	text-decoration: none;
}

#Footer li a:hover { border-bottom: 1px dotted #444444;}


#Footer li.FootBanner {
	display: inline;
	float: none;
	margin: 0px 0px 0px 25px;
	_margin: 0px 0px 0px 13px;
	font-size: 0;
}
#Footer li img { display: inline;}

#Footer li.FootBanner a {
	display: inline;
	padding: 0px;
}
#Footer li.FootBanner a:hover { border: none;}
#Footer li.FootBanner a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

#Footer address {
	clear: both;
	width: 975px;
	margin: 0px auto;
	font-size: 77%;
	color: #555555;
}


/* Footmark */
#footmark {
	width: 980px;
	margin: 7px auto;
	font-size: 85%;
}


/* Page Top Button */
#PageTop {
	background: url(../img/common/bg-pagetop.gif) repeat-x bottom;
	font-size: 0;
}

#PageTop li {
	width: 1000px;
	margin: 0px auto;
	text-align: right;
}

#PageTop li img { display: inline;}

.pt {
	clear: both;
	margin: 15px 0px;
	font-size: 91%;
	text-align: right;
}


/* Title Setting */
h1 { margin: 0px 0px 5px;}

h2 { margin: 0px 0px 15px;}

h3 {
	margin: 0px 0px 10px;
	font-weight: bold;
}

h3.Title,
h4 {
	margin-bottom: 10px;
	padding: 10px;
	background: #f1f1f1;
	font-weight: bold;
}

h4 a { font-weight: bold;}

#Title {
	float: right;
	width: 740px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e2e2e2;
	background: url(../img/common/bg-title.gif) repeat-x;
}

#Title h2 {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	font-size: 123.1%;
	font-weight: bold;
	color: #333333;
	padding: 10px 10px 11px 5px;
	background: url(../img/common/bg-title-length.gif) repeat-x;
}

#Main .SubTitle {
	background: url(../img/common/bg-subtitle.gif) repeat;
	font-weight: bold;
	font-size: 116%;
}

#Main .SubTitle h3 {
	margin: 0 0 15px;
	padding: 10px 10px 8px;
}

#Main .SubTitle h3 a { font-weight: bold;}


/* Table Layout */
.ListTable table { width: 100%;}

.ListTable th {
	padding: 7px 10px;
	background: #ebebeb;
}

.ListTable td {
	padding: 8px;
	border-bottom: 1px solid #EBEBEB;
}





/*===== ■5. Sub Contents Setting =====*/
/* banners */
#LeftNavi #banners { margin-top: 20px;}	

#LeftNavi #banners li {
	margin-bottom: 5px;
	padding: 5px;
	background: #ccc;
	border-bottom: none;
}

#LeftNavi #banners li a {
	display: block;
	padding: 0px;
	background: none;
}







#SubContents #SubSearch .gsc-input-box { margin-bottom: 0;} 

#SubContents #SubSearch .gsc-search-button .gsc-search-button { padding: 6px 15px;}

#SubContents .Banners {
	display: block;
	margin-bottom: 20px;
}


#SubContents h3 a:hover img,
#SubContents #SubLink li a:hover img,
#SubContents .Banners a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

#SubContents > div { margin-bottom: 10px;}

#SubContents #SubKnowledge { margin-bottom: 20px;}

#SubContents h3 { margin: 0;}

#SubContents h4 {
	margin: 0 !important;
	padding: 15px 10px 10px !important;
	border-bottom: 1px dotted #999;
	background: url(../img/common/bg-sub-magazine.gif) no-repeat left top;
	font-size: 108%;
}

#SubContents .Section dt { font-weight: bold;}

#SubContents #SubExhibition dt { background: #FBE5E8;}
#SubContents #SubSeminar dt { background: #E5F2BD;}
#SubContents #SubIso dt { background: #FFEFB2;}
#SubContents #SubIso em { display: block; background: #FFEFB2;}
#SubContents #SubKnowledge dt { background: #ECE3EC;}

#SubContents .Section dt span {
	display: block;
	padding: 7px 10px 5px;
}

#SubContents .Section dt a,
#SubContents #SubIso em a {
	display: block;
	padding: 7px 20px 5px 10px;
	background: url(../img/common/mark-arrow-white.png) no-repeat 198px center;
	color: #333333;
}

#SubContents .Section dd,
#SubContents #ExhibitionInner {
	padding: 10px 5px 5px 15px;
	background: #FFFFFF;
}

#SubContents .Section dd li,
#SubContents #ExhibitionInner li {
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../img/common/mark-arrow-black.png) no-repeat left 4px;
	font-size: 93%;
}

#SubContents #SubExhibition p {
	padding-right: 10px;
	font-size: 85%;
	text-align: right;
}

#SubContents #SubLink { padding-bottom: 15px;}

#SubContents #SubLink li { padding-bottom: 5px;}

#SubContents #SubLink li a { display: block;}

#SubContents #BtnSale li {
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #EBEBEB;
	font-size: 93%;
	_zoom: 1;
}

#SubContents #BtnSale li a { display: block;}

#SubContents #BtnSale li a span {
	display: block;
	padding: 5px 0px;
	font-size: 100%;
	background: url(../img/common/mark-arrow-right.png) no-repeat right center;
}

#SubContents #SubSeminar {
	margin-bottom: 0;
	border-bottom: 1px dotted #CCCCCC;
}

#SubContents #SubProgram {
	margin-bottom: 10px;
	background: #FFFFFF;
	padding: 10px 13px;
	vertical-align: top;
}

#SubContents #SubProgram > a span {
	float: left;
	width: 70px;
	border: 1px solid #DDDDDD;
}

#SubContents #SubProgram p {
	float: right;
	width: 115px;
}

#SubContents #SubProgram p em {
	display: block;
	margin-bottom: 5px;
	color: #597286;
	font-weight: bold;
	line-height: 125%;
}

#SubContents #SubProgram ul {
	clear: both;
	padding: 8px 0 3px;
}

#SubContents #SubProgram li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	text-align: right;
}

#SubContents #SubProgram li:first-child { padding-right: 5px;}

#SubContents #SubProgram ul + span {
	display: block;
	overflow: hidden;
	padding-left: 8px;
	border: none;
	background: url(../img/common/mark-arrow-right.png) no-repeat 0px center;
	line-height: 16px;
}

#SubContents #SubProgram a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

#SubContents #SubOthers {
	margin-bottom: 20px;
	padding: 5px 10px 15px;
	background: #FFFFFF;
	_zoom: 1;	
}

#SubContents #SubOthers li {
	margin-top: 10px;
	padding: 0px 3px 5px;
	border-bottom: 1px dotted #008BD3;
	font-size: 93%;
	line-height: 100%;
}

#SubContents #SubOthers li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 0px 0px 0px 18px;
	background: url(../img/common/mark-square-arrow.png) no-repeat 0px center;
	line-height: 100%;
}





/*===== ■6. Main Setting =====*/
/* Redefinition */
#Main p,#Main span,#Main em,#Main strong { font-size: 100%;}

#Main img {
	display: inline;
	vertical-align: middle;
}

#Main p {
	clear: both;
	margin: 0 10px 20px;
}

#Main p .ImgRight {
	float: right;
	margin-left: 15px;
}

#Main p .ImgLeft {
	float: left;
	margin-right: 15px;
}

#Main p.TextRight {
	text-align: right;
}

#Main p strong {
	display: block;
	margin-bottom: 5px;
}

#Main strong.Emphasis {
	display: block;
	margin-bottom: 10px;
	padding: 0 10px 5px;
	border-bottom: 1px solid #ccc;
	color: #06C;
}


/* Common */
#Main a:hover img {
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#Main #read {
	margin: 0 10px 20px;
	font-size: 108%;
}


#Main .Download {
	margin: 10px 10px 20px;
	padding: 10px;
	border-top: 2px solid #006699;
	border-bottom: 1px solid #EBEBEB;
}

#Main .Download li {
	margin: 5px 0;
}

#Main .Download span a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 20px;
	background: url(../activity/img/pdf_icon.gif) no-repeat right center;
}


#Main #FrameTable {
	margin: 0 auto 10px;
}

#Main #FrameTable table {
	display: block;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #EBEBEB;
	background-color: #F1F1F1;
}


#Main .Table {
	width: 100%;
	margin: 0 10px 30px;
}

#Main .Table p {
	margin: 0 0 15px;
	font-size: 100%;
}

#Main .Table td { padding: 5px 0;}

#Main table.TwoColumn {
	width: 100%;
	margin: 0 10px 20px;
	table-layout: fixed;
}

#Main table.TwoColumn td {
	padding: 5px;
	vertical-align: top;
}

#Main table.TwoColumn td em {
	display: block;
	font-weight: bold;
	font-size: 100%;
}

#Main table.TwoColumn td li { margin-bottom: 15px;}

#Main .indent { margin: 0 15px;}


#Main .List { margin: 0 10px 20px;}

#Main .List li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

#Main .List li strong {
	display: block;
	margin-bottom: 5px;
}


#Main ol.List li {
	padding: 0 0 15px 15px;
	list-style: none;
	text-indent: -1.5em;
}

#Main ol.List ol { margin: 10px 0 0 15px;}

#Main ol.List ol li { 
	margin: 0;
	padding: 0;
	border: none;
	list-style: inside decimal;
}

#Main .List02 { margin: 0 0 30px;}

#Main .List02 li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

#Main .ListInfo { margin: 0 10px 20px;}

#Main .ListInfo li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

#Main .ListInfo li span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}

#Main .ListInfo li p {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 580px;
	margin: 0 0 0 20px;
}


#Main dl { margin: 0 10px 20px;}

#Main dt {
	margin-bottom: 10px;
	padding: 0 0 5px 10px;
	border-bottom: 1px dotted #ccc;
	background: url(../img/common/mark-square-black.gif) no-repeat 0 6px;
}

#Main dt,
#Main dt a { font-weight: bold;}

#Main dd { margin: 0 10px;}

#Main dd p { margin: 10px 0 0;}

#Main dd p strong {
	display: block;
	margin: 5px 0;
}

#Main dd ul { margin: 10px 0 0;}

#Main dd li { margin: 0 0 5px;}

#Main dd strong {
	display: block;
	margin: 15px 0 -5px;
}


#Main .Anchor {
	margin: 0 10px 20px;
	padding: 7px 10px 8px;
	background: #f1f1f1;
}

#Main .Anchor li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 40%;
	margin: 3px 0 2px;
}


/* Quotation */
#Main blockquote {
	position: relative;
	margin: 30px 0 40px 10px;
	padding: 5px 15px 0 10px;
}

#Main blockquote:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: url(../img/common/bg-l-navi.png);
	content:'';
}

#Main blockquote .SubTitle { background: none;}
#Main blockquote h3 {
	margin: 0 10px 15px !important;
	padding: 0 0 10px !important;
	border-bottom: 1px dotted #999;
}


/* For Past Chie Box */
#Main font.re_sub_title {
	color: #069;
	font-weight: bold;
}


/* For History */
#Main #HistoryBtn {
	width: 500px;
	margin: 20px auto 0px;
	padding: 5px 0px 15px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	text-align: center;
	line-height: 200%;
}

#Main #HistoryBtn a {
	display: block;
	width: 152px;
	height: 31px;
	margin: 0px auto;
	background: url(../about_jma/img/btn-move-english.jpg) no-repeat;
}

#Main #HistoryBtn a:hover { background-position: -152px 0px;}

#Main #HistoryBtn a span {
	display: inline;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}


/* For Contact */
#Main table.Contact {
	width: 100%;
	margin: 5px 0 15px;
	border-top: 2px solid #006699;
	border-bottom: 1px solid #EBEBEB;
	border-collapse: separate;
}

#Main table.Contact th {
	width: 130px;
	padding: 10px;
	border-top: 1px solid #FFFFFF;
	background: #B4DDF4;
	font-weight: bold;
}

#Main table.Contact td {
	padding: 10px;
	border-top: 1px dotted #999;
}
#Main table.Contact tr:first-child td { border: none;}

#Main table.Contact td p { margin: 5px 0;}

#Main #BtnSubmit {
	margin: 20px 0 30px;
	text-align: center;
}


/* For Chienohako */
#Main .ChieTable {
	width: 50%;
	margin: 20px auto;
}

#Main .ChieTable caption {
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

#Main .ChieTable th {
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background: #ebebeb;
	font-weight: bold;
}

#Main .ChieTable td {
	padding: 5px 10px;
	border: 1px solid #cccccc;
}

#Main .pagenate {
	margin: 0px 0 15px;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background: #EBEBEB;
}

#Main .pagenate li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#Main .pagenate li.firstChild {
	float: left;
	padding-left: 5px;
	background: url(../activity/img/icon_arrow1.gif) no-repeat left 4px;
}
#Main .pagenate li.lastChild {
	float: right;
	padding-right: 10px;
	background: url(../activity/img/icon_arrow2.gif) no-repeat right 4px;
}

#Main .pagenate2 li {
	text-align: center;
}

#Main .pagenate2 a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 10px;
	border: 1px solid #cccccc;
	background: #EBEBEB;
}

#Main .pagenate3 {
	margin: 0 0 30px;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background: #EBEBEB;
}

#Main .pagenate3 li {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}

#Main .pagenate3 li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}


#Main #ChieSource {
	width: 520px;
	margin: 20px auto 10px;
	padding: 1px;
	border: 5px solid #CCCCCC;
}

#Main #ChieSource ul {
	padding: 5px 10px 10px;
	background: #EBEBEB;
}

#Main .ChieTalk {
	font-size: 108%;
	line-height: 180%;
}


/* For News Release */
#Main p.release_left { margin: 0 10px 5px;}

#Main p.release_right {
	margin: 0 10px 10px;
	text-align: right;
}

#Main p.release_center01 {
	margin: 15px 10px 2px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #ccc;
	color: #06C;
	font-weight: bold;
	font-size: 132.5%;
	line-height: 130%;
}

#Main p.release_center02 {
	margin-bottom: 15px;
	padding-top: 20px;
	border-top: 2px dotted #ccc;
	font-weight: bold;
	font-size: 116%;
}

#Main p.release_detail img,
#Main p.release_detail img { margin: 0 15px 15px;}


/* Back Number */
#Main .Item2000,
#Main .Item2001,
#Main .Item2002,
#Main .Item2003,
#Main .Item2004,
#Main .Item2005,
#Main .Item2006,
#Main .Item2007,
#Main .Item2008 { display: none;}





/*===== ■7. 404 Error Setting =====*/
#Error404 #Contents { background: none;}

#Error404 #Contents #Title,
#Error404 #Contents #Main {
	float: none;
	width: auto;
}





/*===== ■8. Contact Setting =====*/
form .Contact th { width: 30% !important;}


/*===== ■9. Clear Fix =====*/
#Footer ul:after,
#Main p:after,
#Main .pagenate:after,
#Main .ListInfo li:after,
#SubContents #SubProgram:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*html #Footer ul,
*html #Main p,
*html #Main .ListInfo li,
*html #SubContents #SubProgram { zoom: 1;}

*:first-child+html #Footer ul,
*:first-child+html #Main p,
*:first-child+html #Main .ListInfo li,
*:first-child+html #SubContents #SubProgram { zoom: 1;}


/*===== ■10. Mobile Site Link Setting =====*/
#Entirety a.redirect{
  display: block;
  top: 0;
  width: 100%;
  height: 75px;
  padding-top:25px;
  background-color: #7FB0CB;
  z-index: 999;
  text-align: center;
  text-decoration: none;
  color: #FAFAFA;
  font-size: 40px;
  font-weight:bold;
}