/*
==================================
	Style: Cool Shadow
==================================
*/

/* 共通部分 */
@import url("../common.css"); 

/* まず全体 */
body {
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	font-size			: 100%;
	color					: #112233;
	background-color	: #aabbcc;
	width					: auto;
	font-family		: "メイリオ","MS UI Gothic","ＭＳ Ｐゴシック";  
}

/* 基本リンクフォント類 */
A:link 					{ color : #4444FF; text-decoration  : none; }
A:visited 				{ color : #4444FF; text-decoration  : none; }
A:hover 				{ color : #FF4444; text-decoration : underline; }
div.comment A:visited 	{ color : yellow; }
div.comment A:link 		{ color : yellow; }
div.comment A:hover 	{ color : white;  }

/* 基本枠組：userheader領域（一番上のところ） */
div.userheader {
	top					: 0px;
	left				: 0px;
	background-color	: #778899;
	color				: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 2px 4px 4px 4px;
	width				: auto;
	height				: 68px;
	font-size			: 10pt;
	font-family		: "メイリオ","ＭＳ Ｐゴシック";
}

/* 基本枠組：sidebar領域（左のやつ） */
div.sidebar {
	position		: absolute;
	top							: 75px;
	left            : 0px;
	width           : 215px;
	font-size       : 13px;
	/*font-size		: 78%;*/
	margin			: 2px;
	padding         : 3px;
	border			: #667788 1px solid;
	color           : #334455;
	background-color: #EEEEF8;
	word-break      : break-all;
	line-height		: 132%;
	/*white-space:nowrap;*/
  overflow:hidden;
  text-overflow:eclipsis;
	/*font-family		: "MS UI Gothic", "Osaka";
	font-family	: "Arial", "ＭＳ Ｐゴシック", "Osaka", sans-serif;*/
}
div.sidebar2 { display:none; }

/* CSS Hack */
html>body .sideBar {
	width: 210px;	
}

div.noheader {
	position				: absolute;
	top							: -76px;
}

/* メイン領域はちょっと右にずらす */
div.main {
	margin-left     : 225px;
	padding-left 	: 5px;
	color			: #112233;
	background-color: #FBFAFC;
	border-right    : #E0E0E8 2px inset;
	border-left    	: #aabbcc 4px solid;
	border-left    	: #aabbcc 4px outset;
	border-bottom   : #ccbbdd 0px solid;
	padding-bottom	: 0px;
	line-height		: 125%;
}
div.body {
	margin			: 0px 0px 0px 0px;
	padding			: 2px 8px 5px 5px;
	line-height		: 145%;
	letter-spacing	: 0px;
	font-size		: 10.9pt;
	font-family		: "メイリオ", "ＭＳ Ｐゴシック";
	word-break	: break-all;
}


/* 管理バーはヘッダにはみ出してもいい */
/* ヘッダメニューとフッタクレジット */
div.adminmenu {
	position 		: absolute;
	top 				: 3px;
	left				: -4px;
	width 			: 100%;
	background	: transparent;
	color				: #EEEEFF;
	text-align  : right;
	font-size		: 9pt;
}
div.adminmenu a:link 		{color:white;}
div.adminmenu a:visited {color:white;}
div.adminmenu a:hover 	{color:yellow;}
div.userheader a:link 		{color:white;}
div.userheader a:visited {color:white;}
div.userheader a:hover 	{color:yellow;}

/* h1〜h5までは blue.cssから借用 */
h1 {
	text-align      : left;
	background-color: #667788;
	color				: #f9f9fd;
	/*font-family : Arial,Verdana,Helvetica,sans-serif;*/
	padding			: 0px 0px 0px 8px;
	margin			: 0px -1px 7px -7px;
	font-size		: 15pt;
	line-height		: 150%;
	font-weight 	: 600;
	font-family		: "メイリオ","Verdana", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
h2 {
	background-color: #778899;
	color           : #FFFFFF;
	font-family     : Arial,Verdana,Helvetica,sans-serif;
	padding			: 3px 0px 3px 5px;
	margin			: 7px 0px 7px -10px;
	font-size		: 13pt;
	line-height		: 148%;
	font-weight	: 530;
}

.sidebar h2 { line-height:90%; margin-right: 0px; font-size:1.6em;
			margin: -2px -2px 6px -2px;	font-weight:500;
		}
.sidebar h3 {
	 line-height:95%; margin-right: 0px;
	 margin-left: -2px;
	 padding: 2px 0px 1px 4px;	font-size:1.2em; 	font-weight:500;
}

.sidebar h4 {
	margin-left: -3px;
}

h3 {
	font-size					: 12pt;
	background-color	: #99aabb;
	border-top   			: #778899 1px solid;
	border-bottom 		: #8899aa 2px solid;

	font-family   		: "メイリオ",Verdana,Arial,Helvetica,sans-serif;
	padding						: 3px 0px 1px 4px;
	margin			  	  : 7px 0px 6px -10px;
	/*line-height			: 110%;*/
	color							: #F9F9FD;
}

.includeEditBox h3 {
	color							: #F9F9FD !important;
}

h4 {
	border-left   	: #99AABB 5px solid;
	border-bottom 	: #99AABB 1px solid;

	padding				: 2pt 2pt 0pt 5pt;
	margin				: 9px 0px 8px -6px;
	/*font-family   : Verdana,Arial,Helvetica,sans-serif;*/
	color 				: #445577;
	/*font-weight		: normal;*/
	/*background-color	:#eaeef2;*/
	font-size			: 11pt;
}


h5 {
	border-top   	: #778899 1px solid;
	border-bottom 	: #778899 1px solid;
	font-family  	: Verdana,Arial,Helvetica,sans-serif;
	padding			: 2px 0px 0px 6px;
	margin			: 4px 4px 6px -3px;
	font-size				: 11pt;
	font-weight		: 250;
	color					: #445566;
}

h6 {
	width: 100%; border-top: #c0d0e0 3px solid;
	background-color: #aabbcc; font-size: 9pt;
	margin:3px -3px 3px -11px; padding:0px 0px 0px 7px; line-height:125%;
	font-weight: 100;
}

dt {
	border-bottom	: #445566 1px dotted;
	margin: 0px 0px -13px -4px;
	padding: 0px 0px 0px 5px;
	font-weight   	: bold;
}

/* フッタクレジット */
.footer {
	position 		: relative;
	border-top  	: #8899aa 1px solid;
	border-bottom 	: #8899aa 1px solid;	
	margin			: 10px 0px 0px -7px;
	padding			: 1px 6px 0px 0px;
	text-align  	: right;
	font-family     : Arial,Verdana,Helvetica,sans-serif;
	font-size   	: 9pt;
	/*font-size   	: small;*/
	font-style  	: italic;
	background-color: #667788;
	color			: white;
	line-height		: 170%;
}
div.footer a:link 		{color:white;}
div.footer a:visited {color:white;}
div.footer a:hover 	{color:yellow;}

.userfooter {
	position 	: relative;
	border-top  : #99AABB 1px dotted;
	margin-top  : 4px;
	padding-top : 2px;
	text-align  : right;
	font-size   : 90%;
	/*width : 100%;*/
	line-height	: 135%;
	color		: white;
	background-color: #778899;
}


/* 以下は未調整 */

/* テーブル関係 */
.gen-table {
	width				: 100%;
	border-collapse		: collapse ;
	border-right		: solid 1px #ddd ;
	border-left			: solid 1px #ddd ;
	padding				: 0;
	background			: transparent;
	border				: solid ;
	border-width		: 1px 0 ;
	border-color		: #aabbcc #aabbcc #8899aa #aabbcc;
	font-size			: 91%;
}
.gen-th {
	border 				: #667788 1px solid;
	background-color 	: #8899aa;
	color				: #FFFFFF;
	font-size		: 110%;
}
.gen-td2 {
	border 				: #8899aa 1px solid;
	background-color	: #F0F0FF;
	font-size		: 110%;
}
.gen-td {
	border 				: #8899AA 1px solid;
	background-color	: #E8E8F8;
	font-size		: 110%;
}

/* コメント関係 */
div.comment {
	margin-top      : 1px;
	margin-bottom   : 1px;
	background-color: #778899;
	color           : #F0F0F8;
	border          : #667788 1px solid;
	font-size       : 90%;
	font-style  	: bold;	
}
div.commentbody {
		background-color: #667788;
		margin-left : 4pt;
}

/* コメントボタンとか */
.button1 {
	 background-color:#556677; color:white; width:100;
	 border-color:#99AABB; cursor:hand;
}

/* その他 */
.quote { background-color: #DDDDEE; }
hr 		{ color: #99AABB; }
p			{
	margin-top : 2pt;
	margin-bottom : 2pt;
}

div.body p{
	text-indent   : 0px;
	line-height   : 120%;
	margin-top    : 10px;
	margin-bottom : 15px;
}

pre {
	border      : #888888 0px solid;
	padding     : 3px;
	margin-left : 10px;
	background-color: #F3F3FF;
	line-height	: 120%;
}

pre.source 	{line-height: 110%;  background-color: #EEEEF8;}
span.nonexist { color:#8888AA; background-color:#F6F6FF;}

/* 基本枠組：テキスト背景色 */
div.bodyarea {
	border-right   	: #9999BB 0px solid;

}

/* 掲示板類 */
div.bbsOnePost {
	background-color: #dde4e8;
	padding-bottom: 1px;
}
div.bbsBody {
	background-color: #ffffff;
	padding     : 5px;
	margin			: 0px 2px 2px 5px;
}
div.pageBar {
	background-color :#eeeeaa;
	margin		: 8px 6px 0px 0px;
}
span.pageNumber {}

.bbsTextPart h4 {
	background-color	:#AAbbcc;
	border-left   : #778899 10px solid;
	border-bottom   : #778899 0px solid;
	font-family   : Verdana,Arial,Helvetica,sans-serif;
	padding					 : 2px 0px 0px 4px;
	margin			     : 4px 0px 6px -4px;
	line-height			: 110%;
	background-image: none;
}

/* ここから先はスタイルに合わせて色変更をしないこと */
div.box1 {
	background-color:#ddeeee; border-style:solid;
	border-width:1px; border-color:#aabbbb;
	padding:5px 4px 5px 8px; margin:8px 25px 7px 19px;
	border-right: 2px solid #aabbbb;
	border-bottom: 2px solid #aabbbb;
	color: #223322;
}
div.diaryPart {
		margin-top: -6px;
		margin-left: -10px;
		margin-right: 0px;
		padding: 5px;
		border : #bbccdd 1px solid;
		border-top: white 0px solid;
		border-right: #bbccdd 1px solid;
		/*background-color: #FBFbFe;*/
		background-color: white;
}

div.sidebar .diaryPart {
	line-height: 115%; font-size:x-small; padding:3px; margin-left:-3px;
	word-break: break-all; word-wrap:break-word; white-space: normal;
}

div.indent {
	font-size			: 11.1pt;
	border-left   : #BBDDCC 6px solid;
	margin			  : 5px;
	color					: #446688;
}

/* ステータスボックス */
.noteBox {
	font-size	: 9.6pt;
	text-align:center; color: #999955;
	background-color:#ffffcc;
	padding:5px 5px 5px 5px; margin:5px 40px 9px 20px;
	border: 1px solid #ddddaa;
	border-right: 2px solid #ddddaa;
	border-bottom: 2px solid #ddddaa;
}

/* ==== インクルードノート ==== */
.inc01 {
	background-image: none;
}

.includeEdit {}
.includeEditBox {
	border: #DDDDFF 1px solid;
	border-right: solid 2px #CCCCEE;
	border-bottom: solid 2px #CCCCEE;
	background-color: white;
	margin: 8px 8px 8px 4px;
	padding: 5px 5px 3px 5px;
	color:	#555577;
}

.summaryTitle {
	background: #DDEEFF url(img/btpt_7.gif) no-repeat;
	background-position: left center;
	padding: 1px 1px 1px 10px;
}

/* 実験用 */
.buttonlink a {
	line-height:1.25em;	display:block;	width:98%;
	text-align:center;	font-weight:700;	margin:1px;
	padding:0px 1px 1px 0px;
	text-decoration:none; 	background-color:#ddddee;
	border:1px solid #aaaacc;
}
.buttonlink a:link { color: #5577bb; }
.buttonlink a:visited { color: #5577bb; }
.buttonlink a:hover { background-color:#8888aa; color:white;}
.buttonlink a:active { }

/* 表題修正 */
.titleStyle {
	padding: 10px 10px 6px 10px;
	margin: 0px 0px 6px -6px;
}
.titleStyle a:link {color: yellow;}
.titleStyle a:visited {color: yellow;}
.titleStyle a:hover {color: pink;}