@charset "utf-8";
/*----------------------------------------------------
	                 Reset
------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
article,
aside {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
}


table {
     border-collapse: collapse;
     border-spacing: 0;
}

fieldset,
img {
     border: 0;
     vertical-align: bottom;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
     font-style: inherit;
     font-weight: inherit;
}

li {
     list-style: none;
}
caption,
th {
     text-align: left;
}
header,
footer{
	display: block;
}
strong{
	font-weight: bold;
}
/*----------------------------------------------------
	                 common
------------------------------------------------------*/
/*== Basic Elements ================*/
body{
	margin: 0;
	padding: 0;
	color: #3c3c3c;
	font-size: 90%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.6em;
}
a,
a:hover{ color: #3c3c3c; }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot');
    src: url('../font/fontello.eot?iefix') format('eot'),
         url('../font/fontello.woff') format('woff'),
         url('../font/fontello.ttf') format('truetype'),
         url('../font/fontello.svg#webfontjSpbZQRv') format('svg');
}
strong{
	color: #d62e4b;
}
.center{
	text-align: center;
}
.pdB10{padding-bottom: 10px;}
.pdB20{padding-bottom: 20px;}
.pdB30{padding-bottom: 30px;}
.mgB10{margin-bottom: 10px;}
.mgB20{margin-bottom: 20px;}
.mgB30{margin-bottom: 30px;}
.bold{font-weight: bold;}

.siteName{
	font-family: 'Libre Baskerville', serif;
	line-height: 1em;
}
.siteInner{
	width: 980px;
	margin: 0 auto;
}
#pageTop,
#pageTop a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#pageTop{
	box-sizing: border-box;
	position: fixed;
	background: #262626;
	opacity: 0.9;
	z-index: 1001;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
}
#pageTop a{
	text-decoration: none;
	font-size: 20px;
	color: #fff;
}
#pageTop a:after{
	content: "\e802";
	font-family: 'fontello';
}

/*== nav ================*/

.followNav a,
.gNav a{
	font-family: 'Libre Baskerville', serif;
	text-decoration: none;
	display: block;
	}
#siteHeader,
#followHeader{
	background: #e8c1c8;
}
#siteTitArea{
	background: #fff;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #ececec;
}
#siteTitArea .siteName{
	font-weight: normal;
}
#siteTitArea .firstName{
	color: #d62e4b;
}
#siteTitArea .caption{
	display: block;
}
#followHeader{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
}
#followHeader .siteName{
	font-size: 20px;
	color: #424242;
}
#followHeader .siteName	a{
	color: #424242;
	text-decoration: none;
}
#followHeader .siteName .caption{
	font-size: 12px;
	display: inline-block;
	padding-left: 10px;
}

/*== banner ================*/
#bnArea{
	background: url(../img/common/bg_bnarea.png) repeat 0 0;
}
.bnList span{
	padding-left: 1em;
	text-indent: -1em;
	display: block;
	padding-top: 10px;
}
.bnList a{
	text-decoration: none;
}
.bnList a span:before {
  content: '\e801';
  font-family: 'fontello';
  padding-right: 6px;
}
.bnList span{
	padding-left: 1em;
	text-indent: -1em;
	display: block;
	padding-top: 10px;
}

/*== footer ================*/
#siteFooter{
	background: #c8c8c8;
}
.ftNav{
	display: inline-block;
	font-family: 'Libre Baskerville', serif;
	color: #505050;
	font-size: 14px;
}

.ftSubNav{
	display: inline-block;
}
.ftSubNav a,
.ftSubNav a:hover{
	color: #fff;
	font-size: 12px;
}
.ftSubNav:before {
  content: '\e801';
  font-family: 'fontello';
  padding-right: 6px;
  color: #fff;
}
#ftSubNavFb:before,
#ftSubNavTw:before{
	content: none;
}
#ftSubNavFb img,
#ftSubNavTw img{
	width: 23px;
	height: 23px;
}
.ftSubNav{
	margin-left: 15px;
}
#ftSubNavArea{
	padding: 15px 0;
}
/*----------------------------------------------------
	              Subpage Common
------------------------------------------------------*/
#pageTit{
	text-align: center;
	color: #d62e4b;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}

/*----------------------------------------------------
	                 audio
------------------------------------------------------*/	
.audio{
	background: #fffced;
}
.audio #audioContents{
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

.audio #audioTit{
	font-size: 16px;
	padding-bottom: 10px;
}
/*----------------------------------------------------
	                 contact
------------------------------------------------------*/
#contactLead a{
	text-decoration: underline;
}
#contactLead a:hover{
	text-decoration: none;
}
.notice{
	color:#d62e4b;
	font-weight: bold;
}
#sys_box{
	width: 840px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
	background: #ffebeb;
	color: #d62e4b;
	font-weight: bold;
}
#formTbl td input,
#formTbl td textarea{
	border: solid 1px #ececec;
	padding: 7px;
}
#buttons{
	position: relative;
}
#contact .require{
	background: #d62e4b;
	display: inline-block;
	width: 30px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	border-radius: 2px;
	font-size: 10px;
	color: #fff;
}
#buttons .btn {
	position: absolute;
	border: transparent 0 none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
	-webkit-appearance: none;
	color: #fff;
}
#buttons .btn#btn_back,
#buttons .btn#btn_reset{
	background: #444;
}
#buttons .btn#btn_submit,
#buttons .btn#btn_confirm{
	background: #d62e4b;
}