@charset "utf-8";
@import "SEOAdmin.css";

@import url("/Portals/0/css/common.css");
@import url("/Portals/0/css/contents.css");
@import url("/Portals/0/css/spot.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%;}

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


/* ===========================================================
 skin
=========================================================== */
#skinAdmin,
#skin2ColumnsLnavi,
#skinindex	   { color:#666666;min-width:1000px;height:100%;}

#skin2ColumnsLnavi,
#skinindex         { background:#fffeef;}

/* ===========================================================
 containerBody >> index, 2Column, 3Colum
=========================================================== */
#skin2ColumnsLnavi #containerWrapper,
#skin3ColumnsLnavi #containerWrapper   { background:#fffeef url(images/bg_header.gif) left top repeat-x;}
#skinindex #containerWrapper           {background:#fffeef;}
#containerBody	                       {clear:both;padding:0; margin:0 auto;overflow:hidden; width:960px;}

#skinindex #containerBody	           {clear:both;padding:9px 0 0 0; margin:0 auto;overflow:hidden; width:960px;}



/* ===========================================================
 sideBody >> 2Column, 3Colum
=========================================================== */
#skin2ColumnsLnavi #sideBody,
#skin3ColumnsLnavi #sideBody           { float:left;margin:0; padding:0;width:198px; }
#skin2ColumnsLnavi #sideBody .Logo,
#skin3ColumnsLnavi #sideBody .Logo     { margin:0 0 20px 0; padding:0; text-align:center;}
#skin2ColumnsLnavi #sideBody .SidePane,
#skin3ColumnsLnavi #sideBody .SidePane { margin:0; padding:0;}

/* ===========================================================
 HeadBody >> 2Column, 3Colum
=========================================================== */
#skin2ColumnsLnavi #HeadBody,
#skin3ColumnsLnavi #HeadBody                            {float:right; width:762px ;margin:0; padding:0; height:100%}

#skin2ColumnsLnavi #HeadBody .HeadWrapper,
#skin3ColumnsLnavi #HeadBody .HeadWrapper               { clear:both;margin:0; padding:0; height:48px;}
#skin2ColumnsLnavi #HeadBody .HeadWrapper .HeadPane,
#skin3ColumnsLnavi #HeadBody .HeadWrapper .HeadPane     { float:left;margin:0; padding:0; width:272px; }
#skin2ColumnsLnavi #HeadBody .HeadWrapper .HeadsubPane,
#skin3ColumnsLnavi #HeadBody .HeadWrapper .HeadsubPane  { float:left;margin:0; padding:0; width:235px; }
#skin2ColumnsLnavi #HeadBody .HeadWrapper .FontsizePane,
#skin3ColumnsLnavi #HeadBody .HeadWrapper .FontsizePane { float:left;margin:0; padding:0; _width:129px; }
#skin2ColumnsLnavi #HeadBody .HeadWrapper .SearchPane,
#skin3ColumnsLnavi #HeadBody .HeadWrapper .SearchPane   { float:right;margin:0; padding:0; width:115px; }

#skin2ColumnsLnavi #HeadBody .hNaviPane,
#skin3ColumnsLnavi #HeadBody .hNaviPane { clear:both;margin:0; padding:0; height:58px;}

*:first-child+html #skin2ColumnsLnavi #HeadBody .HeadWrapper .FontsizePane,
*:first-child+html #skin3ColumnsLnavi #HeadBody .HeadWrapper .FontsizePane { width:129px; }



/* ===========================================================
 pageBody >>  2Column, 3Colum
=========================================================== */
#skin2ColumnsLnavi #pageBody,
#skin3ColumnsLnavi #pageBody                           { float:right; width:745px ;margin:0; padding:0; height:100%;}

#skin2ColumnsLnavi #pageBody .breadcrumbPane,
#skin3ColumnsLnavi #pageBody .breadcrumbPane           {margin:0;padding:5px 0 10px 0;height:auto;}
#skin2ColumnsLnavi #pageBody .breadcrumbPane a:link,
#skin3ColumnsLnavi #pageBody .breadcrumbPane a:link    {text-decoration:underline;}
#skin2ColumnsLnavi #pageBody .breadcrumbPane a:visited,
#skin3ColumnsLnavi #pageBody .breadcrumbPane a:visited {text-decoration:underline;}
#skin2ColumnsLnavi #pageBody .breadcrumbPane a:hover,
#skin3ColumnsLnavi #pageBody .breadcrumbPane a:hover   {color:#41553c;text-decoration:none;}

/*ContentPane*/
#skin2ColumnsLnavi #pageBody .ContentPane {clear:both;  width:100%; margin:0; padding:0;line-height:2.0em;}
#skin3ColumnsLnavi #pageBody .ContentPane { float:left; width:530px; margin:0; padding:0;line-height:2.0em;}
#skin3ColumnsLnavi #pageBody .SubcontentPane  { float:right; width:198px; margin:0; padding:0;line-height:2.0em;}

#skin2ColumnsLnavi #pageBody .PageTopPane,
#skin3ColumnsLnavi #pageBody .PageTopPane {clear:both;  width:100%; margin:0; padding:0 0 20px 0;}


/* ===========================================================
 head >> Index
=========================================================== */
#skinindex #HeadBody {width:762px ;margin:0; padding:0; height:100%}


/* ===========================================================
 sideBody >> Index
=========================================================== */
#skinindex .SidePane  { float:left;margin:0 10px 0 0; padding:0 0px 0 0;width:300px; }

/* ===========================================================
 pageBody >>  Index
=========================================================== */
#skinindex .ContentPane { float:left; width:416px;margin:0; padding:0;}
#skinindex .SubcontentPane { float:right; width:224px;margin:0; padding:0;}

#skinindex .BottomPane { clear:both; padding:0; margin:0;}


/* ===========================================================
 footBody
=========================================================== */

#footBody { clear:both;padding:15px 0;margin:35px 0 0 0; background:url(images/bg_footer.gif) top left repeat;}
#footBody .FootPane{clear:both;margin:0 auto; padding:5px 0; width:960px; overflow:hidden;}

#footBody .Copyright{clear:both;margin:0; padding:10px 0; text-align: center; color:#FFF; font-size:11px; *font-size:85%; background:url(images/bg_copy.gif) left bottom repeat;}
#footBody .Copyright p.add {text-align: center; color:#FFF; font-size:11px; *font-size:85%; margin:0; padding:5px 0; line-height:14px;}

* html #footBody .Copyright{clear:both;margin:0; padding:10px 0; text-align: center; color:#FFF;font-size:85%; background:url(images/bg_copy.gif) left bottom repeat; height:10px;}

#footBody { padding:15px 0;margin:35px 0 0 0;}



/* ===========================================================
 sideBody >>  Index
=========================================================== */

#skinindex #containerWrapper {position:relative; }
#skinindex #HeadBg {
	background:url(images/bg_indexheader.gif) left top repeat-x;
	position:absolute;
	top:-1px;
	width:100%;
	height:130px;
}

*:first-child+html #skinindex #HeadBg { left:0; margin-left:0;}
*html #skinindex #HeadBg { left:0; margin-left:0;}


#skinindex #HeadPosition { position: absolute;width:960px; left:50%; top:0; margin-left:-480px;}

#skinindex #sideBody          { float:left;margin:0; padding:0;width:198px; }
#skinindex #sideBody .Logo    { margin:0 0 20px 0; padding:0; text-align:center;}

/* ===========================================================
 pageBody >> Index
=========================================================== */
#skinindex #HeadBody                           {float:right; width:762px ;margin:0; padding:0; height:100%;}

#skinindex #HeadBody .HeadWrapper               { clear:both;margin:0; padding:0; height:48px;}
#skinindex #HeadBody .HeadWrapper .HeadPane    { float:left;margin:0; padding:0; width:275px; }
#skinindex #HeadBody .HeadWrapper .HeadsubPane  { float:left;margin:0; padding:0; width:235px; }
#skinindex #HeadBody .HeadWrapper .FontsizePane { float:left;margin:0; padding:0; _width:129px; }
#skinindex #HeadBody .HeadWrapper .SearchPane  { float:right;margin:0; padding:0; width:115px; }

#skinindex #HeadBody .hNaviPane{ clear:both;margin:0; padding:0; height:58px;}

*:first-child+html #skinindex #HeadBody .HeadWrapper .FontsizePane { width:129px; }