/* */
html, body {
margin:0;
padding:0;
overflow-x:hidden;
font-size:15px;
}
/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, img, form {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
text-align: left;
list-style-type: none;
}
/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }
/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; border: 0; }
body{
background-image: url(./images/common/bgImg.png);
font-family: "ＭＳ Ｐゴシック";
overflow-y:hidden; /* for thickbox */
}
body .popUpHTML{
background:none;
background-color:#FFFFFF;
}
.wrap{ width:900px; margin:10px auto; }
.clear {
clear: both;
line-height: 0;
font-size: 0;
margin: 0;
padding: 0;
}
/*
***********************************************************************************************
float関連
***********************************************************************************************
*/
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* ----------------------------------------------------------------------------- */
#main { margin: 0 auto; position: relative; }
/* ヘッダーフレーム */
#headerFrame {
background-image:url(./images/common/frameHeadImg.png);
background-repeat:no-repeat;
width:940px; margin:0 auto;
margin-top:22px;
height:8px;
}
/* メインコンテンツ */
#main_contents {
background-image:url(./images/common/frameContetnsImg.png);
width:940px;
margin: 0 auto;
margin-bottom: 18px;
line-height: 1.4;
}
/* ヘッダーエリア */
#headerArea { padding:20px;}
#logo{ float:left; margin-right:20px; }
#siteTitle{ float:left; margin-right:80px; }
#charaImg { float:left; margin-right:20px; }
#headMenu { float:right; margin-right:20px; background-image:url(./images/common/headMenuBg.jpg); background-repeat:no-repeat; padding:10px; margin-top:10px; width:313px; height:21px; }
.headSubMenu{ float:left; margin-right:15px; }
/* グローバルナビエリア */
#gNavi{
margin:10px 20px;
background-image:url(./images/common/gnavi/gMenuBg.png);
background-repeat:no-repeat;
width:900; height:54px;
}
#jsddm{
margin: 0;
padding: 0;
background-image:url(./images/common/gnavi/gMenuBg.png);
}
#jsddm li{
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a{
display: block;
padding:6px 2px 5px 2px;
width: auto;
color: #EAFFED;
white-space: nowrap;
text-decoration:none;
}
#jsddm li a:hover{
}
#jsddm li ul{
margin: 12px 0 0 5px;
padding: 0;
position: absolute;
visibility: hidden;
}
#jsddm li ul li{
float: none;
display: inline;
}
#jsddm li ul li a{
width: auto;
background: #FFFFFF;
padding:5px;
color: #24313C;
}
#jsddm li ul li a:hover{
/*
background: #FED7A3;
*/
color:#FD9F20;
}
#jsddm li ul li a{
padding-left:25px;
padding-top:10px;
padding-right:20px;
height:26px;
background-image:url(./images/common/gnavi/gMenuSubBg.png);
}
/* パンくずエリア */
#pankuzu{ margin:5px 0 5px 25px; font-size:0.8em;}
/* フッターエリア */
#footer { margin-top:10px; margin-left:1px; background-image:url(./images/common/footerBgImg.jpg); width:937px; height:139px; }
#footer #footAddress{ float:left; color:#FFFFFF; font-size:0.79em; font-weight:bold; padding:50px 0px 0px 320px; }
#footer #footMail{ float:right; color:#FFFFFF; font-size:0.9em; font-weight:bold; padding-right:50px; padding-top:35px; }
#footer #footMail a{ text-decoration:none; color:#FFFFFF; }
#footer #footCopy{ float:right; font-size:0.9em; padding-right:25px; }
/* メインイメージ */
#mainImg { width:900px; margin:0 auto; }
/* 共通 */
h1{}
h2{
width:620px;
background-image:url(./images/common/h2Img.jpg);
background-repeat:no-repeat;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
height:40px;
padding:8px 0 8px 40px;
}
h3{
width:620px;
border-left:4px solid #FC9815;
border-bottom:1px solid #FC9815;
color:#FC9815;
font-size:1.1em;
font-weight:bold;
padding-left:10px;
margin:10px 0px;
}
h4{
width:620px;
background-image:url(./images/common/h4Img.jpg);
background-repeat:no-repeat;
font-size:1.0em;
font-weight:bold;
color:#FC9815;
height:30px;
padding:6px 0 2px 40px;
}
#content{ width:655px; padding:20px; float:left;}
.sentence{
padding:0 10px;
line-height:1.5;
font-size:0.9em;
margin-bottom:10px;
background-color:#FFFFFF;
}
#sideMenu{
float:left;
width:223px;
padding-top:20px;
}
.subMenuItem{
background-image:url(./images/common/subMenuItem.jpg);
width:223px;
background-repeat:no-repeat;
padding-left:33px;
padding-top:10px;
font-size:0.9em;
padding-bottom:5px;
}
.subMenuItem a {
text-decoration:none;
}
.subMenuLine{
background-image:url(./images/common/subMenuLine.jpg);
width:223px;
height:1px;
}
.bnr, #sideMenuRental, #sideMenuProf{ margin:10px 0;}
/* ポップアップ */
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 10px;
border: 10px solid #ddd;
float: left;
font-size: 1.1em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }
.popDisc{ font-size:0.9em; font-weight:bold; border-top:1px dotted #FC950E; margin:5px 0 1px; padding:5px 5px 0;}
/* ホーム */
#homeContents{width:900px; margin:0 auto; margin-top:10px; }
/* ホーム 会報 */
#kaiho{width:559px; float:left;}
#kaihoText{ text-align:center; color:#FFFFFF; background-image:url(./images/top/kaihoTextBg.jpg); font-size:0.9em; }
#kaihoMain{ background-image:url(./images/top/kaihoMain.png); height:267px; }
#kaihoLeftArea{ float:left; width:345px; }
#kaihoImg{ margin-top:18px; margin-left:21px; width:309px; height:224px; }
#kaihoRightArea{ width:214px; float:left; }
#kaihoHakkouDay{ margin-top:35px; margin-left:54px; width:95px; font-size:12.5px; font-weight:bold; color:#FFFFFF; text-align:center; }
#kaihoHakkouNum{ margin-top:10px; margin-left:20px; }
#kaihoPDFDL{ margin-top:13px; margin-left:19px; }
#kaihoBackNum{ margin-top:13px; margin-left:19px; }
/* ホーム 新着情報・お知らせ */
#topInfoArea{float:right; width:316px;}
.infoDay{padding-left:5px; padding-top:7px; color:#FCC31C; font-size:0.85em;}
.infoComment{padding-bottom:10px; padding-left:5px; border-bottom:1px dotted #F9C621; font-size:0.9em;}
/* ホーム アイデアメニュー */
#homeIdeaMenu{ float:left; padding-top:10px; width:559px; }
#ideaContents{ background-image:url(./images/top/ideaBg.png); width:559px; padding-top:15px; padding-bottom:0px; }
.ideaMenu{ float:left; padding-left:20px; margin-top:10px; width:280px;}
.ideaMenu img { float:left; margin-right:5px; margin-bottom:12px; }
.ideaMenu .ideaMenuText { float:left; font-size:0.9em; }
.topIdeaMenuImg{width:89px; padding-left:9px; }
.topIdeaMenu{font-size:0.85em; vertical-align:top; margin-right:5px; width:180px;}
#topIdeaMenuLine{ background:url(./images/top/ideaMenuLine.jpg) repeat-y; width:2px; }
#ideaFoot{ margin-top:8px; padding-top:0px;}
/* ホーム バナーエリア */
#topBnrArea{ float:left; margin-top:10px; padding-left:22px; width:319px;}
#bnrLibrary{ margin-bottom:10px;}
#bnrFood{float:left; margin-right:9px;}
#bnrRecruit{float:left;}
/* ホーム 豆知識 */
#homeMame{ float:left; width:223px; margin-top:10px; margin-right:22px; }
#mameConArea{ background-image:url(./images/top/mameBg.png); background-repeat:repeat-y; }
.mameContents{ padding:9px 10px; font-size:0.9em; }
.mameInfo{ font-size:0.9em; }
.mameLine{ background-image:url(./images/top/mameLineImg.png); background-repeat:repeat-x; height:1px; margin:0px 10px;}
/* ホーム 貸出しについて */
#homeRent{ float:left; width:314px; margin-top:10px; margin-right:22px; }
#rentConArea{ background-color:#FFCC66; padding-bottom:0px; }
.rentContents{ padding:3px 10px 0px 10px; margin-bottom:2px; }
#rentFoot{ padding-top:0px;}
/* ホーム プロフィール */
#prof{ float:left; width:319px; margin-top:10px; background-image:url(./images/top/profBgImg.jpg); height:275px; }
#profArea{ background-color:#FFFFFF; margin:57px 13px 0px 13px; width:294px; height:75px;}
#profArea img, #eventArea img { padding-top:1px; padding-left:1px;}
#eventArea{ background-color:#FFFFFF; margin:55px 13px 0px 13px; width:294px; height:75px;}
/* アイデアメニュー----------------------------------------------------------- */
/* プロフィール */
#historyTable td{
vertical-align:top;
padding:5px;
border:1px dotted #F9C621;
border-collapse: separate;
}
#historyTable{
border: none;
}
/* 食品豆知識----------------------------------------------------------- */
#mameTable td{
vertical-align:top;
padding:3px 0 3px 10px;
border:1px solid #F9C621;
border-collapse: separate;
font-size:0.9em;
border-collapse:collapse;
}
#mameTable{
border: none;
border-collapse:collapse;
}
/* ポップアップ内コンテンツ */
.popup_block .mameContents{ width:500px; margin:auto; }
.popup_block .mameMidashi{}
.popup_block .mameAuthor{ font-size:1.0em; margin-bottom:10px;}
.popup_block .mameChishiki{ font-size:0.8em; margin-bottom:10px; line-height:1.4;
height:300px;
overflow:auto;
scrollbar-arrow-color:#0860A8;
scrollbar-3dlight-color:#0860A8;
scrollbar-darkshadow-color:#0860A8;
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}
.popup_block .mameChishiki .mameMidashi{ font-size:1.1em; color:#A92549; font-weight:bold;}
.popup_block .mameChishiki ul li { list-style-type:circle; margin-left:20px;}
.popup_block .mameChishiki ol li { list-style-type:decimal; margin-left:20px;}
.popup_block .kaihoDate{ text-align:right; color:#990033;}
/**アイディアメニュー----------------------------------------------------------- */
.ideaArea{
float:left;
width:300px;
margin:10px 5px 20px 10px;
padding-bottom:10px;
border-bottom:1px dotted #FC9815;
text-align:left;
}
.ideaThumbImg{
border:1px solid #FC9815;
float:left;
width:68px;
margin-left:10px;
margin-bottom:15px;
}
.material { text-align:left; margin-bottom:5px; padding-top:2px;}
.material span{
border:1px solid #EC8A07;
padding:3px 10px;
color:#EC8A07;
font-size:0.8em;
width:auto;
}
.ideaTitle span { font-size:0.9em;}
.ideaKaiho{ font-size:0.85em;}
.ideaSTitle{ margin:20px 0;}
.ideaTitle{ font-weight:bold; font-size:0.85em}
/* ポップアップ内コンテンツ */
.popup_block .foodContents { padding:0px; background-color:#FFFFFF; }
.popup_block .foodTitle{ background-color:#FC9917; padding:10px 10px 10px 20px; font-size:1.2em; color:#FFFFFF; font-weight:bold; margin-bottom:10px; _zoom:1; }
.popup_block .subTitle { color:#FC9917; float:left; font-weight:bold; }
.popup_block .author{ float:right; font-weight:bold; }
.popup_block .foodMainContent{
margin-top:10px;
clear:both;
overflow:scroll;
overflow-x:hidden;
overflow-y:scroll;
height:350px;
}
.popup_block .foodImg{ float:left; margin-right:10px; vertical-align:top; padding-top:10px; }
.popup_block .foodDisc{ float:left; padding-top:10px; font-size:0.8em; width:260px;}
.popup_block .kaihoNo{ margin-top:5px; float:right; font-weight:bold; }
.popup_block .ingredient{ clear:both; width:494px; margin-top:10px; padding:5px; background-color:#E9F2FC; border:2px solid #4597E9; font-size:0.8em; }
.popup_block .ingTitle{ text-align:center; margin-bottom:5px; }
.popup_block .ing1,.popup_block .ing2 { width:227px; padding-left:10px; padding-right:5px;}
.popup_block .ing1 span,.popup_block .ing2 span{ float:right;}
.popup_block .lineTate{ width:13px; background-image:url(./images/food/idea/lineTateImg.png); }
.popup_block .ingredient table td { font-size:0.8em; }
.popup_block .cooking{ width:494px; margin-top:10px; padding:5px; background-color:#FFF4E6; border:2px solid #FC9917; font-size:0.8em; }
.popup_block .cookTitle{ text-align:center; margin-bottom:5px; }
.popup_block .cookMethod ol li{ margin-left:30px; list-style:decimal; }
.popup_block .ingredient td{ vertical-align:top;}
/* 給食会報----------------------------------------------------------- */
#kaihoList th{ text-align:left; padding-top:15px;}
#kaihoList td{ padding:5px; }
/* 財務諸表----------------------------------------------------------- */
#zaimu td{ border-bottom:1px dotted #F9C621;}
/* イベント・食育情報----------------------------------------------------------- */
/* 年間行事予定表 */
#eventTable td{
padding:3px;
border:1px solid #F9C621;
border-collapse: separate;
font-size:0.9em;
border-collapse:collapse;
}
#eventTable{
border: none;
border-collapse:collapse;
}
/* 食品検査情報----------------------------------------------------------- */
#quality_list{
margin-left:20px;
}
#quality_list li{
list-style:circle;
}#quaTable td{
vertical-align:top;
padding:3px;
border:1px solid #F9C621;
border-collapse: separate;
font-size:0.9em;
border-collapse:collapse;
}
#quaTable{
border: none;
border-collapse:collapse;
}
.qt-td01{width:39px;}
.qt-td02{width:312.5px;}
.qt-td03{width:113.5px;}
.qt-td04{width:66.5px;}
.qt-td01,.qt-td02,.qt-td03,.qt-td04,.qt-td05{text-align:center;}
/* ポップアップ内コンテンツ */
.popup_block .quaContent{ padding:0px; background-color:#FFFFFF; }
.popup_block .quaTitle{ background-color:#FC9917; padding:10px 10px 10px 10px; font-size:1.2em; color:#FFFFFF; font-weight:bold; margin-bottom:10px; }
.popup_block .quaImg{ float:left; margin-right:10px; width:154px; }
.popup_block .quaDisc{ float:left; font-size:0.8em; width:220px;}
.popup_block .quaDisc th{ font-size:1.0em; vertical-align:top;}
.popup_block .quaDisc td{ font-size:0.9em; vertical-align:top; line-height:1.4; padding:5px;}
/* お知らせ・依頼情報----------------------------------------------------------- */
.subMenuItem #infoMenu01 li {
list-style-type:circle;
font-size:0.9em;
}
#videoTable{
border: none;
border-collapse:collapse;
width:615px;
}
#videoTable td{
vertical-align:top;
padding:3px;
border:1px solid #F9C621;
border-collapse: separate;
font-size:1em;
border-collapse:collapse;
}
.video-td01{width:44px; text-align:right;}
.video-td02{width:353.5px;}
.video-td03{width:71px;}
.video-td04{width:43.5px;}
.video-td03,.video-td04,.video-td05{text-align:center;}
/* 年代別レプリカ----------------------------------------------------------- */
#repListArea{
width:615px;
text-align:center;
}
#repTable{
border: none;
border-collapse:collapse;
width:615px;
}
#repTable td{
vertical-align:top;
padding:3px;
border:1px solid #F9C621;
border-collapse: separate;
font-size:1em;
border-collapse:collapse;
}
.rep-td01{width:44px; text-align:right;}
.rep-td02{width:263.5px;}
.rep-td03{width:211.5px;}
.rep-td04{}
.rep-td01,.rep-td03,.rep-td04{text-align:center;}
/* かみしばい----------------------------------------------------------- */
.picStArea{
float:left;
width:300px;
margin:10px 5px 20px 10px;
padding-bottom:10px;
border-bottom:1px dotted #FC9815;
}
.picStSeTitle{
margin:5px 0;
}
.picThumbImg{
border:1px solid #FC9815;
float:left;
width:68px;
margin-left:10px;
}
.conArea{ margin-left:10px; float:left; width:210px;}
.picStTitle{ font-weight:bold; width:320px;}
.targetAge{ font-size:0.85em;}
/* エプロンシアター----------------------------------------------------------- */
.apronArea{
float:left;
width:300px;
margin:10px 5px 20px 10px;
padding-bottom:10px;
border-bottom:1px dotted #FC9815;
}
.apronThumbImg{
border:1px solid #FC9815;
float:left;
width:68px;
margin-left:10px;
}
.apronTitle{ font-weight:bold;}
/* ポップアップ内コンテンツ */
.popup_block .apronArea{ margin:0px; padding:0px; background-color:#FFFFFF; float:none; width:auto; border-bottom:none; }
.popup_block .apronTilte{ background-color:#F9C621; color:#FFFFFF; font-size:1.0em; font-weight:bold; padding:5px; margin-bottom:10px; _zoom:1; }
.popup_block .apronImg{ float:left; width:148px; margin:10px; }
.popup_block .apronCon{ float:left; font-size:0.9em; margin:10px; line-height:1.4; }
.popup_block .apronDisc{ margin-left:10px; font-size:0.9em; }
/* その他の食育教材----------------------------------------------------------- */
.othersArea{
float:left;
width:300px;
margin:10px 5px 20px 10px;
padding-bottom:10px;
border-bottom:1px dotted #FC9815;
}
.othersThumbImg{
border:1px solid #FC9815;
float:left;
width:68px;
margin-left:10px;
}
.othersTitle{ font-weight:bold;}
/* ポップアップ内コンテンツ */
.popup_block .othersArea{ margin:0px; padding:0px; background-color:#FFFFFF; float:none; width:auto; border-bottom:none; }
.popup_block .othersTilte{ background-color:#F9C621; color:#FFFFFF; font-size:1.0em; font-weight:bold; padding:5px; margin-bottom:10px; _zoom:1; }
.popup_block .othersImg{ float:left; width:148px; margin:10px; }
.popup_block .othersCon{ float:left; font-size:0.9em; margin:10px; line-height:1.4; }
.popup_block .othersDisc{ margin-left:10px; font-size:0.9em; }
/* 書籍・ＤＶＤ----------------------------------------------------------- */
.bookArea{
float:left;
width:300px;
margin:10px 5px 20px 10px;
padding-bottom:10px;
border-bottom:1px dotted #FC9815;
}
.bookThumbImg{
border:1px solid #FC9815;
float:left;
width:68px;
margin-left:10px;
}
.bookSTitle{ margin:20px 0;}
.bookTitle{ font-weight:bold; font-size:0.85em}
.popup_block .bookArea{ border:1px solid #F9C621; padding:5px; background-color:#FFFFFF; width:500px; }
.popup_block .bookTilte{ background-color:#F9C621; color:#FFFFFF; font-size:1.0em; font-weight:bold; padding:5px; margin-bottom:10px; }
.popup_block .bookImg{ float:left; width:148px; margin:10px; }
.popup_block .bookCon{ float:left; font-size:0.9em; margin:10px; line-height:1.4; }
.popup_block .bookDisc{ margin-left:10px; font-size:0.9em; }
/* サイトマップ----------------------------------------------------------- */
#siteMapArea { margin:10px; width:620px;}
#siteMapArea h3{ width:600px;}
#siteMapArea h3 img{ margin:5px; }
#siteMapArea ul{ margin-left:20px; width:580px;}
#siteMapArea ul li{ font-size:0.9em; padding:3px 5px; border-bottom:1px dashed #CCCCCC;}
/*------------------------------
FIXED
------------------------------*/
#goPageTop {
position: fixed;
right: 20px;
bottom:20px;
_position: absolute;
_behavior: expression( (function( el ) {
if (typeof document.body.style.maxHeight != "undefined") {
// IE 7 mozilla safari opera 9
} else {
// IE6 | older browsers
el.style.top = document.body.clientHeight - 154;
}
})( this ));
}
/*------------------------------
FIXED end
------------------------------*/
/* ホーム 新着情報・お知らせに追加 */
#infoOshirase_waku{
border-bottom:2px solid #F7C524;
}
.infoOshirase{
padding:4px 2px 4px 5px;
border-bottom:1px solid #F7C524;
font-size:0.9em;
}
.infoOshirase a{
}
.infoOshirase a:hover{
}