article h3 {
  font-size: 1.2em;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  margin: 30px 0px 15px 0px;
  padding:.2em .4em;
}
* html article h3 { height: 1%; }

article h4,
article h4.news {
  position: relative;
  font-weight: bold;
  margin: 30px 0px 15px 0px;
  padding: 0px 0px 0px 1.3em;
  font-size: 1.2em;
}

article h4::before,
article h4.news::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 5px;
  width: 12px;
  height: 12px;
  background-color: #12839F;
}

article h5 {
  margin: 30px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1em;
  font-weight: bold;
  text-decoration: underline;
}


/* ---------------------------------------------
	汎用フレーム囲い
--------------------------------------------- */
.frame {
  border: 1px solid #ddd;
  margin: 10px 5px;
  padding: 5px;
}
.frameCenter {
  border: 1px solid #ddd;
  margin: 10px 5px;
  padding: 5px;
  text-align: center;
}

/* ---------------------------------------------
	preset inline align
--------------------------------------------- */
.alignLeft { text-align: left;}
.alignCenter { text-align: center;}
.alignRight { text-align: right;}

/* ---------------------------------------------
	preset vertical align
--------------------------------------------- */
.alignTop { vertical-align: top !important;}
.alignMiddle { vertical-align: middle !important;}
.alignBottom { vertical-align: bottom !important;}

/* ---------------------------------------------
	preset table width
--------------------------------------------- */
.width10per { width: 10%;}
.width15per { width: 15%;}
.width20per { width: 20%;}
.width25per { width: 25%;}
.width30per { width: 30%;}
.width33per { width: 33%;}
.width40per { width: 40%;}
.width50per { width: 50%;}
.width60per { width: 60%;}
.width70per { width: 70%;}
.width80per { width: 80%;}
.width100per { width: 100%;}

.width200px { width: 200px;}

/* ---------------------------------------------
	preset margin
--------------------------------------------- */
.mTop00 { margin-top:  0   !important;}
.mTop05 { margin-top:  5px !important;}
.mTop10 { margin-top: 10px !important;}
.mTop12 { margin-top: 12px !important;}
.mTop15 { margin-top: 15px !important;}
.mTop20 { margin-top: 20px !important;}
.mTop25 { margin-top: 25px !important;}
.mTop30 { margin-top: 30px !important;}
.mTop35 { margin-top: 35px !important;}
.mTop40 { margin-top: 40px !important;}
.mTop45 { margin-top: 45px !important;}
.mTop50 { margin-top: 50px !important;}
.mTop55 { margin-top: 55px !important;}
.mTop60 { margin-top: 60px !important;}

.mRight00 { margin-right:  0   !important;}
.mRight05 { margin-right:  5px !important;}
.mRight10 { margin-right: 10px !important;}
.mRight12 { margin-right: 12px !important;}
.mRight15 { margin-right: 15px !important;}
.mRight20 { margin-right: 20px !important;}
.mRight25 { margin-right: 25px !important;}
.mRight30 { margin-right: 30px !important;}
.mRight35 { margin-right: 35px !important;}
.mRight40 { margin-right: 40px !important;}
.mRight45 { margin-right: 45px !important;}
.mRight50 { margin-right: 50px !important;}

.mBottom00 { margin-bottom:  0   !important;}
.mBottom05 { margin-bottom:  5px !important;}
.mBottom10 { margin-bottom: 10px !important;}
.mBottom12 { margin-bottom: 12px !important;}
.mBottom15 { margin-bottom: 15px !important;}
.mBottom20 { margin-bottom: 20px !important;}
.mBottom25 { margin-bottom: 25px !important;}
.mBottom30 { margin-bottom: 30px !important;}
.mBottom35 { margin-bottom: 35px !important;}
.mBottom40 { margin-bottom: 40px !important;}
.mBottom45 { margin-bottom: 45px !important;}
.mBottom50 { margin-bottom: 50px !important;}

.mLeft00 { margin-left:  0   !important;}
.mLeft05 { margin-left:  5px !important;}
.mLeft10 { margin-left: 10px !important;}
.mLeft12 { margin-left: 12px !important;}
.mLeft15 { margin-left: 15px !important;}
.mLeft20 { margin-left: 20px !important;}
.mLeft25 { margin-left: 25px !important;}
.mLeft30 { margin-left: 30px !important;}
.mLeft35 { margin-left: 35px !important;}
.mLeft40 { margin-left: 40px !important;}
.mLeft45 { margin-left: 45px !important;}
.mLeft50 { margin-left: 50px !important;}
.mLeft55 { margin-left: 55px !important;}
.mLeft60 { margin-left: 60px !important;}
.mLeft65 { margin-left: 65px !important;}
.mLeft70 { margin-left: 70px !important;}
.mLeft75 { margin-left: 75px !important;}
.mLeft80 { margin-left: 80px !important;}
.mLeft85 { margin-left: 85px !important;}


/* ---------------------------------------------
	preset padding
--------------------------------------------- */
.pTop00 { padding-top:  0   !important;}
.pTop05 { padding-top:  5px !important;}
.pTop10 { padding-top: 10px !important;}
.pTop12 { padding-top: 12px !important;}
.pTop15 { padding-top: 15px !important;}
.pTop20 { padding-top: 20px !important;}
.pTop25 { padding-top: 25px !important;}
.pTop30 { padding-top: 30px !important;}
.pTop35 { padding-top: 35px !important;}
.pTop40 { padding-top: 40px !important;}
.pTop45 { padding-top: 45px !important;}
.pTop50 { padding-top: 50px !important;}

.pRight00 { padding-right:  0   !important;}
.pRight05 { padding-right:  5px !important;}
.pRight10 { padding-right: 10px !important;}
.pRight12 { padding-right: 12px !important;}
.pRight15 { padding-right: 15px !important;}
.pRight20 { padding-right: 20px !important;}
.pRight25 { padding-right: 25px !important;}
.pRight30 { padding-right: 30px !important;}
.pRight35 { padding-right: 35px !important;}
.pRight40 { padding-right: 40px !important;}
.pRight45 { padding-right: 45px !important;}
.pRight50 { padding-right: 50px !important;}

.pBottom00 { padding-bottom:  0   !important;}
.pBottom05 { padding-bottom:  5px !important;}
.pBottom10 { padding-bottom: 10px !important;}
.pBottom12 { padding-bottom: 12px !important;}
.pBottom15 { padding-bottom: 15px !important;}
.pBottom20 { padding-bottom: 20px !important;}
.pBottom25 { padding-bottom: 25px !important;}
.pBottom30 { padding-bottom: 30px !important;}
.pBottom35 { padding-bottom: 35px !important;}
.pBottom40 { padding-bottom: 40px !important;}
.pBottom45 { padding-bottom: 45px !important;}
.pBottom50 { padding-bottom: 50px !important;}

.pLeft00 { padding-left:  0   !important;}
.pLeft05 { padding-left:  5px !important;}
.pLeft10 { padding-left: 10px !important;}
.pLeft12 { padding-left: 12px !important;}
.pLeft15 { padding-left: 15px !important;}
.pLeft20 { padding-left: 20px !important;}
.pLeft25 { padding-left: 25px !important;}
.pLeft30 { padding-left: 30px !important;}
.pLeft30 { padding-left: 35px !important;}
.pLeft40 { padding-left: 40px !important;}
.pLeft45 { padding-left: 45px !important;}
.pLeft50 { padding-left: 50px !important;}

/* ---------------------------------------------
	preset image float
--------------------------------------------- */
.imgFloatLeft {
  display: inline;
  float: left;
  margin: 0px 10px 10px 0px;
}
.imgFloatRight {
  display: inline;
  float: right;
  margin: 0px 0px 10px 10px;
}

/* Basic list setting
---------------------------------------------*/
article ul.listDisc,
article ul.listSquare,
article ul.listNone,
article ul.listArrow,
article ul.listLink,
article ol,
article ul.listDisc ul,
article ul.listArrow ul,
article ul.listLink ul {
  margin: 5px 0px;
  padding: 0 20px;
}
article ol li,
article ul.listDisc li,
article ul.listSquare li,
article ul.listNone li,
article ul.listArrow li,
article ul.listLink li {
  font-size: 1.0em;
  margin: 0 0 0.5em 0;
  line-height: 1.5;
}
article ol li {
  list-style-type: decimal;
}
article ul.listArrow li {
  list-style-image: url(li_arrow_s.gif);
}
article ul.listLink li {
  list-style-image: url(li_arrow_link.png);
}
article ul.listDisc li{
  list-style-type: disc;
}
article ul.listSquare li{
  list-style-type: square;
}
article ul.listNone li{
  list-style-type: none;
}


.clear {
  clear: both;
}