@charset "utf-8";

@import url("/Portals/0/css/contents.css");

/* ===========================================================
common
=========================================================== */
body, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, div, h1, p, 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;
}

/* ---------------------------------------------------------
Ajax
--------------------------------------------------------- 
#__dnn_body{background:none;}*/

/* ---------------------------------------------------------
admin
--------------------------------------------------------- 
.ADMIN{padding:0;}*/
html			{height:100%;}
body			{height:100%;font-family: "meiryo","メイリオ","ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif"; font-size:12px;}
@media print {  
    body {font-family: "ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}  
}  
a,
a:link,
a:active,
a:visited		{color:#2c44ae;text-decoration:none;}
a:hover,
a:active,
a:focus			{color:#c80002;text-decoration:none;}


/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin1Column,
#skin2Column {color:#000000;min-width:1000px;background:#FFFFFF;overflow:hidden;}


/* ===========================================================
 containerBody
=========================================================== */
#containerBody	{clear:both;padding:0; margin:0;}


/* ===========================================================
 headBody
=========================================================== */
#headBody { width:950px; height:55px; margin:0 auto; padding:0; text-align:left; margin-top:10px;}
#headBody .H1Wrapper { float:left; }
#headBody .H1Wrapper .H1Pane {width:450px; height:auto; margin:0; padding:0;  }
#headBody .H1Wrapper .H1Pane h1 { font-size:12px; font-weight:normal; margin-bottom:5px; color:#333; }
#headBody .H1Wrapper .Logo { width:450px;  margin:0; padding:0; }
#headBody .HeadWrapper { float:right; width:350px; }
#headBody .headUtility{height:21px;margin:5px 0 8px 0;}
#headBody .headUtility .FontSizeWrapper {float:left; width:130px;}
#headBody .headUtility .FontSizeWrapper ul { background:url(images/txtsize.png) no-repeat left; float:right; margin:0; padding:0 0 0 54px; height:21px; width:auto;}
#headBody .headUtility .FontSizeWrapper li { list-style:none; float:left; margin: 0 2px 0 0; padding:0; text-indent: -99999px; height:21px; width:21px; }
#headBody .headUtility .FontSizeWrapper li:first-child{margin-left:6px;}
#headBody .headUtility .FontSizeWrapper li a{ display: block; height:21px; width:21px; }
#headBody .headUtility .FontSizeWrapper li.fontSizeS a { background: url(images/txtsize_btn-S.png) no-repeat top; }
#headBody .headUtility .FontSizeWrapper li.fontSizeM a { background: url(images/txtsize_btn-M.png) no-repeat top; }
#headBody .headUtility .FontSizeWrapper li.fontSizeL a { background: url(images/txtsize_btn-L.png) no-repeat top; }
#headBody .headUtility .Serach {float:right; width:211px;height:21px;}
#headBody .headUtility .Serach input,
#headBody .headUtility .Serach a{float:left;display:block;}
#headBody .headUtility .Serach input { height: 21px; width:180px; border:none; background:#cce1ff; padding:0 5px; margin:0; }
#headBody .headUtility .Serach .searchbox { left:180px; height: 21px; width:21px; }
#headBody .HeadWrapper .HeadPane {clear:both;margin:0; padding:0;}


/* ===========================================================
 gNavBody
=========================================================== */
#gNavBody {clear:both;position:relative;}
#gNavBody .gNav ul{position:absolute;z-index:50;width:950px;}
#skinIndex #gNavBody{min-height:350px;}
#skinIndex #gNavBody .TopPane {clear:both;position:absolute;top:0;left:0;}

#gNavBg{width:100%;background: url(images/gnav_bg.png) no-repeat center top;}
#gNavBody{width:950px;margin:0 auto;}
#gNavBody .gNav{width:950px;margin:0 auto;height:70px;}
#gNavBody .gNav ul{margin:0px; padding:0px;}
#gNavBody .gNav ul li{ float:left; list-style:none; margin:0; padding:0; }
#gNavBody .gNav ul li a { float:left; text-indent:-99999px; display:none; }

#gNavBody .gNav ul li a { background:url(images/gnav_btn.png) left top no-repeat; height:70px; }
#gNavBody .gNav ul li.Tab36 a{display:block;width:83px;background-position:left 0;}
#gNavBody .gNav ul li.Tab66 a{display:block;width:115px;background-position:-83px 0;}
#gNavBody .gNav ul li.Tab60 a{display:block;width:150px;background-position:-198px 0;}
#gNavBody .gNav ul li.Tab442 a{display:block;width:151px;background-position:-349px 0;}
#gNavBody .gNav ul li.Tab443 a{display:block;width:154px;background-position:-500px 0;}
#gNavBody .gNav ul li.Tab64 a{display:block;width:180px;background-position:-654px 0;}
#gNavBody .gNav ul li.Tab65 a{display:block;width:117px;background-position:right 0;}

#gNavBody .gNav ul li.Tab36 a:hover{width:83px;background-position:left -70px;}
#gNavBody .gNav ul li.Tab66 a:hover{width:115px;background-position:-83px -70px;}
#gNavBody .gNav ul li.Tab60 a:hover{width:150px;background-position:-198px -70px;}
#gNavBody .gNav ul li.Tab442 a:hover{width:151px;background-position:-349px -70px;}
#gNavBody .gNav ul li.Tab443 a:hover{width:154px;background-position:-500px -70px;}
#gNavBody .gNav ul li.Tab64 a:hover{width:180px;background-position:-654px -70px;}
#gNavBody .gNav ul li.Tab65 a:hover{width:117px;background-position:right -70px;}

#gNavBody .gNav ul li.Tab36 a.CurrentLinkClass{width:83px;background-position:left bottom;}
#gNavBody .gNav ul li.Tab66 a.CurrentLinkClass{width:115px;background-position:-83px bottom;}
#gNavBody .gNav ul li.Tab60 a.CurrentLinkClass{width:150px;background-position:-198px bottom;}
#gNavBody .gNav ul li.Tab442 a.CurrentLinkClass{width:151px;background-position:-349px bottom;}
#gNavBody .gNav ul li.Tab443 a.CurrentLinkClass{width:154px;background-position:-500px bottom;}
#gNavBody .gNav ul li.Tab64 a.CurrentLinkClass{width:180px;background-position:-654px bottom;}
#gNavBody .gNav ul li.Tab65 a.CurrentLinkClass{width:117px;background-position:right bottom;}

/* PullDown --------------------------------------*/
#gNavBody .gNav ul li{position:relative;}
#gNavBody .gNav ul li ul{position:absolute; display:none;z-index:-10;}
#gNavBody .gNav ul li.Tab443 ul{ top:30px; left:-8px; background:url(images/gnav_pulldown-bg.png) no-repeat bottom;padding:30px 10px 0 10px;width:150px;}
#gNavBody .gNav ul li.Tab443:hover ul{display:block;}
#gNavBody .gNav ul li.Tab443:hover ul li{padding:10px 0 10px 0;width:150px;}
#gNavBody .gNav ul li.Tab443:hover ul li + li{background:url(images/gnav_pulldown-line.png) no-repeat top;}
#gNavBody .gNav ul li.Tab443:hover ul li a{background:none;text-indent:0;height:auto;color:#FFF;text-align:left;font-size:14px;background:url(images/arw_s.gif) no-repeat left 5px;padding-left:16px;}
#gNavBody .gNav ul li.Tab443:hover ul li a:hover{color:#2c44ae;}
#gNavBody .gNav ul li.Tab443 a{cursor:default;}
#gNavBody .gNav ul li.Tab443 ul li a{cursor:pointer;}

#gNavBody .gNav ul li.Tab64 ul{ top:30px; left:-8px; background:url(images/gnav_pulldown-bg.png) no-repeat bottom;padding:30px 10px 0 10px;width:150px;}
#gNavBody .gNav ul li.Tab64:hover ul{display:block;}
#gNavBody .gNav ul li.Tab64:hover ul li{padding:10px 0 10px 0;width:150px;}
#gNavBody .gNav ul li.Tab64:hover ul li + li{background:url(images/gnav_pulldown-line.png) no-repeat top;}
#gNavBody .gNav ul li.Tab64:hover ul li a{background:none;text-indent:0;height:auto;color:#FFF;text-align:left;font-size:14px;background:url(images/arw_s.gif) no-repeat left 5px;padding-left:16px;}
#gNavBody .gNav ul li.Tab64:hover ul li a:hover{color:#2c44ae;}
#gNavBody .gNav ul li.Tab64 a{cursor:default;}
#gNavBody .gNav ul li.Tab64 ul li a{cursor:pointer;}

#headBody .HeadWrapper .HeadPane #tMenu { list-style: none; margin: 0; padding: 0; float:right; }
#headBody .HeadWrapper .HeadPane #tMenu li { font-size: 12px;margin: 0 0 0 15px; padding: 0; vertical-align: middle; float:left; }
#headBody .HeadWrapper .HeadPane #tMenu li { background:url(images/arw_s.gif) no-repeat left 4px;padding-left:16px; }


/* ===========================================================
 pageBody
=========================================================== */
#pageBody { width:950px; margin:0 auto 20px auto; clear:both; overflow:hidden; _zoom:1; text-align:left;}
.BreadcrumbPane { width:930px; clear:both; margin:0 auto; padding:5px 0 10px 20px; text-align:right; height:auto;}


/* ===========================================================
 pageBody >> Index
=========================================================== */
#skinIndex #pageBody {width:956px;}
#skinIndex #pageBody .PageWrapper { width:676px; float:left;}
#skinIndex #pageBody .SideWrapper { width:268px; float:right;}
#skinIndex #pageBody .ContentBottomPane{clear:both;}
#skinIndex #pageBody .ContentPane > div,
#skinIndex #pageBody .SidePane > div,
#skinIndex #pageBody .ContentBottomPane > div{margin-bottom:15px;}

#skinIndex #gNavBg .TopPane div > span > table{padding-top: 30px;}
#skinIndex #pageBody .ContentPane div > span > table,
#skinIndex #pageBody .SidePane div > span > table{padding-top: 60px;}

/* ===========================================================
 pageBody >> 1Column
=========================================================== */
#skin1Column #pageBody .PageWrapper { width:950px; }
#skin1Column #pageBody .Pagetop { width:950px; text-align:right; position:relative;}
#skin1Column #pageBody .Pagetop a { background: url(images/page_top.jpg) no-repeat top right; display:block; height:20px;}
#skin1Column #pageBody .Pagetop a:hover { background: url(images/page_top_o.jpg) no-repeat top right;}
#skin1Column #pageBody .Pagetop span { display:none;}

/* ===========================================================
 pageBody >> 2Column
=========================================================== */
#skin2Column #pageBody { background:url(images/bg.gif) repeat-y;}
#skin2Column #pageBody .PageWrapper { width:665px; float:right; margin-right:20px;}
#skin2Column #pageBody .SideWrapper { width:225px; float:left; margin-left:20px;}
#skin2Column #pageBody .Pagetop { text-align:right; clear:both; overflow:hidden; _zoom:1; padding-top:20px;}
#skin2Column #pageBody .Pagetop a { background: url(images/page_top.jpg) no-repeat top right; display:block; height:20px;}
#skin2Column #pageBody .Pagetop a:hover { background: url(images/page_top_o.jpg) no-repeat top right;}
#skin2Column #pageBody .Pagetop span { display:none;}

#pageBody .Side_navi { width:209px; padding:5px 8px; margin:0px; }
#pageBody .Side_navi ul { margin:0; padding:0;}
#pageBody .Side_navi li { background:url(images/side_bg.gif) no-repeat top #FFFFFF; margin:0; padding:10px; margin-bottom:8px; list-style:none; }
#pageBody .Side_navi li a { background: url(images/arw.gif) no-repeat left; padding-left:20px; display:block; }
#pageBody .Side_navi li a:hover { background: url(images/arw_o.gif) no-repeat left; }
#pageBody .Side_navi ul li.CurrentItem a.CurrentLinkClass,
#pageBody .Side_navi ul li.CurrentItem a.CurrentLinkClass:hover { background:url(images/arw_o.gif) no-repeat left; color:#c80002 !important; }
#pageBody .Side_navi ul li ul { margin:0 0 0 6px; padding:0;}
#pageBody .Side_navi ul li ul li { background:none ; width:155px; margin:0; padding:10px 10px 0 10px; margin-bottom:0 ; list-style:none; }
#pageBody .Side_navi ul li ul li a { background: url(images/arw_s.gif) no-repeat left 4px; padding-left:16px; display:block;}
#pageBody .Side_navi ul li ul li a:hover { background: url(images/arw_s_o.gif) no-repeat left 4px; }
#pageBody .Side_navi ul li ul li.CurrentItem a.CurrentLinkClass,
#pageBody .Side_navi ul li ul li.CurrentItem a.CurrentLinkClass:hover { background:url(images/arw_s_o.gif) no-repeat left 4px; color:#c80002 !important; }
#pageBody .Side_navi ul li ul li ul li ul li { width:135px; } 
#pageBody .Side_navi ul li ul li ul li a { color:#000000; }
#pageBody .Side_navi ul li ul li ul li a:hover { color:#c80002 !important;}

#pageBody .Side_navi ul li ul li ul li,
#pageBody .Side_navi ul li ul li.CurrentItem ul li ul li { display:none; }

#pageBody .Side_navi ul li ul li.CurrentItem,
#pageBody .Side_navi ul li ul li.CurrentItem ul li,
#pageBody .Side_navi ul li ul li ul li.CurrentItem,
#pageBody .Side_navi ul li ul li ul li.CurrentItem ul li { display:block; }


/* ===========================================================
 PagetopBody
=========================================================== */
#PagetopBody .Pagetop { width:950px; margin:0 auto; }
#PagetopBody .Pagetop a { background: url(images/pagetop_btn.png) no-repeat top ; display:block; height:27px; width:140px; float:right; }
#PagetopBody .Pagetop a:hover { background: url(images/pagetop_btn.png) no-repeat bottom ; }
#PagetopBody .Pagetop span { display:none; }


/* ===========================================================
 footBody
=========================================================== */
#footBody{ clear:both; width:100%; margin:0; padding:0; background:#175aba;overflow:hidden;}
#footBody .footWrapper{width:950px; margin:0 auto;}
/* clearfix */
#footBody .footWrapper:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footBody .footWrapper      {display:inline-block;}
* html #footBody .footWrapper {height:1%;}
#footBody .footWrapper       {display:block;}
/* clearfixEND */
#footBody .footWrapper .BottomPane{ width: 600px; float:left; color:#fff; }
#footBody .footWrapper .BottomPane ul.s-text { margin:0; padding:0; font-size: 12px; height:30px; line-height: 30px;}
#footBody .footWrapper .BottomPane ul.s-text li { list-style:none; display: inline; }
#footBody .footWrapper .BottomPane ul.s-text li a{color:#fff;}
#footBody .footWrapper .BottomPane ul.s-text li a:hover{color:#baceea;}
#footBody .footWrapper .Copyright { float:right; font-size: 10px; height:30px; line-height: 30px; color:#baceea; }