@charset "Shift_JIS";

/***************■全体構造*********************/

body{
-webkit-text-size-adjust: 100%;
}

/*背景色の指定*/
#backcolor{
	background-color: #ffffff;
	text-align: center;
}

/*　ボックス（青）*/
#box_mainSpace{
	background-color: #edf9ff;
	width: 700px;
	font-size: 110%;
	vertical-align: middle;
	border: 2px dotted #00a0e9;
/*	border: 5px solid #000000;*/	/*デバック用*/
	border-radius: 30px;
	padding: 10px 20px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/*　ボックス（緑）*/
#bbox_mainSpace{
	background-color: #f4ffd0;
	width: 700px;
	font-size: 110%;
	vertical-align: middle;
	border: 2px dotted #009944;
/*	border: 5px solid #000000;*/	/*デバック用*/
	border-radius: 30px;
	padding: 10px 20px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/*　ボックス（バックナンバー）*/
.box_menu {
	position: relative;
	margin: 2em 10em;
	padding: 25px 10px 7px;
	border: solid 2px #FFC107;
}
.box_menu .box-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 120%;
/*	font-size: 17px;*/
	background: #FFC107;
	color: #ffffff;
	font-weight: bold;
}
.box_menu p {
	font-size: 105%;
/*	font-size: 16px;*/
	margin: 0 20px; 
	padding: 0;
	text-align: left;
}

/*見出し1*/
.textLeft1{
	border-left: 10px solid #00a0e9;
	color:  #00a0e9;
	font-weight: bold;
	font-size: 140%;
	text-align: left;
	vertical-align: middle;
	float:left;
}

/*見出し2*/
.textLeft2{
	border-left: 10px solid #009944;
	color:  #009944;
	font-weight: bold;
	font-size: 140%;
	text-align: left;
	vertical-align: middle;
	float:left;
}

/*内容　右*/
.textRight{
	width: 500px;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	float:right;
}
/*内容　右*/
.textRight2{
	width: 380px;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	float:right;
}

.clearBoth{
	clear:both;
}

/*内容　（float無）（文字サイズ、強調、白文字、背景色有）*/
.text_deco{
	width: 670px;
	background-color: #009E96;
	color:  #ffffff;
	font-weight: bold;
	font-size: 90%;
	padding: 5px 15px;
/*	border: 5px solid #000000;*/	/*デバック用*/

}

/*画像（float無）（囲み線：無　配置：中央）*/
.decoImage{
	padding: 0px 0px 10px 0px;
	border: none;
}

/*画像　左*/
.decoImage_l{
	padding: 0px 0px 10px 0px;
	border: none;
	float:left;
}

/*画像　右*/
.decoImage_r{
	padding: 0px 0px 10px 0px;
	border: none;
	float:right;
}


/* --------------------------------------------------
	リンク色
-------------------------------------------------- */
a:link{
	text-decoration:none;
	color:#0000ff
}
a:visited{
	text-decoration:none;
	color:#0000ff
}
a:hover{
	text-decoration:none;
	color:#ff6600
}
a:active{
	text-decoration:none;
	color:#ccccff
}