/* CSS Document */

/* common
------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	color: #333;
	background-color: #fff5fa;
	border-top: 5px solid #1676a2;
}
img {
	border: none;
}

/* header
------------------------------------------------------------------- */

header {
	margin: 20px auto 15px auto;
	width: 940px;
}

/* article
------------------------------------------------------------------- */

article {
	margin: 0 auto;
	width: 940px;
}
h2 {
	color: #1676a2;
	font-size: 2em;
	margin: 20px 0;
}
p.img-box {
	margin-left: -10px;
}
p {
	margin-bottom: 1.4em;
}
.note {
	border: 1px solid #ccc;
	padding: 10px 15px 10px 15px;
	margin-bottom: 50px;
	background-color: #fff;
}
.note h3 {
	margin-bottom: 10px;
}
.note dd {
	margin-bottom: 10px;
}
.btn {
	text-align: center;
	margin-bottom: 100px;
}
.btn a {
	color : #fff;
	background-color: #1676a2;
	padding: 15px 100px;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 3px;
	text-decoration: none;
}
.btn a:hover {
	opacity: 0.8;
}
.video {
	text-align: center;
	margin-bottom: 50px;
}

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

footer {
	background-color: #2f2f2f;
	color: #fff;
}
footer p {
	font-size: 0.8em;
	margin: 0 auto 0 auto;
	width: 940px;
	padding: 18px 0 15px 0;
	text-align: center;
	display: block;

}

/* media query
------------------------------------------------------------------- */

@media screen and (min-width: 480px) and (max-width:959px){
}

@media screen and (max-width: 479px){
}

/* margin and padding and font
------------------------------------------------------------------- */

.fontS {
	font-size: 80%;
}
.fontM {
	font-size: 110%;
}
.fontL {
	font-size: 120%;
}
.block {
	display: block;
}
.mt0 {	margin-top: 0px !important;}
.mb0 {	margin-bottom: 0px !important;}
.pt0 {	padding-top: 0px !important;}
.pb0 {	padding-bottom: 0px !important;}
.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr35 {	margin-right: 35px !important;}
.mr40 {	margin-right: 40px !important;}
.mr45 {	margin-right: 45px !important;}
.mr50 {	margin-right: 50px !important;}
.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml35 {	margin-left: 35px !important;}
.ml40 {	margin-left: 40px !important;}
.ml45 {	margin-left: 45px !important;}
.ml50 {	margin-left: 50px !important;}
.ml3em {margin-left: 3em !important;}
.ml5em {margin-left: 5em !important;}
.ml6em {margin-left: 6.2em !important;}
.ml6emT {margin-left: 6.2em !important; text-indent: -6.2em;}