@import "/Portals/5/css/module.css";
@import "/Portals/5/css/gNav.css";
@import "/Portals/5/css/administration.css";
@import "/Portals/5/css/contents.css";


@charset "utf-8";

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

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

@charset "utf-8";

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

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

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

/* ---------------------------------------------------------
common
--------------------------------------------------------- */
html			{height:100%;}
body			{height:100%;}

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

/*フォントサイズ*/

body			{font-size:12px;line-height:1.5em;}
.Head			{font-size:12px;}
.CommandButton	{font-size:12px;}
h2				{font-size:16px;}
h3				{font-size:14px;}
h4,h5,h6,h7		{font-size:12px;}

/* ===========================================================
 skin
=========================================================== */
#skinAdmin,
#skin1Column,
#skin2ColumnsLnav,
#skin2ColumnsRnav,
#skin3Columns				{ margin:0 auto; background:#070540; color:#333; min-width:900px; height:100%}


/* ===========================================================
 SeoAdminArea
=========================================================== */
#seoAdminArea	{background:#fff;}

/* ===========================================================
 containerBody
=========================================================== */

#containerBody	{clear:both;padding:5px 0 0 0;background:url(images/bgTop.jpg) top left repeat-x #f7f7f7; width:100%;}


/* ===========================================================
 headBody
=========================================================== */


#headBody					{width:100%;height:50px;margin:0 auto;clear:both;background:url(images/headBg.jpg) bottom repeat-x;}
#headBody .headWrapper		{width:920px;height:50px;margin:0 auto;clear:both;}


#headBody .headWrapper .hLogo			{height:40px;float:left;margin:10px 0 0 0; width:190px; text-align:left;}
#headBody .headWrapper .hNavPane					{width:730px;height:50px;float:right;margin:0; padding:0;list-style-type:none;}

#headBody .headWrapper .hNavPane ul				{margin:0;padding:0 0 0 5px;list-style-type:none;}
#headBody .headWrapper .hNavPane li				{margin:0;padding:0;list-style-type:none;float:left;}
* html #headBody .headWrapper .hNavPane li			{font-size:1px;line-height:1px;}

#headBody .headWrapper .hNavPane li#hNavDf			{width:100px;}
#headBody .headWrapper .hNavPane li#hNavOm			{width:100px;}
#headBody .headWrapper .hNavPane li#hNavNs			{width:100px;}
#headBody .headWrapper .hNavPane li#hNavCp			{width:100px;}
#headBody .headWrapper .hNavPane li#hNavJp			{width:105px;}
#headBody .headWrapper .hNavPane li#hNavGv			{width:105px;}




/* ===========================================================
 headBody
=========================================================== 
#headBody					{width:1000px;height:50px;margin:0 auto;text-align:left;clear:both;background:url(images/headBg.jpg) center bottom no-repeat;}

.hLogo						{width:185px;height:40px;float:left;margin:10px 0 0 45px;}
* html .hLogo				{margin:10px 0 0 27px;}
.hNavPane					{width:735px;height:50px;float:right;margin:0 34px 0 0;list-style-type:none;}
* html .hNavPane			{margin:0 20px 0 0;}
*:first-child+html .hNavPane	{margin:0 35px 0 0;}
.hNavPane ul				{margin:0;padding:0 0 0 5px;list-style-type:none;}
.hNavPane li				{margin:0;padding:0;list-style-type:none;float:left;}
* html .hNavPane li			{font-size:1px;line-height:1px;}
.hNavPane li#hNavDf			{width:100px;}
.hNavPane li#hNavOm			{width:100px;}
.hNavPane li#hNavNs			{width:100px;}
.hNavPane li#hNavCp			{width:100px;}
.hNavPane li#hNavJp			{width:105px;}
.hNavPane li#hNavGv			{width:105px;}*/



/* ===========================================================
 pageBody
=========================================================== */

#pageBody				{width:100%;margin:0 auto;clear:both;background: url(images/contentTopBg.jpg) top repeat-x #fff;}
#pageBody .headBody		{clear:both;width:900px; margin:0 auto; height:95px; background:url(images/dinafont-logo.gif) no-repeat right top ;text-align:right; padding:0 0 15px 0;}
#pageBody .headBody .headPane{ float:right; width:620px;margin:0 auto; padding:0; line-height:normal;}
#pageBody .headBody .headLogo{ float:left; width:240px; margin: 25px 0 0 10px;}
*html #pageBody .headBody .headLogo{ float:left; width:240px; margin: 25px 5px 0 5px;}
#pageBody .gNavPane					{ width:900px; clear:both;margin:0 auto;}

#pageBody .breadcrumbPane				{ width:900px; margin:0 auto; clear:both;padding:0;font-size:10px;color:#857e78;}
#pageBody .breadcrumbPane a:link,
#pageBody .breadcrumbPane a:visited,
#pageBody .breadcrumbPane a:active,
#pageBody .breadcrumbPane a:hover,
#pageBody .breadcrumbPane a:focus		{color:#E69F01;}
#pageBody .contentHeadPane				{ width:900px; margin:0 auto;clear:both;padding:0;}
#pageBody .contentFootPane				{clear:both; width:900px; margin:0 auto; padding:10px 0;}

#pageBody .gotopagetopPane				{ width:900px;clear:both;padding:5px 0; margin:0 auto;}
#pageBody .gotopagetopPane .Normal		{font-size:10px;color:#857e78;}
#pageBody .gotopagetopPane a:link,
#pageBody .gotopagetopPane a:visited,
#pageBody .gotopagetopPane a:active,
#pageBody .gotopagetopPane a:hover,
#pageBody .gotopagetopPane a:focus		{color:#857e78;}




#pageBody .contentWrapper					{ width:100%;clear:both;overflow:hidden;}
#pageBody .contentWrapper .contentMainBody	{ width:900px; margin:0 auto; text-align:left;}

#pageBody .contentWrapper .contentSubBody	{}
#pageBody .contentWrapper .contentSubSubBody{}


/*skinAdmin*/

#skinAdmin #pageBody 						{width:100%; padding:0 0 10px 0 ; margin:0 auto;}
#skinAdmin #pageBody .contentPane		{width:750px;float:right;}
#skinAdmin #pageBody .contentSubPane		{width:220px;float:left;}
#skinAdmin #pageBody .contentBody				{background:#FFF;}
#skinAdmin #pageBody .headBody		{clear:both;width:1000px; margin:0 auto; height:95px; margin-bottom:15px; background:none;}
#skinAdmin #pageBody .contentWrapper					{ width:1000px;clear:both;overflow:hidden; margin:0 auto;}


/*skin1Columns*/
#skin1Column #pageBody .contentPane	{width:900px; padding:0 0 10px 0 ; margin:0 auto;}

/*skin2ColumnsLnav*/
#skin2ColumnsLnav #pageBody .contentWrapper 				{width:900px; padding:0 0 10px 0 ; margin:0 auto;}
#skin2ColumnsLnav #pageBody .contentWrapper .contentPane	{width:660px;float:right;}
#skin2ColumnsLnav #pageBody .contentWrapper .contentSubPane	{width:220px;float:left;}

/*skin2ColumnsRnav*/
#skin2ColumnsRnav #pageBody .contentWrapper 				{width:900px; padding:0 0 10px 0 ; margin:0 auto;}
#skin2ColumnsRnav #pageBody .contentWrapper .contentPane	{width:660px;float:left;}
#skin2ColumnsRnav #pageBody .contentWrapper .contentSubPane	{width:220px;float:right;}

/*skin3Columns*/
#skin3Columns #pageBody .contentWrapper							{width:900px; padding:0 0 10px 0 ; margin:0 auto;}
#skin3Columns #pageBody .contentWrapper	.contentleftPane		{width:220px; float:left;}
#skin3Columns #pageBody .contentWrapper .contentMainBody		{width:660px; float:right;}

#skin3Columns #pageBody .contentWrapper .contentMainBody .contentPane { width:420px; float:left;}
#skin3Columns #pageBody .contentWrapper .contentMainBody .contentrightPane { width:220px; float:right;}

/* ===========================================================
footBody
=========================================================== */
#footBody					{clear:both;padding:0 0 50px 0;overflow:hidden;background:url(images/bgBottom.jpg) bottom left repeat-x #f7f7f7;}
#footBody .footBody			{background: url(images/fbodyTop.jpg) top left repeat-x #f7f7f7; min-height: 3px;}	
#footBody .footBody	.footPane			{width:900px;margin:0 auto;padding:0;text-align:left;clear:both;}
#footBody .fNavPane			{width:900px;margin:0 auto;padding:20px 0 20px 0;text-align:left;clear:both;overflow:hidden;}
#footBody .footSubWrapper		{width:900px;height:50px;margin:0 auto;text-align:left;clear:both;}
#footBody .footSubWrapper .fCopyright		{width:680px;margin:20px 0 0 0;float:left;font-size:11px;color:#ccc;}
#footBody .footSubWrapper .fLogo			{width:150px;height:50px;float:right;}


#footBody .fNavPane #fNavDs	{width:170px;height:300px;float:left;margin:0 6px 0 13px;}
#footBody .fNavPane #fNavDf	{width:170px;height:300px;float:left;margin:0 6px 0 0;}
#footBody .fNavPane #fNavOm	{width:170px;height:300px;float:left;margin:0 6px 0 0;}
#footBody .fNavPane #fNavNs	{width:170px;height:300px;float:left;margin:0 6px 0 0;}
#footBody .fNavPane #fNavCp	{width:170px;height:300px;float:left;margin:0;}

#footBody .fNavPane ul		{list-style-type:none;margin:5px 0 0 0;}
#footBody .fNavPane li		{text-align:left;font-size:12px;margin:0 0 5px 0;padding:0 0 5px 15px;border-bottom:1px solid #ddd;list-style-type:none;}

#footBody .fNavPane #fNavDs li{background:url(/Portals/0/images/common/fNavDs_icn.jpg) 3px 7px no-repeat;color:#ed1c24;}
#footBody .fNavPane #fNavDs li a,
#footBody .fNavPane #fNavDs li a:hover{color:#ed1c24;}

#footBody .fNavPane #fNavDf li{background:url(/Portals/0/images/common/fNavDf_icn.jpg) 3px 7px no-repeat;color:#3FB128;}
#footBody .fNavPane #fNavDf li a,
#footBody .fNavPane #fNavDf li a:hover{color:#3FB128;}
#footBody .fNavPane #fNavOm li{background:url(/Portals/0/images/common/fNavOm_icn.jpg) 3px 7px no-repeat;color:#3C70BC;}
#footBody .fNavPane #fNavOm li a,
#footBody .fNavPane #fNavOm li a:hover{color:#3C70BC;}
#footBody .fNavPane #fNavNs li{background:url(/Portals/0/images/common/fNavNs_icn.jpg) 3px 7px no-repeat;color:#B0A002;}
#footBody .fNavPane #fNavNs li a,
#footBody .fNavPane #fNavNs li a:hover{color:#B0A002;}
#footBody .fNavPane #fNavCp li{background:url(/Portals/0/images/common/fNavCp_icn.jpg) 3px 7px no-repeat;color:#FE6700;}
#footBody .fNavPane #fNavCp li a,
#footBody .fNavPane #fNavCp li a:hover{color:#FE6700;}

/*テクニカルのお問い合わせフォーム*/
.MailForm{width:630px;border-collapse:separate;border-spacing:2px;margin:10px 0 15px 0;}
.MailForm .FieldTitle{border-left:3px solid #999;width:150px;padding:5px 5px 5px 10px;vertical-align:top;}
.MailForm .FieldTitle .NormalBold{display:block;width:210px;float:left;}
.MailForm .FieldTitle .NormalRed{display:block;text-align:right;width:40px;float:right;margin:0 0 0 10px;font-weight:normal;font-size:11px;color:#c00;}
.MailForm .FieldValue{padding:5px 5px 5px 10px;vertical-align:top;}
.MailForm .FieldValue p{font-size:11px;line-height:13px;color:#999;margin:3px;}
.cmdConfirm{text-align:center;}
.cmdConfirm input{width:150px;height:40px;}



/*******************************************************************************
タブのcssはスタイルシートエディタに書くこと
※style.cssがskin.cssよりも強いため。
*******************************************************************************/

/*タブ全体*/
.Default_Top_TabStrip {font-size:11px;margin:0;padding:0;border:none; height:30px;}
.Default_Top_TabStrip ul {margin:0;padding:0;border:none;}
*html .Default_Top_TabStrip ul {margin:0;padding:0;border:none; height:30px;}
*:first-child+html .Default_Top_TabStrip ul {margin:0;padding:0;border:none; height:30px;}

/*タブ単体*/
.Default_Top_TabStrip ul li{ display:block; margin:0 5px 0 0; padding:0; list-style:none; float:left;}
.Default_Top_TabStrip ul li span {margin:0;padding:0;border:none;}
.Default_Top_TabStrip ul li span span {color:#FFFFFF;padding:0 7px;line-height:30px;}
/*タブselected*/
.Default_Top_TabStrip ul li span span.Default_Top_TabSelected {background:url(/Portals/5/images/common/tab.gif) no-repeat 0 0;border:none;}
/*タブunselected*/
.Default_Top_TabStrip ul li span span.Default_Top_TabUnselected {background:url(/Portals/5/images/common/tab.gif) no-repeat 0 -30px;border:none;color: #666666;}
/*タブhover（IE6以外）
.Default_Top_TabStrip li span span.Default_Top_TabUnselected:hover {background:url(/Portals/5/images/common/tab.gif) no-repeat 0 -60px;border:none;color:#fff;}*/
/*タブ下コンテンツ部分*/
.Default_Top_TabPage {margin:0;padding:15px;border:1px solid #ccc; border-top:5px solid #ea9200; width:628px;}

.Default_Top_TabStrip  ul li span span.Default_Top_TabMouseOver {background:url(/Portals/5/images/common/tab.gif) no-repeat 0 -60px;border:none;color:#fff;}
.Default_Tabs {padding:0; margin:0; border:none; height:100%;}


/*フッターリンク*/

#dnn_ctrr1163_DD {clear:both;}
.fLinks   {font-size:11px;color:#999;padding:10px 0 0 0;border-top:1px solid #ccc;}
.fLinks a  {color:#999;text-decoration:none;}
.fLinks a:hover {color:#666;text-decoration:none;}



/***************************************/
#footBody .fNavPane a{text-decoration:none;}
#footBody .fNavPane a:hover{text-decoration:underline;}



/************************************************
 SEOAdmin　管理ページ用ナビの設定（左上のボタン）
*************************************************/


* html .SEOAdmin li {behavior: expression(this.onmouseover=new Function("this.className+=' listnavi_hover'"),this.onmouseout=new Function("this.className = this.className.replace(' listnavi_hover','')"),this.style.behavior=null);}
* html .SEOAdmin {width:100%;}
.SEOAdmin					{float:left;font-size:12px;text-decoration:none;z-index:99999;}
.SEOAdmin ul				{margin:0;padding:0;list-style-type:none;background:none;}
.SEOAdmin li				{margin:0;padding:0;list-style-type:none;background:none;float:left;font-size:12px;height:30px;line-height:30px;position:relative;background:#091762;}
.SEOAdmin li				{margin:0 2px 0 0;}
.SEOAdmin ul li a,
.SEOAdmin ul li a:visited	{display:block;float:left;height:30px;line-height:30px;padding:0 15px;text-decoration:none;color:#fff;}
.SEOAdmin ul li:hover		{width:auto;z-index:99999;}
.SEOAdmin ul li.listnavi_hover		{width:auto;z-index:99999;}
.SEOAdmin ul li a:hover		{background:#070540;color:#fff;text-decoration:none;z-index:99999;}
.SEOAdmin ul li:hover a		{background:#070540;color:#fff;text-decoration:none;z-index:99999;}
.SEOAdmin ul li.listnavi_hover a		{background:#070540;color:#fff;text-decoration:none;z-index:99999;}
.SEOAdmin ul li ul			{display:none;}
.SEOAdmin table				{border-collapse:collapse;font-size:12px;}
.SEOAdmin ul li:hover ul				{display:block;position:absolute;top:30px;left:0;width:150px;z-index:99999;}
.SEOAdmin ul li:hover ul li				{height:20px;}
.SEOAdmin ul li:hover ul li ul			{display:none;z-index:99999;}
.SEOAdmin ul li:hover ul li a 			{background:#070540;border-top:1px solid #fff;color:#fff;display:block;height:20px;line-height:20px;padding:0 15px;width:120px;z-index:99999;}
.SEOAdmin ul li:hover ul li a:hover 	{background:#4379a7;color:#fff;z-index:99999;}
.SEOAdmin ul li:hover ul li:hover ul	{display:block;position:absolute;top:-1px;left:150px;z-index:99999;}
.SEOAdmin ul li.listnavi_hover ul				{display:block;position:absolute;top:30px;left:0;width:150px;z-index:99999;}
.SEOAdmin ul li.listnavi_hover ul li				{height:20px;}
.SEOAdmin ul li.listnavi_hover ul li ul			{display:none;z-index:99999;}
.SEOAdmin ul li.listnavi_hover ul li a 			{background:#070540;border-top:1px solid #fff;color:#fff;display:block;height:20px;line-height:20px;padding:0 15px;width:120px;z-index:99999;}
.SEOAdmin ul li.listnavi_hover ul li a:hover 	{background:#4379a7;color:#fff;z-index:99999;}
.SEOAdmin ul li.listnavi_hover ul li.listnavi_hover ul	{display:block;position:absolute;top:-1px;left:150px;z-index:99999;}
.SEOAdmin ul li a:hover ul				{display:block;position:absolute;top:30px;left:0;width:150px;z-index:99999;}
.SEOAdmin ul li a:hover ul li			{height:20px;}
.SEOAdmin ul li a:hover ul li ul		{display:none;z-index:99999;}
.SEOAdmin ul li a:hover ul li a			{background:#070540;border-top:1px solid #fff;color:#fff;display:block;height:20px;line-height:20px;padding:0 15px;width:120px;z-index:99999;}
.SEOAdmin ul li a:hover ul li a ul		{height:0pt;position:absolute;visibility:hidden;width:0;z-index:99999;}
.SEOAdmin ul li a:hover ul li a:hover	{background:#4379a7;color:#fff;z-index:99999;}
.SEOAdmin ul li a:hover ul li a:hover ul{display:block;position:absolute;top:-1px;left:150px;z-index:99999;}






/************************************************
 SEOMenuAdmin　管理者用スキンの設定
*************************************************/

.SEOMenuAdmin					{margin:20px 0 0 0;padding:0;border-right:1px solid #ccc;z-index:99999;}
.SEOMenuAdmin ul				{margin:0;padding:0;list-style-type:none;background:none;}
.SEOMenuAdmin li				{margin:0;padding:0;list-style-type:none;background:none;}



.SEOMenuAdmin ul.SEOMenuAdmin0	{margin:0 10px 0 0;padding:0;}

.SEOMenuAdmin table				{width:100%;}

.SEOMenuAdmin a:link,
.SEOMenuAdmin a:visited			{text-decoration:none;}
.SEOMenuAdmin a:hover			{text-decoration:underline;}

.SEOMenuAdmin ul				{margin:0;padding:0;list-style-type:none;font-size:12px;line-height:18px;}
.SEOMenuAdmin ul li				{margin:10px 0 0 0;padding:0 0 3px 18px;list-style-type:none;border-bottom:1px solid #ddd; text-align:left; background:url(/Portals/5/images/common/icon/icon_square.gif) no-repeat left 1px;}
.SEOMenuAdmin ul li ul			{margin:5px 0 0 0;padding:0; text-align:left;}


.SEOMenuAdmin ul li ul li		{margin:0;padding:0 0 0 10px;list-style:none; text-align:left;background:url(/Portals/5/images/common/icon/icon_squarearrow.gif) no-repeat 3px 5px #F5F5F5; font-size:11px;padding: 2px 0 3px 15px; border-bottom: #CCCCCC dotted 1px;border:none;border-top:1px dotted #ddd;}
.SEOMenuAdmin ul li ul li a		{color:#666666;}
.SEOMenuAdmin ul li ul li ul	{margin:5px 0 0 0;padding:0;}
.SEOMenuAdmin ul li ul li ul li	{margin:0;padding:0 0 0 10px;border:none;border-top:1px dotted #eee;}
.SEOMenuAdmin ul li ul li ul li ul li{margin:0;padding:0 0 0 10px;background:none;border-left:1px solid #ddd;}