@charset "utf-8";

.boxContainer {
	width: 861px;
	margin: 0 auto;
	color: #FFF;
}

.box {
	margin-bottom: 30px;
}

.btn_more {
	position: absolute;
	top: 20px;
	right: 5px;
}

#box_point {
	position: relative;
/*	width: 100%; */
	width: 595px;		/* pp.atsumi 2015.03.09 change */
	background: url(../../img/top/box01_bg.png) 0px 25px no-repeat;
	height:363px;
	clear:both;
/*	margin-right:-50px;    pp.atsumi 2015.03.09 del */
	float: left;		/* pp.atsumi 2015.03.09 add */
	margin-left:31px;	/* pp.atsumi 2015.03.09 add */
}
#box_point h2 {
	background: url(../../img/mypage/bg_ttl.png) left center no-repeat;
}
#box_point h2 img {
	margin-left: 30px;
}
#box_point ul {
	margin:20px 0 0 20px;
    width:557px;
}
#box_point li {
	display:inline-block;
}
#box_point li:nth-child(2) {
	margin:10px;
}
/* pp.atsumi 2015.03.09 add-s */
.boxContainer_goto {
	width: 945px;
	margin: 0 auto;
	color: #FFF;
}
#box_goto {
	width: 304px; 
	height:363px;
	background: url(../../img/top/box_goto_bg.png) 0px 25px no-repeat;
	float: right;
}
#box_goto h2 {
	background: url(../../img/mypage/bg_ttl.png) left center no-repeat;
}
#box_goto h2 img {
	margin-left: 30px;
}
#box_goto .guide_obj {
	margin-top:  28px;
	margin-left:  7px;
}
#box_goto .guide_btn {
	margin-top:  5px;
	margin-left: 37px;
}
/* pp.atsumi 2015.03.09 add-e */

p#guide_btn {
	position: absolute;
	top:3px;
	left:585px;
	width:320px;
}

#box4 {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(../../img/mypage/bg_campaign.png) left top no-repeat;
}
#box4 h2 {
	background: url(../../img/mypage/bg_ttl.png) left center no-repeat;
}
#box4 h2 img {
	margin-left: 30px;
}

#box4 .btn_more {
	top: 6px;
}
#box4 ul {
	padding-top: 15px;
	overflow: hidden;
}
#box4 ul li {
	float: left;
	width: 200px;
	height: 80px;
}
#box4 ul li img {
	width: 200px;
	height: 80px;
}
#box4 ul li+li {
	padding-left: 20px;
}


#box5 {
	position: relative;
	width: 100%;
	padding-bottom: 2px;
	overflow: hidden;
	margin-bottom:40px;
	background: url(../../img/mypage/bg_news_bottom.png) left bottom no-repeat;
}

#box5 #box5_top {
	position: relative;
	width: 100%;
	height: 41px;
	overflow: hidden;
	background: url(../../img/mypage/bg_news_top.png) left bottom no-repeat;
}

#box5 h2 {
	background: url(../../img/mypage/bg_ttl.png) left center no-repeat;
}

#box5 h2 img {
	margin-left: 30px;
}

#box5 #box5_inner {
	padding: 20px 30px;
	background: url(../../img/mypage/bg_news_middle.png) left top repeat-y;
}

#box5 #box5_inner ul {
	overflow: hidden;
}

#box5 #box5_inner ul li {
	overflow: hidden;
}

#box5 #box5_inner ul li+li {
	padding-top: 10px;
}

#box5 #box5_inner ul li p {
	float: left;
}

#box5 #box5_inner ul li .date {
	width: 70px;
	color:#83fffe;
}

#box5 #box5_inner ul li .cnt {
	width: 721px;
	padding-left: 10px;
}
#box5 #box5_inner ul li a {
	text-decoration:underline;
}
#box5 #box5_inner ul li a:hover {
	text-decoration:none;
}

#fb_box {
	width:407px;
	height:302px;
	float:left;
}
.fb_inner {	
	border:2px solid #6ccfce;
	overflow:hidden;
	margin-top:10px;
}
.fb_inner .fb_title { background:#3B5998; padding:4px 5px 6px 8px; }
.fb_inner .fb_title strong { display:inline-block; }

#fb_box iframe { /*left: -8px; top: -4px;*/	background:#fff!important; }

#tw_box {
	width:407px;
	float:right;
}
.tw_inner {
	border:2px solid #6ccfce;
	background:#fff;
	margin-top:10px;
}
#tw_box iframe { padding-left:5px; width:397px; }

.tw_inner .tw_title { background:#0084B4;padding:4px 5px 6px 8px; }
.tw_inner .tw_title strong { display:inline-block; }
.tw_inner .tw_title p  { float:right;display:inline-block; }

#btn_top {
	padding-top: 46px;
	padding-bottom: 47px;
	text-align: right;
}

.btn:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	-webkit-opacity: 0.5;
}
/* SLIDER */

#main { width:100%; position:relative; top:40px; height:402px; margin-bottom:160px; overflow:hidden; }
.cover { position:absolute; top:0; z-index:90; background:url(/img/top/header_bg.png) no-repeat top center; width:100%; height:400px; }
.wideslider {
	width: 100%;
	height: 311px;
	text-align: left;
	position: relative;
	overflow: hidden;
	top:55px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden; position:relative;
}
.wideslider li img { margin:0 20px; ;  }

.wideslider ul li .shape { position:absolute; left:20px; background:url(/img/top/over.png) no-repeat top center; width:640px; height:290px; }
.wideslider ul li a { display:block; width:640px; height:290px; position:absolute; z-index:90; }

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top      : 0;
	overflow : hidden;
	position : absolute;
	cursor   : pointer;
	width    : 100px;
	height   : 400px;
	z-index  : 500;
}

.slider_prev { background: url(/img/top/prev_btn.png) no-repeat right center; }
.slider_next { background: url(/img/top/next_btn.png) no-repeat left center; }
.mask_prev,
.mask_next {
	top      : 0;
	overflow : hidden;
	position : absolute;
	z-index  : 100;
}
.mask_prev { background-color:#000; }
.mask_next { background-color:#000; }


.pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

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

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/* pp.atsumi 2016.05.02 add-s */
.eikara {
	margin: 10px auto 40px auto;
}
.eikara img {
	width: 861px;
}
/* pp.atsumi 2016.05.02 add-e */


#box-info {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(../../img/mypage/bg_campaign.png) left top no-repeat;
}
#box-info h2 {
	background: url(../../img/mypage/bg_ttl.png) left center no-repeat;
}
#box-info h2 img {
	margin-left: 30px;
}

#box-info .btn_more {
	top: 6px;
}
#box-info ul {
	padding-top: 15px;
	overflow: hidden;
}
#box-info ul li {
	float: left;
	width: 280px;
	height: 280px;
}
#box-info ul li img {
	width: 280px;
	height: 280px;
}
#box-info ul li {
	padding-left: 7px;
	padding-bottom: 7px;
}