@charset "utf-8";

#toppage .fnavi{
display:none;
}

#top .left_banner{
display:none;
}

.left_banner img{
floar:left;
margin:10px;

}

.blog_leftbanner{
text-align:left;
}


p.blog_date{
color:red;
font-size:90%;
margin-top:10px;
}

p.blog_date2{
color:red;
font-size:90%;
}

p.blog_title{
font-weight:bold;
}
p.blog_contents{
font-size:90%;
}
.blog_img{
margin-right:5px;
width:80px;
float:left
}

.blog_img img{
max-width:80px;
float:left
}

.info_frame{
width: 100%;
height: 1200px;
border-width: 0px;
padding: 0;
margin: 10px;
}

.info_date{
margin-top:20px;
color:red;

}

.info_title2{
border-bottom:1px dotted gray;
color:#002f7b;
font-weight:bold;
width:90%;
}

.info_content{
/*border-bottom:1px solid #cb9931;*/
margin:10px;
}

.info_content img{
margin-top:10px;
width:50%;
height:50%;
}





#maincontents {
width:75%;
float:right;
}

#subpage .fnavi{
width:24%;
float:left;
}

.topimg{
float:left;width:50%;
}

.m10{
margin:10px;
}
.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}


.ht5{
height:5px;
}

.ht10{
height:10px;
}

.s300_150{
font-size:300%;
}

.s150_100{
font-size:150%;
}


.s120_100{
font-size:120%;
}

.mt30_20{
margin-top:30px;
}

.mt20_10{
margin-top:20px;
}


.ml20_10{
margin-left:20px;
}

.ml10_0{
margin-left:10px;
}

img.img50_100{
width:50%;
}


img.img30_50{
width:30%;
}


.clear{
clear:both;
}

.clearfix:after{
content:"";
clear:both;
display:block;

}

.shadow02{
text-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

.shadow03{
text-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

#topcopy{
margin:5px 0 5px 0;
border:1px solid #002f7b;
border-radius: 15px;
padding:5px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ffffff), color-stop(0.7, #ffffff), color-stop(0.00, #ffffff));
}

#topcopy .span1{
color:#002f7b;
font-weight:bold;
text-shadow:1px 1px 3px rgba(0,0,0,0.1);
font-size:150%;
}

#topcopy .span2{
font-size:150%;color:#b60005
}

.box50{
width:50%;
float:left;
text-align:left;
position:relative;
}


/*↓***box1*****/
.box1_table{
width:100%;
display:table;
table-layout:fixed;
border-collapse:separate;
border-spacing:5px;
}

.box1_cell{
display:table-cell;
border:1px solid #cfcfd0;
padding:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ffffff), color-stop(0.7, #ffffff), color-stop(0.00, #ffffff));
}

.box1_cell img{
border:1px solid #cfcfd0;}


.box1_cell_title{
/*border-left:10px solid #b81c22;*/
padding:4px;
background-color:#ececed;
font-size:120%;
font-weight:bold;
color:#b60005;
line-height:120%;
text-align:center;
}


.box1_cell_title_2{
/*border-left:10px solid #b81c22;*/
padding:4px;
background-color:#ececed;
font-size:100%;
font-weight:bold;
color:#b24245;
line-height:120%;
text-align:center;
}

p.box1_cell_img{
text-align:center;
margin-top:5px;
}

p.box1_cell_p{
font-size:90%;
color:#002f7b;
line-height:120%;
margin-top:5px;

}

p.box1_cell_a{
text-align:right;
}

p.box1_cell_a a{
}
/*↑***box1*****/


.info_title{
border-bottom:1px dotted #b81c22;
padding:2px;color:#b81c22;
font-weight:bold;
}

.info_box{
border:1px dotted #b81c22;
padding:4px;
height:175px;
border-radius:5px;
margin-top:5px

}





.title_1{
margin:5px 0 5px 0;
position:relative;
clear:both;
font-size:150%;
border:1px solid #cb9931;
border-radius: 15px;
padding:5px;
text-align:center;
color:#f86922;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f9efef), color-stop(0.7, #ffffff), color-stop(0.00, #ffffff));
font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.1);
}

.title_1_2{
margin:5px 0 5px 0;
position:relative;
clear:both;
font-size:150%;
/*border:1px solid #f86922;*/
/*border-radius: 15px;*/
padding:5px;
text-align:center;
color:#002f7b;
background-color:#ececed;
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ffffff), color-stop(0.7, #ffffff), color-stop(0.00, #ffffff));*/
font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.1);
}


.title_2{
width:50%;
margin:5px 0 5px 0;
position:relative;
clear:both;
font-size:150%;
line-height:120%;
border-bottom:1px dotted #b60005;
border-left:10px solid #b60005;
padding:2px 5px;
color:#b60005;
font-weight:bold;
text-shadow:1px 1px 3px rgba(0,0,0,0.1);
}


.title_3{
margin:10px 0 5px 0;
clear:both;
padding:5px;
text-align:center;
color:#b81c22;
font-size:150%;
border:1px solid #b81c22;
border-radius: 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f9efef), color-stop(0.7, #ffffff), color-stop(0.00, #ffffff));
font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.1);
background:url('img/gakuhu.png') #ffffff;
-webkit-background-size:80px auto;
background-size:80px auto;
background-repeat:no-repeat;
}


.title_4{
width:50%;
margin:5px 0 5px 0;
position:relative;
clear:both;
font-size:150%;
line-height:120%;
border-bottom:1px dotted #b60005;
border-left:10px solid #b60005;
padding:2px 5px;
color:#b60005;
font-weight:bold;
text-shadow:1px 1px 3px rgba(0,0,0,0.1);
}


/*↓***box2*****/
.box2_table{
width:100%;
display:table;
table-layout:fixed;
border-collapse:separate;
border-spacing:8px;
}

.box2_cell{
display:table-cell;
overflow:hidden;
border:1px solid #ececed;
border-radius: 12px;
background-color:#ececed;
font-size:120%;
/*font-weight:bold;*/
color:#002f7b;
line-height:120%;
}


.box2_cell p{
font-size:90%;
color:#002f7b;
line-height:120%;
margin:10px;
}


/*↑***box2*****/


/*↓***box3*****/

.box3{
width:95%;
float:left;
padding:5px;
border:1px solid #d6d6d7;
border-radius: 12px;
}

.box3 img{
margin:8px;
}

.box3 p{
font-size:90%;
color:#474747;
line-height:150%;
margin:10px;
}

/*↑***box3*****/


/*↓***box4*****/

.box4{
width:100%;
padding:5px;
/*border:1px solid #ea9294;
border-radius: 12px;*/
}

.box4:after{
content:"";
clear:both;
display:block;

}

/*↑***box4*****/


/*↓***banner*****/
.banner{
width:98%;
padding:5px;
border:1px dotted #d6d6d7;
border-radius: 12px;
}

.banner1{
float:left;
width:25%;
text-align:center;
}

.banner1 img{
width:90%;
}

/*↑***banner*****/


.fr_pc{
float:right;
}

.fl_pc{
float:left;
}

#p1_1 a.c1_1,#p1_2 a.c1_2,#p1_3 a.c1_3,#p1_4 a.c1_4,#p1_5 a.c1_5{
color: orange;
}

#p2_1 a.c2_1,#p2_2 a.c2_2,#p2_3 a.c2_3,#p2_4 a.c2_4,#p2_5 a.c2_5{
color: orange;
}

#p3_1 a.c3_1,#p3_2 a.c3_2,#p3_3 a.c3_3,#p3_4 a.c3_4,#p3_5 a.c3_5{
color: orange;
}

#p4_1 a.c4_1,#p4_2 a.c4_2,#p4_3 a.c4_3,#p4_4 a.c4_4,#p4_5 a.c4_5{
color: orange;
}

#p5_1 a.c5_1,#p5_2 a.c5_2,#p5_3 a.c5_3,#p5_4 a.c5_4,#p5_5 a.c5_5{
color: orange;
}

.b_detail{
	/*border-radius: 8px;*/
	/*border: 1px solid #31343d;*/
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	margin:15px 5px 10px 5px;
}

.b_detail ul{
	border-bottom: 1px solid #cdcdcd;
}

.b_detail ul.last{
	border-bottom: 0px solid #cdcdcd;
}

.b_detail li{
	padding:5px;
}

.b_detail li.t_contents{
	border-left: 1px solid #cdcdcd;

}


.b_detail .table{
	width:100%
	display:table;
}

.b_detail .t_title{
	width:120px;
	text-align:right;
	display:table-cell;
	background: #fafbfd;
	font-weight:bold;
	vertical-align:middle;
}

.b_detail .t_contents{
	display:table-cell;

}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

.left_banner{
width:220px;

}

}




@media only screen and (max-width:959px){

#top .left_banner{
display:inline;
}

.left_banner{
text-align:center;

}


.left_banner img{
floar:left;
margin:5px;
width:22%;

}

.title_2{
width:80%;
}

#maincontents {
width:100%;
}

#subpage .fnavi{
width:100%;
}

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

.s300_150{
font-size:200%;
}

.s150_100{
font-size:120%;
}


.box50{
width:100%;
}

.title_2{
width:100%;
}

.box3{
clear:both;
width:100%;
margin-top:5px;
}

.fr_pc{
float:right;
}

.fl_pc{
float:left;
}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

.title_3{
background: none;
}

.title_4{
width:90%;
font-size:120%;
}

.left_banner img{
floar:left;
margin:5px;
width:45%;

}



.s300_150{
font-size:150%;
}

.s150_100{
font-size:100%;
}

.s120_100{
font-size:100%;
}

.mt30_20{
margin-top:20px;
}

.mt20_10{
margin-top:10px;
}

.ml20_10{
margin-left:10px;
}

.ml10_0{
margin-left:0px;
}

img.img50_100{
width:100%;
}

#toppage .fnavi{
display:inline;
}

.topimg{
float:left;width:100%;
}

#topcopy .span1{
font-size:120%;
}

#topcopy .span2{
font-size:150%;color:#f83805
}

.box1_cell_title{
font-size:100%;
}

.title_1{
font-size:120%;
}

.title_2{
font-size:120%;
}

.banner1{
width:50%;
font-size:90%;
}



img.img30_50{
width:50%;
}


}

.info_content p{

margin:0 0 10px 0;
}