@charset "utf-8";
/* CSS Document */




@media screen and (max-width:768px){

/* MAIN IMAGE */

.topContentInner {
	width: auto;
	margin: 0px 20px;	
}
#topBtnArea {
	width: auto;
	height: auto;
	margin: 0px auto 0px;
	padding: 1% 20px 1%;
}
.bx-pager {
	width: 100%;
	position: relative;
}
.bx-pager li:before {
    content: "";
    display: block;
    padding-top: 35%; 
}
.bx-pager {
	text-align: center;
}
.bx-pager li {
	width: 32%;
	height: auto;
	margin-right: 1%;
	display: inline-block;
	position: relative;
}
.bx-pager li.marginNone {
	margin-right: 0px;
}
.bx-pager li a {
	width: 100%;
    height: 100%;
	background-size: contain;
	position: absolute;
    top: 0; left: 0;
	display: block;
	cursor: pointer;
}

#carousel  {
    width: 100%;
    height: auto;
	position: relative;
}
.topMainImgOuterArea {
	width: 100%;
	height: auto;
	background-image: none;
}
.topMainImgOuter {
	width: 100%;
	height: auto;
	margin: 0px auto;
	position: relative;
}
.topMainImgOuter:before {
    content: "";
    display: block;
    padding-top: 81%;
}
.topMainImg{
	width: 100%;
	height: auto;
	margin: 0px auto;
	background-size: 100%;
	position: absolute;
    top: 0; left: 0;
}
#carousel li {
	width: 100%;
	height: auto;
	background-position: top center;
	background-repeat: no-repeat;
}
#carousel li a {
	width: 100%;
	height: 100%;
	display: block;
}
#topImg01 .topMainImgOuterArea {
	background-image: none;
}
#topImg02 .topMainImgOuterArea {
	background-image: none;
}
#topImg03 .topMainImgOuterArea {
	background-image: none;
}

/* bx-slider�J�X�^�}�C�Y�lj� ayata */

/* prev:next�摜�E */

.bx-wrapper .bx-prev{
	left: 0px;
	font-size:50px;
	z-index: 9999;
	background-size: 70%;
}
.bx-wrapper a.bx-next{
	right: 0px;
	font-size:50px;
	z-index: 9999;
	background-size: 70%;
}


.bx-wrapper .bx-prev:hover{
	color:#AAA;
}

.bx-wrapper .bx-next:hover {
	color:#AAA;
//	background-position: -43px 0;
}
.bx-wrapper{
position: relative;
}
.bx-wrapper .bx-controls-direction a {
	text-decoration:none;
	position: absolute;
	top:50%;
	margin-top: -16px;
}
.pager_btn{
	position: relative;
	left:0px;
	top:-25px;
	z-index: 9999;
}
.pager_btn .bx-pager li {
width: auto;
height: auto;
margin-right: 20px;
display: inline-block;
}
.pager_btn .bx-pager2 a{
	background: #666;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pager_btn .bx-pager2 a:hover,
.pager_btn .bx-pager2 a.active{
	background: #000;
}
#campImg01 .topMainImgOuterArea {
	background-image: none;
}
#campImg02 .topMainImgOuterArea {
	background-image: none;
}

/* TOPICS */

#topTopics {
	margin: 0px auto 0px;
	padding: 0px 0px 20px;
}
#topTopicsTitle {
	width: 66%;
	min-width: 182px;
	height: auto;
	margin: 0px auto 20px;
	padding-top: 20px; 
}
#topTopicsTitle img{
	width: 100%;
	height: auto;
}
#topInforArea {
	width: auto;
	height: auto;
	display:block;
}
#topInfoTitle {
	width: auto;
	padding: 9px 10px;
	background-image: none;
	background-color: #40B276;
	display:block;
}
#topInfoTitle h3 {
	font-size: 120%;
	display: block;

}
#topInfoDate {
	width: auto;
	padding: 8px 10px 0px;
	color: #2B995F;
	font-size: 88%;
	line-height: 130%;
	display:block;

}
#topInfoCont {
	width: auto;
	padding: 5px 10px 5px;
	font-size: 88%;
	line-height: 160%;
	display:block;
}
#topInfoBtnList {
	width: 70px;
	height: auto;
	margin: 0px auto;
	padding: 0px 0px 7px 0px;
	text-align: center;
	display:block;
}
#topInfoBtnList img {
	width: 100%;
	height: auto;
}


/* FLOW */

#topFlow {
	padding: 5px 0px 10px;
}	
#topFlowTitleBlock {
	width: 100%;
	display: block;
}
#flowTitle {
	width: 73%;
	height: auto;
	margin: 25px auto 10px;
	display: block;
}
#flowTitle img {
	width: 100%;
	height: auto;
}
#flowTitle03 {
	width: 100%;
	font-size: 114%;
	line-height: 150%;
	text-align: center;
	display: block;
}
#topFlowTitleBlock02 img{
	width: 100%;
	height: auto;
}
.topFlowList {
	width: 100%;
	text-align: center;
	margin: 10px auto 15px;	
	position: relative;
}
.topFlowList li:before {
    content: "";
    display: block;
    padding-top: 40%; 
}
.topFlowList li {
	width: 60%;
	min-width: 182px;
	height: auto;
	margin: 0px auto 3px;
	background-repeat: no-repeat;
	position: relative;
	float: none;
}
.topFlowList li p {
    width: 100%;
    height: 100%;
	display: block;
	background-size: contain;
	position: absolute;
    top: 0; left: 0;
}
#topFlowIcon01 p {
	background-image: url(../images/top/sp_flow_icon01.gif);
}
#topFlowIcon02 p {
	background-image: url(../images/top/sp_flow_icon02.gif);
}
#topFlowIcon03 p {
	background-image: url(../images/top/sp_flow_icon03.gif);
}
#topFlowIcon04 p {
	background-image: url(../images/top/sp_flow_icon04.gif);
}
#topFlowIcon05 p {
	background-image: url(../images/top/sp_flow_icon05.gif);
}
#topFlowIcon06 p {
	width: 100%;
	background-image: url(../images/top/sp_flow_icon06.gif);
}
.topFlowList li#topFlowIcon06 {
	width: 60%;
}
#topFlowBtns {
	width: 100%;
	height: auto;
	margin: 0px auto 23px;
	text-align: center;
	clear: both;
}
#topFlowBtns li {
	width: 48%;
	height: auto;
	display: inline-block;
	position: relative;
}
#topFlowBtns li:before {
    content: "";
    display: block;
    padding-top: 17%; 
}
#topFlowBtn01 {
	margin-right: 4%;
}
#topFlowBtn01 a {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/top/sp_btn_mylogin.gif);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#topFlowBtn01 a:hover {
	background-image: url(../images/top/sp_btn_mylogin.gif);
}
#topFlowBtn02 a {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/top/sp_btn_register.gif);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#topFlowBtn02 a:hover {
	background-image: url(../images/top/sp_btn_register.gif);
}
#topFlowUser {
	width: auto;
	height: auto;
	padding: 0px 0px 10px 0px;
	background-color: #2B744D;
	display: block;
}
#topFlowUserTitle {
	width: auto;
	padding: 10px 10px 5px;
	background-image: none;
	background-color: #86CFA7;
	color: #247145;
	font-weight: bold;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0px;
	display: block;
}
#topFlowUserTitle h3 {
	font-size: 120%;
	display:block;
	clear: both;
}
.topFlowUserList01 {
	width: auto;
	padding: 5px 10px 0px 30px;
	color: #525252;
	background-color: #C6E7D6;
	vertical-align: middle;
	display: block;
}

.topFlowUserList02 {
	width: auto;
	margin-top: -1px;
	padding: 0px 10px 5px 30px;
	color: #525252;
	background-color: #C6E7D6;
	vertical-align:middle;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	display: block;
}
.topFlowUserList01 li, .topFlowUserList02 li{
	font-size: 88%;
	font-weight: bold;
	padding: 3px 0px;
	line-height: 140%;
}

/* FEATURE */

#topFeature {
	padding: 33px 0px 10px;
}
#topFeatureTitle {
	width: 81%;
	height: auto;
	margin: 0px auto 33px;
	float: none;
	display: block;
}
#topFeatureTitle img {
	width: 100%;
	height: auto;
}

.topFeatureBlock {
	width: 100%;
	margin: 0px auto;
	padding-bottom: 25px;
	float: none;
}
.topFeatureImg {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.topFeatureImg img {
	width: 100%;
	height: auto;
}
.topFeatureCopy {
	width: 100%;
	max-width: 450px;
	margin-bottom: 6px;
	height: auto;
}
.topFeatureText {
	width: 100%;
	margin-bottom: 8px;
	font-size: 114%;
	line-height: 140%;
}
.topFeatureBtn {
	width: 200px;
	font-size: 16px;
}
.topFeatureBtn a {
	width: 200px;
	padding: 8px 0px;
	display: block;
	background-image: url(../images/top/sp_btn_detail_arrow.gif);
	background-position: 180px center;
	background-repeat: no-repeat;
}
.topFeatureBtn a:hover {
	background-image: url(../images/top/sp_btn_detail_arrow.gif);
}
#topFeatureIcon {
	margin-top: 3px;
}
#topFeatureIcon li {
	width: 42px;
	height: 20px;
	margin: 0px 4px 20px 0px;
	float: left;
}
#topFeatureIcon li img {
	width: 100%;
}


/* PRICE */

#topPriceTitleBlock {
	width: 100%;
	max-width: 211px;
	margin: 0px auto;
	display: table;
}
#topPriceTitle {
	width: 78%;
	height: auto;
	margin: 0px auto;
	display: block;
	float: none;
}
#topPriceTitle img {
	width: 100%;
	height: auto;
}
#topPrice {
	padding: 31px 0px 20px;
}

#topPriceLeft {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
#topPriceIcon01 {
	width: 71%;
	height: auto;
	margin: 22px auto 0px;
	text-align: center;
}
#topPriceIcon01 img {
	width: 100%;
	min-width: 209px;
	height: auto;
}
#topPriceRight {
	width: 100%;
	padding-top: 50px;
	float: none;
}
#topPriceEstimateTitle {
	font-size: 200%;
	text-align: center;
	color: #555555;
	margin: 8px auto 8px;
}
#topPriceFrame {
	width: 74%;
	min-width: 221px;
	margin: 0px auto;
	padding: 25px 5px 15px;
	border: 2px solid #FFC681;
	border-radius: 10px;
	background-color: #F3F3F3;
	text-align: center;
}
#topPriceEstimateIcon {
	width: 65px;
	height: auto;
	margin: -84px auto 0px;	
}
#topPriceEstimateIcon img {
	width: 100%;
	height: auto;
}
#topPriceFrame p {
	margin-bottom: 5px;
	font-size: 94%;
	line-height: 130%;
	text-align: center;
	font-weight: bold;
	color: #FFA564;	
}
#topPriceBtnEstimate{
	width: 90%;
	max-width: 320px;
	height: auto;
	margin: 0px auto;
}
#topPriceBtnEstimate img {
	width: 100%;
	height: auto;
	max-width: 320px;
}

#topReport {
	padding: 30px 0px 20px;
}
#topReportTitleBlock {
	width: auto;
	margin: 0px 20px 0px 0px;	
}
#topReportTitle {
	width: 188px;
	height: 50px;
	margin : 0px 8px 5px 0px;
	float: none;
}
#topReportTitle img {
	width: 100%;
	height: auto;
}
#topReportTitle02 {
	width : 70% ;
	margin: 7px 0px 14px 10px;
	color: #555555;
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	float: left;
}
#topReportBtnList {
	width: 70px;
	height: 36px;
	margin: 4px 0px 14px;
	background: #FFFFFF;
	float: right;
}
#topReportBtnList img {
	width: 100%;
	height: auto;
}
#topReportContent {
	width: 100%;
	margin-right:0px;
	overflow: hidden;
	position: relative;
	_zoom: 1;  
}
.topReportBlock {
	width: 100%;
	height: auto;
	margin: 0px auto 15px;
	background-color: #FFFFFF;
	display: table;
	float: none;
	clear: both;
}
.topReportImg {
	width: 50%;
	height:auto;
	display: table-cell;
	float:left;
}
.topReportImg img { 
	width: 100%;
	height: auto;
}
.topReportImg a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background: #000000;
	overflow: hidden;
}
.topReportImg a img.reportDummy {
	width: 100%;
	height: auto;
}
.topReportImg a img.reportImgSquare {
	width: 100%;
	height: auto;
	position: abslute;
	top: -38%;
}
.topReportBlockInner {
	width: 50%;
	padding: 0px;
	display: table-cell;
	float: right;
}
.topReportDate {
	margin-bottom: 0px;
	padding: 10px 10px 5px;
	color: #666;
	font-size: 70%;
	line-height: 120%;
	font-weight: bold;
}
.topReportText {
	padding: 0px 10px 0;
	color: #2B995F;
	font-size: 81%;
	line-height: 120%;
}



/*---------------------------------------------
	SERVICE
---------------------------------------------*/

#serviceSection01 {
	padding: 38px 0px 40px;
	background-image: url(../images/service/top/sp_main_img_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
#serviceTitle01 {
	width: 100%;
	margin-bottom: 20px;
	
}

#serviceMainImg {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 10px;
}
#serviceMainImg {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0px 10px;
	margin: 0px auto;
	background-image: none;
	position: relative;
}
#serviceMainImg h2 {
	margin-bottom: 15px;
	position: relative;
	top: 0;
	left: 0;
}



#serviceMainImg img {
	width: 100%;
	height: auto;
	
}
#serviceSection02 {
	padding: 30px 0px 15px;
	background-image: none;
}

.serviceList {
	box-sizing: border-box;
	width: 90%;
	margin: 20px auto 0px;
	padding: 0px 0 0px 5%;	
}
.serviceList li {
	width: 45%;
	height: auto;
	margin-right: 5%;
	margin-bottom: 5%;
}
#service03ListBlock {
	width: 100%;
	margin: 0px auto 0px;	
}
#service03ListBlockInner {
	width: 100%;
	margin: 0px -10px 0px 0px;
	padding: 18px 0px 0px;
	text-align: center;
	overflow: hidden;
	_zoom: 1;
	font-size: 0;
}
#service03ListBlock dl {
	width: 28%;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
#serviceSection03 {
	padding: 20px 0px 30px;
}
#service03ListBlock dt {
	width: 100%;
	height: auto;
	text-align: center;
}
#service03ListBlock dd {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	font-size: 10px;
	line-height: 130%;
	background-color: #338F5F;
	padding: 5px 5px;
	text-align: center;
}

.service03List02 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: block;
}
.service03List02 dt {
	width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 10px;
	display: block;
	text-align: center;
	background-image: none;
	background-color: #C5E7D6;
}
.service03List02 dd {
	padding: 10px;
	display: block;
	vertical-align: middle;
}
#serviceSection04 {
	padding: 25px 0px 10px;
}
#serviceFeatureBlock {
	width: 100%;
	margin: 0px auto 0px;
}
#serviceSection05 {
	padding: 10px 0px 25px;
	background-size: cover;
}
#serviceSection05 h2 {
	width: 100%;
	height: auto;
	margin: 15px 0px 0px 0px;
}
#serviceSection05 div {
	width: 100%;
	height: auto;
}
#serviceSection05 #section05 {
	position: absolute;
	top: -28px;
}


/*---------------------------------------------
	COLLECT
---------------------------------------------*/

#collectSection01 {
	padding: 40px 0px 25px;
}
#collectImg01 {
	width: 100%;
	height: auto;
	margin: 0px auto 8px;
	position: relative;
}
#collectImg01 h2 {
	width: 58%;
	height: auto;
	position: absolute;
	top: -5%;
	left: 0px;
}
#collectSection01 h3 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	
}
#collectSection02 {
	padding: 14px 0px 25px;
	border-bottom: 5px solid #FFFFFF;
	background-image: none;
}
.collectArrow01 {
	width: 128px;
	margin: 25px auto -64px;
}
.collectIcon {
	width: 78%;
	margin: 0px auto 16px;
	padding: 0px;
	float: none;
}
.collectTable {
	margin-bottom: 15px;
	padding: 10px 15px;
	border: 2px solid #87CCA7;
	border-top-left-radius: 8px;
	background: #FFFFFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.collectTextBlock {
	width: 100%;
	float: none;
}
.collectTableInner {
	box-sizing: border-box;
	width: 100%;
	padding: 15px 20px;
	background-color: #F3F3F3;
	border: 3px solid #DDDDDD;
	display: table;
}
.collectArrow {
	width: 128px;
	height:auto;
	margin: -15px auto 25px;
}
.collectArrow02 {
	width: 128px;
	height:auto;
	margin: 30px auto -38px;
}
.collectArrow03 {
	width: 128px;
	height:auto;
	margin: 30px auto -38px;
}
#collectSection03 {
	padding: 50px 0px 0px;
	background-image: none;
	border-bottom: 5px solid #FFFFFF;
	background-color: #C7E7D6;
}
#collectSection04 {
	padding: 50px 0px 0px;
	background-image: none;
	border-bottom: 5px solid #FFFFFF;
	background-color: #85CDA6;
}
.collectTable02 {
	margin-bottom: 8px;
	padding: 10px 15px 20px;
	border: 2px solid #3EB577;
	border-top-left-radius: 8px;
	background: #FFFFFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#collectLead01 {
	width: 90%;
	height: auto;
	margin: 0px auto 20px;
}
#collectText05 {
	width: 90%;
	height: auto;
	margin: 0px auto 10px;
}
#collectFrame {
	padding: 20px 15px 15px 15px;
}
#collectText07 {
	width: 100%;
	margin: 0px auto 35px;
}
#collectText07 p {
	color: #FFFFFF;
	font-size: 125%;
	line-height: 150%;
	text-align: center;
}
#collectText08 {
	width: 100%;
	margin: 0px auto 40px;
}
#collectSection05 {
	padding: 50px 0px 0px;
	background-image: url(../images/shopping/collect/sp_collect_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #40B276;
	background-size: 300px;
}
#collectSection05 .bfMark {
	padding-bottom: 0px;
	background-image: none;
}

/*---------------------------------------------
	FORWARD
---------------------------------------------*/

#forward01,#forward02,#forward03,#forward04,#forward05,#forward06,#forward07,#forward08,#forward09 {
	position: absolute;
	top: -40px;
}
#forwardSection01 {
	padding: 16px 0px 14px;
	background-image: none;
}
#forwardSection02 {
	padding: 65px 0px 40px;
	background-image: none;
}
#forwardTitle01 {
	width: 90%;
	height: auto;
	margin: 0px 0px 20px;
}
#forwardArea01 {
	width: auto;
	height: auto;
	margin-bottom: 20px;
	background-image: url(../images/forward/top/back_air.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	background-color: #E3F3EB;
}
#forwardArea01 h3 {
	width: 100%;
	height: auto;
	padding: 0px 0px;
	position: relative;
	top: 0;
	left: 0;
}
#forwardBlock01 {
	box-sizing: border-box;
	width: 100%;
	padding: 15px 10px;
	position: relative;
	top: 0;
	left: 0;
	display: table;
}
.forwardIcon {
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	margin: 0px;
	padding-right: 8px;
	float: none;
	display: table-cell;
	vertical-align: top;
}
#forwardTextBlock01 {
	width: auto;
	float: none;
	color: #535353;
	line-height: 150%;
	display: table-celll;
	vertical-align: top;
}
#forwardTextBlock01 h4 {
	width: 100%;
	height: auto;
	margin: -9px 0px 10px;
}
#forwardArea02 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
#forwardArea02 h3 {
	width: 100%;
	height: auto;
}
#forwardContent02 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 18px 15px;
	background-image: url(../images/forward/top/forwardArea02_back.gif);
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	background-color: #E3F3EB;
	background-position: right bottom;
}
#forwardArea03 {
	width: 100%;
	float: none;
}
#forwardBlock02 {
	box-sizing: border-box;
	width: 100%;
	padding: 15px 10px;
	position: relative;
	top: 0;
	left: 0;
	display: table;
}
#forwardTextBlock02 {
	width: auto;
	float: none;
	color: #535353;
	line-height: 150%;
	display: table-celll;
	vertical-align: top;
}
#forwardTextBlock02 h4 {
	height: auto;
	margin: 0;
	margin: 0px 0px 10px;
}
#forwardBlock03 {
	box-sizing: border-box;
	width: 100%;
	padding: 15px 10px;
	position: relative;
	top: 0;
	left: 0;
	display: table;
}
#forwardArea03 h3 {
	width: 100%;
	height: auto;
}
#forwardTextBlock03 {
	width: auto;
	float: none;
	color: #535353;
	line-height: 150%;
	display: table-celll;
	vertical-align: top;
}
#forwardTextBlock03 h4 {
	height: auto;
	margin: 0;
	margin: 3px 0px 10px;
}
#forwardRecommendIcon01 {
	display: none;
}
#forwardIcon02 {
	width: 60px;
	height: 60px;
	margin-right: 0px;
	float: none;
	display: table-cell;
	padding-right: 8px;
	vertical-align: top;
}
.forwardTextBlock04 {
	width : auto ;
	display: table-cell;
	vertical-align: top;
}
#forwardContent02 h4 {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}
#forwardContent03 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 18px 15px;
	background-image: url(../images/forward/top/forwardArea03_back.gif);
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	background-color: #E3F3EB;
	background-position: right bottom;
}
#forwardTable01 {
	width: 472px;
}
.forwardTableOuter {
	width: 35px;
	overflow: hidden;
	float:left;
	position: relative;
	z-index: 100;
}
.forwardTableOuter02 {
	width: 100%;
	margin-left: -35px;
	float:left;
	position:relative;
}
.forwardTableInner02 {
	width: auto;
	margin-left: 35px;
	overflow: hidden;
	position: relative;
}
.forwardTableOverFlow {
	width: 100%;
	overflow: auto;
}
.forwardTableOuter02 .dropShadow {
	width: 6px;
	height: 100%;
	margin: 0px 0px 0px;
	position: absolute;
	top: 1px;
	left: 35px;
	background-image: url(../images/forward/top/dorop_shadow.png);
	background-repeat: repeat-y;
	z-index: 1;
}
#forwardTable02 {
	width: 472px;
	margin-left: -140px
}

.forwardTable th {
	font-size: 70%;
	height: 10px;
	padding: 10px 2px;
	text-align: center;
	line-height: 130%;
	vertical-align: middle;
}
.forwardTable td.centering {
	padding: 10px 0px;
	text-align: center;
}
.forwardTable td {
	font-size: 70%;
	padding: 7px 0px;
	vertical-align: middle;
	border-bottom: 1px solid #CCCCCC;
}
.forwardTable td.forwardHeight {
	height: 15px;
}
.forwardTable td.PL10 {
	padding-left: 15px;
}
td.forwardItem {
	vertical-align: top;
	color: #FF6600;
}
.forwardItem p {
	padding: 5px 0px 5px 35px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
}
.forwardTable th.tableWide01 {
	background-image: url(../images/forward/top/forward_table_item.gif);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: 7px center;
}
.forwardTable th.tableWide01 {
	width: 140px;
}
.forwardTable th.tableWide02 {
	width: 62px;
}
.forwardTable th.tableWide03 {
	width: 45px;
}
.forwardTable th.tableWide04 {
	width: 45px;
}
.forwardTable th.tableWide05 {
	width: 45px;
}
.forwardTable th.tableWide06 {
	width: 45px;
}
.forwardTable th.tableWide07 {
	width: 45px;
}
.forwardTable th.tableWide08 {
	width: 45px;
}
.forwardSpTable {
	width: 100%;
	margin: 10px auto 20px;
	overflow: hidden;
}

.forwardContent {
	width: auto;
	margin-right: 0px;
	padding-top: 0px;
	overflow: hidden;
	_zoom: 1;
}
.forwardList {
	box-sizing: border-box;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 24px;
	padding: 18px 10px;
	border: #85CDA6 solid 2px;
	float: left;
	background: #FFFFFF;
}
.forwardListInner dt {
	padding: 3px 10px;
	width: 90px;
	color: #338F5F;
	font-weight: bold;
}
.forwardList h2 {
	color: #2B744D;
	font-size: 125%;
	margin-bottom: 10px;
	padding: 6px 0px 3px 48px;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size: 42px;
}
.forwardList h2.forwardRecommendIcon {
	margin-top: 0px;
	padding: 0px 0px 3px 48px;
}
.forwardRecommendIcon img {
	margin-top: -5px;
	width: 55px;
	height:auto;
	
}
.forwardList p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #A8DDC0;
}

#forwardSection03 {
	padding: 30px 0px 10px;
	background-image: none;
}
#forwardBtnAnnounce {
	width: 100%;
	height: auto;
	padding: 10px 0px 30px;
	
}

/*---------------------------------------------
	ANNOUNCE
---------------------------------------------*/

#announceSection01 {
	padding: 10px 0px 10px;
	background-image: none;
}
#announceSection02 {
	padding: 10px 0px 30px;
	background-image: none;
	background-color: #F2F2F2;
}
#announceSection03 {
	padding: 0px 0px 40px;
	background-image: none;
}
.annouceContet {
	width: 100%;
	margin: 0px auto;
	text-align: left;
	clear: both;
}
.announceCopy02 {
	width: 89%;
	margin-bottom: 12px;
}
.announceTitle {
	width: 100%;
	margin: 28px auto 10px;
}
#announceBlock {
	width: 100%;
}
.announceIllust01 {
	width: 53%;
	height: auto;
	margin: 0px auto 40px;
	float: none;
}
.announceIllust02 {
	width: 100%;
	height: auto;
	margin: 0px auto 40px ;
	float: none;
}
.announceListOuter {
	width: 100%;
	margin: 0px auto;
	padding-bottom: 20px;
	overflow: hidden;
}
.announceList {
	width: 103%;
	margin-right: -3%;
	overflow: hidden;
	_zoom: 1;
}
.announceList li {
	width: 30%;
	margin: 0px 3% 30px 0px;
	float: left;
}
.announceTable {
	width: 100%;
	margin-bottom: 30px;
	display: block;
}
.announceTable03 {
	display: block;
	padding-bottom: 20px;
}
.announceTableWidth01 {
	width: 240px;
}
.announceTableWidth02 {
	width: 140px;
}
.announceTableWidth03 {
	width: 350px;
}
.announceTable th,.announceTable td {
	font-size: 60%;
}
.announceTable td {
	padding: 5px;
}
.announceText01 {
	display: block;
}
.announceDetailBtn {
	display: block;
}
.announceTable02 {
	width: 100%;
	}
.announceTable02 th,.announceTable02 td {
	font-size: 60%;
}
.announceTable02 td {
	padding: 10px;
}

.announceAttentionText {
	width: 90%;
	margin: 10px auto 0px;
	font-size: 60%;
	text-indent: -10px;
	padding-left: 10px;
}
.announceList02 {
	widows: 100%;
	display: table;
	margin: 0px 0px 20px;
}
.announceList02 dt {
	width: 80px;
	padding: 10px 0px;
	display: table-cell;
	border: 4px solid #C6E7D6;
	text-align: center;
	color: #338F5F;
	font-weight: bold;
	vertical-align: middle;
}
dt.announceList02Other {
	background-color: #DDDDDD;
	color: #333333;
	border: 4px solid #DDDDDD;
}
.announceList02 dd {
	width: auto;
	font-size: 12px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
.announceList02 li {
	width: 100px;
	padding: 5px 0px 8px 22px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
}
.announceDetailBtn {
	width: 200px;
	margin: 20px auto;
	color: #FF7A22;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	clear: both;
}
.announceDetailBtn a {
	box-sizing:border-box;
	width: 200px;
	padding: 8px 0px;
	background-image: url(../images/top/btn_detail_arrow.gif);
	background-position: 180px center;
	background-repeat: no-repeat;
	border: 2px solid #FFC682;
	display: block;
}
.announceDetailBtn a:link {
	color: #FF7A22;
	text-decoration: none;
}
.announceDetailBtn a:visited {
	color: #FF7A22;
	text-decoration: none;
}
.announceDetailBtn a:hover {
	color: #FFA265;
	text-decoration: none;
	background-image: url(../images/top/btn_detail_arrow_o.gif);
	border: 2px solid #FFD7A8;
}
.announceDetailBtn a:active {
	color: #FF7A22;
	text-decoration: none;
}



/*---------------------------------------------
	FROM JAPAN
---------------------------------------------*/

#japanImg01 {
	width: 100%;
	height: auto;
	margin-bottom: 6px;
}
#japanImg01 h2 {
	width: 58%;
	position: absolute;
	top: -5%;
	left: 0px;
}
#japanText01 {
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
}
#japanSection01 {
	padding: 35px 0px 20px;
}
.japanIcon01 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-left: 0px;
	float: none;
}
#japanText02 {
	width: 100%;
	margin-top: 20px;
	float: none;
}
.japanArrow01 {
	width: 128px;
	margin: 30px auto -48px;
}
.japanArrow02 {
	width: 128px;
	margin: 30px auto -48px;
}
.japanArrow03 {
	width: 128px;
	margin: 30px auto -48px;
}
.japanArrow04 {
	width: 128px;
	margin: 30px auto -48px;
}
#japanSection02 {
	padding: 20px 0px 10px;
	background-image: none;
	border-bottom: 5px solid #FFFFFF;
}
#japanSection03 {
	padding: 50px 0px 10px;
	background-image: none;
	border-bottom: 5px solid #FFFFFF;
}
#japanSection04 {
	padding: 50px 0px 10px;
	background-image: none;
	border-bottom: 5px solid #FFFFFF;
}
#japanSection05 {
	padding: 50px 0px 10px;
	background-image: none;
	border-bottom: 5px solid #FFFFFF;
}
.japanArrow {
	width: 123px;
	margin: -10px auto 25px;
}
.japanIcon02 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-left: 0px;
	float: none;
}
#japanText03 {
	width: 100%;
	margin-top: 20px;
	float: none;
}
.japanFrame {
	margin-bottom: 15px;
	padding: 12px 10px;
	border: 2px solid #87CCA7;
	margin-right: 0px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.japanFrame li {
	width: 90%;
	margin-bottom: 10px;
}

.japanIcon03 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-left: 0px;
	float: none;
}
.collectTable h3 {
	width: 100%;
	margin-bottom: 10px;
}
.japanIcon04 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-left: 0px;
	float: none;
}
#japanText04 {
	width: 100%;
	margin-top: 20px;
	float: none;
}
#japanSection06 {
	padding: 30px 0px 43px;
	background-image: url(../images/from_japan/japan_back06.gif);
	background-position: right bottom;
	background-size: 300px;
	background-repeat: no-repeat;
}
#japanSection06 .bfMark {
	padding-bottom: 0px;
	background-image: none;
}
.japanFrame02 {
	margin: 25px auto 34px;
	padding: 15px;
	text-align: center;
	border: 2px solid #FFC682;
	background-color: #FFFFFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.japanText06 {
	width: 100%;
	height: auto;
	margin: 0px auto;
}


/*---------------------------------------------
	HOWTO
---------------------------------------------*/

#howtoSection01 {
	padding: 15px 0px 0px;
	background-image: none;
}
.howtoTitle {
	width: 122px;
	height: auto;
	float: none;
}
.howtoSubTitle {
	margin: 5px auto 0px;
}
.howtoContentBlock {
	padding: 20px 0px 0px;
}
.howtoImg01 {
	width: 105px;
	height: 115px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}
.howtoTextBlock01 {
	width: auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 15px;
	float:none;
}
.howtoCopy {
	font-size: 105%;
	margin-bottom: 10px;
}
.howtoCopy2 {
	font-size: 105%;
}
.howtoCopyG {
	font-size: 105%;
}
#howtoArrow02Inner {
	width: 110px;
	height: auto;
	margin: 20px auto -32px;
	padding-left: 0px;
}

#howtoSection02 {
	padding: 50px 0px 1px;
	background-color: #DDE8F1;
}
.howtoTextBlock02 {
	width: auto;
	margin-bottom: 76px;
	padding-top: 25px;
	float: right;
}
.howtoImg02 {
	width: 105px;
	height: 150px;
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
}
.howtoTextBlock02 {
	width: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	float: none;
}
.howtoTextBlock02_02 {
	width: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	float: none;
	clear: both;
}
.howtoTable {
	box-sizing:border-box;
	width: 100%;
	margin: 30px auto 5px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	border: 3px solid #86AFCD;
}
.howtoTable h5 {
	box-sizing:border-box;
	width: 100%;
	background-color: #86AFCD;
	color: #FFFFFF;
	font-size: 90%;
	line-height: 160%;
	margin-bottom: 10px;
	padding: 4px 10px;
	display: table;
}
.howtoTable dl {
	display: table-row;
}
.howtoTable dt {
	width: 80px;
	padding: 0px 0px 3px 10px;
	font-size: 75%;
	font-weight: bold;
	display: table-cell;
}
.howtoTable dd {
	font-size: 75%;
	line-height: 160%;
	display: table-cell;
}
#howtoSafePoint {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 0px 10px;
	position: relative;
	top: 0px;
	right: 0px;
	border: 3px solid #FFC587;
}
#howtoSafePoint h2 {
	width: 60%;
	margin: -5% auto 0px;
}
.howtoSafeImg01 {
	width: 52%;
	height:auto;
	margin: 5% auto 10px;
	float: left;
}
.howtoSafeImg02 {
	width: 39%;
	height:auto;
	margin: 33% auto 10px;
	float: right;
}
.howtoTitle03 {
	width: 122px;
	height: auto;
	margin-bottom: 0px;
}
.howtoTitle04 {
	width: 215px;
	height: auto;
	margin-bottom: 0px;
}
#howtoArrow03Inner {
	width: 110px;
	height: auto;
	margin: 20px auto -32px;
	padding-left: 0px;
}
#howtoSection03 {
	padding-top: 50px;
	background-image: none;
}
.howtoContent03 {
	width: 100%;
}
.howtoImg03 {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#howtoSection04 {
	margin: 25px auto 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	background-color: #E2F3EA;
	position:relative;
}
#howtoGreenArea {
	width: 100%;
	height: 150px;
	margin-top: 0px auto 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #E2F3EA;
	position: absolute;
	top: -150px;
	left: 0px;
}
.howtoTextBlock03 {
	margin-bottom: 30px;
}
.howtoTextBlock03.howtoB0 {
	margin-bottom: 0px;
}
#howtoArrow04 {
	display: none;
	
}
#howtoArrow04Inner {
	display: none;
	
}
#howtoArrow05Inner {
	width: 110px;
	height: auto;
	margin: 20px auto -32px;
	padding-left: 0px;
}
#howtoSection05 {
	padding-top: 40px;
	background-image: none;
}
.howtoImg05 {
	width: 105px;
	height: 135px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}
.howtoTextBlock04 {
	width: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	float: none;
}
.howtoTextBlock05 {
	width: 100%;
	margin-bottom: 0px;
	padding-top: 0px;
	float: right;
}
.howtoIconList {
	width: 100%;
}
.howtoIconList li {
	margin: 0px 3px 3px 0px;
	width: 41px;
	height: auto;
	float: left;
}
.howtoTitle04 {
	width: 215px;
	height: auto;
	margin-bottom: 0px;
}
#howtoArrow06Inner {
	width: 110px;
	height: auto;
	margin: 20px auto -32px;
	padding-left: 0px;
}
#howtoArrow07Inner {
	width: 110px;
	height: auto;
	margin: 20px auto -32px;
	padding-left: 0px;
}
#howtoSection06 {
	padding-top: 50px;
	padding-bottom: 1px;
	background-color: #E2F3EA;
}

.howtoImg06 {
	width: 141px;
	margin: 0px 0px 15px 15px;
	height: auto;
	float: right;
}
.howtoTextBlock06 {
	width: auto;
	float: none;
	margin-bottom: 0px;
}

.howtoTitle06 {
	width: 151px;
	height: auto;
	margin-right: 17px;
	float: none;
}
.howtoImg07 {
	width: 181px;
	height:auto;
	margin: 0px 8px 8px 0px;
	float: left;
}
.howtoTextBlock07 {
	width: auto;
	float: none;
	margin-bottom: 20px;
	padding-top: 20px;
}
#howtoSectionEnd {
	padding-top: 50px;
}


/*---------------------------------------------
	LARGE
---------------------------------------------*/

#largeSection01 {
	padding: 30px 0px 20px;
	background-image: none;
}
.largeContet {
	margin-right: 0;
	margin-left: 2%;
	padding-top: 20px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	text-align: center;
	vertical-align: top;
	font-size: 0;
}
.largeContetOuter {
	width: 100%;
	overflow: hidden;
}
.largeList {
	box-sizing: border-box;
	width: 48%;
	height: auto;
	margin : 0px 2% 10px 0px;
	border: 3px solid #C6E7D6;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	text-align: left;
}
.largeList h3 {
	margin: 0px 10px;
	font-size: 100%;
	margin: 0px 10px 0px;
	padding-bottom: 3px;
	width: auto;
	border-bottom: 1px solid #85CDA6;
}
.largeList dd {
	box-sizing: border-box;
	padding: 0px 10px;
	color: #545454;
	font-size: 100%;
	line-height: 130%;
	margin: 5px auto;
	width: 100%;
}

#largeSection02 {
	padding: 35px 0px 20px;
	background-image: none;
}
.largeContet02 {
	margin: 0px;
	padding-top: 10px;
}
.largeList02 li {
	width: 54%;
	height: auto;
	box-sizing: border-box;
	margin: 0px auto 15px;
	float: none;
	padding: 10px 0px;
	border: 3px solid #C7E7D6;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color: #FFFFFF;
}
#largeBtnReport {
	width: 100%;
	margin: 10px auto 10px;
}


/*---------------------------------------------
	OPTION
---------------------------------------------*/

#option02 {
	position: absolute;
	top: -30px;
}
#option03 {
	position: absolute;
	top: -30px;
}
#option04 {
	position: absolute;
	top: -30px;
}
#option05 {
	position: absolute;
	top: -30px;
}
#option06 {
	position: absolute;
	top: -30px;
}
#option07 {
	position: absolute;
	top: -30px;
}
.optionTitle {
	width: 100%;
}
#optionSection01 {
	padding: 35px 0px;
}
.optionListOuter {
	width: 100%;
	margin: 0px auto 0px;
}
#optionList {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	padding: 20px 0 0 10px;
	overflow: hidden;
	_zoom: 1;
	text-align: center;
	font-size: 0;
}
#optionList li {
	width: 97px;
	height: 131px;
	margin-right: 10px;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.optionIcon {
	width: 150px;
	height:auto;
	margin: 0px auto 0px;
	padding-left: 0px;
	float: none;
}
.optionTextBlock01 {
	width: auto;
	margin-top: 25px;
	float: none;
}
#optionIllust {
	margin-left: 0px;
	padding-bottom: 30px;
}
.optionAttentionText {
	margin-left: 0px;
}
#optionSection02 {
	padding: 30px 0px;
	background-image: none;
}
#optionSection03 {
	padding: 30px 0px;
	background-color: #C7E7D6;
}
.optionTextBlock02 {
	width: 100%;
	margin-top: 14px;
	float: none;
}
#optionSection04 {
	padding: 30px 0px;
	background-image: none;
}

.optionTextBlock03 {
	width: 100%;
	margin-top: 20px;
	float: none;
	position: relative;
	overflow: hidden;
}
#optionIllust03Sp {
	width: 87px;
	height: auto;
	margin: 0px 0px 50px 15px;
	float: right;
}
#optionCopy03 {
	width: 90%;
	height: auto;
	margin: 0px auto;
}
#optionSection05 {
	padding: 30px 0px;
	background-color: #C7E7D6;
}
#optionIllust04Sp {
	width: 107px;
	height: auto;
	margin: 0px 0px 50px 15px;
	float: right;
}
#optionSection06 {
	padding: 30px 0px;
	background-image: none;
}
#optionIllust05Sp {
	width: 139px;
	height: auto;
	margin: 0px 0px 15px 15px;
	float: right;
}
#optionSection07 {
	padding: 30px 0px;
	background-color: #C7E7D6;
}
#optionIllust06Sp {
	width: 118px;
	height: auto;
	margin: 0px 0px 15px 15px;
	float: right;
}
#optionImg0701 {
	width: 82%;
	margin: 0px auto 15px;
	float: none;
}
#optionImg0702 {
	width: 82%;
	margin: 0px auto;
	float: none;
}
#optionSection08 {
	padding: 30px 0px 30px;
	background-image: none;
	background-color: #F3F3F3;
}
#optionSection09 {
	padding: 22px 0px 19px;
	background-color: #2B744D;
	border-top: 5px solid #40B276;
	border-bottom: 5px solid #40B276;
}


/*---------------------------------------------
	PACKING
---------------------------------------------*/

.packingTitle {
	margin-bottom: 20px;	
}
.packingTextBlock {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
#packingSection01 {
	padding: 30px 0px 0px;
	background-image: none;
}
#packingSection01 .contentSpace {
	padding-bottom: 40%;
	background-image: url(../images/service/packing/illust01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 51%;
}
.packingTextBlock02 {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.packingList li {
	width: 36%;
	height: auto;
	margin: 0px 20px 10px 0px;
	float: none;
}
#packingSection02 {
	padding: 30px 0px 0px;
	background-color: #E2F3EA;
}
#packingSection02 .contentSpace {
	padding-bottom: 10px;
	background-image: url(../images/service/packing/illust02.jpg);
	background-repeat: no-repeat;
	background-position: right 4px bottom 0px;
	background-size: 55%;
}
#packingSection03 {
	padding: 30px 0px 0px;
	background-image: none;
}
.packingList li.floatR {
	width: 36%;
	height: auto;
	margin: 0px 20px 10px 0px;
	clear:right;
	float: right;
}
#packingSection03 .contentSpace {
	padding: 0px 10px 10px;
	background-image: url(../images/service/packing/illust03.gif);
	background-repeat: no-repeat;
	background-position: -30px bottom;
	background-size: 55%;
}
.packingTextBlock04 {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
#packingSection04 {
	padding: 30px 0px 0px;
	background-color: #E2F3EA;
}
#packingSection04 .contentSpace {
	padding-bottom: 10px;
	background-image: url(../images/service/packing/illust04.gif);
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
	background-size: 58%;
}
#packingSection05 {
	padding: 30px 0px 0px;
	background-image: none;
}
#packingSection05 .contentSpace {
	padding-bottom: 10px;
	background-image: url(../images/service/packing/illust05.gif);
	background-repeat: no-repeat;
	background-position: -30px bottom;
	background-size: 55%;
}
#packingSection06 {
	padding: 30px 0px;
	background-image: url(../images/service/packing/illust06.gif);
	background-repeat: no-repeat;
	background-position: right -50px bottom 10px;
	background-color: #E2F3EA;
	background-size: 140%;
}
#packingSection06 .contentSpace {
	padding-bottom: 0px;
}


/*---------------------------------------------
	PRICE
---------------------------------------------*/

#priceTitle01 {
	width: 100%;
	height: auto;
}
#priceIllust01 {
	width: 100%;
	height: auto;
}
.priceList {
	margin: 0px 0px 0px 0px;
}
.priceAttention {
	display: block;
	margin: 0px 20px 0px 0px;
}
.priceLeftBlock01 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.priceRightBlock01 {
	width: 100%;
	float: none;
}
.priceTable {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: separate;
	border-spacing: 0px 3px;
}
.priceTable02 {
	width: 100%;
	border-spacing: 0px 1px;
}
.priceTable02 td {
	font-size: 81%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFFFFF;
	vertical-align: middle;
	background-size: 21px;
}
.priceTable02 td p {
	padding: 0px 15px 0px 0px;
	background-repeat: no-repeat;
	background-position: 170px center;
	background-image: url(../images/service/price/arrow_gray.gif);
	background-position: 95% center;
	background-size: 4px;
	background-repeat: no-repeat;
}
.priceTable02 td a {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0px 10px 40px;
	font-size: 81%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 21px;
	display: block;
}
.priceLeftBlock02 {
	width: 48%;
	float: left;
}
.priceRightBlock02 {
	width: 48%;
	float: right;
}
#priceSection01 {
	background-image: none;
	padding: 30px 0px 30px;
}
#priceTitle02 {
	width: 62%;
	height: auto;
	margin: 0px auto 10px;
}
#priceTitle03 {
	width: 82%;
	height: auto;
	margin: 0px auto 10px;
	padding-top: 30px;
}
.priceTable03 {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 5px;
	border-collapse: separate;
	border-spacing: 0px 3px;
}
.priceTable03 th {
	width: 50%;
	padding: 12px 5px 8px 36px;
	font-size: 84%;
	background-position: 5px 5px;
	background-size: 24px;
	vertical-align: top;
}
.priceTable03 td {
	padding: 8px 5px;
	font-size: 84%;
	line-height: 160%;
}
#priceSection02 {
	background-image: none;
}
#priceSection03 {
	padding: 30px 0px 30px;
	background-image: none;
}
.priceTitle {
	margin-bottom: 26px;	
}
.priceIllust02 {
	width: 100%;
	border-bottom: 2px solid #DDDDDD;
	padding: 0px 0px 15px 0px;
	margin-bottom: 15px;
}
.priceIllust02 h3 {
	width: 66%;
	margin: 0px auto 15px;
}
.priceIllust03 {
	width: 100%;
	padding: 0px 0px 18px 0px;
}
.priceIllust03 h3 {
	width: 66%;
	margin: 0px auto 15px;
}
.priceBlockOuter {
	display: block;
}
.priceLeftBlock03 {
	box-sizing:border-box;
	width: 100%;
	line-height: 160%;
	padding: 20px 10px;
	margin-bottom: 10px;
	display: block;
}
..priceBlock03 {
	width: auto;
	display: block;
} 
.priceRightBlock03 {
	box-sizing:border-box;
	width: 100%;
	padding: 20px 10px;
	display: block;
}
.priceLeftBlock03 h3 {
	color: #555555;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 156%;
	border-bottom: 2px solid #388E60;
}
.priceRightBlock03 h3 {
	color: #555555;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 156%;
	border-bottom: 2px solid #388E60;
}
#priceSection04 {
	padding: 30px 0px 30px;
	background-image: none;
}
.priceTitle02 {
	margin-bottom: 0px;
}
.priceLineBlock h3 {
	width: 100%;
	margin-bottom: 10px;
	padding-left: 0px;
	font-size: 90%;
	float: none;
}
.priceLineBlock {
	box-sizing: border-box;
	width: 100%;
	padding: 25px 0px 15px;
	border-bottom: 1px solid #BBBBBB;
}
.priceLineRightBlock {
	width: 100%;
	line-height: 160%;
	float: none;
}
.priceIconList {
	margin-bottom: 10px;
}
.priceIconList li {
	margin: 0px 3px 0px 0px;
	width: 57px;
	float: left;
}
.priceBtnOption {
	margin: 20px auto 0px;
}
.priceBtnShopping {
	width: 224px;
	margin: 20px auto 0px;
	float: none;
}
.priceBtnCollect {
	width: 224px;
	margin: 20px auto 0px;
	float: none;
}
.priceBtns {
	width: 100%;
	margin: 0px auto 0px;
}

/*---------------------------------------------
	FAQ
---------------------------------------------*/

#faqBackGround {
	background-image: none;
}
#faqBackGround .contentSpace {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px;
}

#faqTab {
	box-sizing: border-box;
	width: 100%;
	margin: 30px auto 0px;
	margin-right: 0px;
	border-left: 2px solid #DDDDDD;
}
#faqTab li {
	box-sizing: border-box;
	width: 33%;
	height: 28px;
	float: left;
}
#faqTab li.faqTabRight {
	width: 34%;
}
#faqTab li a {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 0px 0px 0px 5px;
	font-size: 11px;
	text-align: center;
	color: #555555;
	line-height: 26px;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-top-color: #DDDDDD;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-width: 2px;
	display: block;
	background-color: #BBBBBB;
	background-image: none;
}
#faqTab li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#faqTab li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#faqTab li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#faqTab li a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#faqTab li.ui-tabs-selected a {
	height: 30px;
	color: #555555;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../images/service/attention/tab_arrow_on.gif);
	border-bottom-style: none;	
}
.faqContent {
	padding: 20px 10px 0px;
	border: 2px solid #DDDDDD;
}
.faqContent h3 {
	height: auto ;
	padding: 5px 10px 5px 35px;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	color: #2B734C;
	border: 2px solid #92D1B0;
	background-image: url(../images/faq/title_q.gif);
	background-repeat: no-repeat;
	background-position: 0% center;
	background-size: 27px;
}
.faqContent dl {
	padding: 10px 0px 30px;
}
.faqContent dt {
	height: auto;
	margin-top: -1px;
	padding: 5px 0px 5px 35px;
	background-color: #F4FAF7;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-image: url(../images/faq/icon_q.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
	cursor: pointer;
}
.faqContent dt p {
	font-size: 100%;
	padding-right: 30px;
	background-image: url(../images/faq/arrow_close.gif);
	background-repeat: no-repeat;
	background-position: right 10px center;

}
.faqContent dd {
	padding: 10px 30px 25px 35px;
	line-height: 180%;
	background-image: url(../images/faq/icon_a.jpg);
	background-repeat: no-repeat;
	background-position: 12px 13px;
}
#faqBtnManual {
	width: 90%;
	margin: 0px auto;
	padding: 25px 0px 35px;
}


/*---------------------------------------------
	ATTENTION
---------------------------------------------*/

#AttentionBackGround {
	background-image: none;
}
#AttentionBackGround .contentSpace {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px;
}
.attentionTabContent {
	margin-bottom: 40px;
	border: 2px solid #DDDDDD;
}
.attentionAttentionText {
	box-sizing: border-box;
	width: 100%;
	margin-top: 5px;
	font-size: 88%;
	padding-left: 15px;
	text-indent: -15px;
}
.attentionContent {
	padding: 33px 10px 0px;
}
.attentionTabContent a {
	white-space: normal;
}
#attentionTab {
	box-sizing: border-box;
	width: 100%;
	margin: 30px auto 0px;
	padding-right: 0px;
	border-left: 2px solid #DDDDDD;
}
#attentionTab li {
	box-sizing: border-box;
	width: 33%;
	height: 28px;
	float: left;
}
#attentionTab li.attentionTabRight {
	width: 34%;
}
#attentionTab li a {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 0px 0px 0px 5px;
	font-size: 11px;
	text-align: center;
	color: #555555;
	line-height: 26px;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-top-color: #DDDDDD;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-width: 2px;
	display: block;
	background-color: #BBBBBB;
	background-image: none;
}
#attentionTab li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#attentionTab li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#attentionTab li a:hover {
	color: #FFFFFF;
	text-decoration: none;

}
#attentionTab li a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#attentionTab li.ui-tabs-selected a {
	height: 30px;
	color: #555555;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../images/service/attention/tab_arrow_on.gif);
	border-bottom-style: none;	
}
.attentionContent dl {
	margin-bottom: 30px;
}
.attentionContent dd {
	padding: 10px 15px;
	line-height: 170%;
	border-bottom: 1px solid #CCCCCC;
}





/*---------------------------------------------
	POINT
---------------------------------------------*/
#point01 {
	position:absolute;
	top: -10px;
}
#point02 {
	position:absolute;
	top: 0px;
}
#point03 {
	position:absolute;
	top: -28px;
}
#point04 {
	position:absolute;
	top: -10px;
}
#point05 {
	position:absolute;
	top: -10px;
}
#pointOther {
	position:absolute;
	top: -20px;
}
#pointOtherTitle {
	margin: 0px 0px 30px 0px;
}
.pointBody {
	width: 100%;
	overflow: visible ;
}
#pointSection01 {
	padding: 0px 0px 20px;
}
#point .contentSpace {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 0px 10px;
	position: relative;
}
#point01Back {
	padding-bottom: 10px;
}
.contentSpacePoint {
	box-sizing: border-box;
	width:100%;
	margin-left:0px;
	padding: 0px 10px;
}
#content.pointBody {
	width: 100%;
	height: 100%;
	margin-left: 0;
	padding-top: 27px;
	float:none;
	overflow: visible;
}
#pointBackImg01 {
	display: none;
}
#pointBackImg02 {
	display: none;
}
#pointBackImg03 {
	display: none;
}
#pointBackImg04 {
	display: none;
}
#pointBackImg05 {
	display: none;
}
#pointBgvideo {
	display:none;
}
#spBackGround {
	width: 100%;
	height: 100%;
	background-image: url(../images/point/sp_point_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	position: fixed;
	z-index: -1;
	display: block;
}
#pointTitle01 {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#pointTitle01 h1 {
	margin-left: 0px;
}
#pointTitle01Block {
	width: 100%;
	height: auto;
}
#pointTitle02Back {
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	position: relative;
	background-image: url(../images/point/point_green_back.png);
	background-position: center 0%;

}
#pointTitle02Back .contentSpace {
	padding: 0px;
	
}
#pointTitle02Back h2 {
	width: 94%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-top: 7px;
}
#pointIconArea {
	width: 98%;
	padding-left: 1%;
	height: auto;
	margin: 0px auto 20px;
	position: relative;
	text-align: center;
}
#pointIconArea dl {
	width: 31%;
	margin-right: 1%;
	float: none;
	display: inline-block;
}
#pointIconArea dl img {
	width: 100%;
	height: auto;
}
#pointIconArea dt {
	width: 48%;
	margin: 0px auto;
	margin-bottom: 6px;
}
#pointBtnService {
	width: 90%;
	height: auto;
	margin: 0px auto 0px;
	padding-bottom: 17px;	
}
#point01Title {
	width: 96%;
	margin: 0px 0px 25px 0px;
	padding-top: 20px;
	
}
#point01Text01 {
	width: 99%;
	height: auto;
	margin: 0px 0px 18px;	
}
#point01Illust01 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px;
	margin: 0px auto 35px;
}
#point01Text02 {
	width: 100%;
	margin: 0px auto 27px;
	
}
#point01Illust02 {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 0px 35px;
	
}
#point01Illust02L {
	width: 100%;
	margin: 0px auto 10px;
	float: none;
}
#point01Illust02R {
	width: 100%;
	margin: 0px auto 22px;
	float: none;
}
.pointBtn {
	width: 70%;
	height:30px;
	margin: 0px auto;
}
#pointBtnForward {
	margin: 20px auto 30px;
}
.pointBtn a {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	font-size: 69%;
	color: #545454;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFA664;
	background-image: url(../images/point/btn_arrow.gif);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-color: #FFFFFF;
	display:block;
	background-size: 5px;
}
.pointBtn a:link {
	color: #545454;
	border: 2px solid #FFA664;
}
.pointBtn a:visited {
	color: #545454;
	border: 2px solid #FFA664;
}
.pointBtn a:hover {
	color: #888888;
	border: 2px solid #FFC295;
	background-image: url(../images/point/btn_arrow_on.gif);
}
.pointBtn a:active {
	color: #545454;
	border: 2px solid #FFA664;
}
#point02Title {
	width: 100%;
	margin: 0px 0px 20px 0px;
	
}
#pointLead03Text {
	font-size: 113%;
	margin-bottom: 10px;
 	color: #388D5F;
	font-weight: bold;
	line-height: 140%;
}
#point02Frame {
	width: auto;
	padding: 0px;
	border-right: 6px none #87CCA7;
	border-bottom: 6px none #87CCA7;
	border-left: 6px none #87CCA7;
	background-color: transparent;
}
#point02List01 {
	box-sizing: border-box;
	width: 100%;
	margin: 20px 0px 25px 1%;
	text-align: center;
}
#point02List01 li {
	width: 30%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 10px;
	float: none;
	display: inline-block;
}
#point02List01 li img {
	width: 100%;
	height: auto;	
}
#point02List02 {
	width: 100%;
	margin: 20px auto 30px;
}
#point02List02 li {
	box-sizing: border-box;
	width: 32%;
	height: auto;
	margin-right: 2%;
	border: 3px solid #85CDA6;
	float: left;
}
#point02List02 li img {
	width: 100%;
	height: auto;	
}
#point02List03 {
	box-sizing: border-box;
	width: 75%;
	margin: 20px auto 0px;
	padding-left: 4%;
	text-align: center;
}
#point02List03 li {
	width: 30%;
	height: auto;
	margin-bottom: 10px;
	margin-right: 2%;
	float: left;
}
#point02List03 li img {
	width: 100%;
	height: auto;	
}
#pointSection02 {
	padding: 30px 0px 30px;
	background-color: #C6E7D6;	
}
#point02Back02 {
	padding-bottom: 0px;
}
#pointSection03 {
	padding: 10px 0px 20px;
}
#point03Title {
	width: 100%;
	margin: 0px 0px 17px 0px;	
}
#point03Lead {
	width: 100%;
	height: auto;
}
#point04Title {
	width: 98% ;
	margin: 0px 0px 15px 0px;
}
#pointIllust04 {
	width: 97%;
	height: auto;
	margin: 0px auto 0px;
}
#pointAttentionListGroup {
	margin: 0px auto 20px;	
}
.pointAttentionList {
	width: 100%;
	margin: 0px 0px 0px 0px;
	color: #666666;
	line-height: 160%;
	font-size: 81%;
	display: block;	
}
.pointAttentionList li {
	display: block;
}
#point04Lead {
	margin-bottom: 10px;
}
#pointSection04 {
	padding: 25px 0px 25px;
	background-position: center 0%;
	background-color: #F3F3F3;
}
#pointSection05 {
	padding: 25px 0px 30px;
/*	padding: 25px 0px 10px;*/
	background-color: #C6E7D6;
}

#point0502 {
	position: absolute;
	top: -50px;
}
#point05Title {
	margin: 0px 0px 40px 0px;
}
#pointLead05 {
	width: 89%;
	height: auto;
	margin: 10px auto 15px;
}

/* チE�Eブル関係　*/
.pointTableAttention {
	display: none;
}
#point05TableOuter {
	width: 75px;
	margin: 0px;
	float: left ;
	overflow:hidden;
}
#point05Table01 {
	width: 375px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #64BE8F;
}
.point05Table th.width150 {
	width: 75px;
}
#point05Table02Outer {
	width: 100%;
	margin-left: -75px;
	float: left;
	position: relative;
}
#point05Table02Inner {
	overflow: auto;
	margin-left: 75px;
}
#point05Table02Frame01 {
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0;
	height: 184px;
	border-right: 2px solid #388E60;
}
#point05Table02Frame02 {
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0;
	height: 184px;
	border-left: 2px solid #388E60;
	margin-left: 75px;
}
#point05Table02 {
	width: 375px;
	margin-left: -75px;
	border-top: 2px solid #388E60;
	border-bottom: 2px solid #388E60;
}
.point05Table th {
	width: 75px;
	height: 30px;
	padding: 0px;
	font-size: 63%;
	text-align: center;
	vertical-align:middle;
}
.point05Table td {
	width: 75px;
	height: 30px;
	padding: 0px;
	font-size: 63%;
	text-align: center;
	vertical-align:middle;
}
/* チE�Eブル関俁EEND　*/

#point05Lead02 {
	margin-bottom: 20px;	
}
.point05List li {
	width: 30%;
	height: auto;
	margin: 0px 1% 10px 0px;
	float: none;
	display: inline-block;
}
.point05List li img {
	width: 100%;
	height: auto;
}
#point05ListBlock {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding-left: 5%;
	margin-left: 0%;
	position: relative;
	overflow: hidden;
}
#point05BackItem {
	width: 50%;
	position: relative;
	top: 0px;
	right: 0%;
	margin-top: -18%;
	margin-left: 35%;
}
.point05Btn {	
position: static;	
margin: 0 auto;	
}

#pointOtherFrame01 {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto 30px;
	padding: 0px 10px 20px 20px;
	border: 3px solid #8A153C;
	border-radius: 9px;
	background-color: #FFFFFF;
	float: none;
	background-image: url(../images/point/point_oter_back01.jpg);
	background-repeat: no-repeat;
	background-position: left 54px;
	background-size: 72px;
}
#pointOtherFrame01 h4 {
	width: 180px;
	height: 40px;
	margin: -20px auto 10px;
}
#pointOtherFrame01 h5 {
	font-size: 120%;
	line-height: 130%;
	color: #8A153C;
	margin-bottom: 10px;
}
#pointOtherFrame01 p {
	color: #545454;
	font-size: 88%;
	line-height: 150%;
}
#pointOtherFrame02 {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto 10px;
	padding: 0px 15px 20px 10px;
	border: 3px solid #2B5074;
	border-radius: 9px;
	background-color: #FFFFFF;
	float: none;
	background-image: url(../images/point/point_oter_back02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 101px;
}
#pointOtherFrame02 h4 {
	width: 180px;
	height: 40px;
	margin: -20px auto 20px;
 }
 #pointOtherFrame02 h5 {
	font-size: 120%;
	line-height: 130%;
	color: #2B5074;
	margin-bottom: 10px;
}
#pointOtherFrame02 p {
	color: #545454;
	font-size: 88%;
	line-height: 150%;
}
#pointOtherFrame01Inner {
	padding: 0px 10px 20px 62px;
}
#pointOtherFrame02Inner {
	padding: 0px 73px 10px 0px;
}
#pointSectionOther {
	padding: 20px 0px 10px;
	background-image: url(../images/point/point_green_back.png);
	background-position: center 0%;
}
.pointDetailBtn {
	width: 90px;
	margin: 0px auto;
	color: #FF7A22;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	clear: both;
	background:#FFFFFF;
}
.pointDetailBtn a {
	width: 100px;
	padding: 5px 0px 4px;
	background-image: url(../images/point/btn_arrow.gif);
	background-position: 90px center;
	background-repeat: no-repeat;
	border: 2px solid #FFC682;
	display: block;
	background-size: 5px;
}
.pointDetailBtn a:hover {
	border: 2px solid #FFC295;
}
#pointFooterInner {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 0px 10px;
}
#pointFooterTopBlock {
	width: 100%;
	min-height: 0px;
	padding: 15px 0px 0px;
	position: relative;
}
#pointFooterText {
	color: #FFFFFF;
	font-size: 125%;
	margin-top: 20px;
	margin-bottom: 30px;
}
#pontFooterLeftBlock {
	width: 100%;
	float: none;
}
#pointFooterTelBlock {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding: 14px 10px;
	background-color: #333333;
	border: 1px solid #999999;
}
#pointFooterTel01 {
	width: 34%;
	height: auto;
	margin-right: 7%;
	padding-left: 5px;
	float: left;
}
#pointFooterTel02 {
	width: 28%;
	height: auto;
	float: left;
}
#pointFooterSkypeBlock {
	box-sizing: border-box;
	width: 100%;
	max-height: 0px;
	margin-bottom: 10px;
	padding: 14px 10px;
	background-color: #333333;
	border: 1px solid #999999;
	display: table;
}
#pointFooterTitle01 {
	width: 25%;
}
#pointFooterTitle02 {
	width: 27%;
	margin: 1% 15% 0px 0px;
	float: left;
}
#pointFooterSkype {
	width: 32%;
	float: left;
}
#pontFooterRightBlock {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 14px 10px;
	background-color: #333333;
	border: 1px solid #999999;
	float: none;
}
.pointFooterMailText {
	padding-left: 0px;
}
.pointFooterBtnInquiry a {
	width: 180px;
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 5px;
	color: #FFD86C;
	font-size: 70%;
	line-height: 100%;
	background-color: #555555;
	border-radius: 5px;
	border: 1px solid #999999;
	background-repeat: no-repeat;
	background-image: url(../images/point/footer_btn_arrow.gif);
	background-position: 187px center;
	display: block;
	background-size: 5px;　
}
.pointFooterBtnRegister a {
	width: 100%;
	height: auto;
	margin: 0px auto 16px;
	display: block;
}
#pointFooterLogo {
	width: 34%;
	height: auto;
	position: relative;
}
#pointFooterLinkList {
	width: auto;
	margin-left: 0px;
	padding: 30px 0px 18px 0px;
	border-top: 1px none #999999;
}
#pointFooterLinkList li {
	margin: 4px 20px 21px 0px;
	padding-left: 10px;
	color: #FFF;
	font-size: 75%;
	background-image: url(../images/common/footer_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	float: left;
}
#pointFooterMailTitle {
	width: 26%;
	margin-bottom: 10px;
}


/*---------------------------------------------
	SHOPPING
---------------------------------------------*/

#shoppingSection01 {
	padding: 51px 0px 19px;
}
#shoppingImg01 {
	width: 100%;
	height: auto;
}
#shoppingImg01 h2 {
	width: 58%;
	height: auto;
	position: absolute;
	top: -5%;
	left: 0px;
}
#shoppingImg02 {
	width: 100%;
	height: auto;
}
.shoppingTitle {
	width: 100%;
	margin-bottom: 25px;
}
#shoppingSection02 {
	padding: 33px 0px 20px;
	background-image: none;
}
.shoppingLeftBlock {
	width: 100%;
	margin-bottom: 30px;
	float: none;
}
.shoppingImg {
	width: 73%;
	margin: 0px auto 20px;
	float: none;
}
.shoppingGrayArea {
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 40px 5px 5px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
}
.shoppingGrayArea h3 {
	width: 58%;
	position: absolute;
	top: -2%;
	left: 0px;
}
.shoppingList {
	width: 100%;
	margin: 0 -12px 0 0;
	overflow: hidden;
	_zoom: 1;
}
.shoppingList li {
	width: 90%;
	height: auto;
	float: none;
	margin: 0px auto 12px;
}
.shoppingList li img {
	width: 100%;
	height: auto;
}
.shoppingText01 {
	width: 75%;
	height: auto;
	margin: 0px auto 20px;
}
#shoppingSection03 {
	padding: 20px 0px 10px;
	background-image: none;
}
#shoppingGreenArea {
	padding: 10px 10px 0px;
}
.shoppingList02 {
	width: 100%;
	text-align: center;
	font-size: 0;
}
.shoppingList02 li {
	width: 46%;
	height: auto;
	margin: 0px 2% 10px 0px;
	float: none;
	display: inline-block;
}
.shoppingList02 li img {
	width: 100%;
	height: auto;
}
.shoppingText03 {
	margin-bottom: 29px;
}
#shoppingSection05 {
	padding: 0px 0px 0px;
	background-color: #40B276;
	background-image: url(../images/shopping/top/shopping_back05.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 320px;
}
#shoppingSection05 .bfMark {
	padding: 40px 0px 40px;
	background-image: none;
}
#shoppingSection04 {
	padding: 20px 0px 0px;
	background-image: none;
}
#shoppingTable {
	display: block;
}
.shoppingTableTr {
	display: block;
}
.shoppingTableTd {
	box-sizing: border-box;
	margin: 0px auto;
	width: 75%;
	padding: 10px 10px;
	background: #FFFFFF;
	display: block;
	border: 2px solid #FF8B3C;
	border-radius: 15px;
	font-size: 88%;
	line-height: 150%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	vertical-align: top;
	color: #545454;
}
#shoppingTitle04 {
	margin-bottom: 15px;	
}
.shoppingTableArrow {
	width: 26px;
	height: auto;
	margin: 0px auto 10px;
	display: block;
}
#shoppingFrame {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding: 25px 20px;
	border: 2px solid #FF8B3C;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.shoppingTableArrow02 {
	width: 26px;
	height: auto;
	margin: -1px auto 0px;
	padding: 0px 0px 10px;
	display: block;
}
.shoppingText05 {
	margin-bottom: 82px;
	font-size: 125%;
	line-height: 130%;
	text-align: center;
	color: #FFFFFF;
}
.shoppingText05 {
	margin-bottom: 42px;
}


/*---------------------------------------------
	REPORT
---------------------------------------------*/

#reportSection {
	background-image: none;
}
.reportContent {
	box-sizing:border-box;
	width: 100%;
	margin: 0px auto;
	padding: 30px 10px 0px;
	overflow: hidden;
}
.reportContentInner {
	box-sizing: border-box;
	width: 100%;  
    margin: 0 0px 0px 3%;  
    _zoom: 1;     
    overflow: hidden;  
}
.reportBlock {
	width:  46%;
	margin: 0px 2% 12px 0px;
	background-color: #FFFFFF;
	float: left;
}
.reportImg {
	width: 100%;
	height: auto;
}
.reportImg a {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	background: #000000;
	overflow: hidden;
}
.reportImg a img.reportImgSquare {
	width: 100%;
	height: auto;
}
.reportBlockInner {
	padding: 6px 10px 5px;
}
.reportDate {
	margin-bottom: 5px;
	color: #2B995F;
	font-size: 69%;
	line-height: 120%;
}
.reportText {
	color: #555555;
	font-size: 81%;
	line-height: 120%;
}
.reportDetailEntry {
	padding-bottom: 88px; 
}
#reportDetailBtn {
	width: 200px;
	height: 40px;
	margin: 0px auto;
}
#reportDetailBtn a {
	width: 196px;
	height: 36px;
	
	font-size: 18px;
	text-align: center;
	line-height: 36px;
	border: 2px solid #85CDA6;
	clear: both;
	background-image: url(../images/report/btn_list_arrow.gif);
	background-position: 172px center;
	background-repeat: no-repeat;
	display: block;
}
#reportDetailBtn a:link {
	color: #525252;
	text-decoration: none;
}
#reportDetailBtn a:visited {
	color: #525252;
	text-decoration: none;
}
#reportDetailBtn a:hover {
	color: #525252;
	text-decoration: none;
}
#reportDetailBtn a:active {
	color: #525252;
	text-decoration: none;
}
#reportDetailContent {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 15px 10px 15px;
}
#reportDetailContentInner {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 20px;
	font-size: 94%;
	color: #666666;
	line-height: 200%;
	background:#FFFFFF;
}
.reportDetailDate {
	font-size: 88%;
 	color: #40B276;
	font-weight: bold;
	margin-bottom: 8px;
}
.reportDetailTitle {
	margin-bottom: 10px;
	padding: 0px 0px 8px 14px;
	color: #545454;
	font-size: 150%;
	background-image: url(../images/report/icon_entry.gif);
	background-repeat: no-repeat;
	background-position: 0px 0%;
	border-bottom: 1px solid #40B276;
	background-size: 14px;
}
.reportDetailText table {
	width: 100%;
	margin: 0px auto 15px;
}
.reportDetailEntry {
	padding-bottom: 44px; 
}
#reportDetailBtn {
	width: 100px;
	height: 20px;
	margin: 0px auto;
}
#reportDetailBtn a {
	box-sizing: border-box;
	width: 100px;
	height: 20px;
	font-size: 9px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #85CDA6;
	clear: both;
	background-image: url(../images/report/btn_list_arrow.gif);
	background-position: 86px center;
	background-repeat: no-repeat;
	background-size: 5px;
	display: block;
}
#reportPagerStatus {
	font-size: 81%;
	margin-bottom: 20px;
	text-align: center;
}
#reportPager {
	padding: 30px 0px 30px;
}
#reportPager a.link_page {
	font-size: 5px;
	color: #2B734C;
	width: 15px;
	height: 25px;
	display: inline-block;
	background: #FFFFFF;
	border: 1px solid #40B276;
	line-height: 25px;
	border-radius: 1px;
	margin-right: 2px;
}
#reportPager span.current_page {
	font-size: 5px;
	width: 15px;
	height: 25px;
	display: inline-block;
	background-color: #40B276;
	border: 1px solid #40B276;
	line-height: 25px;
	color: #FFFFFF;
	border-radius: 1px;
	margin-right: 2px;
}
#reportPager a.link_next {
	font-size: 6px;
	background-image: url(../images/report/arrow_after.gif);
	margin-left: 0px;
	padding-right: 12px;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 6px;
	
}
#reportPager a.link_before {
	font-size: 6px;
	background-image: url(../images/report/arrow_befor.gif);
	margin-right: 0px;
	padding-left: 12px;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 6px;	
}
#reportPager a.link_first {
	font-size: 6px;
	background-image: url(../images/report/arrow_first.gif);
	margin-right: 0px;
	padding-left: 15px;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 9px;
}

#reportPager a.link_last{
	font-size: 6px;
	background-image: url(../images/report/arrow_last.gif);
	margin-left: 0px;
	padding-right: 15px;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: 22px center;
	background-size: 9px;
}
}
@media screen and (min-width:480px) and (max-width: 768px){

.largeContet {
	margin-right: 0;
	margin-left: 2%;
	padding-top: 20px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	text-align: center;
	vertical-align: top;
	font-size: 0;
}
.largeContetOuter {
	width: 100%;
	overflow: hidden;
}
.largeList {
	box-sizing: border-box;
	width: 31%;
	height: auto;
	margin : 0px 2% 10px 0px;
}
.announceList02 dd {
	width: auto;
	font-size: 14px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
.announceList02 li {
	width: 120px;
	padding: 5px 0px 8px 24px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}
#attentionTab li a {
	font-size: 14px;
}
#faqTab li a {
	font-size: 14px;
}
}
@media screen and (min-width:410px) and (max-width: 768px){
.pointTableAttention {
	display: none;
}
#point05TableOuter {
	width: 100%;
	margin: 0px;
	float: left ;
	overflow:hidden;
}
#point05Table01 {
	width: 100%;
	border-style: none;	
}
.point05Table th.width150 {
	width: 110px;
}
#point05Table02Outer {
	width: 100%;
	margin-left: -110px;
	float: left;
	display: none;
}
#point05Table02Inner {
	overflow: auto;
	margin-left: 110px;
}
#point05Table02 {
	width: 550px;
	margin-left: -110px;
}
.point05Table th {
	width: 110px;
	height: 30px;
	padding: 0px;
	font-size: 63%;
	text-align: center;
	vertical-align:middle;
}
.point05Table td {
	width: 110px;
	height: 30px;
	padding: 0px;
	font-size: 63%;
	text-align: center;
	vertical-align:middle;
}
.tableWide01 {
	width: 150px;
	background-image: none;
}
}

@media screen and (max-width:410px){
.pointTableAttention {
	margin-bottom: 10px;
	color: #529C75;
	text-align: right;
	font-size: 88%;
	display: block;
}
}
@media screen and  (max-width: 402px){
.forwarodTableAttention {
	margin-bottom: 10px;
	color: #529C75;
	text-align: right;
	font-size: 88%;
	display: block;
}
#forwardTable01 {
	width: 472px;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
#forwardTable02 {
	width: 472px;
	margin-left: -140px;
	border-top: 2px solid #388E60;
	border-bottom: 2px solid #388E60;
}
.forwardFrameL{
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0;
	height: 590px;
	border-right: 2px solid #388E60;
	z-index: 100;
}
.forwardFrameR{
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 0px;
	right: -0px;
	width: 0;
	height: 590px;
	border-right: 2px solid #388E60;
	z-index: 100;
}
}
@media screen and  (max-width: 471px){
.forwardTableOuter {
	width: 35px;
	overflow: hidden;
	float:left;
	position: relative;
	z-index: 100;
}
.forwardTableOuter02 {
	width: 100%;
	margin-left: -35px;
	float:left;
	position:relative;
}
.forwardTableInner02 {
	width: auto;
	margin-left: 35px;
}
.forwardTableOverFlow {
	width: 100%;
	overflow: auto;
}
.forwardTableOuter02 .dropShadow {
	width: 6px;
	height: 100%;
	margin: 0px 0px 0px;
	position: absolute;
	top: 1px;
	left: 35px;
	background-image: url(../images/forward/top/dorop_shadow.png);
	background-repeat: repeat-y;
	z-index: 1;
}
#forwardTable01 {
	width: 472px;
}
#forwardTable02 {
	width: 472px;
	margin-left: -140px;
}
.forwardSpTable {
	width: 100%;
	max-width: 367px;
	margin: 10px auto 20px;
	overflow: hidden;
}

}
@media screen and (min-width:472px) and (max-width: 768px){
#forwardTable01 {
	width: 472px;
}
.forwardTableOuter {
	width: 100%;
	overflow: auto;
	float:left;
	position: relative;
	z-index: 100;
}
.forwardTableOuter02 {
	width: 100%;
	margin-left: -140px;
	float:left;
	position:relative;
	display: none;
}
.forwardTableOverFlow {
	width: 100%;
	overflow: auto;
}
.forwardTableOuter02 .dropShadow {
	width: 6px;
	height: 100%;
	margin: 0px 0px 0px;
	position: absolute;
	top: 1px;
	left: 140px;
	background-image: url(../images/forward/top/dorop_shadow.png);
	background-repeat: repeat-y;
	z-index: 1;
}
#forwardTable01 {
	width: 100%;
}
.forwardSpTable {
	width: 100%;
	max-width: 100%;
	margin: 10px auto 20px;
	overflow: hidden;
}
.forwardTable th.tableWide01 {
	background-image: none;
}
}

@media screen and (max-width:768px){
/* STAFFBLOG */
#topBlog {
margin: -25px auto 0px;
padding: 0px 0px 20px;
}
#topBlogArea {
width: auto;
height: auto;
display:block;
}
#topBlogTitle {
width: auto;
padding: 9px 10px;
background-image: none;
background-color: #40B276;
display:block;
}
#topBlogTitle h3 {
font-size: 120%;
display: block;
}
#topBlogDate {
width: auto;
padding: 8px 10px 0px;
color: #2B995F;
font-size: 88%;
line-height: 130%;
display:block;

}
#topBlogCont {
width: auto;
padding: 5px 10px 5px;
font-size: 88%;
line-height: 160%;
display:block;
}
#topBlogBtnList {
width: 70px;
height: auto;
margin: 0px auto;
padding: 0px 0px 7px 0px;
text-align: center;
display:block;
}
#topBlogBtnList img {
width: 100%;
height: auto;
}
#topReportContent__blog {
width: 100%;
margin-right:0px;
overflow: hidden;
position: relative;
_zoom: 1; 
}
}