@charset "Shift_JIS";

.backcolor {
	background:url(image/bg_img.png);
	background-color: #fff;
}
.backcolor img {max-width: 100%;}

.introBox{
	background-color: #fff3b8;
	vertical-align: middle;
}

.mida_Intro{
	width: 100px;
	border: 1px solid #000000;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

.category01{}

.category02{}

.category03{}

.mainMidaTop{
	background-color: #ee7800;
	color: #fff;
	vertical-align: middle;
}

.mainMida{
	background-color: #ee7800;
	color: #fff;
	vertical-align: middle;
}

.mainBox{
	background-color: #fff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.linkBox{
	background-color: #fff;
	text-align: left;
}

.linkTitle{
	background-color: #ee7800;
	border-radius: 10px;
	color: #fff;
	vertical-align: middle;
	padding: 5px 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.box_bottom{
	text-align: left;
	font-size: 100%;
	margin-left: auto;
	margin-right: auto;
}

.img_bn{
	border: none;
}

.clear {
	clear:  both;
}

/* --------------------------------------------------
	リンク色
-------------------------------------------------- */
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
}
/* --------------------------------------------------
	画面切り分け
-------------------------------------------------- */

/*----------------■大画面---------------*/
@media screen and (min-width: 951px) {

.introBox{
	font-size:16px;
	padding: 20px 80px 20px 80px;
}
.mainMidaTop{
	border-radius: 10px 10px 0px 0px;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	width: 400px;
	padding: 10px 30px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.mainMida{
	font-size:18px;
	font-weight: bold;
	text-align: center;
	width: 400px;
	padding: 10px 30px;
	margin-left: auto;
	margin-right: auto;
}

.mainBox{
	background-color: #fff;
	width: 400px;
	font-size: 16px;
	vertical-align: middle;
	padding: 20px 30px 30px;
	margin-left: auto;
	margin-right: auto;
}

.category01{
	width: 465px;
	margin: 0px 5px;
	float: left;
}

.category02{
	width: 465px;
	margin: 20px 5px -50px 5px;
	float: left;
}

.category03{
	width: 465px;
	margin: 0px 5px;
	float: left;
}

.box_bottom{
	width: 950px;
	vertical-align: middle;
	text-align: left;
	margin: 20px auto;
}
.img_bn{
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 8px;
}
.linkBox{
	width: 420px;
	border-radius: 10px;
	font-size: 16px;
	vertical-align: middle;
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.linkTitle{
	width: 360px;
	font-size: 18px;
	font-weight: bold;
}

.contes_area {
	width:950px;
	margin:auto;
	text-align:center!important;
}


}

/*----------------■小画面---------------*/
@media screen and (max-width: 950px) {

.introBox{
	font-size:14px;
	padding: 10px 2px;
	margin-bottom: 15px;
}
.mainMidaTop{
	font-size:16px;
	font-weight: bold;
	padding: 4px auto;;
	margin-top: 0px;
}

.mainMida{
	font-size:16px;
	font-weight: bold;
	padding: 4px auto;
}

.mainBox{
	background-color: #fff;
	font-size: 14px;
	vertical-align: middle;
	padding: 4px auto;;
}
.category01{
	max-width: 100%;
	padding: 0px;
	margin-bottom: 15px;
}

.category02{
	max-width: 100%;
	padding: 0px;
}

.category03{
	max-width: 100%;
	padding: 0px;
}

.box_bottom{
	vertical-align: middle;
	margin: 4px 10px 20px;
}
.img_bn{
	margin: 4px;
	float: left;
}
.linkBox{
	font-size: 14px;
	vertical-align: middle;
	padding: 4px 8px;
	text-align: left;
}
.linkTitle{
	width: 200px;
	font-size: 14px;
	font-weight: bold;
}


.twitter-timeline {
margin:0px auto;
}



}