/**
* 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/)
* @copyright Copyright (c) 2008 CNC-ZONE.NET (URL:http://sns.cnc-zone.net/)
* @license New BSD License
*/

/*=========================================== ヘッダ     開始 =====================================*/
body {
	text-align:center;
	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;
	text-align:left;
	margin:0 auto;
	padding:1px 5px;
	width:980px;
}

#header {
	background:url(../images/login/front.jpg) no-repeat bottom left #fff;
	color:#505050;
	width:980px;
	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;
}

/*------- リンクのページ：タイトルのロゴの中に入れるので、ここに記述 ---------*/

#header table {
	border:1px solid #d8d8d8;
	border-collapse:collapse;
	line-height:1.3em;
	width:980px;
	height:175px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	padding:0;
}

#header tr {
/*	background: #F8F8F8;	*/
/*	margin:16px 0px 16px 0px;	*
/*	padding:16px 0px 16px 16px;	*/
}

#header td {
/*	border:1px solid #d8d8d8;	*/
	color:#303030;
	font-size:1em;
	padding:10px 30px 10px 10px;
	text-align:left;
	font:strong;
}

#header h2 {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:8px 0 10px;
	padding:1px 1px 1px 1px;
}

#header h3 {
	font-size:15px;
	font-weight:bold;
	margin:6px 0;
	padding:0;
	text-decoration: none;
}

/*------------------------------------------- ヘッダ     終了 -------------------------------------*/

/*------------------------ 右メニューとメインフレームの外枠   -------------------------------------*/
#left_and_main_frame {
   clear:both;
   background-color: #ffffff;
   float:left;
   margin:0px 0px 0px 0px;
   width:768px;
}
/*======================== 右メニューとメインフレームの外枠   =====================================*/



/*=========================================== 左メニュー 開始 =====================================*/
#left {
   clear:left;
   float:left;
   margin:0px 0px 0px 0px;
   padding:0;
   width:186px;
}

#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;
	background-repeat: no-repeat;
	clear:left;
	line-height:18px;
	margin:0px 0px 5px 0px;
	padding:5px 5px 5px;
	width:186px;
	height:226px;
}

#left .login input,textarea {
	width:166px;
	border:1px solid #ccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}

#left .login input.button {
	margin: 10px 0px 10px 0px;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: #333;			/* ボタンの文字の色		*/
	width:176px;			/* ボタンの幅			*/
}


/************
input.button {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: #333;
	width:176px;
}

.button {
	background:url(../images/login/menubg.gif) repeat-x bottom left #f4f4f4;
	background-repeat: no-repeat;
	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 .login .check {
	width:30px;
}


.login h2 {
	margin:0 0 10px; padding:0;
}


#left .menu_box {
   margin:0px 0px 5px 0px;
   padding:0px 0px 0px 0px;
   width:180px;
   height:260px;
}

#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;
	background-repeat: no-repeat;
	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 {
	background:url(../images/login/menu_bot2.jpg) repeat-x bottom left #ffffff;
	background-repeat: no-repeat;
	color:#ffffff ;
}

#left ul.menu li a.current {
	background:url(../images/login/menu_bot3.jpg) repeat-x bottom left #ffffff;
	background-repeat: no-repeat;
	color:#ffffff ;
}

#left ul.menu ul {
	font-size:10px;
	margin:0 0 0 0px;
	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 .ad_google_160_600 {
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
	width:186px;
	height:600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* overflow: auto;	*/
}

#left .ad_LinkShare {
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
	width:186px;
	height:130px;
	padding: 0.5em;
/*	overflow: auto;	*/
}

/* 広告間のスペース */
#left .ad_Space {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:160px;
	height:20px;
}

/*------------------------------------------- 左メニュー 終了 -------------------------------------*/



/*=========================================== メイン     開始 =====================================*/
#main {
	float:right;
/*	clear:both;	*/
	line-height:18px;
/*	margin:10px 211px 10px 200px;	*/
	margin:0px 0px 0px 0px;
	padding:10px 1px 10px 1px;
/*	padding:0px 0px 0px 0px;	*/
	width:556px;
/*	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;
   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;
}

/* 公開日記＆公開コミュニティのBOX	*/
#main .main_guide_box {
		width:  538px;
		height: 150px;
		padding: 0.5em;
		overflow: auto;
}

#main .main_log_box {
		width:  538px;
		height: 100px;
		padding: 0.5em;
		overflow: auto;
}

/* ＦＡＱのページの「よくある質問」のＢＯＸ	*/
#main .main_faq_box {
		width:  538px;
		height: 600px;
		padding: 0.5em;
		overflow: auto;
}

/* グーグルのバナー広告用ＢＯＸ */
#main .google_ad_box {
/*		border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*		border-style: dotted;						/* ボーダー種類 */
/*		border-color: #dadada;						/* ボーダー色	*/
/*		width:  538px;								/* これをやるとセンターに行かないぞ！ */
		height: 70px;
/*		padding: 0.5em;	*/
/*		overflow: auto;	*/
}

/* LinkShareのバナー広告用ＢＯＸ */
#main .LinkShare_ad_box {
		border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
		border-style: dotted;						/* ボーダー種類 */
		border-color: #dadada;						/* ボーダー色	*/
		width:  538px;
		height: 70;
		padding: 0.5em;
	/*	overflow: auto;	*/
}

/*------- リンクのページ：メインの中に入れるので、ここに記述 ---------*/

#link table {
	border:1px solid #d8d8d8;
	border-collapse:collapse;
	line-height:1.3em;
	width:100%;
	margin:16px 0px 16px 0px;
	padding:0;
}

#link tr {
	background: #F8F8F8;
/*	margin:16px 0px 16px 0px;	*
/*	padding:16px 0px 16px 16px;	*/
}

#link td {
	border:1px solid #d8d8d8;
	color:#303030;
	font-size:1em;
	padding:10px 10px 10px 10px;
	text-align:left;
	font:strong;
}

#link h2 {
   font-size:14px;
   font-weight:bold;
   letter-spacing:-1px;
   margin:8px 0 10px;
   padding:1px 1px 1px 1px;
}

#link h3 {
   font-size:15px;
   font-weight:bold;
   margin:6px 0;
   padding:0;
   text-decoration: none;
}

/*------------------------------------------- メイン     終了 -------------------------------------*/



/*=========================================== 右メニュー 開始 =====================================*/
#right {
   background-color: #ffffff;
   float:right;
   margin:0px 0px 0px 0px;
   width:180px;
}

#right .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;
}

#right .ad_google_160_600 {
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
	width:190px;
	height:600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	overflow: auto;	*/
}

	/* overflow: auto;	*/

#right .ad_LinkShare {
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
	width:190px;
/*	height:130px;	*/
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
/*	overflow: auto;	*/
}

/* 広告間のスペース */
#right .ad_Space {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:160px;
	height:20px;
}

/*------------------------------------------- 右メニュー 終了 -------------------------------------*/




/*=========================================== サイドニュース 開始 =================================*/
#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;
}

/*------------------------------------------- サイドニュース  終了　--------------------------------*/


/*=========================================== ボトム広告 開始 =====================================*/
#bottom {
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
/*	background:#fff;	*/
	clear:both;
	color:#666;
	font-size:12px;
	margin:20px 0px 8px 0px;
	padding:8px 0px 0px 0px;
	text-align:center;
	width:970px;
}

#bottom .ad_LinkShare {
	border-width: 0px 0px 0px 0px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
	width:970px;
	height:60px;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	overflow: auto;	*/
}

/*------------------------------------------- ボトム広告 終了 -------------------------------------*/



/*=========================================== フッター   開始 =====================================*/
#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;
}
/*------------------------------------------- フッター   終了 -------------------------------------*/



/*=========================================== 全般       開始 =====================================*/
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:100%;
	margin:0 0 16px;
	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;
}

.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;
}

.left {
	float:left; margin:10px 10px 5px 0;
}

.right {
	float:right;
	margin:10px 0 5px 10px;
}

/*------------------------------------------- 全般       終了 -------------------------------------*/