@charset "UTF-8";


/* --------------------------------------------------------------------------------------
 ヘッダプルダウン -検索-
--------------------------------------------------------------------------------------- */
.mc_head_searchbt {
   border:solid 1px #ccc;
   padding: 2px 7px;
   margin:0 0 0 7px;
   cursor:pointer;
   color: #FFFFFF;
   font-size: 18px;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fd5c93), to(#ee0f6b));
   background-image: -webkit-linear-gradient(top, #fd5c93, #ee0f6b);
   background-image: -moz-linear-gradient(top, #fd5c93, #ee0f6b);
   background-image: -ms-linear-gradient(top, #fd5c93, #ee0f6b);
   background-image: -o-linear-gradient(top, #fd5c93, #ee0f6b);
   background-image: linear-gradient(top, #fd5c93, #ee0f6b);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);}

.mega-menu ul, .mega-menu ul li {
   list-style: none;}

.mega-menu ul {
   position: relative;
   padding: 0;
   margin: 0;}

.mega-menu ul li ul {
   display: none;}
   
.mega-menu .sub {
   display: none;}
   
.mega-menu .sub ul {
   display: block;}

ul.mega-menu, ul.mega-menu, ul.mega-menu li{
   margin: 0;
   padding: 0;
   border: none;}

ul.mega-menu {}
   
ul.mega-menu li {}
   
ul.mega-menu li a {}

ul.mega-menu li.head_search {
   position: absolute;
   top: 0;
   right: 75px;
   height: 50px;
   width: 54px;
   text-indent: -999em;
   /*background: url(/images/top_04.png) top left no-repeat;*/
   width: 54px;
   height: 50px;
   -webkit-background-size: 54px 50px;
   background-size: 54px 50px;
   display: block;}
   
ul.mega-menu li.head_search a {
   /*background: url(/images/top_04.png) top left no-repeat;*/
   width: 54px;
   height: 50px;
   -webkit-background-size: 54px 50px;
   background-size: 54px 50px;
   display: block;}


ul.mega-menu li.head_search ul {
   width: 270px;
   float: right;
   margin-right: -75px;
   background-color: #FFFFFF;}

ul.mega-menu li.head_search ul li {
   color: #999999;
   position: relative;
   right: auto;
   height: 30px;
   text-indent: 0em;
   width: 270px;}

ul.mega-menu li.head_search ul li a {
   background: none;}
   
ul.mega-menu li.mega-hover a {
   background: url(/images/top_04_over.png) top left no-repeat;
   width: 54px;
   height: 50px;
   -webkit-background-size: 54px 50px;
   background-size: 54px 50px;
   display: block;}

ul.mega-menu li .sub-container {}
   
ul.mega-menu li .sub {
	padding: 20px 10px;
	width: 270px;
	-webkit-box-shadow: -2px 2px 2px #d1d1d1;
	-moz-box-shadow: -2px 2px 2px #d1d1d1;
	box-shadow: -2px 2px 2px #d1d1d1;}

ul.mega-menu li.head_search input {
   width: 180px;
   height: 25px;
   font-size: 16px;}


/* --------------------------------------------------------------------------------------
 ヘッダプルダウン -ヘッダメニュー-
--------------------------------------------------------------------------------------- */

.mega-menu2 ul, .mega-menu2 ul li {
   list-style: none;}

.mega-menu2 ul {
   position: relative;
   padding: 0;
   margin: 0;}

.mega-menu2 ul li ul {
   display: none;}
   
.mega-menu2 .sub {
   display: none;}
   
.mega-menu2 .sub ul {
   display: block;}

ul.mega-menu2, ul.mega-menu2, ul.mega-menu2 li{
   margin: 0;
   padding: 0;
   border: none;}

ul.mega-menu2 {}
   
ul.mega-menu2 li {}
   
ul.mega-menu2 li a {}

ul.mega-menu2 li.head_menu {
   position: absolute;
   top: 0;
   right: 1px;
   height: 50px;
   width: 74px;
   text-indent: -99999em;}
   
ul.mega-menu2 li.head_menu a {
   background: url(../common/img/top_10.png) top left no-repeat;
   width: 74px;
   height: 50px;
   -webkit-background-size: 74px 50px;
   background-size: 74px 50px;
   display: block;}


ul.mega-menu2 li.head_menu ul {
   width: 270px;
   float: right;
   background-color: #FFFFFF;}

ul.mega-menu2 li.head_menu ul li {
   border: solid 1px #CCCCCC;
   margin-bottom: 1px;
   padding: 0 0 0 5px;
   cursor:pointer;
   color: #FFFFFF;
   height: 40px;
   line-height: 40px;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeeeb));
   background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
   background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
   background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
   background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
   background-image: linear-gradient(top, #ffffff, #eeeeee);}
   
ul.mega-menu2 li.mega-hover a, ul.mega-menu li.head_menu a:hover {
   background: url(../common/img/top_10_over.png) top left no-repeat;
   width: 74px;
   height: 50px;
   -webkit-background-size: 74px 50px;
   background-size: 74px 50px;
   display: block;}

ul.mega-menu2 li .sub-container {}
   
ul.mega-menu2 li .sub {
	padding: 10px;
	width: 270px;
	-webkit-box-shadow: -2px 2px 2px #d1d1d1;
	-moz-box-shadow: -2px 2px 2px #d1d1d1;
	box-shadow: -2px 2px 2px #d1d1d1;}

ul.mega-menu2 li.head_menu li a {
  text-decoration: none;
  background: none;
  text-indent: 0;
  width: auto;
  color: #333333;
  text-decoration: none;
  height: 40px;}