<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root { font-size:16px; }
body { margin: 0px; color:#333333; background-color:#fbfbfb;   font-family:Verdana,Roboto,"Droid Sans","ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3","Hiragino Kaku Gothic ProN","ãƒ¡ã‚¤ãƒªã‚ª",Meiryo,sans-serif; }
body,td { text-decoration:none; }
a img { border:none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:scroll; }
img { max-width:100%; height:auto; border: 0; }
.img-responsive { display:block; width:100%; height:auto; }
.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid &gt; .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
ul.flexbox { list-style:none; margin:0; padding:0; }
.flexbox img { vertical-align: middle; }
#sm-nav-btn { position:absolute; top:0; right:5px; display:none; z-index:9999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:20px; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%; background-color:#333333;  }
div#top_baner2_box { width:100%;   }
div#top_baner3_box { width:100%;   }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%;   }
div.footbackground {   }
div.footbackground name &gt; span { display:inline-block; }
div.menut{ clear: left; width:; text-align:left; vertical-align:text-top; }
div.navi_new { width:200px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-200px; float:right; width:100%; }
div.document_new_r_contents { margin-left:200px; }
.menubt ul { margin:0px; padding:0px; list-style:none; }
.menubt ul li {  padding:0px; list-style:none; }
.menubt a { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:link { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:visited { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:hover { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:underline; text-align:center; border:solid 1px ; }
#sm-nav { position: absolute; top: -1000px; width:100%; height: auto; z-index: 99999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
#sm-nav-frm { border:none; width:100%; }
ul.global_nav_list { margin: 0 auto; padding: 0; line-height: 2em; }
ul.global_nav_list li.gnav_sub_head { border-bottom:none !important; list-style: none; background: none; text-indent: 0px; font-weight: bold; }
ul.global_nav_list li:last-child { border-bottom:none !important; }
ul.global_nav_list_disc { list-style-image: none !important; list-style-type: disc !important; list-style-position: inside !important; }
ul.global_nav_list_icon { list-style: none; }
ul.global_nav_list li { padding: 5px 10px; }
ul.global_nav_list_icon li { background-image: url("/image/icon/sp_menu_icon.png"); background-repeat: no-repeat; background-position: 97% 50%; text-indent: 0; }
ul.global_nav_list li a { text-decoration: none; display: block; font-weight: normal !important; }
ul.global_nav_list_disc li a { display: inline-block; }
.footer_in .col h3 {  font-size:1.1em; margin:0 0 7px 0; }
.footer_in ul.flexbox &gt; .col { padding:7px;  }
.footer_in {  }
.footer_in a {  font-size:0.9em; }
.footer_in a:hover, .footer_in a:visited, .footer_in a:link {  }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.fre_pku_image h3, .fre_pku_image h4 {
    margin: 0;
    padding: 0;
}
.fre_pku_comment h3, .fre_pku_comment h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
@media screen and (max-width:767px) {
	.ccaption h1 { font-size:1.2rem !important; font-weight:bold !important; }
	.ccaption_sub h2 { font-size:1.1rem !important; font-weight:bold !important; }
	.ccaption_sub_min h3 { font-size:1rem !important; font-weight:bold !important; }
	.contents-pku .col { margin-bottom:1em; margin-right:2%; }
	.contents-pku.flexbox-sm-1 .col { width:100%; }
	.contents-pku.flexbox-sm-2 .col { width: calc(100% / 2 - 2% / 2); }
	.contents-pku.flexbox-sm-3 .col { width: calc(100% / 3 - 4% / 3); }
	.contents-pku.flexbox-sm-4 .col { width: calc(100% / 4 - 6% / 4); }
	.contents-pku.flexbox-sm-5 .col { width: calc(100% / 5 - 8% / 5); }
	.contents-pku.flexbox-sm-6 .col { width: calc(100% / 6 - 10% / 6); }
	.contents-pku .fre-pku-sm-rtn { margin-right:0; }
	.contents-pku .fre_pku_image { width:100%; }
	#mini-notification .inner { width: 100% !important; background: none !important; background-color: rgba(255, 255, 255, 0.9) !important; border: 1px solid #ccc !important; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.contents-pku .col { margin-bottom:1em; margin-right:1.5%; }
	.contents-pku.flexbox-mm-1 .col { width:100%; }
	.contents-pku.flexbox-mm-2 .col { width: calc(100% / 2 - 1.5% / 2); }
	.contents-pku.flexbox-mm-3 .col { width: calc(100% / 3 - 3% / 3); }
	.contents-pku.flexbox-mm-4 .col { width: calc(100% / 4 - 4.5% / 4); }
	.contents-pku.flexbox-mm-5 .col { width: calc(100% / 5 - 6% / 5); }
	.contents-pku.flexbox-mm-6 .col { width: calc(100% / 6 - 7.5% / 6); }
	.contents-pku .fre-pku-mm-rtn { margin-right:0; }
}
@media print,screen and (min-width:1024px) {
	.contents-pku .col { margin-bottom:1em; margin-right:1%; }
	.contents-pku.flexbox-wm-1 .col { width:100%; }
	.contents-pku.flexbox-wm-2 .col { width: calc(100% / 2 - 1% / 2); }
	.contents-pku.flexbox-wm-3 .col { width: calc(100% / 3 - 2% / 3); }
	.contents-pku.flexbox-wm-4 .col { width: calc(100% / 4 - 3% / 4); }
	.contents-pku.flexbox-wm-5 .col { width: calc(100% / 5 - 4% / 5); }
	.contents-pku.flexbox-wm-6 .col { width: calc(100% / 6 - 5% / 6); }
	.contents-pku .fre-pku-wm-rtn { margin-right:0; }
}

.mov { border: solid 1px #999999; background-color:#000000; }
#read_brws_link_box a { /*font-size:1px;*/ text-indent: -10000px; position:absolute; top:0; left:0; }
div.news_list { width:100%; border-style:none; font-size:1em; }
div.news { width:100%; border-style:none; position:relative; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
div.name { text-align:right; border-style:none; padding-left:20px; padding-right:20px; margin-top: 13px; }
div.footselect { width:100%; height:7px; background-image:url(/image/bar/); background-repeat:repeat-x; }
div.topmenuarea { width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#00b0ec; text-decoration:none; }
a:visited { color:#00b0ec; text-decoration:none; }
a:hover { color:#00b0ec; text-decoration:underline; }
div.menutR{ clear: left; width:; text-align:left; vertical-align:text-top;  }

img.button { width:100px; height:25px; margin-top:5px; margin-bottom:5px; border-style:none; }
img.topl { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
img.topr { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
div.rcaptionex h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.ccaption { width:400px; height:32px; padding-top:7px; padding-left:40px; background-image:url(/image/sub/); background-repeat:no-repeat; font-weight:bold; font-size:1em; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:320px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:320px; overflow-y:auto;  }
div.vmode_scroll { width:100%; height:0px; overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new { width:; float:left; }
;
div.document1_new { width:; }
div.document2_new { width:; float:left; }
a.rss { margin-left:4px; }
img.newsbar { vertical-align:bottom; }
td.p_nopad p { margin-top:0;padding-top:0; }
hr.news_head { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news2_head { height:1px; border:none; color:000; background-color:#000; }
hr.news_contents { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news2_contents { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_head { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_foot { height:1px; border:none; color:000; background-color:#000; }
div.at-content-box { margin-top:5px; }
div.at-content-text { text-align:left; }
.clear { clear:both; }

.center_box { margin:0 auto; width:100%; }
.left_box { text-align:left; width:100%; }
.right_box { text-align:right;  width:100%; }

div#font-size-change { font-size:1em; line-height:150%; text-align:center; }
div#font-size-change &gt; dl { margin:0px; }
div#font-size-change &gt; dl &gt; dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px; color:#333333; }
div#font-size-change &gt; dl &gt; dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#FFFFFF; border:1px solid #00b0ec; color:#333333;
}
div#font-size-change &gt; dl &gt; dd:hover { background-color:#00b0ec; color:#ffffff; }
dd.font-select { background-color:#00b0ec !important; color:#FFFFFF !important; }
dd#font-size-normal { min-width: 30px !important; cursor:pointer; }
dd#font-size-small { font-size:75% !important; cursor:pointer; }
dd#font-size-big { font-size:130% !important; cursor:pointer; }

div#color-change { font-size:1em; text-align:center; }
div#color-change &gt; dl { margin:0px; }
div#color-change &gt; dl &gt; dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change &gt; dl &gt; dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change &gt; dl &gt; dd:hover {   }
dd#color-mode-default { width: 30px !important; background-color:#ffffff; border:1px solid #d9d9d9; color:#333333; }
dd#color-mode-white { background-color:#ffffff; border:1px solid #d9d9d9; color:#000000; }
dd#color-mode-black { background-color:#000000; border:1px solid #000000; color:#ffffff; }
dd#color-mode-blue { background-color:#0000aa; border:1px solid #0000aa; color:#ffffff; }

.at-icon-none { 
	list-style:none;
}
.at-icon-disc {
	list-style:none;
}
.at-icon-disc a.text_link {
	position: relative;
}
.at-icon-disc a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .45em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.at-icon-arrow {
	list-style:none;
}
.at-icon-arrow a.text_link {
	position: relative;
}
.at-icon-arrow a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.at-icon-arrow2 {
	list-style:none;
}
.at-icon-arrow2 a.text_link {
	position: relative;
}
.at-icon-arrow2 a.text_link::after,
.at-icon-arrow2 a.text_link::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2 a.text_link::after {
	top: 0.1em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2 a.text_link::before {
	z-index: 2;
	top: 0.35em;
	left: -.975em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.at-cion-none {
	list-style:none;
}
#header_box { position:fixed; left:0; z-index:99999; }
#top_baner1_box { position:fixed; left:0; z-index:99999; }
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.clear { clear: both; }

.common_inner { max-width:1200px; margin:0 auto; }
.main_inner { max-width:1200px; margin:0 auto; }
.at_news_cate { width:150px !important; font-size:0.8em !important; }

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.br { clear: left; }


.tour-wrap { margin-top: 0.3rem; text-align:center;}

.tour-button {
display: inline-block;
margin-right: 0.4rem;
border-radius: 5px;
padding: 0.2rem 0.5rem;;
border: solid 1px #ccc;
color:#00b0ec;
font-size:0.9rem;
margin-bottom: 0.3rem;
}
.tour-button:link {
color:#00b0ec;
}



/* ãƒ†ã‚¹ãƒˆ */
#header_in { overflow:hidden; }
#top-menu { overflow:hidden; }
#header-info { overflow:hidden; }
#header_box_shim { height:78px; }
#top_baner1_box_shim { height:50px; }
#nav05 &gt; ul { left:initial !important; right:0; }

ul.flexbox { list-style:none; }

#bus-route-table { width:100%; max-width:500px; border-spacing:1px; background-color:#ccc; }
#bus-route-table th { width:50%; border:none; text-align:center; }
#bus-route-table td { display:table-cell; width:50%; border:none; text-align:center; padding:0.5em 1em; }


#header_box { background-color: #fff; }
#top-menu-wrap { padding-top: 20px; height: 40px; font-size:0.9em; }
#top-menu { max-width: 1200px; margin: 0 auto; padding: 3px 5px 0 5px; }
#top-menu ul img { vertical-align: middle; display: inline-block; margin-right: 7px; }
#top-menu ul a { color: #333; }
#top-menu ul a:hover { color: #00b0ec; text-decoration: none; }
#top-menu ul { float: right; margin: 5px 15px 0 0; padding: 0; font-size: 12px; }
#top-menu ul li { list-style: none; display: inline-block; padding: 0 0 0 5px; margin: 0 2px 0 5px; }

.maintablebox2 { padding-top: 0; } 

.lang { display: inline-block; float: right; padding: 3px 8px; margin-top: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #ffa200; }
.lang a { color: #fff; }

.mtutable th { min-width:150px; }

.mini-comment { color:#666 !important; font-size:0.9em; margin-top:7px; display:block; }  

/* ã‚µã‚¤ãƒˆå†…æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ&nbsp;ã‚³ãƒ¼ãƒ‰ã€€å¼µæ›¿ãˆã“ã“ã‹ã‚‰ */
.search_form {
	width: 206px; float: right; margin: 8px 15px 0 0; }
.search_form #field {
	float:left;
	width:150px;
	height:22px;
	line-height:19px;
	text-indent:6px;
	font-family:arial, sans-serif;
	font-size:1em;
	color:#333;
	background: #ffffff;
	border:solid 1px #d9d9d9;
	border-top:solid 1px #c0c0c0;
}
.search_form #space {
	float:left;
	width:2px;
	height:22px;
	line-height:19px;
	margin:0;
	padding:0;
	font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
	font-size:1px;
	border:none;
}
.search_form #submit {
        float:left;	
        cursor:pointer;
	width:50px;
	height: 23px;
	line-height:0;
	font-size:0;
	text-indent:-999px;
	color: transparent;
	background: url(/image/search/ico-search.png) no-repeat #00b0ec center;

	border: 1px solid #00b0ec;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.search_form .fclear {clear:both}

/* ã‚µã‚¤ãƒˆå†…æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ&nbsp;ã‚³ãƒ¼ãƒ‰ã€€ã“ã“ã¾ã§ */

#font-size-change { float: right; margin: 1px 12px 0 0; font-size: 0.9em; }

#header-info { clear: both; max-width: 1200px; margin: 0 auto; margin-top: -30px; margin-bottom: 5px; }
h1#logo,div#logo { float: left; max-width: 195px; max-height: 100px; margin: 0 0 0 10px !important; }
h1#logo img,div#logo img { max-width: 100%; width: 117px; height: auto; }
.tel-no { display: inline-block; max-width: 460px; float: right; margin: 33px 0 0 0; }

#main-menu { list-style:none; margin:0; padding:0; font-size:0.9em; }
#main-menu .col { text-align: center; line-height:50px; }
#main-menu .col a { display:block; color: #fff; text-decoration: none; }
#main-menu .col a:hover { background-color: #f1f1f1; } /* ãƒ›ãƒãƒ¼æ™‚ã®ä¸Šãƒ¡ãƒ‹ãƒ¥ãƒ¼èƒŒæ™¯è‰² */
#main-menu &gt; li { float: left; border-right: solid 1px #f0f0f0; }
#main-menu &gt; li:first-child { border-left: solid 1px #f0f0f0; }
#main-menu &gt; li img { vertical-align: middle; width: 34px; height: auto; display: inline-block; margin-right: 10px; }

/*
#nav01,#nav05 { width: 14%; }
#nav02,#nav03,#nav04 { width: 24%; }
*/
#nav01,#nav05 { width: 20%; }
#nav02,#nav03,#nav04 { width: 20%; }

#top_baner1_box { clear: both; background-color:#fff !important; border-top: solid 1px #f0f0f0; /* margin-bottom: 10px; */ box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.15); }
#top_baner1_box a { color: #333333 !important; }
#top_baner2_box { clear: both; margin-top: 0; }

#top_baner1_in { max-width:1200px; margin:0 auto; }
#top_baner2_in { max-width:1600px; margin:0 auto; }
#site-info { clear:both; max-width:1200px; margin:0 auto; }
.main_block_updown_img img { display: block; margin: 0 auto;}
.main_block1_box { background-color:#fbfbfb; padding:30px 0; }
.main_block2_box { background-color:#fbfbfb; padding:0 0 50px 0; }
.tpc_box { background-color:#fbfbfb; padding:30px 0; }

/* è¦‹å‡ºã— */
.ccaption_pku1 { width: 100% !important; }
.ccaption_pku1 h2 { text-align: center; }
.ccaption_pku2 { width: 100% !important; margin-bottom: 20px; }
.ccaption_pku2 h2 { text-align: center; }
.ccaption_pku4 { width: 100% !important; margin-bottom: 20px; }
.ccaption_pku4 h2 { text-align: center; }

/* ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ— */
#pku_box1 { background-color: #d5edf7; }
.pku_cont1 &gt; ul &gt; li { padding: 0 0.5% 1% 0.5% !important; }
.pku_cont1 .pku_cont_box { width: 88% !important; margin: 0px auto !important; }
#pku_cont_img1_1 h3 a { width: 100%; display: block; }
#pku_cont_img1_2 h3 a { width: 100%; display: block; }
#pku_cont_img1_3 h3 a { width: 100%; display: block; }
#pku_cont_img1_4 h3 a { width: 100%; display: block; }
#pku_cont_list2_1 h4 { margin: 10px 0; padding: 0; font-size: 1.1em; }
#pku_cont_list2_2 h4 { margin: 10px 0; padding: 0; font-size: 1.1em; }
#pku_cont_list2_3 h4 { margin: 10px 0; padding: 0; font-size: 1.1em; }
/*#pku_cont_box1_1 { padding-bottom: 25px; }
#pku_cont_box1_2 { padding-bottom: 25px; }
#pku_cont_box1_3 { padding-bottom: 25px; }
#pku_cont_box1_4 { padding-bottom: 25px; }*/
/*#pku_cont_img1_1 h3 img { max-width: 70px; height: auto; }
#pku_cont_img1_2 h3 img { max-width: 70px; height: auto; }
#pku_cont_img1_3 h3 img { max-width: 70px; height: auto; }
#pku_cont_img1_4 h3 img { max-width: 70px; height: auto; }*/

.pku_cont3 .pku_cont_headlist { text-align: center; }
.pku_cont3 .pku_cont_headlist h3 { max-width: 22%; margin: 10px auto; }

#pku_cont_list3_1 { border:1px solid #eee; } 
#pku_cont_list3_2 { text-align:right; }
#fbiframe { max-width:100%; }

.pku_cont4 li.col { margin-bottom:13px; }

.pku_cont2 .pku_cont_list { font-size: 0.95em; }

.pku_box { background-color:#fbfbfb; padding:10px 0 10px 0; }
.pku2_box { background-color: #fbfbfb; padding: 10px 0; }
.news_box { background-color: #fbfbfb; padding: 10px 0; }
.news2_box { background-color: #fbfbfb; padding: 10px 0; }
#pku_box4 { padding: 15px 0 0 0 !important; }


/* ãƒ‹ãƒ¥ãƒ¼ã‚¹ */
div.news { text-align: center; }
img.newsbar { vertical-align: middle; display: inline-block; margin: 0 0 0 20px; }
ul.top_news li { padding: 10px 0; border-bottom: 1px dashed #dcdcdc; list-style: none; }
ul.top_news li:first-child { border-top: 1px dashed #dcdcdc; }
ul.top_news li a:hover { text-decoration: none; color: #666; }
.more_box { text-align: center; margin: 20px 0; }
.more_box a:hover { text-decoration: none; color: #666; }
ul.top_news li a { color: #333; }
ul.top_news li a:hover { color: #00b0ec; } 
.news_inner { max-width:1000px; }

hr.news_contents { height: 0px; }
.at_news_cate1 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate2 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate3 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate4 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate5 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate6 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate7 { display: inline-block; margin: 0 15px 0 10px; }
.at_news_cate8 { display: inline-block; margin: 0 15px 0 10px; }
div.news_scroll { width: 90%; margin: 0 5%; }

.vmode_box { background-color: #fbfbfb; padding: 30px 0; }
.youtube_box { background-color: #fbfbfb; padding: 30px 0; }
.cover_box { background-color: #fbfbfb; padding: 30px 0; }


/* footer */
.footbackground { border-top: dashed 1px #dcdcdc; }
.footer-in-wrap { border-bottom: dashed 1px #dcdcdc; padding-top: 10px; }
.footer-in { max-width: 1050px; margin: 0 auto 10px auto; padding: 0 0 5px 0; }
.footer-in h2 { margin:0 0 10px 0; padding:0; text-align: center; }
.footer-in h3 { margin:0 0 7px 0; padding:0; font-size:0.95em; color: #00b0ec; font-weight: normal; }
.footer-in ul { list-style:none; margin:0; padding:0; }
.footer-ul1 { width: 14%; border-left: 1px dashed #dcdcdc; padding: 5px 10px; margin-bottom:5px; }
.footer-ul2 { width: 18%; border-left: 1px dashed #dcdcdc; padding: 5px 10px; margin-bottom:5px; }
.footer-ul3 { width: 18%; border-left: 1px dashed #dcdcdc; padding: 5px 10px; margin-bottom:5px; }
.footer-ul4 { width: 26%; border-left: 1px dashed #dcdcdc; padding: 5px 10px; margin-bottom:5px; }
.footer-ul5 { width: 22%; border-left: 1px dashed #dcdcdc; border-right: 1px dashed #dcdcdc; padding: 5px 10px; margin-bottom:5px; }
.footer-in li { font-size:0.8em; }
.footer-in li a { color: #333; }
.footer-in li a:hover { color: #00b0ec; }
.footer { margin: 0px; text-align: center; }

.footer-info-wrap { width: 100%; overflow: hidden; border-bottom: dashed 1px #dcdcdc; margin-bottom: 12px; }
.footer-info-wrap-in { max-width: 1050px; margin: 0 auto 15px auto; }
.footer-logo { float: left; width: 48%; margin: 0 5% 0 1%; padding: 5px 0 0 0; font-size: 1.1em; font-weight: bold; }
.footer-logo img {  width: 400px; height: 100px; }
.footer-info { float: left; width: 46%; font-size:0.9em; }
.footer-add { padding: 27px 0 0 0; }
.footer-phone a { color: #626262; text-decoration: none; }
.footer-link { max-width: 1000px; margin: 0 auto 10px auto; overflow: hidden; }
.ban-zaidan { display: inline-block; float: left; }
.footer-policy { margin: 12px 15px 0 0; padding: 0; float: right; }
.footer-policy li { list-style: none; float: right; font-size: 0.75em; margin: 0 26px 0 0; padding: 0 0 0 20px; background: url(https://science-tour.i-step.org/files/icon-policy.png) no-repeat 0% 47%; }
.footer-policy li a { color: #333; }
.footer-policy li a:hover { color: #00b0ec; }

#copyright { clear: both; background-color: #00b0ec; padding: 4px 0 8px 0; color: #fff; font-size: 1em; margin: 0; text-align: center; }

/* å„ç¨®æ¡ˆå†…ï¼ˆãƒ¡ã‚¤ãƒ³è¡¨ç¤ºãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ */
.box-img4 ul { max-width: 1200px; margin: 0 auto; padding: 20px 10px; overflow: hidden; }
.box-img4 ul li { width: 23%; height: auto; margin: 0 1%; list-style: none; float: left; }
/*
#main_block_head2_1 { width: 100% !important; background-color: #d5edf7; }
#main_block_head2_1 h2 { text-align: center; }
#main_block_head2_1 h2 img { max-width: 150px; height: auto; }
#main_block_head2_2 { width: 100% !important; margin-top: 70px; }
#main_block_head2_2 h2 { text-align: center; }
#main_block_head2_2 h2 img { max-width: 150px; height: auto; }
*/

#main_block_head2_1 { width: 100% !important; margin-top: 40px; }
#main_block_head2_1 h2 { text-align: center; }
#main_block_head2_1 h2 img { max-width: 160px; height: auto; }
#main_block_head2_2 { width: 100% !important; margin-top: 40px; }
#main_block_head2_2 h2 { text-align: center; }
#main_block_head2_2 h2 img { max-width: 150px; height: auto; }

/*
.main_block_leftright_box { background-color: #d5edf7; padding: 30px 20px; }
*/
#main_block_body1_1 { margin:0px 5px; }

/* ãƒªã‚¹ãƒˆ */
.ol-style1 { margin: 10px 10px 10px 30px; padding: 0; width: 96%; }
.ol-style1 li { margin: 0; padding: 7px 7px 7px 20px; border-bottom: dashed 1px #dcdcdc; list-style-position: inside; }
.ol-style1 li:first { border-top: dashed 1px #dcdcdc; }

/* ãƒ†ã‚­ã‚¹ãƒˆ */
.p-style1 { margin: 0 15px; }

#sm-nav-btn { z-index:999999; position:fixed; }

#sm-nav-btn img {
	width: 45px; /* å¿…è¦ãªå¹… */
	border: 1px solid; /* æž&nbsp;ç·šã®è¨­å®š */
	border-radius: 0.3em;
	background-color:#fff; /* å¥½ããªèƒŒæ™¯è‰² */
	margin-top: 5px;
}

/* è‹±èªžç‰ˆãƒ•ãƒªãƒ¼ãƒšãƒ¼ã‚¸ */
.en_doc p { line-height:1.4em; font-size:1.1rem; }
.en-footer-ul1 { width: 14%; }
.en-footer-ul2 { width: 26%; }
.en-footer-ul3 { width: 20%; }
.en-footer-ul4 { width: 20%; }
.en-footer-ul5 { width: 20%; }


@media screen and (max-width:767px) {
	#header-info { margin-top: 0; }

        .note img { margin:0 !important; }
        #members_link { width:100% !important; height:auto !important; min-height:95px; }
        #members_link ul { width:100% !important; }
        #members_link ul li { width:18%; margin:1% !important; }
        #members_link ul li a { width:100% !important; height:auto !important; }
        #members_link ul li img { width:100%; }

.news_img_auto_size_box { float: none !important; max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 7px; }

	/*ã€€ç”»é¢ã‚µã‚¤ã‚ºãŒ767pxã¾ã§ã¯ã“ã“ã‚’èª­ã¿è¾¼ã‚€ã€€*/
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; } /* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã§éžè¡¨ç¤ºã«ã—ãŸã„å&nbsp;´åˆã€sm-noneã‚¯ãƒ©ã‚¹ã‚’ä»˜ä¸Žã™ã‚‹ */
	.top_fixed_menu { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.mainbody_r { margin-left:0 !important; }
	.mainbody_contents { margin-left:0 !important; }
	.navi_new { display:none; }

	.main-menu01 { display:none; }
	.at-content-text { overflow: initial !important; }
	#top_baner1_box { display:none; } /* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã§ã¯ä¸Šãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’éžè¡¨ç¤ºã¨ã™ã‚‹ */
	#top_baner1_box_shim { display:none; } /* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã§ã¯ä¸Šãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’éžè¡¨ç¤ºã¨ã™ã‚‹ */
        #sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* å¥½ã¿ã®èƒŒæ™¯è‰² */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:16px;
	}
	#sm-nav &gt; ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav &gt; ul &gt; li {
		padding:10px 5px;
	}
	#sm-nav &gt; ul &gt; li &gt; a {
		background:none;
		height:auto;
	}
	.grid-sm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 &gt; .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 &gt; .col {
		width:33%;
		float:left;
	}
	.grid-sm-4 &gt; .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 &gt; .col {
		width:50%;
	}
	.flexbox-sm-3 &gt; .col {
		width:33%;
	}
	.flexbox-sm-4 &gt; .col {
		width:25%;
	}
	.flexbox-sm-5 &gt; .col {
		width:20%;
	}
	.flexbox-sm-6 &gt; .col {
		width:16.6%;
	}

.mtutable th { display:block; }
.mtutable td { display:block; }
.mtutable .sp_block { display:block; }

.inquirytable th { display:block; }
.inquirytable td { display:block; }
.main_inner { margin:0 5px; }

/* ã‚¹ãƒžãƒ›ã‚°ãƒ­ãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #00b0ec; color: #fff; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 0 0 0 20px; height: 38px; line-height: 38px; list-style: none; background: url(https://science-tour.i-step.org/files/icon-arrow3.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; }
#smp-global-nav ul li a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; font-size: 0.85em; }
#smp-global-nav ul li a:hover { color: #00b0ec; }
.toppage { background-color: #00b0ec; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-size: 0.97em; font-weight: bold; }
.toppage a { color: #fff; display:block; width: 100%; height: 100%; text-decoration: none; }
.sp-tel { width: 100%; margin: 5px auto; }
.home { display: inline-block; margin: 9px 7px 0 0; float: right; }

.contents_inner { margin: 0 8px !important; }
.comment_inner { margin: 0 8px !important; }
.maintablebox2 { padding-top: 0 !important; }
.main_block2_box { padding-bottom: 20px; }
#top-menu-wrap { padding-top: 0; height: 47px; border-bottom: dotted 1px #dfdfdf; }

#top-menu { margin: 9px 0 0 5px; padding-top: 0; }
.search_form { margin: 7px 0 0 1px; float: left; }
.lang { margin: 7px 52px 0 0; font-size: 0.9em; }
h1#logo,div#logo { max-width: 90%; margin-left: 5px !important; max-height: auto; }
.tel-no { display: block; max-width: 90%; margin: 0; }
#header_in {  box-shadow: 0px 1px 6px rgba(0,0,0,0.1); margin-bottom: 3px; padding-bottom: 7px !important; }
.footer-in-wrap { border: none; }
.footer-logo { display: none; }
.footer-info { float: none; width: 100%; text-align: center; }
.footer-add { padding: 10px 0; }
.footer-phone a { color: #00b0ec; }
.sp-block { display: block; }
.footer-link { text-align: center; }
.ban-zaidan { float: none; display: block; }
.footer-policy { float: none; margin: 12px auto 0 auto; max-width: 280px; }
.footer-policy li { padding-left: 15px; }

.pku_box { padding: 0 0 12px 0 !important; }
#pku_box4 { padding: 0 !important; }
.pku_cont4 { margin-top: 0; }

.pku_cont1 &gt; ul { width: 90% !important; margin: 0 auto !important; }
.pku_cont1 &gt; ul &gt; li { padding: 0 0 15px 0 !important; }
.pku_cont1 .pku_cont_box { width: 90% !important; margin: 0px auto !important; }
.pku_cont2 .pku_cont_list { padding-top: 0 !important; }

#pku_cont_list3_2 { text-align:left; }

div.ccaption_pku1 { height: 100px !important; margin-bottom: 0 !important; }
div.ccaption_pku1 h2 img { height: 100px !important; }
div.ccaption_pku2 { height: 100px !important; margin-bottom: 0 !important; }
div.ccaption_pku2 h2 img { height: 100px !important; }
div.ccaption_pku3 { height: 100px !important; }
div.ccaption_pku3 h2 img { height: 100px !important; }
div.ccaption_pku4 { height: 100px !important; }
div.ccaption_pku4 h2 img { height: 100px !important; }

div#main_block_head2_1 { height: 100px !important; margin-top: 30px !important; margin-bottom: 30px !important; }
div#main_block_head2_1 h2 img { height: 100px !important; }
div#main_block_head2_2 { height: 100px !important; }
div#main_block_head2_2 h2 img { height: 100px !important; }

div.ccaption { height: auto !important; margin-bottom: 0; padding: 5px 0 5px 7px !important; background-color: #00b0ec !important; color: #fff !important; }
div.ccaption h2 { font-size: 12.5pt !important; }
div.ccaption_sub { height: auto !important; padding: 2px 0 2px 5px !important; border-left: solid 7px #00b0ec !important; }
div.ccaption_sub h3 { font-size: 11pt !important; }

/* è‹±èªžç‰ˆãƒ•ãƒªãƒ¼ãƒšãƒ¼ã‚¸ */
.en_doc div.ccaption { height: auto !important; margin-bottom: 0; padding: 5px 0 5px 7px !important; background-color: #001E8C !important; color: #ffffff !important; line-height:1.2em; }
.en_doc div.ccaption h1 { font-size: 14pt !important; }
.en_doc div.ccaption_sub { height: auto !important; margin-bottom: 0; padding: 5px 0 5px 7px !important; background-color: #fff !important; color: #333 !important; border-left:none !important; line-height:1.2em; }
.en_doc div.ccaption_sub h2 { font-size: 12.5pt !important; }
.en_doc div.ccaption_sub_min { height: auto !important; padding: 2px 0 2px 5px !important; }
.en_doc div.ccaption_sub_min h3 { font-size: 11pt !important; }
#en-table th,#en-table td { width:100%; display:block; }


.news_box { padding: 0 !important; }
#newsbar1 { height: 100px !important; }
div.news_scroll { width: 96%; margin: 0 2%; font-size: 0.9em; }
ul.top_news { margin: 2px 0 !important; padding: 0 !important; }
.top_news_title { display: block; }
.more_box { text-align: right; margin: 5px  10px 0 0; }

.table .common td { display:block; width:100%; }
.pku_cont3 .pku_cont_headlist h3 { max-width: 25%; } 
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	#header-info { margin-top: 0; }
#top-menu-wrap { padding-top: 0; height: 47px; border-bottom: dotted 1px #dfdfdf; }

}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*ã€€ç”»é¢ã‚µã‚¤ã‚ºãŒ768pxã‹ã‚‰1024pxã¾ã§ã¯ã“ã“ã‚’èª­ã¿è¾¼ã‚€ã€€*/
	.grid-mm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 &gt; .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 &gt; .col {
		width:33%;
		float:left;
	}
	.grid-mm-4 &gt; .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 &gt; .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 &gt; .col {
		width:50%;
	}
	.flexbox-mm-3 &gt; .col {
		width:33%;
	}
	.flexbox-mm-4 &gt; .col {
		width:25%;
	}
	.flexbox-mm-5 &gt; .col {
		width:20%;
	}
	.flexbox-mm-6 &gt; .col {
		width:16.6%;
	}
.at-content-text { overflow: initial !important; }
#footer-shop span { display:block; }
#main-menu .col { text-align: center; line-height: 1em; }
#main-menu &gt; li { padding: 6px 0; font-size: 0.9em; }
#main-menu &gt; li img { vertical-align: middle; width: 30px; height: auto; display: block; margin: 0 auto 7px auto; }
.pku_cont1 .pku_cont_box { width: 96% !important; margin: 0px auto !important; }
.pku_cont1 &gt; ul &gt; li { padding: 0 0.5% 1% 0.5% !important; }
}

@media screen and (min-width:1024px) and ( max-width:1178px) {
#nav02,#nav03,#nav04 { font-size:0.8em; }
}

@media print,screen and (min-width:1024px) {
	/*ã€€ç”»é¢ã‚µã‚¤ã‚ºãŒ1024pxã‹ã‚‰ã¯ã“ã“ã‚’èª­ã¿è¾¼ã‚€ã€€*/
	.grid-wm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 &gt; .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 &gt; .col {
		width:33%;
		float:left;
	}
	.grid-wm-4 &gt; .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 &gt; .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 &gt; .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 &gt; .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 &gt; .col {
		width:50%;
	}
	.flexbox-wm-3 &gt; .col {
		width:33%;
	}
	.flexbox-wm-4 &gt; .col {
		width:25%;
	}
	.flexbox-wm-5 &gt; .col {
		width:20%;
	}
	.flexbox-wm-6 &gt; .col {
		width:16.6%;
	}
	.flexbox-wm-7 &gt; .col {
		width:14%;
	}
}
/* media printç”¨
-------------------------------------------------------------------------------------- */
@media print {
	/*ã€€ãƒ—ãƒªãƒ³ãƒˆç”¨ã«ã‚µã‚¤ã‚ºã‚’è¨­å®šã™ã‚‹ã€€*/
        body { min-width:1050px; margin: 0 auto; }
}

#members_link {
  clear: both;
  width: 980px;
  margin: 0 auto;
  height: 192px;
  box-sizing: content-box;
  border-top: solid 5px #eee;
  text-align: center;
}

#members_link ul {
  list-style-type: none;
  padding: 0;
  width: 980px;
  margin: 14px auto;
}

#members_link ul li {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 14px;
}

#members_link ul li:first-child {
	margin-left: 7px;
}

#members_link ul li:last-child {
	margin-right: 0;
}


#members_link ul li.ml_cr {
  margin-right: 0;
}

#members_link ul li a {
  display: block;
  width: 180px;
  height: 75px;
}

#members_link ul li a img {
  border: none;
}

#members_link a {
  text-decoration: none;
  color: #777;
}

#members_link ul li a span {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  color: #777;
  text-align: center;
  border: solid 1px #ccc;
  width: 180px;
  height: 75px;
  padding: 0 5px;
  box-sizing: border-box;
}


div.table {
	margin:1em;
}
table.common {
	margin:0;
	padding:0;
	width:100%;
	border-collapse: collapse;
	border-top: dashed 1px #bbb;
	border-bottom: dashed 1px #bbb;
}

table.common th, table.common td {
	padding: 1em;
        text-align: left;
	border-top: dashed 1px #bbb;
}

table.common.sm th {
	font-weight: bold;
	vertical-align: top;
}
table.common.sm th, table.common.sm td {
	padding: 0.5em;
	border-top: dashed 1px #bbb;
}

table.common tr:nth-child(2n) th, table.common tr:nth-child(2n) td {
	background-color: #fafafa;
}


#slideshow_area6 {
max-height: 480px;
overflow:hidden;
}
#slide6_2,#slide6_3,#slide6_4,#slide6_5,#slide6_6,#slide6_7,#slide6_8 {display:none;}

p.top-note { padding-top: 0.7em; }

.pku_cont4 .pku_cont_box { position: relative; }

.pku_cont4 .pku_cont_list {
	position: absolute;
	pointer-events: none;
	bottom: 0;
	background-color: #000;
	opacity: 0.7;
	color: #fff;
width:100%;
}

.pku_cont4 .pku_cont_list {
	padding: 0;
}
.pku_cont4 .pku_cont_list &gt; div {
	margin: 10px 5px;
}

@media screen and (max-width:767px) {
	.pku_cont4 .pku_cont_box {
		margin-bottom: 0.5rem !important;
	}
.iframe-video { width: 560px; height: 315px; }
.br { clear: none; }
}

@media screen and (max-width:560px) {
.iframe-video { width: 320px; height: 180px; }
.br { clear: none; }
}


div.newslayout { line-height: 1.5; }

#pku_cont_list3_1 iframe { width: 740px !important; }

div.ccaption {
	background-image: url(/image/sub/);
	width:100%;
			height:auto;
			background-repeat:no-repeat;
			padding:11px 0 11px 12px;
			font-size:15pt;
			font-weight:bold;
			background-color:#dbe7fa;
			margin-top: 10px;}

div.ccaption h2 {
	font-size:15pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: url(/image/sub/);
	width:100%;
			height:auto;
			background-repeat:no-repeat;
			background-position:left center;
			padding:4px 0 4px 11px;
			font-size:14pt;
			font-weight:bold;
			border-left: solid 7px #002060;
			border-bottom: dotted 1px #d6d4d4;
			margin-bottom: 15px;}
div.ccaption_sub h3 {
	font-size:14pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
div.rcaptionex { margin-top:0px; margin-left:0px; width:px; height:px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; margin:0.5em; }
</pre></body></html>