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

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

	トップページ
	#home

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

/*----------------------------------
	ヘッダ #header
----------------------------------*/
#top_header {height: 800px; position: relative; width: 960px; margin:0 auto; }
#top_header dl.top_header_link {margin:0 auto; }
#top_header dl.top_header_link dt.logo{left: 0px; top: 10px; position: absolute;}
#top_header dl.top_header_link dt.bg{position: relative; width: 960px; height: 167px; background: url("../img/top/roll_to_roll_tbg.jpg"); background-repeat: no-repeat; }
#top_header dl.top_header_link dt.bg p{line-height: 1.5em; color: #666666; font-size: 38px; font-weight: bold; left: 230px; top: 40px; position: absolute;}
#top_header dl.top_header_link dt.bg p span{color: black; font-size: 45px; font-weight: bold;}
#top_header dl.top_header_link dt.g_bg{ position: relative; width: 960px; height: 85px; background: url("../img/top/roll_to_roll_mbg.jpg"); background-repeat: no-repeat; }
#top_header dl.top_header_link dt.g_bg p{ text-align: left; line-height: 1.5em; font-size: 19px; font-weight: bold; left: 30px; top: 20px; position: absolute; }
#top_header dl.top_header_link ul li{ float: left; margin:0 auto; }
#top_header dl.top_header_link ul li img{ vertical-align:bottom;  }
#top_header dl.top_header_link dt.main{ margin:0 auto; }
#top_header dl.top_header_link dt.b_bg p{text-align: left; line-height: 1.5em; font-size: 32px; font-weight: bold; left: 290px; top: 330px; position: absolute; z-index: 100;}
#top_header dl.top_header_link dt.m_bg p{border-color: #7f7f7f; border-width: 1px; border-style: solid; left: 60px; top: 600px; position: absolute;}
#top_header dl.top_header_link dt.c_bg p{text-align: left; line-height: 1.5em; font-size: 14px; left: 330px; top: 720px; 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 )";	
	}
dl.appli{padding-bottom: 20px; padding-top: 20px;}
dl.appli dt.title1{position: relative; width: 960px; height: 53px; background: url("../img/top/roll_to_roll_t_01.jpg"); background-repeat: no-repeat; }
dl.appli dt.title2{position: relative; width: 960px; height: 53px; background: url("../img/top/roll_to_roll_t_04.jpg"); background-repeat: no-repeat; }
dl.appli dt.title3{position: relative; width: 960px; height: 53px; background: url("../img/top/roll_to_roll_t_03.jpg"); background-repeat: no-repeat; }
dl.appli dt.title4{position: relative; width: 960px; height: 53px; background: url("../img/top/roll_to_roll_t_02.jpg"); background-repeat: no-repeat; }
dl.appli dt.title5{position: relative; width: 960px; height: 53px; background: url("../img/top/roll_to_roll_t_05.jpg"); background-repeat: no-repeat; }
dl.appli dt.title1 p,dl.appli dt.title2 p,dl.appli dt.title3 p,dl.appli dt.title4 p,dl.appli dt.title5 p{ text-align: left; line-height: 1.5em; font-size: 18px; font-weight: bold; left: 240px; top: 12px; position: absolute; }
dl.appli dd{ padding-bottom: 10px; padding-top: 20px; text-align: left; line-height: 1.5em; font-size: 22px; font-weight: bold;}
dl.appli dd.copy{ padding-bottom: 20px; padding-top: 10px; text-align: left; line-height: 1.5em; font-size: 15px; font-style: normal; font-weight: normal;}
dl.appli ul li { padding-bottom: 20px; padding-top: 20px; padding-right: 40px; width: 460px; float: left; }
dl.appli ul li:nth-child(2n) { padding-right: 0px; width: 450px; float: left; }
dl.appli ul li dt.title{ padding-bottom: 8px; font-size: 18px; font-weight: bold; }
dl.appli ul li dt.title p{ font-size: 14px;}
dl.appli ul li dt.cap{ font-size: 15px; padding-top: 8px; line-height: 1.5em;  }
dl.appli ul li dl.prdlink{float: right;}
dl.appli ul li dl.prdlink dt.prdt{ margin-top: 20px; width: 250px; text-align: center; padding: 5px; background-color: #7f7f7f; color: white; font-size: 14px; }
dl.appli ul li dl.prdlink dt.prds1{ width: 250px; text-align: center; padding: 5px; background-color: #F39700; color: white; font-size: 14px; }
dl.appli ul li dl.prdlink dt.prds2{ width: 250px; text-align: center; padding: 5px; background-color: #00B3ED; color: white; font-size: 14px; }
dl.appli ul li dl.prdlink dt.prds3{ width: 250px; text-align: center; padding: 5px; background-color: #8EC31E; color: white; font-size: 14px; }
dl.appli ul li dl.prdlink dt.prds4{ width: 250px; text-align: center; padding: 5px; background-color: #B8579D; color: white; font-size: 14px; }
dl.appli ul li a:hover dl.prdlink dt.prds1,dl.appli ul li a:hover dl.prdlink dt.prds2,dl.appli ul li a:hover dl.prdlink dt.prds3,dl.appli ul li a:hover dl.prdlink dt.prds4{ text-decoration: underline; }
dl.movieT{margin-top: 20px; margin-bottom: 20px; position: relative; height: 40px; width: 960px; background-color: #dddddd;}
dl.movieT dt{line-height: 40px; padding-right: 20px; padding-left: 20px; color: white; height: 40px; font-size: 18px; font-weight: bold; background-color: black; left: 0px; top: 0px; position: absolute;}
dl.movieT dd{line-height: 34px; font-size: 18px; font-weight: bold; left: 100px; top: 5px; position: absolute;}


/*----------------------------------
	トップページ
----------------------------------*/
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; }*/
#top_wrap { background: #fff; }
#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;}*/

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


.new-ico{margin-left: 8px; font-size: 80%; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; background-color: red; color: white; font-weight: bold;}