*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* index */
#index #headerArea {
	margin-bottom:0;
}
#index #contentsArea {
	width:960px;
	margin-top:20px;
}

#index #topheader {
	text-align:left;
}
#index #topheader .flex {
	display:flex;
	width:1200px;
	margin:0 auto;
}

#index #topheader .l-area {
	width:220px;
	padding:20px 0 0 0;
}
#index #topheader .m-area {
	width:540px;
	text-align:center;
	padding-top:30px;
}
#index #topheader .r-area {
	width:440px;
	padding:30px 0 0 0;
}

#index #new-btn { margin-bottom:10px; }

#index #login { background:#fee8eb; }
#index #login .top {
	height:62px;
	background:url("../../images/index/side/login_top_bg.jpg") no-repeat;
}
#index #login .h {
	border-bottom:dashed 1px #666666;
	padding:30px 0 10px 0;
	margin:0 20px 0 20px;
}

#index #login form { padding:10px 20px 20px 20px; }
#index #login form input { width:170px; }

#index #login ul { margin-left:10px; }
#index #login li { margin-bottom:5px; }
#index #login li.lst { margin-bottom:0; }

#index #login li a {
	color:#000000;
	text-decoration:none;
}
#index #topheader a:hover {
	opacity:0.5;
}

#index #login .bottom {
	height:65px;
	background:url("../../images/index/side/login_bottom_bg.jpg") no-repeat;
}


#index #topheader .r-area .h {
	font-size:20px;
	text-align:center;
	margin-bottom:10px;
	margin-right:40px;
}

#index #separateTable { margin-bottom:30px; }
#index #separateTable .l-area {
	padding:0;
	width:740px;
	padding-top:20px;
}

#index #separateTable .r-area {
	width:220px;
	padding:0;
}

#index #whats {
	background:url("../../images/index/whats_bg2.jpg");
	height:144px;
	width:720px;
}

#index #whats h2 {
	padding:15px 0 15px 0;
	text-align:center;
	color:#6a4b31;
}

#index #whats .info {
	margin:0 50px 0 50px;
}

#index #news .h {
	color:#f25c9b;
	border-bottom:solid 2px #f25c9b;
}
#index #news .block {
	border:solid 1px #aaaaaa;
	border-top:none;
	padding:10px 5px 10px 5px;
}

#index #riyu {
	margin-bottom:40px;
}
#index #riyu .h {
	font-size:36px;
	text-align:center;
	letter-spacing:4px;
	color: #583d26;
	margin-bottom:10px;
}
#index #riyu .s {
	text-align:center;
	font-size:20px;
	color: #583d26;
}
#index #riyu a {
	display:block;
	text-decoration:none;
	border-top:solid 2px #583d26;
	border-bottom:solid 2px #583d26;
	padding:5px 0 5px 0;
	transition: .4s;
}
#index #riyu a:hover {
	opacity:0.5;
}

#index #plan {
	width:960px;
	height:700px;
	margin-bottom:30px;
	background:url("../../images/index/img_bg.jpg");
}

#index #plan .flex {
	display:flex;
	align-items: flex-end;
	flex-wrap:wrap;
	width:100%;
	padding-top:5px;
}

#index #plan .flex .l-area {
	width:50%;
}

#index #plan .flex .m-area {
	width:33.3%;
	width:50%;
}

#index #plan .flex .r-area {
	width:50%;
}
#index #plan .w-area {
	width:960px;
}


#index #plan .in {
	width:90%;
	margin:0 auto;
	background:#ffffff;
	background: rgba(255,255,255,0.9);
	border:solid 1px #ff493b;
	padding:10px;
	text-align: center;
}
#index #plan .in {
	margin-bottom:10px;
}

#index #plan .in .h {
	font-size:20px;
	text-align:center;
	margin-bottom:10px;
	color:#e63456;
	font-weight:bolder;
}


#index #plan .in .info {
	font-size:14px;
	margin-bottom:10px;
}

#index #plan .in .att {
	margin-bottom:10px;
	font-size:14px;
}

#index #plan .in .price {
	margin-bottom:5px;
	font-size:14px;
	text-align:center;
}
#index #plan .in .postage {
	margin-bottom:5px;
	color:#ff0000;
}

#index #plan .in .price .l {
	font-size:18px;
}

#index #plan .in .btn {
	text-align:center;
}
#index #plan .in a {
	display:inline-block;
	text-decoration:none;
	font-size:14px;
	padding:5px 10px 5px 10px;
	color:#ffffff;
	background:#e73356;
	border:solid 1px #ffffff;
	border-radius:5px;
	font-weight:bolder;
}

#index #plan .in .cg a {
	padding:5px 6px 5px 6px;
}

#index #plan .in a:hover {
	opacity:0.5;
}

#index #plan .in2 {
	width:940px;
}
#index #plan .in2 .h {
	color:#fe6358;
}
#index #plan .in2 .set2 a {
	background:#ff7c5c;
}
#index #plan .in2 .set3 a {
	background:#46befa;
}

#index #plan .in2 .info {
	text-align:center;
}

#index #plan .in2 .btns .t {
	text-align:center;
	font-size:14px;
}
#index #plan .in2 .btns .ancs {
	text-align:center;
	margin-bottom:20px;
}
#index #plan .in2 .btns .ancs:last-child {
	margin-bottom:0;
}
#index #plan .in2 .btns .ancs .t2 {
	font-size:14px;
	margin-bottom:5px;
	font-weight:bolder;
}
#index #plan .in2 .btns .ancs a {
	letter-spacing:0;
	padding: 5px 0 5px 0;
}
#index #plan .in2 .btns .ancs .tax {
	font-size: 10px;
}

#index #system {
	background:url("../../images/index/system_bg.jpg?v=1") no-repeat;
	width:960px;
	height:597px;
	margin-bottom:30px;
}

#index #system .flow { padding:50px 0 0 425px; }
#index #system .f1 {
	background:url("../../images/index/system_bg1.jpg?v=1") no-repeat;
	width:440px;
	height:123px;
}
#index #system .f2 {
	background:url("../../images/index/system_bg2.jpg?v=1") no-repeat;
	width:440px;
	height:150px;
}
#index #system .f3 {
	background:url("../../images/index/system_bg3.jpg?v=1") no-repeat;
	width:440px;
	height:133px;
}

#index #system .f4 {
	background:url("../../images/index/system_bg4.jpg?v=1") no-repeat;
	width:440px;
	height:80px;
}

#index #system .text {
	padding:30px 20px 0 45px;
	letter-spacing:0;
	color:#ffffff;
	font-weight:bolder;
}

#index #system .text2 {
	letter-spacing:0;
	padding:0 0 0 10px;
}

#index #point {
	background:#e3d0c2;
	margin-bottom:40px;
}
#index #point .inner {
	padding:20px;
}

#index #onebox {
	margin-bottom:20px;
}

#index #onebox .info {
	width:700px;
	margin:0 auto;
}

#index #point01 {
	padding-bottom:20px;
}
#index #point01 .block2 {
	width:632px;
	margin:0 auto;
	margin-bottom:20px;
}
#index #point01 .f_t {
	width:632px;
	height:18px;
	background:url("../../images/index/point/p01_f_t.jpg") no-repeat;
	font-size:1px;
}

#index #point01 .f_m {
	width:632px;
	background:url("../../images/index/point/p01_f_m.jpg");
}

#index #point01 .f_b {
	width:632px;
	height:20px;
	background:url("../../images/index/point/p01_f_b.jpg") no-repeat;
	font-size:1px;
}

#index #point01 .clearfix { margin:0 20px 0 20px; }
#index #point01 .left { width;280px; }
#index #point01 .right { width:312px; }

#index #point01 .right .clearfix { margin:0 0 5px 0; }
#index #point01 .right .left { width:202px; }
#index #point01 .right .right { width:110px; }

#index #point01 .right .small { letter-spacing:0; }


#index #point01 #mc .bg {
	background:#f6f0ec;
	padding:10px;
}
#index #point01 #mc .left { width:100px; }
#index #point01 #mc .right { width:470px; }
#index #point01 #mc .right .border {
	border:solid 1px #967656;
	padding:10px;
}

#index #point04 .info {
	width:700px;
	margin:0 auto;
}
#index #point04 a:hover {
	opacity:0.5;
}

#index #point06 .info {
	width:700px;
	margin:0 auto;
}

#index #lasted table td {
	padding:0;
	vertical-align:bottom;
}
#index #lasted .le { width:740px; }
#index #lasted .ri { width:220px; background:#edefe2; }

#index #campaign {
	width:720px;
	border:solid 1px #ff0000;
	padding-bottom:10px;
}
#index #campaign .h {
	color:#ffffff;
	background:#ff0000;
	padding:5px 0 5px 0;
}
#index #campaign .info { padding:10px; }
#index #campaign .info .r { color:#ff0000; }


#index #pagetop {
	position:fixed;
	bottom:0;
	right:5px;
}

/* set */
#set .img { margin-bottom:20px; }
#set h2 { margin-bottom:20px; }
#set .clearfix .left {
	width:419px;
	margin-left:60px;
	border-right:solid 1px black;
}
#set .clearfix .right { width:420px; }
#set .itemblock { margin-bottom:20px; }

/* faq */
#faq h2 {
	text-align:center;
	margin-bottom:20px;
}

#faq .info {
	text-align:center;
	margin-bottom:30px;
}

#faq #qatable { width:824px; }
#faq #qatable th, #faq #qatable td { padding:5px; }
#faq #qatable th { font-weight:bolder; }
#faq #qatable .no { width:60px; vertical-align:middle; }
#faq #qatable .text { width:764px; }

#faq #qatable .q * { background:#ffddff; }
#faq #qatable .a * { background:#ddffff; }

#faq #qatable .a #ex_comment {
	background:#ffffcc;
	margin:10px 30px 10px 10px;
	padding:5px;
}

#faq #qatable #bagsarea {
	background:#ffffff;
	margin:10px 420px 10px 0;
	padding:10px 0 10px 0;
}
#faq #qatable #bags { margin-left:20px; }
#faq #qatable #bags * { background:#ffffff; }
#faq #qatable #bags td { padding:1px; width:150px; }



/* company */
#company h2 {
	text-align:center;
	margin-bottom:30px;
}

#company #contentsArea table { margin-left:100px; }
#company #contentsArea table th { width:200px; padding:10px; border:solid 1px #aaaaaa; }
#company #contentsArea table td { width:500px; padding:10px; border:solid 1px #aaaaaa; }


/* privacy */
#privacy #contentsArea {
	background:#f7f3f2;
	width:1024px;
	padding:20px 0 30px 0;
	margin:0 auto;
}
#privacy #contentsArea .block {
	background:#ffffee;
	padding:20px;
	margin:0 100px 0 100px;
}
#privacy h2 {
	text-align:center;
	margin-bottom:30px;
}

#privacy .info { margin-bottom:10px; }


/* law */
#law #contentsArea {
	background:#f7f3f2;
	width:1024px;
	padding:0 0 30px 0;
	margin:0 auto;
}
#law #contentsArea .block {
	background:#ffffee;
	padding:20px;
	margin:0 100px 0 100px;
}
#law h2 {
	text-align:center;
	margin-bottom:30px;
}

#law #contentsArea table th {
	width:150px;
	padding:0 0 20px 0;
	font-weight:bolder;
}
#law #contentsArea table td {
	width:650px;
	padding:0 0 20px 0;
}