html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body {
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x:hidden;

}

p{
	line-height:30px;
}


.area01{
	background:#0a57a9;
	width:100%;
	text-align:center;
	padding:3px 0;
}

.area02{
	background:url(./images/flower.png) left 91.5% repeat-x, url(http://www.calcium.jp/lp/images/bg01.png);
	width:100%;
	text-align:center;
	height:640px;
}

.btn-area{
	overflow:hidden;
	background:#fffcb5;
	padding:20px 0;
	width:100%;
	border-bottom:1px solid #dfe2b7;
}
.btn-area ul{
	width:893px;
	margin:0 auto;
	overflow:hidden;
}
.btn-area li{
	float:left;
}
.btn-area li:first-child{
	margin-right:15px;
}

hr {
height: 1px;
border: none;
border-top: 1px #37734d solid;
}

.align-left{
	text-align:left;
}

.bnr03{
	margin:10px 0 20px 0;
}

.mtb30{
	margin:30px 0;
}

.mt10{
	margin-top:10px;
}

.green{
	color:#0d922b;
	font-weight:bold;
}
.line {
    border-bottom: 2px dashed #cf5a62;
}
.back {
    font-weight: normal;
    padding: 0.3em;
    background-color: #f0ff00;
}
.area03{
	width:100%;
	text-align:center;
	padding:30px 0;
}

.area04{
	margin:55px auto 45px auto;
	width:900px;
}

.area04 h3{
	padding:0 0 20px 0;
}

.area04 dl{
	overflow:hidden;
	margin:30px 0 0 0;
	clear:both;
}

.area04 dt{
	float:left;
	text-align:left;
	    width: 535px;
}

.area04 dd{
	float:right;
}


.area05{
	margin:55px auto 45px auto;
	width:900px;
}
.area05 h2{
	margin:0 0 50px 0;
}
.area05 h3{
	padding:0 0 20px 0;
}
.area05 dl{
	overflow:hidden;
	margin:30px 0 0 0;
	clear:both;
}

.area05 dt{
	float:left;
	text-align:left;
	width:460px;
}

.area05 dd{
	float:right;
}

.area06{
	border:1px solid #37734d;
	width:900px;
	margin:0 auto;
}

.area06 a{
	display:block;
	text-align:right;
	margin:5px 0 0 0;
}

.area06 .inner{
	padding:20px 30px;
}

.area07{
	margin:100px auto 45px auto;
	width:900px;
}
.area07 h3{
	padding:0 0 20px 0;
}
.area07 dl{
	overflow:hidden;
	margin:30px 0 0 0;
	clear:both;
}

.area07 dt{
	float:left;
	text-align:left;
	width:670px;
}

.area07 dd{
	float:right;
}
.area07 ul{
	margin:30px 0 50px 0;
}

.area07 ul p{
	width:670px;
	font-size:15px;
	line-height:24px;
}

.area07 .bg01{
	background:url(http://www.calcium.jp/lp/images/bg02.png) no-repeat;
	padding:15px 0 0 170px;
	margin:0 0 2px 0;
	text-align:left;
	height:131px;
}

.area07 .bg02{
	background:url(http://www.calcium.jp/lp/images/bg03.png) no-repeat;
	padding:15px 0 0 170px;
	margin:0 0 2px 0;
	text-align:left;
	height:131px;
}

.area07 .bg03{
	background:url(http://www.calcium.jp/lp/images/bg04.png) no-repeat;
	padding:15px 0 0 170px;
	text-align:left;
	height:131px;
}

.area08{
	margin:60px auto 45px auto;
	width:900px;
}
.area08 ul{
	overflow:hidden;
	margin:30px 0 0 0;
	clear:both;
}
.area08 li{
	float:left;
	margin-left:12px;
}
.area08 li:first-child{

	margin-left:0;
}

.area09{
	background:#0d922b;
	width:900px;
	margin:0 auto;
	padding:2px 0;
}

.area09 .box{
	background:#c4ebcd;
	width:855px;
	margin:0 auto;
	padding:20px;
}
.area09 h3{
	background:#0d912c;
	font-size:20px;
	text-align:center;
	padding:5px 0;
	margin:0 0 20px 0;
	font-weight:bold;
	color:#fff;
}

.area09 .scroll_area{
	height:500px;
}

.area09 .inner{
	background:#fff;
	margin:0 auto;
	padding:15px;
}

.area09 dl{
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	margin:0 auto 20px auto;
	padding:0 0 20px 0;
	width:765px;
}

.area09 dt{
	float:left;
	margin:0 20px 0 0;
}

.area09 dd{
	float:left;
	text-align:left;
	    width: 590px;
}
.area10{
	margin:90px auto 45px auto;
	width:900px;
}
.area10 h3{
	padding:0 0 20px 0;
}
.area10 dl{
	overflow:hidden;
	margin:30px 0 0 0;
	clear:both;
}

.area10 dt{
	float:left;
	text-align:left;
	width:431px;
}

.area10 dd{
	float:right;
}

.area11{
	margin:60px auto 45px auto;
	width:900px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.area11 h2{
	margin:0 0 10px 0;
}

.area11 .inner{
	background:#fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding:20px;
	overflow:hidden;
	border:20px solid #e0f9e4;

}

.area11 .gr{
	color:#0d922b;
}
.area11 h3{
	padding:0 0 20px 0;
}
.area11 dl{
	overflow:hidden;
	margin:0 0 20px 0;
	clear:both;
}

.area11 dt{
	float:left;
	width:170px;
}

.area11 dd{
	float:left;
	text-align:left;
	padding:10px 0 0 0;
	width:650px;
}

.area11 ul{
	margin:15px 0 0 0;
}

.area11 li{
	float:right;
}
.area11 li:first-child{
	float:left;
	width: 400px;
	text-align:left;
}

.bnr-area{
	margin:0px auto 45px auto;
	width:900px;

}

.bnr-area a{
	display:block;
	margin-bottom:10px;
}
.bnr-area p{
	text-align:left;
	font-size:12px;
	line-height: 20px;
}

.area13 {
	width: 900px;
	margin:0 auto;
height:304px;
overflow:hidden;
background:url(images/item01.png) no-repeat;
}

.area13 ul{
	margin:240px 0 0 255px;
}

.area13 li{
	float:left;
}


.area13 li:first-child{
	    margin-right: 290px;
}

.area14 {
	width: 900px;
	margin:20px auto 0 auto;
height:559px;
overflow:hidden;
background:url(images/item02.png) no-repeat;
}

.area14 ul{
	margin:250px 0 0 670px;
}

.area14 li:first-child{
	margin-bottom:200px;
}

.area15{
	margin:10px 0 0 0;
}

.area15 p{
	text-align:left;
	font-size:12px;
	line-height: 20px;
	width: 900px;
	margin:0px auto 0 auto;	
}


.footer{
	background:url(images/footer-bg.png) repeat-x;
	padding:20px 0 0 0;
}

.footer .inner{
	width:900px;
	margin:0 auto;
}
.footer dl{
	overflow:hidden;
	padding:0 0 20px 0;
}
.footer dt{
	float:left;
}
.footer dd{
	float:right;
	margin:70px 0 0 0;
}
.footer li{
	text-align:left;
}

.footer .copy{
	background:#004cb3;
	text-align:center;
	color:#fff;
	padding:8px 0;
	font-size:12px;
}


.p_b20{padding-bottom:20px;}



/* 全体 */
.jspContainer { overflow:hidden; position:relative; }

/* スクロールバーを除いたエリア */
.jspPane { position:absolute; }

/* 縦スクロールバー */
.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; }

/* 横スクロールバー */
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }

/* 背景 */
.jspTrack { background:#f1f1f1; position:relative; }

/* ノブ */
.jspDrag { background:#bcbcbc; position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }

.a201609 h1{
	background: #3ebbfa;
	padding:17px;
	text-align: center;
}
.a201609 .main{
	text-align: center;	
	border-bottom:8px solid #a8d02e;
	background:url(images/201609/bg.png) repeat-x center center;
	
}
.a201609 .main img{
	margin-top:-61px;
}
.btn-area-a201609{
	overflow:hidden;
	background:#fff1d0;
	padding:30px 0;
	width:100%;
	border-bottom:1px solid #dfe2b7;
}
.btn-area-a201609 ul{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
.btn-area-a201609 li{
	float:left;
}
.btn-area-a201609 li:first-child{
	margin-right:15px;
}
a:hover img{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";	
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";

}