@charset "utf-8";

/*=====================================================

/* Phrase elements styles
-------------------------------------*/

p.logoArea  {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

div.headerArea img {
	vertical-align: bottom;
	border: none;
}


div.headerArea ul, div.headerArea li {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	list-style-type: none;
}

p.logoArea {
	padding-top: 10px;
	padding-bottom:6px;
}

ul.globalnaviArea {
	position: absolute;
	top: 95px;
	left: 0px;
}

ul.globalnaviArea li {
	float: left;
}

ul.configArea {
	position: absolute;
	top: 69px;
	right: 4px;
	margin: 0px;
	padding: 0px;
}

ul.configArea li {
	float:left;
	margin-left: 8px;
	line-height:0px;
}
p.phone2Area {
	position: absolute;
	top: 16px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}
p.phone2_1Area {
	position: absolute;
	top: 16px;
	left: 297px;
	margin: 0px;
	padding: 0px;
}


/* div.header
-------------------------------------*/
div.headerArea {
position: relative;
clear: both;
margin: 0 auto;
width: 950px;
height:140px;
text-align: left;
background: #fff;
}

div.headerArea p { margin:0px; padding:0px;}

div.logoArea {
padding: 12px 0 3px 0px;
text-align:left;
}
div.logoArea p { margin:0px; padding:0px;}
div.logoArea p.logo { text-align:left; margin-top:18px;}

#linktextArea {
margin:0px;
}


/* ul.globalnaviArea
-------------------------------------*/

/* preload */
ul.globalnaviArea li.linkTop { background:url(images/950gn_00_on.gif);}
ul.globalnaviArea li.linkMD { background:url(images/950gn_01_on.gif);}
ul.globalnaviArea li.linkShop { background:url(images/950gn_03_on.gif);}
ul.globalnaviArea li.linkCom { background:url(images/950gn_04_on.gif);}
ul.globalnaviArea li.linkDiet { background:url(images/950gn_05_on.gif);}
ul.globalnaviArea li.linkMDch { background:url(images/950gn_06_on.gif);}
ul.globalnaviArea li.linkUser { background:url(images/950gn_07_on.gif);}

/* rollover */
ul.globalnaviArea li { text-indent:-100000px; height:45px; background-repeat:no-repeat; overflow:hidden;}
ul.globalnaviArea li a { display:block; height:45px;}
ul.globalnaviArea li.linkTop a { width:136px; background:url(images/950gn_00.gif);}
ul.globalnaviArea li.linkTop a:hover { width:136px; background:url(images/950gn_00_on.gif);}
ul.globalnaviArea li.linkCP a {  width:135px; background:url(images/950gn_02.gif);}
ul.globalnaviArea li.linkCP a:hover { width:135px; background:url(images/950gn_02_on.gif);}
ul.globalnaviArea li.linkShop a { width:136px; background:url(images/950gn_03.gif);}
ul.globalnaviArea li.linkShop a:hover { width:136px; background:url(images/950gn_03_on.gif);}
ul.globalnaviArea li.linkCom a { width:135px; background:url(images/950gn_04.gif);}
ul.globalnaviArea li.linkCom a:hover { width:135px; background:url(images/950gn_04_on.gif);}
ul.globalnaviArea li.linkDiet a { width:136px; background:url(images/950gn_05.gif);}
ul.globalnaviArea li.linkDiet a:hover { width:136px; background:url(images/950gn_05_on.gif);}
ul.globalnaviArea li.linkMDch a { width:135px; background:url(images/950gn_06.gif);}
ul.globalnaviArea li.linkMDch a:hover { width:135px; background:url(images/950gn_06_on.gif);}
ul.globalnaviArea li.linkUser a { width:137px; background:url(images/950gn_07.gif);}
ul.globalnaviArea li.linkUser a:hover { width:137px; background:url(images/950gn_07_on.gif);}

#headertext {
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
}
.hedtext {
	color: #FFF;
	font-weight: bold;
}
.hedtext #hedtext {
	color: #FFF;
}


#sp_header,
#header_navi{
	display: none;
}


@media screen and (max-width: 1017px){
	#header table,
	#header img{
		width: 100%;
	}
	#header table .headerArea{
		display: none;
	}
	#sp_header{
		display: block;
		text-align: left;
	}
	#sp_header .header_fixed{
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
	}
	#sp_header .logo{
		width: 53%;
		padding: 5% 0 5% 3%;
	}
	#sp_header .logo img{
		width: 100%;
	}
	#sp_header .header_menu{
		display: none;
	}
	#sp_header .menu_btn{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 12%;
		margin: 2% 3%;
		cursor: pointer;
	}
	#sp_header.open .menu_btn{
		background: url(/excludes/microdiet/campaign/common/globalnavi950/images/menu_btn_open.png) top center no-repeat;
		background-size: contain;
	}
	#sp_header.open .menu_btn img{
		opacity: 0;
	}
	#sp_header .header_menu ul{
		display: none;
	}
	#sp_header .header_menu li a{
		position: relative;
		display: block;
		padding: 3%;
		color: #000;
		font-size: 20px;
		text-decoration: none;
		border-top: 2px solid #e9e9e9;
	}
	#sp_header .header_menu li.last a{
		border-bottom: 2px solid #e9e9e9;
	}
	#sp_header .header_menu li a:after{
		content:"";
		position: absolute;
		top: 0;
		right: 3%;
		bottom: 0;
		display: block;
		width: 3%;
		background: url(/excludes/microdiet/campaign/common/globalnavi950/images/menu_btn_arrow.png) right center no-repeat;
		background-size: contain;
	}
	#header_navi{
		display: block;
		padding-top: 15.5%;
	}
	#header_navi li{
		display: inline-block;
	}
	#header_navi li.linkTop,
	#header_navi li.linkCP,
	#header_navi li.linkShop{
		width: 33.3%;
	}
	#header_navi li.linkCom,
	#header_navi li.linkDiet,
	#header_navi li.linkMDch,
	#header_navi li.linkUser{
		width: 25%;
	}
	/* header open */
	#sp_header.open{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		overflow: auto;
		z-index: 99;
	}
	#sp_header.open .header_fixed{
		position: static;
	}
}