@charset 'UTF-8';

/** |READ ME| **************************************************************************************

『マルコメ株式会社』 - テンプレート設定

Cascading Style Sheet Setting File
Ver.201502

----------------------------------------------------------------------------------------------------

01. HTML初期化
02. レイアウト
　02-01. ユーザー補助
　02-02. ヘッダー
　02-03. コンテンツ
　02-04. フッター

************************************************************************************** |READ ME| **/





/** |01. HTML初期化| ********************************************************************* START **/


	/** [HTML要素初期化] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/


	hr {display: none;}

	body, address, div, h1, h2, h3, h4, h5, h6, p, hr,
	ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
		color: #333;
		font-size: 12px;
		line-height: 1;
		margin: 0;
		padding: 0;
	}

	span, label {
		color: #333;
		font-size: 12px;
	}


	table, th, td, img, fieldset {border: none;}
	
	input, textarea, select {
		color: #333;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
	}

	address, optgroup {font-style: normal;}

	li {list-style: none;}

	img {vertical-align: top;}

	object {outline: none;}


	/** [HTML要素定義] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	body {
		background-color: #fff;
		font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
		_font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		text-align: center;
	}

	a:link, a:visited {text-decoration: underline;}
	a:hover, a:active {text-decoration: none;}


	/* Clear Fix */
	.clearfix {zoom: 1;}

	.clearfix:after {
		clear: both;
		content: '';
		display: block;
	}


	/* Mouse Hover Effect (image only) */
	.over a:link img, .over a:visited img,
	.over input:link, .over input:visited {
		-ms-filter: 'alpha(opacity=100)';
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.over a:hover img, .over a:active img,
	.over input:hover, .over input:active {
		-ms-filter: 'alpha(opacity=60)';
		filter: alpha(opacity=60);
		opacity: 0.6;
	}


/** |01. HTML初期化| *********************************************************************** END **/





/** |02. レイアウト| ********************************************************************* START **/


	/** |02-01. ユーザー補助| ************************************************************ START **/


	.cmnAssistance {
		font-size: 0;
		height: 1px;
		overflow: hidden;
		position: absolute;
		text-indent: -9999px;
		width: 1px;
	}


	/** |02-01. ユーザー補助| ************************************************************** END **/




	/** |02-02. ヘッダー| **************************************************************** START **/


	.cmnSite {
		background: url(/resource/img/site/st_bg_frame.gif) repeat-x left bottom;
		margin-bottom: 20px;
		min-width: 960px;
		width: 100%;
		width: expression(document.body.clientWidth < 962? '960px' : 'auto');
	}

	.cmnSite .cmnFrame {
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 960px;
	}


	/* Clear Fix */
	.cmnSite .cmnCategory,
	.cmnSite .cmnFunction {zoom: 1;}

	.cmnSite .cmnCategory:after,
	.cmnSite .cmnFunction:after {
		clear: both;
		content: '';
		display: block;
	}


		/** [トレードマーク] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnSite .cmnTrademark {
			height: 68px !important;
			height /**/: 82px;
			padding-top: 14px;
		}


		/** [コンテンツカテゴリ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnSite .cmnCategory {
			position: relative;
			z-index:1000000;
			width: 960px;
			height: 38px;
			background-color: #fff;
		}

		.cmnSite .cmnCategory .menuList {
			float: left;
			width: 159px;
			height: 38px;
			padding: 0 0 0 1px;
		}
		.cmnSite .cmnCategory .menuList:first-child {
			width: 160px;
			padding: 0;
		}

		.cmnSite .cmnCategory .menuTitle {
			position: relative;
			z-index:10001;
		}
		.cmnSite .cmnCategory .menuTitle a {
			display: block;
			width: 159px;
			height: 25px;
			text-align: center;
			padding: 0 0 10px 0;
			border-bottom: 3px solid #cccccc;
		}
		.cmnSite .cmnCategory .menuTitle a:hover {
			border-bottom: 3px solid #e3273f;
		}
		.cmnSite .cmnCategory .hover .menuTitle a,
		.cmnSite .cmnCategory .menuTitle a.cmnActive {
			border-bottom: 3px solid #e3273f;
		}

		.cmnSite .cmnCategory .menuTitle a span {/*
			background: url(/resource/img/site/ctg_btn_name.gif) no-repeat 0 0;*/
			display: inline-block;
			overflow: hidden;
			white-space: nowrap;/*
			text-indent: 100%;*/
			font-size: 14px;
			line-height: 25px;
			font-weight: bold;
			background-position: left center;
			background-repeat: no-repeat;
			padding: 0 0 0 33px;
		}
		.cmnSite .cmnCategory .cmnProduct .menuTitle a span {
			background-image: url("/resource/img/site/icon_menu_product.jpg");
		}
		.cmnSite .cmnCategory .cmnRecipe .menuTitle a span {
			background-image: url("/resource/img/site/icon_menu_recipe.jpg");
		}
		.cmnSite .cmnCategory .cmnKnowledge .menuTitle a span {
			background-image: url("/resource/img/site/icon_menu_knowledge.jpg");
		}
		.cmnSite .cmnCategory .cmnMarukomequality .menuTitle a span {
			background-image: url("/resource/img/site/icon_menu_marukomequality.jpg");
		}
		.cmnSite .cmnCategory .cmnCustomer .menuTitle a span {
			background-image: url("/resource/img/site/icon_menu_customer.jpg");
		}
		.cmnSite .cmnCategory .cmnCompany .menuTitle a span {
			background-image: url("/resource/img/site/icon_menu_company.jpg");
		}

		.cmnSite .cmnCategory .megamenu {
			display: none;
			position: absolute;
			top: 35px;
			left: 0;
			z-index:10000;
			width: 929px;
			background-image: url("/resource/img/bg_megamenu/bg_white_93.png");
			background-position: left top;
			background-repeat: repeat;
			padding: 32px 0 35px 25px;
			border: 3px solid #e3273f;
			border-top: none;
			border-radius: 0 0 2px 2px;
			/*box-shadow: 2px 2px 5px #000;*/
			box-shadow: 3px 3px 3px #999999;
		}
		/* メガメニューのaタグのCSS打消し*/
		.cmnSite .cmnCategory div.megamenu a {
			background: transparent;
			display: inline-block;
			overflow: visible;
			text-indent: 0;
			white-space: 0;
			width: auto;
			height: auto;
		}

		.cmnSite .cmnCategory .megamenu .megamenuInner {
			overflow: hidden;
		}
		.cmnSite .cmnCategory .megamenu div#menuSearchItem {
			float: left;
			width: 489px;
		}
		.cmnSite .cmnCategory .megamenu div#menuSearchBrand {
			float: left;
			width: 370px;
			margin: 0 0 0 40px;
		}
		.cmnSite .cmnCategory .megamenu div#menuKnowledgeContents {
			float: left;
			width: 450px;
		}
		.cmnSite .cmnCategory .megamenu div#menuEnjoyContents {
			float: left;
			width: 450px;
		}
		.cmnSite .cmnCategory .cmnCustomer .megamenu .megamenuInner {
			float: left;
			width: 452px;
		}
		.cmnSite .cmnCategory .megamenu div#menuFaq,
		.cmnSite .cmnCategory .megamenu div#menuImprovement,
		.cmnSite .cmnCategory .megamenu div#menuTell,
		.cmnSite .cmnCategory .megamenu div#menuMail {
			clear: both;
		}
		.cmnSite .cmnCategory .megamenu h2 {
			width: auto;
			height: auto;
			font-size: 14px;
			line-height: 25px;
			font-weight: bold;
			text-align: left;
			background-position: left center;
			background-repeat: no-repeat;
			margin: 0 0 15px 0;
			padding: 0 0 0 33px;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchItem h2 {
			background-image: url("/resource/img/site/icon_menu_product.jpg");
		}
		.cmnSite .cmnCategory .megamenu #menuSearchBrand h2 {
			background-image: url("/resource/img/site/icon_menu_brand.jpg");
		}
		.cmnSite .cmnCategory .megamenu #menuSearchRecipe h2 {
			background-image: url("/resource/img/site/icon_menu_recipe.jpg");
		}
		.cmnSite .cmnCategory .megamenu #menuKnowledgeContents h2 {
			background-image: url("/resource/img/site/icon_menu_knowledge2.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuEnjoyContents h2 {
			background-image: url("/resource/img/site/icon_menu_enjoy.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuMarukomeQuality h2 {
			background-image: url("/resource/img/site/icon_menu_marukomequality.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuFaq h2 {
			background-image: url("/resource/img/site/icon_menu_faq.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuImprovement h2 {
			background-image: url("/resource/img/site/icon_menu_improvement.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuTell h2 {
			background-image: url("/resource/img/site/icon_menu_tell.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuMail h2 {
			background-image: url("/resource/img/site/icon_menu_mail.jpg");
			padding: 3px 0 3px 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuCompany h2 {
			background-image: url("/resource/img/site/icon_menu_company.jpg");
		}
		.cmnSite .cmnCategory .megamenu #menuSearchItem ul {
			overflow: hidden;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchItem li {
			float: left;
			width: 163px;
			text-align: center;
			margin: 0 0 10px 0;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchItem li.large {
			width: 489px;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchBrand li {
			float: left;
			width: 176px;
			text-align: center;
			margin: 0 0 10px 18px;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchBrand li.newline {
			margin-left: 0;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchRecipe li,
		.cmnSite .cmnCategory .megamenu #menuMarukomeQuality li,
		.cmnSite .cmnCategory .megamenu #menuCompany li {
			overflow: hidden;
			float: left;
			width: 25%;
			text-align: left;
			margin: 0 0 20px 0;
		}
		.cmnSite .cmnCategory .megamenu #menuKnowledgeContents li,
		.cmnSite .cmnCategory .megamenu #menuEnjoyContents li {
			overflow: hidden;
			float: left;
			width: 50%;
			text-align: left;
			margin: 0 0 20px 0;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchRecipe li div,
		.cmnSite .cmnCategory .megamenu #menuKnowledgeContents li div,
		.cmnSite .cmnCategory .megamenu #menuEnjoyContents li div,
		.cmnSite .cmnCategory .megamenu #menuMarukomeQuality li div,
		.cmnSite .cmnCategory .megamenu #menuCompany li div {
			display: inline-block;
			vertical-align: middle;
		}
		.cmnSite .cmnCategory .megamenu #menuSearchRecipe li p,
		.cmnSite .cmnCategory .megamenu #menuKnowledgeContents li p,
		.cmnSite .cmnCategory .megamenu #menuEnjoyContents li p,
		.cmnSite .cmnCategory .megamenu #menuMarukomeQuality li p,
		.cmnSite .cmnCategory .megamenu #menuCompany li p {
			display: inline-block;
			line-height: 1.4;
			vertical-align: middle;
			padding: 0 0 0 5px;
		}
		.cmnSite .cmnCategory .megamenu #menuFaq ul,
		.cmnSite .cmnCategory .megamenu #menuImprovement ul,
		.cmnSite .cmnCategory .megamenu #menuTell ul,
		.cmnSite .cmnCategory .megamenu #menuMail ul {
			margin: 0 0 20px 0;
			padding: 0 0 0 40px;
		}
		.cmnSite .cmnCategory .megamenu #menuFaq li {
			overflow: hidden;
			display: inline-block;
			text-align: left;
			margin: 0 30px 0 0;
		}
		.cmnSite .cmnCategory .megamenu #menuTell li p.tell {
			color: #da061d;
			font-size: 28px;
			font-weight: bold;
			background-image: url("/resource/img/site/icon_dial.jpg");
			background-position: left center;
			background-repeat: no-repeat;
			margin: 0 0 13px 0;
			padding: 0 0 0 55px;
		}
		.cmnSite .cmnCategory .megamenu li div a:hover {
			-ms-filter: 'alpha(opacity=60)';
			filter: alpha(opacity=60);
			opacity: 0.6;
		}
		.cmnSite .cmnCategory .megamenu li p a {
			color: inherit;
			font-weight: bold;
			text-decoration: none;
			background-image: url("/resource/img/contents/cmn_ico_arrow02.gif");
			background-position: left center;
			background-repeat: no-repeat;
			padding: 4px 0 4px 13px;
		}
		.cmnSite .cmnCategory .megamenu li p a:hover {
			text-decoration: underline;
		}
		.cmnSite .cmnCategory .megamenu #menuFaq li p a,
		.cmnSite .cmnCategory .megamenu #menuImprovement li p a,
		.cmnSite .cmnCategory .megamenu #menuTell li p a,
		.cmnSite .cmnCategory .megamenu #menuMail li p a {
			text-decoration: underline;
		}
		.cmnSite .cmnCategory .megamenu #menuFaq li p a:hover,
		.cmnSite .cmnCategory .megamenu #menuImprovement li p a:hover,
		.cmnSite .cmnCategory .megamenu #menuTell li p a:hover,
		.cmnSite .cmnCategory .megamenu #menuMail li p a:hover {
			text-decoration: none;
		}

		/** [その他機能] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnSite .cmnFunction {
			height: 62px;
			position: absolute;
			right: 0;
			top: 20px;
			width: 792px;
		}


		/* 関連リンク */
		.cmnSite .cmnFunction .cmnLink {
			float: left;
			font-size: 0;
			height: 21px !important;
			height /**/: 24px;
			padding-top: 3px;
			text-align: right;
			width: 626px;
		}

		.cmnSite .cmnFunction .cmnLink li {
			display: inline-block;
			*display: inline;
			font-size: 12px;
			padding: 3px 0 3px 16px;
			*zoom: 1;
		}
		.cmnSite .cmnFunction .cmnLink li.cmnBusiness {
			background: url(/resource/img/site/lnk_ico_page_bus.gif) no-repeat;
			padding: 3px 14px 3px 18px;
		}

		.cmnSite .cmnFunction .cmnLink .cmnEmployment {
			border-right: dotted 1px #737373;
			padding: 3px 16px;
		}

		.cmnSite .cmnFunction .cmnLink a {
			background: url(/resource/img/site/lnk_ico_page.gif) no-repeat;
			display: inline-block;
			*display: inline;
			height: 14px;
			line-height: 13px;
			padding-left: 16px;
			*zoom: 1;
		}
		.cmnSite .cmnFunction .cmnLink li.cmnBusiness a{
			background: none;
			padding-left: 10px;
			color:#fff;
		}

		.cmnSite .cmnFunction .cmnLink .cmnGlobal a {background-position: 0 0;}
		.cmnSite .cmnFunction .cmnLink .cmnShopping a {background-position: 0 -13px;}
		.cmnSite .cmnFunction .cmnLink .cmnContact a {background-position: 0 -26px;}
		.cmnSite .cmnFunction .cmnLink .cmnBusiness a {background-position: 0 -39px;}
		.cmnSite .cmnFunction .cmnLink .cmnEmployment a {background-position: 0 -52px;}
		.cmnSite .cmnFunction .cmnLink .cmnOffice a {background-position: 0 -67px;}

		.cmnSite .cmnFunction .cmnLink a:link,
		.cmnSite .cmnFunction .cmnLink a:visited {
			color: #333;
			text-decoration: none;
		}

		.cmnSite .cmnFunction .cmnLink a:hover,
		.cmnSite .cmnFunction .cmnLink a:active {
			color: #f00;
			text-decoration: underline;
		}


		/* キーワード検索 */
		.cmnSite .cmnFunction .cmnSearch {
			float: right;
			width: 150px;
		}

		.cmnSite .cmnFunction .cmnSearch dl {
			border-radius: 3px;
			border: solid 1px #bababa;
			height: 22px !important;
			height /**/: 24px;
			overflow: hidden;
			position: relative;
			width: 148px !important;
			width /**/: 150px;
		}

		.cmnSite .cmnFunction .cmnSearch dt input {
			background: none;
			border: none;
			height: 22px;
			padding: 0 4px;
			line-height: 20px;
			width: 116px !important;
			width /**/: 124px;
		}

		.cmnSite .cmnFunction .cmnSearch dd {
			border-left: solid 1px #bababa;
			height: 22px;
			position: absolute;
			right: 0;
			top: 0;
			width: 22px;
		}

		.cmnSite .cmnFunction .cmnSearch dd input:link,
		.cmnSite .cmnFunction .cmnSearch dd input:visited {
			-ms-filter: 'alpha(opacity=100)';
			filter: alpha(opacity=100);
			opacity: 1;
		}

		.cmnSite .cmnFunction .cmnSearch dd input:hover,
		.cmnSite .cmnFunction .cmnSearch dd input:active {
			-ms-filter: 'alpha(opacity=40)';
			filter: alpha(opacity=40);
			opacity: 0.4;
		}


		/** [アンケート告知] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnSite .cmnInquiry {
			height: 21px;
			position: absolute;
			left: 168px;
			top: 22px;
			width: 210px;
		}

/*
		.cmnSite .cmnInquiry {
			height: 54px;
			position: absolute;
			left: 168px;
			top: 8px;
			width: 202px;
		}
*/

	/** |02-02. ヘッダー| ****************************************************************** END **/




	/** |02-03. コンテンツ| ************************************************************** START **/


	.cmnContents {
		margin: 0 auto;
		padding-bottom: 30px;
		text-align: left;
		width: 960px;
	}


	/* Clear Fix */
	.cmnContents .cmnAside, .cmnBranding, .cmnBranding .cmnLine {zoom: 1;}

	.cmnContents .cmnAside:after,
	.cmnBranding:after,
	.cmnBranding .cmnLine:after {
		clear: both;
		content: '';
		display: block;
	}


		/** [パンくずリスト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnBread {
/*			border-radius: 20px;*/
/*			background-color: #eee;*/
			font-size: 0;
			margin-bottom: 20px;
			padding: 0px 22px 0px;
			text-align: left;
			width: 916px !important;
			width /**/: 960px;
		}

		.cmnContents .cmnBread dt,
		.cmnContents .cmnBread dd {
			display: inline;
			font-size: 12px;
			line-height: 1.5;
		}

		.cmnContents .cmnBread dd {
			color: #a67f53;
			padding-left: 2px;
		}
		.cmnContents .cmnBread dd h1 {
			color: #a67f53;
			display: inline;
			font-weight: normal;
		}
		.cmnContents .cmnBread a {color: #333;}


		/** [カテゴリタイトル] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnCategory {padding-bottom: 20px;}


		/** [ページタイトル] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnPage {padding-bottom: 20px;}


		/** [ページ説明] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnIntro {
			font-size: 14px;
			line-height: 1.8;
			padding-bottom: 26px;
		}


		/** [緊急告知] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnAlert {
			border: solid 1px #e3273f;
			margin: 0 auto 30px;
			padding: 19px;
			width: 620px !important;
			width /**/: 660px;
		}

		.cmnContents .cmnAlert dt,
		.cmnContents .cmnAlert dd {
			color: #e3273f;
			line-height: 1.5;
			text-align: center;
		}

		.cmnContents .cmnAlert dt {
			font-size: 14px;
			font-weight: bold;
		}

		.cmnContents .cmnAlert dd {padding-top: 4px;}


		/** [カテゴリ内リンク] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnIndex {
			background: url(/resource/img/contents/ind_bg_wall.gif) repeat left top;
			border-radius: 6px;
			clear: both;
			font-size: 0;
			margin-bottom: 20px;
			padding: 10px;
			text-align: center;
			width: 940px !important;
			width /**/: 960px;
		}

		.cmnContents .cmnIndex li {
			background-color: #fff;
			display: inline-block;
			*display: inline;
			*zoom: 1;
		}


		/** [関連リンク] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnContents .cmnAside {
			border-bottom: solid 1px #dbdbdb;
			border-top: solid 1px #dbdbdb;
			clear: both;
			height: 66px !important;
			height /**/: 74px;
			overflow: hidden;
			padding: 3px 0;
			width: 960px;
		}

		.cmnContents .cmnAside dt,
		.cmnContents .cmnAside dd {
			float: left;
		}

		.cmnContents .cmnAside dt {
			height: 42px !important;
			height /**/: 66px;
			padding: 24px 0 0 18px;
			width: 106px !important;
			width /**/: 124px;
		}

		.cmnContents .cmnAside dd {
			border-left: dotted 1px #dbdbdb;
			padding: 6px 13px 5px 10px;
		}

		.cmnContents .cmnAside .head {
			background: url(/resource/img/contents/asd_bg_head.gif) no-repeat left center;
			border-left: solid 1px #eee;
		}


		/** [モーダルウィンドウ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnBranding,
		.cmnModal {
			background-color: #fff;
			border-radius: 4px;
			display: none;
			overflow: hidden;
			padding: 20px;
			text-align: left;
			width: 720px !important;
			width /**/: 760px;
		}
		.cmnModal#newProject {
		}

		.cmnBranding h2,
		.cmnModal h2 {
			padding: 0 0 5px 7px;
			border-bottom: 2px solid #e6001c;
		}

		.cmnBranding h2 span,
		.cmnModal h2 span {
			display: inline-block;
			font-size: 14px;
			line-height: 14px;
			background-image: url(/img/icon_brand.jpg);
			background-position: left center;
			background-repeat: no-repeat;
			padding: 9px 0 9px 40px;
		}

		.cmnBranding .cmnLine,
		.cmnModal .cmnLine {
			margin: 0 2px;
			width: 716px;
		}
		.cmnModal#newProject .cmnLine {
			/*width: 360px;*/
		}

		.cmnBranding dl,
		.cmnModal dl {
			float: left;
			padding: 20px 7px 0;
			width: 165px !important;
			width /**/: 179px;
		}
		.cmnModal#newProject dl {
			width: 340px !important;
			width /**/: 354px;
		}

		.cmnBranding dt,
		.cmnModal dt {
			padding-bottom: 4px;
		}

		.cmnBranding dd,
		.cmnModal dd {
			color: #333333;
			line-height: 1.5;
			padding-top: 4px;
		}

		.cmnBranding dd a,
		.cmnModal dd a {
			background: url(/resource/img/contents/cmn_ico_arrow02.gif) no-repeat 0 0.5em;
			color: #333333;
			display: inline-block;
			*display: inline;
			font-weight: bold;
			padding-left: 12px;
			*zoom: 1;
		}

		.cmnBranding dd a:link,
		.cmnBranding dd a:visited,
		.cmnModal dd a:link,
		.cmnModal dd a:visited {
			text-decoration: none;
		}
		.cmnBranding dd a:hover,
		.cmnBranding dd a:active,
		.cmnModal dd a:hover,
		.cmnModal dd a:active {
			text-decoration: underline;
		}

		.fancybox-item.fancybox-close {
			position: absolute;
			top: -18px;
			right: -10px;
			width: 38px;
			height: 41px;
			cursor: pointer;
			z-index: 8040;
			background-image: url("../../img/btn_modal_close.png");
			background-size: 38px 41px;
		}

	/** |02-03. コンテンツ| **************************************************************** END **/




	/** |02-04. フッター| **************************************************************** START **/


	.cmnPublication {width: 100%;}

	.cmnPublication .cmnFrame {
		margin: 0 auto;
		text-align: left;
		width: 960px;
	}


	/* リンクスタイル */
	.cmnPublication a:link, .cmnPublication a:visited {
		color: #333;
		text-decoration: none;
	}

	.cmnPublication a:hover, .cmnPublication a:active {
		color: #f00;
		text-decoration: underline;
	}


	/* Clear Fix */
	.cmnPublication .cmnFrame,
	.cmnPublication .cmnNavigation .cmnCategory {zoom: 1;}

	.cmnPublication .cmnFrame:after,
	.cmnPublication .cmnNavigation .cmnCategory:after {
		clear: both;
		content: '';
		display: block;
	}


		/** [ソーシャル連携] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnPublication .cmnShare {
			margin: 0 auto;
			padding: 0 0 24px 0;
			position: relative;
			text-align: right;
			width : 960px;
		}

		.cmnPublication .cmnShare .cmnAction {
			border-radius: 6px;
			background-color: #f0efef;
			border: solid 1px #c5c5c5;
			display: inline-block;
			*display: inline;
			font-size: 0;
			height: 32px !important;
			height /**/: 34px;
			padding: 0 12px;
			*zoom: 1;
		}

		.cmnPublication .cmnShare .cmnAction p,
		.cmnPublication .cmnShare .cmnAction ul,
		.cmnPublication .cmnShare .cmnAction li {
			display: inline-block;
			*display: inline;
			font-size: 11px;
			*zoom: 1;
		}

		.cmnPublication .cmnShare .cmnAction p {
			background: url(/resource/img/publication/act_ico_share.gif) no-repeat left center;
			height: 32px;
			line-height: 32px;
			padding: 0 6px 0 30px;
			vertical-align: top;
		}

		.cmnPublication .cmnShare .cmnAction ul {
			font-size: 0;
			padding-top: 6px;
		}

		.cmnPublication .cmnShare .cmnAction li {
			height: 26px;
			padding-left: 10px;
		}

		.cmnPublication .cmnShare .cmnAction li a:hover{
			text-decoration:none;
		}
		.cmnPublication .cmnShare .cmnAction .likeButton {
			border: none;
			display: inline;
			height: 20px;
			overflow: hidden;
			width: 69px;
		}


		/* スイッチ */
		.cmnPublication .cmnShare .cmnSwitch {
			background: #f0efef url(/resource/img/publication/swt_btn_toggle.gif) no-repeat right center;
			border: solid 1px #c5c5c5;
			border-radius: 0 6px 6px 0;
			cursor: pointer;
			font-size: 11px;
			height: 32px !important;
			height /**/: 34px;
			overflow: hidden;
			position: absolute;
			right: 0;
			text-indent: 100%;
			top: 0;
			white-space: nowrap;
			width: 24px !important;
			width /**/: 26px;
			display:none;
		}

		.cmnPublication .cmnShare .cmnOpen {background-position:  left center;}


		/** [フリップフロップ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnPublication .cmnFlipflop {
			font-size: 11px;
			margin: 0 auto;
			padding-bottom: 46px;
			text-align: right;
			width: 960px;
		}

		.cmnPublication .cmnFlipflop a {
			background: url(/resource/img/publication/flp_ico_arrow.gif) no-repeat left center;
			display: inline-block;
			*display: inline;
			height: 24px;
			line-height: 24px;
			padding-left: 28px;
			*zoom: 1;
		}


		/** [ナビゲーション] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnPublication .cmnNavigation {
			background: url(/resource/img/publication/nvg_bg_wall.jpg) no-repeat center top;
			padding-top: 170px;
			min-width: 960px;
			width: 100%;
			width: expression(document.body.clientWidth < 962? '960px' : 'auto');
		}

		.cmnPublication .cmnNavigation .cmnFrame {*position: relative;}


			/** [コンテンツカテゴリ] >> +++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.cmnPublication .cmnNavigation .cmnCategory {
				float: left;
				padding: 2px 0 15px;
				width: 800px;
			}

			.cmnPublication .cmnNavigation .cmnCategory li {
				border-left: solid 1px #ccc;
				float: left;
				font-size: 11px;
				padding: 0 14px;
			}

			.cmnPublication .cmnNavigation .cmnCategory a {
				background: url(/resource/img/publication/nvg_ico_category.gif) no-repeat 0 0;
				display: inline-block;
				*display: inline;
				line-height: 15px;
				height: 15px;
				overflow: hidden;
				padding-left: 20px;
				white-space: nowrap;
				*zoom: 1;
			}

			.cmnPublication .cmnNavigation .cmnCategory .cmnProduct {
				border-left: none;
				padding-left: 0;
			}


			/* 個別指定 */
			.cmnPublication .cmnNavigation .cmnCategory .cmnProduct a {background-position: 0 0;}
			.cmnPublication .cmnNavigation .cmnCategory .cmnKnowledge a {background-position: 0 -15px;}
			.cmnPublication .cmnNavigation .cmnCategory .cmnRecipe a {background-position: 0 -30px;}
			.cmnPublication .cmnNavigation .cmnCategory .cmnCompany a {background-position: 0 -45px;}
			.cmnPublication .cmnNavigation .cmnCategory .cmnShopping a {background-position: 0 -60px;}
			.cmnPublication .cmnNavigation .cmnCategory .cmnCustomer a {background-position: 0 -75px;}
			.cmnPublication .cmnNavigation .cmnCategory .cmnMarukomequality a {background-position: 0 -90px;}

			/** [キーワード検索] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.cmnPublication .cmnNavigation .cmnSearch {
				float: right;
				width: 150px;
				padding-bottom: 15px;
			}

			.cmnPublication .cmnNavigation .cmnSearch dl {
				border-radius: 3px;
				border: solid 1px #bababa;
				height: 22px !important;
				height /**/: 24px;
				overflow: hidden;
				position: relative;
				width: 148px !important;
				width /**/: 150px;
			}

			.cmnPublication .cmnNavigation .cmnSearch dt input {
				background: none;
				border: none;
				height: 22px;
				padding: 0 4px;
				line-height: 20px;
				width: 116px !important;
				width /**/: 124px;
			}

			.cmnPublication .cmnNavigation .cmnSearch dd {
				border-left: solid 1px #bababa;
				height: 22px;
				position: absolute;
				right: 0;
				top: 0;
				width: 22px;
			}

			.cmnPublication .cmnNavigation .cmnSearch dd input:link,
			.cmnPublication .cmnNavigation .cmnSearch dd input:visited {
				-ms-filter: 'alpha(opacity=100)';
				filter: alpha(opacity=100);
				opacity: 1;
			}

			.cmnPublication .cmnNavigation .cmnSearch dd input:hover,
			.cmnPublication .cmnNavigation .cmnSearch dd input:active {
				-ms-filter: 'alpha(opacity=40)';
				filter: alpha(opacity=40);
				opacity: 0.4;
			}


		/** [権利表記] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.cmnPublication .cmnRights {
			border-top: solid 3px #e3273f;
			min-width: 960px;
			padding: 14px 0 18px;
			width: 100%;
			width: expression(document.body.clientWidth < 962? '960px' : 'auto');
		}


		/* 関連リンク */
		.cmnPublication .cmnRights .cmnLink {
			float: left;
			font-size: 0;
			width: 460px;
		}

		.cmnPublication .cmnRights .cmnLink li {
			display: inline;
			font-size: 10px;
			line-height: 1.5;
			padding-right: 10px;
		}

		.cmnPublication .cmnRights .cmnLink a {
			background: url(/resource/img/publication/rgh_ico_arrow.gif) no-repeat left center;
			padding-left: 16px;
		}

		.cmnPublication .cmnRights .cmnLink a:link,
		.cmnPublication .cmnRights .cmnLink a:visited {
			color: #333;
			text-decoration: none;
		}

		.cmnPublication .cmnRights .cmnLink a:hover,
		.cmnPublication .cmnRights .cmnLink a:active {
			color: #f00;
			text-decoration: underline;
		}


		/* コピーライト*/
		.cmnPublication .cmnRights .cmnCopyright {
			float: right;
			font-size: 10px;
			line-height: 1.5;
			text-align: right;
		}

		
		/* 解析ツール紹介ページへのリンク */

		#analysisScriptArea+a,
		#analysisScriptArea+a img#_ullogimgltr {
			display: block;
			width: auto;
			height: 1px;
			font-size: 1px;
			line-height: 1px;
			margin: -1px 0 0 0;
		}
		
		
	/** |02-04. フッター| ****************************************************************** END **/


/** |02. レイアウト| *********************************************************************** END **/