@charset "utf-8";

/*
------------------------------------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border: none;empty-cells:show;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
li,dl{list-style:none;}
hr {display: none;}
img {vertical-align:bottom;border: none;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline;color:#333333;}

/*
------------------------------------------------
Text SET
------------------------------------------------*/
dt,dd,li,pre,p,blockquote,th,td,address{font-size:12px;line-height:1.5;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;line-height:1.5;color:#333333;}
/*dt,dd,ol,li,pre,input,textarea,p,blockquote,th,td,address,h1,h2,h3,h4,h5,h6{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku *Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}*/


/*
------------------------------------------------
Other SET
------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
------------------------------------------------
Common Layout
------------------------------------------------*/
body {
	background: url(../img/bg_body.jpg) repeat-x 0px 0px;
}
#wrap {
	margin: 0px auto;
	width: 830px;
	padding: 0px 3px;
	background: url(../img/bg_subwrap.png) repeat-y 0px 0px;
	behavior: expression(IEPNGFIX.fix(this));
}
#top #wrap {
	background: url(../img/bg_wrap.png) repeat-y 0px 0px;
	behavior: expression(IEPNGFIX.fix(this));
}
#header {
	width: 828px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: url(../img/bg_header.jpg) repeat-x 0px 0px;
	position: relative;
}
#header h1 {
	padding: 6px 0px 11px 42px;
}
#top .contents {
	background: url(../img/bg_contents.gif) repeat-x 0px 0px;
	float: right;
	width: 580px;
	border-right: 1px solid #FFFFFF;
	padding: 50px 19px 50px 18px;
}
.contents {
	padding: 39px 28px 8px;
}
#sideArea {
	float: left;
	width: 210px;
	padding: 0px 0px 50px;
}
#sideArea #sideTitle {
	margin-bottom: 10px;
}
#sideArea #mainNavi {
	margin-bottom: 58px;
	padding-left: 2px;
}
#sideArea #sideBnr li {
	margin-bottom: 5px;
	margin-left: 11px;
	padding: 1px;
	border: 1px solid #BDB084;
	height: 56px;
	width: 186px;
}
#footer {
	clear: both;
	background: url(../img/bg_footer.jpg) no-repeat 0px 0px;
	height: 45px;
	margin: 0px auto;
	width: 836px;
	text-align: right;
	padding-bottom: 50px;
}
#footer address {
	padding: 13px 22px 0px 0px;
}
#wrap #header #mainNavi {
	height: 38px;
	width: 828px;
}
#wrap #header #mainNavi li {
	float: left;
}
#wrap #header #subNavi {
	text-align: right;
	width: 130px;
	position: absolute;
	top: 20px;
	right: 26px;
}
#wrap #header #subNavi li {
	margin-bottom: 8px;
}
#titleBox {
	background: url(../img/bg_titlebox.gif) repeat-x left bottom;
	padding-bottom: 11px;
	width: 828px;
	height: 150px;
}
#titleBox h2 {
	background: url(../img/bg_titlebox_01.jpg) no-repeat left top;
	float: left;
	height: 103px;
	width: 459px;
	padding-top: 47px;
	padding-left: 16px;
}
#titleBox p {
	float: right;
	height: 150px;
	width: 353px;
}
#wrap .contents .pagetopbt {
	text-align: right;
	clear: both;
	width: 100%;
}

.mabottom5 {
	margin-bottom: 5px;
}
.mabottom20 {
	margin-bottom: 20px;
}
.mabottom15 {
	margin-bottom: 15px;
}
.mabottom30 {
	margin-bottom: 30px;
}
.mabottom35 {
	margin-bottom: 35px;
}
.mabottom65 {
	margin-bottom: 65px;
}
.mabottom70 {
	margin-bottom: 70px;
}