@charset "utf-8";
/* CSS Document */

.white-18-blue {
	color: #FFFFFF;
	font-size:20px;
	background-color:#2e74b5;
	display:block;
	padding:5px 15px 3px 15px;
}
.white-18-pink {
	color: #FFFFFF;
	font-size:20px;
	background-color:#ff99cc;
	display:block;
	padding:5px 15px 3px 15px;
}
.white-18-green {
	color: #FFFFFF;
	font-size:20px;
	background-color:#538135;
	display:block;
	padding:5px 15px 3px 15px;
}
.white-18-chocolate {
	color: #FFFFFF;
	font-size:20px;
	background-color:#c45911;
	display:block;
	padding:5px 15px 3px 15px;
}

.black-border {
	border-bottom: solid; border-width: 2px;padding-bottom: 0px; border-color: #000;
}
.pink-border {
	border-bottom: solid; border-width: 2px;padding-bottom: 0px;border-color: #ff99cc; float:left; font-size:18px; font-weight:bold;
}
.green-border {
	border-bottom: solid; border-width: 2px;padding-bottom: 0px;border-color: #538135; float:left; font-size:18px; font-weight:bold;
}
.chocolate-border {
	border-bottom: solid; border-width: 2px;padding-bottom: 0px;border-color: #c45911; float:left; font-size:18px; font-weight:bold;
}

.size8 {font-size: 10px}

.size10 {font-size: 12px}
.size11 {font-size: 14px}
.comment{
	font-size: 13px;
	line-height:22px;
	font-family:"ＭＳ ゴシック";
}


.size12 {font-size: 14px}

.size14 {font-size: 16px}
.size14-red {font-size: 16px;
color:red;}
.size16 {font-size: 18px}
.size16-red {font-size: 18px;
color:red;}
.size16-Blue {font-size: 16px;
color:#0080c4;}
.size18 {font-size: 20px}
.size18-red  {font-size: 20px;
color:red;}
.size18-Blue {font-size: 18px;
color:#0080c4;}
.td-blue{
	border:solid 2px #2e74b5;
	width:656px;
	padding:20px 20px;
	}
.td-pink{
	border:solid 2px #ff99cc;
	width:656px;
	padding:20px 20px;
	}
.td-green{
	border:solid 2px #538135;
	width:656px;
	padding:20px 20px;
	}
.td-chocolate{
	border:solid 2px #c45911;
	width:656px;
	padding:20px 20px;
	}


img {
	border:0;
}

.style48{
	display:inline-block;
	font-size:40px;
	border-bottom:#2e74b5 dashed 4px;

	text-align:center;
	font-weight:bold;	
}



.table {
	font-size:14px;
border-collapse: collapse; /* 枠線の表示方法 */ 
border:#000 solid 1px; /* テーブル全体の枠線（太さ・色・スタイル） */ 
 } 

.table td { 
border:#000 solid 1px; /* セルの枠線（太さ・色・スタイル） */ 
 }  



#main{
	width:700px;
	margin:auto;
	font-family:"ＭＳ ゴシック";
	line-height:1.5em;
}

#head{
	width:700px;
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#foot{
	width:700px;
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#bottom{
	width:700px;
	margin:auto;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comment-box-right:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.comment-box-left:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.comment-box-right-with-img:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.comment-box-center-with-img:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.comment-box-center:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comment-box-right{
	margin:40px 0 40px auto;
	padding:20px;
}
.comment-box-left{
	margin:40px auto 40px 0;
	padding:20px 0;
}

.comment-box-right-with-img{
	margin:40px 0 40px auto;
	padding:10px 0 10px 30px;
}
.comment-box-center-with-img{
	margin:40px auto;
	padding:10px 0 10px 30px;
}
.comment-box-center{
	margin:40px auto;
	padding:20px;
}
.comment-box-small{
    padding:10px;
}




.comment-box-right p{
	margin:0;
}
.comment-box-left p{
	margin:0;
}
.comment-box-right-with-img p{
	margin:0;
}
.comment-box-center-with-img p{
	margin:0;
}
.comment-box-center p,.comment-box-small p{
	margin:0;
}










.large-number{
	display:block;
	width:200px;
	height:80px;
	text-align:center;
	color:#FFF;
	line-height:80px;
	background-image:url(img/number_blue.jpg);
	font-size:35px;
	margin:30px auto;
	font-weight:bold;	
}
.large-number-orange{
	display:block;
	width:200px;
	height:80px;
	text-align:center;
	color:#FFF;
	line-height:80px;
	background-image:url(img/number_orange.jpg);
	font-size:35px;
	margin:30px auto;
	font-weight:bold;	
}


.small-number-back,.small-number-before,.small-number-after,.small-number-back-orange,.small-number-before-orange,.small-number-after-orange{
	display:block;
	width:80px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#FFF;
	font-size:15px;
	text-decoration:none;
	float:left;
}
.small-number-back{
	background-image:url(img/number_blue_s.jpg);
	margin:auto 77px;
}
.small-number-before{
	background-image:url(img/before_blue.jpg);
	padding-left:19px;
	margin-left:134px;
}
.small-number-after{
	background-image:url(img/after_blue.jpg);
	padding-right:19px;
	margin-right:134px;
}
.small-number-back-orange{
	background-image:url(img/number_orange_s.jpg);
	margin:auto 77px;
}
.small-number-before-orange{
	background-image:url(img/before_orange.jpg);
	padding-left:19px;
	margin-left:134px;
}
.small-number-after-orange{
	background-image:url(img/after_orange.jpg);
	padding-right:19px;
	margin-right:134px;
}


.small-number-back:hover,.small-number-back-orange:hover{
	opacity:0.5;
}
.small-number-before:hover,.small-number-before-orange:hover{
	opacity:0.5;
}
.small-number-after:hover,.small-number-after-orange:hover{
	opacity:0.5;
}




















.first-and-end{
	width:700px;
	margin:50px auto;
	line-height:1.5em;
}

.first-and-end p{
	margin:0;
}

.first-and-end .sentence{
	background-color:#feccff; 
	padding:0 40px; 
	width:620px; 
	font-size:17px; 
	margin:0;
}

.red-underline{
	color:red;
	text-decoration:underline;
}

ul{
	margin-top:0;
	margin-bottom:0;
}
	
li{
	margin:0;
}


/**************************************/
.fukidashi{
	background-repeat:no-repeat;
	font-size:13px;
	line-height:22px;
	padding:20px 0;
	box-sizing:border-box;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.fukidashi a{
	color:#000;
}

.fukidashi a:hover{
	color:#666;
}

.p-left-149{
	padding-left:149px;
}

.p-left-30{
	padding-left:30px;
}

.left{
	margin:30px auto 30px 0;
}

.center{
	margin:30px auto;
}

.right{
	margin:30px 0 30px auto;
}