@charset "UTF-8";

/** *************************************************************************
 *
 *  システム名　：フレームワークAMBER - サンプルプログラム
 *
 *  プログラム名：コンテンツ管理システム．スタイルシート
 *
 *  ファイル名　：layout.css
 *
 *  作成者　　　：横山祐介(U-Works)
 *
 *  作成日　　　：2008.08.18
 *
 *  概要　　　　：
 *
 *  Copyright (c) 2008 Yusuke Yokoyama. all rights reserved.
 *
 ************************************************************************* */

/** *************************************************************************
 * タグごとの設定
 ************************************************************************* */
body {
  width:100%; 
  margin:0;
/*  font-family:"ＭＳ Ｐゴシック",Arial,sans-serif;
  font-size:90%;*/
  text-align:left;
}

p {
  margin:0;
}

table {
  border-collapse:collapse;
  table-layout:fixed;
}
table td {
  padding:0px;
}

a {
  cursor:pointer;
  text-decoration:none;
}
a:link {
  text-decoration:none;
}
a:visited {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a:active {
  text-decoration:underline;
}

input, select {
  font-size:90%;
}

/** *************************************************************************
 * 共通の設定
 ************************************************************************* */
/* JavaScriptが無効なときのメッセージ */
#noscript {
  font-size:30px; 
  text-decoration:underline;
}

.edit {
  border:1px solid; 
}

.error {
}

/** *************************************************************************
 * ページ設定
 ************************************************************************* */
/* ページ全体 */
#div-base {
  position:relative;
/*  left:5%; width:90%;*/
  top:0px; height:100%;
  padding:5px 0px 5px 0px;
  overflow:hidden;
}
/* 上ペイン */
#div-top {
  position:relative;
  top:0;
  padding:0px;
}
/* 中央ペイン */
#div-main {
  position:relative;
  top:0px;
  padding:0px;
}
/* 下ペイン */
#div-bottom {
	clear:both;
  position:relative;
  padding:0px;
  overflow:hidden;
}

/** *************************************************************************
 * 上ペインの内部要素
 ************************************************************************* */
/* 上ペイン */
#div-logo {
/*	height:80px;*/
/*	height:120px;*/
}	
#div-logo img {
  border:0px;
}
#div-gnavi {
  height:1.6em;
  padding:0em 0em 0em 2em ;
}
#div-gnavi a {
	display:block;
	float:left;
	height:1.25em;
	padding:0.35em 1.0em 0.0em 1.0em;
	font-weight:bold;
}	

/** *************************************************************************
 * 中央ペインの内部要素
 ************************************************************************* */
#tbl-main {
	width:100%;	
}
#tbl-main tr {
	vertical-align:top;
}	
/* サイドバー */
#col-sidebar {
	width:200px;
}	
#div-sidebar {
  padding:0px;
  padding-top:1em;
  overflow:visible;
  overflow-x:hidden;
}

/* コンテンツペイン */
#col-contents {
}	
#div-contents {
  padding:10px;
  padding-right:0;
  overflow:visible;
  overflow-x:hidden;
}

/** *************************************************************************
 * サイドバーの内部要素
 ************************************************************************* */
#div-sidebar h2 {
  margin:0;
  font-size:100%;
  letter-spacing:0.25em;
}
#div-sidebar h2 a {
	display:block;
	height:1.5em;
	border-width:0 1px 1px 0;
	border-style:solid;
  padding:0.5em 1em 0em 1em;
  margin:0 0.5em 0 0.5em;
}	
#div-sidebar div.article {
  margin-top:0.25em;
  padding:0 0.5em 0.25em 1em;
}
#div-sidebar div.thumbnail {
  left:0; width:100%;
  height:100px;
  margin-left:0px; margin-right:10px;
  padding:1px;
  float:left;
  border:0px solid;
}
#div-sidebar div.thumbnail img {
  height:100px;
}
#div-sidebar div.title {
/*  float:left;*/
  width:100%;
	font-weight:bold;
/*  white-space:nowrap;*/
}
#div-sidebar div.title a {
	white-space:normal;
	line-height:130%;
}
#div-sidebar div.subtitle {
	/*  float:left;*/
	margin-top:0.5em;
}

#div-sidebar-bottom {
	height:150px;
}

#div-cm {
	/*margin-top:100px;*/
	position:absolute;
	width:180px;
	bottom:0;
	padding:1em;
	font-size:75%;
}

/** *************************************************************************
 * コンテンツペインの内部要素
 ************************************************************************* */
/* 表題 */
#div-contents h2 {
  font-size:120%;
  letter-spacing:0.1em;
  white-space:nowrap;
  margin:0 0 0.5em 0;
  padding:0.25em;
  padding-left:1em;
}

/** *************************************************************************
 * 下ペインの内部要素
 ************************************************************************* */
#div-bottom-body {
  padding:0.5em;
  border-top:3px solid;
  font-size:85%;
  line-height:150%;
}
#div-copyright {
  float:right;
  font-family:Arial,sans-serif;
  font-size:90%;
  font-weight:bold;
}

/** *************************************************************************
 * 一覧
 ************************************************************************* */
#div-contents div.article {
  height:1.25em;
  padding:0.5em 0.5em 0 0.5em;
  clear:both;
  overflow:visible;
  border-width:0 0 1px 0;
  border-style:solid;
}
#div-contents div.title {
  float:left;
  width:75%;
  font-weight:bold;
  white-space:nowrap;
  overflow:hidden;
}
#div-contents div.article_time {
  float:right;
	border-width:0;
}

/** *************************************************************************
 * 記事
 ************************************************************************* */
#article {
}
#article h2 {
}
#article h3 {
  margin:1em;
  font-size:100%;
  font-weight:bold;
  letter-spacing:1pt;
  white-space:nowrap;
}
#div-contents-body {
	width:100%;
}	
#article div.article_time {
  float:right;                                                                                          
  margin-top:0em;
  margin-right:1em;
}
#article div.author {
  float:right;                                                                                          
  margin-top:0em;
  margin-right:1em;
}
#article div.body,div.caption,div.comment {
  line-height:175%;
  letter-spacing:1px;
  text-align:justify;
  text-justify:distribute; /* for IE6,7 */
}
#article div.body {
  margin-top:2.5em;
  padding-left:1em;
}
#article div.caption {
  font-weight:bold;
}
#tbl-article-files {
  width:97%;
}
#tbl-article-files td {
  vertical-align:top;
}
/*#tbl-article-files.col1 td,*/
#tbl-article-files.col2 td,
#tbl-article-files.col3 td,
#tbl-article-files.col4 td {
  border-width:1px 0px 1px 0px;
  border-style:dotted;
}
#article div.file {
  padding:0.5em;
  clear:both;
  overflow:visible;
}
#article div.file a {
  margin:5px;
  padding-top:0.5em;
  padding-bottom:0.5em;
  border-right:1.0em solid;
  float:left;
}
#article p.not-found {
  position:absolute;
  width:100%;
  top:50%; height:1em;
  margin-top:-0.5em;
  font-size:120%;
  text-align:center;
}

/* カラム数による画像サイズの指定 */
#tbl-article-files.col1 img {
  height:320px;
  float:left;
  border-width:0px 10px 10px 10px;
  border-style:solid;
}
#tbl-article-files.col1 div {
  padding-left:0.5em;
}
#tbl-article-files.col2 img {
  width:50%;
  float:left;
  border-width:0px 10px 10px 10px;
  border-style:solid;
}
#tbl-article-files.col3 img {
  width:100%;
}
#tbl-article-files.col4 img {
  width:100%;
}

/** *************************************************************************
 * 記事検索
 ************************************************************************* */

/* 検索入力域 */
#tbl-search {
  width:100%;
  margin-left:0; margin-right:0.5em;
}
#tbl-search tr {
  height:1.75em;
}
#tbl-search td {
  vertical-align:middle;
  padding:0 0.5em 0 0.5em;
  border-width:1px 0px 1px 0px;
  border-style:solid;
}
#tbl-search td.name {
  font-weight:bold;
  text-align:right;
}
#tbl-search td.value {
}
#tbl-search td.search {
  text-align:center;
}
#keyword, #author {
  width:10em;
}
#yyfrom, #yyto {
  width:3em;
  text-align:right;
  ime-mode:disabled;
}
#mmfrom, #ddfrom, #mmto, #ddto {
  width:1.5em;
  text-align:right;
  ime-mode:disabled;
}
/* 検索ボタン */
#div-search {
  weidth:100%;
  height:2em;
  padding-top:0.5em;
  text-align:center;
}
#search {
  width:5em;
  height:1.8em;
}
/* 一覧ヘッダ */
#div-list-count {
  height:1.5em;
  float:left;
  padding-left:0.5em;
  font-weight:bold;
}
#div-list-pages {
  float:right;
	font-weight:bold;
  text-align:right;
}

#tbl-list-header {
  width:100%;
  clear:both;
}
#tbl-list-header tr {
  height:1.5em;
  vertical-align:middle;
}
#tbl-list-header th {
  height:100%;
  overflow:hidden;
  border-bottom:1px solid;
}  
#tbl-list-header th.header {
}
#tbl-list-header th.header-hot {
}
#tbl-list-header a {
  cursor:pointer;
  text-decoration:none;
}
#tbl-list-header th div {
  width:100%; height:100%;
  padding-left:0.5em;
  padding-right:0.5em;
}  
 
/* 一覧行領域 */
#tbl-list-body {
  width:100%;
}
#tbl-list-body tr {
  height:2em;
  vertical-align:middle;
}
#tbl-list-body tr.line {
}
#tbl-list-body tr.line-hot {
  cursor:pointer;
}
#tbl-list-body tr.line-hot a {
}
#tbl-list-body td {
  height:100%;
  overflow:hidden;
  border-bottom:1px solid;
}  
#tbl-list-body td div {
  width:100%; height:100%;
  padding:0.5em;
}
/* 一覧行のリンク */
#tbl-list-body a {
	display:block;
	width:100%;
	overflow:hidden;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
}
/* 一覧のカラム */
col.title {
}
col.article_time {
  width:9em; 
}
col.author {
  width:10em; 
}
/* 一覧のメッセージ */
#div-list-msg {
  position:relative;
  margin-left:0.5em;
  padding:0.5em;
  font-weight:bold;
}