/**
* LICENSE
*
* This source file is subject to the new BSD license that is bundled
* with this package in the file LICENSE.txt.
*
* @category
* @package Session Class
* @author なじらNET <mail@najiranet.jp>
* @copyright Copyright (c) 2008 なじらNET <mail@najiranet.jp>
* @copyright Copyright (c) 2006-2008 なじらNET (URL:http://www.najiranet.jp/)
* @license New BSD License
*/

/* ヘッダー */
body {
   background:url(../images/login/bg.gif) repeat-y top center #ffffff;
   color:#3a3a3a;
   font:76% Verdana,Tahoma,Arial,sans-serif;
   line-height:18px;
   margin:0 auto;
   padding:0;
}
#wrap {
   background:#fff;
   color:#303030;
   margin:0 auto;
   padding:1px 5px;
   width:980px;
}
#header {
   background:url(../images/login/front.jpg) no-repeat bottom left #fff;
   color:#505050;
   height:175px;
   margin:0 0 10px;
   padding:0;
}
#header h1 {
   font-size:20px;
   font-weight:bold;
   letter-spacing:-2px;
   margin:0 0 15px 20px;
   padding:30px 0 0;
}
#header h1 a,#header h1 a:hover {
   font-weight:bold; padding:0;
}
#header p {
   font-size:12px;
   letter-spacing:-1px;
   margin:0 0 20px 15px;
   padding:0 0 0 3px;
}
/* ヘッダー ここまで*/

/* 左メニュー */
#left {
   clear:left;
   float:left;
   margin:0 0 10px;
   padding:0;
   width:192px;
}
#left ul.menu {
   list-style:none;
   margin:0 0 6px;
   padding:0;
   width:180px;
}
#left ul.menu li {
   display:inline;
   padding:0;
   width:180px;
}
#left ul.menu li a {
   background:url(../images/login/menu_bot1.jpg) repeat-x bottom left #ffffff;
   color:#666666; float:left;
   font-size:12px;
   font-weight:bold;
   margin-bottom:5px;
   padding:15px 1px 7px 5px;
   text-decoration:none;
   width:186px;
}
#left ul.menu li a:hover,#leftside ul.menu li a.current {
   background:url(../images/login/menu_bot2.jpg) repeat-x bottom left #ffffff;
   color:#ffffff ;
}
#left ul.menu ul {
   font-size:10px;
   margin:0 0 0 15px;
   padding:0 0 5 0;
   width:133px;
}
#left ul.menu ul a {
   padding:3px 1px 3px 5px;
   width:123px;
}
#left ul.menu ul ul {
   font-size:10px;
   width:120px;
}
#left ul.menu ul ul a {
   width:108px;
}
#left h2 {
   font-size:15px;
   font-weight:bold;
}

#left h3 {
   font-size:12px;
}

#left .login {
   background:url(../images/login/login.jpg) repeat-x bottom left #ffffff;
   clear:left;
   line-height:18px;
   margin:0px 0px 5px 0px;
   padding:5px 5px 5px;
   width:182px;
   height:226px;
}

#leftside p,.login p {
   font-size:10px;
}
/*ひとことタブインターフェース用*/

.panel {
    clear:left;
	display:none;
	background:#FFFFFF;
	padding:5px;
}

.panel.active-tab-body {
	display:block;
}

#tabs {
	position:absolute;
	top:2px;
	list-style:none;
	margin:0px;
	padding:0px;
}

#tabs li {
	float:left;
}

#tabs a {
	float:left;
	padding:4px 8px 6px 8px;
	margin-left:4px;
    border:#DDDDDD 1px solid;
	background:#FFFFFF url(../skin/default/img/view_cell.gif) left bottom repeat-x;
	text-decoration:none;
	color:#666666;
	outline: none;
}

#tabs a.active-tab {
    border:#CCCCCC 1px solid;
	background:#FFFFFF url(../skin/default/img/view_cell_current.gif) left top repeat-x;
	color:#666666;
	font-weight:bold;
}
/* 左メニュー ここまで*/

/* 右メニュー */
#right {
   background-color: #ffffff;
   float:right;
   margin:0 0 0px;
   width:200px;
}
#right_box {
   padding:3px 5px 5px 0px;
}
#right p,#right ul {
   font-size:12px;
   margin:0 0 ;
   padding:0;
}
#right li {
   list-style-image: url(../images/login/bullet.gif);
   margin-left: 20px ;
   padding:0;
}
#right h2 {
   background-color: #C9C9C9;
   font-size:14px;
   font-weight:bold;
   margin:0 0 8px;
}
#right h3 {
   background-color: ;
   font-size:12px;
   font-weight:bold;
   margin:0 0 0 0;
}

/* 右メニュー ここまで*/

/* メイン */
#main {
   line-height:18px;
   margin:10px 211px 10px 200px;
   padding:5px 5px 5px 5px;
   text-align:left;
   border: 1px solid #eee;
}
#main h2 {
   font-size:14px;
   font-weight:bold;
   letter-spacing:-1px;
   margin:8px 0 10px;
   padding:1px 1px 1px 1px;
}
#main h3 {
   font-size:15px;
   font-weight:bold;
   margin:6px 0 0 0;
   padding:0;
   text-decoration: underline;
}
#main ul {
   margin:0 0 16px 20px;
   padding:0;
}
#main li {
   margin:0 0 2px 5px;
   padding:0 0 0 4px;
}
p.line {
   margin-top: 5px;
   border-bottom: 3px dotted #dadada;
}
#main .post-footer {
    background-color: #fafafa;
    padding: 5px;
    font-size: 95%;
    border: 1px solid #eee;
}
#main .post-footer, .date {
    background: url(../images/login/clock.gif) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
}
#main .post-footer, .comments {
    background: url(../images/login/comment.gif) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
}
#main .post-footer, .readmore {
    background: url(../images/login/page.gif) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
}
/* フッター */
#footer {
   background:#fff;
   border-top:2px solid #dadada;
   clear:both;
   color:#666;
   font-size:12px;
   margin:0 auto;
   padding:8px 0;
   text-align:center;
   width:980px;
}
#footer p {
   margin:0;
   padding:0;
}
#footer a {
   background:inherit;
   color:#666;
   font-weight:bold;
   text-decoration:none;
}
#footer a:hover {
   text-decoration:underline;
}
#footer span {
   font-size:12px;
}

#powered_by {
    padding-top: 17px;
    float: right;
    width: 200px;
    height: 30px;
    color: #000;
    text-align: center;
}

#powered_by a {
    color: #9595c2;
}
/*サイドニュース*/

#sidenews * {
 border: none;
 font-size: 12px;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
 }
#sidenews {
 display: block;
 margin: 0px;
 height: auto;
 width: 200px;
}
#sidenews h2 {
 background-color: #C9C9C9;
 background-position: center center;
 margin: 5px;
 padding: 1px;
 text-align: left;
}
#sidenews p {
 line-height: 15px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 background-color: #EFEFEF;
}
#sidenews img {
 margin: 0px;
 padding: 0px;
 width:14px;
 height:14px;
}



a {
   background:inherit;
   color:#166090;
   text-decoration:none;
   font-weight:nomal;
}
a:hover {
   background:inherit;
   color:#286ea0;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   margin:0 0 16px;
}

table {
   /*border:1px solid #d8d8d8;*/
   border-collapse:collapse;
   line-height:1.3em;
   width:98%;
   margin:0 0 15px;
   padding:0;
}
th {
   background:url(../images/login/menubg2.gif) repeat-x bottom left #eaeaea;
   color:#505050;
   padding:7px;
   text-align:left;
}
td {

   color:#303030;
   font-size:0.9em;
   padding:0px;
   text-align:left;
}
td.first,th.first {
    border-left: 0px;
}
tr.row-a {
    background: #F8F8F8;
}
tr.row-b {
    background: #EFEFEF;
}
form {
    margin:0;
    padding: 0;
}
label {
    display:block;
    font-weight:bold;
    margin:0 0;
}
input,textarea {
   width:166px;
   border:1px solid #ccc;
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:1em;
   margin:0;
   padding:4px;
}
input.button {
    margin: 0;
    font: bold 1em Arial, Sans-serif;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 2px 3px;
    color: #333;
    width:176px;
}

.login h2 {margin:0 0 10px; padding:0;}
.textright {margin:0px 0 4px; text-align:right;}
.center {text-align:center;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(../images/login/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.check {width:30px;}

