a:link {text-decoration: none; color: #418438;}
a:visited {text-decoration: none; color: #2f6029;}
a:hover {text-decoration: underline; color: #2f6029;}
a:active {text-decoration: underline; color: #418438;}

a:hover img,
a:active img{
	filter:alpha(opacity= 80); /* IE */
	-moz-opacity:0.80; /* Firefox CSS3以前 */
	opacity:0.80; /* CSS3 */
}


.wrapper {
	width: 960px;
	margin: auto;
	padding: 0px 10px;
}

/* clearfix */

#header:after,
#headerarea:after,
#main:after,
#menu:after,
#footer:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear:both;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

.more {
	float:right;
}


/* Header
------------------------------------------------------------------------- */
#header {
	height:105px;
	min-width:980px;
	background-color:#ffffff;
	border-bottom:#418438 solid 1px;
	background:url(../images/headimage.jpg) no-repeat;
	background-attachment: fixed;
	background-position: top center;
	border-top:#418438 solid 5px;
}


.headerarea {
	width:960px;
	margin:0 auto ;
}

.logoIGES {
	float:left;
	padding-top:19px;
}

.logo02 {
	margin-left:140px;
	padding-top:40px;
}



/* Global Menu
------------------------------------------------------------------------- */
.dropmenu,.dropmenu2{
  *zoom: 1;
  list-style-type: none;
  /*width: 960px;*/
  margin: 0px auto 0px;
  padding: 0;
  float: left; /* floatで高さが無くなる対策 */ 
  border-bottom:solid 1px #418438;
}
.dropmenu:before, .dropmenu:after,.dropmenu2:before, .dropmenu2:after{
  content: "";
  clear:both;
}
.dropmenu:after,.dropmenu2:after{
  clear: both;
}
.dropmenu li,.dropmenu2 li{
  position: relative;
  width: 143px;
 /*width:215px;*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a,.dropmenu2 li a{
  display: block;
  margin: 0;
  padding: 17px 0 14px 0px;
  background: #FFFFFF;
  color: #000000;
  font-size: 15px;
  line-height: 120%;
  text-decoration: none;
}
.dropmenu li.home ,.dropmenu2 li.home {
	width:100px;
	}


.dropmenu li.oneline a,
.dropmenu li.home a,
.dropmenu2 li.oneline a,
.dropmenu2 li.home a   {
	padding:28px 0 21px 0 ;
	}

.oneline-drop {
	padding:28px 0 21px 0!important;
	}

.dropmenu li ul,.dropmenu2 li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li,.dropmenu2 li ul li{
  width: 100%;
}


.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #4d9c42;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #4d9c42;
  color:#FFFFFF;
}
.dropmenu li a:hover{
  background: #4d9c42;
}

.dropmenu2 li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #FD7C24;
  text-align: left;
}
.dropmenu2 li:hover > a{
  background: #FD7C24;
  color:#FFFFFF;
}
.dropmenu2 li a:hover{
  background: #FD7C24;
}



#drop1 li ul li,#drop2 li ul li,#drop3 li ul li,#drop4 li ul li,#drop5 li ul li,#drop6 li ul li,#drop7 li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}

#drop1 li:hover ul li,#drop2 li:hover ul li,#drop3 li:hover ul li,#drop4 li:hover ul li,#drop5 li:hover ul li,#drop6 li:hover ul li,#drop7 li:hover ul li{
  overflow: visible;
  height: 38px;
}


#drop1 > li.current a,#drop2 > li.current a,#drop3 > li.current a,#drop4 > li.current a,#drop5 > li.current a,#drop6 > li.current a,#drop7 > li.current a {
	background-color:#418438;
	color:#FFFFFF;
}

nav{display: flex; flex-wrap: nowrap;}
        .oneline2{padding: 28px 0 21px 0!important;}
        .phase2 li{width: 143px!important;}
        .phase1-1 a{background: #4d9c42!important;}

/* Footer
------------------------------------------------------------------------- */
#footer {
	min-width:980px;
	margin:30px auto ;
	background:url(../images/footerback.png) repeat-x;
	font-size:13px;
	padding-top:20px;
}


#footer a:link {text-decoration: none; color: #333;}
#footer  a:visited {text-decoration: none; color: #333;}
#footer a:hover {text-decoration: underline; color: #666;}
#footer  a:active {text-decoration: underline; color: #666;}

#footer ul {
	float:left;
	width: 500px;
	margin: 0 15px 0 0;
}

#footer li a{
	background:url(../images/arrow01.gif) no-repeat 5px 2px;
	line-height:200%;
	padding-left:20px;

}
.footer-address{
		float:right;
		overflow:hidden;
	}	
.footer-address p{
	line-height:150%;
	}
.copyright {
	clear:both;
	}
.copyright p{
		font-size:85%;
		text-align:right;
		padding-top:10px;
		}
		
		

/* content
------------------------------------------------------------------------- */
#contents{
		width: 960px;
		margin: 0 0;
		clear:both;
	
	}

#main .page{
	width:960;
	
}

#main .main-column {
	width:690px;
	float: left;
	margin: 0 50px 0 0;
}

#main .sub-column {
	width: 220px;
	display: inline;
	float: right;
}

#contents p {
	line-height: 180%;
	margin-bottom: 0.8em;

}

h2{
	font-size:24px;
	background:url(../images/mark01.gif) no-repeat 1px 10px   ;
	padding-left:27px;
	padding-top:5px;
	margin:20px 0 20px;
	line-height:1.2em;
}


.TopImage {
	width:960px;
	margin:0 auto ;
}

.TopImage_previous,.TopImage_new{
	width: 960px;
    height: 196px;
    margin: 0 auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
    letter-spacing: 0.1em;
    text-shadow: 1px 1px 5px #333;
    color: #023811;
    font-weight: bold;}
.TopImage_previous{
    background: url(../images/previous-bg.jpg) no-repeat;
	}
.TopImage_new{
    background: url(../images/pageimage_2.jpg) no-repeat;
	}
.TopImage_previous p, .TopImage_new p{
	     padding: 25px 0 0 10px; 
}

.pagetop {
	float:right;
	font-size:12px;
	padding:3px 0 0 0;
	margin:15px 0 30px 0 ;
	background:url(../images/green_top.gif) no-repeat 1px 2px;
	padding-left:17px;
}

.border1px {border:#999999 solid 1px;}



/* title midashi 
------------------------------------------------------------------------- */

#contents h2 img{
	width:960px;
	overflow:hidden;
	}

h3 {
	font-size:20px;
	margin:20px 0 5px;
	color: #2f6029;
}

h4 {
	font-size:16px;
	font-weight:bold;
}

.china_h2 {
	font-size:24px;
	background:url(../images/mark01.gif) no-repeat 1px                ;
	padding-left:27px;
	padding-top:5px;
	margin:20px 0 15px;
}


.midashibar_h5{
	color:#FFFFFF;
	background:#4d9c42;
	padding:2px 0 1px 15px;
	margin:0 0 15px 0;
	clear:both;
}

.midashi_h4 {
	border-bottom:#418438 solid 1px;
	margin:10px 0;
}

.midashi_h4 h4 {
	border-bottom:#418438 solid 3px;
	width:150px;
	font-weight:bold;
	font-size:15px;
}

.area_h5_04 {
	color:#59402D;
	background:#eee5e0;
	border-bottom:#c8ac9d solid 1px;
	padding:2px 0 1px 8px;
	margin:10px 0 15px 0;
	clear:both;
}

.yeartab {
	background:url(../images/tabimage01.png) no-repeat;
	border-bottom:#418438 solid 1px;
	padding-left:40px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:170%;
	height:24px;
}


/* trend
------------------------------------------------------------------------- */
.trendManth {
	border-bottom:#418438 solid 1px;
	margin:10px 0;
}

.trendManth h5 {
	border-bottom:#418438 solid 3px;
	width:50px;
	font-weight:bold;
	font-size:15px;
}

.contentArea {
	/*width:800px;*/
	/*border:#ACACAC solid 1px;*/
	padding:15px 30px;
	border-radius:6px;
  -ms-border-radius: 6px;
	margin:0 auto 20px;
	background-color:#EEE;
}


/* main-colum
------------------------------------------------------------------------- */
.main-column p {
	line-height: 1.7;
	margin-bottom: 0.8em;
	font-size: 96%;

}

.main-column li {
	line-height: 1.6;
	margin-bottom: 2px;
	font-size: 95%;
}


.main-column li th, .main-column li td{
	line-height: 1.6;
	margin-bottom: 2px;
	font-size: 95%;
}



.main-column th, .main-column td, #main th, #main td{
	line-height: 1.4;
	font-size: 90%;
	}

.main-column th li, .main-column td li{
	line-height: 1.4;
	font-size: 95%;
}


.main-column td p, .main-column th p {
	line-height: 1.7;
	margin-bottom: 0;
	font-size: 96%;

}



/* side-column
------------------------------------------------------------------------- */
.sub-column a:link,
.sub-column a:visited {
	color:#000;
	text-decoration:none;
}

.sub-column a:hover,
.sub-column a:active {
	color:#000;
	text-decoration:underline;
}

.sub-column ol {
	margin-bottom:20px;
	padding:0 15px;
}

.sub-column ol li {
	list-style-type: none;
	background-image:url(../images/bullet1.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:8px;
	line-height:150%;
	font-size:13px;
}

.sub-column ol li.midashi {
	font-weight:bold;
	background-image:none;
	margin-left:-8px;
}

.sub-column ol li.last {
	margin-top:10px;
	border-top:#CCC solid 1px;
}

.sub-column ol li.right {
	text-align:right;
	background-image:none;
}

.slideshow ol li {
	list-style-type: none;
	background-image: none;
}

.side-1column0 {
	border-left:#c8ac9d solid 1px;
	border-right:#c8ac9d solid 1px;
	margin:20px 0 0 0;
}

.side-1column0 h6 {
	color:#845e43;
	font-weight:bold;
	margin-bottom:5px;
	padding:15px 12px 13px 12px;
	background-image: url(../images/side_titleback.gif);
	background-repeat: repeat-x;  
}

.side-1column0 li p {
	line-height:140%;
	padding:0 12px 0 12px;
}

.side-1column0 li .text {
	line-height:140%;
	margin-bottom:15px;
	padding:0 12px 0 12px;
}

.side-1column {
	border-left:#a0a0a0 solid 1px;
	border-right:#a0a0a0 solid 1px;
	margin:50px 0 0 0;
}

.side_ContactUs {
	border:#c8ac9d double 3px;
	margin:20px 0;
	padding:10px;
	word-wrap:break-word;
	
}

.side_ContactUs p {
	line-height:150%;
	font-size:90%;
}

.side_ContactUs h6 {
	color:#59402D;
	font-weight:bold;
	margin-bottom:5px;
}



/* テーブル
------------------------------------------------------------------------- */
.activityTable {
	width:100%;
}

.activityTable th {
	font-weight:bold;
	border-bottom:solid 1px #9E9E9E;
	line-height:130%;
	padding:8px 0 3px 8px ;
	vertical-align:top;
	text-align:left;
}

#contents .activityTable td {
	word-wrap:break-word;
	line-height:160%;
	border-bottom:solid 1px #9E9E9E;
	padding:8px;
}


.trendTable {
	width:100%;
	font-size:13px;
}

.trendTable th {
	font-weight:bold;
	border:solid 1px #9E9E9E;
	background-color:#d3ebd0;
	line-height:120%;
	padding:4px 0 1px 0 ;
	word-wrap:break-word;
}

.trendTable .w28, .previousTable .w28 {width:28px !important;}
.trendTable .w80, .previousTable .w80 {width:80px !important;}
.trendTable .w120, .previousTable .w120 {width:120px !important;}
.previousTable .w150 {width:150px !important;}
.trendTable .w210, .previousTable .w210 {width:210px !important;}
.trendTable .w270 {width:270px !important;}

.trendTable td {
	word-wrap:break-word;
	border:solid 1px #9E9E9E;
	padding:5px;
}

.trendTable .center, .previousTable .center {
	text-align:center;
}

.trendTable tr.color {
	background-color:#f5faf7;
}

.trendTable img {
	vertical-align:middle;
	margin-right:5px;
}


.previousTable {
	width:100%;
	font-size:13px;
}

.previousTable th {
	font-weight:bold;
	border:solid 1px #9E9E9E;
	background-color:#d3ebd0;
	line-height:120%;
	padding:4px 0 1px 0 ;
}

.previousTable td {
	word-wrap:break-word;
	border:solid 1px #9E9E9E;
	padding:5px;
}

.previousTable tr.color01 {background-color:#fef5e2;}
.previousTable tr.color02 {background-color:#fde5b0;}

.tableType03 {
	width:100%;
	background:#fff;
}

.tableType03 th {
	border:1px solid #9E9E9F;
	padding:3px 8px ;
	text-align:left;
	font-size:90%;
	background:#e6e6e6;
	width:15%;
}

.tableType03 td {
	border:1px solid #9E9E9F;
	padding:3px 8px ;
	font-size:90%;
}

.tableType07 {
	width:100%;
}

.tableType07,  x:-moz-any-link, x:default  {
	border-collapse: separate;
}

.tableType07 th {
	border-top:1px solid #9E9E9F;
	border-bottom:1px solid #9E9E9F;
	padding:5px 3px 3px 3px;
	text-align:left;
	font-size:90%;
	background:#e6e6e6;
}

.tableType07 td {
	border-bottom:1px solid #9E9E9F;
	padding:5px 3px 3px 3px;
	font-size:92%;
	background:#ffffff;	/* 20140603修正 */
}


.documentTable {
	width:100%;
	font-size:14px;
}


.documentTable th {
	font-weight:bold;
	border:solid 1px #9E9E9E;
	background-color:#d3ebd0;
	line-height:120%;
	padding:5px;
	text-align:left;
}

.documentTable td {
		padding:5px;
	text-align:left;
		border:solid 1px #9E9E9E;
	}

/* list
------------------------------------------------------------------------- */
ul.bullet_list_nowidth {
	margin:5px 0 5px 20px;
}

ul.bullet_list_nowidth li {
	list-style: none;
	background: url(../images/bullet_s.png) no-repeat 1px 1px;
	padding-left:20px;
	margin:10px 3px;
	line-height:120%;
}


.decimal {
	margin:5px 0 20px 30px;
	list-style:decimal;
	padding-left:20px;
	line-height:130%;
}
.decimal li {
	margin-top:7px;
}
.tableDecimal {
	list-style:decimal;
	padding-left:15px;
	margin:5px 0 5px 15px;
}
.list01_china {
	list-style-type: none;
	margin-top:10px;
	padding-left:30px;
	font-size:14px;
}
.list01_china li {
	margin-top:10px;
}
.list01 {
	list-style-type: none;
	padding-left:15px;
	font-size:13px;
}

ul.greenSquare {
	margin:8px 0 10px 20px;
}

ul.greenSquare li {
	list-style:none;
	background:url(../images/square01.gif) no-repeat 1px 7px;
	padding-left:14px;
	line-height:1.3;
	margin-top:7px;
}
/* Photo-3column */
.list-3column li {
	width: 220px;
	margin: 0 15px 30px 0;
	display: inline;
	float: left;
	position: relative;
}

.list-3column li  p {
		line-height:140%;
}

.list-3column li:nth-child(3n) {
	margin-right:0;
}

.list-3column li.ie8_e {		/* IE8以下 */
	margin-right/*\**/:0\9;
}

/*activity*/
ul.activity-3column{
	clear:both;
	margin:10px 0 20px 0;

	}

.activity-3column li {
	width: 200px;
	margin: 5px 42px 15px 0;
	display: inline;
	float:  left;
	position: relative;
}

.activity-3column li:nth-child(3n) {
	margin-right:0;
}

.activity-3column li.ie8_e {		/* IE8以下 */
	margin-right/*\**/:0\9;
	float:  left;
}

.activity-3column li img{
	width:200px;
	height:140px;
	border:#999999 solid 1px;
	margin-bottom:3px;

}

.activity-3column li h6{
	text-align:left;
	line-height:1.5em;
	font-size:95%;
	word-wrap:break-word;
	}

.activity-3column p {
	line-height:1.3em;
	font-size:0.8em;
	margin-top:3px;
}

.activity-3column span:first-child {
	font-size:0.9em;
	
}

.activityList span:first-child{
	width:80px;
	float: left;
	font-size: 90%;
	font-weight:bold;
	line-height:130%;
	padding:8px 0 3px 8px ;
	vertical-align:top;
	text-align:left;
	display: inline-block;
	border-bottom: 0px;
}
.activityList span:last-child{
	width:calc(100% - 100px);
	float: right;
	margin-left: 10px;
	vertical-align:top;
}

.activity_list li{
	display: block;
	font-size: 90%;
	line-height: 1.6;
	word-wrap:break-word;
	border-bottom:solid 1px #9E9E9E;
	padding:8px 0 8px 0;
}

.activity_list  li:last-child{
	border-bottom: 0px;
}


ol.circle {
	margin:0 0 10px 20px;
}

ol.circle li {
	list-style:circle;
	padding-left:0px;
	background:none;
}



/* banner list */
.banner_list li{
	margin:7px 0;
	text-align:center;
}
	
	

/* side　square*/
.side_square{
	padding:15px 10px 15px 10px;
	border:1px solid #444342;
}
	


/* Typography
------------------------------------------------------------------------- */
.pdf_cap {
	font-size:75%;
	margin-left:5px;
}



/* Photo
------------------------------------------------------------------------- */
.photo75{
	width:75px;
	padding:0px;
	margin:0 5px 0 5px;
	}

.photo220{
	width:220px;
	float:right;
	padding:0;
	margin:0 0 10px 20px;
	border:#999999 solid 1px;
	}

.photo150{
	width:150px;
	float:right;
	padding:0;
	margin:0 0 10px 20px;
	border:#999999 solid 1px;
	}
	
.photo120_center{
	width:120px;
	padding:0;
	text-align:center;
	margin:10px 50px;
	border:#999999 solid 1px;
	}


.photo100{
	width:100px;
	padding:0;
	margin:5px 5px;
	border:#999999 solid 1px;
	}

.photo100_r{
	width:100px;
	float:right;
	padding:0;
	margin:0 0 10px 20px;
	border:#999999 solid 1px;
	}





/* margin */
.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom15 {margin-bottom:15px;}
.bottom20 {margin-bottom:20px;}
.bottom25 {margin-bottom:25px;}
.bottom30 {margin-bottom:30px;}
.bottom35 {margin-bottom:35px;}

.top5 {margin-top:5px;}
.top10 {margin-top:10px;}
.top15 {margin-top:15px;}
.top20 {margin-top:20px;}
.top25 {margin-top:25px;}
.top30 {margin-top:30px;}
.top35 {margin-top:35px;}

.left10 {margin-left:10px;}
.left20 {margin-left:20px;}
.left30 {margin-left:20px;}

.right10 {margin-right:10px;}
.right20 {margin-right:20px;}

/* padding */
.pa_bottom5 {padding-bottom:5px;}
.pa_bottom10 {padding-bottom:10px;}
.pa_bottom15 {padding-bottom:15px;}
.pa_bottom20 {padding-bottom:20px;}
.pa_bottom25 {padding-bottom:25px;}
.pa_bottom30 {padding-bottom:30px;}
.pa_bottom35 {padding-bottom:35px;}

.pa_top5 {padding-top:5px;}
.pa_top10 {padding-top:10px;}
.pa_top15 {padding-top:15px;}
.pa_top20 {padding-top:20px;}
.pa_top25 {padding-top:25px;}
.pa_top30 {padding-top:30px;}
.pa_top35 {padding-top:35px;}

/*揃え*/
.taLeft {text-align:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}

/* Font */
.fwBold {font-weight:bold;}
.fcWhite {color:#FFFFFF;}
.fcRed {color:#E50012;}
.fcGrey {color:#666;}
.fcBlue {color:#0085B2;}
.fcRed_2 { color: #e60027; }
.fcBlue_2 { color: #0063a4; }
.fcGreen { color: #479D26; }
.fs50 {font-size:50%; line-height: 1.5;}
.fs60 {font-size:60%; line-height: 1.5;}
.fs70 {font-size:70%; line-height: 1.5;}
.fs80 {font-size:80%; line-height: 1.5;}
.fs90 {font-size:90%; line-height: 1.5;}
.fs95 {font-size:95%; line-height: 1.5;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs130 {font-size:130%;}
.fs140 {font-size:140%;}
.fs150 {font-size:150%;}
.fs180 {font-size:180%;}

.RedText { color: #e60027; }
.BlueText { color: #0063a4; }
.GreenText { color: #479D26; }



    /* 20140128 added yn */

/*文字間*/
.letter_spc0_1 {letter-spacing:0.1em;}
.letter_spc0_2 {letter-spacing:0.2em;}
.letter_spc0_3 {letter-spacing:0.3em;}
.letter_spc0_5 {letter-spacing:0.5em;}

/*インデント*/
.left50{	padding-left:50px}
.right50{	padding-right:50px}


/* pdf要素
------------------------------------------------------------------------- */
a[href$=".pdf"]	{
	background: url(../images/pdficon_small.png) no-repeat 100% 50%;
	padding-right:20px;
}

/* previous */
.circle_01 {
	width:125px;
	height:125px;
	background-color:#4bc8b3;
	border-radius: 50%;
	float:left;
}

.circle_02 {
	width:125px;
	height:125px;
	background-color:#34ac98;
	border-radius: 50%;
	float:left;
}

.circle_03 {
	width:125px;
	height:125px;
	background-color:#288575;
	border-radius: 50%;
	float:left;
}




.circle_04 {
width:125px;
	height:125px;
	background-color:#227164;
	border-radius: 50%;
	float:left;
}


.circle_05 {
width:125px;
	height:125px;
	background-color:#155a4e;
	border-radius: 50%;
	float:left;
}

.topMinus10 {margin-top:-10px !important;}
.topMinus20 {margin-top:-20px !important;}

.yearmonth {
	text-align:center;
	padding-top:50px;
	color:#ffffff;
}

.link_info {
	height:120px;
	padding:40px 0 0 135px;
}

.area_env {
	background: linear-gradient(#f4faf4, #b2dcac);
	border-radius:15px;
    -ms-border-radius: 15px;
	padding:2px 30px 5px;
	margin-top:20px;
}
#toggle{ 
 display: none;
}
ul {
  margin: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

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

#menu {
  position: fixed;
  top: 0;
  width: 300px;
  height: 100%;
  padding: 20px;
  transition: left .5s, right .5s;
  background-color: rgba(86, 86, 86, .7);
}

.toggle {
  display:none;
}


#open {
  display: none;
}

#open:checked + #menu {
  right: 0;
}
 @media only screen and (max-width: 767px) {
  #menu {
  position: fixed;
  top: 0;
  right: -340px;
  overflow: hidden;
  width: 300px;
  height: 100%;
  padding: 20px;
  transition: left .5s, right .5s;
  background-color: rgba(86, 86, 86, .7);
}

.toggle {
  display:block;
  font-size: 30px;
  cursor: pointer;
}

.toggle:hover {
  text-decoration: underline;
}

#open {
  display: none;
}

#open:checked + #menu {
  right: 0;
}
}
@media only screen and (max-width: 480px) {
  #drop{
    display: none;
  }
  #drop li{
    width: 100%;
  }
	#toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}