@charset "utf-8";
@import url("base.css?ver1.1");

/*======================================

	トップページ
	#home

=======================================*/

/*----------------------------------
	ヘッダ #header
----------------------------------*/
#top_header {height: 428px; position: relative; width: 960px; margin:0 auto; }
#top_header dl.top_header_link dt{left: 0px; top: 10px; position: absolute;}
#top_header dl.top_header_link dd{right: 0px; top: 0px; position: absolute;}
#top_header dl.top_header_link dd a:hover img,#header dl.header_link_prd dt a:hover img,#header dl.header_link_prd dd a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}
#top_header dl.Gnav{ clear: both; height: 40px; width: 960px; float: left;}
#top_header dl.Gnav dt.Gnav_01{ float: left; background: url("../img/common/food_Gnavi_01.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#top_header dl.Gnav dt.Gnav_02{ float: left; background: url("../img/common/food_Gnavi_02.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#top_header dl.Gnav dt.Gnav_03{ float: left; background: url("../img/common/food_Gnavi_03.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#top_header dl.Gnav dt.Gnav_01 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_01.jpg") no-repeat; display: block; text-indent: -9999px;}
#top_header dl.Gnav dt.Gnav_02 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_02.jpg") no-repeat; display: block; text-indent: -9999px;}
#top_header dl.Gnav dt.Gnav_03 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_03.jpg") no-repeat; display: block; text-indent: -9999px;}
#top_header dl.Gnav dt.Gnav_01 a:hover{ background: url("../img/common/food_Gnavi_01_on.jpg"); }
#top_header dl.Gnav dt.Gnav_02 a:hover{ background: url("../img/common/food_Gnavi_02_on.jpg"); }
#top_header dl.Gnav dt.Gnav_03 a:hover{ background: url("../img/common/food_Gnavi_03_on.jpg"); }

#header {height: 119px; position: relative; width: 960px; margin:0 auto; }
#header dl.header_link dt{left: 0px; top: 10px; position: absolute;}
#header dl.header_link dd{right: 0px; top: 0px; position: absolute;}
#header dl.header_link_prd dt{left: 0px; top: 10px; position: absolute;}
#header dl.header_link_prd dt.logo{ left: 830px; top: 60px; position: absolute;}
#header dl.header_link_prd dd{right: 0px; top: 0px; position: absolute;}

#header dl.Gnav{ padding-bottom: 20px; padding-top: 119px; height: 40px; width: 960px; }
#header dl.Gnav dt.Gnav_01{ float: left; background: url("../img/common/food_Gnavi_01.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_02{ float: left; background: url("../img/common/food_Gnavi_02.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_03{ float: left; background: url("../img/common/food_Gnavi_03.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_01 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_01.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_02 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_02.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_03 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_03.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_01 a:hover{ background: url("../img/common/food_Gnavi_01_on.jpg"); }
#header dl.Gnav dt.Gnav_02 a:hover{ background: url("../img/common/food_Gnavi_02_on.jpg"); }
#header dl.Gnav dt.Gnav_03 a:hover{ background: url("../img/common/food_Gnavi_03_on.jpg"); }
#header dl.Gnav dt.Gnav_04{ float: left; background: url("../img/common/food_Gnavi_01_on.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_04 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_01_on.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_05{ float: left; background: url("../img/common/food_Gnavi_02_on.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_05 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_02_on.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_06{ float: left; background: url("../img/common/food_Gnavi_03_on.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_06 a{ height: 40px; width: 320px; background: url("../img/common/food_Gnavi_03_on.jpg") no-repeat; display: block; text-indent: -9999px;}


/*----------------------------------
	トップページ
----------------------------------*/
html,body { height: 100%; background: #717F89; }
#top_wrap {  position: relative; width: 100%; background: url("../img/home/food_top_bg.jpg"); background-repeat: repeat-x; }
#wrap { position: relative; width: 100%; background-image: url(../img/common/food_bg.jpg); background-repeat: repeat-x; }
#results {  clear: both;  height: 100%;  width: 100%;  background: #FFF; background-image: url(../img/common/spece.jpg); background-repeat: repeat; }
#container{ clear: both; padding: 0 0 40px; width: 960px; margin:0 auto; background: #FFF; background-image: url(../img/common/spece.jpg); background-repeat: repeat;}
/*#container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}*/
#contents { float: left; margin-bottom: 45px; width: 960px; background: #FFF; background-image: url(../img/common/spece.jpg); background-repeat: repeat;}
/*#contents:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}*/
.link_box_01{ border-right-color: white; border-right-width: 1px; border-right-style: solid; position: relative; float: left; border-left-color: white; border-left-width: 2px; border-left-style: solid; background-color: #E9ECF1; height: 250px; width: 317px;}
.link_box_02{ border-right-color: white; border-right-width: 1px; border-right-style: solid; position: relative; float: left; border-left-color: white; border-left-width: 1px; border-left-style: solid; background-color: #E9ECF1; height: 250px; width: 318px;}
.link_box_03{ border-right-color: white; border-right-width: 2px; border-right-style: solid; position: relative; float: left; border-left-color: white; border-left-width: 1px; border-left-style: solid; background-color: #E9ECF1; height: 250px; width: 317px;}
.link_box_01 dl dt.img{left: 13px; top: 10px; position: absolute;}
.link_box_02 dl dt.img{left: 13px; top: 10px; position: absolute;}
.link_box_03 dl dt.img{left: 13px; top: 10px; position: absolute;}
.link_box_01 dl dt.Snav_01{left: 13px; top: 120px; position: absolute;}
.link_box_01 dl dt.Snav_02{left: 13px; top: 160px; position: absolute;}
.link_box_02 dl dt.Snav_03{left: 13px; top: 120px; position: absolute;}
.link_box_02 dl dt.Snav_04{left: 13px; top: 160px; position: absolute;}
.link_box_02 dl dt.Snav_05{left: 13px; top: 200px; position: absolute;}
.link_box_03 dl dt.Snav_06{left: 13px; top: 120px; position: absolute;}
.link_box_01 dl dt.Snav_03{left: 13px; top: 200px; position: absolute;}
.link_box_01 dl dt.Snav_01 a:hover img,.link_box_01 dl dt.Snav_02 a:hover img,.link_box_02 dl dt.Snav_03 a:hover img,.link_box_02 dl dt.Snav_04 a:hover img,.link_box_02 dl dt.Snav_05 a:hover img,.link_box_03 dl dt.Snav_06 a:hover img,dt.technical_link_01 a:hover img,dt.technical_link_02 a:hover img,dl.prd_box dt.appli_img a:hover img,.link_box_01 dl dt.Snav_03 a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}

/*----------------------------------
	コンテンツ
----------------------------------*/
.sulu_title{ clear: both; padding-bottom: 10px; padding-top: 40px; float: left;}
.sulu_copy{padding-bottom: 10px; padding-top: 10px; line-height: 1.5em; font-size: 16px;}
dl.prd_box{float: left; padding-right: 40px; padding-left: 40px; width: 240px;}
dl.prd_box dt.catch{ padding-top: 20px; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; font-size: 16px; font-weight: bold;}
dl.prd_box dt.img{padding-top: 10px; height: 231px; width: 240px;}
dl.prd_box dt.series{font-size: 20px; font-weight: bold;}
dl.prd_box dt.series p{font-size: 12px;}
dl.prd_box dt.feature{padding-bottom: 10px; padding-top: 10px; line-height: 1.5em; font-size: 14px; font-weight: bold;}
dl.prd_box dt.prd_link{ float: left; background: url("../img/common/food_prd_btn.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
dl.prd_box dt.prd_link a{ padding-bottom: 20px; float: left; width: 240px; background: url("../img/common/food_prd_btn.jpg") no-repeat; display: block; text-indent: -9999px;}
dl.prd_box dt.prd_link a:hover{ background: url("../img/common/food_prd_btn_on.jpg") no-repeat; }
dl.prd_box dt.appli_link{ float: left; background: url("../img/common/food_appli_btn.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
dl.prd_box dt.appli_link a{ float: left; height: 30px; width: 240px; background: url("../img/common/food_appli_btn.jpg") no-repeat; display: block; text-indent: -9999px;}
dl.prd_box dt.appli_link a:hover{ background: url("../img/common/food_appli_btn_on.jpg") no-repeat; }
dl.prd_box dt.appli_img{margin-bottom: 20px; margin-top: 10px; border-color: #dddddd; border-width: 1px; border-style: solid; float: left;}

dl.technical_link{margin-top: 20px; margin-left: 40px; float: left; position: relative; border-color: #bfbfbf; border-width: 1px; border-style: solid; height: 80px; width: 880px;}
dl.technical_link dt.technical_link_01{top: 9px; left: 10px; position: absolute;}
dl.technical_link dt.technical_link_02{left: 300px; top: 9px; position: absolute;}
dl.technical_link dt.technical_link_03{right: 10px; top: 9px; position: absolute;}

/*----------------------------------
	フッタ
----------------------------------*/
#footer { clear: both; padding-left: 0; padding-bottom: 40px; padding-right: 0; padding-top: 0; position: relative; width: 40px; width: 960px; margin:0 auto;}
#footer dt{ float: left; background: url("../img/common/food_fa_btn.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#footer dt a{ height: 30px; width: 234px; background: url("../img/common/food_fa_btn.jpg") no-repeat; display: block; text-indent: -9999px;}
#footer dt a:hover{ background: url("../img/common/food_fa_btn_on.jpg"); }
#footer dd{ color: white; font-size: 10px; top: 10px; right: 0px; position: absolute; }



/*----------------------------------
	その他
----------------------------------*/


/* ページ先頭へ */
#pageTop { position: fixed; right: 5px; bottom: 80px; display: block; width: 30px; height: 30px; }
a.pageTop { display: block; width: 30px; height: 30px; }
a.pageTop:hover, a:hover.pageTop { text-decoration: underline; }