@charset "utf-8";

@import "/Portals/0/css/contents.css";

/* ===========================================================
 reset
=========================================================== */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: inherit;vertical-align: baseline;}
:focus {outline:0;}
body {line-height:1;color:#000;background:#fff;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ===========================================================
 common
=========================================================== */
body,img{margin:0;padding:0;border:none;}

.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}

html{font-size:13px;}
html, body{height:100%;}
body {line-height:1.5;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, sans-serif;color:#666;letter-spacing:0;background:url(images/navi_bg.gif) left top repeat-y #fff;}

a,
a:link,
a:visited	{color:#666;text-decoration:none;}
a:hover,
a:active	{text-decoration:underline;}

.Head 	{font-size:100%;}

/* ===========================================================
 skin
=========================================================== */
.skinBody		{height:100%;text-align:left;}

div.wrapper {min-width:960px;position:relative;}


/* ===========================================================
 Nav
=========================================================== */
div.sideNavi {width:218px;height:100%;background-color:#eee;}
div.sideNaviCont {float:left;position:relative;}

div.fixedNavi {width:218px;position:fixed;background-color:#eee;}

.tokenMenu ul{margin:0;padding:0;}
.tokenMenu li{margin:0;padding:0;list-style-type:none;}


/* ===========================================================
 content
=========================================================== */
h1 {background-color:#fff;text-align:right;padding:30px 0;}
div.contWrap {padding-left:218px;}

div.cprtNaviFrm {padding-top:30px;min-height:45px;overflow:hidden;}
div.cprtNaviFrm:before,
div.cprtNaviFrm:after {content:"";display:table;}
div.cprtNaviFrm:after {clear:both;}

div.cprtNaviFrm .HeadPane {max-width:740px;float:right;}

div.contWrap div.contFrame {width:720px;margin:30px auto 60px; min-height:600px;}
div.contWrap div.contFrame:before,
div.contWrap div.contFrame:after {content:"";display:table;}
div.contWrap div.contFrame:after {clear:both;}
div.mainWrapper:before,
div.mainWrapper:after {content:" ";display:table;}
div.mainWrapper:after {clear:both;}
div.contWrap div.contFrame div.contArea {width:500px;float:left;}
div.contWrap div.contFrame div.naviArea {width:200px;float:right;}

#pagetop	{width:100%;position:relative;}
#pagetop a{width:36px;height:32px;margin-left:100%;text-align:center;text-indent:-9999px;position:fixed;bottom:0;left:-46px;background:url(images/pageup.png) center center no-repeat #666;display:block;border-top-left-radius:4px;border-top-right-radius:4px;}
#pagetop a:hover {background-color:#999;}


/* ===========================================================
 footBody
=========================================================== */
div.footer 	{background:url(images/navi_bg.gif) left top repeat-y;}
div.footer div.mainNavi {background-color:#666;padding:15px 15px 7px;}
div.FootPane{max-width:740px;float:right;}

div.subNavi {padding:0 30px 0 20px;}
div.subNavi p.copyright {padding:10px 0 5px;font-size:75%;float:left;}


/* ===========================================================
 for Index
=========================================================== */
div.topWrapper{min-width:820px;height:100%;background:url(images/top_navi_bg_01.png) left top repeat-y; }
div.topCont 	{position:relative;}
div.topCont h1{position:absolute;right:5%;top:40%;display:none;}
div.topBrandNavi {float:left;}
div.topNewsFrame {padding:0 8px;width:200px;float:left;background:url(images/top_navi_bg_01.png) right top repeat-y;}
div.topFoot {background:url(images/top_navi_bg_01.png) left top repeat-y;}
div.topFoot div.mainNavi {padding:0 5px;background-color:#666;clear:both;}


/* ===========================================================
 css for admin
=========================================================== */
/* css-for-adminModules */
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
#dnn_ctr362_ModuleContent table{width:100% !important;}
#dnn_ctr362_ModuleContent table td{text-align:left !important;}

#IconBar\.ascx_divControlPanel {font-size:12px;}
.ModuleTitle_MenuItem {font-size:12px;}


/* ===========================================================
 tokenMenu
=========================================================== */
.tokenMenu{margin:0 auto;z-index:90;}

.tokenMenu ul{margin:0;padding:0;width:218px;background:#eee;}
.tokenMenu ul:before,
.tokenMenu ul:after {content:"";display:table;}
.tokenMenu ul:after {clear:both;}

.tokenMenu ul li{margin:0;padding:0;list-style-type:none;}
.tokenMenu ul li.Tab36,
.tokenMenu ul li.Tab62,
.tokenMenu ul li.Tab75,
.tokenMenu ul li.Tab76,
.tokenMenu ul li.Tab80,
.tokenMenu ul li.Tab82,
.tokenMenu ul li.Tab83,
.tokenMenu ul li.Tab84,
.tokenMenu ul li.Tab85,
.tokenMenu ul li.Tab87{display:none;}
.tokenMenu ul li.Tab67{margin-top:14px;}

.tokenMenu ul li a {padding:7px 20px;text-decoration:none;font-size:90%;line-height:1;display:block;}
.tokenMenu ul li a:hover,
.tokenMenu ul li a.CurrentLinkClass,
.tokenMenu ul li a.CurrentLinkClass:hover,
.tokenMenu ul li a.ParentLinkClass,
.tokenMenu ul li a.ParentLinkClass:hover{color:#000;background-color:#fff;}

.tokenMenu ul li.Tab63 a,
.tokenMenu ul li.Tab64 a,
.tokenMenu ul li.Tab65 a,
.tokenMenu ul li.Tab66 a,
.tokenMenu ul li.Tab126 a {padding:0;height:72px;text-indent:-9999px;background-image:url(images/gnav_01.png);border-bottom: solid 1px #fff;}
.tokenMenu ul li.Tab63 a {background-position:0 0;border-top:1px solid #eee;}
.tokenMenu ul li.Tab64 a {background-position:0 -72px;}
.tokenMenu ul li.Tab65 a {background-position:0 -144px;}
.tokenMenu ul li.Tab66 a {background-position:0 -216px;}
.tokenMenu ul li.Tab126 a {background-position:0 -288px;}

.tokenMenu ul li.Tab63 a:hover,
.tokenMenu ul li.Tab63 a.CurrentLinkClass,
.tokenMenu ul li.Tab63 a.CurrentLinkClass:hover,
.tokenMenu ul li.Tab63 a.ParentLinkClass,
.tokenMenu ul li.Tab63 a.ParentLinkClass:hover{background-position:-218px 0;}
.tokenMenu ul li.Tab64 a:hover,
.tokenMenu ul li.Tab64 a.CurrentLinkClass,
.tokenMenu ul li.Tab64 a.CurrentLinkClass:hover,
.tokenMenu ul li.Tab64 a.ParentLinkClass,
.tokenMenu ul li.Tab64 a.ParentLinkClass:hover{background-position:-218px -72px;}
.tokenMenu ul li.Tab65 a:hover,
.tokenMenu ul li.Tab65 a.CurrentLinkClass,
.tokenMenu ul li.Tab65 a.CurrentLinkClass:hover,
.tokenMenu ul li.Tab65 a.ParentLinkClass,
.tokenMenu ul li.Tab65 a.ParentLinkClass:hover{background-position:-218px -144px;}
.tokenMenu ul li.Tab66 a:hover,
.tokenMenu ul li.Tab66 a.CurrentLinkClass,
.tokenMenu ul li.Tab66 a.CurrentLinkClass:hover,
.tokenMenu ul li.Tab66 a.ParentLinkClass,
.tokenMenu ul li.Tab66 a.ParentLinkClass:hover{background-position:-218px -216px;}
.tokenMenu ul li.Tab126 a:hover,
.tokenMenu ul li.Tab126 a.CurrentLinkClass,
.tokenMenu ul li.Tab126 a.CurrentLinkClass:hover,
.tokenMenu ul li.Tab126 a.ParentLinkClass,
.tokenMenu ul li.Tab126 a.ParentLinkClass:hover{background-position:-218px -288px;}

.tokenMenu ul li ul{display:none;}


/* ===========================================================
 moduleMenu
=========================================================== */



/* ===========================================================
 css for print
=========================================================== */
@media print {
body {font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
}

