/*
Item Name : Responsive Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 4.02
*/

/*

TABLE OF CONTENTS

01 MEGA MENU BAR
02 MEGA MENU CONTAINERS
03 DROP DOWN COLUMNS GRID
04 FLY-OUT MENU
05 MEGA MENU WEB ELEMENTS
   1. General Typography
   2. Lists
   3. Custom Paragraphs
   4. Video + Misc.
   5. Images
   6. Paragraph Icons
   7. Social Icons
   8. Form Elements
   9. Tables
06 DEFAULT THEMES, DARK & LIGHT (REQUIRED)
   1. Dark Menu Bar
   2. Light Menu Bar
   3. Dark Drop Down
   4. Light Drop Down
   5. Neutral Colored Elements
      - Form Elements
      - Tables
07 ADDITIONAL THEMES (OPTIONNAL)
   1. Blue
   2. Brown
   3. Cherry
   4. Coffee
   5. Green
   6. Grey
   7. Ocean
   8. Orange
   9. Pink
   10. Purple
   11. Red
   12. Tan
   13. Yellow
08 VERTICAL MEGA MENU
09 MOBILE DEVICES
   1. Common Media Queries
   2. Horizontal Mega Menu Media Queries
   3. Vertical Mega Menu Media Queries

*/




/*
	Layout container
	The menu will automatically expand into your container.
	"page_wrapper" and "page_wrapper_vertical" are just used to show how the menu fits,
	those containers are not necessary, just put the menu into a container and it will
	fit exactly to its dimensions.
*/




/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */




/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */




.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin:0;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.megamenu li .dropdown_first {
	margin-left:-1px;
}
.megamenu li .droplast_right {
	margin-right:-1px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {
	top:45px;
	left:auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top:45px;
	left:-1px;
}
.megamenu li .dropdown_right {
	right:0;
}
.megamenu li:hover .dropdown_right {
	top:45px;
	left:auto;
	right:0;
}


/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/


.megamenu .dropdown_fullwidth {
	width: 100%;
}

.megamenu .dropdown_fullwidth{
	height:277px;
	border-top:#154178 solid 4px;
	box-sizing:border-box;
	-webkit-box-shadow: 0 10px 6px -6px #143c6f;
       -moz-box-shadow: 0 10px 6px -6px #143c6f;
            box-shadow: 0 10px 6px -6px #143c6f;
	background:#174987 url(../common/images/side_menu_bottom_bg.png) center 20px no-repeat;
}

.ddmenubody{
	width:1004px;
	margin:0 auto 15px;
	padding:7px 10px;
	padding-top: 5px;
	padding-bottom: 15px;
	color:white;
}

.ddmenubody h2{
	font-size:18px;
	font-weight: bold;
	color:white;
	margin-bottom: 5px;
	border-left:solid 4px #FFF;
	padding-left: 10px;
}

#gnav .ddmenubody .ddml{
	width:520px;
	float:left;
	margin-top: 10px;
	margin-bottom:15px;
}

#gnav .ddmenubody ul{
	width:auto;
	margin-left: 10px;
}

#gnav .ddmenubody .ddml ul li{
	float:left;
	width:300px;
	background:url(../img/common/icon_fmenu01.png) no-repeat 0 0.30em;
	padding-left:15px;
	font-size:14px;
	font-weight: normal;
	color:white;
	margin-bottom:3px;
}

#gnav .ddmenubody .ddml ul li a{
		background:none!important;
			text-indent:0px;
			color:white;
}

#gnav .ddmenubody .ddml ul li a{
	height:inherit;
}

#gnav .ddmenubody .ddmr{
	width:300px;
	float:right;
	margin-right: 50px;
	padding-top: 5px;
	position:relative;
}

#gnav .ddmenubody .ddmr img{
	width:100%;
}


#gnav .ddmenubody .ddmr dl{
	background:url(../img/common/mmbg04.png) repeat;
	padding:10px;
	width:280px;
	position:absolute;
	color:white;
	bottom:0px;
	left:10px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#gnav .ddmenubody .ddmr dl dt{
	width:100%;
	font-size:20px;
	margin-bottom: 3px;
}

#gnav .ddmenubody:after{
	content:"";
	display:block;
	clear:both;
}

/*2:about*/
#gnav #gnav02 li.on.cont01img{
	background:url(../img/common/megamenu/menu0201.jpg) no-repeat;}
#gnav #gnav02 li.on.cont02img{
	background:url(../img/common/megamenu/menu0202.jpg) no-repeat;}
#gnav #gnav02 li.on.cont03img{
	background:url(../img/common/megamenu/about_img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav02 li.on.cont04img{
	background:url(../about/organization/soshiki/images/img02.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav02 li.on.cont05img{
	background:url(../about/work/images/img03.jpg) no-repeat left bottom;
	background-size:100%;}
#gnav #gnav02 li.on.cont06img{
	background:url(../about/ge_wlb/f_pilot/images/img07.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav02 li.on.cont07img{
	background:url(../about/history/images/img_01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav02 li.on.cont08img{
	background:url(../about/sawayaka/images/img08.jpg) no-repeat;
	background-size:100%;}

/*3:base*/
#gnav #gnav03 li.on.cont01img{
	background:url(../base/images/img01.gif) no-repeat;
	background-size:100%;}
#gnav #gnav03 li.on.cont02img{
	background:url(../base/north/images/img01.gif) no-repeat;
	background-size:120%;}
#gnav #gnav03 li.on.cont03img{
	background:url(../base/center/images/img01.gif) no-repeat;
	background-size:120%;}
#gnav #gnav03 li.on.cont04img{
	background:url(../base/centerkanto/images/img01.gif) no-repeat;
	background-size:120%;}
#gnav #gnav03 li.on.cont05img{
	background:url(../base/west/images/img01.gif) no-repeat;
	background-size:120%;}
#gnav #gnav03 li.on.cont06img{
	background:url(../base/south/images/img01.gif) no-repeat;
	background-size:120%;}

/*4:equipment*/
#gnav #gnav04 li.on.cont01img{
	background:url(../equipment/sentouki/F-15/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont02img{
	background:url(../equipment/teisatsuki/RF-4E/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont03img{
	background:url(../equipment/keikaiki/E-767/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont04img{
	background:url(../equipment/yusouki/C-1/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont05img{
	background:url(../equipment/kyuunanki/U-125A/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont06img{
	background:url(../equipment/shienki_tenkenki/U-4/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont07img{
	background:url(../equipment/renshuuki/T-4/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont08img{
	background:url(../equipment/blueimpulse/T-4_Blueimpulse/images/img01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav04 li.on.cont09img{
	background:url(../equipment/other/Patriot/images/img01.jpg) no-repeat;
	background-size:100%;}

/*5:pr_event*/
#gnav #gnav05 li.on.cont01img{
	background:url(../pr_report/event/images/img01.jpg) no-repeat;
	background-size:170%;}
#gnav #gnav05 li.on.cont02img{
	background:url(../pr_report/blueimpulse/about/images/img02.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav05 li.on.cont03img{
	background:url(../pr_report/band/images/img02.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav05 li.on.cont04img{
	background:url(../pr_report/collaboration/satsuei_kyouryoku/images/img39.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav05 li.on.cont05img{
	background:url(../img/common/megamenu/menuother.jpg) no-repeat;
	background-size:100%;}

/*6:special*/
#gnav #gnav06 li.on.cont01img{
	background:url(../special/application/images/megamenu01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont02img{
	background:url(../special/application/images/megamenu02.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont03img{
	background:url(../special/recipe/img/common/img_ominato.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont04img{
	background:url(../special/download/paper_plane/images/img01_def.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont05img{
	background:url(../special/amusement/images/amusement_contents02_def.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont06img{
	background:url(../special/webmagazine/vol1/images/kichi/gnavi_05.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont07img{
	background:url(../special/interview/images/interview_contents01.jpg) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont08img{
	background:url(../img/common/special_history.png) no-repeat;
	background-size:100%;}
#gnav #gnav06 li.on.cont09img{
	background:url(../img/common/special_kids.png) no-repeat;
	background-size:100%;}

#gnav .ddmenubody .ddmr ul li.on.other{
	background:url(../img/common/megamenu/menuother.jpg) no-repeat;
}

#gnav .ddmenubody .ddmr ul li{
	display:none;
	background-size:100%;
}

#gnav .ddmenubody .ddmr ul li.on{
	display:block;
	width:300px;
	height:214px;
	background-size:100%;
	overflow:hidden;
}



/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */




.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*margin-left: 1.9%;
	*margin-right: 1.9%;
}

.megamenu .col_1 {width:4.33%;}
.megamenu .col_2 {width:12.66%;}
.megamenu .col_3 {width:21%;}
.megamenu .col_4 {width:29.33%;}
.megamenu .col_5 {width:37.66%;}
.megamenu .col_6 {width:46%;}
.megamenu .col_7 {width:54.33%;}
.megamenu .col_8 {width:62.66%;}
.megamenu .col_9 {width:71%;}
.megamenu .col_10 {width:79.33%;}
.megamenu .col_11 {width:87.66%;}
.megamenu .col_12 {width:96%;}

.megamenu .rowcontent {
	clear:left;
	/*
	IE7 clear issue.
	Display inline required.
	*/
	*display:inline;
}