@charset "Shift_JIS";



/***********************************************************************************

トップページ/共通

************************************************************************************/

html,body{
	height:100%;
}


/*全体エリア
-----------------------------------------------------------------*/
div#allcontents{
	width:100%;
	position:relative;
	min-height:100%;
}


/*ココットカマンヘッダー
-----------------------------------------------------------------*/
div#cocottecamem-header{
	width:100%;
	height:100px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/header_img.png) repeat;
	background-position:center 0;
	position:absolute;
	top:0;
	left:center;
	z-index:888;
}


/*ソーシャル
-----------------------------------------------------------------*/
div#social{
	position:relative;
	width:250px;
	top:10px;
	left:68%;
	z-index:999;
}

div#social ul{
}

div#social li{
	float:left;
	height:21px;
	overflow:hidden;
	margin-right:5px;
}



/*背景パララックス効果
-----------------------------------------------------------------*/
#bg01{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/background_01.png);
	background-position:center 100px;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
}

#bg02{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/background_02.png);
	background-position:center 100px;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
}


/*コンテンツエリア
-----------------------------------------------------------------*/
div#contents{
	width:950px;
	margin:0 auto;
	position:relative;
}

div#contents.index{
	background-color:#fff;
	padding-bottom:50px;
}


/*タイトル（タイトル、スライダー、グローバルナビを包括）
-----------------------------------------------------------------*/
div#title.index{
	width:950px;
	height:733px;
}

/*タイトル
-----------------------------------------------------------------*/
div#title-image{
	width:950px;
	height:400px;
	position:absolute;
	top:0;
	left:0;
	z-index:666;
}


/*スライダー・グローバルナビ
-----------------------------------------------------------------*/
div#slider-navi{
	width:950px;
	height:360px;
	position:absolute;
	top:318px; /*タイトル部への食い込み度*/
	left:0;
}


/*IE6ズレ補正*/
* html div#title-image{
	top:-100px;
}

* html div#slider-navi{
	top:218px;
}



/*グローバルナビ
-----------------------------------------------------------------*/
div#global-navi{
	width:188px;
	height:280px;
	position:absolute;
	top:30px;
	left:760px;
	z-index:777;
}

div#global-navi li{
	float:left;
}


/*マウスオーバー処理*/

/*ココットカマンって？*/
div#global-navi a.gnavi-01{
	display:block;
	overflow: hidden;
	width:168px;
	height:80px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_01.jpg) no-repeat;
	margin-bottom:20px;
}

div#global-navi a.gnavi-01:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_01_on.jpg) no-repeat;
}

/*おいしさのひみつ*/
div#global-navi a.gnavi-02{
	display:block;
	overflow: hidden;
	width:168px;
	height:80px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_02.jpg) no-repeat;
	margin-bottom:20px;
	margin-left:20px;
}

div#global-navi a.gnavi-02:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_02_on.jpg) no-repeat;
}

/*商品ラインナップ*/
div#global-navi a.gnavi-03{
	display:block;
	overflow: hidden;
	width:168px;
	height:80px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_03.jpg) no-repeat;
}

div#global-navi a.gnavi-03:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_03_on.jpg) no-repeat;
}



span.alt{
	display:none;
}


/*スライダー
-----------------------------------------------------------------*/
#SlidVisual{
	width:600px;
	height:350px;
	position:absolute;
	top:0px;
	left:169px;
	z-index:444;
}

#bxslider{
}


/*ラインナップアイコン
-----------------------------------------------------------------*/
#lineup-icon{
	width:160px;
	height:48px;
	position:absolute;
	top:330px;
	left:743px;
	z-index:555;
}

/*マウスオーバー処理*/
#lineup-icon a.lineup-icon1{
	display:block;
	overflow: hidden;
	width:55px;
	height:48px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/lineup_icon01.jpg) no-repeat;
	float:left;
}

#lineup-icon a.lineup-icon1:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/lineup_icon01_on.jpg) no-repeat;
}

#lineup-icon a.lineup-icon2{
	display:block;
	overflow: hidden;
	width:55px;
	height:48px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/lineup_icon02.jpg) no-repeat;
	float:left;
}

#lineup-icon a.lineup-icon2:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/lineup_icon02_on.jpg) no-repeat;
}

#lineup-icon a.lineup-icon3{
	display:block;
	overflow: hidden;
	width:48px;
	height:48px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/lineup_icon03.jpg) no-repeat;
}

#lineup-icon a.lineup-icon3:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/lineup_icon03_on.jpg) no-repeat;
}



/*戻り用
-----------------------------------------------------------------*/
div#return{
	height:20px;
}


/*タブ切替
-----------------------------------------------------------------*/
div#tab-contents{
	width:950px;
}

div#tab-contents ul.tab-btn{
	width:760px;
	margin:0 auto;
	margin-bottom:30px;
}

div#tab-contents ul.tab-btn li{
	height:74px;
	margin-right:10px;
	float:left;
}

div#tab-container{
	width:950px;
}

div#tab-container ul li{
	width:230px;
	height:230px;
	float:left;
	margin:0px 10px 10px 0px;
	position:relative;
}

/*4個目のマージン消し（IEはScriptにて）*/
div#tab-container ul li:nth-child(4n){
	margin-right:0px;
}



/*Newマーク
-----------------------------------------------------------------*/
div#tab-container ul li span.new{
	position:absolute;
	width:85px;
	height:84px;
	top:140px;
	left:146px;
	z-index:1;
}


/*フッターLineUP
-----------------------------------------------------------------*/
div#lineup{
	width:950px;
	height:242px;
	position:relative;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_background.jpg) no-repeat 0 0;
}

div#lineup .lineup-inner{
	position:absolute;
	width:806px;
	height:102px;
	top:140px;
	left:90px;
}

/*マウスオーバー処理*/
div#lineup .lineup-inner a.footer-lineup1{
	display:block;
	overflow: hidden;
	width:280px;
	height:102px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_01.jpg) no-repeat;
	float:left;
}

div#lineup .lineup-inner a.footer-lineup1:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_01_on.jpg) no-repeat;
}

div#lineup .lineup-inner a.footer-lineup2{
	display:block;
	overflow: hidden;
	width:280px;
	height:102px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_02.jpg) no-repeat;
	float:left;
}

div#lineup .lineup-inner a.footer-lineup2:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_02_on.jpg) no-repeat;
}

div#lineup .lineup-inner a.footer-lineup3{
	display:block;
	overflow: hidden;
	width:246px;
	height:102px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_03.jpg) no-repeat;
}

div#lineup .lineup-inner a.footer-lineup3:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_lineup_03_on.jpg) no-repeat;
}


/*ページトップボタン
-----------------------------------------------------------------*/
div.page-top{
	margin-top:30px;
	text-align:center;
}


/*マウスオーバー処理*/
div.page-top a{
	display:block;
	width:450px;
	height:43px;
	margin-left:250px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/page_top.png) no-repeat;
}

div.page-top a:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/page_top_on.png) no-repeat;
}




/*明治フッター部
-----------------------------------------------------------------*/
div#meiji-footer{
	width:100%;
	height:100px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/footer_back.gif) repeat-x;
	background-color:#FFF;
	bottom:0;
}

div#footer-contents{
	margin:0 auto;
	width:950px;
}



/*clear fix
-----------------------------------------------------------------*/
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clearfix{
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
	overflow:hidden; /**/
}



/***********************************************************************************

ココットカマンって？/おいしさのひみつページ

************************************************************************************/

body.inner{
	background-image:url(/dairies/cheese/meijitokachi/cocottecamem/images/background_inner.jpg);
	background-position:center 0;
}

/*コンテンツエリア
-----------------------------------------------------------------*/
div#contents.inner{
	background-color:#fff;
	padding-top:100px;
}


/*タイトル＆ナビエリア
-----------------------------------------------------------------*/
div#inner-header{
	width:950px;
	height:186px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/inner_title.jpg) no-repeat 0 0;
	background-color:#fff;
	/*position:fixed;*/
}

/*タイトル
-----------------------------------------------------------------*/
div#inner-title{
	width:245px;
	height:135px;
	float:left;
}


/*ナビゲーション
-----------------------------------------------------------------*/
div#inner-gnavi{
	width:695px;
	height:186px;
	padding-top:32px;
	/*background-color:#FFF;*/
	float:right;
}

div#inner-gnavi ul li{
	width:135px;
	height:85px;
	float:left;
	margin:0px 5px 0px 0px;
}

div#inner-gnavi ul li:nth-child(5){
	margin-right:0px;
}

/*マウスオーバー処理*/
div#inner-gnavi ul li a{
	display:block;
	width:135px;
	height:85px;
	float:left;
}

div#inner-gnavi ul li a.inner-gnavi00{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_00.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi00:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_00_on.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi01{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_01.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi01:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_01_on.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi02{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_02.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi02:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_02_on.jpg) no-repeat;
}

/*カレント*/
div#inner-gnavi ul li a.inner-gnavi02-current{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_02_on.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi03{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_03.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi03:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_03_on.jpg) no-repeat;
}

/*カレント*/
div#inner-gnavi ul li a.inner-gnavi03-current{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_03_on.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi04{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_04.jpg) no-repeat;
}

div#inner-gnavi ul li a.inner-gnavi04:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/gnavi_inner_04_on.jpg) no-repeat;
}


/*20140222追加
-----------------------------------------------------------------*/
#Bnr20140222Box a {
	position:absolute;
	left:-5px;
	bottom:250px;
	z-index:999;
}
/*マウスオーバー処理*/
#Bnr20140222Box a {
	display:block;
	overflow: hidden;
	width:198px;
	height:80px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/bnr_20140222.jpg) no-repeat;
}

#Bnr20140222Box a:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/bnr_20140222_on.jpg) no-repeat;
}

/*20141106追加
-----------------------------------------------------------------*/
#Bnr20141106Box a {
	position:absolute;
	left:-5px;
	bottom:70px;
	z-index:999;
}
/*マウスオーバー処理*/
#Bnr20141106Box a {
	display:block;
	overflow: hidden;
	width:198px;
	height:88px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/bnr_20141106.png) no-repeat;
}

#Bnr20141106Box a:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/bnr_20141106_on.png) no-repeat;
}

/*20141128追加
-----------------------------------------------------------------*/
#Bnr20141128Box a {
	position:absolute;
	left:-5px;
	bottom:150px;
	z-index:999;
}
/*マウスオーバー処理*/
#Bnr20141128Box a {
	display:block;
	overflow: hidden;
	width:198px;
	height:88px;
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/bnr_20151208.png) no-repeat;
}

#Bnr20141128Box a:hover{
	background:url(/dairies/cheese/meijitokachi/cocottecamem/images/bnr_20151208_on.png) no-repeat;
}
