@charset "utf-8";

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

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

/*  OTS ----- skin */

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



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

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

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

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

a,
a:link,
a:visited,
a:active,
a:hover{color:#333333; text-decoration:none;}
a:hover{color:#217CC2; text-decoration:none;}


/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin2Columns,
#skin1Column{color:#333; overflow:hidden;}


/* ===========================================================
 headBody
=========================================================== */
#headBody{width:960px; margin:0 auto; padding:0; text-align:left;}
 /* clearfix */
#headBody:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#headBody{display:inline-block;}
* html #headBody{height:1%;}
#headBody{display:block;}
/* clearfixEND */

/* Logo -----------------------------------------------------------*/
#headBody .headLogo{float:left; margin:15px 0 0 0; padding:0;}
#headBody .headLogo h1 {background:none; line-height:normal; margin:0; padding:0;}
#headBody .headLogo a {background:url(images/logo.gif) 0 0 no-repeat; height: 65px; width:243px; display:block;}
#headBody .headLogo a:hover {background-position:-243px 0;}
#headBody .headLogo img {display:none;}

/* headUtility -----------------------------------------------------*/
.headUtility{width:650px; float:right; margin:15px 0 0 0; padding:0;}
 /* clearfix */
.headUtility:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.headUtility{display:inline-block;}
* html .headUtility{height:1%;}
.headUtility{display:block;}
/* clearfixEND */

/* headUtilityBox -----------------------------------------------------*/
.headUtilityBox {margin:0 0 15px 0; padding:0; width:400px; float:right;}
 /* clearfix */
.headUtilityBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.headUtilityBox{display:inline-block;}
* html .headUtilityBox{height:1%;}
.headUtilityBox{display:block;}
/* clearfixEND */

/* HeadPane -----------------------------------------------------------*/
.HeadPane{padding:0; margin:0 0 15px 0; clear:both;}

/* Fontsizer -----------------------------------------------------------*/
.Fontsizer{float:left; margin:0 25px 0 0; width:167px; height:24px; background:url(images/fontsizerTitle.gif) 0 5px no-repeat;}
.Fontsizer ul{margin:0; padding:0 0 0 74px;}
 /* clearfix */
.Fontsizer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.Fontsizer{display:inline-block;}
* html .Fontsizer{height:1%;}
.Fontsizer{display:block;}
/* clearfixEND */
.Fontsizer li{float:left; width:31px; height:24px; 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; text-indent:-9999px; overflow:hidden; background:url(images/fontsizerBg.gif) no-repeat 0 0;}
.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:url(images/fontsizerBg.gif) no-repeat 0px 0; line-height:24px;}
.Fontsizer li.fontsizeS a:hover{background-position:0px -24px;}
.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:url(images/fontsizerBg.gif) no-repeat -30px 0; line-height:24px;}
.Fontsizer li.fontsizeM a:hover{background-position:-31px -24px;}
.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:url(images/fontsizerBg.gif) no-repeat -60px 0; line-height:24px;}
.Fontsizer li.fontsizeL a:hover{background-position:-62px -24px;}

* html .Fontsizer{margin:0 0 0 65px;}

/* search -----------------------------------------------------------*/
.headUtilityBox .search{float:left; position:relative; width:206px; height:24px;}
.headUtilityBox .search input{position:absolute; top:0; left:0; margin:0; padding:0 5px; width:150px; height:24px; font-size:13px; line-height:22px; border:none; background:url(images/searchBg.gif) 0 0 no-repeat;}
.headUtilityBox .search a,
.headUtilityBox .search a:link,
.headUtilityBox .search a:visited{position:absolute; top:0;right:0; width:46px; height:24px; display:block; text-indent:-9999px; overflow:hidden; background:url(images/searchBtn.gif) no-repeat 0 0;}
.headUtilityBox .search a:hover,
.headUtilityBox .search a:active{background-position:0 -24px;}




/* ===========================================================
 gNav
=========================================================== */
#gNav{clear:both; margin:0 auto; padding:0; height:100px; text-align:left; background:#217cc2; z-index:2;}
*+html #gNav {position:relative;}/* for IE7 */
 /* clearfix */
#gNav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#gNav{display:inline-block;}
* html #gNav{height:1%;}
#gNav{display:block;}
/* clearfixEND */

.globalMenu ul{margin:0;padding:0;}
.globalMenu li{margin:0;padding:0;list-style-type:none;}


/* ===========================================================
 content
=========================================================== */
#topBody {margin:0 auto; padding:0; background:url(images/sliderkitBg.jpg) center bottom repeat-x; overflow:hidden; z-index:1;}
#topBodyWrap {margin:0 auto; padding:0; width:1020px; background:url(images/sliderkitMainBg.jpg) left top no-repeat;}

#mainBodyWrap {background:url(images/contentsBg.jpg) center bottom repeat-x; padding:20px 0 0 0; min-height:500px;}
 /* clearfix */
#mainBodyWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#mainBodyWrap{display:inline-block;}
* html #mainBodyWrap{height:1%;}
#mainBodyWrap{display:block;}
/* clearfixEND */

#mainBody{clear:both;width:960px;margin:0 auto;padding:0;text-align:left;}
*+html #mainBody {margin-bottom:100px;}/* for IE7 */
/* clearfix */
#mainBody:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#mainBody{display:inline-block;}
* html #mainBody{height:1%;}
#mainBody{display:block;}
/* clearfixEND */
.TopPane {width:1020px; margin:0 auto; clear:both; text-align:left;}

.breadcrumb{width:690px; margin:0 auto 15px; padding:0 0 0 20px; font-size:85%; text-align:left;}
#skin1Column .breadcrumb{width:940px;}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active,
.breadcrumb a:hover,
.breadcrumb span {color:#333; text-decoration:none;}
.breadcrumb a:hover{color:#217cc2; text-decoration:none;}
.breadcrumb span:last-child {color:#217cc2;}
.breadcrumb img {margin:0 5px;}
/* last-child for IE6/7 */
.breadcrumb span {
color:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'#217cc2':'#333');}

#footBody p.pagetop {width:960px; margin:0 auto!important; padding:0!important; position:absolute; top:-46px; left:0;}
#footBody p.pagetop a,
#footBody p.pagetop a:link,
#footBody p.pagetop a:visited{width:150px; height:26px; background:url(images/pagetopBtn.gif) 0 0 no-repeat; text-indent:-9999em; display:block; float:right;}
#footBody p.pagetop a:hover,
#footBody p.pagetop a:active{background-position:0 -26px;}



/* ===========================================================
 footBodyWrap
=========================================================== */
#footBodyWrap{background:#217cc2; padding:20px 0; margin:0;clear:both;zoom:1;}

#footBody{margin:0 auto; padding:0; width:960px; background:#217cc2; position:relative;zoom:1;}

 /* clearfix */
#footBodyBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footBodyBox{display:inline-block;}
* html #footBodyBox{height:1%;}
#footBodyBox{display:block;}
/* clearfixEND */

.FootPane{width:600px; margin:0; padding:0; float:left;}
 /* clearfix */
.FootPane:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.FootPane{display:inline-block;}
* html .FootPane{height:1%;}
.FootPane{display:block;}
/* clearfixEND */

.FootBottomPane{width:960px;margin:0; clear:both;}
 /* clearfix */
.FootBottomPane:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.FootBottomPane{display:inline-block;}
* html .FootBottomPane{height:1%;}
.FootBottomPane{display:block;}
/* clearfixEND */

.copyright{width:300px; margin:0; padding:0; font-size:85%; color:#FFFFFF; text-align:right; position:absolute; right:0; bottom:0;}




/* ===========================================================
 css for each skin
=========================================================== */

#skinIndex #sideWrap{float:right; width:250px; margin:0 0 100px 0;}
 /* clearfix */
#skinIndex #sideWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#skinIndex #sideWrap{display:inline-block;}
* html #skinIndex #sideWrap{height:1%;}
#skinIndex #sideWrap{display:block;}
/* clearfixEND */



#skinIndex #contentWrap{float:left; width:690px; margin:0 0 100px 0;}
/* clearfix */
#skinIndex #contentWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#skinIndex #contentWrap{display:inline-block;}
* html #skinIndex #contentWrap{height:1%;}
#skinIndex #contentWrap{display:block;}
/* clearfixEND */

#skinIndex .ContentPane {background:url(images/ContentsPaneBgI.png) center bottom no-repeat;}

#skin2Columns #sideWrap {float:left; width:230px; margin:0 0 100px 0;}
#skin2Columns #contentWrap {float:right; width:710px; padding:0; margin:0 0 100px 0;}
 /* clearfix */
#skin2Columns #contentWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#skin2Columns #contentWrap{display:inline-block;}
* html #skin2Columns #contentWrap{height:1%;}
#skin2Columns #contentWrap{display:block;}
/* clearfixEND */
#skin2Columns #contentWrap #contentWrapBox {background:url(images/ContentsPaneBg2.png) center bottom no-repeat; padding:0 20px 40px 20px;}
 /* clearfix */
#skin2Columns #contentWrap #contentWrapBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#skin2Columns #contentWrap #contentWrapBox{display:inline-block;}
* html #skin2Columns #contentWrap #contentWrapBox{height:1%;}
#skin2Columns #contentWrap #contentWrapBox{display:block;}
/* clearfixEND */

#skin1Column #contentWrap  {width:960px; padding:0; margin:0 0 100px 0;}
#skin1Column #contentWrap #contentWrapBox {background:url(images/ContentsPaneBg1.png) center bottom no-repeat; padding:0 20px 40px 20px;}

*+html .PagetitlePane {margin:0 0 30px 0;}/* for IE7 */

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