@charset "utf-8";
/* CSS Document */

@import"reset.css";

.clear{clear: both;}



/*
-----------------------------------------------
clearfix
-----------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}


* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
-----------------------------------------------
base link color
-----------------------------------------------*/
a:link {
	color:#3a7bb1;
	text-decoration:underline;
	font-weight:bold;
}

a:visited {
	/*color:#551a8b;*/
	color:#3a7bb1;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:active {
	color:#ff0000;
	text-decoration:none;
}


/*
-----------------------------------------------
base layout
-----------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#f5f2d0;
}

#wrap {
	width:870px;
	margin-right: auto;
	margin-left: auto;
	padding-left:5px;
	padding-right:5px;
	background:url(../img/wrap-bg.png) repeat-y;
}

#header {
	background:url(../img/hdr-bg.png);
	background-repeat:no-repeat;
	position:relative;
	height:110px;
}

#header h1{
	padding-left:5px;
	padding-right:5px;
	background:#403c23;
	color:#fafaf8;
	float:left;
	font-size:12px;
}

#header p{
	display:inline;
	float:left;
	background:#403c23;
	color:#fafaf8;
	padding-left:5px;
	font-size:12px;
}

#header #logo {
	position:absolute;
	left:15px;
	top:43px;
}

p#topicPath{
	background:#f0f6e5;
	width:840px;
	padding-left:20px;
	padding-bottom:3px;
	font-size:90%;

}

p#topicPath a{
	padding-right:10px;

}


#nav ul li{
	display:inline;
	float:left;
	width:auto;
}


#container{
	padding-top:15px;
	padding-bottom:10px;
	margin-top:0;
	width:100%;
	background:url(../img/container-btmbg.png);
	background-position:0% 100%;
	background-repeat:no-repeat;
	position:relative;
}


/*
----------------
main
-----------------------------*/
#main{
	margin-left:220px;
	font-size:108%;
	width:630px;
	padding-bottom:20px;

	min-height:950px;
	height: auto !important;
	height: 950px;
	position:relative;
}


#mainImage{
	margin-bottom:13px;

}

#main .section p{
	margin-top:0.5em;
	margin-bottom:0.6em;
	line-height:1.6em;
	padding-left:5px;

}

#main .section dl{
	padding-left:5px;


}


#main h1 img{
	border:none;
	padding:0;
	margin-bottom:1em;
	position:relative;

}

#main h2 img{
	border:none;
	padding:0;
	margin-bottom:1em;
	position:relative;
	left:-5px;
}




#main h2{
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-weight:bold;
	padding-left:5px;
	font-size:1.2em;
}



#btmForm{
	margin-top:2em;
}

.nextPage{
	clear:both;
	position:relative;
	top:0px;
	margin-top:3em;
	margin-bottom:1em;
	padding:5px;
	float:right;
	font-size:0.8em;
	width:auto;
	margin-right:5px;
}

.nextPage:before{
	content: ">>"
}



.nextPage a{
	padding:5px;
	margin-left:5px;
	background-repeat:repeat-x;

}

.nextPage a:hover{
	text-decoration:none;
}

/*
-----------------------------------------------
sub
-----------------------------------------------*/
#sub{
	position:absolute;
	top:15px;
	left:0;
	padding-left:14px;
	width:206px;
}



#sub ul.sideMenu{
	padding-bottom:25px;

}



#sub ul.sideMenu li{
	padding:0;
	margin:0;

}

#sub ul.sideMenu img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}


#sub ul.bnr li{
	margin-bottom:6px;

}




#sub #contact{
/*	background:url(../img/contact.png) no-repeat;
	height:125px;
	width:185px;
	position:relative;*/
	margin-bottom:12px;
}

#sub #contact img{
/*	position:absolute;
	left:11px;
	top:85px;*/

}

#sub address{
	padding:11px;
	border:#999999 1px solid;
	
}

#sub p{
	padding:11px;
	margin-top:12px;
	background:#f2f2f2;
	width:165px;
}


#sub p.camp{
	padding:11px;
	margin-top:12px;
	background:#f2f2f2;
	width:165px;
	text-align:center;
	font-weight:bold;
}

#sub p.camp a{
	color:#ef3e61;
}






#sub address{
	margin-left:1px;
	padding:11px;
	border:#999999 1px solid;
	margin-top:12px;
	width:162px;
}




/*
-----------------------------------------------
footer
-----------------------------------------------*/

#footer{
	font-size:12px;
	background:url(../img/ftr-bg.png) repeat-y;
	color:#020202;
    position:relative;
	left:-5px;
	float:left;
	width:870px;
	padding-top:20px;

}

#footer p.info{
	padding-left:15px;
	float:left;
}

#footer span{
	color:#76a820;
	display:block;
	background:url(../img/ftr-line.png) repeat-x;
	background-position:bottom left;
	padding-bottom:2px;
}

#footer a:hover{
	text-decoration:underline;
	font-weight:normal;
}

#footer ul{
	padding-left:20px;
	float:left;
	margin-bottom:5px;
}

#footer ul li a{
	display:block;
	background:url(../img/ftr-list.gif) no-repeat;
	margin-top:5px;
	padding-left:11px;
	padding-bottom:1px;
	font-weight:bold;
}

#footer ul li a:hover{
	background:url(../img/ftr-list_over.gif) no-repeat;
	text-decoration:none;
	font-weight:bold;


}

#footer p.ftrContents{
	margin-left:18px;
	width:250px;
	float:left;

}

p.copyright{
	margin:auto;
	position:relative;
	left:-5px;
	clear:both;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	text-align:center;
	font-size:1.1em;
	width:870px;
	background:url(../img/copyright-bg.png) no-repeat #f5f2d0;
	background-position:top left;
	padding-bottom:20px;

}

p.copyright a{
	color:#333333;
	text-decoration:none;

}

/*mac向け*/
@media screen and (-webkit-min-device-pixel-ratio:0){
body #footer ul{
font-size:0.9em;
}
}




/*
-----------------------------------------------
base style
-----------------------------------------------*/

.right{
	float:right;
	padding-left:10px;
	padding-bottom:10px;

}

.left{
	float:left;
	padding-right:10px;
	padding-bottom:30px;

}

.small{
	font-size:90%;

}

.blue{
	color:#529cea;

}

.big{
	font-size:1.2em;

}
.annotation{
	margin-top:0.5em;
	background:none;
	font-size:0.9em;
}


.red{
	color:#e94e53;

}

.redBg{
	background:#e94e53;
	color:#fafaf8;
	padding:0px 5px;
}

.bold{
	font-weight:bold;

}

.green{
	color:#6ec137;
	font-weight:bold;

}

#main div.blueBox{
	background:#eff5fb;
	border:2px dotted #459bf0;
	padding:10px;
}

#main p.yellowBox{
	background:#fafbef;
	border:2px dotted #efd86a;
	padding:10px;
}

#main .goform {
	font-weight:bold;
	margin:0;
}

#main .goform a{
	color:#f00;
}

#main .goform a:hover{
	color:#ff6600;
}

#main .goform a:active{
	text-decoration:none;
}


.goform span{	
text-align:right;

}



/*
----------------
toNext
-----------------------------*/

.toNext{
	margin-top:0.5em;
	padding:5px;
	float:right;
	font-size:0.8em;
	border:#d0ebf3 2px solid;
	background:#eaf5f8;
}

p.toNext:before{
	content: ">>";
}



.toNext a{
	padding:5px;
	margin-left:5px;
	background:#fff;
}

.toNext a:hover{
	text-decoration:none;
}

/*
-----------------------------------------------
印刷用
-----------------------------------------------*/
@media print {

* html body{
		zoom:0.8;
}