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

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

	トップページ
	#home

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

/*----------------------------------
	ヘッダ #header
----------------------------------*/
#top_header {height: 519px; position: relative; width: 960px; margin:0 auto; }
#top_header dl.top_header_link dt.logo{left: 0px; top: 10px; position: absolute;}
#top_header dl.top_header_link dt.title{text-align: center; line-height: 1em; font-size: 70px; font-weight: bold; left: 205px; top: 105px; position: absolute;}
#top_header dl.top_header_link dt.txt{width: 690px; text-align: left; line-height: 1.5em; font-size: 15px; font-weight: bold; left: 290px; top: 420px; 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/share/food_Gnavi_01.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#top_header dl.Gnav dt.Gnav_02{ float: left; background: url("../img/share/food_Gnavi_02.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#top_header dl.Gnav dt.Gnav_01 a{ height: 40px; width: 320px; background: url("../img/share/food_Gnavi_01.jpg") no-repeat; display: block; text-indent: -9999px;}
#top_header dl.Gnav dt.Gnav_02 a{ height: 40px; width: 640px; background: url("../img/share/food_Gnavi_02.jpg") no-repeat; display: block; text-indent: -9999px;}
#top_header dl.Gnav dt.Gnav_01 a:hover{ background: url("../img/share/food_Gnavi_01_on.jpg"); }
#top_header dl.Gnav dt.Gnav_02 a:hover{ background: url("../img/share/food_Gnavi_02_on.jpg"); }

#header {height: 119px; position: relative; width: 960px; margin:0 auto; }
#header dl.header_link dt{left: 0px; top: 0px; 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: 835px; 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/share/food_Gnavi_appli01.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_02{ float: left; background: url("../img/share/food_Gnavi_appli02.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_01 a{ height: 40px; width: 480px; background: url("../img/share/food_Gnavi_appli01.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_02 a{ height: 40px; width: 480px; background: url("../img/share/food_Gnavi_appli02.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_01 a:hover{ background: url("../img/share/food_Gnavi_appli01_on.jpg"); }
#header dl.Gnav dt.Gnav_02 a:hover{ background: url("../img/share/food_Gnavi_appli02_on.jpg"); }
#header dl.Gnav dt.Gnav_03{ float: left; background: url("../img/share/food_Gnavi_appli01_on.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_03 a{ height: 40px; width: 480px; background: url("../img/share/food_Gnavi_appli01_on.jpg") no-repeat; display: block; text-indent: -9999px;}
#header dl.Gnav dt.Gnav_04{ float: left; background: url("../img/share/food_Gnavi_appli02_on.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */}
#header dl.Gnav dt.Gnav_04 a{ height: 40px; width: 480px; background: url("../img/share/food_Gnavi_appli02_on.jpg") no-repeat; display: block; text-indent: -9999px;}


/*----------------------------------
	トップページ
----------------------------------*/
html,body { height: 100%; background: #717F89; }
#top_wrap {  position: relative; width: 100%; background: url("../img/top/food_appli_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: #CEE9F8; height: 380px; 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: #CDE4D0; height: 380px; 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: #CDE4D0; height: 380px; width: 317px;}
.link_box_01 dl,.link_box_02 dl,.link_box_03 dl{ width: 300px; float: left;}
.link_box_01 dl dt.img,.link_box_02 dl dt.img,.link_box_03 dl dt.img{margin-right: 10px; margin-left: 10px; margin-top: 10px; height: 52px; width: 62px; float: left;}
.link_box_01 dl dt.appli,.link_box_02 dl dt.appli,.link_box_03 dl dt.appli{ margin-top: 10px; height: 52px; width: 160px; float: left; font-size: 16px; font-weight: bold;}
.link_box_01 dl dt.ico,.link_box_02 dl dt.ico,.link_box_03 dl dt.ico{ margin-top: 10px; height: 39px; width: 41px; float: right; margin-top: 17px;}
.link_box_01 dl dt.appli p,.link_box_02 dl dt.appli p,.link_box_03 dl dt.appli p{ padding-top: 7px; }
.link_box_01 dl a:hover img,.link_box_02 dl a:hover img,.link_box_03 dl a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}

/*----------------------------------
	コンテンツ
----------------------------------*/
.appli_title_b{padding-bottom: 10px; padding-top: 40px; color: #0097DA; font-size: 32px; font-weight: bold;}
.appli_title_g{padding-bottom: 10px; padding-top: 40px; color: #39A869; font-size: 32px; font-weight: bold;}
dl.appli_b{ margin-top: 50px; position: relative; height: 730px; width: 960px; background-color: #0097DA;}
dl.appli_g{ margin-top: 50px; position: relative; height: 730px; width: 960px; background-color: #39A869;}
dl.appli_b dt.illust,dl.appli_g dt.illust{left: 20px; top: 10px; position: absolute;}
dl.appli_b dt.balloon,dl.appli_g dt.balloon{top: -10px; left: 150px; position: absolute;}
dl.appli_b dt.title,dl.appli_g dt.title{line-height: 1.3em; top: 0px; left: 200px; font-size: 24px; font-weight: bold; position: absolute;}
dl.appli_b dt.copy,dl.appli_g dt.copy{background-repeat: repeat-y; line-height: 1.3em; font-size: 16px; top: 100px; left: 180px; position: absolute; color: white;}
dl.appli_b ul.l_box,dl.appli_g ul.l_box{float: left; height: 530px; left: 16px; top: 175px; position: absolute; background-color: white; width: 460px;}
dl.appli_b ul.l_box li.title,dl.appli_g ul.l_box li.title{padding-left: 20px; line-height: 40px; font-size: 18px; color: white; background-color: black; height: 40px;}
dl.appli_b ul.l_box li.appli{}
dl.appli_b ul.l_box li.copy,dl.appli_g ul.l_box li.copy{ line-height: 1.5em; padding: 10px; font-size: 15px;}
dl.appli_b ul.r_box,dl.appli_g ul.r_box{float: left; height: 291px; right: 16px; top: 175px; position: absolute; background-color: white; width: 460px;}
dl.appli_b ul.r_box li.prd_title,dl.appli_g ul.r_box li.prd_title{padding-left: 20px; line-height: 40px; font-size: 18px; color: white; background-color: #9F9FA0; height: 40px;}
dl.appli_b ul.r_box li.prd_title span,dl.appli_g ul.r_box li.prd_title span{ padding-right: 5px; margin-left: 8px; padding-left: 5px; background-color: white; color: #9F9FA0; font-size: 16px; border-radius: 5px;}
dl.appli_b ul.r_box li.type,dl.appli_g ul.r_box li.type {font-size: 13px; font-weight: bold; padding-left: 10px; padding-top: 10px;} 
dl.appli_b ul.r_box li.series,dl.appli_g ul.r_box li.series {font-size: 18px; font-weight: bold; padding-left: 10px; padding-top: 5px;} 
dl.appli_b ul.r_box li.price,dl.appli_g ul.r_box li.price {padding-left: 10px; padding-top: 5px;} 
dl.appli_b ul.r_box li.price span,dl.appli_g ul.r_box li.price span  {font-size: 16px;}
dl.appli_b ul.r_box li.copy,dl.appli_g ul.r_box li.copy { padding-left: 10px; padding-top: 15px;}  
dl.appli_b ul.r_box li.copy p,dl.appli_g ul.r_box li.copy p { padding-left:1em; text-indent:-1em;} 
dl.appli_b ul.r_box li.link,dl.appli_g ul.r_box li.link{  padding-top: 10px;  padding-left: 10px;  } 
dl.appli_b ul.r_box li.link a,dl.appli_g ul.r_box li.link a{ text-align: center; width: 80px; display: block; text-decoration: none; padding: 5px; font-size: 12px; background-color: #7f7f7f; color: white; } 
dl.appli_b ul.r_box li.link a:hover,dl.appli_g ul.r_box li.link a:hover{ background-color: red; } 
dl.appli_b ul.r_box li.prd_img,dl.appli_g ul.r_box li.prd_img {padding-right: 10px; float: left; width: 160px;} 
dl.appli_b ul.r_box li.prd_ico,dl.appli_g ul.r_box li.prd_ico {padding-right: 10px; float: right; width: 160px;} 
dl.appli_b ul.r_b_box,dl.appli_g ul.r_b_box{float: left; height: 239px; right: 16px; top: 465px; position: absolute; background-color: white; width: 460px;}
dl.appli_b ul.r_b_box li.appli_title{padding-left: 20px; line-height: 40px; font-size: 18px; color: white; background-color: #0097DA; height: 40px;}
dl.appli_g ul.r_b_box li.appli_title{padding-left: 20px; line-height: 40px; font-size: 18px; color: white; background-color: #39A869; height: 40px;}
dl.appli_b ul.r_b_box li.img,dl.appli_g ul.r_b_box li.img{width: 250px; float: left;}
dl.appli_b ul.r_b_box li.title,dl.appli_g ul.r_b_box li.title{ padding-right: 10px; padding-left: 10px; padding-top: 10px; font-size: 14px; font-weight: bold; width: 190px; float: left;}
dl.appli_b ul.r_b_box li.copy,dl.appli_g ul.r_b_box li.copy{ padding-right: 10px; padding-left: 10px; padding-top: 10px; width: 190px; float: left;}
.series_box{height: 221px; float: left; width: 290px!important;}


dl.appli_gs{ margin-top: 50px; position: relative; height: 490px; width: 960px; background-color: #39A869;}
dl.appli_gs dt.illust{left: 20px; top: 10px; position: absolute;}
dl.appli_gs dt.balloon{top: -10px; left: 150px; position: absolute;}
dl.appli_gs dt.title{line-height: 1.3em; top: 0px; left: 200px; font-size: 24px; font-weight: bold; position: absolute;}
dl.appli_gs dt.copy{background-repeat: repeat-y; line-height: 1.3em; font-size: 16px; top: 100px; left: 180px; position: absolute; color: white;}
dl.appli_gs ul.l_box{float: left; height: 291px; left: 16px; top: 175px; position: absolute; background-color: white; width: 520px;}
dl.appli_gs ul.l_box li.title{padding-left: 20px; line-height: 40px; font-size: 18px; color: white; background-color: black; height: 40px;}
dl.appli_gs ul.l_box li.appli{float: left;}
dl.appli_gs ul.l_box li.copy{ line-height: 1.5em; padding: 5px; font-size: 15px; float: right; width: 160px;}
dl.appli_gs ul.r_box{float: left; height: 291px; right: 16px; top: 175px; position: absolute; background-color: white; width: 400px;}
dl.appli_gs ul.r_box li.prd_title{padding-left: 20px; line-height: 40px; font-size: 18px; color: white; background-color: #9F9FA0; height: 40px;}
dl.appli_gs ul.r_box li.prd_title span{ padding-right: 5px; margin-left: 8px; padding-left: 5px; background-color: white; color: #9F9FA0; font-size: 16px; border-radius: 5px;}
dl.appli_gs ul.r_box li.type {font-size: 13px; font-weight: bold; padding-left: 10px; padding-top: 10px;} 
dl.appli_gs ul.r_box li.series {font-size: 18px; font-weight: bold; padding-left: 10px; padding-top: 5px;} 
dl.appli_gs ul.r_box li.price {padding-left: 10px; padding-top: 5px;} 
dl.appli_gs ul.r_box li.price span  {font-size: 16px;}
dl.appli_gs ul.r_box li.copy { padding-left: 10px; padding-top: 15px;}  
dl.appli_gs ul.r_box li.copy p { padding-left:1em; text-indent:-1em;} 
dl.appli_gs ul.r_box li.a{  padding-top: 10px;  padding-left: 10px;  } 
dl.appli_gs ul.r_box li.link{  padding-top: 10px;  padding-left: 10px;  } 
dl.appli_gs ul.r_box li.link a{ text-align: center; width: 80px; display: block; text-decoration: none; padding: 5px; font-size: 12px; background-color: #7f7f7f; color: white; } 
dl.appli_gs ul.r_box li.link a:hover{ background-color: red; } 
dl.appli_gs ul.r_box li.prd_img {padding-right: 10px; float: left; width: 160px;} 
dl.appli_gs ul.r_box li.prd_ico {padding-right: 10px; float: right; width: 160px;} 
.series_boxs{height: 221px; float: left; width: 230px!important;}

/*----------------------------------
	フッタ
----------------------------------*/
#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; }