@charset "utf-8";

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

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

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

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

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

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

a img{border: none;}
a:hover img{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}


/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin2Columns,
#skinAdmin{color:#000;background:url(/Portals/0/Skins/CRX-UTA/images/bg_top.png) center 11px no-repeat;overflow: hidden;}

#pageBody{background:url(/Portals/0/Skins/CRX-UTA/images/bg_bottom.png) center bottom no-repeat;padding:0 0 350px;}


/* ===========================================================
 headBody
=========================================================== */
#headBody{width:1006px;margin:16px auto 6px;padding:0;text-align:left;}
#headBody:before,
#headBody:after{content: " "; display: table;}
#headBody:after{clear: both;}
#headBody{*zoom: 1;}

#skinAdmin .headLogo{float: left;margin: 0;}
#skinAdmin #topWrap{width: 1006px;margin: 0 auto;}
#skinAdmin .headLogo img{width: 50%;}

/* search -----------------------------------------------------------*/
.search{float:right;position:relative;width: 180px;height: 20px;}
.search input{position:absolute;top:0;left:0;margin:0;padding:0 3px;;width: 140px;height: 20px;font-size:14px;line-height:22px;background: url(/Portals/0/Skins/CRX-UTA/images/bg_inputSearch.jpg) 0 0 no-repeat;border: none;}
.search a,
.search a:link,
.search a:visited{position:absolute;top:0;right:0;width: 40px;height: 20px;display:block;text-indent:-9999px;overflow:hidden;background: url(/Portals/0/Skins/CRX-UTA/images/bt_search.png) no-repeat 0 0;}
.search a:hover,
.search a:active{background-position: 0 -20px;}


/* Fontsizer --------------------------------------------------------*/
.Fontsizer{float:right;margin:0 18px 0 0;width:127px;height:20px;background:url(/Portals/0/Skins/CRX-UTA/images/bg_fontsize.png) no-repeat 0 0;}
.Fontsizer ul{margin:0;padding:0 0 0 58px;}
.Fontsizer ul:before,
.Fontsizer ul:after{content: " "; display: table;}
.Fontsizer ul:after{clear: both;}
.Fontsizer ul{*zoom: 1;}
.Fontsizer li{float:left;width:23px;height:17px;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:23px;height:20px;text-indent:-9999px;overflow:hidden;background:url(/Portals/0/Skins/CRX-UTA/images/bg_fontsize.png) no-repeat -58px 0;overflow:hidden;}
.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(/Portals/0/Skins/CRX-UTA/images/bg_fontsize.png) no-repeat -104px 0;}
.Fontsizer li.fontsizeS a:hover{background-position:-104px -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:url(/Portals/0/Skins/CRX-UTA/images/bg_fontsize.png) no-repeat -81px 0;}
.Fontsizer li.fontsizeM a:hover{background-position:-81px -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:url(/Portals/0/Skins/CRX-UTA/images/bg_fontsize.png) no-repeat -58px 0;}
.Fontsizer li.fontsizeL a:hover{background-position:-58px -20px;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{clear:both;width:165px;margin:0 0 0 5px;;padding:0;height:auto;text-align:left;}
#gNav:before,
#gNav:after{content: " "; display: table;}
#gNav:after{clear: both;}
#gNav{*zoom: 1;}

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


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

#sideWrap{clear:both;width:170px;margin:0;float:left;}
#sideWrap:before,
#sideWrap:after{content: " "; display: table;}
#sideWrap:after{clear: both;}
#sideWrap{*zoom: 1;}

.headLogo{margin:0 0 50px;}
.headLogo a:hover img{opacity:1.0;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}

.SidePane{clear:both;width:170px;height:auto;}

#contentWrap:before,
#contentWrap:after{content: " "; display: table;}
#contentWrap:after{clear: both;}
#contentWrap{*zoom: 1;}
#skinIndex #contentWrap,
#skin2Columns #contentWrap{width: 838px;margin:8px 0 0;float:right;background: url(/Portals/0/images/common/bg_sboxTop.png) 0 0 no-repeat;padding: 30px 0 0;}
#skinAdmin #contentWrap{width: 1014px;margin:0;float:right;background: url(/Portals/0/images/common/bg_mboxTop.png) 0 0 no-repeat;padding: 30px 0 0;}
#skinIndex .contentLayer_outside,
#skin2Columns .contentLayer_outside{background: url(/Portals/0/images/common/bg_sboxBottom.png) 0 bottom no-repeat;padding: 0 0 30px;}
#skinAdmin .contentLayer_outside{background: url(/Portals/0/images/common/bg_mboxBottom.png) 0 bottom no-repeat;padding: 0 0 30px;}
#skinIndex .contentlayer_inside,
#skin2Columns .contentlayer_inside{padding: 0 24px;width: 790px;background: url(/Portals/0/images/common/bg_sboxMiddle.png) 0 0 repeat;}
#skinAdmin .contentlayer_inside{padding: 0 24px;width: 966px;background: url(/Portals/0/images/common/bg_mboxMiddle.png) 0 0 repeat;}
#skin2Columns .contentlayer_inside{min-height:700px;}

.breadcrumb{width:100%;margin:0;padding:5px 0;font-size:85%;color:#999;text-align:left;}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active,
.breadcrumb a:hover{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#333;text-decoration:none;}

.PagetitlePane:before,
.PagetitlePane:after{content: " "; display: table;}
.PagetitlePane:after{clear: both;}
.PagetitlePane{*zoom: 1;}

.contentInnerWrap{padding:0 30px;}

.contentInnerPane{width:730px;margin:0 auto;}
.contentInnerPane:before,
.contentInnerPane:after{content: " "; display: table;}
.contentInnerPane:after{clear: both;}
.contentInnerPane{*zoom: 1;}

*:first-child+html .contentTop{margin:0 0 20px;}
.contentTop:before,
.contentTop:after{content: " "; display: table;}
.contentTop:after{clear: both;}
.contentTop{*zoom: 1;}

.contentBottom:before,
.contentBottom:after{content: " "; display: table;}
.contentBottom:after{clear: both;}
.contentBottom{*zoom: 1;}

.contentBottomRight:before,
.contentBottomRight:after{content: " "; display: table;}
.contentBottomRight:after{clear: both;}
.contentBottomRight{*zoom: 1;}

#skinIndex .ContentPane{width:570px;min-height:420px;overflow:hidden;float:left;margin:0 20px 20px 0;border:none !important;}
#skin2Columns .ContentPane,
#skinAdmin .ContentPane{width:100%;height:auto;}
.ContentPane:before,
.ContentPane:after{content: " "; display: table;}
.ContentPane:after{clear: both;}
.ContentPane{*zoom: 1;}

.Content01Pane,
.Content02Pane{float:left;width:200px;min-height:200px;margin:0 0 20px;overflow:hidden;border:none !important;}

.TopicsPane{clear:both;width:240px;height:420px;float:left;margin:0 20px 0 0;border:none !important;}
.TopicsPane:before,
.TopicsPane:after{content: " "; display: table;}
.TopicsPane:after{clear: both;}
.TopicsPane{*zoom: 1;}

.contentBottomRight:before,
.contentBottomRight:after{content: " "; display: table;}
.contentBottomRight:after{clear: both;}
.contentBottomRight{*zoom: 1;}

.Content03Pane{float:left;width:200px;min-height:200px;margin:0 20px 20px 0;overflow:hidden;border:none !important;}
.Content04Pane{float:left;width:310px;min-height:200px;margin:0 0 20px;overflow:hidden;border:none !important;}
.Content05Pane{float:left;width:310px;min-height:200px;margin:0 20px 0 0;overflow:hidden;border:none !important;}
.Content06Pane{float:left;width:200px;min-height:200px;margin:0;overflow:hidden;border:none !important;}

.pagetop{clear:both;text-align:right;width:100%;margin:0 auto;padding:10px 0 0 0;}
.pagetop a,
.pagetop a:link,
.pagetop a:visited{width:100px; height:18px;color:#e70012;text-decoration:none;}
.pagetop a:hover,
.pagetop a:active{text-decoration:underline;}


/* ===========================================================
 footBody
=========================================================== */
#footBody{clear:both;margin:0;padding:30px 0 15px; background:url(/Portals/0/Skins/CRX-UTA/images/bg_footer.png) repeat-x 0 0 #c5c5c5; min-height:35px;}
#footWrap{width:1014px;margin:0 auto;position:relative;}
.FootPane{margin:0 auto;padding:0;text-align:left;}
.FootPane:before,
.FootPane:after{content: " "; display: table;}
.FootPane:after{clear: both;}
.FootPane{*zoom: 1;}

/*.footBottomWrap:before,
.footBottomWrap:after{content: " "; display: table;}
.footBottomWrap:after{clear: both;}
.footBottomWrap{*zoom: 1;}*/
.FootBottomPane{margin:0 auto;}

.copyright{clear:both;width:100%;margin:0 auto;padding:0;font-size:11px;color:#ac5656;text-align:left;position:absolute;bottom:0;left:0;}


/* ===========================================================
 sNav for admin
=========================================================== */
.SEOMenuV2 .SEOMenuV2{margin:5px;padding:0;border:1px solid #c00;}
.SEOMenuV2 .SEOMenuV2 ul{margin:0;padding:0;border:1px solid #fff;}
.SEOMenuV2 .SEOMenuV2 ul li{margin:0;padding:0;list-style:none;}
.SEOMenuV2 .SEOMenuV2 ul li a{display:block;padding:5px;background:#c00;color:#fff;}
.SEOMenuV2 .SEOMenuV2 ul li a:hover{text-decoration:none;background:#900;}
.SEOMenuV2 .SEOMenuV2 ul li ul li a{border-top:1px dashed #ccc;background:#fff;color:#444;}
.SEOMenuV2 .SEOMenuV2 ul li ul li:first-child a{border-top:none;}
.SEOMenuV2 .SEOMenuV2 ul li ul li a:hover{background:#eee;}
.SEOMenuV2 .SEOMenuV2 ul li ul li a.CurrentLinkClass{color:#c00;}



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