/* CSS Document */

body {
	background-image:url(../img/common/back.jpg);
}

#idBody {
	overflow:hidden;
	position:relative;

	background-image:url(../img/common/back_moyou.png);
	background-repeat:repeat-y;
	background-position:left 150px;
}
#idBody01 {

	background-image:url(../img/common/back_moyou.png);
	background-repeat:repeat-y;
	background-position:right 150px;
}

@media screen and (max-width: 1300px){
#idBody {
	background-image:none;
}
#idBody01 {
	background-image:none;
}
}


.sp{
	display:none;
}

/*----------------------------------
HEAD_bana
----------------------------------*/
#head_bana{
	position: absolute;
	top:60px;
	left: 10px;
	z-index:3; 
}
@media screen and (max-width: 1400px){
#head_bana{
	top:170px;
}
}

/*----------------------------------
HEAD
----------------------------------*/
#idHead{
	text-align:left;
	height:154px;
	position:relative;
	width:100%;
	background-image:url(../img/common/back.jpg);
}
#idHead #idHead_logo{
	z-index:3;
	top:39px;

	text-align:center;
	left: 0;
	right: 0;
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	width:142px;
}
#idHead #idHeadText{
	font-size:80%;
	padding-left:10px;
	padding-top:5px;
	position: absolute;
	color:#7a7a7a;
}
#idHead #idHeadSns{
	position: absolute;
	right:5px;
	/*top:5px;*/
	top: 35px;
	border-right:1px solid #999;
}
#idHead #idHeadSns li{
	display:inline-block;
	width:38px;
	vertical-align:middle;
	text-align:center;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
#idHead #idHeadSns li a{
	display:inline-block;
	padding:2px 0;	
}
#idHead #idHeadSns li img{
	width:90%;
}

/*#idHead #idHeadLang{
	position: absolute;
	right:5px;
	top:50px;
	width:40%;
	text-align:right;
}*/
#idHead #idHeadLang {
    position: fixed;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 10;
    padding: 0 1%;
    background: #333;
    color: #fff;
	line-height: 1.8;
}
#idHead #idHeadLang li{
	display:inline-block;
}
#idHead #idHeadLang li a{
	font-size:90%;
	color: #fff;
}

#idHead #idHeadLang li:before {
  content: "|";
  padding-left: 1px;
  padding-right: 2px;
}
#idHead #idHeadLang li:first-child:before {
  content: "";
  padding-left: 0;
  padding-right: 0;
}




@media screen and (max-width: 700px){
#idHead {
	width: 700px;
}
}

/*----------------------------------
MENU
----------------------------------*/
.navbar{
	text-align:center;
	width:100%;
}
.navbar #idGlobalnav{
	top:105px;
	z-index:1;
	position: absolute;
	width:100%;
}

.navbar #idGlobalnav #gNavi li{
	display: inline-block;
}
.navbar #idGlobalnav #gNavi li#gNavi_02{
	margin-right:185px;
}
.navbar #idGlobalnav #gNavi li#gNavi_04{
	margin-right:20px;
}
.navbar #idGlobalnav #gNavi a{
	font-size:14px;
	display: inline-block;
	padding:10px 10px 20px 10px;
	max-height:40px;
}
.navbar #idGlobalnav #gNavi a:hover{
	background-color:#ac9347;
	color:#FFF;
	text-decoration:none;
}



/*SP----*/
.navbar #idGlobalnav #gNavi li ul.sp{
	display:none;
}

/*MEGAMENU----*/
.navbar .mega-menu{
	display:none;
	z-index:3;
	position:absolute;
	width:100%;
	margin-top:154px;
	
}
.navbar .mega-menu.active{
	display:block;
}
.navbar #megaMenu{
	text-align:center;
	background-color:#ac9347;
	padding:15px 0;
}
.navbar #megaMenu li{
	display: inline-block;
	margin-right:5px;
	margin-left:5px;
	text-align:left;
	vertical-align:top;
	width:299px;
}
.navbar #megaMenu li.clClose{
	display:none;
}

.navbar #megaMenu li a{
	color:#FFF;
	display:block;
}
.navbar #megaMenu li a:hover{
	text-decoration:none;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
.navbar #megaMenu li span{
	display:block;
	background-image:url(../img/common/head_menu_point.png);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:left center;
	padding-top:5px;
	padding-bottom:2px;
	font-size:14px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.navbar #megaMenu li a:hover span{
	background-position:3px center;
}

.clClose{
	display:none;
}




@media screen and (max-width: 950px){
.navbar #megaMenu li{
	width:32%;
	margin-left:0.2%;
	margin-right:0.2%;
}
.navbar #megaMenu li img{
	width:100%;
}
}








/*PAGEUP----------------------------------*/
#pageup{
	position:fixed !important;
	z-index:10;
	bottom:70px;
	right:10px;
	display:none;
}
#pageup img{
	width:44px;
	height:44px;
}


@media screen and (max-width: 650px){
#pageup img{
	width:64px;
	height:64px;
}
}



/*----------------------------------
COMMON
----------------------------------*/
.contents{
	width:1210px;
	margin-left:auto;
	margin-right:auto;
}


@media screen and (max-width: 1210px){
.contents{
	width:96%;
}
}

@media screen and (max-width: 700px){
.contents{
	width:700px;
}
}


.clView{
	vertical-align: top;
	display:inline-block;
}
.clView a{
	display:inline-block;
	padding:4px 28px 4px 15px;
	background-color:#ac9347;
	color:#FFF;
	background-image:url(../img/common/point.png);
	background-position:95% center;
	background-repeat:no-repeat;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.clView a:hover{
	background-color:#c9b472;
	background-position:96% center;
	text-decoration:none;
}

.clH1{
	font-size:190%;
	color:#333;
	margin-bottom:10px;
	line-height:1.1;
}
.clH1 span{
	font-size:70%;
}
.cl_w .clH1,
.cl_w{
	color:#FFF;
}

.COMMON .contents01 .clH1,
.COMMON .contents02 .clH1{
	margin-bottom:60px;
}


.COMMON{
}

.COMMON .clH1{
	text-align:center;
}

.COMMON .contents02{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:60px;
}
.COMMON .contents01{
	padding-top:60px;
	width:1210px;
	margin-left:auto;
	margin-right:auto;
}

.COMMON .main_title{
	overflow:hidden;
	position:relative;
	width:100%;
	height:530px;
	text-align:center;
	background-color:#010101;
}
.COMMON .clMini{
	height:200px;
}

.COMMON .main_title img{
	position:absolute;
	margin-left:-850px;
	left:50%;
	height:530px;
}
.COMMON .clMain_title_text{
	position:absolute;
	top:80px;
	z-index:2;
	font-size:220%;
	color:#FFF;
	
	margin-left:12%;
	margin-right:3%;
	left:0;
	right:0;
	
	width:85%;
	
	text-align:left;
}

@media screen and (max-width: 1210px){
.COMMON .clMain_title_text{
	width:96%;
}
.COMMON .contents01{
	width:96%;
}
}

@media screen and (max-width: 800px){
.COMMON .contents02{	
	width:96%;
}
}

@media screen and (max-width: 700px){
.COMMON .clMain_title_text{
	width:700px;
}
.COMMON .contents02{	
	width:700px;
}
.COMMON .contents01{
	width:700px;
}

}


/*----------------------------------
SIDE
----------------------------------*/
#idSide_tell_tr{
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottom-left: 10px;
	-ms-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-top-left: 10px;
	-ms-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	
	background-image:url(../img/common/side_tell_back.png);
	
	color:#FFF;
	overflow:hidden;
	
	display:none;
	right:0;
	bottom:130px;
	position:fixed !important;
	z-index:5;


    -moz-box-shadow: 0 0 4px #333333;
    -webkit-box-shadow: 0 0 4px #333333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#aaaaaa,strength=3)";
    filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=0,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=270,strength=3);
    box-shadow: 0 0 10px #333333;
}
#idSide_tell_tr #idSide_tell{
	padding:10px 10px 5px 10px;
}
#idSide_tell_tr #idSide_tell dt{
	font-size:70%;
}
#idSide_tell_tr #idSide_tell dd a{
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	background-image:url(../img/common/icon_tel.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:16px
}
#idSide_tell_tr #idSide_tr{
	background-image:url(../img/common/side_tr_back.png);
	background-repeat:repeat-x;
	background-color:#852929;
			margin-bottom:0;
}
#idSide_tell_tr #idSide_tr a{
	padding:10px;
	background-image:url(../img/common/yoyaku_point.png);
	background-position:95% center;
	background-repeat:no-repeat;
	display:block;
	color:#FFF;
	text-align:center;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
			margin-bottom:0;
}
#idSide_tell_tr #idSide_tr a:hover{
	background-position:97% center;
	text-decoration:none;
}




/*----------------------------------
BOTTOMLOGO
----------------------------------*/
#idBottomlogo{
	padding-top:50px;
	padding-bottom:50px;
	position:relative;
	text-align:center;
	z-index:2;
}
#idBottomlogo h1{
	margin-bottom:25px;
}
#idBottomlogo #idBottomlogo_ul li{
	display:inline-block;
	margin-right:2%;
	margin-left:2%;
}

@media screen and (max-width: 1200px){
#idBottomlogo #idBottomlogo_ul li{
	width:20%;
}
#idBottomlogo #idBottomlogo_ul li img{
	width:100%;
}	
}
@media screen and (max-width: 470px){
#idBottomlogo #idBottomlogo_ul li{
	width:28%;
	margin-right:0;
}
#idBottomlogo{
	padding-bottom:90px;
}
}





/*----------------------------------
FOOTER
----------------------------------*/
#idFooter {
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../img/common/foot_kugiri.png);
	padding-top:20px;
}


#idFooter #idFooterlink ul{
}

#idFooter #idFooterlink li a{
	display:inline-block;
	background-image:url(../img/common/foot_point.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	font-size:80%;
	padding-top:4px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#idFooter #idFooterlink li a:hover{
	background-position:5px center;
}
#idFooter #idFooterlink li{
	margin-right:5px;
	display:inline-block;
	margin-bottom:20px;
}

#idFooter #idCopy{
	text-align:center;
	background-color:#333333;
	color:#5f5f5f;
	padding:4px 0;
}



/*--------------------------------------------
PANKUZU
--------------------------------------------*/
#idPan{
	padding:1px 20px;
	position:relative;
	z-index:2;
	text-align:right;
	font-size:80%;
	border-top:solid 1px #dad0b1;
	background-image:url(../img/common/back.jpg);
}
#idPan a{
}
#idPan strong{
	color:#333;
	font-weight:normal;
}
#idPan li{
	display:inline-block;
}
#idPan li:before {
  content: ">";
  padding-left: 5px;
  padding-right: 8px;
}
#idPan li:first-child:before {
  content: "";
  padding-left: 0;
  padding-right: 0;
}



/*--------------------------------------------
clWabana
--------------------------------------------*/
div.clWabana{
	margin-bottom: 4%;
}
div.clWabana img{
	max-width: 100%;
}
div.clWabana img.pc{
	display: block;
}
div.clWabana img.sp{
	display: none;
}
@media screen and (max-width: 640px){
div.clWabana img.pc{
	display: none;
}
div.clWabana img.sp{
	display: block;
}
}




/*-------clTyuizikou-------*/
.clTyuizikou_bk {
	background-image:url(../img/common/back.jpg);
}
.clTyuizikou {
	padding-top: 20px;
	padding-bottom: 20px;
}
.clTyuizikou dl{
	border: 1px solid #8F3F3F;
	padding: 40px;
	background-color: #F4EDD7;
}
.contents.clTyuizikou dl{
	margin-left: 10%;
	margin-right: 10%;	
}
.clTyuizikou dl dt{
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	color: #8F3F3F;
	font-size: 120%;
	margin-bottom: 10px;
}
.clTyuizikou dl dd{
	line-height: 2em;
}
@media screen and (max-width: 640px){
.clTyuizikou dl{
	padding: 7%;
}	
.contents.clTyuizikou dl{
	margin-left: 0%;
	margin-right: 0%;
}
}

/*----------------------------------
HEAD_bana
@media screen and (max-width: 1400px){
#head_bana{
	top:450px;
}
}
----------------------------------*/
/**********20201026追記***********/
.navbar #idGlobalnav #gNavi{
	display: block;
	margin-left: 150px;
}