@charset "utf-8";
/* CSS Document */

/*==========================================================

  ■NAASH 国立スポーツ科学センター

  ■/jhsc/Portals/0/css/contents.css

==========================================================*/

/* ---------------------------------------------------------
共通
--------------------------------------------------------- */
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.bold { font-weight:bold;}

.alignCenter {text-align:center;}
.panelWhite1col td > div{width:680px;padding:0 15px 10px 15px;}
a.imgTransp:hover img,
.imgTransp a:hover img{opacity:0.8;}

/* from base.css */
/* --------------------------------------------------
	layout
-------------------------------------------------- */
.layoutItem{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;width:100%;margin:0 0 1em;padding:0;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}

/* ul + layoutItem
------------------------------ */
ul.layoutItem li{margin-bottom:1rem;}

/* img in layoutItem
------------------------------ */
.layoutItem img{max-width:100%;vertical-align:bottom;}

/* flex
------------------------------ */
/* wraped */
.layoutItem.nowraped{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.layoutItem.nowraped > *{flex:1 0 0%;}
/* flex-direction */
.layoutItem.reRowed{flex-direction:row-reverse;}
.layoutItem.columned{flex-direction:column;}
.layoutItem.reColumned{flex-direction:column-reverse;}
/* align-items */
.layoutItem.bottomed{-webkit-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;}
.layoutItem.middled{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layoutItem.baselined{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.layoutItem.stretched{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
/* justify-content */
.layoutItem.lefted{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-moz-justify-content:flex-start;}
.layoutItem.righted{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
.layoutItem.centered{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.layoutItem.betweened{justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;}
/* shrink */
.layoutItem.retentioned{flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;-moz-flex-shrink:0;}
/* basis */
.layoutItem.basised > *{flex-basis:100%;}

/* column
------------------------------ */
.layoutItem.col2,
.layoutItem.col3,
.layoutItem.col4,
.layoutItem.col5,
.layoutItem.col6,
.layoutItem.col7,
.layoutItem.col8{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutItem.col2 > *{width:49%;}
.layoutItem.col3 > *{width:32%;}
.layoutItem.col4 > *{width:23.5%;}
.layoutItem.col5 > *{width:18.4%;}
.layoutItem.col6 > *{width:15%;}
.layoutItem.col7 > *{width:12.57%;}
.layoutItem.col8 > *{width:10.75%;}
.layoutItem.col2 > *,
.layoutItem.col3 > *,
.layoutItem.col4 > *,
.layoutItem.col5 > *,
.layoutItem.col6 > *,
.layoutItem.col7 > *,
.layoutItem.col8 > *{float:none;margin-right:2%;margin-bottom:1rem;}
.layoutItem.col2 > *:nth-child(2n),
.layoutItem.col3 > *:nth-child(3n),
.layoutItem.col4 > *:nth-child(4n),
.layoutItem.col5 > *:nth-child(5n),
.layoutItem.col6 > *:nth-child(6n),
.layoutItem.col7 > *:nth-child(7n),
.layoutItem.col8 > *:nth-child(8n){margin-right:0 !important;}

/* thumbnail
------------------------------ */
.layoutItem.firstitemlefted,
.layoutItem.firstitemrighted{display:block;}
.layoutItem.firstitemlefted:after,
.layoutItem.firstitemrighted:after{content:"";display:block;clear:both;}
.layoutItem.firstitemlefted > *,
.layoutItem.firstitemrighted > *{display:block;overflow:hidden;width:auto;}
.layoutItem.firstitemlefted > *:first-child{float:left;margin-right:2%;}
.layoutItem.firstitemrighted > *:first-child{float:right;margin-left:2%;}
.layoutItem.firstitemlefted.wraparound > *,
.layoutItem.firstitemrighted.wraparound > *{overflow:visible;}

/* inline
------------------------------ */
.layoutItem.inlined{display:block;}
.layoutItem.inlined > *{display:inline-block;margin-right:1rem;vertical-align:top;}

/* table
------------------------------ */
.layoutItem.tabled{display:table;width:100%;table-layout:fixed;}
.layoutItem.tabled > *{display:table-cell;vertical-align:middle;}
.layoutItem.tabled.alignTop > *{vertical-align:top;}
.layoutItem.tabled.alignBaseline > *{vertical-align:baseline;}
.layoutItem.tabled.alignBottom > *{vertical-align:bottom;}

/* imgFloat
------------------------------ */
img.ImageFloatRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.ImageFloatLeft{display:inline-block;float:left;margin:0 20px 20px 0;}




/* ---------------------------------------------------------
トップ
--------------------------------------------------------- */
.layoutItem.indexLinkBox{max-width:710px;}
.layoutItem.indexLinkBox .boxGrayline{width:100%;border-radius:4px;}
.layoutItem.indexLinkBox .boxGrayline td:nth-child(1){width:100px;vertical-align:top;}
.layoutItem.indexLinkBox .boxGrayline p{margin:0.5em 0 0;text-align:justify;}

/* ---------------------------------------------------------
tab293 - High Performance Sport Newsletter：過去履歴
--------------------------------------------------------- */
.layoutItem.newsLetter{max-width:710px;}
.layoutItem.newsLetter .boxGrayline{height:100%;border-radius:4px;}
.layoutItem.newsLetter .boxGrayline td{vertical-align:top;}
.layoutItem.newsLetter .boxGrayline td:first-child{width:90px;}
.layoutItem.newsLetter .boxGrayline td img{width:80px;}
.layoutItem.newsLetter .boxGrayline ol{margin:0 0 1em 1.5em;}

/* ---------------------------------------------------------
tab300 - 事業紹介
--------------------------------------------------------- */
#skin1column .panelWhite2col{width:960px;}
#skin1column .ContentPane .panelWhite2col h2{position:relative;margin:0 0 10px 0;padding:10px 15px;background:url(../Skins/HPSC/images/common/frame1Head.gif) no-repeat 0 0;background-size:98%;}
#skin1column .ContentPane .panelWhite2col h2:after{top:auto;width:97.2%;background:none;}
#skin1column .panelWhite2col td{width:480px;background:url(../Skins/HPSC/images/common/frame2Body_480.gif) no-repeat 0 bottom;}
#skin1column .panelWhite2col p{width:438px;}
#skin1column .panelWhite2col p img{max-width:100%;}

/* ---------------------------------------------------------
tab381 - JISS（国立スポーツ科学センター）
--------------------------------------------------------- */
.layoutItem.divBoxGrayline {max-width: 960px;}
.layoutItem.divBoxGrayline > div{padding:10px;border:1px solid #c2c2c2;border-radius:5px;box-sizing:border-box;}
.layoutItem.divBoxGrayline > div a{display:block;}
.divBoxGrayline.facility a div:first-child{text-align:center;}
.divBoxGrayline.facility img{max-height:105px;}
.divBoxGrayline.facility a span{display:block;padding-top:0.5em;font-size:89.28%;text-align:center;}

/* ---------------------------------------------------------
tab715 - NEW STYLE with HPSC
--------------------------------------------------------- */
.accordionMotion {margin-bottom: 1em;}
.accordionMotion .accordionBtn{position:relative;margin:0 0 0.5em;padding: 10px 50px 10px 1em;background: #fff;cursor:pointer;font-size: 108%;font-weight: bold;width:100%;text-align:left;display:block;box-sizing: border-box;border:none;border-bottom: 2px solid #AC9C04;color: #444;}
.accordionMotion .accordionBtn .actBtn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width: 26px;height: 26px;border-radius:5px;background: #e6e1b3;}
.accordionMotion .accordionBtn .actBtn:before,
.accordionMotion .accordionBtn .actBtn:after{content:"";position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%);}
.accordionMotion .accordionBtn .actBtn:before{width: 10px;border-top: 2px solid #555;}
.accordionMotion .accordionBtn .actBtn:after{height: 10px;border-right: 2px solid #555;}
.accordionMotion.active .accordionBtn .actBtn:after{border-right:0;}
.accordionMotion .accordionItem {margin:0 0 1em;}

/* ---------------------------------------------------------
お知らせ
--------------------------------------------------------- */
.newslist { clear:both; }
.newslist dl { border-bottom:1px dotted #CCCCCC; clear:both; overflow:hidden; width:620px; }
.newslist dt { float:left; font-weight: bold; color: #666666; width:110px; padding: 5px; }
.newslist dd { float:right; font-weight: normal; width:490px; padding: 5px; }
.text10pt { font-size:100%; }
.height130-10pt { line-height: 130%; font-size:100%; }
.text12pt { font-size:115%; }
.height130-11pt { line-height: 130%; font-size:108%; }
.search { font-size: 79% }
td.history { font-size:70%; }
td.menu { font-size:100%; font-weight:bold; color:#ffffff; }
div.top { text-align:right; }
td.top { text-align:right; font-size:70%; }
.height160-10pt { font-size:93%; line-height: 150%; text-justify: auto; }
.height130-12pt { font-size:108%; line-height: 130%; }
.text7pt { font-size:72%; }
.text8pt { font-size:79%; }
.text9pt { font-size:86%; }
.style1 { color:#FF0000; }
ul, li, ol { margin:2; padding:2; }
/* ボーター付きイメージ画像 */
.imgborder01 { border:1px solid #333333; margin:1px; }
/* TOP用お知らせモジュール　*/
.newslist-cus1 { clear:both; }
.newslist-cus1 dl { border-bottom:1px dotted #CCCCCC; clear:both; overflow:hidden; width:620px; }
.newslist-cus1 dt { float:left; font-weight: bold; color: #ff3333; width:40px; padding: 5px; }
.newslist-cus1 dd { float:right; font-weight: normal; width:560px; padding: 5px; }
.newslist-cus2 dl { border-bottom:1px dotted #CCCCCC; clear:both; overflow:hidden; width:620px; }
.newslist-cus2 dt { float:left; font-weight: bold; color: #ff3333; width:80px; padding: 5px; }
.newslist-cus2 dd { float:right; font-weight: normal; width:520px; padding: 5px; }
/* 科学会議用テーブル　*/
table.table_jissconf { width:100%; margin:0px 0px 10px 0px; padding:0px; border-collapse:collapse; }
.table_jissconf th { width:25%; padding:4px 2px 2px 4px; text-align:left; vertical-align:top; color:#FFFFFF; background-color:#26334e; border:1px solid #CCCCCC; }
.table_jissconf td { padding:4px 2px 2px 4px; background-color:#FFFFFF; border:1px solid #CCCCCC; }
/* 西が丘テーブル　*/
table.table_nishigaoka_top { width:100%; margin:0px 0px 10px 0px; padding:0px; border-collapse:collapse; }
.table_nishigaoka_top th { width:100%; padding:4px 2px 2px 4px; text-align:left; vertical-align:top; color:#FFFFFF; background-color:#000000; border:1px solid #CCCCCC; }
table.table_nishigaoka { width:100%; margin:0px 0px 10px 0px; padding:0px; border-collapse:collapse; }
.table_nishigaoka th { width:100%; padding:4px 2px 2px 4px; text-align:left; vertical-align:top; color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC; }
.table_nishigaoka td { padding:4px 2px 2px 4px; background-color:#FFFFFF; border:1px solid #CCCCCC; }

/* ---------------------------------------------------------
ログイン削除
--------------------------------------------------------- */
#dnn_ctr_Login_cmdRegister { display:none; }
/* ---------------------------------------------------------
いろいろなテーブル
--------------------------------------------------------- */
.color-table { border-collapse: collapse; border: 1px solid #CCCCCC; margin-bottom: 25px; width: 100%; }
.color-table li, .color-table ol { padding-left: 5px; }
.color-table th { background: #5F646E; border: 1px dotted #CCCCCC; padding: 10px; text-align: left; color:#FFFFFF; }
.color-table td { border: 1px dotted #CCCCCC; padding: 10px; }
.gray-table { border-collapse: collapse; border: 1px solid #CCCCCC; margin-bottom: 25px; width: 100%; }
.gray-table li, .gray-table ol { padding-left: 5px; }
.gray-table th { background: #EAEAEA; border: 1px dotted #CCCCCC; padding: 10px; text-align: left; }
.gray-table td { border: 1px dotted #CCCCCC; padding: 10px; }
.line-table { border-collapse: collapse; border: 2px solid #5F646E; margin-bottom: 25px; width: 100%; }
.line-table li, .line_table ol { padding-left: 5px; }
.line-table th { border: 1px dotted #5F646E; padding: 10px; text-align: left; }
.line-table td { border: 1px dotted #5F646E; padding: 10px; }
.nocolor-table { border-collapse: collapse; border: 1px solid #CCCCCC; margin-bottom: 25px; width: 100%; }
.nocolor-table li, .nocolor-table ol { padding-left: 5px; }
.nocolor-table th { border: 1px dotted #CCCCCC; padding: 10px; text-align: left; }
.nocolor-table td { border: 1px dotted #CCCCCC; padding: 10px; }


/* ---------------------------------------------------------
コラム　ブログモジュール
--------------------------------------------------------- */
.blog_body .blog_title{margin-bottom:15px;padding:15px 15px 18px;border-bottom:0;}
.blog_body h2.blog_title a{display:block;margin:0;padding:0 0 0 25px;background:none;color:#333;font-weight:bold;font-size:100%;word-break: break-all;}
.blog_body .horizontalline{margin-bottom:15px;border-bottom:0;}
.blog_body .blog_published {border: #cccccc solid 1px; margin-right:10px;}
/* clearfix */
.blog_body .blog_footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.blog_body .blog_footer{display:inline-block;}
* html .blog_body .blog_footer{height:1%;}
.blog_body .blog_footer{display:block;}
/* clearfixEND */
.blog_body .blog_footer { float:none; padding:20px 0 0 0;}
.blog_body .blog_footer div { display:none;}
.blog_body .blog_subhead span,
.blog_body .blog_published span{padding:0 0 0 0;}

.blog_body table {margin:10px 0 5px 0;}

.box{ padding: 0; margin: 0; }
.box{ list-style: none; text-align: left; line-height: 1.2em; clear: both; }
.box a#lnkEntry { background: url(../Skins/HPSC/images/side/navi.gif) no-repeat top left; text-decoration: none; display: block; color: #666666; padding: 9px 10px 8px 25px; font-size: 86%; width: 220px; }
.box a#lnkEntry:link { color: #666666; }
.box a#lnkEntry:visited { color: #666666; }
.box a#lnkEntry:hover { color: #333333;/* background: url(../Skins/HPSC/images/side/navi_over.gif) no-repeat top left;*/ }

.BlogInfo { border-bottom: 0;display:none;}
.blog_subhead,
.blog_published{display:none;}
.SideNavi .box table { border:0;}
/*
A.CommandButton { text-decoration:none; color:#666666; }
A.CommandButton:link { text-decoration:none; color:#666666; }
A.CommandButton:visited { text-decoration:none; color:#666666; }
A.CommandButton:active { text-decoration:none; color:#666666; }
A.CommandButton:hover { text-decoration: underline; color:#000000; }
*/
.SideNavi .CommandButton {display:none;}
.blog_more_link {padding:0 0 0 15px;background:url(../Skins/HPSC/images/arrow.gif) 0 -5px no-repeat; font-size:86%; margin-left:30px;}
.contents hr { border-top:0; border-left:0; border-right:0; border-bottom:#cccccc solid 1px;}
.backnumberLink { text-align:right; font-size:86%; margin:0 0 20px 0;}
.BlogPageTop { clear: both; font-size: 72%; margin: 10px auto; padding: 0; text-align: right; width: 620px;}


#blogBacknumber .box a#lnkEntry { background: url(../images/column/navi.gif) no-repeat top left; text-decoration: none; display: block; color: #666666; padding: 9px 10px 8px 25px; font-size: 86%; width: 585px;}
#blogBacknumber .box a#lnkEntry:link { color: #666666; }
#blogBacknumber .box a#lnkEntry:visited { color: #666666; }
#blogBacknumber .box a#lnkEntry:hover { color: #333333; background: url(../images/column/navi_over.gif) no-repeat top left; }

.blog_Description_Heavy,
.blog_Description_Heavy span {text-wrap:none; white-space:nowrap;}

.columnTable {border-collapse:collapse;border-spacing:5px;width:99%;}
.columnTable tr{ border-top:#fff solid 10px;}
.columnTable td {vertical-align:top;}
.columnTable .td01 {width:155px;}
.columnTable .td02 {width:300px;padding:0 10px;}
.columnTable .td03 {width:70px;}
.columnTable .td04 {width:120px;}

/*投稿者、日付*/
.blog_body span[id$="lblUserName"],
.blog_body span[id$="lblPublishDate"]{display: none;}



/*==========================================================

  ■NAASH 国立スポーツ科学センター

  ■/jiss/Portals/0/css/contents.css

==========================================================*/
/* 533 レシピトップ アスリートの私のお気に入りメニュー過去記事一覧 */
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .CategoryName{margin:0;padding:0;}
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .AttributeImageList{margin:0;padding:0;}
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list td{border:1px solid #aaa !important;}
h3.WhatsNewProduct { margin:0 0 10px 0; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list { border-top:1px solid #aaa; border-left:1px solid #aaa; margin:0 0 10px 0;font-size:86%;}
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list td { width:300px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .photo { float:left; margin:0; text-align:left; width:100px; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .pnlProductName { float:right; width:168px; padding:0 0 3px 0; margin:0 0 3px 0; border-bottom:1px solid #ccc; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .pnlProductName a,
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .pnlProductName a:link,
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .pnlProductName a:visited { font-weight:bold; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .pnlComment { display:none; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .CategoryName { float:right; width:168px; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .pnlProductDate { padding:0 0 0 10px; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .AttributeImageList { float:right; width:168px; }
#dnn_ctr2395_WhatsNewProduct_pnlAllArea table.item-list .AttributeImageList img { width:28px; height:34px; }
p.ProductListBtn { text-align:right; margin:0 0 30px 0; }

/* レシピ検索 ****************************/
#dnn_ctr2390_ViewProductList_grdProducts_ctl01_pnlPager { border-bottom:3px solid #ddd; background:#f3f3f3; padding:5px; }
#dnn_ctr2390_ViewProductList_grdProducts_ctl09_pnlPager { background:#f3f3f3; padding:5px; }
#dnn_ctr2390_ViewProductList_pnlConditions { margin:0 0 20px 0; padding:3px 0 10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#dnn_ctr2390_ViewProductList_pnlConditions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#dnn_ctr2390_ViewProductList_pnlConditions { display:inline-block; }
* html #dnn_ctr2390_ViewProductList_pnlConditions { height:1%; }
#dnn_ctr2390_ViewProductList_pnlConditions { display:block; }
#dnn_ctr2390_ViewProductList_pnlConditions h3 { color:#333; }
.infoDNN_ECv2_ViewProductSearch { width:470px; float:left; }
#dnn_ctr2390_ViewProductList_lblTitleKeyword { display:block; float:left; width:119px; height:30px; background:url(../images/recipe/searchTitle.gif) no-repeat 10px 7px; text-indent:-9999px; }
.txtKeyword { width:200px; line-height:24px; height:24px }
.btnSearch { width:60px; height:30px; }
.btnClear { width:60px; height:30px; }
.infoDNN_ECv2_ViewProductSearchOpenClose { float:right; width:130px; height:30px; margin:0 10px 0 0; font-size:79%; line-height:10px; }
.infoDNN_ECv2_ViewProductSearchOpenClose a,
.infoDNN_ECv2_ViewProductSearchOpenClose a:link,
.infoDNN_ECv2_ViewProductSearchOpenClose a:visited { margin:7px 0 0 0; display:block; width:130px; height:15px; background:url(../images/recipe/searchDetailBtn.gif) no-repeat 0 0; text-indent:-9999px; }
.infoDNN_ECv2_ViewProductSearchOpenClose a:hover { background-position:0 -15px; }
.infoDNN_ECv2_ViewProductSearchOpenClose a.lbtnClose,
.infoDNN_ECv2_ViewProductSearchOpenClose a.lbtnClose:link,
.infoDNN_ECv2_ViewProductSearchOpenClose a.lbtnClose:visited { background-position:-130px 0; }
.infoDNN_ECv2_ViewProductSearchOpenClose a.lbtnClose:hover { background-position:-130px -15px; }
#dnn_ctr2390_ViewProductList_pnlCategory, #dnn_ctr2390_ViewProductList_pnlAttribute { border-bottom:1px dotted #ccc; background:#f6f6f6; padding:10px; }
#dnn_ctr2390_ViewProductList_pnlAttribute { margin:0 0 10px 0;}
.condition-search fieldset {display:inline-block;margin:0;padding:0;border:none;}

/* レシピ検索結果一覧 ****************************/
table.grdProducts { width:100%; }
table.grdProducts td.ItemTd { margin:0; padding:10px 0; width:auto; border-bottom:3px solid #ddd;font-size:86%;}
table.grdProducts td.ItemTd .photo { float:left; margin:0; width:150px; text-align:left; }
table.grdProducts td.ItemTd .photo .ProductCategory { width:130px; height:30px; text-indent:-9999px; }
table.grdProducts td.ItemTd .bunruiMain .photo .ProductCategory { background:url(../images/recipe/productCategoryicon_main.gif) no-repeat 0 0; }
table.grdProducts td.ItemTd .bunruiMaindish .photo .ProductCategory { background:url(../images/recipe/productCategoryicon_maindish.gif) no-repeat 0 0; }
table.grdProducts td.ItemTd .bunruiSubdish .photo .ProductCategory { background:url(../images/recipe/productCategoryicon_subdish.gif) no-repeat 0 0; }
table.grdProducts td.ItemTd .bunruiDessert .photo .ProductCategory { background:url(../images/recipe/productCategoryicon_dessert.gif) no-repeat 0 0; }
table.grdProducts td.ItemTd .text { float:right; width:460px; }
table.grdProducts td.ItemTd .text h3 { margin:0; padding:5px 0 7px 0; font-size:129%; line-height:22px; }
table.grdProducts td.ItemTd .text h3 a,
table.grdProducts td.ItemTd .text h3 a:link,
table.grdProducts td.ItemTd .text h3 a:hover { font-weight:bold; text-decoration:underline; }
table.grdProducts td.ItemTd .text h3 a:hover { text-decoration:none; }
tr.PagerTr td { background:#eee; }
tr.PagerTr table { border-spacing:3px; border-collapse:separate; border:none; float:right; }
tr.PagerTr table td { background:none; }
tr.PagerTr table td span { display:block; padding:0 5px; color:#666; }
tr.PagerTr table td a,
tr.PagerTr table td a:link,
tr.PagerTr table td a:visited { display:block; padding:0 5px; }
tr.PagerTr table td a:hover { background:#fff; }
/* レシピ詳細 ****************************/
.ProductDetail h3 { margin:0 0 30px 0; font-size:143%; font-weight:bold; line-height:22px; padding:15px 15px 15px 15px; }
#bunruiMain h3.ProductName { background:url(../images/recipe/recepe_title_main_620.gif) no-repeat right bottom; }
#bunruiMaindish h3.ProductName { background:url(../images/recipe/recepe_title_maindish_620.gif) no-repeat right bottom; }
#bunruiSubdish h3.ProductName { background:url(../images/recipe/recepe_title_subdish_620.gif) no-repeat right bottom; }
#bunruiDessert h3.ProductName { background:url(../images/recipe/recepe_title_desert_620.gif) no-repeat right bottom; }
.ProductDetail h4 { font-size:100%; font-weight:bold; line-height:16px; padding:5px 0; }
#bunruiMain h4 { color:#633; }
#bunruiMaindish h4 { color:#633; }
#bunruiSubdish h4 { color:#146e28; }
#bunruiDessert h4 { color:#633; }
.ProductDetail .ProductL { width:200px; float:left; }
.ProductDetail .ProductPhoto { margin:0 0 20px 0; }
.ProductDetail .ProductPhoto img {max-width:210px;width:auto;}
.ProductDetail .ProductR { width:400px; float:right; }
.ProductDetail .ProductEiyouso { margin:0 0 20px 0; }
.ProductDetail .ProductHowto { margin:0 0 20px 0; }
.ProductDetail .ProductAdvice { padding:15px; }
#bunruiMain .ProductAdvice { background:#ffffab; }
#bunruiMaindish .ProductAdvice { background:#ffcc99; }
#bunruiSubdish .ProductAdvice { background:#e3ffe6; }
#bunruiDessert .ProductAdvice { background:#E1C0F8; }
.ProductDetail .ProductEiyouka { clear:both; padding:30px 0 0 0; }
.ProductZairyo table { width:100%; border-collapse:collapse; border-spacing:0; border:none; }
.ProductZairyo table th { width:120px; font-weight:bold; text-align:left; vertical-align:top; border-bottom:1px dotted #ddd; }
.ProductZairyo table td { text-align:left; vertical-align:top; border-bottom:1px dotted #ddd; }
.ProductZairyo table .txtMedium,
.ProductEiyouka table .txtMedium {font-size:93%;}
.ProductZairyo table .txtSmall,
.ProductEiyouka table .txtSmall {font-size:79%;}
.ProductEiyouka table { width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333; border-right:1px solid #333; }
.ProductEiyouka table th { font-weight:bold; text-align:center; vertical-align:top; border-left:1px solid #333; border-bottom:1px solid #333; background:#f0f0f0; }
.ProductEiyouka table td { text-align:center; vertical-align:top; border-left:1px solid #333; border-bottom:1px solid #666; }
p.printFootLogo { display:none; }
/* レシピ管理 ****************************/
#dnn_ctr2312_ViewProducts_pnlAllArea { clear:both; }
#dnn_ctr2312_ViewProducts_pnlConditions { margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; }
/* clearfix */
#dnn_ctr2312_ViewProducts_pnlConditions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#dnn_ctr2312_ViewProducts_pnlConditions { display:inline-block; }
* html #dnn_ctr2312_ViewProducts_pnlConditions { height:1%; }
#dnn_ctr2312_ViewProducts_pnlConditions { display:block; }
/* clearfixEND */
#dnn_ctr2312_ViewProducts_pnlCategory,
#dnn_ctr2312_ViewProducts_pnlAttribute { border-bottom:1px dotted #ccc; background:#f6f6f6; padding:10px; }
#dnn_ctr2312_ViewProducts_pnlAttribute { margin:0 0 10px 0; }
#dnn_ctr2312_ViewProducts_pnlAllArea table.item-list td { border-bottom:1px solid #ccc; }
#dnn_ctr2312_ViewProducts_pnlAllArea table.item-list div { float:right; width:430px; }
#dnn_ctr2312_ViewProducts_pnlAllArea table.item-list div.photo { float:left; margin:0; width:130px; text-align:left; }
#dnn_ctr2312_ViewProducts_pnlAllArea table.item-list h3.ProductName { font-size:129%; margin:5px 0 10px 0; }
/* ---------------------------------------------------------
イベントカレンダー
---------------------------------------------------------
.event-calendar { margin: 0 auto 20px; width: 880px; background: #dddddd; }
.event-calendar th { background: #646464; padding: 5px 0; font-size: 12px; color: #FFFFFF; text-align: center; }
.event-calendar td { text-valign: center; }
.event-calendar td { padding: 5px 2px; font-size: 12px; text-align: center; background: #ffffff; }
.event-calendar th.day { text-align: left; padding: 0 0 0 10px; width: 190px; }
.event-calendar td.day { text-align: left; padding: 0 0 0 10px; }
.event-calendar th.day { text-align: center; padding: 0 0 0 10px; width: 100px; }
.event-calendar th.cost { width:100px; }
.event-calendar th.time { width:60px; }*/

/* ---------------------------------------------------------
コラム　ブログモジュール
--------------------------------------------------------- */
.blog_body .blog_title{border-bottom:0; margin-bottom:15px;}
.blog_body h2.blog_title a {/*background: url(../images/containers/h3Container.png) bottom left no-repeat;*/ margin: 0; padding: 0 0 0 25px; line-height: 50px; height: 55px; font-size:100%; color: #333333; font-weight: bold; display:block;}
.blog_body .horizontalline { border-bottom:0; margin-bottom:15px;}

/* jiss portal.css */
.shisetsu_setsumei {
  padding-left: 1em;
}


.womanTitle h2 { margin:0; padding:0; border:0; background:none; font-weight:normal; font-size:150%;}
.womanTitle h2:after { background:none; position:statics; height:auto;}

.womanTitle h2.title01,
.womanTitle h2.title02,
.womanTitle h2.title03,
.womanTitle h2.title04 { height:110px; width:590px; padding:0 20px 10px 110px; display:table-cell; vertical-align:middle; *padding-top:40px;*height:70px;*display:inline;*zoom:1;/*height:80px; padding:40px 20px 0 110px;*/}

.womanTitle h2.title01 { background:url("../resources/jiss/images/contents/woman/title01.jpg") no-repeat 0 0;}
.womanTitle h2.title02 { background:url("../resources/jiss/images/contents/woman/title02.jpg") no-repeat 0 0;}
.womanTitle h2.title03 { background:url("../resources/jiss/images/contents/woman/title03.jpg") no-repeat 0 0;}
.womanTitle h2.title04 { background:url("../resources/jiss/images/contents/woman/title04.jpg") no-repeat 0 0;}

.bnrDownload { margin:0 0 15px; padding:0;}
.bnrDownload p { display:block; width:220px; height:80px; background:url("../resources/jiss/images/contents/woman/bg_downloadBnr.gif") no-repeat 0 0;}
.bnrDownload p a { display:table-cell; padding:0 10px 0 55px; width:220px; height:80px; vertical-align:middle; *width:150px;*height:60px;*padding-top:20px;*display:inline;*zoom:1;}

.womanWrap .linkBoxWrap { clear:both; overflow:hidden; zoom:1; margin:0 0 20px 0;}
.womanWrap .linkBox { width:345px; float:left;}
.womanWrap .linkBox#left { margin:0 6px 0 0;}

.womanWrap .linkBox p { display:block; height:90px; border:1px solid #ccc; padding:10px;}
.womanWrap .linkBox p a { display:block; padding:0 0 0 100px; height:100%;}
.womanWrap .linkBox .title01 { background:url("../resources/jiss/images/contents/woman/img01.jpg") no-repeat 10px 10px;}
.womanWrap .linkBox .title02 { background:url("../resources/jiss/images/contents/woman/img02.jpg") no-repeat 10px 10px;}
.womanWrap .linkBox .title03 { background:url("../resources/jiss/images/contents/woman/img03.jpg") no-repeat 10px 10px;}
.womanWrap .linkBox .title04 { background:url("../resources/jiss/images/contents/woman/img04.jpg") no-repeat 10px 10px;}

.womanSubTitle { padding:7px 10px; border:1px solid; color:#AC9C04;}
.womanSubTitle span { display:block; font-weight:normal; color:#444; font-size:80%;}

/********
女性アスリート専用電話相談窓口の
メールフォーム
/hpsc/business/International_competitiveness/tabid/321/Default.aspx
**********/
#dnn_ctr2305_ModuleContent table {/*フォームの高さ、確認ボタンの位置制御*/
    /*width: 710px;
    height: 100%;
    margin-bottom: 30px;*/}


#dnn_ctr2305_ContentPane table.MailForm {/*メールフォームの高さの制御*/
   float: left;
   clear: left;}

#dnn_ctr2305_ContentPane .FieldTitle {/*フォーム項目部分のデフォルト設定を無しに*/
    background: none;
    border-top: none;
    border-left: none;
    width: 190px;
    border-right: none;
    vertical-align: bottom;
    height: 30px;
    border-bottom: none;
    float: left;
    clear: left;
    margin-left: 40px;}

#dnn_ctr2305_ContentPane .FieldValue {/*フォーム入力部分のデフォルト設定を無しに*/
    border-left: none;
    border-top: none;
    border-right: none;
    vertical-align: bottom;
    border-bottom: none;
    margin-top: 3px;
}

#dnn_ctr2305_ViewMailForm_FieldRow1 {/*お名前部分のアイコン設定*/
    border-bottom: 1px solid black;
    background-image: url(../resources/jiss/column/image/ikagaku/hitoicon.gif);
    background-repeat: no-repeat;
    float: left;
    clear: none;
    width: 100%;
    padding-bottom: 7px;
}

#dnn_ctr2305_ContentPane .FieldTitle span {/*項目部分のテキスト設定*/
    line-height: 23px;
    padding-bottom: 6px;
    float: left;
    clear: none;}

#dnn_ctr2305_ContentPane .FieldValue input {/*名前などの記入欄、左だけメルクマークとしてライン表示*/
    border: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid black;
    height: 20px;
    margin-left: -20px;
　　padding-left: 10px;}

#dnn_ctr2305_ViewMailForm_FieldRow2 {/*競技団体のアイコン*/
    background-image: url(../resources/jiss/column/image/ikagaku/kyougiicon.gif);
    background-repeat: no-repeat;
    float: left;
    clear: none;
    width: 100%;
    margin-top: 13px;
    padding-bottom: 7px;}

#dnn_ctr2305_ViewMailForm_FieldRow3 {/*選手区分*/
    background-repeat: no-repeat;
    float: left;
    clear: none;
    width: 100%;
    margin-top: 13px;
    padding-bottom: 7px;
	border-bottom: 1px solid black;}



table#dnn_ctr2305_ViewMailForm_radAnswer3 label{/*選手区分*/
	line-height:200%;}

table#dnn_ctr2305_ViewMailForm_radAnswer3 input{/*選手区分*/
	float:left;
	clear:left;}



#dnn_ctr2305_ViewMailForm_FieldRow4 {/*メールアドレスのアイコン*/
    background-image: url(../resources/jiss/column/image/ikagaku/emailicon.gif);
    background-repeat: no-repeat;
    float: left;
    clear: none;
    width: 100%;
    margin-top: 13px;
    padding-bottom: 7px;}

#dnn_ctr2305_ViewMailForm_FieldRow5 {/*相談部分のアイコン*/
    background-image: url(../resources/jiss/column/image/ikagaku/documenticon.gif);
    background-repeat: no-repeat;
    float: left;
    clear: none;
    width: 100%;
    margin-top: 13px;
    padding-bottom: 7px;
    border-bottom: 1px solid black;}

#dnn_ctr2305_ViewMailForm_cmdConfirm {/*確認ボタンの設定*/
    width: 150px;
    height: 40px;
    border: 1px solid black;
    background-color: white;
    font-weight: bold;}

#dnn_ctr2305_ViewMailForm_lblTitleSubject {/*件名という文字を消している*/
   display: none;}

#dnn_ctr2305_ViewMailForm_lblsubject {/*女性アスリートという文字を消している*/
   display: none;}

#dnn_ctr2305_ViewMailForm_MailAddressConfirmRow4 {/*確認用メールアドレス部分の設定*/
    float: left;
    clear: none;
    border-bottom: 1px solid black;
    width: 100%;
    margin-top: 13px;
    padding-bottom: 7px;}

#dnn_ctr2305_ContentPane #dnn_ctr2305_ViewMailForm_ConfirmPanel table.MailForm {/*確認画面*/
    float: none;
    clear: none;}

#dnn_ctr2305_ViewMailForm_cmdReturn {/*確認画面の戻るボタン*/
    width: 150px;
    height: 40px;
    border: 1px solid black;
    background-color: white;
    font-weight: bold;}

#dnn_ctr2305_ViewMailForm_lblvalSubject {/*確認から戻るボタンで戻った先の件名を隠している*/
    display: none;}

#dnn_ctr2305_ViewMailForm_cmdReturnThanks {/*送信後画面の戻るボタン*/
    width: 150px;
    height: 40px;
    border: 1px solid black;
    background-color: white;
    font-weight: bold;}

#dnn_ctr2305_ViewMailForm_cmdSend {/*確認画面の送信ボタン*/
    width: 150px;
    height: 40px;
    border: 1px solid black;
    background-color: white;
    font-weight: bold;}

#dnn_ctr2305_ViewMailForm_valSingle2 {/*「この項目は必ず入力」の行間*/
    line-height: 10px;}

#dnn_ctr2305_ViewMailForm_valSingle1 {/*「この項目は必ず入力」の行間*/
    line-height: 10px;}

#dnn_ctr2305_ViewMailForm_valSingle3 {/*「この項目は必ず入力」の行間*/
    line-height: 10px;}

#dnn_ctr2305_ViewMailForm_valConfirm4 {/*「この項目は必ず入力」の行間*/
    line-height: 10px;}

#dnn_ctr2305_ViewMailForm_valSingleRegex3 {/*「正しい値が入力されてない」の行間*/
    line-height: 10px;}

#dnn_ctr2305_ViewMailForm_valConfirmCompare3 {/*「メールアドレス一致しません」の行間*/
    line-height: 10px;}


#dnn_ctr2305_ViewMailForm_FieldRow6 {/*窓口はどこでしりましたか？*/
       background-repeat: no-repeat;
    float: left;
    clear: none;
    width: 100%;
    padding-bottom: 7px;
    background-image: url(../resources/jiss/column/image/ikagaku/check.gif);
	margin-top:10px;}


#dnn_ctr2305_ViewMailForm_chkAnswer6 tbody {/*窓口はどこでしりましたか？項目のひだり揃え*/
    margin-left: 12px;
    float: left;
    clear: left;}


#dnn_ctr2305_ViewMailForm_chkAnswer6 input {/*窓口はどこでしりましたか？チェックボックスの位置*/
    float: left;
    clear: left;}


#dnn_ctr2305_ViewMailForm_chkAnswer6 label {/*窓口はどこでしりましたか？チェックボックス横の項目の位置*/
    line-height: 190%;}


table #dnn_ctr2305_ViewMailForm_chkAnswer6 {/*窓口はどこでしりましたか？項目を右に*/
    width: 320px;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    clear: left;}


#dnn_ctr2305_ViewMailForm_td7.FieldValue {/*窓口はどこでしりましたか？その他入力部分の位置制御*/
    float: left;
    clear: none;}


#dnn_ctr2305_ViewMailForm_td7.FieldValue input{/*窓口はどこでしりましたか？入力ボックスの枠*/
	border: 1px solid #999;
	height: 20px;
	margin-left: 0px;
	padding-left: 10px;
	width: 400px;
    margin-top:-20px;}


#dnn_ctr2305_ViewMailForm_lblRequired6.NormalRed {/*窓口はどこでしりましたか？必須の文字の位置*/
    margin-top: -10px;}


#dnn_ctr2305_ViewMailForm_lblDescription6 {/*窓口はどこでしりましたか？その他の記入お願いテキスト*/
    float: left;
    clear: left;}


div#dnn_ctr2305_ModuleContent #dnn_ctr2305_ViewMailForm_ConfirmPanel .FieldTitle span {
    margin-top: 10px;}


#dnn_ctr2305_ViewMailForm_ConfirmPanel .FieldTitle span {
　　margin-top: 10px;}


#dnn_ctr2305_ViewMailForm_ConfirmPanel .FieldValue span {
　　line-height:250%;}


td#dnn_ctr2305_ViewMailForm_td3 {/*Chrom用選手区分のチェックボックスの位置*/
    padding-left: 20px;}

/* ---------------------------------------------------------
/hpsc/tabid/1100/Default.aspx
--------------------------------------------------------- */
/* slider */
.slicksliderArea{margin:0 0 3em;}

/* arrow */
.slicksliderArea .slick-arrow{display:inline-block;width: 40px;height: 40px;padding: 0 10px;margin:0 auto;overflow:hidden;position:relative;white-space:nowrap;text-indent:200%;border: none;border-radius: 50%;background: rgba(255,255,255,0.7);cursor: pointer;z-index: 100;}
.slicksliderArea .slick-arrow:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width: 12px;height: 12px;margin:auto;border-top:3px solid #887602;border-right:3px solid #887602;}
.slicksliderArea .slick-arrow.slick-prev{position:absolute;top:calc(50% - 20px);left: 10px;transition:0.25s ease-in-out;}
.slicksliderArea .slick-arrow.slick-prev:before{top:0;right: auto;bottom:0;left: 15px;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate( 225deg );margin:auto;}
.slicksliderArea .slick-arrow.slick-next{position:absolute;top:calc(50% - 20px);right: 10px;transition:0.25s ease-in-out;}
.slicksliderArea .slick-arrow.slick-next:before{top:0;right: 15px;bottom:0;left: auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:auto;}
.slicksliderArea .slick-arrow.slick-prev:hover,
.slicksliderArea .slick-arrow.slick-next:hover{opacity:0.7;transition:0.25s ease-in-out;}

/* controlsBtn */
.slick-pager{display:flex;align-items:center;justify-content:center;margin-top:10px;position:absolute;right:0;left:0;bottom:-30px;margin:0 auto;}
.controlsBtn{display:inline-block;width:20px;height:20px;position:relative;white-space:nowrap;overflow:hidden;text-indent:200%;cursor:pointer;}
.controlsBtn:before,
.controlsBtn:after{content:"";display:block;width:3px;height:15px;margin:auto;background-color:#887602;position:absolute;top:2.5px;}
.controlsBtn:before{left:4px;}
.controlsBtn:after{right:4px;}
.controlsBtn:hover{opacity:0.75;}
.controlsBtn.pause:before{display:block;width:auto;height:auto;position:absolute;top:0;bottom:0;left:3px;margin:auto;border:10px solid transparent;border-left:15px solid #887602;background-color:transparent;}
.controlsBtn.pause:after{display:none;}

/* dots */
ul.slick-dots{display:flex !important;align-items:center;padding:5px 0 5px 10px;margin:0 0 0 10px;position:relative;}
ul.slick-dots:before{content:"";display:block;width:1px;height:20px;background-color:#d9d9d9;position:absolute;top:0;left:0;}
ul.slick-dots > li{display:inline-block;margin:0 5px;}
ul.slick-dots > li button{display:block;overflow:hidden;width:10px;height:10px;margin:0;padding:0;border:none;border-radius:6px;outline:none;background-color: #cecece;white-space:nowrap;text-indent:100%;cursor:pointer;}
ul.slick-dots > li button:hover{background-color:#ada572;}
ul.slick-dots > li.slick-active button{background-color:#887602;}