@charset "shift_jis";
/* resetCSS */
ol,ul,li {
        list-style:none;
}

/* CSS Document */
body{
	width: 100%;
	font-size:14px;
	text-align:center;
	-webkit-text-size-adjust: none;
    font-family: "HraKakuProN-W6","HelveticaNeue";
	}
#wrap{
	margin:0 auto;
	padding-bottom: 30px;
	width: 100%;
	text-align:center;
	}
img {
     max-width: 100%;
     height: auto;
     vertical-align: bottom
     }
#header{
	text-align:left;
	}
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
p.logo {
	padding: 8px 8px 0;
	margin: 0 0 4px 0; 
}
/*-------------------------------------
link
-------------------------------------- */
a:link{
	text-decoration:underline;
	color:#336699;
	}

a:visited{
	text-decoration:underline;
	}	

a:hover,
a:active{
	text-decoration:none;
	color:#6699cc;
	}

a.none{ /*only the partial point*/
	padding-left:0;
	background:none;
	}

a.arw{
	padding:0 0 0 15px;
	list-style-type:none;
    	line-height: 1.5;
	background:url(/sp/per/cam/image/tmp_10/translate.png) no-repeat center left;
	-moz-background-size: 10px 9px; /* Firefox */
	-webkit-background-size: 10px 9px; /* Safari,Chrome‚È‚Ç */
	-o-background-size:  10px 9px; /* Opera */
	-ms-background-size:  10px 9px; /* ie */
	background-size:  10px 9px;
}
/*-------------------------------------
float
-------------------------------------- */
.img_L{
	float:left;
}
.img_R{
	float:right;
}
/*-------------------------------------
icon
-------------------------------------- */
img.pc {
    margin-left: 3px;
    vertical-align: middle;
}

img.win {
    margin-left: 2px;
    vertical-align: middle;
}
/*-------------------------------------
btn_area
-------------------------------------- */
.btn_area{
	text-align:center;
	padding:5px 0;
}
/*-------------------------------------
#main
-------------------------------------- */
#main{
	background:#f7e7c6;
	margin:10px auto 0;
	padding:10px 0 15px;
	width: 100%;
	text-align:center;
	font-size:85%;
	}

/*-------------------------------------
#contents01
-------------------------------------- */
#contents01{
	background:#ffffff;
	border:4px solid #7dbc3e;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	margin:10px 6px;
	padding-top:8px;
	text-align:left;
}
#about{
	padding:10px 10px 0;
}
#contents01 .txt_r{
	text-align:right;
	padding-top:6px;
}
#contents01 .txt_r p{
	padding-bottom:6px;
	font-size:74%;
}
#about dl{
	border-top:2px dotted #7dbc3e;
	text-align:left;
	padding:10px 0;
}
#about dt{
	padding-bottom:10px;
}
#about dd p.img_book{
	background:url(/sp/per/cam/image/tmp_10/img_about01.png) no-repeat top right;
	padding-right:90px;
	-moz-background-size: 84px 68px; /* Firefox */
	-webkit-background-size: 84px 68px; /* Safari,Chrome‚È‚Ç */
	-o-background-size:  84px 68px; /* Opera */
	-ms-background-size:  84px 68px; /* ie */
	background-size:  84px 68px;
	margin:0 0 10px 0;
}
#about dd p{
	margin:10px 0 0 0;
}
/*-------------------------------------
#contents02
-------------------------------------- */
#contents02{
	margin:10px 6px;
}
#contents02 dl{
	text-align:left;
	border-bottom:1px dotted #333333;
	padding:6px 0;
	overflow: hidden;
}
#contents02 dt{
	float:left;
	padding-right:6px;
	overflow: hidden;
}
#contents02 dd{
	margin:0;
	padding:8px 6px 0 0;
	overflow: hidden;
}
#contents02 h3{
	color:#fe6102;
	font-weight:bold;
	font-size:130%;
}
#contents02 dd p{
	padding-top:4px;
}
#contents02 .last{
	border:none;
}
/*-------------------------------------
#contents03
-------------------------------------- */
#contents03{
	margin:10px 6px;
}
#contents03 p{
	text-align:left;
	margin:10px 0 6px;
}
#contents03 .event_area{
	background:#fff;
	border:4px solid #e6ca93;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:10px;
	text-align:left;
	margin:6px 0;
}
#contents03 .note_area{
	background:#fff;
	text-align:left;
	padding:10px;
	font-size:80%;
	margin:18px 0 6px;
}
#contents03 .note_area ul{
	padding:4px 0;
}
#contents03 .note_area li{
	list-style: disc outside;
	margin: 0 0 0 16px;
}

/*-------------------------------------
#footer
-------------------------------------- */
div#footer {
	text-align:center;
	margin-top:30px;
}
div#footer p{
	font-size:65%;
}
