@charset "UTF-8";

/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2008-09-01
	Modified: 2009-09-30
===========================================================*/

div#contentsBox p {
	margin: 15px 0;
}

div#contentsBox ol {
	margin: 0 15px 15px 15px;
}

	div#contentsBox ol li {
		margin: 0 0 0 20px;
		list-style: decimal;
	}

div#contentsBox table {
	margin: 0 15px 20px 15px;
	border: 1px solid #d2d2d2;
}

	div#contentsBox table tbody th {
		padding: 10px;
		border: 1px solid #d2d2d2;
		background: #fbf5e0;
	}

	div#contentsBox table tbody td {
		padding: 10px;
		border: 1px solid #d2d2d2;
		vertical-align: top;
	}

	div#contentsBox table p {
		margin: 0 0 15px 0;
	}

/*-----------------------------------------------------------
	.catch and subordinate selector
-----------------------------------------------------------*/
div#contentsBox p.catch {
	margin-bottom: 19px;
	line-height: 1;
}

/*-----------------------------------------------------------
	.note and subordinate selector
-----------------------------------------------------------*/
div#contentsBox p.note {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

	div#contentsBox p.note em{
		color: #f00;
	}
	div#contentsBox p.news em{
		color: #f00;
	}

/*-----------------------------------------------------------
	.btn and subordinate selector
-----------------------------------------------------------*/
div#contentsBox p.btn {
	margin: 13px auto;
	text-align: center;
}

/*-----------------------------------------------------------
	.link and subordinate selector
-----------------------------------------------------------*/

div#contentsBox span.link a {
	line-height: 100px;
	padding-left: 30px;
	background: url(../../factory/images/icoArrow.png) no-repeat;
	font-weight: bold;
	font-size: 1.1rem;
	text-align: center;
	color: #f40e31;
}

/*-----------------------------------------------------------
	.routine and subordinate selector
-----------------------------------------------------------*/
div#contentsBox table ul.routine {
	margin: 0 0 10px 0;
}

	div#contentsBox table ul.routine li {
		margin: 0 10px 0 0;
		display: inline;
	}

/*-----------------------------------------------------------
	.table and subordinate selector
-----------------------------------------------------------*/
div#contentsBox table dl.table {
	line-height: 1;
}

	div#contentsBox table dl.table dt {
		float: left;
		width: 6em;
		height: auto;
	}

	div#contentsBox table dl.table dd {
		margin: 0 0 0 6em;
	}

	div#contentsBox table p,
	div#contentsBox table ol {
		margin-right: 0;
		margin-left: 0;
	}

/*-----------------------------------------------------------
	.alpha and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.alpha {}

	div#contentsBox div.alpha div {
		margin: 0 0 28px 0;
		width: 271px;
		height: auto;
	}

	div#contentsBox div.alpha01 {
		float: left;
	}

	div#contentsBox div.alpha02 {
		float: right;
	}

	div#contentsBox div.alpha h2 {
		margin: 0 0 9px 0;
	}

	div#contentsBox div.alpha p {
		margin: 0 9px;
	}

/*-----------------------------------------------------------
	.beta and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.beta {
	margin: 0 0 30px 0;
}

/*-----------------------------------------------------------
	.gamma and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.gamma {
	margin: 0 15px 30px 15px;
}

	div#contentsBox div.gamma div.gamma01 {
		float: left;
		width: 197px;
		height: auto;
	}

	div#contentsBox div.gamma div.gamma02 {
		float: right;
		width: 316px;
		height: auto;
	}

		div#contentsBox div.gamma p {
			margin-right: 0;
			margin-left: 0;
		}

		div#contentsBox div.gamma p.thumb {
			margin: 0;
			padding: 1px;
			border: 1px solid #b5b5b6;
		}

			div#contentsBox div.gamma p.thumb img {
				display: block;
			}

/*-----------------------------------------------------------
	.delta and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.delta {
	margin: 0 15px 30px 15px;
}

	div#contentsBox div.delta div.delta01 {
		float: left;
		width: 265px;
		height: auto;
	}

	div#contentsBox div.delta div.delta02 {
		float: right;
		width: 250px;
		height: auto;
	}

	div#contentsBox div.delta table {
		margin: 0;
	}

/*-----------------------------------------------------------
	.print and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.print {}

	div#contentsBox div.print p.btn {
		margin: 0;
		display: none;
	}

/*-----------------------------------------------------------
	#factoryMap and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#factoryMap {
	position: relative;
	width: 560px;
	height: 823px;
	background: transparent url(../../factory/images/bgMap.png) top left no-repeat;
}

	div#contentsBox div#factoryMap .eyecatch {
	padding-top: 35px;
	text-align: center;
	}
	
	

	div#contentsBox div#factoryMap ul.pannel {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		div#contentsBox div#factoryMap ul.pannel li {
			margin: 115px 0 0 30px;
			padding: 0;
			position: absolute;
			top: 0px;
			left: 0px;
			visibility: hidden;
		}

		div#contentsBox div#factoryMap ul.pannel li.itemDef {
			visibility: visible;
			
		}

	div#contentsBox div#factoryMap ul.marker {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		div#contentsBox div#factoryMap ul.marker li {
			margin: 0;
			padding: 0;
			position: absolute;
		}

		div#contentsBox div#factoryMap ul.marker li.item00 {
			top: 429px;
			left: 390px;
		}

		div#contentsBox div#factoryMap ul.marker li.item01 {
			top: 507px;
			left: 363px;
		}

		div#contentsBox div#factoryMap ul.marker li.item02 {
			top: 558px;
			left: 353px;
		}

		div#contentsBox div#factoryMap ul.marker li.item03 {
			top: 589px;
			left: 353px;
		}

		div#contentsBox div#factoryMap ul.marker li.item04 {
			top: 585px;
			left: 328px;
		}

		div#contentsBox div#factoryMap ul.marker li.item05 {
			top: 593px;
			left: 308px;
		}

		div#contentsBox div#factoryMap ul.marker li.item06 {
			top: 598px;
			left: 263px;
		}

		div#contentsBox div#factoryMap ul.marker li.item07 {
			top: 598px;
			left: 263px;
		}

		div#contentsBox div#factoryMap ul.marker li.item08 {
			top: 599px;
			left: 188px;
		}

		div#contentsBox div#factoryMap ul.marker li.item09 {
			top: 599px;
			left: 188px;
		}

		div#contentsBox div#factoryMap ul.marker li.item10 {
			top: 599px;
			left: 188px;
		}

		div#contentsBox div#factoryMap ul.marker li.item11 {
			top: 599px;
			left: 188px;
		}

		div#contentsBox div#factoryMap ul.marker li.item12 {
			top: 653px;
			left: 61px;
		}

		div#contentsBox div#factoryMap ul.marker li.item13 {
			top: 664px;
			left: 41px;
		}

		div#contentsBox div#factoryMap ul.marker li.item14 {
			top: 399px;
			left: 72px;
		}

		div#contentsBox div#factoryMap ul.marker li.item15 {
			top: 599px;
			left: 188px;
		}

		div#contentsBox div#factoryMap ul.marker li.item16 {
			top: 673px;
			left: 83px;
		}

		div#contentsBox div#factoryMap ul.marker li.item17 {
			top: 668px;
			left: 21px;
		}

		div#contentsBox div#factoryMap ul.marker li.item19 {
			top: 612px;
			left: 160px;
		}

			div#contentsBox div#factoryMap ul.marker li img {
				vertical-align: top;
			}

div#contentsBox .bnr {
	background: transparent url(../../factory/images/factory_tour_bg.jpg) top left no-repeat;
	padding: 60px 80px 20px;
}

div#contentsBox .make {
		padding: 0 80px;
}

/*--------#factoryinfo---------------*/
	div#contentsBox div#factoryinfo div#info{
		border: #c9caca 1px solid;
		margin-bottom:25px;
		padding:10px;
	}
	div#contentsBox div#factoryinfo img{
	vertical-align:bottom;
		}
	div#contentsBox div#factoryinfo div#info dt{
		text-align:right;
	}
	div#contentsBox div#factoryinfo div#info dd,
	div#contentsBox div#factoryinfo div#info p{
		padding-top: 1em;
	}

/*-----------------------------------------------------------
	#map and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#map {
	border: 1px solid #ccc;
	width: 560px;
	height: 280px;
}

div#contentsBox div#cm.eyecatch {
	margin: 0 0 20px 0;
}

/*-----------------------------------------------------------
	#cmCatchy and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#cmCatchy {
	position: relative;
	width: 755px;
	height: 53px;
	background: url(../../cm/images/bgCatchy.png) no-repeat left bottom;
}

	div#contentsBox div#cmCatchy p.item00 {
		margin: 0;
		position: absolute;
		left: 12px;
		top: 0px;
	} div#contentsBox div#cmCatchy p.item01 {
		margin: 0;
		position: absolute;
		right: 13px;
		top: 9px;
	}
	
	div#contentsBox div#cmCatchy p.item01 {
		margin: 0;
		position: absolute;
		right: 130px;
		top: 9px;
	}

/*-----------------------------------------------------------
	.epsilon and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.epsilon {}

	div#contentsBox div.epsilon div.epsilon00 {
		float: left;
		width: 560px;
		height: auto;
	}

	div#contentsBox div.epsilon div.epsilon01 {
		float: right;
		width: 170px;
		height: auto;
	}

/*-----------------------------------------------------------
	#noteworthyCm and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#noteworthyCm {}

	div#contentsBox div#noteworthyCm img {
		display: block;
	}

	div#contentsBox div#noteworthyCm div.cmItem {
		position: relative;
		width: 560px;
		height: 446px;
		background: #000;
	} div#contentsBox div#noteworthyCm div.cmItem.border {
		height: 449px;
		background: #000 url(../../cm/images/bgCmItem.png) no-repeat left bottom;
	}

		div#contentsBox div#noteworthyCm div.cmItem h3.item00 {
			margin: 0;
			position: relative;
			top: 19px;
			left: 71px;
		}

		div#contentsBox div#noteworthyCm div.cmItem div.item01 {
			margin: 0;
			padding: 5px;
			position: absolute;
			top: 67px;
			left: 79px;
			background: url(../../cm/images/bgCmThumbnail01.png) no-repeat left top;
		} div#contentsBox div#noteworthyCm div.cmItem p.item02 {
			margin: 0;
			position: absolute;
			bottom: 32px;
			left: 143px;
		} div#contentsBox div#noteworthyCm div.cmItem p.item03 {
			margin: 0;
			position: absolute;
			bottom: 32px;
			right: 144px;
		} div#contentsBox div#noteworthyCm div.cmItem p.sec02 {
			margin: 0;
			position: absolute;
			top: 37px;
			left: 331px;
		}

/*-----------------------------------------------------------
	#cmList and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#cmList {
	border-top: 2px solid #da0032;
	padding: 11px 8px;
	background: #e6e6e6;
}

	div#contentsBox div#cmList img {
		display: block;
	}

	div#contentsBox div#cmList div.cmItem {
		margin-bottom: 30px;
	}

		div#contentsBox div#cmList div.cmItem h2 {
			margin: 0 0 5px 0;
		}

		div#contentsBox div#cmList div.cmItem p {
			margin: 0 0 5px 0;
			line-height: 1.5em;
			font-size: 85%;
		}

		div#contentsBox div#cmList div.cmItem div.item00 {
			margin-bottom: 6px;
		}div#contentsBox div#cmList div.cmItem div.item00.thumb01 {
			background: url(../../cm/images/bgCmThumbnail02.png) no-repeat left top;
		}div#contentsBox div#cmList div.cmItem div.item00.thumb02 {
			background: url(../../cm/images/bgCmThumbnail03.png) no-repeat left top;
		}

			div#contentsBox div#cmList div.cmItem div.item00 object {
				display: block;
			}

		div#contentsBox div#cmList div.cmItem ul {}

			div#contentsBox div#cmList div.cmItem ul li.item01 {
				float: left;
			}

			div#contentsBox div#cmList div.cmItem ul li.item02 {
				float: right;
			}

			div#contentsBox div#cmList div.cmItem ul li.item03 {
				float: left;
				margin-top: 5px;
			}

			div#contentsBox h2.corpcmhead {
				clear:both;
				margin-top: 5px;
				display:block;
				margin-left: 6px;
				margin-top: 20px;
			}


/*-----------------------------------------------------------
	.cmMoive and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.cmMoive {
	margin-bottom: 44px;
	width: 530px;
	padding: 15px;
	background: #000;
} div#contentsBox div.cmMoive.movie01 {
} div#contentsBox div.cmMoive.movie02 {
}
	div#contentsBox div.movieWrap  {
		margin-bottom: 15px;
	}
		div#contentsBox div.movieWrap video {
			display: block;
		}

	div#contentsBox div.cmMoive img {
		display: block;
	}

	div#contentsBox div.cmMoive object.item00 {
	}

	div#contentsBox div.cmMoive div.itemWrap {
		overflow: hidden;
	}
	div#contentsBox div.cmMoive p.item01,
	div#contentsBox div.cmMoive p.item02 {
		float: left;
		margin: 0 10px 0 0;
	}
/*-----------------------------------------------------------
	#tab and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#tab {}

	div#contentsBox div#tab ul {
		margin-left: 5px;
	}

		div#contentsBox div#tab ul li {
			float: left;
		}

			div#contentsBox div#tab ul li a {
				margin-left: 8px;
				display: block;
			}

			div#contentsBox div#tab ul li img {
				display: block;
			}

/*-----------------------------------------------------------
	.tabContents and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.tabContents {
	line-height: 1.4;
	font-size: 108%;
}

	div#contentsBox div.tabContents div.tabContentsInner {}

		div#contentsBox div.tabContents div.tabContentsInner h2 {
			margin-bottom: 10px;
		}

		div#contentsBox div.tabContents div.tabContentsInner p {
			margin: 0 0 10px 0;
		}

			div#contentsBox div.tabContents div.tabContentsInner p span {
				font-size: 85%;
			}

		div#contentsBox div.tabContents div.tabContentsInner a {
			color: #fadb67;
		}div#contentsBox div.yakult div.tabContentsInner a {
			color: #3f7ac3;
		}div#contentsBox div.yakult div.tabContentsInner a:hover {
			color: #d5274f;
		}

		div#contentsBox div.tabContents div.tabContentsInner strong {
			font-weight: bold;
		}

/*-----------------------------------------------------------
	#secretStory and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#secretStory {
	background: #3663e4;
	border-radius: 6px;
}

	div#contentsBox div#secretStory div.tabContentsInner {
		padding: 22px 15px;
		color: #fff;
	}

/*-----------------------------------------------------------
	#outline and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div#outline {
	background: #459a0b;
	border-radius: 6px;
}

	div#contentsBox div#outline div.tabContentsInner {
		padding: 22px 15px;
		color: #fff;
	}

div#contentsBox div#outline_lact {
	background: url(../../cm/images/bgOutlinelactdew02.jpg) no-repeat left bottom;
}

	div#contentsBox div#outline_lact div.tabContentsInner {
		padding: 22px 15px;
		color: #fff;
		background: url(../../cm/images/bgOutlinelactdew01.jpg) no-repeat left top;
	}

div#contentsBox div#outline_miruju {
	background: url(../../cm/images/bgOutlinemiruju02.gif) no-repeat left bottom;
}
		div#contentsBox div#outline_miruju div.tabContentsInner {
		padding: 22px 15px;
		color: #fff;
		background: url(../../cm/images/bgOutlinemiruju01.gif) no-repeat left top;
	}

/*-----------------------------------------------------------
	.dzeta and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.dzeta {
	margin-bottom: 10px;
}

	div#contentsBox div.dzeta div.dzeta00 {
		float: left;
		width: 188px;
		height: auto;
	}

	div#contentsBox div.dzeta div.dzeta01 {
		float: right;
		width: 328px;
		height: auto;
	}

/*-----------------------------------------------------------
	.eta and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.eta {
	padding: 20px;
	border: 1px dotted #666;
	background: #efefef;
}

	div#contentsBox div.eta dl {
		color: #333;
	}

		div#contentsBox div.eta dl dt {
			margin-bottom: 5px;
		}

/*-----------------------------------------------------------
	renewal
-----------------------------------------------------------*/

#contentsBox .beta dl dt {
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 30px;
	margin: 10px 0 0 0;
}

#contentsBox .beta span{ 
	font-weight: bold;
	font-size: 0.9rem;
	color: #f40e31; 
}


#contentsBox .beta .btn{
	margin: 40px 0 25px 0;
}

#contentsBox .ctr{ text-align: center;	line-height: 0px; }

#contentsBox .beta h4{ padding: 15px 0 5px 0; }

#contentsBox .beta .text_box{ padding: 0 20px; }
#contentsBox .beta .text_box p{ margin: 3px 0; }

div#contentsBox .txt {
	line-height: 22px;
}

#contentsBox .attention {
  border-radius: 36px;
  background-color: #f5f5f5;
  margin: 20px 0;
  padding: 40px;
  line-height: 24px;
}

#contentsBox .attention h4{
	font-weight: bold;
	font-size: 1rem;
	color: #f40e31;
	text-align: center;
	margin-bottom: 30px;
}

#contentsBox .attention .tel{
	margin: 20px 0;
	font-weight: bold;
	font-size: 2rem;
	line-height: 29px;
	text-align: center;
}

#contentsBox .attention .fax{
	margin: 10px 0 25px 0;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 21px;
	text-align: center;
}

/*-----------------------------------------------------------
	renewal_deliveryclass
-----------------------------------------------------------*/

#contentsBox .titEyecatch{
	height: 134px;
    margin: 0 0 20px 0;
}

#contentsBox .titEyecatch p{
	position: relative;
	top: -55px;
	text-align: center;
}

div#contentsBox .moive {
    width: 460px
    height: 258.75px;
    text-align: center;
    margin-bottom: 40px;
}

div#contentsBox h3.title {
    border-left: 10px solid #f52242;
    border-radius: 2px;
    padding-left: 0.5rem;
    margin-bottom: 25px;
}

div#contentsBox .span_r{
	font-size: 20px;
	font-weight: bold;
	color: #f52242;
    margin-bottom: 5px;
}

div#contentsBox .mt0 {
    margin: 0;
    line-height: 1.8;
}

	div#contentsBox .gamma_p{
	padding: 0;
}

	div#contentsBox .gamma03 {
		float: left;
		width: 280px;
		height: auto;
		
	}

	div#contentsBox .gamma04 {
		float: right;
		width: 260px;
		padding-left: 20px;
		height: auto;
	}

#contentsBox .attention01 {
  border-radius: 10px;
  background-color: #f5f5f5;
  margin: 3px 0 20px;
  padding: 1px 20px;
  line-height: 24px;
}

#contentsBox .dc_table{
	margin: 0 0 20px 0;
	width: 560px;
	border: 2px solid #f52242;
	font-size: 0.95rem;
}

#contentsBox .dc_table td{
	border: 1px solid #f52242;
	text-align: center;
}

#contentsBox .center_w{
	text-align: center;
	background-color: #f52242;
	color: #fff;
}

#contentsBox .center_r{
	border: 1px solid #f52242;
	text-align: center;
	background-color: #fff;
	color: #f52242;
}

#contentsBox .attention02 {
  border: 1px solid #f52242;
  border-radius: 10px;
  background-color: #fff7e7;
  margin: 3px 0 20px;
  padding: 1px 20px;
  line-height: 24px;
}


div#contentsBox div.tabContents div.tabContentsInner p.copy{
padding:0 8px 0 0;
text-align:right;
font-size: 8px;
}

div#contentsBox div.tabContents div.tabContentsInner p.copy_img{
margin:0;
padding:0;
}