@charset "utf-8";

@import "/Portals/0/css/contents.css";

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

/*  MAQL-ja ----- skin */

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



/* ===========================================================
 common
=========================================================== */

body,img{margin:0;padding:0;border:none;}

/* clearfix */
.cf:before,
.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
/* clearfixEND */

html{height:100%;}
body{height:100%;min-width:950px;font-family:'Verdana','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';color:#333;font-size:16px;line-height:1.5;}

a,
a:link,
a:visited,
a:active,
a:hover{color:#444;text-decoration:underline;}
a:hover{color:#ec8000;text-decoration:underline;}


/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin2Columns,
#skin1Column{color:#333;background:#eee;}


/* ===========================================================
 headBody
=========================================================== */
#headBody{width:100%;margin:0;padding:0;text-align:left;}

#skinIndex #headBody{background:url(images/keyv_bg.gif) 0 0 repeat-x;}
#skin2Columns #headBody,
#skin1Column #headBody{background:url(images/sn_header_bg.gif) 0 0 repeat-x;}

.headWrap{width:960px;margin:0 auto;position:relative;}
/* clearfix */
.headWrap:before,
.headWrap:after{content:"";display:table;}
.headWrap:after{clear:both;}
.headWrap{zoom:1;}
/* clearfixEND */
#skinIndex .headWrap{min-height:400px;}

.headRightWrap{width:835px;float:right;}

/* Logo -----------------------------------------------------------*/
#headBody .headLogo{float:left;width:120px;margin:0;padding:0;}
#headBody p.Logo{margin:0;padding:0;position:absolute;}
#headBody h1.Logo{position:absolute;top:0;left:35px;z-index:10001;margin:0;padding:0;}

/* headUtility -----------------------------------------------------*/
.headUtility{width:820px;float:right;margin:0; padding:0;min-height:49px;}
/* clearfix */
.headUtility:before,
.headUtility:after{content:"";display:table;}
.headUtility:after{clear:both;}
.headUtility{zoom:1;}
/* clearfixEND */

/* HeadPane -----------------------------------------------------------*/
.HeadPane{padding:0;width:640px;float:left;position:relative;}
.HeadPane center{display:inline;position:absolute;top:0;left:70px;}
.HeadPane .infoCMSactions{display:inline;position:absolute;top:0;left:0;}

/* Fontsizer -----------------------------------------------------------*/
.Fontsizer{float:right;width:171px;height:32px;background:url(images/font_size_bg.gif) 0 0 no-repeat;margin:9px 0 0 0;}
/* clearfix */
.Fontsizer:before,
.Fontsizer:after{content:"";display:table;}
.Fontsizer:after{clear:both;}
.Fontsizer{zoom:1;}
/* clearfixEND */
.Fontsizer ul{margin:0;padding:7px 0 0 70px;width:94px;height:18px;}
/* clearfix */
.Fontsizer ul:before,
.Fontsizer ul:after{content:"";display:table;}
.Fontsizer ul:after{clear:both;}
.Fontsizer ul{zoom:1;}
/* clearfixEND */
.Fontsizer li{float:left;width:31px;height:20px;margin:0;padding:0;list-style-type:none;}
.Fontsizer li a,
.Fontsizer li a:link,
.Fontsizer li a:visited,
.Fontsizer li a:active,
.Fontsizer li a:hover{display:block;width:31px;height:20px;text-indent:-9999px;overflow:hidden;background:url(images/font_size.gif) no-repeat;}
.Fontsizer li.fontsizeS a,
.Fontsizer li.fontsizeS a:link,
.Fontsizer li.fontsizeS a:visited,
.Fontsizer li.fontsizeS a:active,
.Fontsizer li.fontsizeS a:hover{background-position:0 0;}
.Fontsizer li.fontsizeS a:hover{background-position:0 -20px;}
.Fontsizer li.fontsizeM a,
.Fontsizer li.fontsizeM a:link,
.Fontsizer li.fontsizeM a:visited,
.Fontsizer li.fontsizeM a:active,
.Fontsizer li.fontsizeM a:hover{background-position:-31px 0;}
.Fontsizer li.fontsizeM a:hover{background-position:-31px -20px;}
.Fontsizer li.fontsizeL a,
.Fontsizer li.fontsizeL a:link,
.Fontsizer li.fontsizeL a:visited,
.Fontsizer li.fontsizeL a:active,
.Fontsizer li.fontsizeL a:hover{background-position:-62px 0;}
.Fontsizer li.fontsizeL a:hover{background-position:-62px -20px;}

/* Fontsizer forIndex -----------------------------------------------------------*/
#skinIndex .Fontsizer{background:url(/Portals/0/images/side/top_font_size_bg.gif) 0 0 no-repeat;float:none;width:175px;height:36px;margin:0 0 8px 0;}
#skinIndex .Fontsizer li a,
#skinIndex .Fontsizer li a:link,
#skinIndex .Fontsizer li a:visited,
#skinIndex .Fontsizer li a:active,
#skinIndex .Fontsizer li a:hover{display:block;width:32px;height:20px;text-indent:-9999px;overflow:hidden;background:url(/Portals/0/images/side/font_size_top.gif) 0 0 no-repeat;}
#skinIndex .Fontsizer li.fontsizeS a,
#skinIndex .Fontsizer li.fontsizeS a:link,
#skinIndex .Fontsizer li.fontsizeS a:visited,
#skinIndex .Fontsizer li.fontsizeS a:active,
#skinIndex .Fontsizer li.fontsizeS a:hover{background-position:0 0;}
#skinIndex .Fontsizer li.fontsizeS a:hover{background-position:0 -20px;}
#skinIndex .Fontsizer li.fontsizeM a,
#skinIndex .Fontsizer li.fontsizeM a:link,
#skinIndex .Fontsizer li.fontsizeM a:visited,
#skinIndex .Fontsizer li.fontsizeM a:active,
#skinIndex .Fontsizer li.fontsizeM a:hover{background-position:-31px 0;}
#skinIndex .Fontsizer li.fontsizeM a:hover{background-position:-31px -20px;}
#skinIndex .Fontsizer li.fontsizeL a,
#skinIndex .Fontsizer li.fontsizeL a:link,
#skinIndex .Fontsizer li.fontsizeL a:visited,
#skinIndex .Fontsizer li.fontsizeL a:active,
#skinIndex .Fontsizer li.fontsizeL a:hover{background-position:-62px 0;}
#skinIndex .Fontsizer li.fontsizeL a:hover{background-position:-62px -20px;}

.MainPane{position:absolute;top:0;left:0;width:960px;min-height:400px;}

.MainPane .infoCMSactions ul{z-index:20000!important;}
.MainPane .infoCMSactions li{z-index:30000!important;margin-left:180px!important;}
.MainPane .infoCMSactions li li{margin-left:0!important;}
.MainPane .infoCMSactions ul li:hover ul {top: 0px;left: 55px;}

/* ===========================================================
 gNav
=========================================================== */
#skinIndex #gNav{clear:both;width:100%;margin:0 auto;padding:0;height:55px;text-align:left;background:url(images/header_bg.gif) 0 1px repeat-x #787878;}
#skin2Columns #gNav,
#skin1Column #gNav{clear:both;width:835px;margin:0;padding:0;height:53px;text-align:left;}

#skinIndex .globalMenu{width:960px;}
#skin2Columns .globalMenu,
#skin1Column .globalMenu{width:835px;}
.globalMenu{margin:0 auto;}
/* clearfix */
.globalMenu:before,
.globalMenu:after{content:"";display:table;}
.globalMenu:after{clear:both;}
.globalMenu{zoom:1;}
/* clearfixEND */
.globalMenu ul{margin:0;padding:0;}
#skin2Columns .globalMenu ul,
#skin1Column .globalMenu ul{padding-top:1px;}
.globalMenu li{margin:0;padding:0;list-style-type:none;}


/* ===========================================================
 content
=========================================================== */
#mainBody{clear:both;width:960px;margin:0 auto;padding:25px 0 0 0;text-align:left;}
/* clearfix */
#mainBody:before,
#mainBody:after{content:"";display:table;}
#mainBody:after{clear:both;}
#mainBody{zoom:1;}
/* clearfixEND */

#skinIndex #sideWrap{float:right;width:175px;}
#skinIndex #contentWrap{float:left;width:770px;}

#skin2Columns #sideWrap{float:left;width:195px;}
#skin2Columns #contentWrap{float:right;width:730px;}


.breadcrumb{width:100%;background:#fff;margin:15px 0 0 0;}
.breadcrumbs{width:960px;margin:0 auto;padding:5px 0;font-size:10px;color:#666;text-align:left;}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active,
.breadcrumb a:hover{color:#666;text-decoration:underline;margin:0 5px;}
.breadcrumb a:hover{color:#333;text-decoration:none;}
.breadcrumb span{margin:0 5px;display:inline-block;}


/* clearfix */
/*.SidePane01:after	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.SidePane01				{display:inline-block;}
* html .SidePane01{height:1%;}
.SidePane01				{display:block;}*/
/* clearfix */
.SidePane02:after	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.SidePane02				{display:inline-block;}
* html .SidePane02{height:1%;}
.SidePane02				{display:block;}
/* clearfix */
.SidePane03:after	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.SidePane03				{display:inline-block;}
* html .SidePane03{height:1%;}
.SidePane03				{display:block;}
/* clearfix */
.SidePane04:after	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.SidePane04				{display:inline-block;}
* html .SidePane04{height:1%;}
.SidePane04				{display:block;}
/* clearfix */
.SidePane05:after	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.SidePane05				{display:inline-block;}
* html .SidePane05{height:1%;}
.SidePane05				{display:block;}

/* ===========================================================
 footBody
=========================================================== */
#footBody{margin:30px 0 0 0;padding:10px 0 0 0;background:url(images/footer_bg.gif) 0 10px repeat-x;min-height:115px;}
.footWrap{width:960px;margin:0 auto;}
/* clearfix */
.footWrap:before,
.footWrap:after{content:"";display:table;}
.footWrap:after{clear:both;}
.footWrap{zoom:1;}
/* clearfixEND */

.footLeftWrap{width:780px;float:left;padding:15px 0 0 0;}
/* clearfix */
.footLeftWrap:before,
.footLeftWrap:after{content:"";display:table;}
.footLeftWrap:after{clear:both;}
.footLeftWrap{zoom:1;}
/* clearfixEND */
.footRightWrap{width:171px;float:right;}

.FootLogoPane{width:65px;float:left;font-size:8px;}

.FootPane{width:620px;margin:0 0 0 20px;padding:0;float:left;text-align:left;}
/* clearfix */
.FootPane:before,
.FootPane:after{content:"";display:table;}
.FootPane:after{clear:both;}
.FootPane{zoom:1;}
/* clearfixEND */

.FootBottomPane{clear:both;width:960px;margin:0 auto;}

.copyright{clear:both;margin:20px 0 0 0;padding:5px 0 10px 0;font-size:12px;color:#444;text-align:right;}

.pagetop{clear:both;width:171px;margin-top:-7px;padding:0;}
.pagetop a,
.pagetop a:link,
.pagetop a:visited,
.pagetop a:active,
.pagetop a:hover{background:url(images/btn_pagetop.gif) 0 0 no-repeat;width:171px;height:38px;display:block;overflow:hidden;text-indent:-99999em;}



/* ===========================================================
 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;}



/* ===========================================================
 css for print
=========================================================== */
@media print {
body{font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
}