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


/* ===========================================================
common
=========================================================== */
body, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, div, h1, p, img {
	margin:0;
	padding:0;
	border:none;
}
body {
	font-size:12px;
	line-height:1.7em;
	background:#fff;
}
a, a:link, a:visited {
	color:#ff4444;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	color:#ff4444;
	text-decoration:none;
}
/*-- clearfix --*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* ===========================================================
 SKIN
=========================================================== */
#SkinIndex, #Skin2ColumnsLnavi, #Skin2ColumnsRnavi {
	color:#666;
	text-align:center;
}
/*-- SkinIndex --*/
#SkinIndex #TopPaneBg {
	background: url(images/head/mainpict_bg.gif) repeat-x top;
}
#SkinIndex .PageWrapper {
	float:left;
}
#SkinIndex .SidePane {
	float:right;
}
/*-- 1Columns --*/
#Skin1Columns .PageWrapper {
	float:left;
	width: 900px;
}
/*-- 2ColumnsRnavi --*/
#Skin2ColumnsRnavi .PageWrapper {
	float:left;
}
#Skin2ColumnsRnavi .SidePane {
	float:right;
}
/*-- 2ColumnsLnavi --*/
#Skin2ColumnsLnavi .PageWrapper {
	float:right;
}
#Skin2ColumnsLnavi .SidePane {
	float:left;
}
/* ===========================================================
 HeadBody
=========================================================== */
#HeadBody {
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
}
/*=====Portal=====*/
/*--Bg--*/
#HeadPortalBg {
	background: url(images/head_portal/head_bg.gif) repeat-x top;
	height: 50px;
	text-align: center;
}
/*--Box--*/
#HeadPortalBg #HeadPortal {
	width: 900px;
	margin: 0 auto;
	height: 50px;
}
/*--Logo--*/
#HeadPortalBg #HeadPortal .Logo {
	float: left;
	width: 360px;
	padding: 5px 0 0 0;
}
/*--BoxRight--*/
#HeadPortalBg #HeadPortalRight {
	float: right;
	width: 410px;
	padding: 0;
}
/*--PortalNavi--*/
#HeadPortalBg #HeadPortalRight .PortalNavi {
	float: left;
	list-style: none;
	padding: 16px 0 0 0;
}
#HeadPortalBg #HeadPortalRight .PortalNavi li {
	float: left;
	list-style: none;
	padding: 0 15px 0 0;
}
/*--FontSize--*/
#HeadPortalBg #HeadPortalRight .FontSizer {
	float: right;
	width: 145px;
	margin: 0;
	padding: 10px 0 0 0;
}
#HeadPortalBg #HeadPortalRight .FontSizer p.FontSizerTitle {
	width: 60px;
	float: left;
	padding: 6px 3px 0 0;
	margin: 0;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton {
	float: right;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul {
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li {
	list-style-type: none;
	background: none;
	float: left;
	width: 26px;
	height: 25px;
	padding: 0;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li a {
	display: block;
	overflow: hidden;
	width: 26px;
	height: 25px;
	text-indent: -9999px;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li.FontSizeS {
	background: url(images/head_portal/button_size-small.gif) no-repeat;
	margin:0;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li.FontSizeM {
	background: url(images/head_portal/button_size-normal.gif) no-repeat;
	margin:0 2px;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li.FontSizeL {
	background: url(images/head_portal/button_size-large.gif) no-repeat;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li.FontSizeS a:hover {
	background: url(images/head_portal/buttonover_size-small.gif) no-repeat;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li.FontSizeM a:hover {
	background: url(images/head_portal/buttonover_size-normal.gif) no-repeat;
}
#HeadPortalBg #HeadPortalRight .FontSizer .FontSizerButton ul li.FontSizeL a:hover {
	background: url(images/head_portal/buttonover_size-large.gif) no-repeat;
}
/*=====Head=====*/
/*--Bg--*/
#HeadBg {
	clear: both;
	background: url(images/head/bg.gif) repeat-x top;
	height: 50px;
	text-align: center;
}
/*--Box--*/
#HeadBg #Head {
	width: 900px;
	margin: 0 auto;
}
/*--H1--*/
#HeadBg #Head h1 {
	float: left;
	padding: 13px 0 0 0;
	width: 470px;
	text-align: left;
}
/*--BoxRight--*/
#HeadBg #head #HeadRight {
	float: right;
	width: 380px;
}
/*--Navi--*/
#HeadBg #Head #HeadRight .HeadNavi {
	float: left;
	width: 185px;
	padding: 20px 0 0 0;
	background: url(images/head/line.gif) no-repeat right 16px;
}
#HeadBg #Head #HeadRight .HeadNavi li {
	float: left;
	list-style: none;
	padding: 0 18px 0 0;
}

/*--Search--*/
#HeadBg #Head #HeadRight .Search {
	float: right;
	text-align: right;
	width: 215px;
	padding: 12px 0 0 0;
}
#HeadBg #Head #HeadRight .Search table td {
	vertical-align: top;
}
#HeadBg #Head #HeadRight .Search table td.searchbox {
    padding: 4px 0 0 0;
}
#HeadBg #Head #HeadRight .Search table td.searchbox input {
    width: 130px;
}
#HeadBg #Head #HeadRight .Search table td.searchcmd {
    padding: 0 0 0 10px;
}
/* ===========================================================
 SEOmenu
=========================================================== */
#NaviBg {
	clear: both;
	background: url(images/head/navi_bg.gif) repeat-x top;
	height: 51px;
	margin: 0;
	padding: 0;
}
/* ===========================================================
 Contents
=========================================================== */
/*--TopPane--*/
#TopPaneBg {
	background: url(images/head/shadow.gif) repeat-x top;
}
#TopPaneBg .TopPane {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 20px;
}
/*--PageBody--*/
#PageBody {
	clear: both;
	width: 900px;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: left;
}
/*--PageWrapper--*/
.PageWrapper {
	width: 620px;
	float: right;
	overflow: hidden;
}
/*--Bread--*/
.Breadcrumb {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	font-size: 11px;
}
.Breadcrumb img {
    padding: 0 5px; 
    top:2px;
}
/*--GotoPage--*/
.GotoPageTop {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	font-size: 10px;
}
/*--SidePane--*/
.SidePane {
	width:255px;
	float:left;
}
/* ===========================================================
 FootBody
=========================================================== */
#Foot {
	clear: both;
	margin: 0 auto;
	padding: 110px 0 0 0;
	text-align: center;
	background: #efefef url(images/foot/navi_bg.gif) repeat-x top;
}
/*--Navi--*/
#Foot #FootBg #FootNavi {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
#Foot #FootBg #FootNavi ul {
	margin: 0;
}
#Foot #FootBg #FootNavi li {
	float: left;
	list-style: none;
	padding: 0 15px 20px 0;
}
#Foot #FootBg #FootNavi li.long {
	padding: 0 16px 20px 0;
}
/*--CopyrightBg--*/
#Foot #CopyrightBg {
	clear: both;
	background: #474747 url(images/foot/copyright_bg.gif) repeat-x top;
	padding: 10px 0;
    text-align: left;	
}
/*--CopyrightBox--*/
#Foot #CopyrightBg #Copyright {
	width: 900px;
	margin: 0 auto;
}
/*--Copyright--*/
#Foot #CopyrightBg #Copyright .Copyright {
	margin: 0;
	padding: 5px 0 0 0;
	text-align:right;
	color:#858484;
	font-size:10px;
}
/*--FootPane--*/
#Foot #CopyrightBg #FootPane {
	text-align: right;
	color: #cccccc;
	padding: 25px 0 0 0;
}
#Foot #CopyrightBg #FootPane a, #Foot #CopyrightBg #FootPane a:link, #Foot #CopyrightBg #FootPane a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#Foot #CopyrightBg #FootPane a:hover {
	text-decoration: underline;
}
/*--Link--*/
.footnavi {
    padding: 15px 0 0;
    text-align: right;
    color: #cccccc;
}
.footnavi a, .footnavi a:link, .footnavi a:visited {
    color: #cccccc;
    font-size: 12px;
	text-decoration: none;
}
.footnavi a:hover, .footnavi a:active, .footnavi a:focus {
    color : #cccccc;
    text-decoration: underline:
}