@charset "utf-8";

/* ===========================================================
common
=========================================================== */
body, table, td, th, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, textarea {
	color:#676767;
	font-family: 'Hiragino Kaku Gothic Pro','Lucida Grande', 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:150%;
	margin:0;
	padding:0;
}
ul, ol {
	list-style-position:inside;
}

a { color:#0000FF;
	text-decoration:underline;
}
a:link {
	color:#0000FF;
	text-decoration:underline;
}
a:visited {
	color:#0000FF;
	text-decoration:underline;
}
a:hover {
	color:#FF0000;
	text-decoration:none;
}
/*
a { color:#FFB400;
	text-decoration:underline;
}
a:link {
	color:#FFB400;
	text-decoration:underline;
}
a:visited {
	color:#FFB400;
	text-decoration:underline;
}
a:hover {
	color:#FFDE5A;
	text-decoration:none;
}*/
/* --- clearfix --- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ===========================================================
skin
=========================================================== */

#fpp_2column_next,
#fpp_1column{
	margin: 0 auto;
	padding:0px;
	text-align:center;
}
/* --- header --- */
.Headbg {
	background:url(image/top_backbg.gif) repeat-x top;
	margin:0 auto;
	text-align:center;
}
.Topbg {
	margin:0 auto;
	width:900px;
	padding:0 50px;
}
.H1Pane {
	float:right;
	text-align:right;
	width:540px; height:40px;
}
.H1Pane h1{
	text-align:left;
	padding:35px 0px 5px 0px;
	font-size:10px;
	color:#339933;
}
.Logo {
	float:left;
	text-align:left;
	padding:30px 0px 20px 0px;
	width:350px;
}

/* --- contents --- */
.TopimagePane {
	clear:both;
	text-align:left;
}
#PageBody {
	margin:0 auto;
	width:900px;
	clear:both;
}
.Sidecolumn {
	width:240px;
	float:left;
	text-align:left;
	margin-top:15px;
	min-height:100%;
	max-height:100%;
	display:block;
}
.Contentcolumn {
	width:640px;
	float:right;
}
.SidePane {
	background:#F3F4F6;
	width:240px;
	margin:0px auto;
	padding:10px 0;
	min-height:100%;
	max-height:100%;
	display:block;
}
.ContentPane {
	width:640px;
	text-align:left;
}
#fpp_1column .ContentPane {
	float:none;
	width:900px;
}
.TopicpathPane {
	padding:15px 15px 5px 5px;
}
.TopicpathPane a {
	color:#FFB400;
}
.ToplinkPane {
	text-align:right;
	font-size:10px;
	padding:5px 0px 10px 0px;
}

/* --- footer --- */
#FootBody {
	clear:both;
	background:url(image/footer_backbg.gif) repeat-x;
	margin:0 auto;
}
.Footbg {
	width:940px; height:70px;
	margin:0 auto;
	padding-top:35px;
}



/* ===========================================================
 SEOMenuV2_Admin　管理用ナビの設定（左上のボタン）
=========================================================== */
* html .SEOMenuV2_Admin li					{behavior: expression(this.onmouseover=new Function("this.className+=' SEOMenuV2_Admin_hover'"),this.onmouseout=new Function("this.className = this.className.replace(' seomenuv2_hover','')"),this.style.behavior=null);}

.SEOMenuV2_Admin							{font-size:12px;z-index:9999999;}
.SEOMenuV2_Admin ul							{margin:0;padding:0;list-style-type:none;background:none;z-index:9999999;}
.SEOMenuV2_Admin ul li						{margin:0 2px 0 0;padding:0;list-style-type:none;background:none;float:left;position:relative;background:#eee;border:1px solid #ccc;}
.SEOMenuV2_Admin ul li a					{float:left;display:block;text-decoration:none;line-height:30px;padding:0 15px;height:30px;text-align:center;text-decoration:none;}
.SEOMenuV2_Admin ul li a:link,
.SEOMenuV2_Admin ul li a:visited			{color:#333;}
.SEOMenuV2_Admin ul li a:hover,
.SEOMenuV2_Admin ul li a:active				{color:#FFF;background:#FF4545;}
.SEOMenuV2_Admin ul li ul					{display:none;width:170px;border-top:1px solid #ccc;}
.SEOMenuV2_Admin ul li ul li				{border-top:none;background:#fff;}

.SEOMenuV2_Admin ul li:hover ul				{display:block;position:absolute;top:30px;left:0;}
.SEOMenuV2_Admin ul li:hover ul li a 		{display:block;width:170px;height:20px;line-height:20px;padding:0 15px;text-align:left;}
.SEOMenuV2_Admin ul li.SEOMenuV2_Admin_hover ul			{display:block;position:absolute;top:30px;left:0;}
.SEOMenuV2_Admin ul li.SEOMenuV2_Admin_hover ul li a	{display:block;width:170px;height:20px;line-height:20px;padding:0 15px;text-align:left;}


/* ===========================================================
 SEOMenuV2　グローバルナビの設定
=========================================================== */

#fpp_2column_next .side_SEOMenuV2,
#fpp_1column .side_SEOMenuV2 {
	background:url(/Portals/0/Skins/fpp/image/menu_top.gif) no-repeat top #F3F4F6;
	width:240px;
	margin:0;
	padding:40px 0 0 0;
}
#side_SEOMenuV2 * html .SEOMenuV2 li						{ behavior: expression(this.onmouseover=new Function("this.className+=' SEOMenuV2_hover'"),this.onmouseout=new Function("this.className = this.className.replace(' SEOMenuV2_hover','')"),this.style.behavior=null);}

#fpp_2column_next .green_SEOMenuV2,
#fpp_1column .green_SEOMenuV2 { 
	font-size:12px;
	margin:0; padding:0;
}
#fpp_2column_next .green_SEOMenuV2 ul,
#fpp_1column .green_SEOMenuV2 ul{
	margin:0;padding:3px 10px;
	list-style:none;
}
#fpp_2column_next .green_SEOMenuV2 ul li,
#fpp_1column .green_SEOMenuV2 ul li {
	margin:0;padding:0px;
	width:220px; height:35px;
	background:url(/Portals/0/Skins/fpp/image/menu_bg.gif) no-repeat left;
	list-style:none;
	display:block;
	list-style-position:outside;
}
#fpp_2column_next .green_SEOMenuV2 ul li.Tab72,
#fpp_1column .green_SEOMenuV2 ul li.Tab72 {
	margin:0;padding:0px;
	width:220px; height:60px;
	background:url(/Portals/0/Skins/fpp/image/menu_bg02.gif) no-repeat left;
	list-style:none;
	display:block;
	list-style-position:outside;
}
#fpp_1column .green_SEOMenuV2 ul li a,
#fpp_2column_next .green_SEOMenuV2 ul li a{ 
	margin:0;
	display:block;
	color:#666666;
	padding:10px 5px 5px 20px;
	font-weight:bold;
	text-decoration: none;
}

#fpp_1column .green_SEOMenuV2 ul li a:link,
#fpp_1column .green_SEOMenuV2  ul li a:visited,
#fpp_1column .green_SEOMenuV2 ul li a:active,
#fpp_2column_next .green_SEOMenuV2 ul li a:link,
#fpp_2column_next .green_SEOMenuV2  ul li a:visited,
#fpp_2column_next .green_SEOMenuV2 ul li a:active { 
	color:#666;
	width:200px; height:20px;  
	font-weight:bold;
	text-decoration: none;
	display:block;
}
#fpp_2column_next .green_SEOMenuV2 ul li a:hover,
#fpp_1column .green_SEOMenuV2 ul li a:hover{ 
	background:url(/Portals/0/Skins/fpp/image/menu_hover.gif) bottom left no-repeat; 
	color:#666; 
	width:200px; height:20px; 
	font-weight:bold;
	text-decoration: none;
	display:block;
}

#fpp_2column_next .green_SEOMenuV2 ul li.Tab72 a:hover,
#fpp_1column .green_SEOMenuV2 ul li.Tab72 a:hover{ 
	background:url(/Portals/0/Skins/fpp/image/menu_bghover02.gif) bottom left no-repeat; 
	color:#666; 
	width:200px; height:45px; 
	font-weight:bold;
	text-decoration: none;
	display:block;
}

#fpp_1column .green_SEOMenuV2 ul li ul li a:link,
#fpp_1column .green_SEOMenuV2 ul li ul li a:visited,
#fpp_1column .green_SEOMenuV2 ul li ul li a:active,
#fpp_2column_next .green_SEOMenuV2 ul li ul li a:link,
#fpp_2column_next .green_SEOMenuV2 ul li ul li a:visited,
#fpp_2column_next .green_SEOMenuV2 ul li ul li a:active { 
	color:#666;
	padding:10px 5px 5px 20px; 
	font-weight:bold;
	text-decoration: none;
	display:block;
}
#fpp_2column_next .green_SEOMenuV2 ul li ul li a:hover, 
#fpp_1column .green_SEOMenuV2 ul li ul li a:hover { 
	background:url(/Portals/0/Skins/fpp/image/menu_bghover.gif) repeat-x bottom; 
	display:block;
	margin:0;
	padding:10px 5px 5px 20px; 
}



