@charset "shift_jis";

/* 本文中で呼び出すレイアウトに関する指定 */

.right {
  float: right;
}

img.right {
  margin-top: 0.3em;
  margin-left: 0.8em;
}

.left {
  float: left;
}

img.left {
  margin-top: 0.3em;
  margin-right: 0.8em;
}

.alignLeft { text-align: left;}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}

.nowrap {
  white-space: nowrap;
}

.clr {
  clear:both;
}

.clrfix {
  height: 100%;
}

.clrfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.bg-top, .bg-btm {
  width: 100%;
  overflow: hidden;
}

/* 文字色 */
.cGray01   { color: #666666;}
.cBlue01   { color: #0B1C89;}
.cBlue02   { color: #62AFC9;}
.cOrange01 { color: #FF6633;}

/* 背景色 */
.bgGray01   { background-color: #DDDDDD;}
.bgBrown01  { background-color: #FFFBEE;}
.bgPurple01 { background-color: #F8F3F8;}
.bgYellow01 { background-color: #FEFCF5;}
.bgYellow02 { background-color: #FFFF99;}
.bgPink01   { background-color: #FDF9FA;}

/* 余白 */
.m0  { margin: 0 !important;}
.m5  { margin: 5px !important;}

.mt0  { margin-top: 0 !important;}
.mt5  { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}


.mr0  { margin-right: 0 !important;}
.mr5  { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}




.mb0  { margin-bottom: 0 !important;}
.mb1  { margin-bottom: 1px !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb65 { margin-bottom: 65px !important;}
.mb70 { margin-bottom: 70px !important;}


.ml0  { margin-left: 0 !important;}
.ml5  { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml18 { margin-left: 17px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}




.p0   { padding: 0 !important;}

.pt0  { padding-top: 0 !important;}

.pr0  { padding-right: 0 !important;}

.pb0   { padding-bottom: 0 !important;}
.pb40  { padding-bottom: 40px !important;}
.pb45  { padding-bottom: 45px !important;}

.pl0  { padding-left: 0 !important;}
.pl10  { padding-left: 10px !important;}
.pl15  { padding-left: 15px !important;}

/* 幅 */
.width575box {
  margin: 0 auto 50px;
  width: 575px;
}

.width700box { width: 700px;}
.width600box { width: 600px;}
.width560box { width: 560px;}
.width506box { width: 506px;}
.width480box { width: 480px;}
.width440box { width: 440px;}
.width435box { width: 435px;}
.width410box { width: 410px;}
.width393box { width: 393px;}
.width390box { width: 390px;}
.width370box { width: 370px;}
.width340box { width: 340px;}
.width330box { width: 330px;}
.width295box { width: 295px;}
.width285box { width: 285px;}
.width280box { width: 280px;}
.width274box { width: 274px;}
.width270box { width: 270px;}
.width240box { width: 240px;}
.width210box { width: 210px;}
.width200box { width: 210px;}
.width190box { width: 190px;}
.width180box { width: 180px;}
.width166box { width: 166px;}
.width150box { width: 150px;}
.width139box { width: 139px;}
.width90box  { width: 90px;}
.width60box  { width: 60px;}

.width100per { width: 100%;}
.width50per  { width: 50%;}

/* 高さ */
.height100per { height: 100%;}

/* 段落区切り */
.section {
  margin: 0 0 20px;
}

.section h3 {
  margin: 0 0 20px;
  padding: 0;
}

/* ボーダー囲みボックス */
.border-box01 {
  margin: 0 0 15px;
  border: 1px solid #DDDDDD;
}

.border-box01 p {
  margin: 8px;
}

.border-box01 h2 {
  margin: 0;
  padding: 0;
}

.border-box02 {
  margin: 0 0 20px;
  padding: 3px 8px;
  border: 1px solid #64AFC9;
  background-color: #E9F4F8;
}

/* 緑色ボーダー囲みボックス */
.border-green-box01 {
  margin: 0 0 15px;
  border: 1px solid #B3CF51;
  background: #F2F7E1;
}

/* ピンク色ボーダー囲みボックス */
.border-pink-box01 {
  margin: 0 0 15px;
  border: 1px solid #D1748F;
  background: #F8E9ED;
}

/* 青色ボーダー囲みボックス */
.border-blue-box01 {
  margin: 0 0 15px;
  border: 1px solid #256FB0;
  background: #ECF3FB;
}


/* 灰色囲みボックス */
.gray-box01 {
  margin: 0 0 10px 0;
  padding: 5px;
  background-color: #EEE;
}

.gray-box01 p.image {
  margin: 0 0 5px 0;
}

.gray-box01 p.exp {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}