/* - addstyle.css - */
@media all {
/* http://post-k.cms-initiative.jp/portal_css/addstyle.css?original=1 */
@charset "utf-8";
/* */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-table; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
#header {
height: 230px !important;
background: transparent url(HEADBG.HTM) top center no-repeat;
background-size: cover !important;
z-index: 99999 !important;
}
#logo {
padding: 10px 20px 0 !important;
text-align: left !important;
}
#logo a {
display: inline-block !important;
width: initial !important;
float: left;
margin-right: 20px;
}
#logo:before {
content: "ポスト「京」重点課題（７）";
display: block;
color: #FFF;
font-size: 150%;
font-weight: bold;
padding-bottom: 6px;
}
#headLead{
margin: 20px 0 0;
color: #FFF2CC;
font-size: 180%;
font-weight: bold;
text-shadow: 1px 1px 3px #405386;
display: inline;
}
#headLeadSub{
display: block;
margin: 0;
font-size: 150%;
color: #FFF2CC;
}
#headLead p{
margin: 0;
}
#portal-searchbox {
margin: 0 auto 20px !important;
text-align: center;
float: none;
width: 230px;
font-size: 1em;
}
#searchbt{
display: none !important;
}
#nav {
background: #FA8832 !important;
text-align: left;
color: #ffffff;
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
font-weight: bold;
}
#nav a:hover, #nav li.selected a{
background-color: #FFC000 !important;
}
.themeTable{
width: 90%;
margin: 2em auto;
}
.themeTable td{
width: 50%;
box-sizing: border-box;
}
.themeTable td dt{
background-color: #EEE;
padding: 4px 8px;
margin-bottom: 1px !important;
}
.themeTable td dd{
background-color: #EEE;
padding: 4px 8px;
margin: 0 !important;
}
.gcalender{
margin: 2em auto;
text-align: center;
}
.gcalender iframe{
width: 90%;
height: 600px;
}
.topTable{
max-width: 960px;
text-align: center;
list-style: none !important;
margin: 24px auto 24px !important;
}
.topTable li{
display: inline-block !important;
padding: 20px;
box-sizing: border-box;
}
.topNews{
border-top: 1px solid #CCC;
padding-top: 24px;
}
.topNewsList dt{
clear: both;
float: left;
}
.topNewsList dd{
padding-left: 90px;
}
.portletFooter{
display: none;
}
#portal-siteactions{
display: none !important;
}
.imgFloatR{
float: right;
margin: 0 0 16px 16px;
}
.imgFloatL{
float: left;
margin: 0 16px 16px 0;
}
.image-right, .image-left{
border: none !important;
}
.subLab ul li span{
color: #C00 !important;
}
/* */
.section-front-page #parent-fieldname-title,
.section-front-page #parent-fieldname-description,
.section-about #parent-fieldname-title,
.section-about #parent-fieldname-description,
.section-theme #parent-fieldname-title,
.section-theme #parent-fieldname-description,
#parent-fieldname-title-57a926bc773e4edb95f3715b066f4fb6,
#parent-fieldname-description-57a926bc773e4edb95f3715b066f4fb6,
#title-b1b624ebd8a14aca9b34699867662942,
#parent-fieldname-title-d0824281e4bd47c2b1ff64abfee97b26{
display: none;
}
.topLeadtext{
margin: 24px 15% 80px;
font-size: 120%;
color: #666;
}
.outlineList{
clear: both;
margin: 2em 1em;
border-bottom: 1px solid #DDD;
}
.outlineList dt{
width: 300px;
float: left;
padding: 0 2em 2em 0;
}
.outlineList dd{
padding: 0 0 2em 0;
}
.topColHR{
margin-top: 32px;
margin-bottom: 32px;
height: 1px;
border:solid #666;
border-width:1px 0 0 0;
height:1px;/* */
clear:both;/* */
}
.documentByLine{
display: block !important;
}
.portaltype-formsavedataadapter #content table {
width: 100%;
table-layout: fixed;
}
#footer {
background: #FA8832 !important;
color: #fff;
text-align: center;
}
@media screen and (max-width: 1000px) {
#header {
height: 230px !important;
}
#nav {
padding:0 !important;
width:100% !important;
position: absolute !important;
bottom: 0;
}
#searchbt {display:none !important;}
#searchbt a {
display: none !important;
}
#nav #seletor {
display:block !important;
padding:1em;
width:96% !important;
background:url("../../_THEME_B_RES/STATIC/SECTIONS.PNG") no-repeat 97% 60%;
}
#nav li {
display: none !important;
}
#nav:hover li {
display: block !important;
width:100%;
border-top:1px solid #ffffff;;
display:block !Important;
padding:0;
}
#nav ul {
width:100% !important;
margin:0;
padding:0;
position: absolute;
top: 41px;
background-color: #FA8832 !important;
}
#nav:hover li a {
color: #ffffff;;
width:100%;
padding:0 2.5%;
line-height: 3em;
display: block;
width: 95% !important;
}
#nav:hover li:hover {background: #ff9900;}
#nav:hover li a:hover,
#nav:hover li.selected a {background: transparent;}
.outlineList dt{
float: none;
width: 100%;
padding: 0 0 1em 0;
}
.outlineList dd{
padding: 0 0 2em 0;
margin: 0 !important;
}
}
@media screen and (max-width: 930px) {
#header {
height: 260px !important;
}
#logo {
padding: 30px 20px 0 !important;
}
}
@media screen and (max-width: 768px){
#logo {
min-width: 140px;
padding: 10px 10px 0 !important;
}
#logo a {
display: inline-block !important;
width: initial !important;
float: none;
margin-right: 20px;
}
#headLead {
margin: 0 0 0;
display: block;
}
#portal-searchbox {
display: block !important;
}
#nav {
padding: 0;
width: 100%;
z-index: 99999 !important;
position: relative;
}
#nav ul {
width: 100% !important;
}
#nav #seletor {
width: 96% !important;
}
}
@media screen and (max-width: 640px){
#headLead{
font-size: 120% !important;
}
#headLeadSub{
font-size:  120% !important;
}
#logo:before {
font-size: 110%;
}
}
@media screen and (max-width: 460px){
}
@media print{
#wrapper {
width: auto;
margin: 0 auto;
max-width: 100% !important;
font-size: 0.8em !important;
}
#logo {
padding: 10px 0 10px !important;
text-align: center;
}
#header {
height: 74px !important;
background: transparent url(HEADBG.HTM) top center no-repeat;
}
#nav {
display: none !important;
}
.topColHR {
display: none !important;
}
a {
text-decoration: none;
border-bottom: none !important;
color: black;
}
#main {
width: 96% !important;
margin: 0 auto !important;
clear: both;
background: #fff;
font-size: 1.3em;
padding: 10px 0 30px !important;
}
#portal-column-content {
width: 96% !important;
margin: 0 auto !important;
}
.topTable li {
width: 48% !important;
display: inline-block !important;
padding: 20px;
box-sizing: border-box;
}
.outlineList dt {
width: 40% !important;
float: left;
padding: 0 2em 2em 0;
}
table.listing {
width: 50%;
float: right;
border: 1pt solid black;
border-collapse: collapse;
}
}
}