/* CSS Document */
@import "extention/init.css";
/*@import "extention/util.css";
@import "extention/accessibility.css";
@import "extention/noscript.css";
@import "extention/logtag.css";*/

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
	border-style: none;
	color:#000000;
	background-color:#f5f3f0;
	/*background-repeat: no-repeat;*/
	font-size: 12px;
	line-height: 18px;
}
.multicol {
	margin-bottom:20px;
}  

#container {
    background:url(../images/bg.jpg) repeat-y;
	background-position: center top;
	width:848px;
	margin:auto;
}
#header {
	height:150px;
	background:url(../images/northern.jpg) no-repeat;
	width:848px;
	margin:auto;
}
#title {
	width:760px;
	margin:auto;
	background:url(../images/title.gif) no-repeat ;
	background-position: center top;
	height:82px;
}

#header h1 {
display:none;
}

#main {
	width:800px;
	/*border:1px #FF3366 solid;*/
	margin:0px 24px 0px 24px;
}

#mainsp {
	width:800px;
	behavior: url("css/iepngfix.htc");
	background:url(../images/dvd.png) no-repeat;
	/*border:1px #FF3366 solid;*/
	padding:0px 24px 0px 24px;
}
#mainsp2 {
	width:800px;
	behavior: url("css/iepngfix.htc");
	background:url(../images/beautiful.png) no-repeat;
	/*border:1px #FF3366 solid;*/
	padding:0px 24px 0px 24px;
}

.contents {
    width:760px;
	margin:auto;
}



.waku {
width:758px;
border:1px #a90866 solid;
margin:2px 0px 0px 0px;
}

.wakucamp {
background:url(../images/map.png) no-repeat;
behavior: url("css/iepngfix.htc");
background-position: center top;
width:758px;
border:1px #a90866 solid;
margin:2px 0px 0px 0px;
}

.waku2 {
width:750px;
border:5px #cb0073 solid;
margin:5px 0px 0px 0px;
}

.blacktop {
height:4px;
background:url(../images/blackbgtop.gif) repeat-x;
width:760px;
margin:0px;
padding:0px;
}
.waku3 {
width:720px;
margin:0px 0px 0px 0px;
padding:20px;
background-color:#000000;
text-align:center;
}

.project-left {
	float:left;
	width:380px;
}

.project-right {
	text-align:right;
	float:right;
	width:370px;
}

.camp-left {
	margin-left:3px;
	margin-right:2px;
	float:left;
	width:370px;
}

.camp-right {
	margin-left:2px;
	margin-right:3px;
	float:right;
	width:370px;
}

.area {
	margin-top:5px;
	width:370px;
}

.area-top {
	width:360px;
	padding:5px;
	background:url(../images/areatop.png);
	behavior: url("css/iepngfix.htc");
	height:16px;
	color:#FFFFFF;
}

.area-middle {
	background:url(../images/areamiddle.png);
	behavior: url("css/iepngfix.htc");
	padding:8px;
	width:354px;
}

.area-middle dd {
	margin-bottom:8px;
}

.area-bottom {
	height:8px;
	background:url(../images/areabottom.png);
	behavior: url("css/iepngfix.htc");
}

.head {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #E5007F;
	font-weight: bold;
	font-size: 16px;
	background:url(../images/headline_bg.gif) no-repeat;
	height:40px;
}

.headline {
	padding:15px 5px 5px 5px;
	font-family:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFFFF;
	background:url(../images/headlinebg.jpg) ;
	height:40px;
}


.textbody {
	margin:10px 10px 0px 10px;
}

.line-w {
	background-color:#a90866;
	height:3px;
	margin:0;
}

.line-b {
    background-color:#000000;
	height:1px;
	margin:2px 0px 2px 0px;
}

.line {
	background:url(../images/dotline.gif) repeat-x;
	height:1px;
	margin:5px 0px 5px 0px;
}

.line-d {
	background:url(../images/dotline2.gif) repeat-x;
	height:4px;
	margin:5px 0px 5px 0px;
}


#footer {
	background:url(../images/bottom.gif);
	height:24px;
	text-align:center;
	padding-top:10px;
}

#anniver {
	margin:auto;
	/*padding-left: 50px;
	padding-top:400px;*/
	width: 150px;
	height:150px;
	border: none;
	text-align: center;
	/*position:relative;*/
	position: absolute;
	top: 0px;
	left: 0px;
}

.orime {
	background:url(../images/orime.png) ;
	width:840px;
	margin:0px 4px 0px 4px;
	height:43px;
}
h3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	font-size: 15px;
	text-decoration:underline;
}

.f-white {
	color:#000000;
}

.articl {
	padding:5px 10px 5px 10px;
}

.multicol {
background:url(../images/tate4bg.gif) repeat-y;
}

.multicol1  {
background:url(../images/tate3bg.gif) repeat-y;
height:100%;
}

table {
margin-left:10px;
}

.midashi {
	background-color:#E5007F;
	padding:3px;
	font-size:13px;
	color:#000000;
}

.imgline {
	border:#E5007F 1px solid;
}

.small {
	font-size:11px;
}

li {
	font-size:12px;
}

.padleft10 {
behavior: url("css/iepngfix.htc");
background:url(../images/textoverlay.png);
}
.padleft10 dt {
	padding-left:10px;
}

.image-right {
float:right;
margin-right:10px;
margin-left:10px;
}



/*
USAGE:
Copy and paste this one line into your site's CSS stylesheet.
Add comma-separated CSS selectors / element names that have transparent PNGs.
Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
See below for another method of activating the script without adding CSS here.
*/

img, div, input { behavior: url("css/iepngfix.htc") }


/*
Here's an example you might use in practice:
img, div.menu, .pngfix, input { behavior: url("iepngfix.htc") }
*/

