﻿#Content {
    min-height:600px;
}

#detail {
	margin-left:80px;
}

#detail-top {
    margin-left:30px;
    width:800px;
    height:135px;
    background: url("/images/parts/detail-top.gif") left bottom no-repeat;
}

#detail-top ul {
    margin-left:20px;
    height:30px;
}

#detail-top ul li {
    list-style-type:none;
    list-style-position:inside;
    float:left;
}

#detail-top ul li a {
    text-indent:-9999px;
    display:block;
    width:100px;
    height:35px;
}

#detail-top ul li a.JumpTop {
    background:url("/images/parts/event-btn.gif") 0px 0px no-repeat;
}

#detail-top ul li a.JumpTop:hover {
    background:url("/images/parts/event-btn.gif") 0px -35px no-repeat;
}

#detail-top ul li a.JumpList {
    background:url("/images/parts/event-btn.gif") -100px 0px no-repeat;
}

#detail-top ul li a.JumpList:hover {
    background:url("/images/parts/event-btn.gif") -100px -35px no-repeat;
}

#detail-top ul li a.JumpModify {
    background:url("/images/parts/event-btn.gif") -200px 0px no-repeat;
}

#detail-top ul li a.JumpModify:hover {
    background:url("/images/parts/event-btn.gif") -200px -35px no-repeat;
}

#detail-top ul li a.JumpDelete {
    background:url("/images/parts/event-btn.gif") -300px 0px no-repeat;
}

#detail-top ul li a.JumpDelete:hover {
    background:url("/images/parts/event-btn.gif") -300px -35px no-repeat;
}


#detail-top h2 {
    margin-top:40px;
    text-align:left;
    text-indent:40px;
    color:#FF930F;
}

#detail-body {
    margin-left:30px;
    padding-bottom:30px;
    padding-top:0px;
    width:800px;
    background: url("/images/parts/detail-body.gif") repeat-y;
}

#detail-bottom {
    margin-left:30px;
    width:800px;
    height:80px;
    background: url("/images/parts/detail-bottom.gif") no-repeat;
}

#detail-bottom p {
    line-height:60px;
    margin-right:20px;
    text-align:right;
}

#multimedia {
    float:left;
    margin-left:30px;
    width:300px;
}

#information {
    margin-left:0px;
    margin-top:5px;
    width:444px;
    float:left;
}

.event-image {
    margin-top:10px;
    width:280px;
    height:200px;
}

.border {
	border:1px solid #cccccc;
}

#map {
    margin-top:10px;
    width:280px;
    height:280px;
    
    border:1px dotted #cccccc;
}

#information table {
    width:444px;
    border-collapse:collapse;
    border:1px solid #cccccc;
}

#information table tr.odd {
    background-color:#FCF7D1;
}

#information table tr.even {
    background-color:#FEFEFE;
}

#information table th, td {
    line-height:3em;
    padding:3px;
}

#information table th {
	border-right:1px solid #cccccc;
    font-weight:normal;
    width:80px;
}

#information table td {
    width:360px;
}

#information table td pre {
	line-height:1.4em;
}


/* コメント欄 */
#Comments {
	margin-top:10px;
	margin-left:280px;
	width:450px;
	text-align:left;
}

#Comments h3 {
	margin-bottom:20px;
}

.comment {
	margin-top:10px;
	border:1px solid #cccccc;
	padding:3px;
}

.comment pre {
	margin-top:7px;
}

/* コメントフォーム */
#CommentForm {
	width:450px;
	margin-top:60px;
	margin-left:250px;
}

#CommentForm th, td {
	font-weight:normal;
	border:none;
}

#CommentForm th {
	text-align:right;
}

#CommentForm input[type="text"]{
	border:1px solid #cccccc;
	font-size:1.5em;
	padding:3px;
}

#CommentForm input[type="text"]:focus{
	background-color:#ffddee;
}

#CommentForm textarea {
	border:1px solid #cccccc;
	overflow:auto;
	padding:3px;
}

#CommentForm textarea:focus{
	background-color:#ffddee;
}

#CommentForm p {
	margin-top:20px;
	text-align:center;
}

#CommentForm span.require {
	margin-left:5px;
	color:Red;
	font-size:1.2em;
}

#CommentForm ul.validation-summary-errors li {
	color:Red;
	margin-left:100px;
	text-align:left;
}
