/* ユニバーサルセレクタ */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}



/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

*{
margin:0;
padding:0;
}

.social_button{
margin: 15px 0;
}


body{
background-color:#FEECC9;
}

.pageImg{
margin-left:0;
}

.b_push{
position:relative;
height:198px;
margin-bottom:30px;
}


.b_push p{
background-image:url("../img/pr/boot_img_arrow_x.gif");
background-repeat:no-repeat;
background-position:left center;
font-size: 18px;
height: 28px;
margin-left: 25px;
margin-top: 5px;
padding-left: 45px;
padding-top: 5px;
position:absolute;
}

.b_push p.item_1{
top:60px;
left:10px;
}

.b_push p.item_2{
top:100px;
left:10px;
}

.b_push p.item_3{
top:140px;
left:10px;
}

.b_push p.push_bg{
margin:0;
padding:0;
}

p.b_image{
text-align:center;
margin: 30px 0 45px;
}

.b_box_top{
background-image:url("../img/pr/boot_box_top.jpg");
background-repeat:no-repeat;
background-position:top center;
/*width:833px;*/
padding: 50px 50px 20px;
position: relative;
}

.b_box_middle{
background-image:url("../img/pr/boot_box_middle.jpg");
width:833px;
margin-bottom:35px;
margin:0 45px 35px;
}

.b_box_bottom{
background-image:url("../img/pr/boot_box_bottom.jpg");
background-repeat:no-repeat;
background-position:bottom center;
width:833px;
}

.b_box_top p.item_4{
background-image: url("../img/pr/boot_img_arrow_y.gif");
background-position: left center;
background-repeat: no-repeat;
font-size: 24px;
height: 28px;
margin-bottom: 10px;
padding-left: 25px;
}

.b_box_top p.b_image_2{
background-image:none;
left: 345px;
position: absolute;
top: 30px;
}

.b_box_top p.arrow_x{
background-image: url("../img/pr/boot_img_arrow_x.gif");
background-position: left center;
background-repeat: no-repeat;
margin-left: -5px;
margin-top: 30px;
padding-left: 35px;
font-size:24px;
margin-bottom:10px;
}

.b_box_top p.b_text_box{
background-color: #48ADE3;
background-image: none;
color: #FFFFFF;
/*height: 73px;
padding: 8px 82px;*/
padding: 8px 82px 66px;
height:0;
font-size:24px;
margin-bottom:35px;
}

.b_image_3{
margin-bottom:20px;
}

.b_text_box2{
font-size:24px;
margin-bottom:28px;
text-align:center;
}

.b_text_box3{
font-size:30px;
margin-top:-35px;
color:#48ADE3;
}

.b_title{
margin-bottom:20px;
margin-left:45px;
}

#app_box{
margin-top:55px;
margin-left:30px;
}

#app_box p.app_first{
text-align: center;
margin-bottom:30px;
}

#app_box p.app_last{
float:right;
margin-bottom:50px
}

.banner_text{
line-height: 1.2em;
font-size:34px;
color:#333333;
margin-bottom:10px;
}



/*****************
     calendar
******************/
.calendar{
margin-left:45px;
width:830px;
margin-bottom:40px;
}
.calendar a:hover {
opacity:0.8;
filter: alpha(opacity=80);
}
.calendar p {
margin-bottom:28px;
_margin-bottom:26px;
>margin-bottom:26px;
}

.calendar img.nont {
margin-left:0px;　　　/*月曜日配置したい時*/
}
.calendar img.non {
margin-left:6px;
}

/*****☆2月-4月☆*****/
#calendar2-4 {
margin-bottom:0px;
width:830px;
height:288px;
clear:both;
}

/*******2月*******/
.calendar2 {
float:left;
width:277px;
height:288px;
background-image: url(../img/pr/base_calender2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 66px;
margin-right:0px;
_padding-top:70px;
>padding-top:70px;
}
.calendar2 img {
margin-left:55px;
}
.calendar2 .b_1_2 {
margin-left:53px;
margin-top:4px;
_margin-bottom:21pt;
>margin-bottom:21pt;
}
.calendar2 .b_1_3{
margin-left:53px;
margin-top:0px;
_margin-bottom:21pt;
>margin-bottom:21pt;
}
.calendar2 .b_1_4{
margin-left:0px;
margin-top:0px;
_margin-bottom:21pt;
>margin-bottom:21pt;
}
.calendar2 .b_1_5{
margin-left:0px;
margin-top:0px;
_margin-bottom:21pt;
>margin-bottom:21pt;
}
.calendar2 .b_1_6{
margin-left:53px;
margin-top:0px;
}


/*******3月*******/
.calendar3{
float:left;
width:277px;
height:288px;
margin-right:0px;
background-image: url(../img/pr/base_calender3.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 80px;
padding-left: 3px;
_padding-top:127px;
>padding-top:127px;
}
.calendar3 img {
margin-left:54px;
}
.calendar3 .b_1_7 {
margin-left:50px;
margin-top:47px;
_margin-bottom:22pt;
>margin-bottom:22pt;
}
.calendar3 .b_1_8 {
margin-left:50px;
margin-top:0px;
}


/*******4月*******/
.calendar4 {
float:left;
width:262px;
height:288px;
background-image: url(../img/pr/base_calender4.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 81px;
padding-left: 4px;
}


/*****☆5月-7月☆*****/
#calendar5-7{
width:830px;
margin-bottom:80px;
}


/*******5月*******/
.calendar5{
float:left;
width:277px;
height:288px;
margin-right:0px;
background-image: url(../img/pr/base_calender5.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 80px;
padding-left: 4px;
}


/*******6月*******/
.calendar6{
float:left;
width:277px;
height:288px;
margin-right:0px;
background-image: url(../img/pr/base_calender6.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 80px;
padding-left: 3px;
}


/*******7月*******/
.calendar7{
float:left;
width:262px;
height:288px;
margin-right:0px;
background-image: url(../img/pr/base_calender7.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 80px;
padding-left: 3px;
}