@charset "utf-8";
#main {
	float: left;
	width: 545px;
}
.main1-1 {
	clear: both;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D8EFD3;
	border-bottom-color: #D8EFD3;
	border-left-color: #D8EFD3;
	width: 531px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #D8EFD3;
	margin-top: 5px;
}

.main1-2 {
	clear: both;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D8EFD3;
	border-bottom-color: #D8EFD3;
	border-left-color: #D8EFD3;
	width: 531px;
	margin: 0px;
}
.main1-3 {
	clear: both;
	width: 534px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 8px;
	border: 1px solid #CCEAC6;
}
.main1-4 {
	clear: both;
	width: 534px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCEAC6;
	border-bottom-color: #CCEAC6;
	border-left-color: #CCEAC6;
}
#page-navi {
	padding-top: 25px;
	height: 20px;
}

#page-navi li {
	display: inline;
}

#back {
	float: left;
	width: 150px;
	padding-left: 20px;
	background-image: url(../image/i-40.gif);
	background-repeat: no-repeat;
}
#page-next a {
	float: right;
	height: 14px;
	width: 27px;
	display: block;
	background-image: url(../image/next.gif);
	background-position: -35px 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	border-bottom-style: none;
	margin-top: 3px;
}
#page-back a {
	float: right;
	height: 14px;
	width: 27px;
	display: block;
	margin-right: 10px;
	background-image: url(../image/next.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	border-bottom-style: none;
	margin-top: 3px;
}
#page-next a:hover {
	background-position: -35px -20px;
}
#page-back a:hover {
	background-position: 0px -20px;
	height: 16px;
}
#event-btn {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#event-btn a {
	border-bottom-style: none;
}

#event-btn li {
	display: inline;
}
#btn-a a {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 75px;
	float: left;
	text-indent: -9999px;
}
#btn-b a {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 97px;
	float: left;
	text-indent: -9999px;
	background-position: -75px 0px;
}
#btn-c a {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 39px;
	float: left;
	text-indent: -9999px;
	background-position: -172px 0px;
}
#btn-a  {
	background-image: url(../image/event-btn.gif);
	background-position: 0px -180px;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 75px;
	float: left;
	text-indent: -9999px;
}
#btn-b  {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 97px;
	float: left;
	text-indent: -9999px;
	background-position: -75px -180px;
}*/
#btn-c  {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 39px;
	float: left;
	text-indent: -9999px;
	background-position: -172px -180px;
}
#btn-a-now a {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 75px;
	float: left;
	text-indent: -9999px;
	background-position: 0px -120px;
}
#btn-b-now a {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 97px;
	float: left;
	text-indent: -9999px;
	background-position: -75px -120px;
}
#btn-c-now a {
	background-image: url(../image/event-btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 39px;
	float: left;
	text-indent: -9999px;
	background-position: -172px -120px;
}

#btn-a a:hover {
	background-position: 0px -60px;
}
#btn-b a:hover {
	background-position: -75px -60px;
}
#btn-c a:hover {
	background-position: -172px -60px;
}

/* EVENT TITTLE */
#event-title {
	font-size: 16px;
	font-weight: bold;
	width: 486px;
	padding-left: 22px;
	background-image: url(../image/event_flag_18px.gif);
	background-repeat: no-repeat;
	padding-bottom: 3px;
	padding-top: 0px;
	margin-top: 15px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	float: left;
	background-position: 0px 1px;
	color: #6C6C6C;
}

#topic-title {
	font-size: 16px;
	font-weight: bold;
	width: 486px;
	padding-left: 22px;
    background-image: url(../image/board_icon.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 5px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	float: left;
	background-position: 0px 1px;
	color: #6C6C6C;

}

/*BASIC CSS (event detail img) */
.picbox250px {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
.picbox250px-left {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 11px;
	margin-left: 5px;
}
.picbox250px img,.picbox250px-left img {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
/* end */

/* APPLIED RIGHT CSS (event detail img) */
.picbox250px_w240-h160 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
.picbox250px_w240-h160 img {
	margin-left: 5px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.picbox250px_w240-h165 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
.picbox250px_w240-h165 img {
	margin-left: 5px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.picbox250px_w135-h180 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
.picbox250px_w135-h180 img {
	margin-left: 58px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* end */

/* APPLIED LEFT CSS (event detail img) */
.picbox250px-left_w240-h160 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 11px;
	margin-left: 10px;
}
.picbox250px-left_w240-h160 img {
	margin-left: 5px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.picbox250px-left_w240-h165 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 11px;
	margin-left: 10px;
}
.picbox250px-left_w240-h165 img {
	margin-left: 5px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.picbox250px-left_w130_h180 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 11px;
	margin-left: 10px;
}
.picbox250px-left_w130_h180 img {
	margin-left: 60px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.picbox250px-left_h180 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 11px;
	margin-left: 10px;
}
.picbox250px-left_h180 img {
	margin-left: 34px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
/* end */





.event-text {
	line-height: 18px;
	padding-bottom: 20px;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
}
.event-text2 {
	line-height: 18px;
	padding-bottom: 20px;
	float: left;
	width: 345px;
}
.event-text-a {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
.comment {
	background-repeat: no-repeat;
	float: right;
	width: 210px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 13px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	padding-right: 0px;
	text-align: right;
}
.comment-b {
	background-image: url(../image/i-145.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
	float: left;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	color: #666666;
	background-position: 5px -1px;
}
.order {
	margin-left: 10px;
	padding-top: 10px;
	font-size: 11px;
}
.comment-box {
	width: 515px;
	margin-top: 0px;
	border: 1px solid #D8EFD3;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear: both;
}
.comment-info {
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 10px;
	float: left;
	width: 515px;
}
.comment-c {
	float: right;
	margin-top: 10px;
	margin-left: 5px;
	width: 100px;
	padding-bottom: 5px;
	margin-right: 10px;
	text-align: right;
	font-size: 10px;
	color: #666666;
}
.comment-d {
	float: left;
	line-height: 17px;
	text-align: left;
	margin: 5px;
	color: #717171;
	width: 300px;
}
.comment-e {
	line-height: 20px;
	margin-left: 10px;
	padding-bottom: 15px;
	margin-right: 10px;
	clear: both;
	padding-top: 10px;
}

.comment-e2 {
	line-height: 20px;
	padding-bottom: 15px;
	float: left;
	width: 360px;
}

.comment-e2 p {
	padding-left: 10px;
}
.cmt-pic {
	float: right;
	width: 76px;
	text-align: right;
}

.cmt-pic img {
	height: 66px;
	width: 66px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
}

.comment-f {
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 5px;
	width: 50px;
	clear: both;
}
.comment-g {
	background-image: url(../image/i-88.gif);
	background-repeat: no-repeat;
	width: 250px;
	padding-left: 43px;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
	background-position: 6px 8px;
}
.picbox30px {
	float: left;
	height: 30px;
	width: 30px;
	background-image: url(../image/30px-background.gif);
	background-repeat: no-repeat;
}
.comment-info .picbox30px {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.picbox30px img {
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 28px;
	width: 28px;
}

/* COMMENT BOX IMG*/
.comment-box .picbox250px-left {
	margin-right: 5px;
	margin-left: 5px;
}
.comment-box .picbox250px-left_w240-h165 {
	margin-right: 5px;
	margin-left: 5px;
}
.comment-box .picbox250px-left_w120_h180 {
	float: left;
	height: 190px;
	width: 250px;
	background-image: url(../image/250px.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
}
.comment-box .picbox250px-left_w120_h180 img {
	margin-left: 65px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
/* end */

.page-num {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 5px;
}
.page-num #order {
	float: left;
	width: 320px;
	text-align: left;
}

.page-num li {
	float: right;
	width: 16px;
	text-align: center;
	font-size: 12px;
}
.page-num navi {
	float: right;
	width: 16px;
	text-align: center;
	font-size: 28px;
}

.display {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: right;
}
.page-navi {
	text-align: right;
	margin-top: 20px;
	margin-right: 10px;
	font-size: 11px;
	clear: both;
}
.text-in {
	height: 100px;
	width: 370px;
	font-size: 12px;
}
#report {
	margin-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 20px;
	width: 510px;
	float: left;
	margin-bottom: 13px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.report-a {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.report-b {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	background-image: url(../image/write-small.gif);
	background-repeat: no-repeat;
	background-position: 155px 8px;
	padding-bottom: 10px;
}
.article {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-right: 10px;
	margin-left: 10px;
	clear: both;
}
.edit {
	float: right;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}
.delection {
	float: left;
	width: 100px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 2px;
}
.hyouji {
	width: 140px;
}
#number .hyouji {
	width: 180px;
	float: right;
	text-align: right;
}
#number2 .hyouji {

	width: 180px;
	float: right;
	text-align: right;
}
.main1-2 .display-a {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
}
.main1-3 .display-a {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
}
#main .main1-2 .display-b {
	padding-bottom: 10px;
	padding-left: 10px;
	float: none;
	text-align: left;
	margin: 0px;
}
#main .main1-3 .display-b {
	padding-bottom: 10px;
	padding-left: 10px;
	float: none;
	text-align: left;
	margin: 0px;
}
.main1-1 #info-dot {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 15px;
	width: 380px;
	float: left;
	margin-left: 0px;
}
#info-dot ul {
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#info-dot li {
	margin-bottom: 0px;
}
.main1-1 .picbox-se {
	float: left;
	width: 195px;
	margin-right: 10px;
	padding-left: 10px;
}
.main1-1 .picbox-se img {
	max-width : 185px;
	margin-bottom: 10px;
}
.main1-1 .event-text-se {
	padding-bottom: 20px;
	float: left;
	width: 380px;
}
.main1-1 .event-text-se2 {
	padding-bottom: 20px;
	padding-left: 10px;
	width: 510px;
}
#event_a #ev-info {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 6px;
	margin-right: 10px;
}
.main1-1 .evt-pic {
	float: left;
	width: 130px;
	text-align: center;
	padding-right: 10px;
}
.evt-pic .lightwindow img {
	padding-left: 10px;
	padding-bottom: 10px;
}
.com-table {
	border-collapse:collapse;
	width: 516px;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear: both;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #D8EFD3;
	border-left-color: #D8EFD3;

}
.com-table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D8EFD3;
	border-bottom-color: #D8EFD3;
}

.com-table .date {
	font-size: 10px;
	text-align: center;
	border-bottom-style: none;
	color: #5bb372;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 120px;
	background-color: #F9FDF9;
}
.com-table .text {
	vertical-align: text-top;
	padding-top: 17px;
	padding-right: 10px;
	padding-bottom: 17px;
	padding-left: 10px;
}
.com-table .info {
	padding: 7px;
	background-color: #edf8ee;
}
.com-table .info span {
	float: right;
	padding-top: 10px;
	font-size: 10px;
	color: #8B8B8B;
}
.com-table .info img {
	background-image: url(../image/30px-background.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-right: 5px;
}
.com-table .pic {
	text-align: center;
}
.com-table .pic img {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#osirase .comment-box {
	padding: 10px;
	width: 490px;
	margin-top: 10px;
	margin-left: 10px;
}

.comment-box .topi .name img {
	background-image: url(../image/30px-background.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-right: 10px;
}
.topi .name span {
	float: right;
	padding-top: 10px;
	width: 70px;
	text-align: right;
}

.comment-box .topi .name {
}
.comment-box .topi .text-a {
	clear: both;
	margin-top: 8px;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-bottom: 10px;
}
.comment-box .topi .text-b {
	padding-bottom: 10px;
}
.comment-box table {
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 12px;
	border-collapse:collapse;
	
}
.comment-box .midoku {
	color: #999999;
	margin-bottom: 7px;
}
.comment-box .mem {
	padding-bottom: 15px;
}
.comment-box th {
	background-image: url(../image/i-50.gif);
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #666666;
	padding-right: 0px;
	padding-left: 0px;
}
.comment-box #box-a {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	width: 200px;
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
}
.comment-box #box-b {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	width: 230px;
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
}
.comment-box td {
	height: 28px;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
}
.comment-box table img {
	padding-right: 5px;
}
.comment-box .center {
	text-align: center;
	padding: 0px;
}
#back-navi {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#back-navi p {
	display: inline;
	margin-right: 20px;
	padding-left: 20px;
	background-image: url(../image/i-40.gif);
	background-repeat: no-repeat;
}
#news-title {
    background-image: url(../image/news.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 18px;
	padding-right: 0px;
	background-position: 0px 11px;
	height: 20px;
}

#news-title2 {
    background-image: url(../image/news.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-position: 0px 11px;
	height: 20px;
}

#news-title3 {
	background-image: url(../image/i-40.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	height: 13px;
	margin-top: 5px;
	margin-bottom: 2px;
}

#osirase .comment-box div {
	text-align: center;
}
#osirase .comment-box div p {
	text-align: left;
	padding-left: 30px;
	background-image: url(../image/kakikomi.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
#osirase .comment-box div textarea {
	width: 100%;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
#osirase .comment-box div input {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.main1-3 .com-table .del {
	padding: 5px;
	text-align: center;
}