@charset "UTF-8";

/*
======== CONTENTS =========
	Site Name: ポッカコーポレーション
	Last-updated:2009/10/31
	Description: style company news.css
===========================
*/

/*-------------------------------------------- トップページ*/

	
#MAIN.top h3{
	margin:0;
}

#MAIN.top dl.list dt,
#MAIN.top dl.list dd{
	background-image: url(/default/img/dot_line.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 9px;
	padding-bottom: 7px;
}

#MAIN.top dl.list dt.first,
#MAIN.top dl.list dd.first{
	background-image: none;
}


#MAIN.top dl.list dt{
	display: block;
	float: left;
	width: 6.2em;/*100615cmt77px*/
	padding-left: 4px;
}


#MAIN.top dl.list dd{
	margin-left: 6.5em;/*100615cmt81px*/
}

#MAIN.top dl.list dd span{
	display: block;	
	padding-left: 17px;
	background-image: url(/company/default/img/ico_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

#MAIN.top dl.list dd.new span{
	background-image: url(/company/default/img/ico_arrow01.gif);
	background-position: 0 0.4em;
}

#MAIN.top dl.list dd.pdf span{
	background-image: url(/company/default/img/ico_pdf.gif);
	background-position: 0 0.1em;
}

/*----------------------------------------------------- 詳細ページ*/

div.dateArea{
	width: 100%;
	padding-bottom: 4px;
}

div.dateArea p{
	padding-right: 5px;
	text-align: right;
}

#MAIN.detail h3 span{
	border-left: none;
	background-image: url(/company/news/common/img/ico_titl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:1px 0 1px 12px;
}

#MAIN.detail h3 span.t10{
	display: inline;
	border-left: none;
	background-image: none;
	padding:0;
	font-size: 80%;
}


#MAIN.detail h4.titlH4{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 12px;
}

#MAIN.detail h4.titlH4 span.t10{
	margin: 0px;
	padding: 0px;
	font-size: 91.7%;
	font-weight: normal;
	border: none;
	line-height: 1.3;
}

#MAIN.detail h4.titlH4.unTable{
	margin-bottom: 5px;
}

#MAIN.detail h5.titlH5{
	margin-bottom: 12px;
	margin-left: 5px;
	margin-right: 5px;
}

#MAIN.detail h5.titlH5 a{
	color: #000;
}

/*　文章　*/

#MAIN.detail p.lead{
	padding: 0;
	margin: 0 5px 8px 5px;
}

#MAIN.detail p.text,
#MAIN.detail dl.text{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 22px;
}

#MAIN.detail dl.text dt{
	margin-bottom: 3px;
}

#MAIN.detail dl.text dt.ano{
	color: #FF6633;
}

#MAIN.detail dl.text dd{
	margin-bottom: 3px;
}

#MAIN.detail dl.text dd.unDt{
	margin-bottom: 10px;
}

#MAIN.detail dl.text dd.ml{
	margin-left: 15px;
}

#MAIN.detail dl.text dl dt{
	margin-left: 10px;
}

#MAIN.detail dl.text dl dd{
	margin-left: 20px;
}

#MAIN.detail div.lineBox dl.text{
	margin-bottom: 0px;
}

#MAIN.detail dl.text span.mr10{
	display: block;
	float: left;
	width: 80px;
	margin-right: 10px;
}

#MAIN.detail dl.lineBox,
#MAIN.detail div.lineBox{
	margin: 0px 5px 20px 5px;
	border: 1px dashed #ccc;
	padding: 10px;
}

#MAIN.detail dl.lineBox dt{
	margin-bottom: 4px;
}

#MAIN.detail dl.lineBox dd.mb{
	margin-bottom: 13px;
}

#MAIN.detail dl.text02{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
}

#MAIN.detail dl.text02 dt{
	display: block;
	width: 100px;
	float: left;
	padding-bottom: 5px;
}

#MAIN.detail dl.text02 dd{
	margin-left: 100px;
	padding-bottom: 5px;
}

#MAIN.detail .t10{
	font-size: 80%;
}

#MAIN.detail .txtRight{
	text-align: right;
}




/*　画像　*/

#MAIN.detail img.floatLeft{
	margin: 0px 10px 10px 0px;
}

#MAIN.detail img.floatRight{
	margin: 0px 0px 10px 10px;
}


#MAIN.detail p.images{
	margin-bottom: 10px;
	line-height: 0;
	text-align: center;
}

#MAIN.detail p.images img.vtop{
	vertical-align: top;
}

#MAIN.detail p.images.noMb{
	margin-bottom: 0px;
}

/*　画像説明文　*/

#MAIN.detail p.items{
	text-align: center;
	margin: 5px 5px 20px 5px;
}

#MAIN.detail p.items.txtLeft{
	text-align: left;
}

#MAIN.detail ul.items{
	margin: 5px;
}

#MAIN.detail ul.items li{
	margin-bottom: 3px;
}

/*　商品説明文　*/

#MAIN.detail ul.itemTxt{
	margin: 0px 5px 10px 5px;
}

#MAIN.detail ul.itemTxt li{
	padding-left: 11px;
	background-image: url(/company/default/img/ico_list01.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

/*　2カラムレイアウト　*/

#MAIN.detail div.locator{
	margin: 0px 5px;
}

#MAIN.detail div.column2A,
#MAIN.detail div.column2B{
	width: 270px;
}

#MAIN.detail div.column2A{
	margin-right: 20px;
}

#MAIN.detail div.column2A.mb,
#MAIN.detail div.column2B.mb{
	margin-bottom: 20px;
}

#MAIN.detail div.lineBox div.column2A,
#MAIN.detail div.lineBox div.column2B{
	width: 253px;
}

#MAIN.detail div.column2AEx01,
#MAIN.detail div.column2AEx02,
#MAIN.detail div.column2AEx03,
#MAIN.detail div.column2BEx01,
#MAIN.detail div.column2BEx02,
#MAIN.detail div.column2BEx03{
	float: left;
	padding-bottom: 15px;
}

#MAIN.detail div.column2AEx01{
	width: 370px;
	margin-right: 10px;
}

#MAIN.detail div.column2BEx01{
	width: 180px;
}

#MAIN.detail div.column2AEx02{
	width: 180px;
	margin-right: 10px;
}

#MAIN.detail div.column2BEx02{
	width: 370px;
}

#MAIN.detail div.column2AEx03{
	width: 350px;
	margin-right: 10px;
}

#MAIN.detail div.column2BEx03{
	width: 200px;
}

#MAIN.detail div.lineBox div.column2AEx01{
	width: 385px;
	margin-right: 10px;
}

#MAIN.detail div.lineBox div.column2BEx01{
	width: 130px;
}

#MAIN.detail div.column2A p.images,
#MAIN.detail div.column2B p.images,
#MAIN.detail div.column2BEx01 p.images,
#MAIN.detail div.column2AEx02 p.images{
	line-height: 0;
	margin-bottom: 0px;
	text-align: center;
}

#MAIN.detail div.column2A p.items,
#MAIN.detail div.column2B p.items,
#MAIN.detail div.column2AEx01 p.items,
#MAIN.detail div.column2BEx02 p.items{
	margin-bottom: 5px;
}

/*- ページ内リンク　*/

#MAIN.detail ul.pageLink{
	margin: 0px 5px 15px 5px;
}

#MAIN.detail ul.pageLink li{
	padding-left: 20px;
	padding-bottom: 1px;
	margin-bottom: 3px;
	background-image: url(/default/img/billet_gray.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/*　テーブル　*/

#MAIN.detail table{
	width: 560px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

#MAIN.detail table .bgColor{
	background-color: #f2f2ef;
}

#MAIN.detail table .bgColor2{
	background-color: #f2f2ef;
	vertical-align: middle;
}

#MAIN.detail table .txtCenter{
	text-align: center;
}

#MAIN.detail table .txtCenterMiddle{
	text-align: center;
	vertical-align: middle;
}

#MAIN.detail table .txtLeftMiddle{
	text-align: left;
	vertical-align: middle;
}

#MAIN.detail table.newCommodityTbl th{
	width: 119px;
}

#MAIN.detail table.unNotice{
	margin-bottom: 7px;
}

#MAIN.detail table.commodityTbl th{
	text-align: center;
	vertical-align: middle;
}

#MAIN.detail table.commodityTbl td span.new{
	color: #ff3300;
}

#MAIN.detail td.img{
	text-align: center;
}

#MAIN.detail table.imgTbl{
	border: none;
	width: 100%;
}

#MAIN.detail table.imgTbl td{
	border: none;
	padding: 0;
}

#MAIN.detail div.lineBox table.imgTbl{
	width: 540px;
}


/* 注釈　*/

#MAIN.detail dl.notice01,
#MAIN.detail ul.notice01{
	margin-bottom: 13px;
	margin-left: 5px;
	margin-right: 5px;
}

#MAIN.detail dl.notice02{
	margin: 0px 5px 15px 5px;
}

#MAIN.detail dl.notice02 span{
	margin-right: 5px;
}

#MAIN.detail dl.notice02 dt,
#MAIN.detail dl.notice02 dd{
	margin-bottom: 3px;
}

#MAIN.detail dl.notice02 dd{
	margin-left: 15px;
}

#MAIN.detail dl.notice02 dd.mb{
	margin-bottom: 12px;
}

/*------------------------- 2009年9月30日*/

div.cmBox{
	margin: 0px 5px 20px 5px;
	padding: 10px;
	border: 1px solid #ccc;
}

div.cmBox h5{
	color: #333;
	margin-bottom: 10px;
}

div.cmBox dt.point{
	border: 1px solid #999;
	padding: 3px;
	margin-bottom: 10px;
	text-align: center;
	width: 100px;
}

div.cmBox dt.point_long{
	border: 1px solid #999;
	padding: 3px;
	margin-bottom: 10px;
	text-align: center;
	width: 250px;
}



div.cmBox dl dd dt{
	width: 100px;
	display:block;
	float: left;
	margin-bottom: 5px;
}

div.cmBox dl dd dd{
	margin-left: 100px;
	margin-bottom: 5px;
}

div.cmBox dl dl{
	margin-bottom: 15px;
}
/*------------------------- 2011年1月12日*/

#MAIN.detail p.text2{
	margin:5px;
}
/*---------------------------------------------------- clearfix*/
#MAIN.top dl.list:after,
#MAIN.detail dl.text02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#MAIN.top dl.list,
#MAIN.detail dl.text02 { display:inline-block; }

/*\*/
* html #MAIN.top dl.list,
* html #MAIN.detail dl.text02 { height:1%; }

#MAIN.top dl.list,
#MAIN.detail dl.text02 { display:block; }
/**/