/* ======================================================================================
Nucleus sample css
01:BASE
02:BASE TEXT
03:BASE PARTS
04:HEADER
05:SIDE
06:TOP
07:CATEGORY
========================================================================================*/

/* 01:BASE ----------------------------------------------------------------------------*/
body {font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;font-size:80%;text-align:center;margin:0;padding:0;background-color: #ffffff;
word-break:break-all;line-height:1.5em;}
div#wrap {width:800px;margin-top:20px;margin-right:auto;margin-left:auto;background-color: #ffffff;
}
div#wrapper {width:580px;background-color: #ffffff;height:100%;
border-width: 0px 3px 0px 0px;
	border-style: outset;
	border-color: #E0E0E0;
}
div#content {text-align:left;margin:0px;padding:15px 0px 0px;float:right;width:580px;}
div#content p{width:580px;}
div#search {height:100px;}
div#content a:link,
div#content a:visited {
	color:#3333FF;
	text-decoration:none;
       padding-left: 11px;
	background: url(images/cursor.gif) no-repeat;background-position: left 5px;	
}

div#content a:hover,
div#content a:active,
div#content a:focus {
	color:#3300FF;
	text-decoration:underline;
       padding-left: 11px;
	background: url(images/cursor2.gif) no-repeat;background-position: left 5px;
}




/* 02:BASE TEXT ------------------------------------------------------------------------*/
h1 {font-size:90%;background:url(images/AREC1/h2.gif)
 no-repeat left;margin:0px;
padding-left: 30px;
border-bottom:2px solid #999999;
}
h2 {font-size:90%;color: #FFFFFF;background:url(images/sidemenuback.jpg)
 repeat;margin:0px;font-weight:lighter;padding:0px 5px 0px 15px;}
h3 {font-size:100%;margin:0px;padding:0px 0px 0.625em;font-weight:lighter;}
#bold {font-weight:bold;}

/* 03:BASE PARTS -----------------------------------------------------------------------*/
img {border-style:none;}
.floatclear {margin:0px;padding:0px;clear:both;}

/* 04:HEADER ---------------------------------------------------------------------------*/
div#headerblock {text-align:left;margin:0px;padding 0px;}
div#navi {float:right;}

/* 05:SIDE -----------------------------------------------------------------------------*/
div#sidemenu {text-align:left;float:left;width:200px;height:800px;background: url(images/sideimage.gif)}
div#sidemenu2 {width:200px;height:100%;}
div#viewcat{width:200px;height:28px;float:left;margin:2px 0px 2px 0px;
       border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;}
div#viewcat2{width:200px;height:50px;float:left;margin:2px 0px 2px 0px;
       border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;}
.sidelink {color: #FFFFFF;border-bottom-style: none;}
.style1 {color:#FF6600;font-weight:bold;}
div#viewcat2 a:link,
div#viewcat2 a:visited {
	color:white;
	text-decoration:none;
       padding-left: 8px;	
}

div#viewcat2 a:hover,
div#viewcat2 a:active,
div#viewcat2 a:focus {
	color:yellow;
	text-decoration:none;
       padding-left: 8px;
}
/* 06:TOP ------------------------------------------------------------------------------*/
div#Flash {float:right;}
div#whatsnew {text-align:left;margin:0px;padding:30px 0px 0px 20px;float:left;width:550px;}
div#content ul {margin:0px;padding:0px 0px 0px 15px;}
div#content li {line-height:1.5;margin:0px;padding:0px;
border-bottom:1px solid #CCCCCC;list-style-image:none;list-style-type:none;}
div#accessmap {margin:0px;padding:30px 0px 0px;float:right;width:240px;}
#ctnew1 {
       width:260px;
height:175px;
　　　　float: left;
margin-top: 10px;
       margin-right: 10px;
       margin-left: 10px;
　　　　margin-bottom: 10px;
	border: thin solid #6666FF;
padding-right:0px;
}
#ctnew2 {
       width:260px;
height:175px;
　　　　float: left;
margin-top: 10px;
       margin-right: 10px;
       margin-left: 10px;
　　　　margin-bottom: 10px;
	border: thin solid #6666FF;
padding-right:0px;
}
.ctnewcontent {
font-size:90%;
margin:0px;padding:0px 0px 5px 15px;
float:left;
height:150px;
overflow : auto ;
padding-right:5px;
}
#ctline1 {
       float: left;
       width: 49%;}
#ctline2 {
       float: left;
       width: 49%;}
#ctline3 {
       width:580px;float:left;}

/* 07:CATEGORY -------------------------------------------------------------------------*/
div.categorydesc {margin:0px;padding:0px 0px 0.625em 15px;}
div.itemlist {margin:0px;padding:0px 0px 15px 15px;float:left;width:565px;
              border-bottom:1px solid #CCCCCC;}
div.item {margin:0px;padding:0px 0px 15px 15px;float:left;width:565px;}
div#catimg img{width:250px;margin-right:10px;margin-left:10px;}

/* Leftbox and Rightbox toolbar buttons ------------------------------------------------*/
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}


/*-------------------------------------------------
  Footer
-------------------------------------------------*/
div#footer
{
	width: 800px;
	background-color: #000000;
	text-align: center;
        padding: 8px 0 8px 0;
	border-width: 0px 3px 3px 3px;
	border-style: outset;
	border-color: #E0E0E0;
}

#copyrights
{
	color: #000000;
	width: 800px;
	background-color: #ffffff;
	text-align: center;
        padding: 8px 0 8px 0;
	border-width: 0px 3px 3px 3px;
	border-style: outset;
	border-color: #E0E0E0;
}

.clearing
{
	width: 50px;
	height: 100px;clear: both;
}

/*-------------------------------------------------
  menu
-------------------------------------------------*/

* {padding:0; margin:0}
#leftcolumn {width:200px}
.dropdown {display:block;position:relative;}
.dropdown dt {width:120px;}
.dropdown .upperdd {border-bottom:none;}
.dropdown dd {position:absolute; width:200px;display:none;top:0;}
.dropdown ul {list-style:none;}
.dropdown li {width:150px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; color:#333; text-decoration:none; background:#eaf0f2; width:200px;}
.dropdown a:hover {background:#d9e1e4; color:#000}

/* NP_ArchiveIndex */
.archiveindex a { /*リンク全般*/
    text-decoration: none;
}
.archiveindex table { /*テーブルのスタイル指定*/
    width: 100%;
    margin: 1em 0 2em;
    padding: 0;
    border-collapse: collapse;
}
.archiveindex th { /*カテゴリー名*/
    background-color: white;
    margin: 0;
    padding: 2px 5px;
    
    text-align: left;
    font-size: larger;
}
.archiveindex tr { /*行表示のスタイル指定*/
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}
.archiveindex tr.stripe { /*行の色分け*/
    background-color: transparent;
}
.archiveindex tr.more { /*Moreリンク行*/
    background: none;
    font-size: small;
}
.archiveindex td { /*セル表示のスタイル指定*/
    margin: 0;
    padding: 2px 5px;
    border-top: 1px dotted gray;
    text-align: left;
    vertical-align: top;
}
.archiveindex td.detail { /*日付表示セル*/
    white-space: nowrap;
    text-align: right;
}
.archiveindex td span.title { /*記事タイトル*/
}
.archiveindex td span.title-up { /*更新された記事*/
    color: red;
}
.archiveindex td span.catdesc { /*カテゴリー詳細*/
    font-size: small;
    color: gray;
}
.archiveindex td span.nomore { /*Moreリンク無効*/
    color: #ccc;
}


/*topのスライドするメニュー群*/

            
div#demo 
{
 margin:10px;
}

.containerPanel
{
  width: 250px;
  border: 1px;
  border-color: #1052a0;
  border-style: double double double double;
}
.collapsePanelHeader
{
  width: 250px;
  height: 30px;
  background-image: url(Images/bg-menu-main.png);
  background-repeat: repeat-x;
  color: #FFF;
  font-weight: bold;
}
.headerContent
{
  float: left;
  padding-left: 5px;
}
.content
{
}
.arrow.expand
{
  background-image: url(Images/expand_blue.jpg);
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 7px;
  margin-right: 5px;
}
.arrow.expand:hover
{
  cursor: hand;
}
.arrow.close
{
  background-image: url(Images/collapse_blue.jpg);
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 7px;
  margin-right: 5px;
}
.arrow.close:hover
{
  cursor: hand;
}