@charset "euc-jp";
/* - common CSS - */
body {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color:#fff;
	color:#000;
}
a:link, a:active {text-decoration: none;}
a:visited {color:#000080; text-decoration: none;}
a:hover { background-color: #CCCCCC;text-decoration: underline; }
small {font-size: 90%;}
p {font-size:1em;line-height:150%;}
div.jpstyle p {font-size:1em;line-height:150%;margin:0;padding:0;text-indent:1em;}
div.jpstyle-no-indent p {font-size:1em;line-height:150%;margin:0;padding:0;text-indent:0;}
pre {font-size:1em;line-height:150%;font-family:courier,monospace;}
h1 {font-size: 140%;font-weight: bold;}
h2 {font-size: 120%;font-weight: bold;}
h3 {font-size: 110%;font-weight: bold;}
h4,h5,h6,h7,h8,h9 {font-size: 100%;font-weight: bold;}

textarea {font-size: 1em;}
a.mmb2a:link, a.mmb2a:active {text-decoration: none;}
a.mmb2a:visited {color:#000080; text-decoration: none;}
a.mmb2a:hover { background-color: #CCCCCC;text-decoration: underline; }

#TopIndex { }
div.CoverBlock {
	font-size: 100%;
	width: 100%;
	color:#000;
	background-color:#fff;
}
div.CoverBlock img {
	margin:5px 10px 5px 10px;
}
.MainBlock {background-color: #fff;}
span.TopH {font-size: 120%; font-weight: bold; }
span.TopB {font-size: 100%; font-weight: normal;
	color:#000; margin-left: 1em}
span.TopBB {font-size: 100%; font-weight: bold; }
span.FJTopH {
	font-size: 120%;
	font-weight: bold;
	background-color: #fff;
	border-width: 0 0 0 1em;
	border-style: solid solid solid solid;
	border-color: #cc3300;
}
span.FJTopB {
	font-size: 100%;
	font-weight: normal;
	margin-left: 1em;
}
td.Banner  {font-size: 120%; text-align:center; }
.infobanner {
	padding: 3px;
	border: 1px solid #0000ff;
	font-size: 120%;
	color: #000;
	background-color: #33ffff;
	text-align:center;
}
td.BannerB {font-size: 120%; text-align:center; font-weight:bold; }

.Red   {color: #FF0000;}
.DarkRed {color: #8b0000;}
.Blue  {color: #0000FF;}
.CadetBlue {color: #5f9ea0;}
.DadetBlue {color: #5f9ea0;}
.MidnightBlue {color: #191970;}
.DarkSlateBlue {color: #483d8b;}
.Green {color: #008000;}
.Black {color: #000;}
.Gray  {color: #808080; }
.DimGray {color: #696969;}
.SeaGreen {color: #2e8b57;}
.Silver {color: #C0C0C0;}
.White {color: #FFF;}
.Yellow {color: #FFFF00;}
.Lime  {color: #00FF00;}
.Aqua  {color: #00FFFF;}
.Fuchsia {color: #FF00FF;}
.Maroon {color: #800000;}
.Olive {color: #808000;}
.DarkOliveGreen {color: #556b2f;}
.Teal  {color: #008080;}
.Navy  {color: #000080;}
.Purple {color: #800080;}
.SlateGray {color: #708090;}
.DarkCyan {color: #008b8b;}
.DarkMagenta {color: #8b008b;}

div.joinbox {
	width: 148px;
	background-color: #ffff00;
	border-width: 1px; border-style: solid;
	border-color: #cccccc;
	font-weight: bold;
	font-size: small;
}
.invisible {font-size: small; color: #fff}
.mild  { color: #7f7f7f; }
.Small80 { font-size: 80%; }
.Small60 { font-size: 60%; }
.Large120 { font-size: 120%; }
span.head1 { font-size: 1em; font-weight: bold;}
.toolbox{ font-size: 80%; line-height: 110%;}

.Desktop { padding: 1em; }
.Document { margin-left:10pt; margin-right:30pt; }
.Document img { margin: 1em; }
.Document h1 {font-size: 130%;font-weight: bold; font-style: normal; text-decoration: none; }
.Document h2 {font-size: 110%;font-weight: bold; font-style: normal; text-decoration: none; }
.Document h3 {font-size: 100%;font-weight: bold; font-style: normal; text-decoration: none; }
.Document h4 {font-size: 100%;font-weight: normal; font-style: italic; text-decoration: underline; }
.Document h5 {font-size: 100%;font-weight: normal; font-style: italic; }
.Document h6 {font-size: 100%;font-weight: normal; font-style: normal; }
.Document h7 {font-size: 100%;font-weight: normal; font-style: normal; }
.Document h8 {font-size: 100%;font-weight: normal; font-style: normal; }
.Document h9 {font-size: 100%;font-weight: normal; font-style: normal; }
.NewsItem { margin-left:10pt; margin-right:30pt; max-width:45em; }
.NewsItem img { margin: 1em; }
.NewsItem h1 {font-size: 130%;font-weight: bold; font-style: normal; text-decoration: none; }
.NewsItem h2 {font-size: 110%;font-weight: bold; font-style: normal; text-decoration: none; }
.NewsItem h3 {font-size: 100%;font-weight: bold; font-style: normal; text-decoration: none; }
.NewsItem h4 {font-size: 100%;font-weight: normal; font-style: italic; text-decoration: underline; }
.NewsItem h5 {font-size: 100%;font-weight: normal; font-style: italic; }
.NewsItem h6 {font-size: 100%;font-weight: normal; font-style: normal; }
.NewsItem h7 {font-size: 100%;font-weight: normal; font-style: normal; }
.NewsItem h8 {font-size: 100%;font-weight: normal; font-style: normal; }
.NewsItem h9 {font-size: 100%;font-weight: normal; font-style: normal; }
.EventItem { margin-right:100pt; }

div.recblock {
	width: 90%;
	position: relative;
	margin-left:6px;
}
div.recitem {
	width: 100%;
	position: relative;
}
div.rectitle {
	float:left;
	width:80%;
	height:3em;
	background-color:#cccccc;
}
div.recdate {
	float:right;
	width: 20%;
	height:3em;
	text-align:right;
	background-color:#cccccc;
}
div.recdesc {
	width: 100%;
}
.tagbox {
	padding:0;
	border:solid 1px #ddc;
	margin:0;
	background-color:#fff;
}
.tagbox h1{
	font-size:80%;
	padding:3px;
	margin:0;
	border-bottom:solid 1px #ddc;
	background-color:#E8E2C4;
}
.tagbox h2 {
	font-size:90%;
	padding:3px;
	margin:0;
}
.tagbox p {
	padding:1px 3px;
	margin:0 0 5px 0;
	font-size:80%;
}

table.ActionBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6699CC;
}
table.ActionBox tr td {
	font-size: 70%;
}
table.ActionBox tr td.ActionTitle {
	font-weight: bold
}
table.ActionBox tr.GuestActions {
	background-color: #888888;
}
table.ActionBox tr.GuestActions td a:link {
	color: #660000;
	text-decoration:  none;
}
table.ActionBox tr.GuestActions td a:visited {
	color: #660000;
	text-decoration:  none;
}
table.ActionBox tr.GuestActions td a:active {
	color: #660000;
	text-decoration:  none;
}
table.ActionBox tr.GuestActions td a:hover {
	color: #000066;
	text-decoration:  none;
}
table.ActionBox tr.MemberActions {
	background-color: #6699CC;
}
table.ActionBox tr.MemberActions td {
	color: #000;
}
table.ActionBox tr.MemberActions td a:link {
	color: #FFF;
	text-decoration:  none;
}
table.ActionBox tr.MemberActions td a:visited {
	color: #FFF;
	text-decoration:  none;
}
table.ActionBox tr.MemberActions td a:active{
	color: #FFF;
	text-decoration:  none;
}
table.ActionBox tr.MemberActions td a:hover{
	color: #000066;
	text-decoration:  none;
}

h1.DesktopTitle {
	font-size: 140%;
	margin-right:100pt
}

div#HeaderBlock {
position:relative;
background: linear-gradient(to right, blue, green);
vertical-align:middle;
}
td.MastheadTitle, span.MastheadTitle {
	background-color: #6699CC;
	font-size: 130%;
	font-weight: bold;
	color: white
}
td.Masthead {
	background-color: #e80000;
	font-size: 120%;
	font-weight: bold;
	color: white;
	padding-left: 1em
}
div.Masthead {
	display:inline-block;
	background-color: transparent;
	font-size: 120%;
	font-weight: bold;
	color: white;
	vertical-align:middle;
	padding-top: 20px;
	padding-left: 1em;
position:absolute;
}
td.Masthead2 {
	background-color: #e80000;
	font-weight: bold;
	color: white;
	text-align: right;
	vertical-align:bottom;
	font-size: 80%;
}
div.Masthead2 {
	display:inline-block;
	background-color: transparent;
	font-weight: bold;
	color: white;
	vertical-align:bottom;
	font-size: 80%;
	position:absolute;
	right:5px; bottom:3px;
	width:156px;
}
td.MenuBar {
	font-size: 80%;
	font-family: sans-serif;
	font-weight: bold;
	background-color:#d0d0d0;
	border-top-color:#f0f0f0;
	border-bottom-color:#666666;
	border-style: solid none solid none;
	border-width: thin 0px thin 0px
}
.DesktopStatusBar{
	font-size: small;
	color: #e80000;
}
.SlideSidebar {
	font-size: 8pt;
	font-weight: normal;
	color: #000
}
.SlideBody {
	padding-top: 14pt;
	padding-left: 15px;
	font-size: 16pt;
	color: #000
}
.SlideBullets {
	padding-top: 2px;
	padding-left: 20px;
	font-size: 12pt;
	color: #000
}
.SlideCopyright {
	font-size: 8pt;
	font-weight: bold;
	color: #000
}
.SlideExamples {
	font-size: 8pt;
	font-weight: bold;
	color: #FFF
}
hr.v {
	visibility: visible;
	border: 1px solid #ccc;
}
hr.soft {
	border: 1px dotted #ccccff
}
.NewsEvent {
	font-size: 80%;
}

div.MenuBox {
	border: 1px solid #ff6000;
	width: 148px;
	background-color:#fff;
}
div.MenuTitle {
	border-bottom: 1px solid #ff6000;
	font-weight: bold;
	text-align: center;
	color:#FAEDE2;
	background-color: #ff6000;
}
div.MenuBody {
	padding: 3px;
	color: #000;
	background-color: #fff;
}
div.WNewBox {
	border: 1px solid #6699cc;
	width: 148px;
	background-color:#fff;
}
div.WNewTitle {
	border-bottom: 1px solid #808000;
	font-weight: bold;
	text-align: center;
	color:#FAEDE2;
	background-color: #6699cc;
}
div.WNewBody {
	padding: 3px;
	color: #000;
	background-color: #fff;
	font-size:80%;
}
div.WNewBody div.IconBox {
	margin-bottom: 8px;
	font-weight: bold;
}
.sqtitle {
	background-color:#006600;
	color:#fff;
	padding:3px;
	font-weight: bold;
	font-size:large;
}
.sqsubtitle {
	padding:3px;
	font-weight: bold;
	font-size:large;
}
.sqsect {
	font-style: italic;
	font-size:small;
}
.sqdept {
	font-weight: bold;
	font-size:x-small;
}
.sqnote {
	font-weight:bold;
	font-size:x-small;
	text-align: center;
}

.sqmore {
	font-size:small;
}
.sqlead {
	font-style: italic;
	color:#008080;
}
.sqtext {
	font-style: normal;
	font-family: serif;
	line-height: 130%;
}
.sqpane {
	margin-left: 1em;
	margin-right: 1em;
}
.calhead {
	font-family: verdana,sans-serif;
	font-size: 12px;
}
.calendar {
	font-size:80%;
	border: 1px solid black;
	margin: 1px;
	padding: 3px;
	text-decoration: none;
}
.caldate {
	font-size: 80%;
	margin: 0px;
	border: 1px solid gray;
	padding: 3px;
	text-decoration:none;
}
.caldate A:link, A:active {text-decoration: none}
.caldate A:visited {color:#000080; text-decoration: none}
.caldate A:hover { background-color: #CCCCCC;text-decoration: underline }
blockquote.chamse {
	background-color:#f8f8f8;
	border-color:#666;
	border-width:3px;
	border-style: solid;
	margin: 0.5em;
	padding: 0.5em;
}
blockquote.chamse h1 {
	font-size: 110%;
	font-weight: bold;
}
blockquote.chamseNote {
	background-color:#f8f8f8;
	border-color:#f44;
	border-width:2px;
	border-style: solid;
	margin: 0.5em;
	padding: 0.5em;
}
blockquote.chamseQuote {
	border-style: None;
	margin: 0.5em;
	padding: 0.5em;
	color: #006699;
}
div.chamSign {
	font-style: italic;
	text-align: right;
}
div.chamimgbox {
	display:block;
	font-style: italic;
	margin: 5px;
}
div.chamimgbox-r {
	display:block;
	font-style: italic;
	float:right;
	margin-left: 6px;
	margin-top: 0;
}
div.chamimgbox-l {
	display:block;
	font-style: italic;
	float:left;
	margin-right: 6px;
	margin-top: 0;
}
div.chamimgbox div, div.chamimgbox-l div, div.chamimgbox-r div {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0;
}
div.chamimgbox img {
	margin: 1em 0 5px;
	max-width: 35em;
}
div.chamimgbox-l img, div.chamimgbox-r img {
	margin: 0 0 5px;
}
img.chamimg {
	display:block;
	margin-top: 2em;
	margin-bottom: 0;
}
div.chamcap {
	font-style: italic;
	margin-left: 2em;
	margin-top: -1em;
}
div.chamNote {
	color: #006699;
}
.wordtitle { color: Navy; }
div.chamdialogue { color: #006699; font-style: bold; }

.chamquote { color: #006699; }
.chamred { color: DarkRed; }
.chamblue { color: DarkSlateBlue; }
.chamunder { font-style: underline;}
.chambold { font-weight: bold; }
.sptopbox {
	float:right;
	padding:5px 0px 5px 5px;
	margin:0px 0px 5px 5px;
	background-color: #FF9900;
}
.sptopbox h1 { font-size: 100%;font-weight: bold; margin:0 0 0 0;padding:0 0 0 0}
.sptopbox p { font-size: 80%;margin:0 0 0 0;padding:0 0 0 0}
#b1a { padding: 5px; position:absolute; right:10px; font-size:90%;}
#b1b { font-size:60%;}
.hotnews {
	border: none;
	background-color: #fff;
	color: #000;
}
.hotnews span, #LatestNews span {
        white-space: nowrap;
}
div.rightcol {
	width:180px;
	padding-left:2px;
}
div.rightbox {
	padding-left:5px;
}
#rbox1 {border-left: 5px #cc9966 solid;}
#rbox2 {border-left: 5px #99cc66 solid;}
#rbox3 {border-left: 5px #6699cc solid;}
.lefttitle {
	padding: 3px;
	text-align: center;
	background: silver;
	border-top-color:#f0f0f0;
	border-bottom-color:#666666;
	border-style: solid none solid none;
	border-width: thin 0px thin 0px;
}
.leftline {
	padding: 3px;
	text-align: center;
	background: none;
}
.righttitle {
	padding: 2px 0 2px 0;
	letter-spacing: -1px;
	background: #D3D3D3;
	text-align: center;
	margin-bottom: 10px;
	white-space: nowrap;
}
.righttitle2 {
	background: silver;
	text-align: center;
	border-top-color:#f0f0f0;
	border-bottom-color:#666666;
	border-style: solid none solid none;
	border-width: thin 0px thin 0px;
	white-space: nowrap;
}
.rightline {
	font-size: 80%;
	line-height: 110%;
	margin-top: 0;
	margin-bottom: 0.5em
}

.Desktop .Document p { min-width: 300px; width: 450px; }

#skip-nav {margin: 0 !important; padding-left: 20px; font-size: 0.8em; line-height: 1;}
#skip-nav a {padding: 1px 10px;}
#skip-nav a:link, #skip-nav a:visited { color: #ffffff; }
#skip-nav a:hover, #skip-nav a:active, #skip-nav a:focus {
  color: #ffffff; background: #285C2B; text-decoration: none; }
#skip-nav a, #skip-nav a:hover, #skip-nav a:visited {
  position: absolute; left: 0; top: -500px; width: 1px; height: 1px; overflow: hidden; }
#skip-nav a:active, #skip-nav a:focus { position: static; width: auto; height: auto; }

#kn-container {margin: 0 auto; width: 100% ;}
#kn-newsview {float: left; max-width: 36em; }
#kn-right-side-bar {float: right; width: 150px ;}
#kn-newsview h1 {font-size: 130%;font-weight: bold; font-style: normal; text-decoration: none; }
#kn-newsview h2 {font-size: 110%;font-weight: bold; font-style: normal; text-decoration: none; }
#kn-newsview h3 {font-size: 100%;font-weight: bold; font-style: normal; text-decoration: none; }

#oldindexview {  float: left;  min-width: 300px;  width: 600px;  margin-left: 1em;}
#newsview-bodytext {min-width: 300px; width: 36em;}
.newsview {min-width: 20em; max-width: 36em;}
.newsview400w {min-width: 300px; max-width: 400px;}
.newsview450w {min-width: 300px; max-width: 450px;}
.newsview500w {min-width: 300px; max-width: 500px;}
.newsview550w {min-width: 300px; max-width: 550px;}
.newsview36em {min-width: 30em; max-width: 36em;}
.newsview38em {min-width: 30em; max-width: 38em;}
.newsview40em {min-width: 30em; max-width: 40em;}
.newsview45em {min-width: 30em; max-width: 45em;}
.leftline img {
 border-width:0; max-width:148px; max-height:50px;
 }

.HideContent { display: none; }
.DispContent { }

#LatestNews{ margin-top:8px; position:relative;}
#TabDiv { border:1px; }
ul#LNTab { margin:0px; display:inline;}
#LNTab li {
  float: left;
  padding: 6px 10px;
  list-style: none;
  cursor: pointer;
  background: #ccc;
  margin-right: 5px;
  margin-bottom: 0px;
}
#LNTab li.TabSelect { background: #eef; font-weight: bold; border-top: 3px solid red; }
.HideIt { display: none; }
.TabPanel {
  clear: left;
  font-size: 80%;
  background: #eef;
  color: Black;
  padding: 10px;
  margin: 0px;
}

#SubjBox { margin-left: 450pt; }
#TweetBox { margin-left: 450pt; margin-bottom: 5px; }
#FbLikeBox { margin-left: 450pt; margin-bottom: 5px; }
#FbShareBox { margin-left: 450pt; margin-bottom: 5px; }

#NewsItemTopBar { height:40px; }
#EventItemTopBar { height:40px; }
#TweetBox2 { bottom: 21px; position: relative; }
#FbLikeBox2 { bottom: 20px; position: relative; }
#FbShareBox2 { bottom: 6px; position: relative; }

#TweetBoxev2 { bottom: 5px; position: relative; }
#FbLikeBoxev2 { left:15px; bottom: 5px; position: relative; }
#FbShareBoxev2 { bottom: 6px; position: relative; }

.fbButton {
 border:none;
 overflow:hidden;
}

.NewsItem .fbBottun {
 margin: 0 2px;
}

#addNewsItemID,#addNewsItemEffective,#addNewsItemExpire,#addNewsItemSubject {
ime-mode: disabled;
}

div#b1 {
  background-image: url(/Icon/bgct.png);
  background-repeat: repeat-y;
  background-color: #efeff8;
  text-align:center;
  border-right:2px solid light-gray;border-bottom:2px solid darkgray;padding:5px;
}
div#lf2012a { font-weight:bold;}
div#lf2012b { font-size:90%;}
#lf2012b img { height:90%; }

#relartsframe { width:36em; height:200px; }
.ralist {font-size:80%;margin:2px; padding-left:1em;}
.footnote {
  border: 1px solid #888;
  font-size: 90%;
  font-style: italic;
  background-color:#DDD;
  padding:0.5em;
}
.MenuBG   { background-color: #808000; color:#fafafa }
.MenuBGB  { background-color: #006600 }
.WNewBG   { background-color: maroon; color:#FAEDE2 }
.WNewBGB  { background-color: #990000 }
.MenuBody { background-color: #ffffff; color: #000000; line-height: 110% }
.WNewBody { background-color: #ffffff; color: #000000; font-size: 80%; line-height: 110% }
div.MenuBox {
  border: 1px solid #808000;
  width: 148px;
  background-color:#ffffff;
}
div.MenuTitle {
  border-bottom: 1px solid #808000;
  font-weight: bold;
  text-align: center;
  color:#FAEDE2;
  background-color: #808000;
}
div.WNewBox {
  border: 1px solid #800000;
  width: 148px;
  background-color:#ffffff;
}
div.WNewTitle {
  border-bottom: 1px solid #800000;
  font-weight: bold;
  text-align: center;
  color:#FAEDE2;
  background-color: #808000;
}
span.TopH {
    font-size: 120%;
    font-weight: bold;
    border-left-width: 0.5em;
        border-left-style: solid;
    border-color: #cc3300; /* #aaf; */
    padding-left: 4px;
}

body { font-size: medium; font-family: sans-serif }
div.CoverBlock hr { border-style: none; }
p { font-size: medium; line-height: 130%; }
p.Desktop { font-family: sans-serif; }
p.NewsItem { font-family: sans-serif; }
p.EventItem { font-family: sans-serif; }

.Narrow { letter-spacing: -1px; }
td.MastheadTitle { background-color: #6699FF;  
	font-weight: bold; color: white;
	font-family: sans-serif;
}
td.Masthead { background-color: #3333CC;
	font-weight: bold; color: white;
	font-family: sans-serif;
}
td.Masthead2 { background-color: #3333CC;
	font-weight: bold; color: white;
	font-family: sans-serif;
}
h1.DesktopTitle { font-family: sans-serif; }

.SlideSidebar { font-family: sans-serif; }
.SlideBody    { font-family: sans-serif; }
.SlideBullets { font-family: sans-serif; }
.SlideCopyright { font-family: sans-serif; }
.SlideExamples  { font-family: sans-serif; }

td.MenuBody  { font-size: 12pt; font-weight: normal; font-family: sans-serif; }

.NewsHeadline { font-size: 100%; font-weight: bold; }
.NewsByline { font-size: 80%; }
.NewsDateline { font-size: 80%; }
.NewsLeadin { font-size: 90%; }
.NewsItem { font-size: 100%; font-weight: normal; line-height:120%; font-family: sans-serif; }
.NewsEvent { font-size: 90%; }
