@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  headerIndex
--------------------------------------------------------------------------------------------------*/
#hArea {
	background: url(../image/header_back.gif) repeat-x 0 0;
}

#hArea header {
	position: relative;
	width: 950px;
	height: 120px;
	margin: 0 auto;
}

#hArea header h1 {
	position: absolute;
	top: 6px;
	left: 0;
	color: #FFF;
}

#hArea header ul {
	position: absolute;
	top: 3px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#hArea header ul li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}

#hArea header #title {
	position: absolute;
	top: 31px;
	left: 0;
	width: 950px;
	height: 89px;
	background: url(../image/title_back.jpg) no-repeat 0 0;
}

#hArea header #title p {
	margin: 0px 0 0 5px;
}

#hArea header #title .fb {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 210px;
	height: 43px;
}

#hArea .srch {
	position: absolute;
	top: 57px;
	right: 10px;
}

.srchText {
	width: 160px;
	height: 20px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
	border: 1px solid #CCCCCC;
}

.srchBtn {
	padding-left: 5px;
	vertical-align: -9px;
}


/*------------------------------------------------------------------------------------------------
  main
--------------------------------------------------------------------------------------------------*/
#main {
	width: 950px;
	margin: 0 auto;
	background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------------------------
  column
--------------------------------------------------------------------------------------------------*/
#main #column {
	padding: 15px 13px 0;
}

.pan {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pan li {
	float: left;
	margin: 0 0 10px;
	padding: 0;
}

#main #column h2 {
 margin: 0 0 20px;
}

#main #column h3 {
 margin: 0 0 20px;
	background: url(../image/h3_back.jpg) no-repeat 0 0;
	padding: 6px 40px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

#main #column h4 {
 margin: 0 0 20px;
	padding: 5px;
	background: url(../image/h4_back.gif) no-repeat 0 100%;
	font-size: 14px;
	font-weight: bold;
	color: #2A1D1E;
}

#main #column p {
	margin: 0 0 15px;
}

.preNext {
 width: 100%;
 margin: 0 0 10px;
}

.preNext td {
 width: 50%;
 padding: 5px 0;
}

.preNext td img {
 vertical-align: -1px;
 padding: 0 3px;
}

#main #column p.caption-text {
 margin: 0;
 line-height: 1.2;
}

/*------------------------------------------------------------------------------------------------
  etc
--------------------------------------------------------------------------------------------------*/
.table-evt{
	margin: 0;
	width: 600px;
	border: 1px solid #DECB89;
}

.table-evt th, .table-evt td {
	padding: 5px;
	margin: 2px 0;
	border-bottom: 1px dotted #DECB89;
	border-right: 1px solid #DECB89;
}


.table-evt th {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: #FFF;
	border-bottom: 2px solid #742920;
	background-color:#871C1C;
}

.c1{
	background-color :#F7F3D6;
}


/*------------------------------------------------------------------------------------------------
  search
--------------------------------------------------------------------------------------------------*/
.srchS {
 font-size: 14px;
}

.srchResult {
 margin: 0 0 20px;
 padding: 10px;
 border: 2px solid #DECB89;
}

.srchResult:hover, .srchResult:active {
 background-color: #FAF9EB;
}


/*------------------------------------------------------------------------------------------------
  sitemap
--------------------------------------------------------------------------------------------------*/
.sitemap {
	margin: 20px 20px 10px;
	padding: 0;
	list-style: none;
	line-height: 1.8;
}

.sitemap li {
	margin: 0 0 25px;
	padding: 0 0 3px 36px;
	background: url(../image/mark-01.gif) no-repeat 5px 4px;
	border-bottom: 2px solid #DECB89;
}

.sitemap li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sitemap li ul li {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../image/mark-02.gif) no-repeat 0 7px;
	border-bottom: none;
}


/*------------------------------------------------------------------------------------------------
  pc-switcher
--------------------------------------------------------------------------------------------------*/
.pc-switcher span.active {
 display:none;
}

.pc-switcher a {
 margin: 3px auto;
 display: block;
 width: 950px;
 height: 96px;
 text-indent: -9999px;
 background: url(../image/for_sp.gif) no-repeat 0 0;
}

/*------------------------------------------------------------------------------------------------
  gallery
--------------------------------------------------------------------------------------------------*/
.ngg-gallery-thumbnail span {
 width: 200px;
 margin: 0 5px 10px;
 font-size: 12px !important;
 line-height: 1.4;
}


/*------------------------------------------------------------------------------------------------
  link
--------------------------------------------------------------------------------------------------*/
.linkBox {
	width: 910px;
	margin: 5px 0 5px;
	padding: 5px 5px 10px 5px;
	background-color: #F5F5F5;
	position: relative;
}
.linkBox p {
	display: inline;
}
.linkBox p.photo {
	float: left;
	margin-right: 20px;
	border: none;
}
.linkBox p.r_text {
	position: relative;
	top: 5px;
	left: 5px;
	padding-right: 5px;
}


/*------------------------------------------------------------------------------------------------
  offer
--------------------------------------------------------------------------------------------------*/
.offerBox {
	width: 910px;
	margin: 5px 0 5px;
	padding: 5px 5px 10px 5px;
	position: relative;
}
.offerBox p {
	display: inline;
}
.offerBox p.photo {
	float: left;
	margin-right: 20px;
	border: none;
}
.offerBox p.r_text {
	position: relative;
	top: 5px;
	left: 5px;
	padding-right: 5px;
}


/*------------------------------------------------------------------------------------------------
  QA
--------------------------------------------------------------------------------------------------*/
.qaBox {
	width: 900px;
	margin: 5px auto 10px;
	padding: 5px;
	clear: both;
	border: 5px solid #EFE0D1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.qaBox div.que {
	width: 860px;
	margin: 0;
	padding: 8px 5px 0 35px;
	background: url(../image/q.gif) no-repeat 0px 6px;
	display: block;
	height: 30px;
	font-weight: bold;
	color: #996600;
	font-size: 14px;
	border-bottom: 2px dotted #EFE0D1;
}
.qaBox div.ans {
	width: 860px;
	margin: 5px 5px 0 0;
	padding: 8px 5px 0 35px;
	background: url(../image/a.gif) no-repeat 0px 6px;
}


/*add20240529*/
#main #column h2.posterH2 {
 margin: 0 0 20px;
	background: url(../image/h3_back.jpg) no-repeat 0 0;
	padding: 6px 40px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

.posterList {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}

.posterList li {
margin: 0 0 30px;
padding: 0;
font-size: 18px;
text-align: center;
}

.posterList li:nth-child(3n-1) {
margin: 0 30px 30px;
}

.posterList li img {
display: block;
margin-bottom: 4px;
border: 4px solid #EEE;
}