@charset "utf-8";


/**************************************/
/*           WIREFRME             */
/**************************************/


body{ background:#403412 url(../img/fuuki/cmn_bg.gif) top center no-repeat;}

#Wrapper {
position: relative;
width: 980px;
margin: 0 auto;
z-index:100;
}

#Header {
width: 980px;
color: #FFF;
height: 182px;
}

#pageTop{
position:absolute;
top:129px;
height:50px;
width:100%;
/*background-color:#E4D7BE;*/
/*border-bottom:3px solid #633E45;*/
background-color:rgba(228,215,190,0.3);
border-bottom:3px solid rgba(99,62,69,0.7);
z-index:10;
}

#Contents {
width: 980px;
margin: 0;
padding: 0;
background-color:#BBA883;

}

#Main { width: 680px; float: left; margin: 0;}
#MainInner { margin: 20px 0 0 20px;}
#Sub { width: 280px; float: right; margin: 0;}
#SubInner { margin:20px 20px 0 0;}


#Footer {
position:relative;
width: 980px;  /* IE5.5-6.0対策 */
clear: both;
margin: 0;
/*padding-top: 40px;*/
}
#FooterInner {
margin: 0;
padding: 10px 20px;
background:#FFFAEA;
}

/* clearfix */
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
.clearfix { display: inline-block; }/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }/* End hide from IE-mac */

.article p:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
.article p { display: inline-block; }/* Hides from IE-mac \*/
* html .article p { height: 1%; }
.article p{ display: block; }/* End hide from IE-mac */


/**************************************/
/*           COLOR SCHEME             */
/**************************************/

.pageLink a:link{text-decoration: underline; color: #FFF;}
.pageLink a:visited{text-decoration: underline; color: #FFF;}
.pageLink a:hover{text-decoration: none; color: #CCC;}
.pageLink a:active,
.pageLink a:focus{text-decoration: color; color: #FFF;}

#Footer a:link{text-decoration: underline; color: #A59873;}
#Footer a:visited{text-decoration: underline; color: #A59873;}
#Footer a:hover{text-decoration: underline; color: #4D442B;}
#Footer a:active,#Footer a:focus{text-decoration: underline; color: #4D442B;}


/**************************************/
/*              GLOBALS               */
/**************************************/


/* ---------------------------------------テーブル設定 */

.TableModule01 {
margin: 5px auto;
border: 1px solid #E8E8E8;
background-color: #FFF;
}

.TableModule01 th,
.TableModule01 td{ padding: 3px 5px; border: 1px solid #E0E0E0;}

.TableModule01 th{
width:35%;
color:#666;
background-color: #F5F5F5;
}

.TableModule01 td{ background-color: #FFF;}

.TableModule02 {
margin: 5px auto;
border: 1px solid #FFC68F;
background-color: #FFF;
}
.TableModule02 th,
.TableModule02 td{ padding: 2px 5px;}

.TableModule02 th{ color:#F18111; background-color: #FFEFDF;}
.TableModule02 td{ background-color: #FFF;}

.FormTable em{
color:#CC3300;
background-color:#FBEDBD;
padding:2px 5px;
font-weight:bold;
}

.FormErr{
width:500px;
margin:10px auto 20px;
padding: 5px 10px;
background-color:#FFF7EF;
border: 2px solid #d00;
color:#d00;
}
/*
.FormErr li{
margin-right:15px;
padding:2px 0 2px 12px;
background: url(../img/fuuki/marker01.gif) 5px center no-repeat;
}
*/

/* ---------------------------------------テキスト設定 */
strong { font-weight: bold;}
br{ line-height: 1.5;}
.TextWarning{ margin: auto 3px; color: #C00;}
.TextCenter{ text-align: center;}
.TextRight{ text-align: right;}
.TextLeft{ text-align: left;}
.TextSmaller{ font-size: 90%;}
.TextLarger{ font-size: 1.4em;}
.uLine{text-decoration: underline;}
.pc-nowrap{white-space: nowrap;}

.BoxHidden{
position:absolute;
font-size:1px;
width:1px;
top:-9999px;
}

/* --------------------------------------- その他の設定 */
sup{ vertical-align: top;}
hr{ border: 1px solid #CCC;}
.FloatRight{ float: right;}
.FloatLeft{ float: Left;}
input, textarea, select { margin: 1px 0; padding:2px; font-size: 100%;}
.mTop10{margin-top:10px;}
.mTop20{margin-top:20px;}
.mTop30{margin-top:30px;}
.mBtm10{margin-bottom:10px;}
.mBtm20{margin-bottom:20px;}
.mBtm30{margin-bottom:30px;}
.W10{ width: 10px;}
.W20{ width: 20px;}
.W30{ width: 30px;}
.W40{ width: 40px;}
.W50{ width: 50px;}
.W60{ width: 60px;}
.W70{ width: 70px;}
.W80{ width: 80px;}
.W90{ width: 90px;}
.W100{ width: 100px;}
.W120{ width: 120px;}
.W140{ width: 140px;}
.W160{ width: 160px;}
.W180{ width: 180px;}
.W200{ width: 200px;}
.W220{ width: 220px;}
.W240{ width: 240px;}
.W260{ width: 260px;}
.W280{ width: 280px;}
.W300{ width: 300px;}
.W320{ width: 320px;}
.W340{ width: 340px;}
.W360{ width: 360px;}
.W380{ width: 380px;}
.W400{ width: 400px;}
.W500{ width: 500px;}
.uSpacer01{height:150px;}
.uSpacer02{height:300px;}


/**************************************/
/*              HEADER                */
/**************************************/

#Logo{
position:absolute;
top:40px;
left:20px;
}

#LogoDesc{
position:absolute;
top:62px;
left:230px;
}

#LogoDesc img{width:350px;}

#Description{
position:absolute;
top:3px;
left:0;
}

#HeadBnr{
position:absolute;
top:44px;
left:680px;
}

#HeadBnr img{width:100%; vertical-align:bottom;}
#HeadBnr a{
display:inline-block;
padding:0;
background:#fff;
border-radius:6px;
box-sizing:border-box;
}
#HeadBnr a:hover img{
opacity:0.7;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/

#Gnav{
position:absolute;
top:129px;
left:0;
}

.mainNavi{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
border-top:1px solid #e4d7be;
border-bottom: 2px solid #b2898d;
background:
url('../img/fuuki_n/mainnavi_pc_bg1.png') left top no-repeat,
url('../img/fuuki_n/mainnavi_pc_bg2.png') right top no-repeat,
linear-gradient(to bottom, #3c2d0d, #241b08);
}

.mainNavi li{
width:20%;
padding: 0;
text-align:center;
border-bottom: none;
box-sizing: border-box;
border-top:1px solid #3c2d0d;
}

.mainNavi li a{
display:block;
height: 49px;
padding: 0 5px;
}

.mainNavi a:link,
.mainNavi a:visited,
.mainNavi a:hover,
.mainNavi a:active,
.mainNavi a:focus{text-decoration: none;}

.mainNavi a:hover{
background: -webkit-linear-gradient(top, #baa22a, #96801c);
background: linear-gradient(to bottom, #baa22a, #96801c);
}

.mainNavi li a.act{
background: -webkit-linear-gradient(top, #baa22a, #96801c);
background: linear-gradient(to bottom, #baa22a, #96801c);
}

.mainNavi li:first-child a.act,
.mainNavi li:first-child a:hover,
.mainNavi li:first-child a.act:hover{
background:url('../img/fuuki_n/mainnavi_pc_bg1act.png') left top no-repeat, linear-gradient(to bottom, #baa22a, #96801c);
}

.mainNavi li:last-child a.act,
.mainNavi li:last-child a:hover,
.mainNavi li:last-child a.act:hover{
background:url('../img/fuuki_n/mainnavi_pc_bg2act.png') right top no-repeat, linear-gradient(to bottom, #baa22a, #96801c);
}

.mainNavi li + li a{
border-left: 1px solid #4a402e;
}

.mainNavi a span.jpfont{
display:block;
color:#fff;
font-size:11px;
line-height:1;
}
.mainNavi a span.webfont{
display:block;
padding-top:7px;
color:#e9e0af;
line-height:1.1;
font-size:20px;
font-family: 'Italianno', cursive;
letter-spacing:1px;
text-transform: uppercase;
}

.HeadNavi{
position: absolute;
top:0;
left:750px;
height: 30px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}

.HeadNavi.update202211 { left: 850px; }

.HeadNavi li{
margin-left:20px;
padding:4px 0 4px 20px;
border-bottom: none;
background: url(../img/fuuki/marker03.gif) left center no-repeat;
}

.HeadNavi a:link,
.HeadNavi a:visited,
.HeadNavi a:hover,
.HeadNavi a:active,
.HeadNavi a:focus{text-decoration: underline; color:#fff;}





/**************************************/
/*            MAIN CONTENT            */
/**************************************/

/* TopPage */
body#top #Contents {
position:absolute;
top:182px;
left:0;
}

.TopMenu{
width: 100%;
margin-bottom:30px;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
align-items: center;
box-sizing: border-box;
border-top:1px solid #e4d7be;
background:linear-gradient(to bottom, #decd5a 0%, #c2ac40 30%, #c2ac40 30%, #decd5a 100%);
border-radius:10px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2) ;
}

.TopMenu li{
width:29%;
margin-bottom: 10px;
}

.TopMenu li img{
width:100%;
}

h2.TopicsTtl{
margin:0 0 10px;
padding:10px 22px 15px 20px;
background: url(../img/fuuki/cmn_ttlbg.gif) top left no-repeat;
font-size:1.1em;
}

.TopTopics{ margin-top:10px; margin-bottom:20px; color:#FFF;}
.TopTopics .date{ margin-right:10px; font-size:1.1em;}
.TopTopics .topic{ font-size:1.1em;}
.TopTopics li{
list-style: none;
margin:5px 0; 
padding:4px 0 4px 20px;
background: url(../img/fuuki/marker01.gif) 6px 12px no-repeat;
border-bottom:1px solid #DEDEDE;
}
.TopTopics li p{ padding: 4px 0; line-height:1.3;}


/* subPage */
body#subPage #Contents {
position:absolute;
top:182px;
left:0;
}


body#subPage h2{
margin:0;
padding:10px 22px 8px 20px;
background: url(../img/fuuki/cmn_ttlbg.gif) top left no-repeat;
font-size:1.3em;
font-weight:bold;
}

.article{
margin:0 0 30px 0 ;
padding: 20px 15px 15px 15px;
background:#FFF;
}


.article h3{
margin-bottom:15px;
padding:2px 10px;
font-size:1.1em;
font-weight:bold;
border-left:4px solid #C5A467;
}

.articleCont h4{
padding:10px;
font-size:1.1em;
font-weight:bold;
}

.articleCont{
margin-bottom:20px;
padding:10px 22px 20px 12px;
background: url(../img/fuuki/article_bg.gif) bottom left no-repeat;
}

.article p{
margin-bottom:15px;
padding:10px 22px 20px 12px;
background: url(../img/fuuki/article_bg.gif) bottom left no-repeat;
}

.article p img{
margin:5px;
border:1px solid #D7CDB9;
}
.article p img.imgClear{
margin:0;
border:none;
}

.article p.flat{
margin-bottom:15px;
padding:10px;
background:none;
}
.article table p,
.article .articleCont p,
.article .articleBgNone p{
background:none;
margin-bottom:5px;
padding-bottom:5px;
}

.article .articleCont{ margin-bottom:15px;}

/*pageLink*/
.pageLink{
clear:both;
padding: 30px 20px 10px 0;
}

/* google map */
.gMap{
width:400px;
margin:10px auto;
}

.gMap iframe{
width:100%;
width:425px;
height:350px;
border:1px solid #D7CDB9;
}

/*linkArea*/
.linkArea{
margin-bottom:15px;
padding:10px;
color:#FFF;
border:1px solid #DEDEDE;
}

.linkArea li{
margin-right:15px;
display:inline;
padding:4px 0 4px 20px;
background: url(../img/fuuki/marker01.gif) 5px center no-repeat;
}

/* this image set  */
a:hover img.btn{opacity:0.8;}


/**************************************/
/*            SUB CONTENT            */
/**************************************/
.subBanner li{margin-bottom:10px;}
.subBanner li img{width:100%; vertical-align:bottom;}
.subBanner li a{
display:inline-block;
padding:0;
background:#fff;
border-radius:6px;
box-sizing:border-box;
}
.subBanner li a:hover img{
opacity:0.8;
}



/**************************************/
/*               FOOTER               */
/**************************************/

.footMenu{
width:115px;
float:left;
font-size:0.8em
}
.footMenu.long{
width:130px;
}
.footMenu li{
padding:0 0 0px 13px;
background: url(../img/fuuki/marker02.gif) 3px center no-repeat;
}

#Footer #itemCopy{
float:right;
padding-top:40px;
font-size:11px;
font-weight:normal;
}