@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/


/*追従ナビ関係*/

.content {
/*  display: flex;*/
/*  padding: 20px 0;*/
}

.side {
/*  display: flex;*/
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  color: #fff;
  background: rgba(255, 255, 255, 0.5);
    display: block;
    float: left;
    border-color: rgba(255, 255, 255, 0.08);;
border-width: 3px;
border-style: solid;
border-radius: 5px; 
}

.tuijyuu_nav_botan{
    font-weight: 700;
    page-break-inside: auto;
    font-family: Arial, "ヒラギノ角ゴ Pro W3",  sans-serif;
    
}




/*追従ナビ関係*/



.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

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

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
.enji_moji{
	color:#840002;}
.kuromoji{
	color:#000000;}
.akamoji{
	color:#FF0004;}	
	
/*#body{background-image:url(gallery_hasei/g_dtp/g_d_img/g_poster.jpg);}	*/

.futomoji_gosikku{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-weight:bold;}

.clear {
    clear: both;
}
.left {float: left;margin-right:10px;}

#header {background-image:url(img/kihon_head_bg2.fw.png);
background-repeat:repeat-x;
width: 100%;
/*background-color:#BB999A;*/
}
.header_img {
	float:left;
	padding-top:65px;
	
/*background-color:#8EBDDF;clear:both;*/
}
.header_img2 {
	float:left;
	padding-top:115px;
	padding-left:10px;
/*clear:both;*/
}
.header_img3 {
	float:right;
	padding-top:90px;
	padding-left:10px;
	height:40px;
	
/*padding-right:5px;clear:both;*/
}
.counter{float:right;
margin-top:90px;
padding-left:10px;
/*margin-top:22px;margin-right:50px;
clear:both;*/
color:#FFFFFF;
	 }
	 .counter2{float:right;
margin-top:95px;
padding-left:10px;
/*margin-top:22px;margin-right:50px;
clear:both;*/
color:#FFFFFF;
	 }
	 
	 #div1 {
		
		height:50px;
		padding-bottom:5px; 
		border-bottom: 1px solid #000; /*background-image:url(img/minimaru_yokosenn_dai.jpg); background-position:100% 100%;float:right;
background-repeat:none;background-color:#E0A2A3;
*/
}
.contents_titile{
		 color:#AC0002;
		 text-align:right;
		 /*background-color:#DC7A7B; border-top:solid #000000 2px;*/}

.midasi {
		
    position: relative;
    color: #ffffff ;
    background: #000000;
   /* font-size: 16pt ;*/
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:7px solid #990000;
	margin-left:10px;
}
.midasi:after, midasi:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.midasi:after {
    left: 0;
    border-right: 5px solid #333;
}
.midasi:before {
    right: 0;
    border-left: 5px solid #333;
}

.midasi2 {
	width:90%;	
    position: relative;
    color: #ffffff ;
    background: #000000;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 8px 5px 8px 5px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-left:10px solid #990000;
	margin-left:10px;
}

.midasi3 {
	width:80%;	
    position: relative;
    color: #ffffff ;
    background: #000000;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 8px 5px 8px 5px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-left:10px solid #990000;
	margin-left:10px;
	clear:both;
}

.midasi4 {
	width: 60%;
	position: relative;
	color: #ffffff;
	background: #530080;
	line-height: 1;
	margin: 20px -10px 20px -10px;
	padding: 8px 5px 8px 5px;
	box-shadow: 1px 3px 7px 0px #3B7CFF;
	border-left: 10px solid #b100ff;
	margin-left: 10px;
	-webkit-box-shadow: 1px 3px 7px 0px #3B7CFF;
}

.midasi5 {
	/*width:50%;
    position: relative;*/	
     /*display: inline-block;←テキストをはみ出さないようにする*/
    /*color: #ffffff ;background: #000000; box-shadow:1px 3px 7px 0px  #666666 ;*/
    
    line-height: 1;
    margin: 20px 20px 20px 20px;
    padding: 18px 10px 20px 15px;
	border-left:10px solid #990000;
	border-bottom:2px solid #FF0004;
	margin-left:30px;
   
}




.img_main{
	width:60%;	
    position: relative;
    color: #ffffff ;
    background: #000000;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 8px 5px 8px 5px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-left:10px solid #990000;
	margin-left:10px;
	clear:both;}
	
	

.setumei_bun1{
	width:90%;
	margin-left:30px;
font-family: gothic;}
	
.eigo_setumei_ennji{
	float:left;
	width:100%;
	margin-left:10px;
	font-size:small;
	color:#840002;}
	
	
.gallery_ing_button{
	width:40%;
	padding-left:40px;
    min-width :210px;
	}	
	
	
	
	
	
	
	/*※sharehtml用cssここから↓*/
	
	.sharehtml{
		background-color:#855CC7;
		padding:5px;
		clear:none;
		width:25%;
		float:left;
		}
	
	
.link-box{
	/*border: 1px solid #000000;*/
	padding: 10px;
	display: flex;
	margin: 10px;
	background-color:#000000;
	/*height:25%;*/
	

}

.link-box:hover{
	background-color: #B00002;
	-webkit-transition: background-color .35s;
	transition: background-color .35s;/**/
}

.img-box{	
	width:100%;/*float:right;*/
}



.img-box div{
	min-height:150px;
	min-width:100%;
	background-size:cover;
	background-position:center center;
}

.text-box2{
text-align:left;
background: -moz-linear-gradient(top, #000, transparent);
background: -webkit-linear-gradient(top, #000, transparent);
background: linear-gradient(to bottom, #000, transparent);
float:left;
color: #ffffff;	
}

.text-box2:hover{
text-align:left;
background: -moz-linear-gradient(top, #B00002, transparent);
background: -webkit-linear-gradient(top, #B00002, transparent);
background: linear-gradient(to bottom, #B00002, transparent);
float:left;
color: #ffffff;	
}


.text-box2 .title{
	/*font-size:18px;color:#fff;text-align:left;*/
	
	font-weight:600;
	padding:10px;	
	margin-bottom:0px;
}

.text-box2 .description{
	font-size: 13px;
	padding:5px;

}


	
.mini_box_titite{
color:#FFF;
	  text-shadow: 0 0 1px 
	  #000, 0 0 2px 
	  #000, 0 0 3px 
	  #000, 0 0 4px 
	  #000, 0 0 7px 
	  #000, 0 0 8px 
	  #000, 0 0 10px 
	  #000, 0 0 15px 
	  #000;
	/*font:large;*/

		}	
		
		.mini_box_titite:hover{
color:#FFF;
	  text-shadow: 0 0 1px 
	  #000, 0 0 2px 
	  #000, 0 0 3px 
	  #000, 0 0 4px 
	  #B00002, 0 0 7px 
	  #B00002, 0 0 8px 
	  #B00002, 0 0 10px 
	  #B00002, 0 0 15px 
	  #B00002;
	font:large;

		}	
		
		

@media only screen and (max-width:479px){
	
	.img-box div{min-height:80px}
	.text-box2{margin-left:10px;line-height:1.5}
	.text-box2 .title{font-size:13px;margin:0}
	.text-box2 .description{font-size:11px;margin-top:5px}
	
	}	
	
	/*※sharehtml用cssここまで↑*/








	/*※imgサムネ用cssここから↓*/
	
.samune_img_box {
	float:left;
	width:100%;
 
/*  object-fit: cover;  width: 150px;
  height: 150px; この一行を追加するだけ！ */
}
	
	

.snip1507 {
  font-family: 'Muli', sans-serif;
  position: relative;
  float: left;
  
  overflow: hidden;
  margin: 5px 1%;
 margin-left:30px;/* */
  margin-top:20px;
  min-width: 150px;
  max-width: 250px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  background-color: #000000;
}

.snip1507 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
  
  max-width: 250px;
}

.snip1507 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.75;
}

/**/.snip1507 figcaption {
	z-index: 1;
	align-items: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	display: flex;
	flex-direction: column;
	background-color: rgba(126,0,2,0.71);
	/* justify-content: center;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);*/
	padding: 10px;
	
}

.snip1507 figcaption2 {
	z-index: 1;
	align-items: center;
	 min-width: 150px;
  max-width: 250px;
	bottom: 0;
	background-color: rgba(248,0,3,0.31);
	flex-direction: column;
	/*position: absolute;display: flex; justify-content: center;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);*/
	padding: 140px;
	
}

.snip1507 h3,
.snip1507 h5 {
  margin: 0;
  letter-spacing: 1px;
}

.snip1507 h3 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.snip1507 h5 {
  font-weight: normal;
}

.snip1507 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1507:hover > img,
.snip1507.hover > img {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  
}




	/*※imgサムネ用cssここまで↑*/












#g_nav {
margin-left: 0;
clear: both;
margin-top:5px;
}
.pankuzu{
	border-bottom:solid #000000 2px;
	text-align:right;
	clear:right;
	font-size:small;
	font-weight:bold;
			}
	.pankuzu ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
	color:#9A0002;
}
.pankuzu a {
	color:#530001;
}
.pankuzu ol li:before {
	color:#000000;
	content: " ☞ ";
        /* liの前に記号追加 */
       /* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right:5px;
	padding-left:5px;
}

.buttobasi_text{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
				float:left;
				color:#FFFFFF;}
#contents {
}

#body {
/**/	background-image:url(img/body_bg3.fw.png);
	background-repeat:repeat-x;
	background-size:auto;}

#contents_body {
	
}

#main_contents {
/*width: 100%;*/
margin-left: 0;
clear: both;
background-image:url(img/form_bg.jpg);
/**/background-position:88% 89%;
background-repeat:no-repeat;
    padding-right: 10px;
    margin-right: 10px;
    /*background-color:rgbaを使用すると、現在の要素だけが透明になる。*/
box-shadow:27px 30px 20px -28px rgba(49, 51, 51, 0.84);
}

#main_contents2 {
width:100%;
margin-left: 0;

float:right;

/*clear: both;background-image:url(img/form_bg.jpg);*/background-position:88% 89%;
background-repeat:no-repeat;

/*background-color:rgbaを使用すると、現在の要素だけが透明になる。*/
box-shadow:27px 30px 20px -28px rgba(49, 51, 51, 0.84);
}


.contents_bg_img{
	float:right;
	margin-right:10px;}
	

.sclool_box_top{
        border:1px solid;
        width:75%;
		height:100px;
        overflow:auto;
		float:left;
/*		margin-top:10px;*/
		margin-left:35px;
		margin-bottom:20px;
/*		padding-left:10px;*/
		padding-right:30px;
		text-align:left;
		border-color:#000;
  
		
        } 




.sclool_box{
        border:1px solid;
        background-color:#fff;
		 background: rgba(255,255,255,0.9);/**/
        width:65%;
		height:400px;
        overflow:auto;
		float:left;
		margin-top:10px;
		margin-left:15px;
		margin-bottom:30px;
		padding-left:20px;
		padding-right:20px;
		text-align:left;
		border-color:#000;
		
        } 
		
		.sclool_box2{
	border: 3px solid #FF0004;/**/
	background-color: #fff;
	background: rgba(255,255,255,0.9);
	width: 82%;
	/*height: 480px;*/
	overflow: auto;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;		
        } 
		
	
		.sclool_box3{
	/*border:1px solid;*/
        background-color:#fff;
		 background: rgba(255,255,255,0.9);
      width:90%;
        font-family: sans-serif;
		
        overflow:auto;
		float:left;
		/*height:400px;margin-top:10px;*/
		margin-left:10px;
		margin-bottom:30px;
		padding-left:20px;
		padding-right:20px;
		text-align:left;
		border-color:#000;
			
        } 


      .shop_list{
	/*border:1px solid;*/
        background-color:#fff;
		 background: rgba(255,255,255,0.9);
      width:90%;
        font-family: sans-serif;
		
/*        overflow:auto;*/
		float:left;
		/*height:400px;margin-top:10px;*/
		margin-left:10px;
		margin-bottom:30px;
		padding-left:20px;
		padding-right:20px;
		text-align:left;
		border-color:#000;
			
        } 

.shop_block{
    background-color: rgba(255, 240, 240, 0.33);
  
    padding-bottom: 20px;
    padding-left: 15px;
    
    padding-right: 25px;
    
    
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;/*←テキストをはみ出さないようにする*/
    box-shadow:27px 30px 20px -28px rgba(49, 51, 51, 0.84);
    

background: linear-gradient(to top left, #fff7f7 10%, #ffffff 90%, #ff8b8b);
 
/*    justify-content: center;*/

}


.shop_list_img{
    max-width: 300px;
    min-width:150px; 
    display: block;
}	



.work_block{
border: 5px double #b20000; /* 境界線を二重線線で指定 */
border-radius: 15px 15px 15px 15px;
width:80%;
    border:3px solid #cc0000;
    outline: 2px solid #ff8f8f; /* 線幅、線のスタイル、カラー */
outline-offset: -13px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
    
padding-right: 20px;
    padding-bottom: 20px;

    margin-top: 10px;
    margin-left: 23px;
    margin-right: 10px;
    margin-bottom: 20px;

    display: inline-block;/*←テキストをはみ出さないようにする*/
    box-shadow:27px 30px 20px -28px rgba(49, 51, 51, 0.84);
    font-family: cursive;
    

/*background: linear-gradient(to top left, #fff7f7 10%, #ffffff 90%, #ff8b8b);*/
 
/*    justify-content: center;*/

}


.sns_block{
    background-color: rgba(255, 240, 240, 0.33);
  
    padding-bottom: 20px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 25px;
    
    margin-top: 20px;
    margin-left: 23px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;/*←テキストをはみ出さないようにする*/
    
    box-shadow:27px 30px 20px -28px rgba(49, 51, 51, 0.84);
 
background: linear-gradient(to top left, #f7f8ff 10%, #ffffff 90%, #dfe2ff);
 
/*    justify-content: center;*/

}




		
		.sclool_box_sns{
	/*border:1px solid;*/
        background-color:#fff;
		 background: rgba(255,255,255,0.9);
        width:90%;		
/*        overflow:auto;*/
            display: block;
		float:left;
		/*height:400px;margin-top:10px;*/
		margin-left:0px;
		margin-bottom:30px;
/*		padding-left:20px;*/
		padding-right:20px;
		text-align:left;
		border-color:#000;
            display: block;
/*			background-color: aquamarine;*/
        } 
		
.sns_box{
         margin-bottom:15px;
		 padding-top:15px;
/*    	 background-color:#99CC33;*/
		 float:left;
    font-family:"meiryob", "Osaka－等幅";
		 }


		
		
		
				.sclool_box4{
	/*border: 3px solid #FF0004;*/
	background-color: #fff;
	background: rgba(255,255,255,0.9);
	width: 90%;
	/*height: 480px;*/
/*	overflow: auto;*/
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 30px;
	/*padding-left: 10px;*/
	padding-right: 20px;
	text-align: left;		
        } 
		
.neon_mini { 
      /**/color:#FFF;
	  text-shadow: 0 0 1px 
	  #fff, 0 0 2px 
	  #fff, 0 0 3px 
	  #fff, 0 0 4px 
	  #ff00de, 0 0 7px 
	  #ff00de, 0 0 8px 
	  #ff00de, 0 0 10px 
	  #ff00de, 0 0 15px 
	  #ff00de;
}


#side_contents {
width: 100%;
}

.twitter{
         width:200px;
		 margin-top:20px;
		 float:right;
		 padding-left:20px;
		 /*background-color:#99CC33;*/
		 }

.left_cm{
         width:180px;
		 margin-top:20px;
		 margin-left:20px;
		 float:right;
		 padding-left:30px;
		 /*background-color:#99CC33;*/
		 }

.top_cm{
/*    background-color: bisque;*/
     margin-top:20px;
	 margin-left:20px;
    float: right;
     
}



#nav_menu {
}
.nav_item {
	width: 100%;
	margin-left: 0;
	clear: both;
	margin-top: 10px;
/*	margin-bottom: 10px;*/
	padding-top:3px;
/**/	padding-bottom:3px;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	text-decoration: none;
}
.nav_item a:link {
color:#fff;
text-decoration:none;

}
.nav_item:hover {
	background-color:#B00000;
}
.nav_item a:visited {
	color: #F4B1B1;
}


/*追従ナビここから↓*/

.nav_item2 {
	width: 100%;
	margin-left: 0;
	clear: both;
	text-align: center;
	background-color: rgba(255, 0, 0, 0.73);
	text-decoration: none;
    border-color: #A00;
border-width: 5px;
border-style: solid;
/*border-radius: 5px; */
}


/*追従ナビここまで↑*/




/*↓プルダウンメニュー*/	
/* reset */
#dropmenu {
	  list-style-type: none;
	  /**/width:18%;
	  margin-top:4px;
	  padding-left:12px;
	  float:left;
	  text-align: center;
	}
	#dropmenu li {
/*	*/  position: relative;
	  width: 90%;
	  float:right;
	  margin:1px;
	  padding:1px;
	  text-align: center;
	  
	}
	#dropmenu li a {
	  display: block;
	  margin: 0;
	  padding: 10px 0;
	  background:#000;
	  color: #fff;
	 /*text-align:center; font-weight: bold;*/
	  line-height: 1;
	  text-decoration: none;
	  float:left;
	  
	}
	#dropmenu li ul {
	  list-style: none;
	  position: absolute;
	  z-index: 100;
	  top: 100%;
	  left: 0;
	  width: 150%;
	  margin: 0;
	  padding: 0;
	  /*padding-top:2px;*/
	  padding-left:2px;
	}
	#dropmenu li ul li {
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  color: #fff;
	  transition: .2s;
            
        border-color: #A00;
border-width: 2px;
border-style: solid;
/*border-radius: 3px; */
	}
	#dropmenu li ul li a {
	  padding: 10px 13px;
	  background:#491A1B;
	  text-align: left;
	  font-size: 12px;
	  font-weight: 500; border:solid #FFFFFF 3px;
	}
	#dropmenu > li:hover > a {  background: #B00000 }
	#dropmenu > li:hover li:hover > a {  background:#D55658 }
	#dropmenu li:hover > ul > li {
	  overflow: visible;
	  height:33px;
	 
	}
	#dropmenu li ul li ul {
	  top: 0;
	  left: 100%;
	}
	#dropmenu li:last-child ul li ul {
	  left: -100%;
	  width: 90%;
	}
	#dropmenu li ul li ul li a {  background: #616d0b }
	#dropmenu li:hover ul li ul li:hover > a {  background: #535d09 }
	#dropmenu li ul li ul:before {
	  position: absolute;
	  content: "";
	  top: 13px;
	  left: -20px;
	  width: 0;
	  height: 0;
	  border: 5px solid transparent;
	  border-left-color: #454e08;
	}
	#dropmenu li:last-child ul li ul:before {
	  position: absolute;
	  content: "";
	  top: 13px;
	  left: 200%;
	  margin-left: -20px;
	  border: 5px solid transparent;
	  border-right-color: #454e08;
	}

/*↑プルダウンメニュー*/




#div2 {
}
#div3 {
display: block;
}

 #div4 {
		border-bottom: 1px solid #000;
		width:100%;
		float:right;
		text-align:right;
		padding-top:25px;/*border-top: 1px solid #000;height:50px; background-color:#E0A2A3;*/
}
 #div5 {
	border-bottom: 1px solid #000;
	width: 100%;
	float: right;
	text-align: right;
	padding-top: 25px;
     
	/*background-color: #A2E0C0;border-top: 1px solid #000;height:50px; */
}
.cm_left_box{
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	}

#footer {
	background-image:url(img/footer_bg.jpg);
/*	background-repeat:repeat-x;*/
    background-repeat: no-repeat;
    max-width: 1200px;
    margin-right: 10px;

	/*width:59%;background-repeat:none;*/
	height:50px;
	float:right;
	background-position:100% 100%;
	text-align:right;
}
.footer_copyright{
	padding-right:60px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;}
	
	.footer_copyright2{
		margin-right:70px;
	/*background-color:#B69DE9;	padding-right:70px;*/
	margin-top:15px;
padding-bottom:10px;
	margin-bottom:10px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	}

	.accordion{
	}

	.zeroMargin_mobile{
	margin-left: 0;
	}

	.hide_mobile{
	display: none;
	}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#header {
width: 100%;
}
#g_nav {
clear: both;
margin-left: 0;
}
#contents {
}
#contents_body {
}
#footer {
}
#main_contents {
width: 100%;
clear: both;
margin-left: 0;
}
#side_contents {
width: 100%;
}
#div1 {
}
#nav_menu {
}
.nav_item {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
#div2 {
}
#div3 {
display: block;
}
.accordion {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#header {
width: 100%;
}
#g_nav {
clear: both;
margin-left: 0;
}
#contents {
}
#contents_body {
}
#footer {
}
#main_contents {
width: 95%;
clear: none;
margin-left: 2.0408%;
}
#side_contents {
width: 18.3673%;
}
#div1 {
}
#nav_menu {
}
.nav_item {
width: 8.1632%;
clear: none;
margin-left: 2.0408%;
}

#div2 {
}
#div3 {
display: none;
}
.accordion {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}