/* CSS Document */

/* 基本装飾 */

body { font-size: 13px; line-height: 20px; text-align: center; margin-top:10px; 
       background-color:#fff; 
	   background-image: url(images/top/head_bg.jpg); background-repeat:repeat-x; }

img a { border:0;}

a{ color: #009966; text-decoration: none; }

a:link{
	color: #963;
	text-decoration: none;
}

a:visited{
	color: #963;
	text-decoration: none;
}

a:hover{
	color: #963;
	text-decoration: underline;
}

p { font-size: 13px; padding:5px 0 10px 0; margin: 0px; color:#5c5c5c; line-height:22px; }
em { visibility:hidden; }

a img { border: none; }

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font16_2 { font-size: 16px; font-weight:bold; line-height:30px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.font32 { font-size: 32px; }
.red { color: #FF0000; }
.red2 { color: #FF0000; font-weight:bold; }
.red_11 { color: #FF0000; font-size:10px; line-height:14px;}
.red16 { color: #FF0000; font-weight:bold; font-size:16px; line-height:28px; }
.blue { color: #0000FF; }
.blue16 { color: #009999; font-weight:bold; font-size:16px; margin:10px 0 0 0; }
.blue16_2 { color: #0099FF; font-weight:bold; font-size:16px; }
.green { color: #006600; }
.green16 { color: #006633; font-weight:bold; font-size:16px;}
.purple16 { color: #990066; font-weight:bold; font-size:16px; }
.gray { color: #666666; }
.white { color: #FFFFFF; }
.black { color: #000000; }

.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0px 10px 10px 10px; }

.clear { clear:both;}


/*****【ページレイアウト】*****/
#wrapper { width:1030px; margin: 0; padding: 0;
           text-align: left; margin-left: auto; margin-right: auto; background: none; }

#wrapper_l { width:900px; margin:0; padding:0; float:left; background: none; }

#wrapper_r { width:120px; margin:320px 0 0 10px; padding: 0; float:left; background: none; }



/******【ヘッダー】********/
#header { margin:0; padding:0;
          width:900px; font-size: 12px; color: #333;  text-align: left; display:block; 
		  background-image: url(images/top/head.jpg); background-repeat:no-repeat;}


#header h1 { margin:0; padding: 0 5px 0 5px;
             color: #a48b78; font-weight: normal; font-size: 12px; line-height: 18px; text-align:right; letter-spacing: 0px; }


/******【上部横ナビ】*****/
#navigation { width:900px; margin-top:0; height:95px; }

#navigation ul { list-style: none; margin:0; padding:0; font-size:12px; overflow:hidden; }
#navigation li { float: left; margin:0; padding:0; }
#navigation li em { visibility:hidden; }

#navigation li.n01 a { display:block; width:130px; line-height:95px; color: #333; padding:0 ; float:left;
                       background-image: url(images/top/navi_01.gif); background-position:left top; text-decoration: none; text-align: center; }
#navigation li.n01 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navigation li.n02 a { display:block; width:130px; line-height:95px; color: #333; padding:0 ; float:left;
                       background-image: url(images/top/navi_02.gif); background-position:left top; text-decoration: none; text-align: center; }
#navigation li.n02 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navigation li.n03 a { display:block; width:130px; line-height:95px; color: #333; padding:0 ; float:left;
                       background-image: url(images/top/navi_03.gif); background-position:left top; text-decoration: none; text-align: center; }
#navigation li.n03 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navigation li.n04 a { display:block; width:130px; line-height:95px; color: #333; padding:0 ; float:left;
                       background-image: url(images/top/navi_04-2.gif); background-position:left top; text-decoration: none; text-align: center; }
#navigation li.n04 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navigation li.n05 a { display:block; width:130px; line-height:95px; color: #333; padding:0 ; float:left;
                       background-image: url(images/top/navi_05-2.gif); background-position:left top; text-decoration: none; text-align: center; }
#navigation li.n05 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navigation li.n06 a { display:block; width:130px; line-height:95px; color: #333; padding:0 ; float:left;
                       background-image: url(images/top/navi_06.gif); background-position:left top; text-decoration: none; text-align: center; }
#navigation li.n06 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.navi_logo { margin:0; padding:0; float:left; width:120px; }


/******【メイン】*****/
#main { width:900px; margin:30px 0 0 0; padding:0; }
#main_in { margin: 0; padding: 0; }


/*******【メインもろもろ】*******/
.con_waku { margin:0; padding:0; }

.con_l { margin:0; padding:0; float:left; width:480px; }
.con_r { margin:0 0 0 9px; padding:0; float:left; width:410px; }


/*****【右バナー】*****/

/*資料請求ボタン追加*/
.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px;
	letter-spacing: 2px;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
	width: 95px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 4px gray;
		
}
.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}


.bn_china{
  margin-bottom:5px;
}
#wrapper_r .r_textlink {
	margin: 0 0 20px 0px;
	padding: 0;
	width: 118px;
	font-size: 12px;
	border-right: 1px solid #9e2428;
	border-left: 1px solid #9e2428;
}

#wrapper_r .r_textlink a.link01 {
	display: block;
	width: 118px;
	line-height: 36px;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	text-align: center;
	background-color: #9e2428;
}
#wrapper_r .r_textlink a.link01:hover {
	background-color: #da434a;
	color: #FFFEEF;
	text-decoration: none;
}

#wrapper_r .r_textlink a.link02 {
	display: block;
	width: 118px;
	line-height: 36px;
	color: #9e2428;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	text-align: center;
	background-color: #FFF;
	border-bottom: 1px dotted #9e2428;
}
#wrapper_r .r_textlink a.link02:hover {
	background-color: #ffe3e4;
	color: #da434a;
	text-decoration: none;
}


.r_bn_00 a { display:block; width:120px; line-height:250px; color: #333; margin:0; padding:0 ;
             background-image: url(images/top/r_bn_2015.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_00 a:hover { background-color: none; background-position: right top; text-decoration: none; }
			 
.r_bn_01 a { display:block; width:120px; line-height:250px; color: #333; margin:10px 0 0 0; padding:0 ;
             background-image: url(images/top/r_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.r_bn_02 a { display:block; width:120px; line-height:250px; color: #333; margin:10px 0 0 0; padding:0 ;
             background-image: url(images/top/r_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_02 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.r_bn_03 a { display:block; width:120px; line-height:250px; color: #333; margin:10px 0 0 0; padding:0 ;
             background-image: url(images/top/r_bn_03.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_03 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.r_bn_04 a { display:block; width:120px; line-height:147px; color: #333; margin:0 0 10px 0; padding:0 ;
             background-image: url(images/top/r_bn_04.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_04 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.r_bn_05 a { display:block; width:120px; line-height:147px; color: #333; margin:10px 0 0 0; padding:0 ;
             background-image: url(images/top/r_bn_05.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_05 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.r_bn_06 a { display:block; width:120px; line-height:147px; color: #333; margin:0 0 10px 0; padding:0 ;
             background-image: url(images/top/r_bn_06.jpg); background-position:left top; text-decoration: none; text-align: center; }
.r_bn_06 a:hover { background-color: none; background-position: right top; text-decoration: none; }


#wrapper_r img.link_b { margin:8px 0 0 0px; padding: 0; }


/*******【検索・リンク】*******/
.con_l_up { margin:0; padding:0; }

.con_l_up_l { margin:0; padding:0; float:left; }
.con_l_up_r { margin:0 0 0 10px; padding:0; float:right; }

.jbwa_bn_01 a { display:block; width:200px; line-height:30px; color: #333; margin:0; padding:0 ; float:left;
                background-image: url(images/top/footer_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
.jbwa_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.sp_kensaku { margin:0; padding:0; text-align:center; }

/*******【メインスライド】*******/
.con_l_down { margin:0; padding:0; }
.con_l_down ul,li { list-style: none; margin:0; padding:0; }


.slide_bg { margin:0; padding:0; background-color:#38221c; }

.slide_in { margin:0; padding:10px 0 10px 50px; }


.bx-pager { display: table; width: 100%; }
.bx-pager a img { opacity: 0.5;  filter: alpha(opacity=50); display: block; float:left; margin:0 15px 0 0; }  
.bx-pager a.active img {  opacity: 1;  filter: alpha(opacity=100);  }  


.bx-pager2 { display: table; width: 160px; float:left; }
.bx-pager2 a img { opacity: 0.5;  filter: alpha(opacity=50); display: block; float:left; margin:0 0 2px 0; }  
.bx-pager2 a.active img {  opacity: 1;  filter: alpha(opacity=10);  }  



/*******【ピックアップ広告】*******/
.pick_up_waku { margin:0; padding:0; width:410px; }

.pick_up { margin:0; padding:0; float:left; width:250px; }
.pick_up ul,li { list-style: none; margin:0; padding:0; }

.pick_up_sam { margin:0; padding:0; }
.pick_up_sam img { margin:0 0 2px 0; padding:0; }


.test { margin:0; padding:0; height:40px;}
.test2 { margin:0 0 1px 0; padding:0;}



/*******【お知らせ】*******/
.con_r_info { margin:0; padding:0; width:410px; }

.topix_title_waku { margin:0; padding:0; width:410px; }

.topix_title_salon img{ width:185px; }
.topix_title_new img{ width:110px; }

.topix_img { margin:0 3px 0 0; padding:0; float:left; }


.topix_info_waku { margin:0; padding:0; border:solid 1px #000000; }
.facebook { margin:0; padding:4px 0 0 0; float:left; }



.info_in { margin:0; padding:5px; }

p.topix_mark { margin:0; padding:0 0 0 20px; 
               font-size:13px; line-height:20px; color:#4A230C; 
			   background-image: url(images/top/topix_mark.jpg); background-repeat:no-repeat; }

p.topix_p { margin:0; padding:0 0 5px 20px; 
            f0ont-size:13px; line-height:20px; color:#4A230C; 
			border-bottom:dotted 1px #E1E1E1; }


/*******【お知らせ】スクロールバー*******/
.info_scroll { margin:0; padding:0; height:225px;
	  		   overflow: auto;
			   scrollbar-face-color: #979797;       /* 表面の色 */
			   scrollbar-3dlight-color: #F3F3F3;    /* 左端と上端の色 */
			   scrollbar-darkshadow-color: #F3F3F3; /* 右端と下端 */
			   scrollbar-highlight-color: #F3F3F3;  /* ハイライトの色 */
			   scrollbar-shadow-color: #F3F3F3;     /* 影の色 */
			   scrollbar-arrow-color: #F3F3F3;      /* 矢印の色 */
			   scrollbar-track-color: #F3F3F3; }




/*******【お知らせ】新着サロン*******/
.new_salon_waku { margin:0 0 5px 0; padding:2px; float:left; width:180px; 
                  border-bottom:dotted 1px #D5D5D5; }

.new_salon_waku p { margin:0 0 2px 0; padding:0; 
                    font-size:12px; line-height:18px; color:#7A7A7A; }

.new_salon_waku .left { margin:0 5px 0 0; padding:0; float:left; }




/*******【バナー】*******/
.con_bn_waku { margin:0; padding:0; display:block; width:900px; height:210px;  }

/*【バナー2種】*/
.con_bn_01 a { display:block; width:450px; line-height:210px; color: #333; margin:0; padding:0 ; float:left;
                  background-image: url(images/top/con_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
.con_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.con_bn_02 a { display:block; width:450px; line-height:210px; color: #333; margin:0; padding:0 ; float:left;
                  background-image: url(images/top/con_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; }
.con_bn_02 a:hover { background-color: none; background-position: right top; text-decoration: none; }

/*【バナー3種】*/
.con_bn_01_300 a { display:block; width:300px; line-height:210px; color: #333; margin:0; padding:0 ; float:left;
                  background-image: url(images/top/con_bn_01-300.jpg); background-position:left top; text-decoration: none; text-align: center; }
.con_bn_01_300 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.con_bn_02_300 a { display:block; width:300px; line-height:210px; color: #333; margin:0; padding:0 ; float:left;
                  background-image: url(images/top/con_bn_02-300.jpg); background-position:left top; text-decoration: none; text-align: center; }
.con_bn_02_300 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.con_bn_03_300 a { display:block; width:300px; line-height:210px; color: #333; margin:0; padding:0 ; float:left;
                  background-image: url(images/top/con_bn_03-300.jpg); background-position:left top; text-decoration: none; text-align: center; }
.con_bn_03_300 a:hover { background-color: none; background-position: right top; text-decoration: none; }



/*******【心地よいサロン作りアドバイス】*******/
.column_bg { margin:0; padding:0; height:350px; float:left;
             background-image:url(images/top/column_bg.jpg); background-repeat:no-repeat;}

.column_in { margin:0; padding:70px 5px 0 5px; }

.column_01_waku { margin:0 0 0 3px; padding:0; float:left; width:225px; }
.column_02_waku { margin:0 0 0 10px; padding:0; float:left; width:225px; }

img.colum_title { margin:10px 0 0 0; }

p.colum_new { margin:0; padding:5px 0 0 35px; 
              font-size: 13px; color:#5c5c5c; line-height:22px; 
			  border-bottom:dotted 1px #000; 
			  background-image:url(images/top/column_mark.png); background-repeat:no-repeat; }

p.colum_line { margin:0; padding:5px 0 0 5px; 
               font-size: 13px; color:#5c5c5c; line-height:22px; 
			   border-bottom:dotted 1px #000; }


/*******【心地よいサロン作りアドバイス】コラム一覧*******/
.colum_button_waku { margin:5px 5px 0 0; padding:0; width:186px; }

.colum_button_in { margin:0; padding:0 0 0 283px; }  



/*******【心地よいサロン作りアドバイス】地図*******/
.map_waku { margin:0 0 0 14px; padding:0; float:left; height:350px; }

.map_link { margin:0; padding:0; background-color:#fffeee; height:47px; }
.map_link_in { margin:0; padding:10px 10px 0 40px; }


/******【厳選おすすめリンク】*****/
.link_waku { margin:10px 0 0 0; padding:0; }

.link_bn { margin:0px 6px 0 0; padding:0; float:left; width:145px; font-size:9px; }
.link_bn_r { margin:5px 0 0 0; padding:0; float:left; width:145px; }
.link_bn_l { margin:5px 6px 0 0; padding:0; float:left; width:145px; }

.link_bn_01 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_b_nagoya.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.link_bn_02 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_kewl.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_02 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.link_bn_03 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_kanka.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_03 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.link_bn_04 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_b_ginza.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_04 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.link_bn_05 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_ElmoRois.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_05 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.link_bn_06 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_b_clarity.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_06 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.link_bn_07 a { display:block; width:145px; line-height:70px; color: #333; margin:5px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/link_bn_b_joelle.jpg); background-position:left top; text-decoration: none; text-align: center; }
.link_bn_07 a:hover { background-color: none; background-position: right top; text-decoration: none; }




/******【フェイスブック】*****/
.face_waku { margin:0 10px 0 0; padding:0; width:230px; float:left; }




/******【お知らせとリンク集】*****/
.info_waku { margin:0; padding:0; width:650px; float:left; }

.info_waku_in { margin:0; padding:0; }

.info_waku_l { margin:10px 0 0 0; padding:0; width:320px; float:left; }
.info_waku_r { margin:10px 0 0 10px; padding:0; width:320px; float:left; }

.info_bn_01 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_02 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_02 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_03 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_03.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_03 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_04 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_04.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_04 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_05 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_05.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_05 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_06 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_06.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_06 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_07 a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_07.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_07 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_reference a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_reference.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_reference a:hover { background-color: none; background-position: right top; text-decoration: none; }

.info_bn_nakano a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_nakano.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_nakano a:hover { background-color: none; background-position: right top; text-decoration: none; }

.info_bn_komachi_wax a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_komachi_wax.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_komachi_wax a:hover { background-color: none; background-position: right top; text-decoration: none; }

.info_bn_wax_wax_semi a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/info_bn_wax_wax_semi.jpg); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_wax_wax_semi a:hover { background-color: none; background-position: right top; text-decoration: none; }
.info_bn_datsumo_shr a { display:block; width:320px; line-height:100px; color: #333; margin:10px 0 0 0; padding:0 ; float:left;
                background-image: url(images/top/karinan320.png); background-position:left top; text-decoration: none; text-align: center; }
.info_bn_datsumo_shr a:hover { background-color: none; background-position: right top; text-decoration: none; }


/*******【ブラジリアンワックスとは？】*******/
.bn_waku { margin:0; padding:0;}

.bra_waku { margin:0; padding:0; float:left; width:520px; }

.bra_bg { margin:0; padding:0; height:200px;
          background-image: url(images/top/bra_bg.jpg); background-repeat:no-repeat; }

.bra_in { margin:0; padding:60px 15px 0 220px; }



/*******【JBWA協会情報】*******/
.bra_info { margin:0; padding:0; float:right; }


/*******【フッター】バナー各種*******/
.footer_bn_waku { margin:0; padding:0; height:54px; }

.footer_bn_01_waku { margin:10px 0 0 0; padding:0; float:right; }
.footer_bn_02_waku { margin:15px 30px 0 0; padding:0; float:right; }
.footer_bn_03_waku { margin:15px 30px 0 0; padding:0; float:right; }

.footer_bn_01 a { display:block; width:200px; line-height:30px; color: #333; margin:0; padding:0 ; float:left;
                  background-image: url(images/top/footer_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
.footer_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }




/*******【フッター】*******/
.footer_waku { margin:20px 0 0 300px; padding:0; width:510px; }

#footer_bg { margin:0; padding:0; 
             background-image:url(images/top/footer_bg.jpg); background-repeat:repeat-x;  }

#footer { margin-left: auto; margin-right: auto; padding:0; width:1030px; height: 264px; display: block; 
          background-image: url(images/top/footer_back.jpg); background-repeat: no-repeat; 
		  text-align: left; }

.footer_in { margin:0; padding:0 130px 0 0;}



#footer a{ color: #59493f; text-decoration: none; }
#footer a:hover{ color: #201711; text-decoration: underline; }


#footer ul { list-style: none; margin:0; padding:0; font-size:12px; }
#footer li { list-style: none; margin:0 0 10px 0; padding:0 0 0 20px; color: #FFF; line-height:20px;
             background-image: url(images/top/footer_mark.jpg); background-repeat:no-repeat; background-position: left; }


#footer .ft01 { margin: 10px 0 0 0; padding:0; float:left; }
#footer .ft02 { margin: 10px 0 0 10px; padding:0; float:left; }
#footer .ft03 { margin: 10px 0 0 10px; padding:0; float:left; }
#footer .ft04 { margin: 10px 0 0 10px; padding:0; float:left; }


p.copy { clear:both; margin:0; padding:0; 
         line-height:26px; font-size: 12px; color:#59493f; text-align:center; 
		 background-color:#c8bc9f; background-repeat:repeat-x; }
		 

img.beauty { margin:10px 0 10px 0; vertical-align:bottom; }


@media only screen and (min-width: 768px) {
	#nav8 {
		display: none;
	}
}

/*下から出てくるメニュー*/
#nav8 {
	z-index:10;
	position: fixed;
	bottom: -60px;/*下から出てくる高さ*/
	left: 0;
	width: 100%;
	height: 60px!important;/*高さ*/
	color: #fff;
}
 
#nav8 .inner {
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 320px;
	overflow: hidden;
}

#nav8 .inner a {
	display:block;
	color: #fff;
}
	
	.footer_var {
		padding-right: 0!important;
		padding-left: 0!important;
		float: left;
		width: 33.3333333333%;
		height: 60px;
		padding-top: 10px;
	}

.footer_var_box {
	position: relative;
}

.footer_var_box i {
	position: absolute;
	font-size: 35px;
	left:0;
	top:0;
}

.footer_var p {
	font-size: 18px;
	margin-top: 0;
	font-family: 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ丸ゴ ProN', 'Hiragino Maru Gothic ProN', sans-serif!important;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
}
	
.monitor_xs {
	background: #d57d8c;
}

.monitor_xs p {
	padding-left: 40px;
	padding-top: 10px
}

.monitor_xs_box {
	width: 140px;
	margin: 0 auto;
}

.file_xs {
	background: #4e98b8;
}

.file_xs p{
	padding-left:30px;
	padding-top: 10px;
}

.file_xs_box {
	width: 110px;
	margin: 0 auto;
}

.inst_xs {
	background: #06c755;
}

.inst_xs p {
	padding-left: 30px;
	padding-top: 10px
}

.inst_xs_box {
	width: 120px;
	margin: 0 auto;
}
@media only screen and (min-width: 450px) {
	.menu-header_info2 {
		display: none;
	}
}
@media only screen and (max-width: 450px) {
	.menu-header_info {
		display: none;
	}
	
	.footer_var_box {
		width: 100%;
	}
	
	.footer_var_box img {
    width: 78%;
	}
}

/*下から出てくるメニューここまで*/
@media only screen and (max-width: 767px) {
.topics img.img_catch_corona2021_sp-img {
    width: 100%!important;
}
}