
BODY{
	
	/*スクロール*/
	scrollbar-base-color : #4D0306;
	scrollbar-face-color : #4D0306;
	scrollbar-track-color : #4D0306;
	scrollbar-highlight-color : #D09516;
	scrollbar-shadow-color : #D09516;
	scrollbar-darkshadow-color : #D09516;
	scrollbar-3dlight-color : #D09516;
	scrollbar-arrow-color : #D09516;
  color : #cccccc;
  background-color : black;
}

BODY,TABLE{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	color : #cccccc;
  }

/*リンク*/
a{
	text-decoration : none;
}

img{
	border: 0;
}

/*==========================================================
  LEFT（NiconicoPHPリンク）
==========================================================*/

td.LEFT{
	width: 50%;
	vertical-align: bottom;
	text-align: left;
	padding: 10px;
	background-image: url(sozai/lineY_left.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

/*==========================================================
  HEDER
==========================================================*/

td.HEADER{
	width: 718px;
	height: 20px;
}

/*==========================================================
  RIGHT（Admin)
==========================================================*/

td.RIGHT{
	width: 50%;
	vertical-align: bottom;
	background-image: url(sozai/lineY_right.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: right;
	padding: 10px;
}

td.RIGHT a{
	color: #D09516;
	border: 1px solid #D09516;
	padding: 2px;
}

td.RIGHT a:hover{
	color: #FFE634;
	border: 1px solid #FFE634;
}

/*==========================================================
  MAIN
==========================================================*/

/*＜サムネイル表示・エリア＞==============================*/

td.ThumbArea{
	width: 427px;
	padding: 15px 0px 15px 40px;
	vertical-align: top;
	background-image: url(sozai/motifY.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*==============================
  初期画面
==============================*/

div.Start p{
	margin: 10px 20px;
	line-height: 130%;
}

div.Start a{
	color: #4D0306;
	text-decoration : underline;
}

div.Start a:hover{
	color: #852B2F;
	text-decoration : none;
}

/*==============================
  サムネイル表示
==============================*/

td.ThumbTop, td#ThumbBottom{
	height: 14px;
}

td.ThumbTop img, td#ThumbBottom img{
	width: 427px;
	height: 14px;
}

td.ThumbCenter {
	vertical-align: top;
	background-color: #CE9216;
	background-image: url(sozai/thumb_center.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 2px solid #F7CC09;
	border-left: 2px solid #F7CC09;
}

table.Thumb td{
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	border: 2px dotted #FFE634;
}

/*==============================
  フォルダー情報
==============================*/

/*タイトル*/
DIV.FolderTitle{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-right : 10px;margin-bottom : 0px;
  top : 200px;
  left : 100px;
  position : absolute;
  color : #786a45;
}

/*コメント*/
DIV.FolderComment{
	text-align : center;
	width : 340px;
	margin-right : 0px;margin-bottom : 0px;
	line-height: 130%;
  position : absolute;
  
  
  

  color : #432e21;
  top : 250px;
  left : 80px;
  
  font-size : 30px;
}

div.FolderComment a{
	text-decoration : underline;
	color: #4D0306;
}

DIV.FolderComment A:hover{
	text-decoration : none;
	color : #664339;
}

img.motifX{
	margin: 10px 0px;
}

/*＜メニュー表示・エリア＞================================*/

td.MenuArea{
	width: 290px;
	padding: 20px 40px 20px 10px;
	vertical-align: top;
	text-align: left;
	background-image: url(sozai/motifY.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

/*==============================
  HOME・TOP
==============================*/
div.Button{
	margin-bottom: 15px;
	text-align: right;
}

div.Button a{
	color: #D09516;
	border: 1px solid #D09516;
	padding: 1px 5px;
}
div.Button a:hover{
	border: 1px solid #FFE634;
	color: #FFE634;
}

/*==============================
  メニュー表示
==============================*/

DIV.Menu{
	font-size : 12px;
	font-weight: bold;
  position : absolute;
  top : 140px;
  left : 450px;
  line-height : 10px;
}

DIV.Menu SPAN{
	color : #604028;
}

DIV.Menu A{
	color : #5e471e;
  line-height : 20%;
}

DIV.Menu A:hover{
	color : #6f3f39;
}

div.Menu font{
	font-weight: normal;
	font-size: 12px;
}

.F1 {
	border-bottom : 2px dashed #d09516;
	padding : 1px 5px 3px 5px;
	margin : 10px 0px 6px 5px;
  font-size : 12px;
  
  line-height : 10%;
}

.F2 {
	margin : 0px 0px 0px 20px;
  font-size : 11px;
  line-height : 20%;
}

.F3 {
	margin : 0px 0px 0px 35px;
  font-size : 10px;
}

/*＜画像表示・エリア＞====================================*/

td.ImageArea{
	background-image: url(sozai/motifY.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 20px 40px;
	vertical-align: top;
	color: #D09516;
}

/*==============================
  表示ナビ
==============================*/

div.Navi{
	margin-top: 20px;
	margin-bottom: 20px;
}

img.NaviMenu{
	vertical-align: 0.2em;
}

/*==============================
  画像情報
==============================*/

/*タイトル*/
div.ImageTitle{
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
}

/*コメント*/
div.ImageComment{
	width: 550px;
	text-align: left;
	margin-top: 10px;
	line-height: 150%;
}

div.ImageComment a{
	text-decoration : underline;
	color: #FFE634;
}

div.ImageComment a:hover{
	text-decoration : none;
	color: #D09516;
}

/*日付*/
div.ImageDate{
	width: 550px;
	text-align: right;
	margin-top: 10px;
	padding: 5px 10px;
	border-top: 1px dotted #D09516;
}

/*==========================================================
  FOOTER
==========================================================*/

td.FOOTER{
	height: 20px;
}



