@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;
	color: #666;
	background-color:#f1ecdc;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.4em;
	text-align: center;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* ---------------------------------------------------------
Ajax
--------------------------------------------------------- 
#__dnn_body{background:none;}*/

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


html {
	height:100%;
}
body {
	height:100%;
}
a, a:link, a:active, a:visited {
	color:#666;
	text-decoration:underline;	
}
a:hover {
	color:#666;
	text-decoration:none;
}
a:active, a:focus {
	color:#666;
	text-decoration:underline;	
}
/* ===========================================================
 skin
=========================================================== */
#skinAdmin, #skin1Column, #skin2ColumnsLnav, #skin3Columns {
	color:#666666;
	min-width:1000px;
	height:100%;
}
/* ===========================================================
 containerBody
=========================================================== */

#containerBody {
	clear:both;
	padding:0;
	margin:0;
	overflow:hidden;
}
/* ===========================================================
 headBody
=========================================================== */

#header {
	border-top:solid 5px #38bf5c;
	height:auto;
	background:#fff url(images/header_bg.jpg) repeat-x bottom;
}
#headBody {
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow: hidden;
	_zoom: 1;
}
#HeadWrapper {
	width:900px;
	background:url(images/sab_logo.jpg) no-repeat right;
	overflow:hidden;
	padding:0 0 5px;	
}
#headBody .H1Pane {
	float:right;
	width:650px;
	padding-top:30px;
}
#headBody .H1Pane h1 {
    font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
}
#headBody .Logo {
	float:left;
	width:250px;
	padding:10px 0;
}
#headBody .area {
	width:900px;
	padding-bottom:4px;
	_zoom: 1;
	overflow: hidden;
	clear:both;
}
#headBody .HeadPane {
	float:right;
	width:330px;
	height:40px;
}
* html #headBody .HeadPane {
margin: 3px 0 0 0;
}

#headBody .hNavi {
float:left;
height:13px;
padding:7px 0 8px;
width:542px;
}
/* ===========================================================
 pageBody
=========================================================== */

#pageBody {
	clear:both;
	width:908px;
	margin:0 auto;
	padding:0 0 15px 0;
	text-align:left;
}
#pageBody .breadcrumbPane {
	width:900px;
	clear:both;
	margin:0;
	padding:5px 0 10px 0;
	text-align:right;
	height:auto;
}
#pageBody .breadcrumbPane a:link {
	text-decoration:underline;
}
#pageBody .breadcrumbPane a:visited {
	text-decoration:underline;
}
#pageBody .breadcrumbPane a:hover {
	color:#ff7c3d;
	text-decoration:none;
}

/* ===========================================================
 pageBody >> 1Column
=========================================================== */

#skin1Column #pageBody .pageWrapper {
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
}
#skin1Column #pageBody .pageWrapper .TopPane {
	clear:both;
	margin:0;
	padding:0 0 15px 0;
}
#skin1Column #pageBody .pageWrapper .ContentPane {
	float:left;
	margin:0;
	padding:0;
}
#skin1Column #pageBody .pageWrapper .pagetop {
	clear: both;
	width:640px;
	padding: 20px 230px 0 0;
	text-align: right;
}

/* ===========================================================
 pageBody >> 2Column
=========================================================== */

#skin2Column #pageBody .pageWrapper {
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
}
#skin2Column #pageBody .pageWrapper .TopPane {
	clear:both;
	margin:0;
	padding:0 0 15px 0;
}
#skin2Column #pageBody .pageWrapper .SidePane {
	float:right;
	width:200px;
	margin:0;
	padding:0;
}
#skin2Column #pageBody .pageWrapper .ContentPane {
	float:left;
	width:640px;
	margin:0;
	padding:0;
}
#skin2Column #pageBody .pageWrapper .pagetop {
	clear: both;
	width:640px;
	padding: 20px 230px 0 0;
	text-align: right;
}
/* ===========================================================
 pageBody >> 2Column_search
=========================================================== */

#skin2Column_search #pageBody .pageWrapper {
	clear:both;
	margin:0;
	padding:0 0 20px 0;
	text-align:left;
}
#skin2Column_search #pageBody .pageWrapper .TopPane {
	clear:both;
	margin:0;
	padding:0 0 15px 0;
}
#skin2Column_search #pageBody .pageWrapper .SidePane {
	float:right;
	width:330px;
	margin:0;
	padding:0;
}
#skin2Column_search #pageBody .pageWrapper .ContentPane {
	float:left;
	width:510px;
	margin:0;
	padding:0;
}
#skin2Column_search #pageBody .pageWrapper .ContentBottomPane {
	clear:both;
	width:850px;
	padding:10px 0;
	margin:0;
}
#page-bottom {
	background:url(images/page_bg_bottom.jpg) no-repeat bottom;
	height:auto;
}
#page-top {
	background:url(images/page_bg_top.jpg) no-repeat top;
	height:auto;
	padding:22px 0;
}
#page-bg {
	background:url(images/page_bg.jpg) repeat-y;
	height:auto;
	padding:0 20px;
}
/* ===========================================================
 footBody
=========================================================== */

#footBody {
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#footBody .BottomPane {
	clear:both;
	margin:0;
	padding:5px 0 30px 0;
	background:url(../skins/images/foot.gif) no-repeat left bottom;
}
#footBody .footWrapper {
	margin:0 auto 30px auto;
	padding:0;
	_zoom: 1;
	overflow: hidden;
}
#footBody .footWrapper .Copyright {
	float:right;
	margin:0;
	padding:5px 0;
	text-align:right;
	color:#666;
	font-size:11px;
*font-size:80%;
	width:340px;
}
#footBody .footWrapper .FootPane {
	float:left;
	margin:0;
	padding:5px 0;
	width:400px;
}