@charset "utf-8";
/* style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

.clearfix {
  overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

body{ 
  position: relative;
  background: url(../img/background.png);
  width: 100%;
  font-size: 15px;
  color: #333333;
  line-height: 1.7;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
}

h1{
  width: 600px; 
  margin:0 auto;
}

#main{
  width: 900px;
  height: 1130px; 
  margin:50px auto; 
  padding: 105px;
  background: url(../img/paper.png) no-repeat; 
}

.leaf_top{
  position: fixed;
  top:-4%;
  left: -4%;
  width: 25%; 
  max-width: 460px;
}

.leaf_bottom{
  position: fixed;
  bottom:-4%;
  right: -4%;
  width: 25%;
  max-width: 460px;
}

.left_box{
  float: left;
  width: 390px;
}

.left_box p{
  margin:15px 0 5px 10px;
}

.right_box{
  float: right;
}

.mb60{
  margin-bottom: 60px;
}

.mt45{
  margin-top: 45px;
}

.mt20{
  margin-top: 20px;
}

.ml40 {
	margin-left:40px;
}

.fw_b{
  font-weight: bold;
}

.hover:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}


.btnArea {
	margin-top:100px;
}

.btn {
	display: inline;
	margin-right:10px;
}