#visual {
	border:1px solid #ddd;
	margin:auto;
}

#ArticleTitle, #ArticleContent {
	width: 100%;
}

#ArticlePhoto1, #ArticlePhoto2 {
	width: 400px;
}

#ArticleContent {
	height:270px;
}
div.articles {
	width:620px;
	margin:auto;
}

/* 上部ナビゲーション */
#photolist {
	border:1px solid #ddd;
	margin-top:10px;
	margin-bottom:15px;
}

#photolist th{
	width:33%;
	text-align:center;
	border:0;
	background:#939393;
	height:2em;	
}


.articles th a, .articles th a:visited{
	color:#004455;
}

.articles th a:hover{
	color:#cc0066;
}


#photolist td{
	text-align:center;
	border:0;
	background:#eee;
	height:2em;
}

#photolist .active {
	background-color:#eee;
	font-weight:bold;
}

div.imagebox {
   border: 1px solid #ddd; /* 1.枠線 */
   background-color: #fdfdfd;  /* 2.背景色 */
   width: 140px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
}
p.photo {
	height: 110px; /* 横幅 */   
}

p.photo img {
	border:0;
}

p.photo, p.caption {
	text-align: center; /* 3.中央寄せ */
	margin: 5px;        /* 4.余白・間隔 */
}

p.caption {
	font-size: 12px;  /* 5.文字サイズ */
	color: darkblue; /* 6.文字色 */
	text-align:center;
}

.paging {
	clear:both;
	width:80%;
	margin:auto;
	text-align:center;
}
.disabled {
	display:inline;
}
 
 
/************************************************
* VIEW
************************************************/
.article {
	width:90%;
	margin:auto;
}

.article h2 {
	border:1px solid #ddd;	
	margin-bottom:3px;
	text-decoration:none;
	padding:3px;
	background-color:#F6F6F6;
	font-size:11pt;
	color:#004455;
}

.article dl {
	margin-top:0;
	margin-bottom:0;
	border:1px solid #ddd;
	font-size:10pt;
}
.article dd {
	padding:10px;
	margin-left:10px;
	line-height:1.5em;
}
p.posted_info {
	text-align:right;
}

span.posted_date {
	font-family:"Courier New", Courier, mono;
	color:#CC0066;
}

span.posted_member {
	color:#333;
}

.article img {
	border:1px solid #ddd;
	padding:5px;
	background-color:#eee;
}


/************************************************
* COMMENTS
************************************************/
div.related {
	clear:both;
	width:80%;
	margin:auto;
	margin-top:40px;
}

.related h3 {
	color:#004455;
	font-size:11pt;
}

.comments {
	margin-bottom:15px;
	padding:10px;
	border:1px solid #eee;
}

.related .altrow {
	background-color:#F6F6F6;
}

.comment_actions, .comment_footer {
	text-align:right;
	color:#004455;
}

.comment_body {
	margin-bottom:15px;
}

/*投稿フィールド*/
.articleComment legend{
	background-color:#CCCCCC;
	padding:0px 15px;
	color:#000;
}

.articleComment textarea {
	width:100%;
	font-size:10pt;
}

fieldset {
	width:80%;
	margin:auto;
	padding:10px 8%;
}

label {
	display:block;
	font-weight:bold;
}