@charset "utf-8";

/* ------------------------------------------------------------
	0. 初期設定
------------------------------------------------------------ */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend, input, select, textarea {
	margin: 0;
	padding: 0;
}

img{
	border:0;
}

/* ------------------------------------------------------------
	1. コンテンツ設定
------------------------------------------------------------ */

/* COMMENT == bodyの設定 */
body{
	font-size:90%;
	line-height:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	color:#282828;
	background:#E8EBF2 url(../images/common/bgi_body.jpg)  0 0 repeat-x;
}
/* COMMENT == インクルードによるズレ対応 */
#top , .page{
	line-height:1.5em;
}
/* COMMENT == IE5のセンターレイアウトの設定 */
#center{ text-align:center; }

/* COMMENT == 背景の設定 */
#bg{
	margin:0;
	padding:0;
	background: url(../images/common/bgi_bg.jpg) repeat-x 0 35px;
}

#top{}

/* COMMENT == その他のブラウザのセンターレイアウトの設定 */
#pagebody{
	width:950px;
	height:auto;
	text-align:left;
	margin:auto;
	position:relative;
}



/* ========================================================================================================= ***** メニュー */

/* ============================================================================ *** グローバルナビゲーション */
/* COMMENT == グローバルナビの設定 */
#globalnavi{
	float:right;
	width:720px;
	padding:0;
	height:90px;
	background-image:url(../images/menu/men_glo_100.jpg);
}
/* COMMENT == ulの設定 */
#globalnavi ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
/* COMMENT == li,aの設定 */
#globalnavi li,#globalnavi a {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	height:90px;
	width:120px;
}
/* COMMENT == liの設定 */
#globalnavi li{} 
/* COMMENT == aの設定 */
#globalnavi a{
	text-decoration:none;
	background-image:url(../images/menu/men_glo_100.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#top #globalnavi a{
	text-decoration:none;
	background-image:url(../images/menu/men_glo_top_100.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

/* =============================================== ** a背景画像の設定 */
/* COMMENT == a背景画像のポジションの設定 */
#globalnavi #item01 a{ background-position:0px 0px;}
#globalnavi #item02 a{ background-position:-120px 0px;}
#globalnavi #item03 a{ background-position:-240px 0px;}
#globalnavi #item04 a{ background-position:-360px 0px;}
#globalnavi #item05 a{ background-position:-480px 0px;}
#globalnavi #item06 a{ background-position:-600px 0px;}
/* COMMENT == a:hover背景画像のポジションの設定 */
#globalnavi #item01 a:hover{ background-position: 0px -90px;}
#globalnavi #item02 a:hover{ background-position: -120px -90px;}
#globalnavi #item03 a:hover{ background-position: -240px -90px;}
#globalnavi #item04 a:hover{ background-position: -360px -90px;}
#globalnavi #item05 a:hover{ background-position: -480px -90px;}
#globalnavi #item06 a:hover{ background-position: -600px -90px;}


/* ============================================================================ *** バナー */



/* ========================================================================================================= ***** レイアウト */

/* ============================================================================ *** ヘッダー */
/* COMMENT == ヘッダーの設定 */
#header{
	width:950px;
	height:115px;
	padding:0px;
}
/* IE用以外へのハック */
:root *> #header {
	height:125px;
}

/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
#header:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE5向け */
#header{ display:inline-block;}
/* CLERFIX == IEバージョン6以前向け */
/* Hides from IE-mac \*/
*html#header{ height:1%; }
#header{ display:block; }
/*End hide from IE-mac */


/* =============================================== ** ヘッダー2分割レイアウトの設定 */
/* COMMENT == 左の設定 */
#header .head_lt{}
/* COMMENT == 右の設定 */
#header .head_rt{}

/* ============================================================================ *** ヘッダーメニュー */
/* COMMENT == ヘッダーナビゲーション用 */
#basicNavi{
	width:240px;
	height:27px;
	padding:8px 0 0 0;
	float:right;
}

/* COMMENT == ulの設定　ヘッダーナビゲーション用 （設定なし） */
ul.basicNaviList{}
ul.basicNaviList li{}

/* COMMENT == ulの設定　文字サイズボタン */
#basicNavi img{
	float:left;
	margin:0 10px 0 0;
}
#basicNavi a.fsize{
	display:block;
	width:19px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#basicNavi a#fsizeS{
	background-image:url(../images/header/pic_fsize_s.jpg) ;
	background-position:0 0;
	background-repeat:repeat-x;
	margin:0 5px 0 0;
}
#basicNavi a#fsizeM{
	background-image:url(../images/header/pic_fsize_m.jpg) ;
	background-position:0 0;
	background-repeat:repeat-x;
	margin:0 5px 0 0;
}
#basicNavi a#fsizeL{
	background-image:url(../images/header/pic_fsize_l.jpg) ;
	background-position:0 0;
	background-repeat:repeat-x;
	margin:0 10px 0 0;
}
#basicNavi a#contact{
	display:block;
	width:78px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	background:url(../images/header/bgi_contact.jpg) 0 0 no-repeat;
}
#basicNavi a#contact:hover{
	background-position:0 -20px;
}

/* ============================================================================ *** フッター */
/* =============================================== ** フッターの設定 */
#footer{
	clear:both;
	text-align:center;
	width: auto;
	height:auto;
	margin:0px;
	padding:40px 0px 110px 0px;
	background:#282828 url(../images/footer/bgi_footer.jpg) 0 0 repeat-x;
}
/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
#footer:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE5向け */
#footer{ display:inline-block;}
/* CLERFIX == IEバージョン6以前向け */
/* Hides from IE-mac \*/
*html#footer{ height:1%; }
#footer{ display:block; }
/*End hide from IE-mac */

/* =============================================== ** フッター内側divの設定 */
#footerInner{
	text-align:left;
	width:950px;
	font-size:85%;
	margin:0 auto;
}


/* ============================================================================ *** フッターメニュー */
/* COMMENT == フッターメニュー部分の設定 */
#footerInner ul{
	width:150px;
}
.fmenuCont h3{
	vertical-align: middle;
}
.fmenuCont h3 img{
	vertical-align: middle;
}
#footerInner a{
	color:#FFFFFF;
}
.fmenuCont{
	width:158px;
	float:left;
}

/* ============================================================================ *** コンテンツ */
/* COMMENT == コンテンツの設定 */
#contents{ clear:both; width:950px; height:auto; margin:50px 0 0 0; padding:0px;}

/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
#contents:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
#contents{ display:inline-block;}
/* CLERFIX == IE6以前向け */
/* Hides from IE-mac \*/
*html#contents{ height:1%; }
#contents{ display:block; }
/*End hide from IE-mac */



/* COMMENT == カテゴリ別キャッチ背景の設定 */
#contentsID #contents{
	background:url(../images/bgimages/bgi_common.jpg) right top no-repeat;
}

#product #contents{
	background:url(../images/bgimages/bgi_product.jpg) right top no-repeat;
}

#safety #contents{
	background:url(../images/bgimages/bgi_common.jpg) right top no-repeat;
}

#eandl #contents{
	background:url(../images/bgimages/bgi_eandl.jpg) right top no-repeat;
}

#delivery #contents{
	background:url(../images/bgimages/bgi_common.jpg) right top no-repeat;
}


#company #contents{
	background:url(../images/bgimages/bgi_company.jpg) right top no-repeat;
}



/* ============================================================================ *** メインコンテンツ */
/* COMMENT == コンテンツの設定 */
#mainContents{
	float:right;
	width:730px;
	height:auto;
	margin:0;
	padding:0;
	line-height:1.7em;
}

/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
#mainContents:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
#mainContents{ display:inline-block;}
/* maincontents == IE6以前向け */
/* Hides from IE-mac \*/
*html#mainContents{ height:1%; }
#mainContents{ display:block; }
/*End hide from IE-mac */

/* COMMENT == コンテンツの設定 */
#mainContentsInner{ height:auto; margin:0; padding:10px; border:5px solid #E0D2B7; background:white;}

/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
#mainContentsInner:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
#mainContentsInner{ display:inline-block;}
/* maincontents == IE6以前向け */
/* Hides from IE-mac \*/
*html#mainContentsInner{ height:1%; }
#mainContentsInner{ display:block; }
/*End hide from IE-mac */


/* ============================================================================ *** サブコンテンツ */
/* COMMENT == コンテンツの設定 */
#subContents{
	float:left;
	width:200px;
	height:auto;
	margin:0;
	padding:0;
}

/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
#subContents:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
#subContents{ display:inline-block;}
/* maincontents == IE6以前向け */
/* Hides from IE-mac \*/
*html#subContents{ height:1%; }
#subContents{ display:block; }
/*End hide from IE-mac */

/* ============================================================================ *** サブメニューあり */
/* COMMENT == コンテンツの設定 */
.localNavi{
	margin:0 0 10px 0;
	padding:0px;
	border:5px solid #1F1F1F;
	list-style:none;
}
.localNavi li{
	display:block;
	padding:0;
	padding:0;
	background:none;
}
.localNavi li.hoverCat{
	background:url(../images/local/bgi_cat.jpg);
}
.localNavi li.selectCat{
	background:url(../images/local/bgi_cat.jpg);
}
.localNavi a{
	display:block;
	padding:5px 5px 5px 25px;
	background: url(../images/ico/ico_localNavi.jpg) 5px 7px no-repeat;
}
.localNavi li.hoverCat a{
	background: url(../images/ico/ico_localNaviHover.jpg) 5px 7px no-repeat;
}
.localNavi li.selectCat a{
	background: url(../images/ico/ico_localNaviHover.jpg) 5px 7px no-repeat;
}
.localNavi li.localItem{
	display:block;
	padding:0;
	padding:5px 0 5px 10px;
	background:#010101;
}
.localNavi li.hoverItem{
	background:#333333;
}
.localNavi li.selectItem{
	background:#333333;
}
.localNavi li.localItem a{
	display:block;
	padding:0px 5px 0px 25px;
	color:#EFEFEF;
	background: url(../images/ico/ico_localNavi_2.jpg) 8px 3px no-repeat;
}
.localNavi li.hoverItem a{
	display:block;
	padding:0px 5px 0px 25px;
	color:#EFEFEF;
	background: url(../images/ico/ico_localNavi_2Hover.jpg) 8px 3px no-repeat;
}
.localNavi li.selectItem a{
	display:block;
	padding:0px 5px 0px 25px;
	color:#EFEFEF;
	background: url(../images/ico/ico_localNavi_2Hover.jpg) 8px 3px no-repeat;
}


/* ============================================================================ *** コンテナ */
/* COMMENT == コンテナの設定 */
.container{ width:100%; height:auto; padding:0px; margin:0px; margin-bottom:10px; clear:both;}

/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
.container:after{ content:"."; display:block; height:0; clear:both;visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
.container{ display:inline-block;}
/* CLERFIX == IE6以前向け */
/* Hides from IE-mac \*/
*html.container{ height:1%; }
.container{ display:block; }
/*End hide from IE-mac */

/* ============================================================================ *** クラスレイアウト */
/* COMMENT == 1:1レイアウト */
.layout_1-1_lt{ float:left; width:48%; margin:0;}
.layout_1-1_rt{ float:right; width:48%; margin:0;}
/* COMMENT == 1:2レイアウト */
.layout_1-2_lt{ float:left; width:33%; margin:0;}
.layout_1-2_rt{ float:right; width:64%; margin:0;}
/* COMMENT == 2:1レイアウト */
.layout_2-1_lt{ float:left; width:64%; margin:0;}
.layout_2-1_rt{ float:right; width:33%; margin:0;}
/* COMMENT == 3カラムレイアウト */
.layout_3col{ float:left; width:33%; margin:0;}
/* COMMENT == 4カラムレイアウト */
.layout_4col{ float:left; width:182px; margin:0;}
/* COMMENT == 1:4レイアウト */
.layout_1-4_lt{ float:left; width:24%; margin:0;}
.layout_1-4_rt{ float:right; width:74%; margin:0;}
/* COMMENT == 1:5レイアウト */
.layout_1-5_lt{ float:left; width:20%; margin:0;}
.layout_1-5_rt{ float:right; width:78%; margin:0;}



/* ============================================================================ *** キャッチ */
/* COMMENT == キャッチの設定 */


/* ========================================================================================================= ***** アイテム */

/* ============================================================================ *** リスト */
/* COMMENT == ulの設定 */
ol{margin:0px 10px 0px 20px; padding:0px 15px 10px 10px; }

/* ============================================================================ *** リスト */
/* COMMENT == ulの設定 */
ul.list-nomal{ margin:0px 10px 0px 10px; padding:0px 15px 10px 10px; list-style:none;}
ul.list-nomal li{ padding:2px 5px 2px 10px; list-style:none; background:none;}

/* COMMENT == ulの設定 */
ul.listPtn01{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.listPtn01 li{ padding:2px 5px 2px 20px; background:url(../images/list/lis_ptn01_100.jpg) 0px 4px no-repeat; }

/* COMMENT == ulの設定 */
.subArea01 ul.listPtn01 li{ padding:2px 5px 2px 25px; background:url(../images/list/sub_lis_ptn01_100.jpg) 0px 2px no-repeat; }

/* COMMENT == ulの設定 */
ul.listPtn02{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.listPtn02 li{ padding:2px 5px 2px 20px; background:url(../images/list/lis_ptn02_100.jpg) 0px 5px no-repeat; }


/* COMMENT == ulの設定 */
ul.listPtn03{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.listPtn03 li{ padding:2px 5px 2px 30px; background:url(../images/list/lis_ptn03_100.jpg) 0px 5px no-repeat; }

/* COMMENT == 横並びメニューの設定*/
ul.listXptn01{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.listXptn01 li{ padding:2px 15px 2px 30px; background: url(../images/list/lis_ptn03_100.jpg) 0px 7px no-repeat; float:left; white-space: nowrap;}

/* COMMENT == 横並びメニューの設定*/
ul.listXptn02{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.listXptn02 li{ padding:2px 10px 2px 25px; background: url(../images/list/lis_Ptn02_100.jpg) 0px 1px no-repeat; float:left;}

/* COMMENT == ページ内メニューの設定*/
ul.listPageMenu{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.listPageMenu li{ padding:2px 10px 2px 25px; background: url(../images/list/lis_Ptn03_100.jpg) 0px 5px no-repeat; float:left;}

/* COMMENT == 画像の均等割り当て */
ul.listJustify img{ clear:both; margin:0 0 5px 0;}
ul.listJustify {	padding:0; margin:0; font-size:1px; text-align: justify; text-justify: distribute-all-lines;}
ul.listJustify:after{content:url(../images/list/bgi_justify_101.gif); line-height:0; visibility:hidden;}
ul.listJustify li{display:inline; margin:0; padding:0;}
ul.listJustify li a:focus{outline:none;}

/* COMMENT == FAQ */
.faq{ margin:0; padding:0;}
.faq dt{
	display:block;
	padding:5px 5px 5px 40px;
	margin-bottom:5px;
	background: url(../images/ico/ico_faqQ.jpg) 0 3px no-repeat;
}
.faq dd{
	margin:0 0 10px 0;
	padding:5px 5px 15px 40px;
	border-bottom:1px dotted #CCCCCC;
	background: url(../images/ico/ico_faqA.jpg) 0 3px no-repeat;
}


/* ============================================================================ *** リンク */
/* =============================================== ** 通常リンク */
a:link		{color:#0D7EC4; text-decoration:none;}　
a:active	{color:#0D7EC4; text-decoration:none;}
a:visited	{color:#0D7EC4; text-decoration:none;}
a:hover		{color:#0D7EC4; text-decoration:underline;}

/* =============================================== ** ヘッダメニュー */
.basicNaviList a:link		{color:#FFFFFF; text-decoration:none;}　
.basicNaviList a:active		{color:#FFFFFF; text-decoration:none;}
.basicNaviList a:visited	{color:#FFFFFF; text-decoration:none;}
.basicNaviList a:hover		{color:#FFFFFF; text-decoration:underline;}

a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=70);
}

/* ============================================================================ *** パンくず */
#breadcrumb{
	font-size:80%;
	padding:5px 0;
}
#breadcrumb img{
	vertical-align: middle;
}

/* =============================================== ** 詳細リンク */
a.linkDetail {
	padding:3px 12px 3px 3px;
	font-size:85%;
	background: url(../images/ico/ico_linkDetail.jpg) 100% 45% no-repeat;
}

/* =============================================== ** 外部リンク */
a.linkGaibu {
	padding:3px 18px 3px 3px;
	font-size:85%;
	background: url(../images/ico/ico_linkGaibu.jpg) 100% 45% no-repeat;
}

/* =============================================== ** 内部リンク */
a.linkNaibu {
	padding:3px 15px 3px 3px;
	font-size:85%;
	background: url(../images/ico/ico_linkNaibu.jpg) 100% 45% no-repeat;
}

/* =============================================== **ページトップ */
a#pagetop{
	display:block;
}
a.linkTop {
	display:block;
	height:88px;
	width:25px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/common/bgi_pageTop.jpg) 0 0 no-repeat;

}
#pagetopLink {
	position:absolute;
	right:-27px;
	top:180px;
}
.linkTopWrap{ padding:15px 5px; text-align:right; clear:both;}

/* =============================================== ** PDFリンク */
a.linkdownload {padding:5px 20px 5px 5px; background: url(../images/bgi_download_100.jpg) no-repeat right; font-size:85%; text-align:right; text-decoration:none; border:1px solid #999999;}

/* =============================================== ** PDFリンク */
a.linkpdf {padding:5px 5px 5px 25px; background: url(../images/pdficon_small.gif) no-repeat; font-size:85%;}


/* ============================================================================ *** ｈ 表題 */

/* =============================================== ** ヘッダーロゴ */
/* COMMENT == ヘッダーロゴの設定 */
h1{margin:56px 0 0 0; float:left;}
/* COMMENT == ヘッダーロゴ画像の縦位置の設定 */
h1 img{vertical-align: top;}

/* =============================================== ** タイトルLV1 */
/* COMMENT == タイトルLV1の設定 */
/*h2{ clear:both; padding:0; margin: 0 0 10px 0;}
h2 span{ display:none;}*/

h2{
	clear:both;
	padding:15px 0 15px 20px;
	font-size:122%;
	color:#595758;
	margin: 0 0 10px 0;
	background:url(../images/bgi_h2_100.jpg) 0 50% no-repeat;
}
h2 span{
	display:inline;
	margin:15px 0 0 10px;
	font-size:65%;
	color:#9AAEAF;
	font-weight:normal;
}

/* =============================================== ** タイトルLV2 */
/* COMMENT == タイトルLV2の設定 */
h3{
	clear: both;
	color:#131416;
	padding:5px 10px;
	width:auto;
	height:auto;
	font-size:110%;
	margin:0 0 10px 0;
	background:url(../images/bgi_h3_100.jpg);
}
h3 a{
	display:block;
}
#footer h3{
	clear: both;
	color:#FFFFFF;
	padding:5px 0;
	width:145px;
	height:auto;
	font-size:95%;
	margin:10px 0;
	background:none;
	border-bottom:2px solid #FFFFFF;
}
/* =============================================== ** タイトルLV3 */
/* COMMENT == タイトルLV3の設定 */
h4{
	clear: both;
	color:#131416;
	width:auto;
	font-size:100%;
	padding:5px 5px 5px 5px;
	margin:5px 0;
	border-bottom:1px solid #ffffff;
}

/* =============================================== ** タイトルLV4 */
/* COMMENT == タイトルLV4の設定 */
h5{
	clear: both;
	color:#505052;
	background:url(../images/bgi_h5_100.jpg) 0 9px no-repeat;
	width:auto;
	font-size:100%;
	padding:5px 5px 0px 20px;
	margin:0;
}

/* =============================================== ** TOP用タイトル設定 */
/* COMMENT == タイトルTOPの設定 */
.title{ clear:both; width:auto; font-size:100%; height:auto; margin:0px; padding:0;}
.title span{ display:block; margin:0px; padding:0px; float:left; text-indent:-9999px;}

/* ============================================================================ *** 補足エリア */
/* COMMENT == ページトップやダウンロードなどのエリア */
.various{ clear:both; width: auto; padding:5px 10px;}

/* COMMENT == 補足の設定 */
.subArea01 {
	padding:10px;
	margin-bottom:10px;
	background:#5A5657;
	color:#FFFFFF;
	border:3px double #BAC8CB;
}
/* =============================================== ** CLERFIXの設定 */
/* CLERFIX == IE以外のブラウザ向け */
.subArea01:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
.subArea01{ display:inline-block;}
/* CLERFIX == IE6以前向け */
/* Hides from IE-mac \*/
*html.subArea01{ height:1%; }
.subArea01{ display:block; }
/*End hide from IE-mac */

/* COMMENT == 補足注意 */
.attention {
	background:url(../images/common/bgi_attention.jpg) 0 0 repeat;
}
.attention p{
	font-size:85%;
	color:#616161;
	background:url(../images/ico/ico_attention.jpg) no-repeat 5px 7px;
	padding:3px 10px 3px 20px;
}

/* COMMENT == 強調タイトル */
.arrow {
	display:block;
	background:url(../images/ico/ico_arrow.jpg) no-repeat 1px 0px;
	padding:3px 0px 3px 25px;
}

.arrow2 {
	display:block;
	background: url(../images/list/lis_ptn01_100.jpg) no-repeat 1px 5px;
	padding:3px 0px 3px 25px;
}



/* ============================================================================ *** テーブル */
/* COMMENT == thの設定 */
.type01{
	font-size:100%;
	line-height:1.8em;
}
/* COMMENT == thの設定 */
.type01 th{
	background:url(../images/common/bgi_th_caption.jpg) 0 0 repeat;
	padding:3px;
	text-align:center;
	color:#505052;
}
/* COMMENT == thクラスcaptionの設定 */
.type01 th.caption {
	background:#010101 url(../images/common/bgi_th.jpg) 0 0 repeat-x;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	border-bottom:1px dotted #AAAAAA;
}
/* COMMENT == tdの設定 */
.type01 td{
	padding:3px;
	border-bottom:1px dotted #AAAAAA;
	border-left:1px dotted #AAAAAA;
}
/* COMMENT == tdクラスcaptionの設定 */
.type01 td.caption {
	background:url(../images/common/bgi_td_caption.jpg) 0 0;
	padding:3px;
	border-bottom:1px dotted #AAAAAA;
}

/* ============================================================================ *** 汎用 */
/*=============================================== ** 非表示 */
.hide{ display:none;}

/*=============================================== ** クリア */
.clear{clear:both;}

/*=============================================== ** クリアフィックス */
.clearFix{}
/* CLERFIX == IE以外のブラウザ向け */
.clearFix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* CLERFIX == IE7およびMacIE向け */
.clearFix{ display:inline-block;}
/* CLERFIX == IE6以前向け */
/* Hides from IE-mac \*/
*html.clearFix{ height:1%; }
.clearFix{ display:block; }
/*End hide from IE-mac */

/*=============================================== ** 画像 */
img{ border:0;}
.photo{ border:1px solid #cccccc; padding:4px;}

/*=============================================== ** 段落 */
p{ padding:5px 0;}

/*=============================================== ** 段落 */
.line-2{ line-height:2em;}

/*=============================================== ** 文字寄せ */
/* COMMENT == 左寄せ */
.left{ text-align:left;}
/* COMMENT == 中央寄せ */
.center{ text-align:center;}
/* COMMENT == 右寄せ */
.right{ text-align:right;}

/*=============================================== ** フロート */
/* COMMENT == 左寄せ */
.float-left{ float:left;}
/* COMMENT == 右寄せ */
.float-right{ float:right;}

/*=============================================== ** ボーダー */
/* COMMENT == ボーダーの設定 */
.border_dot{border:#CCCCCC 1px dotted;}
.border_left{border-left:#CCCCCC 1px solid;}
.dot_bdr_btm{border-bottom:#cccccc 1px dotted} 
.dot_bdr_top{border-top:#666666 1px dotted} 
.border_btm{border-bottom:#CCCCCC 1px solid;} 
.border{border:#999999 1px solid;}

/*=============================================== ** 文字色 */
/* COMMENT == 文字色の設定 */
.orange{ color:#e8610f;}
.red{ color:#FF0000;}
.wine{ color:#9A001B;}
.blue{ color:#0033CC;}
.green{ color:#56B93B;}

/*=============================================== ** 文字装飾 */
.strong{ font-weight:bold;}

/*=============================================== ** 文字サイズ */
/* COMMENT == 文字サイズの設定 */
.text85{ font-size:85%;}
.text95{ font-size:95%;}
.text110{ font-size:110%;}
.text140{ font-size:140%;}

/*=============================================== ** 背景色 */
/* COMMENT == 背景色の設定 */
.bg-black{ background-color:#282828;}
.bg-white{ background-color:#FFFFFF;}
.bg-gray{ background-color:#CCCCCC;}
.bg-beige{ background-color:#F5F2ED;}
.bg-shop{ background-color: #E0D2B7; padding:3px; font-weight:normal; color:#593223; font-size:80%;}

/*=============================================== ** スペース */
/* COMMENT == パディング5px */
.padding5{ padding:5px;}
/* COMMENT == パディング10px */
.padding10{ padding:10px;}
/* COMMENT == パディングレフト40px */
.padding-lt40{ padding-left:40px;}


/* COMMENT == マージンライト10px */
.margin-rt10{ margin-right:10px;}
/* COMMENT == マージントップ5px */
.margin-tp5{ margin-top:5px;}
/* COMMENT == マージントップ10px */
.margin-tp10{ margin-top:10px;}
/* COMMENT == マージンボトム10px*/
.margin-btm10{ margin-bottom:10px;}
/* COMMENT == マージン10px */
.margin10{ margin:10px;}
/* COMMENT == マージン5px */
.margin10{ margin:5px;}

/*=============================================== ** ブロック */
/* COMMENT == ブロック指定 */
.block{ display:block;}


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

/*=============================================== ** トップイメージ */
/* トップイメージ */
#topImgPhoto{
	width:950px;
	_width:949px;
	height:360px;
	background:url(../images/top/pic_main.png) center -14px no-repeat;
}



/*=============================================== ** カラムコンテナ */
#top #contents{ margin:0; padding:0;}
#top #contents h2{ margin:0 0 0px 0; padding:0; background:none; font-size:100%;}
#top #contents h3{ margin:0; padding:0; background:none; font-size:100%;}
#top #contents ul{
	list-style:none;
}


/*=============================================== ** トップ左カラム（商品案内） */
#products{
	float:left;
	width:210px;
	padding:5px;
	background:url(../images/top/bgi_Wrap.jpg);
}
/* 商品案内切り替えタブ */
#topProList{
	display:block;
	width:100%;
}
#topProList li{
	display:block;
	width:49%;
	height:22px;
}
#topProList #proList01{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/top/bgi_topProList01.jpg) 0 0 no-repeat;
	height:22px;
}
#topProList #proList02{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/top/bgi_topProList02.jpg) 0 -22px no-repeat;
	height:22px;
}

/* 商品カテゴリ一覧 */
#catListWrap{
	background:#E8EBF2;
}
#topCatList li{
	display:block;
	width:210px;
	height:35px;
}
#topCatList li{
	display:block;
	width:210px;
	height:35px;
}
#topCatList a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:210px;
	height:35px;
}
/* COMMENT == a背景画像のポジションの設定 */
#topCatList a#cat01{ background-image:url(../images/top/bgi_cat01.jpg);}
#topCatList a#cat02{ background-image:url(../images/top/bgi_cat02.jpg);}
#topCatList a#cat03{ background-image:url(../images/top/bgi_cat03.jpg);}
#topCatList a#cat04{ background-image:url(../images/top/bgi_cat04.jpg);}
#topCatList a#cat05{ background-image:url(../images/top/bgi_cat05.jpg);}
#topCatList a#cat06{ background-image:url(../images/top/bgi_cat06.jpg);}
#topCatList a#cat07{ background-image:url(../images/top/bgi_cat07.jpg);}
#topCatList a#cat08{ background-image:url(../images/top/bgi_cat08.jpg);}
#topCatList a#cat09{ background-image:url(../images/top/bgi_cat09.jpg);}
#topCatList a#cat10{ background-image:url(../images/top/bgi_cat10.jpg);}

#topCatList a:hover{
	background-position:210px 0;
}

/* キーワード検索 */
#keywordsearchWrap{
	width:210px;
	text-align:center;
	background:#E8EBF2;
}

/*=============================================== ** トップ中カラム（news & topics） */
#topicsWrap{
	float:left;
	width:470px;
	padding:5px;
	margin-left:10px;
	background:url(../images/top/bgi_Wrap.jpg);
}
:root *> #topicsWrap { width:460px;  } /* IE以外の指定 */
#topicsCont{
	padding:5px;
	background:#E8EBF2;
	min-height:388px;
	height: auto !important;
	height: 398px;
}
#topicsCont h2{
	float:left;
}
#topicsListBtn{
	display:block;
	width:100px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/top/btn_topicsList.jpg) 0 0 no-repeat;
	float:right;
}
a#topicsListBtn:hover{
}
#topicsList{
	clear:both;
	display:block;
	padding:23px 10px 0 10px;
	border-top:1px solid #D2D3D5;
}
#topicsList li{
	display:block;
	padding:0px 0px 5px 30px;
	margin:0;
	font-size:90%;
	background:url(../images/top/lis_topics.jpg) 5px 3px no-repeat;
}
#topicsList img{
	vertical-align:text-bottom;
}
#topicsList span{
	color:#747474;
}

/*=============================================== ** トップ右カラム（topBunnerWrap） */
#topBunnerWrap{
	float:right;
	width:240px;
	padding:0px;
}
#topBunnerWrap a{
	display:block;
	margin:0 0 11px 0;
}
#cal_bnr{
	height:250px;
}
/* ============================================================================ *** 商品案内 */

/*=============================================== ** カラムレイアウト */
/* メインカラム */
.mainColumn{
	width:510px;
	float:left;
}
/* サブカラム */
.subColumn{
	width:210px;
	float:right;
}

/*=============================================== ** メインカラム */
/* カテゴリコンテナ */
.catContOut{
	width:250px;
	background:url(../product/images/bgi_catContOut.jpg);
	padding:5px;
}
/* IE用以外へのハック */
:root *> .catContOut {
	width:240px;
}
.catContInner{
	background:#FFFFFF;
	padding:5px;
}
a.catLinkAnc{
	display:block;
	color:#585657;
	overflow:hidden;
	cursor: pointer;
}
a.catLinkAnc:hover{
	text-decoration:none;
}
a.catLinkAnc:hover h4{
	color:#0D7EC4;
	text-decoration:none;
}
.catContInner img{
	float:left;
	margin-right:10px;
}
.proH4{
	clear:none;
	color:#585657;
	margin:0;
	padding:3px;
	font-size:100%;
/*	background:url(../product/images/bgi_proH4.jpg); */
}
.proH4 a{
	color:#585657;
}
.catContInner p{
	font-size:90%;
}
/* 検索ボックス */
.searchWrap{
	background:#282828;
	padding:10px;
	color:#FFFFFF;
}
.searchWrap img{
	vertical-align:middle;
}

/* ============================================================================ *** カテゴリ一覧 */
/*=============================================== ** 商品セット */
/* 商品タイトル */
.proTitle{
	display:block;
	color:#585657;
	margin:3px 0;
	padding:3px 3px 0 5px;
	font-size:110%;
	background:url(../product/images/bgi_catH4.jpg);
}
.proTitle{
	color:#585657
}
a.proList{
	text-decoration:none;
}
.proList .proTitle , .proList p{
	color:#585657
}
a.proList:visited .proTitle , a.proList:visited p,a.proList:active .proTitle , a.proList:active p{
	text-decoration:none;
	color:#585657;
}
a.proList:hover .proTitle , a.proList:hover p{
	text-decoration:none;
	color:#0D7EC4;
}

/*=============================================== ** サブカラム */
/* バナーリスト */
.bnrList{
	list-style:none;
}
.bnrList li{
	display:block;
	margin:0 0 5px 0;
	padding:0;
}

/* ============================================================================ *** バーチャル工場見学 */
/*=============================================== ** ムービー部のdiv */
/* ムービー部のdiv */
.movieDiv{
	padding:30px;
	display:none;
}
/* 画像上のa */
a.lineLink{
	display:block;
	height:53px;
	width:64px;
	overflow:hidden;
}
/* 画像上のaの配置 */
#line01{
	position:absolute;
	top:83px;
	left:50px;
}
#line02{
	position:absolute;
	top:188px;
	left:138px;
}
#line03{
	position:absolute;
	top:189px;
	left:498px;
}
#line04{
	position:absolute;
	top:85px;
	left:561px;
}
#line05{
	position:absolute;
	top:192px;
	left:325px;
}

/* ============================================================================ *** 牛乳のこと */
/*=============================================== ** ページ内リンク */
/* ムービー部のdiv */
.milkPageLink{
	width:530px;
	margin:0 auto;
	padding:0;
/*	background:url(../safety/milk/images/bgi_pageLink.jpg) 0 0 no-repeat;
*/}
.milkPageLink li{
	display:block;
	width:100px;
	height:110px;
	margin-right:5px;
	float:left;
}
.milkPageLink li a{
	display:block;
	width:100px;
	height:110px;
	background-image:url(../safety/milk/images/bgi_pageLink.jpg);
	text-indent:-9999px;
	overflow:hidden;
}

.milkPageLink li#link01 a{
	background-position:0px 0;
}
.milkPageLink li#link02 a{
	background-position:414px 0;
}
.milkPageLink li#link03 a{
	background-position:310px 0;
}
.milkPageLink li#link04 a{
	background-position:206px 0;
}
.milkPageLink li#link05 a{
	background-position:105px 0;
}
.milkPageLink li#link01 a:hover{
	background-position:0 -110px;
}
.milkPageLink li#link02 a:hover{
	background-position:414px -110px;
}
.milkPageLink li#link03 a:hover{
	background-position:310px -110px;
}
.milkPageLink li#link04 a:hover{
	background-position:206px -110px;
}
.milkPageLink li#link05 a:hover{
	background-position:105px -110px;
}

/* ============================================================================ *** CMギャラリー */
/*=============================================== ** ムービー部のdiv */
/*CMリスト */
#cmList{
	list-style:none;
}
#cmList li{
	display:block;
	width:49%;
	float:left;
	margin-bottom:10px;
}


/* ============================================================================ *** CMS */
#cmsContents{ margin:0 0 20px 0;}
#cmsContents table{
	font-size:1em;
}
#cmsContents td,#cmsContents th{
	padding:3px;
	line-height:1.8em;
}
.paging{ text-align:center; padding:10px 0;}
.paging a{  margin:0 3px; width:20px;}
.paging span{ padding:3px 5px; border:1px solid #dddddd; background:url(../images/bgi_paging.jpg) 0 0 repeat-x;}


/* ============================================================================ *** 各カテゴリのグローバル */
#product #globalnavi #item01 a{ background-position: 0px -90px;}
#safety #globalnavi #item03 a{ background-position: -240px -90px;}
#eandl #globalnavi #item04 a{ background-position: -360px -90px;}
#delivery #globalnavi #item05 a{ background-position: -480px -90px;}
#company #globalnavi #item06 a{ background-position: -600px -90px;}