@charset "utf-8";

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

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

/*  skin-default ----- skin */

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



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

body, h1, h2, h3, h4, p, dl, ol, li, dt, dd, div, h1, p, img { margin:0; padding:0; border:none;}

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

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


/* General rules */
/* ----------------------------------------------------- */
img       {border: 0;}
form      {margin: 0;padding: 0;}
p         {margin: 0 0 1em;padding: 0;font-size:12px;}
li				{font-size:12px;}
p, blockquote, ul, ol, dl   {line-height: 1.5em;}
h1, h2, h3, h4, h5, h6, h7  {font-size: 100%;font-weight: normal;line-height: 1em;}


/* ===========================================================
 skin
=========================================================== */
#skinIndexJP,
#skin2ColumnJP,
#skinIndexEN,
#skin2ColumnEN  {color:#000;}


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

/* Logo */
/* ----------------------------------------------------- */
.headLogo       {float:left;width:230px;}

/* headPane */
/* ----------------------------------------------------- */
.HeadPane       {position: absolute;bottom: 5px;left: 230px;width: 410px;}
.HeadPane:before,
.HeadPane:after {content: " ";display: table;}
.HeadPane:after {clear: both;}
.HeadPane       {*zoom: 1;}
.HeadPane p     {color: #7f7985;font-weight: bold;margin: 0;}

/* headUtility */
/* ----------------------------------------------------- */
.headUtility        {float:right;margin:10px 0 0;padding:0;width: 250px;}
.headUtility:before,
.headUtility:after  {content: " ";display: table;}
.headUtility:after  {clear: both;}
.headUtility        {*zoom: 1;}

/* search */
/* ----------------------------------------------------- */
/* .Search             {float:left;position:relative;width:190px;height:30px;}
.Search input       {position:absolute;top:0;left:0;margin:0;padding:0;width:145px;height:25px;font-size:14px;line-height:22px;border:1px solid #ccc;}
.Search a,
.Search a:link,
.Search a:visited   {position:absolute;top:0;right:0;width:65px;height:25px;display:block;text-indent:-9999px;overflow:hidden;background:url(images/searchBtn.jpg) no-repeat 0 0;}
.Search a:hover,
.Search a:active    {background-position:0 -25px;} */

/* headSubPane */
/* ----------------------------------------------------- */
.HeadSubPane        {margin: 0;float:right;}
.HeadSubPane:before,
.HeadSubPane:after  {content: " ";display: table;}
.HeadSubPane:after  {clear: both;}
.HeadSubPane        {*zoom: 1;}


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


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

.TopPane				{width:100%;margin:0 0 5px;clear:both;}
.TopPane:before,
.TopPane:after 	{content: " ";display: table;}
.TopPane:after 	{clear: both;}
.TopPane       	{*zoom: 1;}

/* contentBody */
/* ----------------------------------------------------- */
#skinIndexJP #contentBody,
#skinIndexEN #contentBody        {width: 595px;float: left;}
#skin2ColumnJP #contentBody,
#skin2ColumnEN #contentBody      {width: 680px;float: right;}
#contentBody:before,
#contentBody:after  {content: " ";display: table;}
#contentBody:after  {clear: both;}
#contentBody        {*zoom: 1;}

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

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

#skinIndexJP #sideBody,
#skinIndexEN #sideBody    {width: 292px;float: right;}
#skin2ColumnJP #sideBody,
#skin2ColumnEN #sideBody  {width: 203px;float: left;}
#sideBody:before,
#sideBody:after           {content: " ";display: table;}
#sideBody:after           {clear: both;}
#sideBody                 {*zoom: 1;}

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

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

.pagetop						{clear:both;width:100%;margin:0 auto;padding:10px 0 0;}
.pagetop a,
.pagetop a:link,
.pagetop a:visited 	{width:103px; height:15px;float:right;text-decoration:none;text-indent:-9999px;padding:0 0 10px;}
.pagetop.lang_JP a 	{background:url(/Portals/0/images/common/pagetop_JP.gif) 0 0 no-repeat;}
.pagetop.lang_EN a 	{background:url(/Portals/0/images/common/pagetop_EN.gif) 0 0 no-repeat;}



/* ===========================================================
 footBody
=========================================================== */
#footBody         {clear:both;margin:0;padding:0;position: relative;width: 898px;margin: 0 auto;}
#footBody:before,
#footBody:after   {content: " ";display: table;}
#footBody:after   {clear: both;}
#footBody         {*zoom: 1;}

.FootPane         {background:url(images/bg_footer.jpg) center top no-repeat;width: 100%;height: 116px;}
.FootPane:before,
.FootPane:after   {content: " ";display: table;}
.FootPane:after   {clear: both;}
.FootPane         {*zoom: 1;}

.copyright        {position: absolute;bottom: 0;right: 0;width: 400px;text-align: right;font-size: 11px;color: #999;margin: 0;}


/* ===========================================================
 css for admin
=========================================================== */

/* css-for-adminModules */
#skinAdmin h2           {margin:0 !important;padding:0 0 5px 0 !important;background:0 !important;border:0 !important;}
#skinAdmin #contentBody {width: 100%;}
.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";}
}