@charset "utf-8";
@import "SEOAdmin.css";
/* ===========================================================
common
=========================================================== */

body, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, div, h1, p, img {
	margin:0;
	padding:0;
	color:#333333;	
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
img {
	border: none;
}


/* ---------------------------------------------------------
Ajax
--------------------------------------------------------- 
#__dnn_body{background:none;}*/

/* ---------------------------------------------------------
admin
--------------------------------------------------------- 
.ADMIN{padding:0;}*/


html {
	height:100%;
}
body {
	height:100%;
}
a, a:link, a:active, a:visited {
	color:#355298;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	color:#355298;
	text-decoration:none;
}
/*フォントサイズ*/
body {
	font-size:12px;
	line-height:1.7em;
}
.Head {
	font-size:12px;
}
.Normal {
	font-size:12px;
}
.Normal p, .Normal td, .Normal li {
	color: #333333;
}
.CommandButton {
	font-size:12px;
}
/* ===========================================================
 BgBody
=========================================================== */
#Skin2Column, #Skin1Column {
	clear:both;
	margin:0;
	padding:0;
	overflow: hidden;
	background: url(images/bgbody-bg.jpg) repeat-y center;
}
/* ===========================================================
 ContainerBody
=========================================================== */
#ContainerBody {
	clear:both;
	padding:0;
	margin:0;
	overflow:hidden;
	background: url(images/containerbody-bg.jpg) no-repeat top center;
	text-align: center;
}
/* ===========================================================
 HeadBody
=========================================================== */
#HeadBody {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px;
	overflow: hidden;
	_zoom: 1;
}
#HeadBody .Logo {
	float: left;
	width: 180px;
	margin: 0;
	padding: 20px 0 0 0;
	text-align: left;
}
#HeadBody .H1Pane {
	float: right;
	width: 210px;
	text-align: left;
	margin: 0;
	padding: 19px 0 0 0;
}
#HeadBody h1 {
	font-size: 10px;
	*font-size:80%;
	color: #999999;
	font-weight: normal;
}
#HeadBody .HeadWrapper {
	float: left;
	width: 420px;
}
#HeadBody .HeadPane {
	float:right;
	width:450px;
	text-align: right;
	margin:0;
	padding:0;	
}
/* ===========================================================
 Navi
=========================================================== */
#Navi {
	clear:both;
	width:900px;
	height: 70px;
	margin: 0 auto;
	background: url(images/navi.gif) no-repeat left top;
}
#Navi ul {
	list-style:none;
}
#Navi ul li {
	float:left;
}
#Navi ul li a {
	display:block;
	height:70px;
	width:150px;
	overflow: hidden;
	text-indent:-9999em;
}
#Navi ul li.navi1 a {
	background: url(images/navi.gif) 0 0 no-repeat;
}
#Navi ul li.navi2 a {
	background: url(images/navi.gif) -150px 0 no-repeat;
}
#Navi ul li.navi3 a {
	background: url(images/navi.gif) -300px 0 no-repeat;
}
#Navi ul li.navi4 a {
	background: url(images/navi.gif) -450px 0 no-repeat;
}
#Navi ul li.navi5 a {
	background: url(images/navi.gif) -600px 0 no-repeat;
}
#Navi ul li.navi6 a {
	background: url(images/navi.gif) -750px 0 no-repeat;
}

#Navi ul li.navi1 a:hover {
	background: url(images/naviover.gif) 0 0 no-repeat;
}
#Navi ul li.navi2 a:hover {
	background: url(images/naviover.gif) -150px 0 no-repeat;
}
#Navi ul li.navi3 a:hover {
	background: url(images/naviover.gif) -300px 0 no-repeat;
}
#Navi ul li.navi4 a:hover {
	background: url(images/naviover.gif) -450px 0 no-repeat;
}
#Navi ul li.navi5 a:hover {
	background: url(images/naviover.gif) -600px 0 no-repeat;
}
#Navi ul li.navi6 a:hover {
	background: url(images/naviover.gif) -750px 0 no-repeat;
}

/* ===========================================================
PpageBody
=========================================================== */

#PageBody {
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0 0 10px;
}
#PageBody .Breadcrumb {
	width:900px;
	clear:both;
	margin:0;
	padding:10px 0;
	text-align:right;
}
#PageBody .Breadcrumb a:link {
	text-decoration:underline;
}
#PageBody .Breadcrumb a:visited {
	text-decoration:underline;
}
#PageBody .Breadcrumb a:hover {
	text-decoration:none;
}
/* ===========================================================
 PageBody >> Index
=========================================================== */

#SkinIndex #PageBody .PageWrapper {
	clear:both;
	margin:0;
	padding:0;
	_zoom: 1;
	overflow: hidden;
}
#SkinIndex #PageBody .PageWrapper .TopPane {
	clear:both;
	margin:0;
	padding:0;
	text-align: left;
}
#SkinIndex #PageBody .PageWrapper .IndexBg {
	background: url(images/indexbody-bg-top.gif) no-repeat top center;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;	
	_zoom: 1;
}
#SkinIndex #PageBody .PageWrapper .IndexBgBottom {
	background: url(images/indexbody-bg-bottom.gif) no-repeat bottom center;
	overflow: hidden;
	_zoom: 1;
	margin: 0;
	padding: 0;
}
#SkinIndex #PageBody .PageWrapper .SidePane {
	float: right;
	width: 205px;
	margin:0;
	padding:10px 10px 10px 5px;
	text-align: left;	
}
* html #SkinIndex #PageBody .PageWrapper .SidePane {
	width: 205px;
}
#SkinIndex #PageBody .PageWrapper .ContentPane {
	float:left;
	width: 650px;
	margin:0;
	padding: 10px;
	text-align: left;
}
* html #SkinIndex #PageBody .PageWrapper .ContentPane {
	width: 650px;
}
#SkinIndex #PageBody .PageWrapper .BottomPane {
	clear:both;
	margin:0;
	padding:0;
	text-align: left;	
}
/* ===========================================================
 PageBody >> 1Column
=========================================================== */
#Skin1Column #pageBody .PageWrapper {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
#Skin1Column #pageBody .PageWrapper .TopPane {
	clear:both;
	margin:0;
	padding:0;
	text-align: left;
}
#Skin1Column #pageBody .PageWrapper .ContentPane {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	text-align: left;
}
#Skin1Column #PageBody .PageWrapper .BottomPane {
	clear:both;
	margin:0;
	padding:0;
	text-align: left;	
}
/* ===========================================================
 PageBody >> 2Column
=========================================================== */

#Skin2Column #PageBody .PageWrapper {
	clear:both;
	margin:0;
	padding:0;
	_zoom: 1;
	overflow: hidden;
}
#Skin2Column #PageBody .PageWrapper .TopPane {
	clear:both;
	margin:0;
	padding:0;
	text-align: left;
}
#Skin2Column #PageBody .PageWrapper .SidePane {
	float:right;
	width:220px;
	margin:0;
	padding: 10px 0 10px;
	text-align: left;		
}
#Skin2Column #PageBody .PageWrapper .ContentPane {
	float:left;
	width:670px;
	margin:0;
	padding: 10px 0 0 0;
	text-align: left;
}
#Skin2Column #PageBody .PageWrapper .BottomPane {
	clear:both;
	margin:0;
	padding:0;
	text-align: left;	
}

.BottomPane p {
	font-size: 11px;
	*font-size:80%;
	padding: 15px 0 10px;
	text-align: right;
}
.BottomPane a,.BottomPane a:link,.BottomPane a:visited {
	text-decoration: none;
	color: #666666;
}
.BottomPane a:hover {
	text-decoration: underline;
	color: #666666;
}

/* ===========================================================
 FootBody
=========================================================== */
.PageTop {
	clear: both;
	text-align: right;
	padding: 0;
}
#FootBody {
	clear:both;
	padding:0;
	background: url(images/foot-bg.gif) repeat-x top;
}
#FootBody .FootWrapper {
	width: 900px;
	margin:0 auto;
	padding:0;
	_zoom: 1;
	overflow: hidden;
}

#FootBody .FootWrapper .Copyright {
	float:right;
	margin:0;
	padding:20px 0;
	text-align:right;
	font-size:11px;
	*font-size:80%;
	width:350px;
	color: #355298;
}
#FootBody .FootWrapper .FootPane {
	float:left;
	margin:0;
	padding:20px 0;
	width:540px;
	text-align: left;
}


/* ---------------------------------------------------------
Temp
--------------------------------------------------------- */
/*--HeadPane--*/
ul.headnavi-site {
	overflow: hidden;
	_zoom: 1;
	float: right;
}
ul.headnavi-site li {
	list-style: none;
	float: left;
	padding: 0 0 0 5px;
	margin: 0;
}

/*--HeadPane--*/
ul.headnavi {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	float: right;
	width: 300px;
}
ul.headnavi li {
	list-style: none;
	float: right;
	background: url(images/arrow.gif) no-repeat 0 11px;
	font-size: 11px;
	*font-size:80%;
	padding: 4px 0 0 12px;
	margin: 0 0 0 20px;
}
ul.headnavi li a,ul.headnavi li a:link,ul.headnavi li a:visited {
	text-decoration: none;
}
ul.headnavi li a:hover {
	text-decoration: underline;
}


/*--FootPane--*/
ul.footnavi {
	overflow: hidden;
	_zoom: 1;
	float: left;
}
ul.footnavi li {
	list-style: none;
	float: left;
	background: url(images/arrow.gif) no-repeat 0 7px;
	font-size: 11px;
	*font-size:80%;
	padding: 0 0 0 12px;
	margin: 0 20px 0 0;
}
ul.footnavi li a,ul.footnavi li a:link,ul.footnavi li a:visited {
	text-decoration: none;
}
ul.footnavi li a:hover {
	text-decoration: underline;
}