@charset "utf-8";
/*
created:17.06.01
*/

/*----------------------------------------------------------------*/
/* 共通 */
/*----------------------------------------------------------------*/
body {
	background:#f4f4f4;
    color: #444;
/*「transition」safariで文字が一瞬細くなるバグ用*/
    -webkit-font-smoothing: antialiased;
}

p {
	font-size:15px;
	font-size:1.6rem;
	margin:0 0 10px;
}

/*----------------------------------------------------------------*/
/* リンク */
/*----------------------------------------------------------------*/
a:link { text-decoration: underline; color:#000000;}
a:hover { text-decoration: none; color:#000000;}
a:visited { text-decoration: underline; color:#808000;}


/*----------------------------------------------------------------*/
/* レイアウト全体 */
/*----------------------------------------------------------------*/
#container {
	width:1200px;
	margin:0 auto;
	background:#fff;
}

.content-1col {
	padding:20px;
	clear:both;
}

/*----------------------------------------------------------------*/
/* ヘッダー */
/*----------------------------------------------------------------*/
#header2 {
	position:relative;
	height:0px;
	border-top:4px solid #44a0f3;
}

#header {
	position:relative;
	height:30px;
	border-top:4px solid #44a0f3;
}

h1 {
	position:absolute;
	top:10px;
	left:20px;	
}

#header-navi {
	position:absolute;
	top:20px;
	right:20px;
}

#header-navi li {
	float:left;
}

#header-navi li:first-child {
	margin-right:30px;
}

#header-navi li .fa {
	margin:10px 0 10px;
	font-size:15px;
	font-size:1.5rem;
}

#header-navi li:first-child .fa {
    font-size:16px;
	font-size:1.6rem;
}

#global-navi {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#global-navi li {
	float:left;
	display:block;
	text-align:center;
	font-weight:600;
	font-size:15px;
	font-size:1.5rem;
	border-right:1px solid #ccc;
	width:16%;
	box-sizing:border-box;
	line-height:45px;
}

#global-navi li:last-child {
	letter-spacing:-0.2rem;
	border-right:none;
	width:20%;
}

#global-navi li a {
	display:block;
    -moz-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
    -o-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition: 0.25s ease;
	border-bottom:2px solid #fff;
}

#header-navi li a:hover,
#header-navi li a.stay {
    color:#44a0f3;
}

#global-navi li a:hover,
#global-navi li a.stay {
    color:#44a0f3;
	border-bottom:2px solid	#44a0f3;
}

#header a:link { text-decoration: none; color:#444;}
#header a:hover { text-decoration: none; color:#444;}
#header a:visited { text-decoration: none; color:#444;}

#header a:link .fa { text-decoration: none; color:#44a0f3;}
#header a:hover .fa { text-decoration: none; color:#44a0f3;}
#header a:visited .fa { text-decoration: none; color:#44a0f3;}


/*----------------------------------------------------------------*/
/* メイン */
/*----------------------------------------------------------------*/
#introduction {
	height:230px;
	background:url(../img/introduction.jpg) top left no-repeat;
	margin:0 0 0px;
	position:relative;
}

#introduction h2 {
	position:absolute;
	top:30px;
	left:530px;
	font-size:20px;
	font-size:2.0rem;
	color:#eb6c1f;
}

#introduction p {
	position:absolute;
	width:450px;
	top:70px;
	left:520px;
	font-size:14px;
	font-size:1.4rem;
}

#content {
	float:center;
	margin:0 0 0 0px;
	width:1100px;
	padding:30px 50px;
}

#introduction2 {
	height:200px;
	background:url(../img/introduction.png) top left no-repeat;
	margin:0 0 0;
	position:relative;
}

#introduction2 h2 {
	position:absolute;
	top:80px;
	left:320px;
	font-size:20px;
	font-size:2.0rem;
	color:#eb6c1f;
}

#introduction2 p {
	position:absolute;
	width:600px;
	top:110px;
	left:200px;
	font-size:14px;
	font-size:1.4rem;
}

#content h2 {
	border:1px solid #ccc;
	border-left:3px solid #44a0f3;
	padding:5px 10px;
	font-size:18px;
	font-size:1.8rem;
	margin:0 0 10px;
}

/*--------------------------------------------*/	
/* パンくず */
/*--------------------------------------------*/
#breadcrumbs {
	margin:0 0 20px;
}

#breadcrumbs li {
	padding:5px 5px 5px 12px;
	line-height:2;
	float:left;
}

#breadcrumbs li::before {
    content: "";
    background: url(../img/breadcrumbs_arrow.gif) 0 0;
    display: inline-block;
    height: 33px;
    width: 7px;
    position: relative;
	top:2px;
	left:-7px;
}

#breadcrumbs li:first-child::before {
	background:none;
}

/*----------------------------------------------------------------*/
/* テーブル */
/*----------------------------------------------------------------*/
table {
    border-collapse:collapse;
    border-spacing:0;
    background-color:#fff;
	line-height:1.8em;
	clear:both;
	text-align: center
	width:1200px;
	padding:10px;
	margin-bottom:10px;
}

td {
    font-size:20pt;
    padding:0.2em;
    font-size:13px;
    word-break: break-all;
}

/*----------------------------------------------------------------*/
/* テーブル */ SUB
/*----------------------------------------------------------------*/
table.sub {
    border-collapse:collapse;
    border-spacing:0;
    background-color:#fff;
	line-height:1.8em;
	clear:both;
	text-align: center
	width:1200px;
	padding:10px;
	margin-bottom:10px;
}

table.sub td {
    font-size:20pt;
    padding:0.2em;
    font-size:15px;
    word-break: break-all;
}

/*--------------------------------------------*/
/* お知らせ */
/*--------------------------------------------*/
#news {
	margin:0 0 40px;
}

#news dl {
	margin:0 15px;
}

#news dt {
    float:left;
    clear:left;
    width:100px;
	font-weight:600;
    color:#44a0f3;
	margin:0 20px 0 0;
	font-size:14px;
	font-size:1.4rem;	
}

#news dd {
    float:left;
    width:620px;
	margin:0 0 10px;
	font-size:15px;
	font-size:1.5rem;	
}

#news dd:last-child {
	margin:0;	
}

/*--------------------------------------------*/
/* お知らせ2 */
/*--------------------------------------------*/
#news2 {
	margin:0 0 15px;
}

#news2 dl {
	margin:0 15px;
}

#news2 dt {
    float:left;
    clear:left;
    width:100px;
	font-weight:600;
    color:#44a0f3;
	margin:0 15px 0 0;
	font-size:12px;
	font-size:1.4rem;	
}

#news2 dd {
    float:left;
    width:620px;
	margin:0 0 15px;
	font-size:15px;
	font-size:1.5rem;	
}

#news2 dd:last-child {
	margin:0;	
}

/*--------------------------------------------*/
/* 各種レポート */
/*--------------------------------------------*/
.report {
	clear:both;
	border:2px solid ;
	margin:0 0 10px;
	padding:12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position:relative;
}

#content .report h2 {
	border:none;
	padding:0;
}

#content .report.eating h2 {
	color:#1f4886;
}
#content .report.mano h2 {
	color:#197b45;
}
#content .report.seminar h2 {
	color:#e5743c;
}

.report.eating {
	border-color:#1f4886;
	background:#e8edf5;
}
.report.mano {
	border-color:#197b45;
	background:#edf9f3;
}
.report.seminar {
	border-color:#e5743c;
	background:#fbf4f1;
}

.update {
	position:absolute;
	top:14px;
	right:14px;
	font-size:14px;
	font-size:1.4rem;
}

/*----------------------------------------------------------------*/
/* 食形態 */
/*----------------------------------------------------------------*/
#foods {
width: 400px;
 float: left;
 font-size: 12pt;
 line-height: 30px;
 font-weight: bold;
 border-bottom: 2px solid #df8a3d;
}

/*----------------------------------------------------------------*/
/* ナビゲーション　フッタ */
/*----------------------------------------------------------------*/
#Container #Footer .FooterNav {
	width: 1200px;
	float: center;
	clear: both;
	font-size:10px;
	position:relative;
	color: #000;
	padding:10px 0;
    }

/*----------------------------------------------------------------*/
/* フッター */
/*----------------------------------------------------------------*/
#footer {
	clear:both;
	border-top:1px solid #000;
	text-align:center;
	padding:10px 10px;
}

.copyright {
	font-size:12.5px;
	font-size:1.25rem;
}

/* ページの先頭へ */
p.pagetop {
	display:none;
	margin:0;
	padding:0;
}

.pagetop a {
	position: fixed;
	bottom:21px;
	right:21px;
	line-height:1;
    color:#fff;
	font-size:21px;
	font-size:2.1rem;
	display:block;
	
    -moz-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
    -o-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition: 0.25s ease;
	
	background:#44a0f3;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.pagetop a:hover {
	background:#f3b57e;	
}

/* EOF */