/* JANO Sakura CSS */

#body {
width: 100%;
/*background:  url(../kb01.gif);
background-color: #fff;*/
background-color: #ccc;
color: black;
border: 2px solid #ccc;
font-family: "MS P Gothic","Osaka", Arial, sans-serif;
font-size: 11pt;
}
.body {
width: 100%;
/*background:  url(../kb01.gif);
background-color: #fff;*/
background-color: #ccc;
color: black;
border: 2px solid #ccc;
padding: 1em;
margin: auto;
font-family: "MS P Gothic","Osaka", Arial, sans-serif;
font-size: 11pt;
}
.container {
background-color: white;
width:1080px;margin:0 auto;
/*width:100%; margin:0 auto;*/
/*border: 1px solid #000;*/
}
#container {
background-color: white;
width:1080px;margin:0 auto;
/*border: 1px solid #000;*/
}
.showgrid { 
	background: url(./blueprint/src/grid.png); 
        background-color:#E7A4A4;
}
#showgrid { 
	background:#E7A4A4 url(./blueprint/src/grid.png); 
	 background-color:#E7A4A4;
}
#header {
width: 100%;
height: 150px;
background: #E7A4A4;
border: 2px solid #ccc;
}
.header-logo {
background: transparent url(https://jano.s3.amazonaws.com/static/jano-banner3.jpg) repeat-x;
height: 124px;
}

.header-menu {
width: 99%;
color: white;
font-weight: bold;
float: left;
padding-left: 1em;
padding-top: 2px;
margin: auto;
border-top: 2px solid #ccc;
}
.header-menu a{
color: #833d3d;
}
.header-menu a:hover{
background-color: #fbcfcf;
}
.leftcolumn {
margin-left: 1em;
}
#main {
background-color: white;
width: 100%;
}
.main {
background-color: white;
width: 100%;
}
#main-wrapper {
background-color: white;
width: 100%;
}
.main-wrapper {
background-color: white;
width: 100%;
}
.right {
float: right;
width: 15%;
margin-top: 0em;
margin-right: 3px;
}
.center {
margin: auto;
width: 60%;
}
.left {
float: left;
width: 15%;
}
.misc {
color: #fff;
margin: auto;
text-align: center;
padding: 3px;
font-size: 70%;
}
.copyright {
color: #fff;
margin: auto;
text-align: center;
padding: 3px;
font-size: 70%;
}
.hr {
height: 3px;
}
#footer {
background-color: #E7A4A4;
border-top: 2px solid #ccc;
width: 100%;
}
.footer {
background-color: #E7A4A4;
border-top: 2px solid #ccc;
width: 100%;
}
#footer1 {
background-color: #E7A4A4;
border-top: 2px solid #ccc;
width: 100%;
}
#footer1 {
background-color: #E7A4A4;
border-top: 2px solid #ccc;
width: 100%;
}
#box {
background-color: white;
}

.portlet {
background-color:White;
border:1px solid #8CACBB;
/*margin:1px 0pt 3px;*/
margin:1em 0pt 3px .5em;
}
.portlet1 {
background-color:White;
border:1px solid #8CACBB;
margin:1em 3pt 3px .5em;
padding-bottom: 0;
}
.portlet2 {
background-color:White;
border:1px solid #8CACBB;
margin:90px 0pt 3px .5em;
/*margin:1px;
padding-top: 1em;*/
}
.portlet3 {
background-color:White;
border:none;
/* margin:90px 0pt 3px .5em;
/*margin:1px;
padding-top: 1em;*/
margin:1em 0pt 3px .5em;
}
.aboutContent {
background-color:White;
/*border:1px solid #8CACBB;
margin:1px 0pt 3px;*/
margin:1em 0pt 3px .5em;
}

dl.portlet a {
text-decoration:none;
padding-bottom:0;
}
.portlet a.tile {
display:block;
}
.portletItem li {
list-style: none;
line-height: 1.5;
}
dd.portletItem a, li.portletItem a,dd.portletFooter a {
border-bottom:medium none;
color:#397a98;
list-style: none;
line-height: 1.5;
padding: 0;
}
dd.portletItem2 a, li.portletItem a,dd.portletFooter a {
border-bottom:medium none;
color:#397a98;
list-style: none;
line-height: 1.5;
padding: 0;
}

dd.portletItem a:link a:visited, dd.portletFooter a:visited {
/*color:#436976;*/
color:#397a98;

}
.portletHeader {
background-color:#E7A4A4;
color:#833d3d;
/*border:1px solid #8CACBB;*/
font-weight:bold;
line-height:1.5em;
padding:3px;
text-transform:none;
text-align: center;
}
.portletHeader a {
color:Black;
}
.portletItemTop {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
margin:0pt;
padding-top:0em;
padding-left: 1em;
}
.portletItemTop a {
color: #397a98;
}
.portletItem {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
margin-left:3px;
margin-right:3px;
padding: 0em;
line-height: 1em;
list-style: none;
}
#portletItem {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
margin-left:3px;
margin-right:3px;
padding: 0em;
line-height: 1em;
list-style: none;
}
.portletItemDetails {
color:Black;
display:block;
text-align:right;
padding: 4px;
line-height: 1em;
}
.portletMore {
border-width:1px;
margin-bottom:0pt;
padding: 0em 0em 1em 0em;
text-align:right;
line-height: 0em;
}
.portletMore a {
color:#397a98;
}

dd.portletFooter {
background-color:#FFDBDB;
border-color:#8CACBB;
border-style:dotted solid none;
border-width:1px;
margin:0pt;
padding:0.25em 0em 0 0;
text-align:right;
}
.portletTopLeft {
}
.portletTopRight {
}
.portletBottomLeft {
}
.portletBottomRight {
}


.portletItemTop h5 {
padding: 3px;
background-color:#E7A4A4;
}

#sponsor img{
padding-top: 5px;
padding-bottom: 2em;
margin: auto;
}
.sponsor img{
padding-top: 5psx;
padding-bottom: 2em;
margin: auto;
}

.adPortlet {
padding: 1em;
}

#textintro h1{
margin-left: 1em;
font-size: 2em;
margin-top: 1em;
}

#textintro h3{
margin-left: 1em;
}

#textintro p{
margin-left: 1em;
}
#textintro a {
color:#397a98;
}

.place_map {
width: 500px;
height: 300px;
padding: 2em;
border: 1em solid #000;
}

.place_map {
width: 500px;
height: 300px;
padding: 2em;
border: 1em solid #000;
}

.planetdate {
padding: 3px;
border:1px solid #8CACBB;
width: 350px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
}

.blogdate {
padding: 3px;
border:1px solid #8CACBB;
width: 250px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
font-size: 70%;
}
.blogdate a{
color:#397a98;
}
.newsdate {
padding: 3px;
border:1px solid #8CACBB;
width: 150px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
/*margin-left: 2em;*/
}
.commentdate {
padding: 3px;
border:1px solid #8CACBB;
width: 250px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
}

.portletItemLinkTop {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
font-size: 115%;
font-weight: bold;
margin:0pt;
padding-top:0em;
padding-left: 1em;
}

.small {
padding: 0em;
font-size: 60%;
}


dt.portletDT {
margin-top: -1em;
margin-left: 5px;
text-decoration:none;
}
dt.portletDT a{
text-decoration:none;
/*color:#6e93a4;*/
color:#397a98;
}

.title a {
text-decoration:none;
/*color:#6e93a4;*/
color:#397a98;
}


.other_posts a {
color:#397a98;
}

.sponsorbanner_list dl{
padding: 2em;
margin: 2em;
border: 1px solid #397a98;
}
.sponsorbanner_list2 {
padding: 2em;
margin: 2em;
border: 1px solid #397a98;
}

.kaisoku {
padding-right:3em;
}

.jou {
text-decoration:underline;
}

.chuui {
background-color:#FFDBDB;
border: 1px solid #8CACBB;
padding: 2px 2em 2px 2em;
margin: auto;
text-align: center;
width: 30%;
font-size: 110%;
font-weight: bold;
}
.portletFooter {
border-top: #8CACBB 1px solid;
background-color:#FFDBDB;
text-align:right;
}
.portletFooter a{
color:#397a98;
margin-right: 1em;
}

.tezuki {
border: 1px solid #000;
}
#tezuki {
border: 1px solid #000;
}
.tezukirow td{
border: 1px solid #000;
}
#Blog1{
margin-top:-1em;
}
#Text4 {
background: transparent;
width: 100%;
margin-top: 0em;
}
#important-shirase {
#background-color:#FFDBDB;
/*padding: 2px 1em 2px 1em;*/
width: 40%;
left-margin:-1em;
bottom-margin:-5em;
}
#important-shirase h1 {
font-size: 120%;
font-weight: bold;
}
.important-shirase {
padding: 2px 1em 2px 1em;
width: 42%;
left-margin: -1em;
}
.important-shirase dl{
bottom-margin: 1em;
}
.important-shirase dt {
font-size: 120%;
font-weight: bold;
background-color:#FFDBDB;
border: #8CACBB 1px solid;
padding-left: 1em;
}
.important-shirase dd {
font-size: 110%;
font-weight: bold;
background-color:#white;
bottom-margin:1px;
}
#googlead {
margin-left: 2em;
}

#blogphotos img{
padding: 3em;
margin: 3em;
}
.blogphotos img{
padding-right: 3em;
padding-bottom: 1em;
margin-left: 3em;
}

.more {
float: right;
margin-bottom: 1em;
}


#date-header span{
left-margin: 1em;
float: right;
font-weight:bold;padding:1em;
}
.date-header span{
left-margin: 1em;
float:right;font-weight:bold;padding:1em;
}
#activitytable table td{
border-color: black;
border-style: solid;
}
.activitytable table td {
border: black 1px solid;
}

.jlscbanner img{
margin-left:-1em;
}
/*.myjanocss {
background: transparent;
width: 100%;
margin-top: 0em;
}*/

.jano-calendar-top {
float: right;
width: 40%;
padding: 0em;
margin-top: -5em;
margin-right:1px;
}
.jano-calendar-top dt{
font-size: 11pt;
font-weight: bold;
background-color:#FFDBDB;
border: #8CACBB 1px solid;
padding-left: 2em;
padding-bottom:0em;

}
.jano-calendar-top dd{
font-size: 9pt;
padding: 0;
}
.important-shirase {
width: 50%;
float: left;
margin-top: -2em;
}
#important-shirase {
width: 50%;
float: left;
margin-top: -2em;
}
.important-shirase dl{
padding: 1px;
}
.important-shirase dt{
font-size: 11pt;
font-weight: bold;
background-color:#FFDBDB;
border: #8CACBB 1px solid;
padding-left: 1em;
padding-bottom:0em;
}
.important-shirase dd a{
margin-top:0;
padding-top: 1px;
font-size: 9pt;
}

.important-shirase-level2 dd a{
margin-top:1px;
font-size: 8pt;
}
.paragraph-image img{
margin-top: 1em;
padding-right: 1em;
}

.crosscol .PageList UL,.footer .PageList UL{list-style:none;margin:0;padding:0}

.crosscol .PageList LI,.footer .PageList LI{list-style:none;float:left;font-size:10pt;padding-right:.75em;margin:.3em;background:none}

.crosscol .PageList H2{display:none}.PageList LI A{font-weight:normal}
.PageList LI.selected A{font-weight:bold;text-decoration:none}