@charset "utf-8";
body{margin:20px 0; padding:0; font-size:15px; line-height:20px; color:#000000; font-weight:bold; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; background-image:url("../img/back.jpg"); -webkit-text-size-adjust:100%;}
@media screen and (max-width: 1199px){body {padding:10px 0 0;}}
html {box-sizing: border-box;}
* html body{overflow: hidden;}
img {max-width:100%;}
@media screen and (max-width: 1200px){
	h1 {margin:0 0 20px; text-align:center;}}
h2 {text-align:center;}
h2 img {max-width:100%;}
h3 {text-align:center;}
h3 img {max-width:100%;}
p {padding:20px 0;}

/* float clearfix */
.fL {float: left; display: inline;}
.fR {float: right; display: inline;}
.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.clear {clear: both;}
.clear hr { display:none; }
.clearFix {zoom: 100%;}
.clearFix:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;font-size: 0;}

/* a href */
a:focus {outline:none;}
a:link {color: #FFFFFF; text-decoration:none;}
a:visited {color: #FFFFFF; text-decoration:none;}
a:hover {color: #7A0000; text-decoration:underline;}

/* page top */
#page-top {position:fixed; bottom:20px; right:20px;}
#page-top_sp {position:fixed; bottom:5px; right:15px;}

/* margin padding */
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}
.mb20 {margin-bottom:20px;}

/* pc tab smp */
@media screen and (min-width: 1201px) {.sp {display:none;}}
@media screen and (max-width: 1200px) {.pc_tab {display:none;}}

/* contents */
#contentsArea{margin:0 auto; width:1200px; overflow: auto;}  
@media screen and (max-width: 1200px){#contentsArea {padding:0 3%; width:94%; font-size:14px; line-height:25px;}}


/* footer */
.footerArea img {max-width:100%;}