@charset "utf-8";

/* common
-------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	line-height:140%;


}
@media screen and (min-width: 620px) {

}
a img {
	border: 0px;
	vertical-align:bottom;
}
img{
	vertical-align:bottom;
}
a,area{outline: none;}


option {
	padding: 0 5px 0 0;
}

/* title
-------------------------------------*/
h1, h2, h3, h4, h5, h6 {

}

/* character setting
-------------------------------------*/
strong {
	font-weight: 800;
}

em {
	font-style: normal;
}

address {
	font-style: normal;
}

/* list
-------------------------------------*/
ul{
	list-style-type: none;
}
ol {
	padding:0 10px 8px 20px;
}
ol li {
	padding:0 0 8px 0px;
}

/* table
-------------------------------------*/
table,
th,
td {
	padding:3px;
}

caption {
	text-align: left;
}

/* align
-------------------------------------*/
.alnleft {
	text-align: left;
}

.alncenter {
	text-align: center;
}

.alnright {
	text-align: right;
}

.fltleft {
	float: left;
}

.fltright {
	float: right;
}

/* font-size
-------------------------------------*/
.txtxxsmall { font-size: xx-small}
.txtxsmall { font-size: x-small}
.txtsmall { font-size: small}
.txtsmaller { font-size: smaller}
.txtxxlarge { font-size: xx-large}
.txtxlarge { font-size: x-large}
.txtlarge { font-size: large}
.txtlarger { font-size: larger}
.txtmed { font-size: medium}
.txt09 { font-size: 9px;}
.txt10 { font-size: 10px;}
.txt11 { font-size: 11px;}
.txt12 { font-size: 12px;}
.txt13 { font-size: 13px;}
.txt14 { font-size: 14px;}
.txt15 { font-size: 15px;}
.txt16 { font-size: 16px;}
.txt17 { font-size: 17px;}
.txt18 { font-size: 18px;}
.txt19 { font-size: 19px;}
.txt20 { font-size: 20px;}
.txt21 { font-size: 21px;}
.txt22 { font-size: 22px;}
.txt23 { font-size: 23px;}
.txt24 { font-size: 24px;}
.txt25 { font-size: 25px;}
.txt26 { font-size: 26px;}
.txt70{font-size:70%;}
.txt80{font-size:80%;}
.txt90{font-size:90%;}
.txt110{font-size:110%;}
.txt120{font-size:120%;}
.txt130{font-size:130%;}
.txt140{font-size:140%;}
.txt150{font-size:150%;}
.txt200{font-size:200%;}

/* color
-------------------------------------*/
.clrred { color: #C8161E;}
.clrblue { color: #2288C2;}
.clryellow { color: #ddb410;}
.clrorange { color: #F6921E;}
.clrorange2 { color: #F39219;}
.clrgreen { color: #699e3f;}
.clrpink { color: #E97E90;}
.clrbrown { color: #b89a70;}
.clrwhite { color: #FFF;}
.clr333 { color: #333;}
.clr666 { color: #666;}
.clr999 { color: #999;}
.clrCCC { color: #CCC;}
.clrpurple { color: #582d6b;}
.clrpurple2 { color: #9781bf;}
.clrpurple3 { color: #e3ddee;}

.clrkeiei {
	color:#103c70;
}
.clrjinbun {
	color:#9e0a0f;
}
.clrshinri {
	color:#9e0a0f;
}
.clrkyouiku {
	color:#6a3f76;
}
.clrsports {
	color:#109359;
}
.clrkanri {
	color:#de702d;
}

/* background
-------------------------------------*/
.bg01 { background: #F8FBFD;}
.bg02 { background: #ADDBFA;}
.bg03 { background: #DEF0FB;}
.bg04 { background: #FEF9E9;}
.bg05 { background: #D3F1A0;}
.bg06 { background: #f8d9d8;}
.bg07 { background: #A0A9F1;}
.bg08 { background: #e50112; color:#fff;}
.bg09 { background: #FDE297;}
.bg10 { background: #EFEFEF;}
.bg11 { background: #F4F4F4;}
.bg12 { background: #EEEEDC;}
.bg13 { background: #F6F6EE;}
.bg14 { background: #776655;}
.bg15 { background: #EDF3FE;}
.bg16 { background: #F9F9F9;}
.bg17 { background: #7161C4;}
.bg18 { background: #2ABE0F; color:#fff;}
.bg19 { background: #FF0B0B;}
.bg20 { background: #FFB82B;}
.bg21 { background: #7CA20A;}
.bgfff { background: #FFF;}
.bgccc { background: #ccc;}

.bgkeiei {
	 background:#103c70;
}
.bgjinbun {
	 background:#9e0a0f;
}
.bgshinri {
	 background:#9e0a0f;
}
.bgkyouiku {
	 background:#6a3f76;
}
.bgsports {
	 background:#109359;
}
.bgkanri{
	 background:#de702d;
}


/* float
-------------------------------------*/
.fltleft { float: left;}
.fltright { float: right;}

/*clear*/
.clear {
	clear: both;
	font-size: 1px;
}

/*margin
------------------------------------*/
.ma20 { margin: 20px;}
.ma10 { margin: 10px;}
.ma05 { margin: 5px;}
.mt20 {	margin: 20px 0px 0px 0px;}
.mt10 { margin: 10px 0px 0px 0px;}
.mt05 { margin: 5px 0px 0px 0px;}
.mb20 { margin: 0px 0px 20px 0px;}
.mb10 { margin: 0px 0px 10px 0px;}
.mb05 { margin: 0px 0px 5px 0px;}
.mr20 { margin: 0px 20px 0px 0px;}
.mr10 { margin: 0px 10px 0px 0px;}
.mr05 { margin: 0px 5px 0px 0px;}
.ml20 { margin: 0px 0px 0px 20px;}
.ml15 { margin: 0px 0px 0px 15px;}
.ml10 { margin: 0px 0px 0px 10px;}
.ml05 { margin: 0px 0px 0px 5px;}
.mtb20 { margin: 20px 0;}
.mtb10 { margin: 10px 0;}
.mtb05 { margin: 5px 0;}

/*padding
------------------------------------*/
.pa20 { padding: 20px;}
.pa10 { padding: 10px;}
.pa05 { padding: 5px;}
.pt20 { padding-top: 20px;}
.pt10 { padding-top: 10px;}
.pt05 { padding-top: 5px;}
.pb20 { padding-bottom:20px;}
.pb10 { padding-bottom:10px;}
.pb05 { padding-bottom: 5px;}
.pr20 { padding-right: 20px;}
.pr10 { padding-right: 10px;}
.pr05 { padding-right: 5px;}
.pl20 { padding-left:20px;}
.pl10 { padding-left: 10px;}
.pl05 { padding-left:5px;}

/*--------------------------------------------------------------------------
*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.clearbox,
.clearfix{
min-height:1px;/* IE 7対策 */
}
.clearbox:after,
.clearfix:after {
 content:".";
 display:block;
 height:0px;
 clear:both;
 visibility:hidden;
 font-size: 0.1em;
 line-height: 0; 

}
.clearbox,
.clearfix { display:inline-table; }
/* Mac IE には適用させない \*/
* html .clearbox,
* html .clearfix { height:1px; }
.clearbox,
.clearfix { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*--------------------------------------------------------------------------
*/
/*----上へ戻る----*/
/*.gotop{
	padding:10px 0 20px 0;

}
.contents .gotop p{
	clear:both;
	text-align:right;
	background:url(../img/bg_gotop.gif) no-repeat right 5px;
	padding:0 15px 0 0px;
}
.gotop p a:hover{

}*/
/*----位置の指定----*/
.alncenter{
	text-align:center;
}
.alnleft{
	text-align:left;
}
.alnright{
	text-align:right;
}
.fltleft{
	float:left;
}
.fltright{
	float:right;
}
.marginauto{
	margin-left:auto;
	margin-right:auto;
}
.clear{
	clear:both;
}
.valntop{
	vertical-align:top;
}
.valnmiddle{
	vertical-align:middle;
}
.valnbottom{
	vertical-align:bottom;
}
.indent{
	text-indent:-10000px;
}
/*.justify{
	text-align:justify;
	text-justify: distribute-all-lines;
}
*/

/*----ディスプレイ----*/
.none{
	display:none;
}
.block{
	display:block;
}
.inline{
	display:inline;
}
.inlineblock{
	display:inline-block;
}


.cap,
p .cap{
	padding-left:1em;
	text-indent:-1em;

}
.cap15,
p .cap15{
	padding-left:1.5em;
	text-indent:-1.5em;
   
}
.cap2,
p .cap2{
	padding-left:2em;
	text-indent:-2em;
    
}
 p .cap,
 p .cap15,
 p .cap2{
display: inline-block;
}


a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.weight400{
	font-weight:400;
}
.weight800{
	font-weight:800;
}













.d-flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.f-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.f-nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.jc-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.jc-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.jc-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.jc-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.jc-around{
	justify-content: space-around;
}
.ai-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.ai-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.ai-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ac-center {
	-ms-flex-line-pack: center;
	align-content: center;
}
.order-1 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.order-0 {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:0;
	order:0;
}
.box-borderbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.flex-center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.flex-center > * {
	width: 100%;
}

.row-r{
    flex-direction: row-reverse;
}
.relative{
    position: relative;
}


/*--------------------------------------
  画像
--------------------------------------*/

img {
	/*max-width: 100%!important;*/
	height: auto;
}

img.alignright {
	display: block;
	margin: 0 0 0 10px;
    float: right;
}
img.alignleft {
	display: block;
	margin: 0 10px 0 0;
    float: left;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.float-left {
	float: left;
	margin: 0 10px 0 0;
}
img.float-right {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.txt-rl {
  text-align: left;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

