@charset "utf-8";

/*------------------------------
フォントサイズ
------------------------------*/
.font100{
  font-size: 12px;
  line-height: 1.8;
}
.font90{
  font-size: 90%;
  line-height: 1.5;
}
.font80{
  font-size: 80%;
  line-height: 1.5;
}
.font75{
  font-size: 75%;
  line-height: 1.5;
}
.font70{
  font-size: 70%;
  line-height: 1.5;
}
.font60{
  font-size: 60%;
  line-height: 1.5;
}

/*------------------------------
余白
------------------------------*/

.pt5{
  padding-top: 5px !important;
}
.pt10{
  padding-top: 10px !important;
}
.pt15{
  padding-top: 15px !important;
}
.pt20{
  padding-top: 20px !important;
}
.pt25{
  padding-top: 25px !important;
}
.pb5{
  padding-bottom: 5px !important;
}
.pb10{
  padding-bottom: 10px !important;
}
.pb15{
  padding-bottom: 15px !important;
}
.pb20{
  padding-bottom: 20px !important;
}
.pb25{
  padding-bottom: 25px !important;
}
.pb30{
  padding-bottom: 30px !important;
}
.pb35{
  padding-bottom: 35px !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.mb10{
  margin-bottom: 10px !important;
}
.mb15{
  margin-bottom: 15px !important;
}
.ml20{
  margin-left: 20px !important;
}
.ml30{
  margin-left: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}

/*------------------------------
タイトル
------------------------------*/
.contentIn{
  font-family: Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Arial,sans-serif;
}
.baseFont{
  font-family: Meiryo,"ＭＳ ゴシック", "MS Gothic", "ヒラギノ角ゴ Pro W3";
}
.contentTitle{
  color: #0077be; font-size: 21px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 21px; padding: 0 0 25px;
}
.contentTitleBase{
  color: #0077be; font-size: 21px;
  margin: 0; padding: 0 0 23px;
}

.boldTitle{
  color: #052E68; font-weight: 700;
}

.sqrService{
  background: url(/common/images/bg_sqr_service.png) no-repeat 0 1px;
  padding-left: 15px !important; line-height: 1em !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sqrService{
		background: url(/common/images/bg_sqr_service.png) no-repeat 0 1px;
	}
}
.sqrFood{
  background: url(/common/images/bg_sqr_food.png) no-repeat 0 2px;
  padding-left: 15px !important; line-height: 1 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sqrFood{
		background: url(/common/images/bg_sqr_food.png) no-repeat 0 1px;
	}
}
.sqrFashion{
  background: url(/common/images/bg_sqr_fashion.png) no-repeat 0 2px;
  padding-left: 15px !important; line-height: 1 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sqrFashion{
		background: url(/common/images/bg_sqr_fashion.png) no-repeat 0 1px;
	}
}
.sqrLiving{
  background: url(/common/images/bg_sqr_living.png) no-repeat 0 2px;
  padding-left: 15px !important; line-height: 1 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sqrLiving{
		background: url(/common/images/bg_sqr_living.png) no-repeat 0 1px;
	}
}
.sqrOther{
  background: url(/common/images/bg_sqr_other.png) no-repeat 0 2px;
  padding-left: 15px !important; line-height: 1 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sqrOther{
		background: url(/common/images/bg_sqr_other.png) no-repeat 0 1px;
	}
}
/*------------------------------
auto
------------------------------*/
.last{
  padding-bottom: 0 !important; margin-bottom: 0 !important;
}

/*------------------------------
ボタン
------------------------------*/
.pageLink{
  background: url(/common/images/btn_arrow_off.png) no-repeat 0 0;
  padding-left: 18px;	padding-top: 2px !important; padding-bottom: 3px !important;
	font-size: 11px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.pageLink{
		background: url(/common/images/btn_arrow_off.png) no-repeat 0 1px;
	}
}
.pageLink:hover{
  background: url(/common/images/btn_arrow_on.png) no-repeat 0 0;
  text-decoration: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.pageLink:hover{
		background: url(/common/images/btn_arrow_on.png) no-repeat 0 2px;
	}
}

/*------------------------------
ブロック
------------------------------*/
.baseBlock{
  border-width: 1px; border-style: solid; border-color: #e6e6e6 #bfbfbf #bfbfbf #d9d9d9;
}
.baseBlockIn{
  border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
}

/*------------------------------
レイアウト
------------------------------*/
.floatLeft{
  float: left;
  margin-right: 10px;
}
.floatRight{
  float: right;
}

.floatLeft2{
  float: left;
  margin-right: 4px;
}
.floatRight2{
  float: right;
}

.navHeader{
  width: 610px;
  padding: 15px 19px;
  overflow: hidden;
}
.navHeader h3{
  width: auto !important;
  border-right: 0 !important;
  float: left;
  margin: 0 !important; padding: 0 !important;
}
.navHeader p{
  float: right;
  margin: 3px 0 0; padding: 0;
}

.center{
  text-align: center;
}

.right{
  text-align: right;
}

p.annotation{
  font-size: x-small;
  line-height: 1.4em;
  margin: 0; padding: 10px 0 3px !important;
}

.pagetop,
.pagetop2{
  width: 650px;
  background: url(/common/images/bg_arrow_top.png) no-repeat 574px center;
  font-size: 11px; text-align: right;
  margin: 0 0 25px !important; padding: 0 !important;
}
.pagetop2{
  background: url(/common/images/bg_arrow_top.png) no-repeat 596px 7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .pagetop2{
    background: url(/common/images/bg_arrow_top.png) no-repeat 586px 7px;
  }
}

.subScription{
  margin: 0; padding: 0 0 20px;
  line-height: 1.6em;
}

.simpletext{
  margin: 0; padding: 0 0 10px;
}
.simpletext2{
  margin: 0; padding: 0 0 5px !important;
}

.marginNone{
  margin: 0 !important; padding: 0 !important;
  line-height: 1em !important;
}

.underline{
  text-decoration: underline;
}
.underline:hover{
  text-decoration: none;
}