/***********ヘッダー部分****************/

header{
padding-top:5px;
padding-bottom:5px;
top:0;
left:0;
width:100%;
height:123px;
border-top:5px solid #4A1E1E;
border-bottom:5px solid #4A1E1E;
background:url(../img/common/h_bg.png) repeat-x;
box-shadow: 3px 8px 8px 3px rgba(0,0,0,0.3);
position:absolute;
z-index:999;
}

header .top_area{
margin:auto auto;
padding:0px;
width:960px;
text-decoration:none;
}
	
header .top_area .right_box{
margin:0px;
padding:0px;
width:570px;
float:right;
}

header .top_area ul{
margin:0px 0 0 0;
padding:0px 0px 0 85px;
width:485px;
float:left;
}

header .top_area ul li{
margin:0px;
padding:0px;
text-align:left;
float:left;
list-style:none;
text-decoration:none;
font-size:10px;
color:#4A1E1E;
}

header .top_area ul li a:link, header .top_area ul li a:visited {
margin:0px;
padding:0px;
color:#4A1E1E;
background:transparent;
text-decoration:none;
}

header .top_area ul li a:hover, header .top_area ul li a:active, header .top_area ul li a:focus {
margin:0px;
padding:0px;
color:#941F24;
background:transparent;
text-decoration:underline;
}

header .top_area .logo_area{
margin:0px;
padding:0px;
float:left;
width:640px;
}

header .top_area .logo_area .logo{
margin:0px;
padding:0px 0 0 0 ;
text-align:left;
float:left;
width:182px;
}

header .top_area .logo_area h1{
margin:0 0 0 10px;
padding:32px 0 5px 0px;
font-size:13px;
float:left;
font-weight:bold;
text-align:left;
width:340px;
color:#4A1E1E;
text-decoration:none;
}

header .top_area .logo_area p{
margin:0 0 0 10px;
padding:0px 0 0px 0px;
font-size:11px;
line-height:15px;
text-align:left;
color:#4A1E1E;
float:left;
width:440px;
text-decoration:none;
}

header .top_area h1 a:link, header .top_area h1 a:visited {
color:#4A1E1E;
background:transparent;
text-decoration:none;
}

header .top_area h1 a:hover, header .top_area h1 a:active, header .top_area h1 a:focus {
color:#941F24;
text-decoration:none;
background:transparent;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
}



header .top_area .info_area{
margin:0px;
padding:35px 0 0 0;
float:right;
width:300px;
color:#4A1E1E;
text-align:right;
}

header .top_area .info_area h3{
margin:0px 0 0px 0;
padding:0 0 3px 0px;
font-size:19px;
font-weight:bold;
color:#4A1E1E;
}

header .top_area .info_area p{
margin:0px;
padding:0px;
font-size:13px;
color:#4A1E1E;
letter-spacing:1.5px;
}

header .top_area .info_area .add{
font-weight:bold;
color:#4A1E1E;
letter-spacing:1.1px;
}

header .top_area .info_area .tel{
margin:0px;
padding:3px 0 3px 0;
font-size:28px;
font-weight:bold;
color:#4A1E1E;
letter-spacing:0px;
}

header .top_area .info_area .tel a:link, header .top_area .info_area .tel a:visited {
color:#4A1E1E;
background:transparent;
text-decoration:none;
}

header .top_area .info_area .tel a:hover, header .top_area .info_area .tel a:active, header .top_area .info_area .tel a:focus {
color:#941F24;
text-decoration:none;
background:transparent;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
}

header .top_area .info_area .time{
margin:0px;
padding:0px;
font-size:10px;
color:#4A1E1E;
letter-spacing:0px;
}


.h_img{
margin:auto auto;
margin-top:140px;
padding:0px;
height:420px;
background:url(../img/common/h_img.png) no-repeat center;
}

/***********ナビゲーション****************/

nav{
margin:0px 0 0 0;
padding:0px 0 1px 0 ;
width:100%;
height:90px;
background:#4A1E1E;
}

#nav_b{
margin:auto auto;
padding:0px;
width:960px;
}

ul#b01 {
margin:0 3px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

ul#b01 li {
padding:0;
display:block;
overflow:hidden;
float:left;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-indent:-99999px;
}

ul#b01.hover-css li a,
ul#b01.hover-anims li a,
ul#b01.hover-anims li span {
display:block;
width:135px;
height:40px;
background:url(../img/common/b01.png) no-repeat;
}

ul#b01.hover-css li a,ul#b01.hover-anims li a {
position:relative;
}

ul#b01.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b01.hover-css li.banner a, 
ul#b01.hover-anims li.banner a{
background-position:0 0px;
}

ul#b01.hover-css li.banner a:hover, 
ul#b01.hover-css li.banner a.on, 
ul#b01.hover-anims li.banner span a.on,
ul#b01.hover-anims li.banner a span, 
ul#b01.hover-anims li.banner span { 
background-position:0 -40px;
 }
 
ul#b02 {
margin:0 3px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

ul#b02 li {
padding:0;
display:block;
overflow:hidden;
float:left;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-indent:-99999px;
}

ul#b02.hover-css li a,
ul#b02.hover-anims li a,
ul#b02.hover-anims li span {
display:block;
width:135px;
height:40px;
background:url(../img/common/b02.png) no-repeat;
}

ul#b02.hover-css li a,ul#b02.hover-anims li a {
position:relative;
}

ul#b02.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b02.hover-css li.banner a, 
ul#b02.hover-anims li.banner a{
background-position:0 0px;
}

ul#b02.hover-css li.banner a:hover, 
ul#b02.hover-css li.banner a.on, 
ul#b02.hover-anims li.banner span a.on,
ul#b02.hover-anims li.banner a span, 
ul#b02.hover-anims li.banner span { 
background-position:0 -40px;
 }

ul#b03 {
margin:0 3px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

ul#b03 li {
padding:0;
display:block;
overflow:hidden;
float:left;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-indent:-99999px;
}

ul#b03.hover-css li a,
ul#b03.hover-anims li a,
ul#b03.hover-anims li span {
display:block;
width:135px;
height:40px;
background:url(../img/common/b03.png) no-repeat;
}

ul#b03.hover-css li a,ul#b03.hover-anims li a {
position:relative;
}

ul#b03.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b03.hover-css li.banner a, 
ul#b03.hover-anims li.banner a{
background-position:0 0px;
}

ul#b03.hover-css li.banner a:hover, 
ul#b03.hover-css li.banner a.on, 
ul#b03.hover-anims li.banner span a.on,
ul#b03.hover-anims li.banner a span, 
ul#b03.hover-anims li.banner span { 
background-position:0 -40px;
}


ul#b04 {
margin:0 3px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

ul#b04 li {
padding:0;
display:block;
overflow:hidden;
float:left;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-indent:-99999px;
}

ul#b04.hover-css li a,
ul#b04.hover-anims li a,
ul#b04.hover-anims li span {
display:block;
width:134px;
height:40px;
background:url(../img/common/b04.png) no-repeat;
}

ul#b04.hover-css li a,ul#b04.hover-anims li a {
position:relative;
}

ul#b04.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b04.hover-css li.banner a, 
ul#b04.hover-anims li.banner a{
background-position:0 0px;
}

ul#b04.hover-css li.banner a:hover, 
ul#b04.hover-css li.banner a.on, 
ul#b04.hover-anims li.banner span a.on,
ul#b04.hover-anims li.banner a span, 
ul#b04.hover-anims li.banner span { 
background-position:0 -40px;
}

ul#b05 {
margin:0 3px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

ul#b05 li {
padding:0;
display:block;
overflow:hidden;
float:left;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-indent:-99999px;
}

ul#b05.hover-css li a,
ul#b05.hover-anims li a,
ul#b05.hover-anims li span {
display:block;
width:134px;
height:40px;
background:url(../img/common/b05.png) no-repeat;
}

ul#b05.hover-css li a,ul#b05.hover-anims li a {
position:relative;
}

ul#b05.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b05.hover-css li.banner a, 
ul#b05.hover-anims li.banner a{
background-position:0 0px;
}

ul#b05.hover-css li.banner a:hover, 
ul#b05.hover-css li.banner a.on, 
ul#b05.hover-anims li.banner span a.on,
ul#b05.hover-anims li.banner a span, 
ul#b05.hover-anims li.banner span { 
background-position:0 -40px;
}

ul#b06 {
margin:0 3px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

ul#b06 li {
padding:0;
display:block;
overflow:hidden;
float:left;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-indent:-99999px;
}

ul#b06.hover-css li a,
ul#b06.hover-anims li a,
ul#b06.hover-anims li span {
display:block;
width:134px;
height:40px;
background:url(../img/common/b06.png) no-repeat;
}

ul#b06.hover-css li a,ul#b06.hover-anims li a {
position:relative;
}

ul#b06.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b06.hover-css li.banner a, 
ul#b06.hover-anims li.banner a{
background-position:0 0px;
}

ul#b06.hover-css li.banner a:hover, 
ul#b06.hover-css li.banner a.on, 
ul#b06.hover-anims li.banner span a.on,
ul#b06.hover-anims li.banner a span, 
ul#b06.hover-anims li.banner span { 
background-position:0 -40px;
}

ul#b07 {
margin:0;
padding:0;
position:relative;
z-index:1;
box-shadow: 3px 7px 7px 3px rgba(0,0,0,0.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
float:left;
}

ul#b07 li {
padding:0 0px 0 0;
display:block;
overflow:hidden;
float:left;
text-indent:-99999px;
}

ul#b07.hover-css li a,
ul#b07.hover-anims li a,
ul#b07.hover-anims li span {
display:block;
width:134px;
height:40px;
background:url(../img/common/b07.png) no-repeat;
}

ul#b07.hover-css li a,ul#b07.hover-anims li a {
position:relative;
}

ul#b07.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#b07.hover-css li.banner a, 
ul#b07.hover-anims li.banner a{
background-position:0 0px;
}

ul#b07.hover-css li.banner a:hover, 
ul#b07.hover-css li.banner a.on, 
ul#b07.hover-anims li.banner span a.on,
ul#b07.hover-anims li.banner a span, 
ul#b07.hover-anims li.banner span { 
background-position:0 -40px;
}

.nav_line{
margin:0;
padding:10px 0 0 0 ;
}


/***********メイン****************/

#main_area{
margin:auto auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
width:100%;
}

/***********コンテンツ部分****************/

#content_area {
margin:auto auto;
padding: 20px 0 0 0;
width: 960px;
}

#content_area_xmas {
margin:auto auto;
padding: 20px 0 0 0;
width: 860px;
background:#FFF;
}

/***********言語部分****************/

#lang_area{
margin:auto auto;
padding:5px 0 15px 0;
text-align:center;
width:530px;
}

div#google_translate_element * {
    font-size:16px;
}

/***********SNS部分****************/

#sns_area{
margin:auto auto;
padding:0 0 30px 0;
text-align:center;
width:530px;
}

#sns_area li{
margin:0 30px 0 0;
padding:0px;
width:110px;
height:30px;
float:left;
}

#sns_area li.end{
margin:0px;
padding:0px;
float:left;
}

/***********フッター部分****************/


footer{
margin:0px;
padding:10px 0px 0px 0px;
width:100%;
border-top:5px solid #5C4B00;
color:#4A1E1E;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.f_pc { margin:0 0 0 0; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 980px) {
.f_sp { margin:0 0 90px 0; }
}


footer p{
margin:0px;
padding:0px;
font-size:12px;
color:#4A1E1E;
}

footer p a:link, footer p a:visited {
color:#4A1E1E;
background:transparent;
text-decoration:none;
}

footer p a:hover, footer p a:active, footer p a:focus {
color:#941F24;
text-decoration:none;
background:transparent;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
}



#footer_nav{
margin:auto auto;
padding:0 0 15px 0;
width:960px;
clear:both;
}


#footer_nav ul{
margin:0px;
padding:0px;
display:inline;
list-style:none;
}

#footer_nav li{
margin:0px;
padding:0 0 0 2px;
display:inline;
list-style:none;
font-size:12px;
text-decoration:none;
text-align:left;
color:#4A1E1E;
}

#footer_nav li a:link, #footer_nav li a:visited {
color:#4A1E1E;
background:transparent;
text-decoration:none;
}

#footer_nav li a:hover, #footer_nav li a:active, #footer_nav li a:focus {
color:#941F24;
background:transparent;
text-decoration:none;
}

.copy{
margin:10px 0 0 0;
padding:5px 0 0 0;
font-size:10px;
width:100%;
height:15px;
text-align:center;
color:#FFFFFF;
border-top:2px solid #754c24;
background:#4A1E1E;
}

/***********インフォページ部分****************/


#sub_nav{
margin:auto auto;
padding: 30px 0 30px 0 ;
width: 830px;
text-align: center;
}

#sub_nav ul#b01_sub {
margin:0 125px 0 20px;
padding:0;
position:relative;
z-index:1;
float:left;
}

#sub_nav ul#b01_sub li {
padding:0;
display:block;
overflow:hidden;
float:left;
text-indent:-99999px;
width:93px;
height:21px;
background:url(../info/img/01_on.png) no-repeat;
}

#sub_nav ul#b01_sub.hover-css li a,
#sub_nav ul#b01_sub.hover-anims li a,
#sub_nav ul#b01_sub.hover-anims li span {
display:block;
width:93px;
height:21px;
background:url(../info/img/01.png) no-repeat;
}


#sub_nav ul#b01_sub.hover-css li a,ul#b01_sub.hover-anims li a {
position:relative;
}

#sub_nav ul#b01_sub.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

#sub_nav ul#b01_sub.hover-css li.banner a, 
#sub_nav ul#b01_sub.hover-anims li.banner a{
background-position:0 0px;
}

#sub_nav ul#b01_sub.hover-css li.banner a:hover, 
#sub_nav ul#b01_sub.hover-css li.banner a.on, 
#sub_nav ul#b01_sub.hover-anims li.banner span a.on,
#sub_nav ul#b01_sub.hover-anims li.banner a span, 
#sub_nav ul#b01_sub.hover-anims li.banner span { 
background-position:0 -21px;
}

 
#sub_nav ul#b02_sub {
margin:0 125px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

#sub_nav ul#b02_sub li {
padding:0;
display:block;
overflow:hidden;
float:left;
text-indent:-99999px;
width:120px;
height:21px;
background:url(../info/img/02_on.png) no-repeat;
}

#sub_nav ul#b02_sub.hover-css li a,
#sub_nav ul#b02_sub.hover-anims li a,
#sub_nav ul#b02_sub.hover-anims li span {
display:block;
width:120px;
height:21px;
background:url(../info/img/02.png) no-repeat;
}

#sub_nav ul#b02_sub.hover-css li a,ul#b02_sub.hover-anims li a {
position:relative;
}

#sub_nav ul#b02_sub.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

#sub_nav ul#b02_sub.hover-css li.banner a, 
#sub_nav ul#b02_sub.hover-anims li.banner a{
background-position:0 0px;
}

#sub_nav ul#b02_sub.hover-css li.banner a:hover, 
#sub_nav ul#b02_sub.hover-css li.banner a.on, 
#sub_nav ul#b02_sub.hover-anims li.banner span a.on,
#sub_nav ul#b02_sub.hover-anims li.banner a span, 
#sub_nav ul#b02_sub.hover-anims li.banner span { 
background-position:0 -21px;
}

#sub_nav ul#b03_sub {
margin:0 125px 0 0;
padding:0;
position:relative;
z-index:1;
float:left;
}

#sub_nav ul#b03_sub li {
padding:0;
display:block;
overflow:hidden;
float:left;
text-indent:-99999px;
width:81px;
height:21px;
background:url(../info/img/03_on.png) no-repeat;
}

#sub_nav ul#b03_sub.hover-css li a,
#sub_nav ul#b03_sub.hover-anims li a,
#sub_nav ul#b03_sub.hover-anims li span {
display:block;
width:81px;
height:21px;
background:url(../info/img/03.png) no-repeat;
}

#sub_nav ul#b03_sub.hover-css li a,ul#b03_sub.hover-anims li a {
position:relative;
}

#sub_nav ul#b03_sub.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

#sub_nav ul#b03_sub.hover-css li.banner a, 
#sub_nav ul#b03_sub.hover-anims li.banner a{
background-position:0 0px;
}

#sub_nav ul#b03_sub.hover-css li.banner a:hover, 
#sub_nav ul#b03_sub.hover-css li.banner a.on, 
#sub_nav ul#b03_sub.hover-anims li.banner span a.on,
#sub_nav ul#b03_sub.hover-anims li.banner a span, 
#sub_nav ul#b03_sub.hover-anims li.banner span { 
background-position:0 -21px;
}

#sub_nav ul#b04_sub {
margin:0px;
padding:0;
position:relative;
z-index:1;
float:left;
}

#sub_nav ul#b04_sub li {
padding:0;
display:block;
overflow:hidden;
float:left;
text-indent:-99999px;
width:140px;
height:21px;
background:url(../info/img/04_on.png) no-repeat;
}

#sub_nav ul#b04_sub.hover-css li a,
#sub_nav ul#b04_sub.hover-anims li a,
#sub_nav ul#b04_sub.hover-anims li span {
display:block;
width:140px;
height:21px;
background:url(../info/img/04.png) no-repeat;
}

#sub_nav ul#b04_sub.hover-css li a,ul#b04_sub.hover-anims li a {
position:relative;
}

#sub_nav ul#b04_sub.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}

#sub_nav ul#b04_sub.hover-css li.banner a, 
#sub_nav ul#b04_sub.hover-anims li.banner a{
background-position:0 0px;
}

#sub_nav ul#b04_sub.hover-css li.banner a:hover, 
#sub_nav ul#b04_sub.hover-css li.banner a.on, 
#sub_nav ul#b04_sub.hover-anims li.banner span a.on,
#sub_nav ul#b04_sub.hover-anims li.banner a span, 
#sub_nav ul#b04_sub.hover-anims li.banner span { 
background-position:0 -21px;
}


.eng_txt{
margin:0px;
padding:0px;
font-size:11px;
line-height:17px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#473414;
}

.eng_txt_red{
margin:0px;
padding:0px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#941F24;
}

.txt_13{
margin:0px;
padding:0px;
font-size:13px;
}

.txt_12{
margin:0px;
padding:0px;
font-size:12px;
}

.txt_12_1{
margin:0px;
padding:0px;
font-size:12px;
letter-spacing:-0.5px;
}

.txt_11{
margin:0px;
padding:0px;
font-size:11px;
}

.txt_10{
margin:0px;
padding:0px;
font-size:10px;
}

.right{
text-align:right;
}


li.fm1 {
    float: left;
    width: 50%;
    background: #053628;
	color:#FFF;
	font-size:25px;
	font-weight:bold;
    text-align: center;
    /*border-radius: 4px;*/
    padding: 20px 0px  15px 0;
	height:55px;
	/*filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
}

li.fm1 img {
vertical-align:middle;
}

li.fm2 {
    float: left;
    width: 50%;
    background: #8c8545;
    text-align: center;
	color:#FFF;
	font-size:25px;
	font-weight:bold;
    /*border-radius: 4px;*/
    padding: 20px 0px  15px 0;
	height:55px;
	/*filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
}

li.fm2 img {
vertical-align:middle;
}

.footer-menu {
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    opacity: 1!important;
}
.sysFuncText.footermenu {
    max-width: 100%!important;
    margin-left: 1%!important;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 980px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media screen and (max-width:1920px){
.footer-menu {
    left: 0px;
}
li.fm {
    padding: 0%;
}
}