/* 背景と配置 */

body {
        margin: 0;
        padding: 0;
        line-height:1.4;
        font-family:Arial, sans-serif;
        font-size:0.75em;
        background-color: #ffffff;
        text-align: center;
        background: url(null) fixed;
}

/* リンク色設定　サイド*/
.side a:link {color:#cccccc; text-decoration:none}
.side a:visited {color:#666666; text-decoration:none}
.side a:active { color: #0066CC;}
.side a:hover { color: #cccc00; text-decoration: underline;}

/* リンク色設定　カレンダー*/
.sidebar a:link {color:#ff4500; text-decoration:none}
.sidebar a:visited {color:#dc143c; text-decoration:none}
.sidebar a:active { color: #0066CC;}
.sidebar a:hover { color: #CC9900; text-decoration: underline;}

/*リンク色設定　メイン*/
.content a:link {color:#333333; text-decoration:none}
.content a:visited {color:#999999; text-decoration:none}
.content a:active { color: #0066CC;}
.content a:hover { color: #CC9900; text-decoration: underline;}

/*リンク色設定　フッター*/
.foot a:link {color:#333333; text-decoration:none}
.foot a:visited {color:#999999; text-decoration:none}
.foot a:active { color: #0066CC;}
.foot a:hover { color: #CC9900; text-decoration: underline;}

/*リンク色設定　続きを読む*/
.extended a:link {color:#990000; text-decoration:none}
.extended a:visited {color:#ff9999; text-decoration:none}
.extended a:active { color: #ff0000;}
.extended a:hover { color: #CC9900; text-decoration: underline;}


/* 強調文字設定 */
h1, h2, h3 {
 margin: 0px;
 padding: 0px;
 font-weight: normal;
}

.font_10{font-size:10px;}
.font_16{font-size:16px;}


/* 全体の枠組み 横幅 */
#container {
 line-height: 140%;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 padding: 70px 0 0 0;
 width: 780px;
 background-color: #000000;
 border: 0px solid #ffffff;
}

/* ヘッダ設定 */

div#header  {  
    width: 100%;  
    padding: 0;  
    background: #fff url(http://www.jap-inc.com/info3/img/header.jpg) no-repeat; 
    background-position: center top; 
    border-bottom: 0px solid #;  
    color: #FFF;  
    position: fixed;  
    top:0;  
    left:0;  
}  
* html div#header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  
div#header h1   {  
    width: 780px;  
    margin: 0 auto;  
}

/* バナー設定 */
  
#banner {
 font-family: Verdana, Arial, sans-serif;
 color: #333333;
 background-color: #ffffff;
/* background-image: url(".gif");*/
 text-align: left;
}

#banner-img {
 display: none;
}

#banner a {
 color: #ffffff;
 text-decoration: none;
}

#banner h1 {
 font-size: xx-large;
}

#banner h2 {
 font-size: small;
}

/* 2列左サイドバー */
#left-side {
 float: left;
 width: 191px;
 height: 100%;
 padding: 20px 0px 0px 0px;
 background-color: #000000;
 overflow: hidden;
 border-bottom: 0px solid #;
}

/* 2列メイン */
#main{
 float: right;
 width: 589px;
  background-color: #;
 overflow: hidden;
 border-left: 1px dashed #;
}

/* メイン本文 */
.content {
 padding: 10px 5px 5px 30px;
 background-color: #ffffff;
 color: #333333;
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
}
.content pre {
 font-size: larger;
}

.dataheader {
text-align:right;
width=100%;
}

.entryheader {
text-align:left;
width= 100%;
height: 30px;
padding:8px 10px 4px 10px;
border:1px solid #ffffff;
color: #333333;
background: url(../information/img/tittle.jpg) no-repeat;
}

.content p {
 color: #333333;
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
 font-weight: normal;
 line-height: 150%;
 text-align: left;
 margin-bottom: 10px;
}

.content blockquote {
 line-height: 150%;
}

.content li {
 line-height: 150%;
}

.content h2 {
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: left;
 font-weight: bold;
 margin-bottom: 10px;
}


.content h3 {
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
 text-align: left;
 font-weight: bold;
 margin-bottom: 10px;
}

.posted {
 color: #999999;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 border-top: 1px solid #999999;
 text-align: right;
 margin-bottom: 25px;
 line-height: normal;
 padding: 3px;
}

/* サイドバー設定 */
.sidebar {
 padding: 10px;
 font-size: x-small;
 height: 100%;
}

p.side{
color: #ffffff;
background-color: none;
font-size:10px;
font-weight: bold;
text-align: left;
width=100%;
height=100%;
margin-top: 2px;
margin-bottom: 5px;
}

.bottom{
 margin-bottom: 5px;
}

.sidebar h2 {
color: #eeeeee;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-align: left;
font-weight: bold;	
padding:2px 0px 2px 3px;
line-height: 15px;
height: 100%;
}


#calendar {
 line-height: 140%;
 color: #cccccc;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 padding: 2px;
 text-align: center;
 margin-bottom: 30px;
}

#calendar table {
 padding: 2px;
 border-collapse: collapse;
 border: 0px;
 width: 100%;
}

#calendar caption {
 color: #cccccc;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: .3em;
}

#calendar th {
 text-align: center;
 font-weight: normal;
}

#calendar td {
 text-align: center;
}

.sidebar ul {
 padding-left: 5px;
 margin: 0px;
 margin-bottom: 20px;
 hight: 100%;
}

.sidebar ul ul {
 margin-bottom: 0px;
}

.sidebar #categories ul {
 padding-left: 15px;
}

.sidebar li {
 color: #cccccc;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: left;
 line-height: 100%;
 margin-top: 10px;
 list-style-type: none;
}

.side {
 color: #999999;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: left;
 line-height: 150%;
 padding-left: 5px;
 margin-top: 10px;
 margin-bottom: 20px;
 list-style-type: none;
 height: 100%;
 background-color: none;
}

.side2 {
 color: #eeeeee;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: left;
 line-height: 150%;
 padding-left: 5px;
 margin-top: 10px;
 margin-bottom: 20px;
 list-style-type: none;
}

.side ul {
 padding-left: 5px;
 margin: 0px;
 margin-bottom: 20px;
}

.side li {
 color: #eeeeee;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: left;
 line-height: 110%;
 margin-top: 10px;
 list-style-type: none;
}

.ivent {
 color: #808080;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: left;
 line-height: 150%;
 padding-left: 5px;
 margin-top: 10px;
 margin-bottom: 20px;
 list-style-type: none;
}

.sidebar #categories li {
 list-style-type: circle;
}

.sidebar img {
 border: 0px none #cccccc;
}

form {
 margin:0px;
}

.photo {
 text-align: left;
 margin-bottom: 20px;
}

.link-note {
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 line-height: 150%;
 text-align: left;
 padding: 2px;
 margin-bottom: 15px;
}

#powered {
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 line-height: 150%;
 text-align: left;
 color: #666666;
 margin-top: 50px;
}

#comment-data {
 float: left;
 width: 180px;
 padding-right: 15px;
 margin-right: 15px;
 text-align: left;
 border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
 width: 80%;
}

.commenter-profile img {
 vertical-align: middle;
 border-width: 0;
}

#footer {
 font-family: Verdana, Arial, sans-serif;
 font-size:12px;
 color: #666666;
 font-weight: bold;
 background-color: #ffffff;
 text-align: center;
 padding-left: 15px;
}

.foot {
	border-top: 1px dashed #666666;
clear: left;
}

#trackbacks
{
 width:540px;
 background-color: #ffffff;
 padding: 20px 15px 25px 30px;
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
 float: right;
 }

.trackbacks-content
{
 border: 1px dashed #666666;
 padding: 5px;
}

#trackbacks h3
{
 color: #ff0000;
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
}



p.trackback-footer
{
 color: #999999;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 border-top: 1px solid #666666;
 text-align: right;
 margin-bottom: 5px;
 line-height: normal;
 padding: 0px;
}

/* 検索結果用 */

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */


#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha
{
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
   color: #fff; text-decoration: none; 
}



#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
   position: static;
}





/* Vicksburg (theme-vicksburg.css) */


#banner a { color: #ccff00; text-decoration: none; }
#banner a:hover { color: #CC9900; text-decoration: underline; }


h1, h2, h3, h4, h5, h6
{
   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}



/* page layout */



#container-inner
{
   border-width: 0 5px 5px 5px;
   border-style: solid;
   border-color: #333333;
}

#banner
{
   width: 780px; /* necessary for ie win */
   background: #333333;
}

#banner-inner
{
   padding: 15px 13px;
   border-width: 2px 2px 0 2px;
   border-style: solid;
   border-color: #666666;
}


#banner-header
{
   margin: 0;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
   text-shadow: #36414d 0 2px 3px;
}

#banner-description
{
   margin-top: 5px;
   margin-bottom: 0;
   color: #fff;
   background: none;
   font-size: 12px;
   font-weight: bold;
   line-height: 1.125;
   text-shadow: #36414d 0 1px 2px;
}

/* one-column tweaks */

   .layout-one-column body { min-width: 780px; }
   .layout-one-column #container { width: 780px; }
   .layout-one-column #banner { width: 780px; } /* necessary for ie win */

