:root { font-size:14px; }
body { margin: 0px; color:#333333; background-color:#FFFFFF;   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 > .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:999999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:15px; background-image: url();  background-color: #FFFFFF;  }
div#header_box { width:100%; background-color:#FFFFFF;  }
div#top_baner1_box { width:100%; background-color:#FFFFFF;   }
div#top_baner1_box ul#main-menu > .col > a {  }
div#top_baner1_box ul#main-menu > .col > a:hover {   }
div#top_main_img_box { width:100%; }
div#top_baner2_box { width:100%; background-color:#FFFFFF;  }
div#top_baner3_box { width:100%; background-color:#FFFFFF;  }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%; background-color:#ECEBEB;  }
div.footbackground {   }
div.footbackground name > span { display:inline-block; }
div.menut{ clear: left;  text-align:left; vertical-align:text-top; }
div.navi_new { width:250px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-250px; float:right; width:100%; }
div.document_new_r_contents { margin-left:270px; }
.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;  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;  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;  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;  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 > .col { padding:7px;  }
.footer_in {  }
.footer_in li a {  font-size:0.9rem; }
.footer_in li a:hover, .footer_in a:visited, .footer_in a:link {  }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.footer_in ul.flexbox > .col { padding-left:20px; }
.global_nav_list li a { color: #3c3c3c !important; }
.global_nav_list li a:visited { color: #3c3c3c !important; }
.global_nav_list li a:hover { color: #3c3c3c !important; }
.global_nav_list li a:active { color: #3c3c3c !important; }
.global_nav_list li { border-bottom: 1px solid #dcdcdc; }
 ul#at-footer-menu ul li.col {background:url("/userimage/1_1_9.gif") no-repeat 5px center transparent; padding-left:20px; margin-bottom:4px; } 
.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) {
	.sm-none { display:none; }
	.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; }
	#at-footer-menu > li.col { border-left:none; }
#at-footer-menu ul li.col { padding:5px 0; }

	.footer_in .col h3{ margin:15px 0 7px 0; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sm-show { display:none; }
	.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) {
	.sm-show { display:none; }
	.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.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 {  margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#176dee; text-decoration:none; }
a:visited { color:#176dee; text-decoration:none; }
a:hover { color:#176dee; text-decoration:underline; /* position:relative; */}
div.menutR{ clear: left;  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.3em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px;  height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
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:120px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:120px; 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.3em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.3em; 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 {  float:left; }


div.document2_new {  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:#ffffff; background-color:#ffffff; }
hr.news_contents { height:1px; border:none; color:#e1e1e1; background-color:#e1e1e1; }
hr.news2_contents { height:1px; border:none; color:#e1e1e1; background-color:#e1e1e1; }
hr.youtube_head { height:1px; border:none; color:#ffffff; background-color:#ffffff; }
hr.youtube_foot { height:1px; border:none; color:#ffffff; background-color:#ffffff; }
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 > dl { margin:0px; }
div#font-size-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px; color:#333333; }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#FFFFFF; border:1px solid #d9d9d9; color:#333333;
}
div#font-size-change > dl > dd:hover {   }
dd.font-select { background-color:#176dee !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 > dl { margin:0px; }
div#color-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px; color:#333333; }
div#color-change > dl > dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change > dl > 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; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
.at_anime01 h2,
.at_anime01 h2 span {
    opacity: 0;
}
.at_anime02 h2 {
	opacity: 0;
	position:relative;
	overflow:hidden;
	transform : translate(0, -2em);
	transition : all 1.0s ease;
}
.at_anime03 h2 {
	opacity: 0;
	position:relative;
	overflow:hidden;
	transform : translate(0, 2em);
	transition : all 1.0s ease;
}
.at_anime04 h2 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime01 > ul > li,
.pku_anime01_ex > ul > li,
.at_img_anime01 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime02 > ul > li,
.pku_anime02_ex > ul > li,
.at_img_anime02 {
    opacity: 0;
    transform: scale(0, 0);
    transition: all 1.0s;
}
.pku_anime03 > ul > li,
.pku_anime03_ex > ul > li,
.at_img_anime03 {
    opacity: 0;
    transition: all 1.0s;
    transform : translate(0, 100px);
}
.at-icon-none { 
	list-style:none;
}
.at-icon-disc {
	list-style:none;
}
.at-icon-disc a.text_link {
	position: relative;
}
.news .at-icon-disc a.text_link ,
.news2 .at-icon-disc a.text_link {
	margin-left:20px;
	display:inline-block;
}
.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;
}
.news .at-icon-arrow a.text_link ,
.news2 .at-icon-arrow a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	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;
}
.news .at-icon-arrow2 a.text_link ,
.news2 .at-icon-arrow2 a.text_link {
	margin-left:20px;
	display:inline-block;
}

.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.15em;
	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.42em;
	left: -1.05em;
	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;
}
.at-link-btn {
	border: 1px solid #ccc;
	width: 4rem;
	font-size: 0.9rem;
	border-radius: 4px;
	text-align:center;
	cursor: pointer;
}
.at-link-btn:before {
	font-family: "Font Awesome 5 Free";
	content:"\f064";
	font-weight: 900;
	color: #666;
	padding-right: 0.25rem;
}
.at-link-btn-left {
	margin: 0.25rem 0;
}
.at-link-btn-center {
	margin: 0.25rem auto;
}
.at-link-btn-right {
	margin: 0.25rem auto;
	margin-right: 0;
}
#at-modal {
	position:fixed;
	z-index:1000000;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	display:none;
}
.at-overlay {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100vh;
}
#at-modal-inner {
	position: absolute;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 0.5rem;
	top: 50%;
	left:50%;
	width:90%;
	max-width:500px;
	transform:translate(-50%,-50%);
	padding: 1rem;
}
.at-modal-title { font-weight:bold; margin-bottom:1rem; font-size:1.2rem; }
.at-modal-center { text-align:center; }
.at-modal-right { text-align:right; }
#at-modal-text { width:100%; margin:1rem 0; padding:0.5rem; }
#at-modal-copy { display: block; margin:0 0 1rem; cursor: pointer; }
span.at-modal-close { font-size:0.9rem; cursor: pointer; }
#at-popup-msg { display:none; position:fixed; z-index:1000001; border:2px solid #000; border-radius:0.5rem; bottom:1rem; left:1rem; background-color:#aaa; color:#333; padding:0.5rem; font-weight:bold; text-align:center; }
a#at-page-top { opacity:0.5; display:none; position: fixed; bottom:15px; right:15px; width: 55px; height: 55px; background-color: #608AF1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#at-page-top > span { position: absolute; width: 25px; height: 25px; border: 5px solid #608AF1; border-left-color: #FFF; border-top-color: #FFF; top: 20px; left: 15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a#at-page-top:hover { background-color: #8AA9FD;  }
a#at-page-top:hover > span { border: 5px solid #8AA9FD; border-left-color: #FFF; border-top-color: #FFF; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
@media screen and (max-width:767px) {
a#at-page-top { width: 30px; height: 30px; }
a#at-page-top > span { width: 8px; height: 8px; top: 13px; left: 10px; }
}
h1 { font-size:0.8em; font-weight:normal; text-align:center; color:#333333; margin:0.5em; }
/* basehtmlfile: 24*/
@media screen and (max-width:767px) {
.ccaption h1,.ccaption h2 { font-size:1.2rem !important; font-weight:bold !important; }

.ccaption_sub h2,.ccaption_sub h3 { font-size:1.1rem !important; font-weight:bold !important; }

.ccaption_sub_min h3,.ccaption_sub_min h4 { font-size:1rem !important; font-weight:bold !important; }
}
.top_menu_fixed { position:fixed; top:0; z-index:99999; }
html { overflow-y: scroll; }
body { line-height:140%; margin:0; padding:0; }

a img{border:none;}
a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; }
.span{display:none;}
.clear{clear:both;}

.menut h2,h3 { margin:0; }

div.news h3 { display:block; }

div.youtube_cont img {
    width: 100%;
}
div.youtube_cont > ul {
    list-style: none;
}
.youtube_box {
    background-color: #ffffff;
    padding: 10px 0;
}
div.youtube_cont > ul > li {
    padding-right: 7.5px !important;
    padding-left: 7.5px;
    padding-bottom: 15px;
}

div.title-box > div { font-size:0.8rem; text-align:center; }
dd#color-mode-default { width:35px !important; }
.title-right-box { overflow:hidden; }

/*.maintablebox2 { padding-left:10px; padding-right:10px; }*/

#top_baner3_in { max-width:1600px; margin:0 auto; }

/* youtube */
span.youtube_title { font-size: 1em !important; line-height: 1.4em !important; }

/* ヘッダー */
#header_box h1 { font-size:11px; margin:0; }
.title-box { max-width:1220px; margin:0 auto; padding:0 10px; }
#title-logo { max-width:350px; min-height:90px; padding:0px;float:left; }
#title-logo h1 { margin:0; }
#title-logo h1 a { text-decoration:none; display:block; max-width:350px; min-height:90px; }
.title-right { float:right; max-width:639px; margin-bottom:5px; }

#font-size-change { float:right; margin-right:10px; margin-top:15px; }

.top-menu a:hover { top:0px !important; }
.top-menu {margin:10px 13px 10px 0; float:right; }
.top-menu ul { margin:0; padding:0; height:15px; }
.top-menu li { margin:0 30px 0 0; padding:0; list-style:none; float:left; }
.top-menu li:last-child { margin:0; }
.top-menu li a { color:#525252; padding:0 0 0 22px; font-size:12px; }
.top-menu li a:hover { color:#176dee; }

a.top-menu02 { margin:0px; padding:0px;  background:url(https://www.tsukuba.ad.jp/files/icon-top1.gif) no-repeat 0% 0%;}
a.top-menu03 { margin:0px; padding:0px;  background:url(https://www.tsukuba.ad.jp/files/icon-top3.gif) no-repeat 0% 0%;}

a#read-page-link { float:right; margin:20px 15px 0 0; padding:0 0 0 20px;  background:url(https://www.tsukuba.ad.jp/files/icon-top4.png) no-repeat 0% 0%; color:#525252; font-size:12px; }
a#read-page-link:hover { color:#176dee; }

#color-mode-default { width:40px !important; }
/* 検索フォーム */
.search_form {
	width: 256px; float:right;
	margin:10px 10px 0 0;
        clear:both;
}
.search_form #field {
	float:left;
	width:200px;
	height:19px;
	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:21px;
	line-height:19px;
	margin:0;
	padding:0;
	font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
	font-size:1px;
	border:none;
}
.search_form #submit {
	cursor:pointer;
	width:50px;
	height: 23px;
	line-height:0;
        float: right;
	font-size:0;
	text-indent:-999px;
	color: transparent;
	background: url(https://www.tsukuba.ad.jp/image/search/ico-search.png) no-repeat #176dee center;

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

#color-change { float:right; margin-right:15px; margin-top:15px; }

.dualdisp { max-width:1220px; margin:0 auto; padding:0 10px; }

/* main menu */ 
.main-menu01 a:hover { top:0px !important; }  
.main-menu01 { margin: 0 auto; padding:0px; width:100%; height:49px; clear:both; background:url(https://www.tsukuba.ad.jp/files/main-btn-bg.jpg); background-repeat: repeat; border-top:1px solid #ccc; }
.main-menu01 > ul { max-width:1220px; margin:0 auto; padding:0 10px; min-height:47px; }
.main-menu01 > ul li{ margin:0px; padding:0px; float:left; list-style:none; }

.main-menu01 > ul > li.col {
    text-align: center;
    height: 47px;
    line-height: 47px;
    border-left: 1px solid #ccc;
}
.main-menu01 > ul > li.col:last-child {
    border-right:1px solid #ccc;
}

.main-menu01 > ul > li.col > strong {
    font-size: 13px;
    font-weight: normal;
}

ul.at_listmenu { line-height:initial; }

/*
a.main-btn01 { margin:0px; padding:0px; display:block; width:142px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn01.jpg) no-repeat 0% 0%;}
a.main-btn01:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn01.jpg) no-repeat 0% 100%;}
a.main-btn01-2 { margin:0px; padding:0px; display:block; width:142px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn01-2.jpg) no-repeat 0% 0%;}
a.main-btn01-2:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn01-2.jpg) no-repeat 0% 100%;}

a.main-btn02 { margin:0px; padding:0px; display:block; width:142px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn02.jpg) no-repeat 0% 0%;}
a.main-btn02:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn02.jpg) no-repeat 0% 100%;}
a.main-btn02-2 { margin:0px; padding:0px; display:block; width:142px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn02-2.jpg) no-repeat 0% 0%;}
a.main-btn02-2:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn02-2.jpg) no-repeat 0% 100%;}

a.main-btn03 { margin:0px; padding:0px; display:block; width:141px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn03.jpg) no-repeat 0% 0%;}
a.main-btn03:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn03.jpg) no-repeat 0% 100%;}
a.main-btn04 { margin:0px; padding:0px; display:block; width:141px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn04.jpg) no-repeat 0% 0%;}
a.main-btn04:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn04.jpg) no-repeat 0% 100%;}
a.main-btn05 { margin:0px; padding:0px; display:block; width:141px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn05.jpg) no-repeat 0% 0%;}
a.main-btn05:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn05.jpg) no-repeat 0% 100%;}
a.main-btn06 { margin:0px; padding:0px; display:block; width:141px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn06.jpg) no-repeat 0% 0%;}
a.main-btn06:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn06.jpg) no-repeat 0% 100%;}
a.main-btn07 { margin:0px; padding:0px; display:block; width:142px; height:47px; background:url(https://www.tsukuba.ad.jp/files/main-btn07.jpg) no-repeat 0% 0%;}
a.main-btn07:hover { background:url(https://www.tsukuba.ad.jp/files/main-btn07.jpg) no-repeat 0% 100%;}
*/

/* アットシリーズ
.at-series a:hover { top:0px !important; }
.at-series { max-width:1220px; padding:0 10px; min-height:300px; margin:0px auto; clear:both; }
.at-series ul { margin:0; padding:0; }
.at-series li { list-style:none; float:left; margin:0px; padding:0px; }
.at-series li:last-child { margin:0; }
a.at-series01 { background:url(https://www.tsukuba.ad.jp/files/at-series-web.jpg) no-repeat 0% 0%; width:248px; height:300px; display:block; }
a.at-series01:hover { background:url(https://www.tsukuba.ad.jp/files/at-series-web.jpg) no-repeat 0% 100%;}
a.at-series02 { background:url(https://www.tsukuba.ad.jp/files/at-series-ep.jpg) no-repeat 0% 0%; width:247px; height:300px; display:block; }
a.at-series02:hover { background:url(https://www.tsukuba.ad.jp/files/at-series-ep.jpg) no-repeat 0% 100%;}
a.at-series03 { background:url(https://www.tsukuba.ad.jp/files/at-series-page.jpg) no-repeat 0% 0%; width:247px; height:300px; display:block; }
a.at-series03:hover { background:url(https://www.tsukuba.ad.jp/files/at-series-page.jpg) no-repeat 0% 100%;}
a.at-series04 { background:url(https://www.tsukuba.ad.jp/files/at-series-koshin.jpg) no-repeat 0% 0%; width:248px; height:300px; display:block; }
a.at-series04:hover { background:url(https://www.tsukuba.ad.jp/files/at-series-koshin.jpg) no-repeat 0% 100%;}
 */

/* サイドメニュー */
a.side { display: block; margin-bottom: 15px; padding: 0; width: 250px; height:120px; }

#sidemenu-title { margin:0; background:url(https://www.tsukuba.ad.jp/files/submenu-title.jpg) no-repeat 0% 0%; width:250px; height:40px; }
#sidemenu-title2 { margin:0; background:url(https://www.tsukuba.ad.jp/files/submenu-title2.jpg) no-repeat 0% 0%; width:250px; height:40px; }
#sidemenu-title3 { margin:0; background:url(https://www.tsukuba.ad.jp/files/submenu-title3.jpg) no-repeat 0% 0%; width:250px; height:40px; }
#sidemenu-title4 { margin:0; background:url(https://www.tsukuba.ad.jp/files/submenu-title4.jpg) no-repeat 0% 0%; width:250px; height:40px; }
.sub-menu a:hover { top:0px !important; }
.sub-menu { margin:0px 0px 25px 0px; width:250px; }
.sub-menu ul { margin:0px; padding:0px; width:250px; }
.sub-menu ul li { list-style:none; }
.sub-menu ul li a { text-decoration:none; text-align:left; color:#333; display:block; font-size: 13px; }
.sub-menu ul li a:hover { color:#176dee; }
.sub-menu ul li a.side-01{ margin:0px; padding:0 3px 0 19px; width:228px; height:34px; font-size: 13px; line-height:34px; border-bottom:dotted 1px #979797; background:url(https://www.tsukuba.ad.jp/files/icon-arrow1.gif) no-repeat 2% 50%; }
.sub-menu ul li a.side-02{ margin:0 2px; padding:0 0 0 17px; width:229px; height:34px; line-height:34px; background:url(https://www.tsukuba.ad.jp/files/icon-arrow2.gif) no-repeat 2% 50%; font-size:11.3px; border-bottom:dotted 1px #979797;}
.sub-menu ul li a.side-03{ font-size: 13px; margin:0px; padding:1px 3px 0 19px; width:228px; height:34px; line-height:34px; background:url(https://www.tsukuba.ad.jp/files/icon-arrow1.gif) no-repeat 2% 50%; border-top:dotted 1px #979797; border-bottom:dotted 1px #979797; }
.sub-menu ul li:last-child { padding-bottom:3px; }

/* トップページサービス */
.top-service { max-width:1200px; }
.top-service ul { margin:0; padding:0; }
.top-service li { margin:0 5px; padding:0; list-style:none; width:470px; float:left; }

/* PAGE TOP */
.page-top { width:100%; margin:0 auto; background-color:#ecebeb; }
.page-top-box { max-width:970px; margin:0 auto; padding:0 10px; background-color:#ffffff; text-align:right; }
.page-top-box a { width:80px; height:20px; padding:5px 20px; background-color:#717171; color:#ffffff; text-decoration:none; text-align:center; font-weight:bold; }
.page-top-box a:hover { top:0px !important; }

/* フッター */
#footer { width:100%; padding:10px 0 20px 0; background-color:#ecebeb; clear:both; }
#footer h2 { margin:5px 0; text-align:center; }
#footer a:hover { top:0px !important; }
.footer-menu { max-width:1220px; margin:0 auto; padding:0 10px; }
.footer-menu .col { min-height:280px; }

.footer-menu h3 { color:#333; font-size:12px; margin:7px 0; text-align:left; border-bottom:1px solid #333; margin:0 7px; }
.footer-menu ul { margin:0 3px 0 3px; padding:0; }
.footer-menu li { margin:0.5rem 0; padding:0; list-style:none; text-align:left; width:100%; font-size:11px; color:#333; }
.footer-menu li a { font-size:1.25em; color:#333; text-decoration:none; text-align:left; }
.footer-menu li a:hover { text-decoration:underline; }
#footer-info { clear: both; max-width: 620px; margin: 45px auto 20px auto; overflow: hidden; }
.ft-sme-logo { display: block; float: left; max-width: 180px; }
.tmm-info { float: left; margin-left: 40px; padding-top: 15px; }
.tel-fax a { color: #333; text-decoration: underline; }
.copyright { text-align:center; margin: 0 auto; clear:both; }

/* Link */
.link dd { margin-bottom:20px; }
dt.ccaption_sub a { color:#525252; }
dt.ccaption_sub a:hover { color:#176dee; }

/* リンクボタン */
.link-btn { text-align: center; }
.link-btn a { background-color: #ff8808; border: 1px solid #ff8808; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding: 8px 20px; color: #fff; display: inline-block; }
.link-btn a:hover { background-color: #fd992d; border: 1px solid #fd992d; text-decoration: none; }

/* フリーページ */
.free-comment-box { 
margin:0 2px 0 8px; line-height:180% !important; color:#444 ; }
.free-comment-box p { margin:0 }
div.ccaption_sub h3 {font-size: larger;}

.free-style1 ul { margin:20px 0 20px 0; padding:0; }
.free-style1 li { margin:0 0 7px 15px; padding:0; list-style-type:square; }
.free-style1 h4 { margin:20px 0 2px 0; padding:0;font-size:15px; }

.free-style2 ol { margin:0 0 20px 0; padding:0; }
.free-style2 li { margin:0 0 15px 15px; padding:0; }
.free-style2 h4 { margin:20px 0 3px 0; padding:0;font-size:14px; font-weight:normal; }

.free-style3 { margin:0 0 20px 0 }
.free-style3 h4 { margin:0 0 3px 0; font-size:15px; }
.free-style3 p { margin:0 10px; }

.free-style5 { margin:0 0 20px 0; float:left; width:100%; }
.free-style5-img { width:31%; float:left; margin:0 15px 0 0; }
.free-style5-text { width:63%; float:left; }

.free-style6 { margin:0 0 20px 0; float:left; width:100%; }
.free-style6-img { width:43%; float:left; margin:0 0 0 10px; }
.free-style6-text { width:54%; float:left; }
h5.h5-style1 { font-size: 15px; margin: 0 0 6px 0; font-weight:normal; }

.free-style7 { margin:0 0 20px 0; float:left; width:100%; }
.free-style7-left { width:49%; float:left; margin:0; }
.free-style7-right { width:49%; float:left; }
.free-style7 p { margin:0 10px 10px 10px; }
h5.h5-style2 { font-size: 15px; margin: 20px 0 6px 0; padding-top:15px; border-top:dotted 1px #cccccc; font-weight:normal; }

.free-style8 h4 { margin:0 0 2px 5px; padding:0; font-size:15px; line-height:140% !important; }
.free-style8 ol { margin:10px 0 20px 10px; padding:0; }
.free-style8 li { margin:0 0 0 15px; padding:0; }
.free-style8 p { margin:0 0 18px 13px; padding:0; }

.free-box1 { border:dotted 1px #c7c7c7; padding:10px 15px; margin:20px 10px 0 10px; }

/* テーブル */
.table-style1 table{ border:1px solid #c1c1c1; border-collapse:collapse; margin:0 0 10px 0; width:97%; }
.table-style1 th{ padding:7px; border: solid 1px #c1c1c1; text-align:center; background-color:#f2efef; font-weight:normal; }
.table-style1 td{ padding:7px; border: solid 1px #c1c1c1; text-align:left; }
.table-style1 td.text-c { text-align:center !important; }
.table-style-th { text-align:left !important; }
.td-center { text-align:center !important; }
#table-ryokin { line-height:150%; }
.td3-left { width: 25%; }

.table-style1 ol { margin:0; padding:0; }
.table-style1 li { margin:0 0 0 20px; padding:0; }

/* テーブル　料金 */
.table-style4 table{ border:1px solid #c1c1c1; border-collapse:collapse; margin:0 0 10px 0; width:100%; }
.table-style4 th{ padding:7px 0; border: solid 1px #c1c1c1; text-align:center; background-color:#f0f4fb; font-weight:normal; }
.table-style4 td{ padding:7px 4px; border: solid 1px #c1c1c1; text-align:center; }
.table-style4 td.text-c { text-align:center !important; }

#table-ryokin { line-height:150%; }

/* ニュース 
.newslayout { margin:10px 0 0 0; line-height:170% !important; font-size:14px; } */
ul.news li { line-height:140% !important; background-position: 5px center !important; }

/*
.top_news_title_box { width:320px; float:left; line-height: 150% !important; height: 55px !important; }
.top_news_date { float:left; margin-bottom:5px; }
.top_news_title { clear:both; float:left; }
.news_comment top_news_comment { max-width:650px; float:left; }
div.news_comment { line-height: 150% !important; margin-bottom:12px !important; height: 55px !important; }
img.news_thumb { margin: 10px 0 0 8px !important; }
    
.top_news2_title_box { width:320px; float:left; line-height: 150% !important; height: 55px !important; }
.top_news2_date { float:left; margin-bottom:5px; }
.top_news2_title { clear:both; float:left; }
.news2_comment top_news_comment { max-width:650px; float:left; }
div.news2_comment { line-height: 150% !important; margin-bottom:12px !important; height: 55px !important; }
img.news2_thumb { margin: 10px 0 0 8px !important; }
table.news .news_comment { height:auto !important; } 
*/

/* .top_news2_title { font-size:15px !important; }
.top_news_title { font-size:15px !important; } */

/* サイトマップ */
.sitemap { float:left; width:100% }
.sitemap-box { float:left; margin:10px 15px 40px 15px; height:320px; }
.sitemap h4 { font-size:14px; margin:0 10px 5px 0; background-color:#eaeaea; padding-left:10px; }
.sitemap ul { width:300px; margin:0; padding:0; }
.sitemap li { margin:0 0 0 10px; padding:0; list-style-position:inside; }
.sitemap li a { color:#333; text-decoration:none; font-size:13px; }
.sitemap li a:hover { color:#176dee; }

/* 独自技術 */
.box-style1 { margin:0 7px 30px 7px; float:left; width:210px; }
.box-style1 h4 { margin:0; padding:5px 7px; font-size:14px !important; border-left:solid 1px #e6e4e4; border-right:solid 1px #e6e4e4; }
.box-style1 p { margin:00; padding:0 7px 15px 7px; font-size:13px !important; line-height:130% !important; border-left:solid 1px #e6e4e4; border-right:solid 1px #e6e4e4; border-bottom:solid 1px #e6e4e4; }

/* 事例 */
.at-jirei-table table { border:1px solid #a4a4a4; border-collapse: collapse; }
.at-jirei-table td { border:1px solid #a4a4a4; }
.at-jirei-table td ul { margin:0; padding:0; }
.at-jirei-table td li { margin:0 0 2px 15px; padding:0; list-style-type:circle; line-height:140% !important; }

/* 独自技術 スライドショー */
.slide-show { float:left; width:670px; }
.slide-show-left { float:left; margin:7px 15px 0 0; width:275px; }
.slide-show-right {  float:left; margin:0 5px 0 0; width:375px; }

/* ピックアップ */
.pku-cont-box-01 {margin : 0 5px 0 5px !important;
padding-top:5px !important; border: 1px solid #D6D6D6 !important;}
.pku-cont-box-02 {margin : 0 0 0 5px !important;
padding-top:5px !important; border: 1px solid #D6D6D6 !important;} 
.pku-cont-list{ padding:10px !important; }
.pku-cont-img h3 { padding: 0 0 0 4px !important; }

/* CMS＠シリーズへのピックアップコピー */
div.ccaption_pku1 {
	max-width:950px;
	height:50px;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:13pt;
	
	
}
div.ccaption_pku1 span {
	display: none;
}
div.ccaption_pku1 h2 {
	font-size:13pt;
	font-weight:bold;
	margin : 0;
	padding : 0;
}

.pku_cont1 > .flexbox { -webkit-justify-content: flex-start; justify-content: flex-start;}
.pku_cont1 { margin:5px auto 0px; padding:0px; display:block; float:none; }
.pku_cont1 > ul { list-style:none; padding:0px; }
.pku_cont1 > ul > li { padding:0 0.5% 1% 0.5%; }
.pku_cont1 .pku_cont_box { width:100%; margin:0px; padding:0px; display:block;  border:#aaa 1px solid;  }
.pku_cont1 .pku_cont_box img { width:100%; vertical-align:middle; }
.pku_cont1 .pku_cont_headlist { margin:0px; display:block;  padding:0px; }
.pku_cont1 .pku_cont_img { margin:0px; padding:0px; }
.pku_cont1 .pku_cont_img h3 { margin:0px; padding:0px; }
.pku_cont1 .pku_cont_img span { display:none; }
.pku_cont1 .pku_cont_list { margin:0px; padding:10px 5px 10px 5px; }
.pku_cont_box_last { clear:left; }
.pku_cont_box { min-height:100%; }


/*トピックス*/
.tpc_updown_img { margin-bottom:7px; }
.tpc_leftright_box { padding:0 !important; }

ul.top_news { line-height:170% !important; }
ul.top_news2 { line-height:170% !important; }

/* メイン表示 */
.topic-main { margin:5px 5px 10px 5px; padding:0 5px; }
.topic1-main { margin:5px 0px 10px 0px; padding:0 0 15px 0; }
.topic2-main { margin:5px 5px 10px 5px; padding:0 5px 15px 5px; }

/* メイン表示
---------------------------------------------------------------------------------------------------------------------------- */
#main_block_head2_1 h2 { text-align: center; }
.btn-policy { margin: 25px auto 0 auto; max-width: 900px; padding: 0; } 
.btn-policy li { width: 45%; margin: 0 2.5%; float: left; list-style: none; text-align: center; }
.btn-policy li a { display: block; color: #333; font-size: 1.2em; font-weight: bold; padding: 18px 0; background-color: #e5e5e5; border: solid 1px #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.btn-policy li a:hover { background-color: #e9e9e9; text-decoration: none; }
.btn-policy li a::after { content: "＞"; margin: 0 0 0 17px; font-size: 1.1em; font-weight: bold; color: orange; }

/* 画像3枚横並び */
.li-img3 { max-width:1200px; margin:10px 0; }
.li-img3 ul { margin:0; padding:0; }
.li-img3 li { list-style:none;}

/* フリーページ内　左右余白調整 */
.h4-style1 { margin:10px 0 5px 0; }
.block1 { margin:0 3px 0 10px; }
.block1 ul { margin:5px 0 5px 0; padding-left:15px; }
.block1 li { margin:0 0 0 10px; }
.block1 ol { margin:10px 0; padding-left:25px; }
.block1 dd { margin:10px 0 10px 10px; }

/* レスポンシブウェブデザイン */
.responsive { margin: 0 10px; }
.responsive h4 { font-size: 1.1em; margin-bottom: 12px; }
.responsive h4.ex { text-align: center; margin: 30px auto 15px auto !important; }
.responsive p { margin: 7px 10px 10px 10px; }

.responsive-1200 { width: 52%; margin: 0 1%; float: left; }
.responsive-1200 p { text-align: center; margin: 0 0 10px 0; }
.responsive-1200 img { width: 100%; height: auto; border: 1px solid #c4c3c3; }

.responsive-900 { width: 41%; margin: 0 1%; float: left; }
.responsive-900 p { text-align: center; margin: 0 0 10px 0; }
.responsive-900 img { width: 100%; height: auto; border: 1px solid #c4c3c3; }

.responsive-480 { width: 25%; margin: 25px 1% 0 1%; float: left; }
.responsive-480 p { text-align: center; margin: 0 0 10px 0; line-height: 120% !important; }
.responsive-480 img { width: 100%; height: auto; border: 1px solid #c4c3c3; }

.responsive-design { width: 70%; margin: 80px 1% 0 1%; float: left; }
.responsive-design p { margin: 0 30px; }
.responsive-design h5 { font-size: 1.1em; margin: 25px 25px 5px 30px; } 

.responsive-2box { width: 46%; margin: 0 1%; float: left; }
.responsive-2box h5 { text-align: center; font-size: 1.1em; margin: 7px 0 0 0; } 
.responsive-2box p { text-align: center; margin: 0 0 20px 0; } 
.responsive-2box img { width: 100%; height: auto; border: 1px solid #c4c3c3; }

/* リスト
-------------------------------------------------------------------------------------- */
.ul-style1 { padding-left: 20px; }
.ul-style2 { padding-left: 20px; }
.ul-style2 li { list-style: none; }
.ul-square { padding-left: 20px; }
.ul-square li { list-style: square; }
.ul-circle { padding-left: 30px; }
.ul-circle li { list-style: circle; }
.ol-style1 { padding-left: 20px; }

.ul-jirei { list-style-type:circle; padding:0 0 0 17px; line-height:1.4 !important; }
.ul-jirei2 { list-style-type:disc; padding:0 0 0 15px; }

.sm-jirei-list1 dt { padding:0; }
.sm-jirei-list1 dd { margin:0; padding:0 0 0 28px; }
.sm-jirei-list2 { padding:0 0 0 15px; }
.sm-jirei-list2 li { margin:0; padding:0; }

/* 余白
-------------------------------------------------------------------------------------- */
.mar-t20 { margin-top: 20px !important; }
.mar-t30 { margin-top: 30px; }

/* フォント
-------------------------------------------------------------------------------------- */
.font-red { color: #f00; }

/* 文字位置
-------------------------------------------------------------------------------------- */
.txt-r { text-align: right; }
.txt-ctr { text-align: center; }

/* development-web-program.htm */
.development-list { padding:0px; margin:0px; width:100%; border:1px solid #C9D4EA; border-collapse: collapse;}
.development-list th { padding:5px; margin:0px; color:#666666; border:1px solid #C9D4EA; background-color:#F0F4FB; text-align:left;}
.development-list td { padding:5px; margin:0px; color:#666666; border:1px solid #C9D4EA; text-align:left;}
.development-list th.time { width:15%;}
.development-list th.system { width:24%;}
.development-list th.gaiyo { width:45%;}
.development-list th.jigyo { width:auto;}

/* globalmenu */
.global-menu { display:none; position:absolute; background-color:#fff; padding:15px; width:968px; z-index:99999999; border:1px solid #3079ed; }
.global-menubox { float:left; width:240px; }
.global-menubox h2 { color:#333; font-size:12px; margin:0; text-align:left; }
.global-menubox ol { margin:0 3px 0 2px; padding:0 0 0 25px; }
.global-menubox ol li { margin:0 0 2px 0; padding:0; text-align:left; width:100%; list-style: decimal; }
.global-menubox a { color:#333; font-size:12px; text-decoration:none; text-align:left; }
.global-menubox li a:hover { color:#176dee; text-decoration:underline; }

/*
#main-btn01 { position:relative; }
#main-btn01:hover .global-menu { display:block; }
*/

#free16_area #contents_area2 .free-comment-box {
    max-width: 670px;
}

#main_block_box1_1, #main_block_box1_2, #main_block_box1_3, #main_block_box1_4, #main_block_box1_5, #main_block_box1_6 { padding: 15px 0; }
#main_block_box2_1, #main_block_box2_2, #main_block_box2_3, #main_block_box2_4, #main_block_box2_5, #main_block_box2_6 { padding: 15px 0; }
.main_block1_box { background-color:#ffffff; padding: 0; }
.main_block2_box { background-color:#ffffff; padding: 0; }
.tpc_box { background-color:#ffffff; padding:10px 0; }
.pku_box { background-color:#ffffff; padding:10px 0; }
.pku2_box { background-color:#ffffff; padding:10px 0; }
.news_box { background-color:#ffffff; padding:10px 0; }
.news2_box { background-color:#ffffff; padding:10px 0; }
.vmode_box { background-color:#ffffff; padding:10px 0; }
.youtube_box { background-color:#ffffff; padding:10px 0; }
.cover_box { background-color:#ffffff; padding:10px 0; }
.more_box { text-align:center; margin:20px 0; }

/*
#top_baner2_box { max-width:1220px; margin:0 auto; padding:0 10px; }
#top_baner3_box { margin:0 auto; background-color:#138ADA !important; }
#top_baner3_inner { max-width:1220px; margin:0 auto; padding:0 10px; }
*/

.common_inner { max-width:1220px; margin:0 auto; padding:0 10px; }
.main_inner { width:100%; margin:0 auto; }
.main_block_updown_img img {
    display: block;
    margin: 0 auto;
}

.header_in { max-width:1220px; margin:0 auto; padding:0 10px; }
.top_baner1_in { max-width:1220px; margin:0 auto; padding:0 10px; }
.top_baner2_in { max-width:1220px; margin:0 auto; padding:0 10px; }
.top_baner3_in { max-width:1220px; margin:0 auto; padding:0 10px; }
.main_block1_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.main_block2_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.pku_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.youtube_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.free_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.news_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.news2_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.dir_free_area { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.taskguide_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.search_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.email_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.access_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.privacy_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }
.policy_inner { max-width:1220px; margin:0 auto; padding:0 10px; line-height:2em; }

div.youtube_list { max-width:1220px; margin:0 auto; padding:0 10px; width:100% !important; }

#sm-nav { display:none; }
#sm-nav-btn img {
	width: 60px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

@media screen and (max-width:767px) {
	/*　画面サイズが480pxからはここを読み込む　*/
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; }
	.top_fixed_menu { display:none; }
        .fre_fixed_menu { display:none; }
	.navi_new { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.at-content-text { overflow: initial !important; }
        .at-content-img.side_img_box { float:none !important; margin-right:0px !important; margin-left:0px !important; margin-bottom:0.5em; }
	.news_img_auto_size_box { float: none !important; max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 7px; }
	.main-menu01 { display:none; }
        .main_inner { width:100%; margin:0 auto; }
	#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 > 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 > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
	.flexbox-sm-3 > .col {
		width:33%;
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:16.6%;
	}
.main_inner { width:96%; }
.responsive-2box { width: 96%; margin: 0 2%; float: none; }
.responsive-1200 { width: 96%; margin: 0 2%; float: none; }
.responsive-900 { width: 96%; margin: 0 2%; float: none; }
.responsive-480 { width: 96%; margin: 0 2%; float: none; }
.responsive-design { width: 96%; margin: 0 2%; float: none; }
.responsive-design p { margin: 0 10px; }
.responsive-design h5 { margin: 25px 10px 5px 10px; }
.ccaption { background-image: none !important; background-color: #f4f4f4; padding-top: 0; padding-left: 10px !important; }
.dir_free_area { padding: 0 !important; }
.td3-left { width: 18%; }

#footer { padding: 15px 0 0 0; }
#footer-info { max-width: 100%; margin: 0 auto 20px auto; font-size: 0.85em; text-align: center; }
.ft-sme-logo { float: none; display: inline; max-width: 160px; }
.tmm-info { float: none; margin-left: 0; }
.tel-fax { margin-top: 5px; }
.tel-fax a {  border-radius: 5px; padding: 1px 10px; }
.copyright { padding: 6px 0; margin-top: 17px; font-size: 0.8em; }

}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:33%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:16.6%;
	}
.main-menu01 { min-height:96px; }
.main-menu01 > ul { min-height:96px; }
.footer-menubox1 { min-height:230px; }
.footer-menubox2 { min-height:230px; }
.footer-menubox3 { min-height:230px; }
}
@media screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
        .grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 > .col {
		width:14.285%;
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:33.3%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.6%;
	}
	.flexbox-wm-7 > .col {
		width:14.285%;
	}
        /*.pku_cont1 .pku_cont_box{ min-height:290px; }*/
/*
.footer-menubox1.col { width:24% !important; }
.footer-menubox2.col { width:22% !important; }
.footer-menubox3.col { width:22% !important; }
.footer-menubox4.col { width:17% !important; }
.footer-menubox5.col { width:15% !important; }
*/

}
div.ccaption {
	background-image: url(https://www.tsukuba.ad.jp/images/master_icon.gif);
	width:100%;
																					max-width:900px;
																					height:auto;
																					min-height:30px;
																					background-repeat:no-repeat;
																					padding-top:10px;
																					padding-left:32px;
																					font-weight:bold;
																					font-size:16pt;
																					color:#202020;}

div.ccaption h2 {
	font-size:16pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: none;
	width:100%;
																						min-height:29px;
																						height:100%;
																						padding-top:3px;
																						padding-bottom:4px;
																						background-repeat:no-repeat;
																						background-position:left center;
																						padding-left:10px;
																						font-size:12pt;
																						margin-bottom:6x;
																						font-weight:bold;
																						color:#202020;
																						border-left: 8px solid #176dee;
																						border-bottom: 1px solid #dfdfdf;}
div.ccaption_sub h3 {
	font-size:12pt;
	font-weight:bold;
	margin:0;
	padding:0;
}