@charset "utf-8";



body,td,th {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";font-size:12px;}

body {
	margin:0px;					/* ページ全体のmargin */
	padding:0px;				 /* ページ全体のpadding */
	text-align:center;	 /* 下記のautoに未対応用のセンタリング */
}

#main{
	margin-left:auto;		/* 左側マージンを自動的に空ける */
	margin-right:auto;	 /* 右側マージンを自動的に空ける */
	text-align:left;		 /* 中身を左側表示に戻す */
	width:807px;				 /* 幅を決定する */
}

input, textarea {
	padding: 0px 3px 0px 3px;
}

table {
	text-align:left;
}


.basefont {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
}

.px11 { font-size: 11px;}
.px12 { font-size: 12px;}
.px14 { font-size: 14px;}
.px15 { font-size: 15px;}
.px16 { font-size: 16px;}
.px18 { font-size: 18px;}
.px20 { font-size: 20px;}
.px22 { font-size: 22px;}
.px24 { font-size: 24px;}


.w60 { width: 60px; }
.w80 { width: 80px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w350 { width: 350px; }

.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }


/*  -----------------------------------------  */
/*  全体・汎用  */

/*テキストフィールドにフォーカスが合うと背景色を薄い黄色に*/
input:focus, select:focus, textarea:focus {
	background-color: #F6F6CC;
}


/*  -----------------------------------------  */
/*  この２つはよくわからない  */

/* カーソルを合わせたときに表示を変える */
.hoverbig:hover{
	color: blue;
	font-size: 14px;
	font-weight: bold;
}

/* カーソルを合わせたときに表示を変える */
.hoverbig2:hover{
	font-weight: bold;
}


/*  -----------------------------------------  */

.表タイトル {
	text-align:center;
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 14px;
}

.枚数 {
	text-align:right;
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 14px;
	width:40px;
	height: 20px;
}

.部数 {
	text-align:right;
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 14px;
	width:65px;
	height: 20px;
}

.名前住所等 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 12px;
	width:450px;
}

.電話番号 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 12px;
	width:100px;
}

.メアド {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 12px;
	width:500px;
}

.件名 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 12px;
	width:350px;
}

.備考 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 12px;
	width:550px;
}
.nondisplayFrame {
	display:none;
}


/*  ----------常に画面右下に表示する上移動ボタン---------  */

/* ボタンのスタイル */
.page-top {
	/* buttonタグのリセットCSS */
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;

	/* ボタンの装飾 */
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 100;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #115582;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

/* 矢印のスタイル */
.page-top::before {
	content: "";
	width: 12px;
	height: 12px;
	margin-bottom: -6px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	transform: rotate(-45deg);
}

/* ホバー時のスタイル */
.page-top:hover {
	transform: scale(1.1);
}


/*  -----------------------------------------  */

/*画面最下部のリンク部分 ハピプロ版*/

#footer{
width:100%;
color:#F8F5EC;
text-align:center;
margin:0px 0px 0px 0px;
padding:30px 0px 30px 0px;
font-size:15px;
line-height:150%;
background:#f9f9f9;
color:#fff;
border-top:3px solid #cf060a;
}

.foot-link{
font-size:14px;/*追加した*/
display:block;
width:100%;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.foot-link a{display:inline-block;color:#000;padding:0px 10px 10px 10px;}
.foot-link a:hover{display:inline-block;color:#999;padding:0px 10px 10px 10px;}

.foot-logo{
width:250px;
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:center;
}
.foot-logo img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.foot-copy{
text-align:center;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#666;
font-size:12px;
letter-spacing:1px;
}
.foot-title{
clear:both;
font-size:18px;
font-weight:bolder;
line-height:130%;
color:#000;
margin:15px 0px 10px 0px;
padding:12px 0px 13px 0px;
text-align:left;
letter-spacing:1px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}

.foot-sns{
display:block;
width:140px;
margin:0px auto;
padding:20px 0px 20px 0px;
}
.foot-sns ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.foot-sns li{
width:46px;
height:46px;
list-style:none;
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
background:#555;
border-radius:50%;
text-align:center;
}
.foot-sns li img{
width:100%;
margin:0px 0px 0px 0px;
padding:12px;
box-sizing:border-box;
vertical-align:top;
}


/*  -----------------------------------------  */

/* 11から16はフォントサイズと一致 ゆくゆくは廃止予定*/
.style11 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";font-size: 11px;}
.style12 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";font-size: 12px;}
.style13 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";font-size: 13px;}
.style14 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";font-size: 14px;}
.style15 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";font-size: 15px;}
.style16 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";font-size: 16px;}

.style41 {font-size: 12px}
.style42 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN"}
.style43 {font-size:14px; text-align: left;}
.style44 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 12px;}
.style45 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 14px}
.style46 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 16px}
.style47 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 11px}

.style101 {font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic ProN"
	;font-size: 15px}