@charset "utf-8";

.sp {display:none;}
.pc {display:block;}



* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	color: #333;
	background-color: #fff;
	overflow-y: scroll;
}

body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

img {
	border: none;
	vertical-align: bottom;
}

div,
dl,
dt,
dd,
form,
input,
ul,
ol,
li,
p,
select,
textarea,
span,
th,
td {
	margin: 0;
	padding: 0;
}

address,
th,
caption,
em,
strong {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
	font-size: 100%;
	font-family: inherit;
	font-weight: inherit;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-size: inherit;
}

a {
	overflow: hidden;
	outline: none;
}

a:link {
	color: #0748a1;
	text-decoration: none;
}

a:visited {
	color: #0748a1;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0066cc;
	text-decoration: underline;
}



/*---------------------------------------------
clearfix Style
---------------------------------------------*/

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* layout
---------------------------------------------*/

#content:before,
#content:after {
	content: "";
	display: table;
}

#content:after {
	clear: both;
}

#content {
	zoom: 1;
}

/* header
---------------------------------------------*/

#header:before,
#header:after {
	content: "";
	display: table;
}

#header:after {
	clear: both;
}

#header {
	zoom: 1;
}

#headMenu:before,
#headMenu:after {
	content: "";
	display: table;
}

#headMenu:after {
	clear: both;
}

#headMenu {
	zoom: 1;
}

/* footer
---------------------------------------------*/

#footer:before,
#footer:after {
	content: "";
	display: table;
}

#footer:after {
	clear: both;
}

#footer {
	zoom: 1;
}

/* -------------------
黒背景のボタン
---------------------- */
.btn {
    position: relative;
    width: 500px;
    margin: 25px auto 0;
}


.btn a {
    color: #000;
    padding: 15px 0;
    display: block;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

.btn a:hover {
    opacity: 0.8;
}

.btn::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
}

.btn.btn-black {
    background: #000;
    border: 2px solid #000;
    border-radius: 50px;
    color: #fff;
}

.btn.btn-black::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.btn.btn-black a {
    color: #fff;
}

/* -------------------
大きいボタン
---------------------- */
.btn.btn-large {
    width: 670px;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 0;
    border-radius: 75px;
}

.btn.btn-large span {
    font-size: 14px;
    display: block;
}
/* -------------------
小さいボタン
---------------------- */
.btn.btn-small {
    width: 400px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
}

/* -------------------
オレンジ背景のボタン
---------------------- */
.btn.btn-orange {
    background: #ff7c00;
    border: 2px solid #ff7c00;
    color: #fff;
    border-radius: 50px;
}

.btn.btn-orange::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.btn.btn-orange a {
    color: #fff;
}


/* common
---------------------------------------------*/

#topicPath:before,
#topicPath:after {
	content: "";
	display: table;
}

#topicPath:after {
	clear: both;
}

#topicPath {
	zoom: 1;
}

#topicPath ol:before,
#topicPath ol:after {
	content: "";
	display: table;
}

#topicPath ol:after {
	clear: both;
}

#topicPath ol {
	zoom: 1;
}

#footerMenu:before,
#footerMenu:after {
	content: "";
	display: table;
}

#footerMenu:after {
	clear: both;
}

#footerMenu {
	zoom: 1;
}

#footerMenu dl:before,
#footerMenu dl:after {
	content: "";
	display: table;
}

#footerMenu dl:after {
	clear: both;
}

#footerMenu dl {
	zoom: 1;
}

#otherLink:before,
#otherLink:after {
	content: "";
	display: table;
}

#otherLink:after {
	clear: both;
}

#otherLink {
	zoom: 1;
}



/*---------------------------------------------
Common Style
---------------------------------------------*/

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* float
---------------------------------------------*/

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

/* margin
---------------------------------------------*/

.m0 {
	margin: 0px !important;
}

.mat5 {
	margin-top: 5px !important;
}

.mat10 {
	margin-top: 10px !important;
}

.mat15 {
	margin-top: 15px !important;
}

.mat20 {
	margin-top: 20px !important;
}

.mat30 {
	margin-top: 30px !important;
}

.mat40 {
	margin-top: 40px !important;
}

.mab15 {
	margin-bottom: 15px !important;
}

.mab20 {
	margin-bottom: 20px !important;
}

.mab30 {
	margin-bottom: 30px !important;
}

.mal20 {
	margin-left: 20px !important;
}

.mate1 {
	margin-top: 1em !important;
}

.male1 {
	margin-left: 1em !important;
}

/* padding
---------------------------------------------*/

.p10 {
	padding: 10px !important;
}

.p20 {
	padding: 20px !important;
}

.pat5 {
	padding-top: 5px !important;
}

.pat10 {
	padding-top: 10px !important;
}

.pat20 {
	padding-top: 20px !important;
}

.par10 {
	padding-right: 10px !important;
}

.pab10 {
	padding-bottom: 10px !important;
}

.pab15 {
	padding-bottom: 15px !important;
}

.pab20 {
	padding-bottom: 20px !important;
}

.pal0 {
	padding-left: 0px !important;
}

.pal10 {
	padding-left: 10px !important;
}

.pal20 {
	padding-left: 20px !important;
}

.pal50 {
	padding-left: 50px !important;
}

.bgLightBrown {
	background-color: #e9e4d5;
}

/* font-weight
---------------------------------------------*/

.fw {
	font-weight: bold !important;
}

/* text-align
---------------------------------------------*/

.tal {
	text-align: left !important;
}

.tac {
	text-align: center !important;
}

.tar {
	text-align: right !important;
}

/*  head
/------------------------------------------*/

#headBox {
	position: relative;
	float: left;
	width: 60%;
	margin-top: 6px;
}

#headMenu {
	float: right;
	width: 40%;
	margin-top: 12px;
	font-size: 1%;
}

#headBox h1 {
	margin-top: 10px;
	margin-left: 240px;
	font-size: 84%;
}


.red {
	color: #c00;
}

/*---------------------------------------------
campaign - module
---------------------------------------------*/

body {
	min-width: 970px;
}

* html body {
	border-left: 970px solid #fff;
	zoom: 1;
}

#wrap {
	clear: both;
	margin: 0 auto;
	text-align: left;
}

* html #wrap {
	position: relative;
	margin-left: -970px;
	zoom: 1;
}

#content {
	border-top: 2px solid #0c6d0e;
}

#header {
	margin: 0 10px;
	padding-bottom: 7px;
}

#headBox {
	position: relative;
	float: left;
	width: 60%;
	margin-top: 6px;
}

#headBox #logo {
	float: left;
	padding-top: 5px;
}
#headBox #logo img{
	width:160px;
}

#headBox h1 {
	margin-top: 30px;
	margin-left: 180px;
	font-size: 84%;
}

#headMenu {
	float: right;
	width: 40%;
	margin-top: 12px;
	font-size: 1%;
}

#headMenu .mod-social {
	float: right;
	padding-top: 8px;
}

#headMenu .mod-social li {
	float: left;
	margin-right: 5px;
}


.pageup { clear:both; margin-right:10px; text-align:right; max-width: 1220px; margin: 0 auto; }
.pageup a { margin-right:10px; }
#footer { margin-top:40px; }
#footer .bo1 { border-top:1px solid #e5e5e5; }
#footerMenuWrap { position:relative; margin:0 10px;  }
* html #footerMenuWrap { zoom:1; }
#footerMenu { margin:0 auto; padding:20px 30px; border:1px solid #e5e5e5; max-width:1138px; }
#footerMenuWrap #footerLT { position:absolute; left:0; top:0; font-size:1%; }
#footerMenuWrap #footerRB { position:absolute; right:0; bottom:0; font-size:1%; }
#footerMenuWrap #footerLB { position:absolute; left:0; bottom:0; font-size:1%; }
#footerMenu dl dt { font-weight:bold; color:#666; text-align:left; }
#footerMenu dl dt span { color:#ccc; }
#footerMenu dl.buy { float:left; width:75%; border-right:1px solid #e5e5e5; }
#footerMenu dl.buy dd { float:left; width:33%; text-align:left; }
#footerMenu dl.sell { float:right; width:20%; text-align:left; }
#otherLink:before,#otherLink:after { content:""; display:table; }
#otherLink:after { clear:both; }
#otherLink { zoom:1; }
#otherLink { margin:0 10px; padding:1em 0; text-align:center; }
#otherLink li { display:inline-block; /display:inline; /zoom:1; padding:0 1em; line-height:1.1; border-right:1px solid #939393; }
#otherLink li.last { border-right:0; }

#copyrightWrap {padding: 33px 10px 0px;max-width: 1200px;margin: 0 auto;margin-bottom: -4px;}
#copyrightWrap .first {float:left;margin-right:6px;}
#copyrightWrap a { text-decoration:underline; }
#copyrightWrap a:hover { text-decoration:none; }
#footLogo {float:left;margin-top: -20px;}
#copyrightWrap #group { float:right; }
#copyrightWrap #group li { float:left; margin-right:28px; }
#copyrightWrap #group li.last { margin-right:5px; }
#copyrightWrap #safety { margin:0; }
#copyrightWrap #safety li { float:left; margin-right:5px; }
#copyrightWrap #safety li.first {margin-top: -20px;}
#copyrightWrap #safety li.even {margin-top: -20px;margin-right: 16px;}
#copyrightWrap #safety li.last {font-size:84%;padding-bottom: 26px;margin-top: -2px;}
#copyrightWrap #safety li.last a { float: none; }
#copyrightWrap #safety .norton img { height:68px; width:94px; margin-top:-7px; }
#copyrightWrap address {font-size:84%;color:#999;text-align:center;position: relative;top: -21px;}


#pathWrap {
	margin-bottom: 10px;
	padding: 5px 10px 7px;
	background: #f0f8e9;
}

#topicPath {}

#topicPath ol {
	float: left;
	width: 550px;
	padding: 5px 0 0 5px;
	font-size: 84%;
	color: #666;
}

#topicPath ol li {
	float: left;
}

#topicPath ol li.firstChild {
	padding-left: 16px;
	background: url("/images/i_home.gif") no-repeat 0 center;
}

#topicPath ol li a {
	display: block;
	padding: 0 13px 0 7px;
	background: url("/images/i_path.gif") no-repeat right center;
}

#topicPath ol li em {
	display: block;
	padding-left: 7px;
	font-weight: bold;
}

#main {
	font-size: 14px;
}

#mainImg {
	position: relative;
	width: 100%;
	height: 0;
}

#mainImg h2 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	height: auto;
}

#main #mainConv {
	text-align: center;
	background-color: #fdf9e9;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 1px;
}

#main #mainBtm {
	position: relative;
	width: 950px;
	height: 175px;
	padding-top: 60px;
	text-align: center;
	background: url("../images/bg_simple_process.gif") no-repeat left top;
	margin-top: 10px;
}

#main #mainBtm .couponNum {
	position: absolute;
	top: 122px;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
	color: #c00;
	font-size: 158%;
}

.commonCmp #main {
	font-size: 117%;
}

.commonCmp .mAu {
	margin: 0 auto;
}

.commonCmp .f12 {
	font-size: 86%;
}

.commonCmp .f16 {
	font-size: 115%;
}

.commonCmp .f18 {
	font-size: 129%;
}

.commonCmp .mod-floatunit li {
	float: left;
}

.commonCmp .box950Btm {
	padding-bottom: 3px;
	background: url("../images/box_btm950.gif") no-repeat bottom;
	*zoom: 1;
}

.commonCmp .boxYellowTop {
	padding-top: 3px;
	background: url("../images/bg_lightyellowbox_top.gif") no-repeat;
	*zoom: 1;
}

.commonCmp .boxYellowBtm {
	padding-bottom: 3px;
	background: url("../images/bg_lightyellowbox_btm.gif") no-repeat bottom;
	*zoom: 1;
}

.commonCmp .mod-link-arred {
	color: #000;
	font-weight: bold;
}

.subject {
	height: 33px;
	padding-right: 2px;
	background: url("../images/bg_subject_r.gif") no-repeat right;
}

.subjectL {
	height: 33px;
	padding-left: 2px;
	background: url("../images/bg_subject_l.gif") no-repeat;
}

.subject {
	height: 33px;
	background: url("../images/bg_subject.gif") repeat-x;
}

.subject h3 {
	line-height: 33px;
	color: #FFFFFF;
}

.adjust {
	position: relative;
	padding-top: 95px;
}

.adjust .campT {
	position: absolute;
	top: 0;
	left: 0;
}

.tabNav {
	position: relative;
	top: 3px;
	z-index: 3;
	margin-left: 5px;
	border-bottom: 3px solid #fff;
}

.tabNav li {
	float: left;
	margin-right: 5px;
}

.tabNav a {
	display: block;
	width: 184px;
	height: 65px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.tabNav .tabBtn1 a {
	background: url("../images/tab_game.png") no-repeat;
}

.tabNav .tabBtn2 a {
	background: url("../images/tab_dvd.png") no-repeat;
}

.tabNav .tabBtn3 a {
	background: url("../images/tab_cd.png") no-repeat;
}

.tabNav .tabBtn4 a {
	background: url("../images/tab_comic.png") no-repeat;
}

.tabNav .tabBtn5 a {
	background: url("../images/tab_book.png") no-repeat;
}

.tabNav .tabBtn1 a:hover {
	background-image: url("../images/tab_game_on.png");
}

.tabNav .tabBtn2 a:hover {
	background-image: url("../images/tab_dvd_on.png");
}

.tabNav .tabBtn3 a:hover {
	background-image: url("../images/tab_cd_on.png");
}

.tabNav .tabBtn4 a:hover {
	background-image: url("../images/tab_comic_on.png");
}

.tabNav .tabBtn5 a:hover {
	background-image: url("../images/tab_book_on.png");
}

.tabNav .tabBtn1 a.active,
.tabNav .tabBtn1 a:hover.active {
	background-image: url("../images/tab_game_cr.png");
}

.tabNav .tabBtn2 a.active,
.tabNav .tabBtn2 a:hover.active {
	background-image: url("../images/tab_dvd_cr.png");
}

.tabNav .tabBtn3 a.active,
.tabNav .tabBtn3 a:hover.active {
	background-image: url("../images/tab_cd_cr.png");
}

.tabNav .tabBtn4 a.active,
.tabNav .tabBtn4 a:hover.active {
	background-image: url("../images/tab_comic_cr.png");
}

.tabNav .tabBtn5 a.active,
.tabNav .tabBtn5 a:hover.active {
	background-image: url("../images/tab_book_cr.png");
}

.tab {
	position: relative;
	z-index: 4;
	border-top: 3px solid #d91e00;
}

.bgBall {
	padding-top: 27px;
	background: url("../images/p_balloon_20up.gif") no-repeat center 0;
}

.bgBall30 {
	padding-top: 27px;
	background: url("../images/p_balloon_30up.gif") no-repeat center 0;
}

#delivery dl {
	position: relative;
	margin-top: 20px;
	background: #e7808a;
}

#delivery dt {
	position: absolute;
	z-index: 1;
	top: -15px;
	width: 100%;
	text-align: center;
}

#delivery dd {
	padding: 30px 10px 10px;
	color: #fff;
}

#delivery li {
	*width: 230px;
}

#delivery #balSlip {
	position: absolute;
	z-index: 2;
	top: -63px;
	right: -21px;
}

.convBox {
	osition: relative;
	/* margin-top: 70px; */
	border: 1px solid #e5e5e5;
	text-align: center;
	z-index: 10;
	background-color: #ffffea;
	background-repeat: no-repeat;
	background-position: center 20px;
	/* padding-top: 70px; */
	/* padding-right: 20px; */
	/* padding-left: 20px; */
	padding-bottom: 30px;
	zoom: 1;
}

.convBox .convHead {
	position: absolute;
	top: -55px;
	left: -2px;
	z-index: -99;
}

.convBox .convBtm {
	z-index: 99;
	position: relative;
	width: 950px;
	height: 150px;
	margin-top: 5px;
	text-align: center;
	left: -20px;
}

.convBox .convBtm .couponNum {
	position: absolute;
	top: 60px;
	left: 430px;
	/*left:425px;*/
	font-weight: bold;
	color: #c00;
	font-size: 158%;
}

#outline .box {
	position: relative;
}

#outline #outlineImg {
	position: absolute;
	top: 0;
	right: 0;
}

#outline .box table {
	width: 910px;
	margin: 0 auto;
}

#outline .box th {
	padding: 12px;
	background: #f1f1f1 url("../images/line_table.gif") repeat-x 0 bottom;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}

#outline .box td {
	padding: 12px;
	background: white url("../images/line_table.gif") repeat-x 0 bottom;
}

#outline .box td .fwB {
	font-weight: bold;
}

#outline .box td em {
	font-weight: bold;
	color: #e77e89;
}

#outline .box td .attent {
	color: #ae0007;
}

#outline .box td ul {
	list-style: none;
}

#outline #outlineImg {
	position: absolute;
	top: 0;
	right: 0;
}

.attentList {
	padding: 20px 0 20px 110px;
	background: url("../images/bg_exclamation.gif") no-repeat 30px 50%;
	font-size: 86%;
	*zoom: 1;
}

#kindOk {
	position: relative;
}

#kindOk #kindOkBall {
	position: absolute;
	left: 24px;
	top: -53px;
}

#kindOk h4 {
	background: #ae0007;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 41px;
}

#kindOk #kindOkList {
	*zoom: 1;
	margin-left: -2px;
}

#kindOk #kindOkList:before,
#kindOk #kindOkList:after {
	content: "";
	display: table;
}

#kindOk #kindOkList:after {
	clear: both;
}

#kindOk #kindOkList .kindOkListItem {
	display: inline;
	float: left;
	width: 226px;
	margin-left: 2px;
	background: #fdf6f7;
}

#kindOk #kindOkList .kindOkListItem dd {
	padding: 10px;
}

#kindNg h4 {
	background: #666;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 41px;
}

#kindNg #kindNgList {
	*zoom: 1;
	margin-left: -2px;
}

#kindNg #kindNgList:before,
#kindNg #kindNgList:after {
	content: "";
	display: table;
}

#kindNg #kindNgList:after {
	clear: both;
}

#kindNg #kindNgList .kindNgListItem {
	display: inline;
	float: left;
	width: 226px;
	margin-left: 2px;
	background: #f8f8f8;
}

#kindNg #kindNgList .kindNgListItem dd {
	padding: 10px;
}

#kindAttent {
	margin: 2px 0 0 0;
	padding: 25px 0 20px 120px;
	background: #fbebec url("../images/bg_exclamation.gif") no-repeat 44px 20px;
	font-weight: bold;
}

.mod-list-rd li {
	padding-left: 12px;
	background: url("../images/i_rd_black.png") no-repeat left 0.5em;
}


#ancArea {
	position: relative;
}

#listAnc {
	position: relative;
	z-index: 2;
	margin-left: 90px;
}

#listAnc li {
	display: inline;
	float: left;
	width: 185px;
	height: 84px;
	margin-left: 10px;
}

#listAnc li.firstChild {
	margin-left: 0;
}

#listAnc a {
	display: block;
	height: 59px;
	padding-top: 25px;
	background: url("../images/bg_anc.gif") no-repeat;
	color: #333;
	font-weight: bold;
	text-align: center;
}

#listAnc li.dif a {
	height: 74px;
	padding-top: 10px;
}

#listAnc a:hover {
	background: url("../images/bg_anc_on.gif") no-repeat;
	text-decoration: none;
}

.aug .w184 {
	width: 184px;
}

.aug .w210 {
	width: 210px;
}

.aug .w910 {
	width: 910px;
}

.aug .mAu {
	margin: 0 auto;
}

.aug .boGray1 {
	border: 1px solid #e5e5e5;
}

.aug .borGray1 {
	border-right: 1px solid #e5e5e5;
}

.aug .bolGray1 {
	border-left: 1px solid #e5e5e5;
}

.aug .botLightBrown5 {
	border-top: 5px solid #e9e4d5;
}

.aug .borLightBrown5 {
	border-right: 5px solid #e9e4d5;
}

.aug .bobLightBrown5 {
	border-bottom: 5px solid #e9e4d5;
}

.aug .bolLightBrown5 {
	border-left: 5px solid #e9e4d5;
}

.aug .bgBrown {
	background-color: #e9e4d5;
}

.aug .whyTop {
	width: 910px;
	margin: 20px auto 0;
	padding-top: 5px;
	background: url("../images/whyframetop.gif") no-repeat;
}

.aug .whyBtm {
	padding-bottom: 30px;
	background: url("../images/whyframebtm.gif") no-repeat 0 bottom;
}

.aug .why {
	padding: 26px 190px 0 42px;
	border-right: 2px solid #cf3a22;
	border-left: 2px solid #cf3a22;
}

.aug .why dl {
	padding: 9px 0 0 66px;
	background: url("../images/bg_exclamation.gif") no-repeat;
}

.aug .why dt {
	margin-bottom: 15px;
}

.aug #attention2 .attentList {
	padding: 20px 55px 20px 110px;
	background: url("../images/bg_exclamation.gif") no-repeat 30px 20px;
	font-size: 86%;
	*zoom: 1;
}

.aug #attention2 .attentList li {
	padding-left: 17px;
	background: url("../images/i_rd.gif") no-repeat left 0.5em;
	line-height: 1.75;
}

.aug #telNumBox {
	position: relative;
	margin-top: 10px;
}

.aug #telNumBox .box {
	padding: 20px 20px 40px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background: #faf8f3;
}

.aug #telNumBox #camel {
	position: absolute;
	right: 20px;
	bottom: 0;
}

.aug #privilege3 {
	position: relative;
	margin-top: -108px;
}

.aug #privilege3 .chara {
	position: absolute;
	top: 485px;
	right: -105px;
}

.center_mat10 {
	text-align: center;
	margin-top: 10px;
}

#userVoiceBox {
	padding: 20px 0 30px 0;
	background: url("../images/bg_voice_body.jpg") left top;
}

*:first-child + html #userVoiceBox {
	padding-bottom: 20px;
}

.voiceList {
	padding-left: 113px;
}

.voiceList li {
	width: 215px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	float: left;
	margin: 0 40px 11px 0;
	padding-bottom: 10px;
}

*:first-child + html .voiceList li {
	margin-top: 10px;
}

.voiceList li {
	background: #fff url("../images/bg_memo_btm.gif") no-repeat left bottom;
}

.voiceList li .memoTop {
	background: url("../images/bg_memo_top.gif") no-repeat left top;
}

.voiceList li .memo {
	position: relative;
	padding: 13px;
}

.voiceList li .memo .deco1 {
	position: absolute;
	left: 10px;
	top: 15px;
}

.voiceList li .memo .deco2 {
	position: absolute;
	right: 10px;
	top: 11px;
}

.voiceList li .memo p {
	font-size: 12px;
}

.voiceList li .age {
	padding: 20px 0 0 41px;
	font-weight: bold;
	color: #987152;
}

.voiceList li .voiceDate {
	margin-top: 12px;
	padding: 3px 8px;
	font-size: 84%;
	color: #fff;
}

.voiceList li.cBook .voiceDate {
	background: #45547a;
}

.voiceList li .voiceDate dt {
	float: left;
}

.voiceList li .voiceDate dd {
	float: right;
	font-size: 9px;
}

.voiceList li .satisfaction {
	margin: 7px 0 0 4px;
}

.voiceList li .satisfaction dt {
	float: left;
	clear: both;
}

.voiceList li .satisfaction dd {
	margin-left: 70px;
}

.voiceList li .satisfaction dd img {
	vertical-align: top;
}

.voiceList li .message {
	margin-top: 5px;
	padding: 0 3px;
	line-height: 2;
	background: url("../images/bg_memo_line.gif") repeat-y left top;
}

.smile-eco .detail {
	background-color: #f2f2f2;
	padding-bottom: 30px !important;
}

.smile-eco .detail .winning {
	background-color: #fff;
	border: 1px solid #5fb22e;
	width: 730px;
	margin: auto;
}

.smile-eco .detail .winning .img-box {
	float: left;
	margin-right: 20px;
}

.smile-eco .detail .winning .txt-box {
	overflow: hidden;
}

.smile-eco .detail .winning .txt-box .eco-link {
	background: #333;
	display: inline-block;
	color: #FFF !important;
	padding: 10px;
}

.smile-eco .detail .winning .txt-box .eco-link > span {
	padding: 5px;
	padding-left: 20px;
	background: url("../images/i_eco_ar.gif") no-repeat left center;
}

.fix950 {
	width: 950px;
	margin: 0 auto;
}

.gr_link {
	color: #76bd36;
	font-size: 18px;
	vertical-align: top;
	line-height: 18px;
	padding-right: 2px;
}

.rd_link {
	color: #ab2628;
	font-size: 18px;
	vertical-align: top;
	line-height: 18px;
	padding-right: 2px;
}

.arrowLink {
	display: inline-block;
	padding: 0 0 0 17px;
	background: url("/images/i_ar_green.gif") no-repeat left center;
	color #333;
}




/* form
---------------------------------------------*/

.uas {
	font-size: 80%;
	line-height: 140%;
}

.uam {
	font-size: 85%;
	line-height: 140%;
}

.texttype11 {
	color: #660000;
}

.paragraphblock03 {
	padding: 8px 12px;
}

.texttype04 {
	font-weight: bold;
}

.texttype30 {
	color: #FF0000;
	font-weight: bold;
}

.ualabs {
	font-size: 14px;
	line-height: 15px;
}

.uasabs {
	font-size: 11px;
	line-height: 12px;
}

.texttype01 {
	color: #cc0000;
	font-weight: bold;
}

.tabletype01 {
	border-top: 1px solid #7792d5;
	border-left: 1px solid #7792d5;
}

.tabletype02 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.tabletype03 {
	border: 1px solid #cccccc;
}

.tabletype04 {
	border: 1px solid #7792d5;
}

.tabletype05 {
	border-top: 1px solid #cccccc;
}

.tabletype06 {
	border-top: 1px solid #8fc31f;
	border-left: 1px solid #8fc31f;
}

.celltype01 {
	border-right: 1px solid #7792d5;
	border-bottom: 1px solid #7792d5;
}

.celltype03 {
	border-bottom: 1px solid #7792d5;
}

.celltype04 {
	border: 1px solid #7792d5;
}

.celltype05 {
	border-right: 1px solid #7792d5;
}

.celltype06 {
	border-right: 1px solid #7792d5;
	border-bottom: 1px solid #7792d5;
	border-left: 1px solid #7792d5;
}

.celltype08 {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.celltype18 {
	border-top: 1px solid #7792d5;
	border-right: 1px solid #7792d5;
	border-left: 1px solid #7792d5;
}

.cellcontent01 {
	background: #f5f5f5;
	text-align: right;
	padding: 16px;
	font-weight: bold;
	width: 185px;
}

.cellcontent02 {
	padding: 12px;
}

.cellcontent01e {
	background: #f5f5f5;
	padding: 6px 6px 0px 6px;
	width: 185px;
}

.cellcontent02e {
	color: #cc0000;
	font-weight: bold;
	padding: 6px 6px 0px 6px;
}

.cellcontent02el {
	text-align: left;
	color: #cc0000;
	font-weight: bold;
	padding: 6px 6px 0px 6px;
}

.cellcontent03 {
	background: #f5f5f5;
	text-align: right;
	padding: 16px 16px;
	font-weight: bold;
	width: 185px;
}

.cellcontent04 {
	padding: 10px 6px 6px 6px;
}

.cellcontent05 {
	background: #f5f5f5;
	text-align: right;
	padding: 6px;
	font-weight: bold;
	width: 185px;
}

.cellcontent06 {
	background: #f5f5f5;
	text-align: center;
	padding: 6px 3px;
	font-weight: bold;
}

.cellcontent07 {
	text-align: center;
	padding: 6px 3px;
}

.cellcontent08 {
	text-align: center;
	padding: 6px 3px;
	font-weight: bold;
}

.cellcontent09 {
	text-align: center;
	padding: 6px 3px;
	color: #cc0000;
}

.cellcontent10 {
	padding: 6px 10px;
	color: #cc0000;
}

.cellcontent11 {
	padding: 6px 0px;
}

.cellcontent12 {
	background: #f5f5f5;
	padding: 6px;
	width: 170px;
}

.cellcontent13 {
	padding: 6px 3px;
}

.cellcontent14 {
	background: #f5f5f5;
	text-align: right;
	padding: 6px;
	font-weight: bold;
	width: 120px;
}

.cellcontent15 {
	padding: 10px 6px 6px 6px;
}

.cellcontent16 {
	background: #f5f5f5;
	text-align: right;
	padding: 16px 16px 0 16px;
	font-weight: bold;
	width: 185px;
}

.formbg01 {
	background: #eaf1ff;
}

.formbg02 {
	background: #7792d5;
}

.formbg03 {
	background: #d0ddfe;
}

.formbg_normal {
	background: #ffffff;
}

.formarea {
	width: 520px;
}

#formbody input[type=text] {
	border: #696969 1px solid;
	color: #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
	font-size: 1.3em;
	font-family: Arial, sans-serif;
	margin: 0 0 7px;
}

#formbody input[type=checkbox] {
	width: 24px;
	height: 24px;
	-moz-transform-origin: right bottom;
	-moz-transform: scale(1.5, 1.5);
	vertical-align: middle;
}

#formbody input[type=radio] {
	width: 24px;
	height: 24px;
	-moz-transform-origin: right bottom;
	-moz-transform: scale(1.5, 1.5);
	vertical-align: middle;
}

#formbody select {
	padding: 5px;
	font-size: 14px;
	margin-right: 10px;
}


#fiftypar {
	margin: 20px 0 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}

#fiftypar > .read {
	margin: 20px 30px 0px;
}

#fiftypar > .box {
	margin: 0px 30px 30px;

}

#fiftypar > .box > h3 {
	margin-top: 20px;

}

#fiftypar > .box > p,
#fiftypar > .box > img,
#fiftypar > .box > ul,
#fiftypar > .box > a {
	margin: 10px 0 0 42px;
}


#mainArea .mainVisual {
	text-align: center;
	position: relative;
	background: url(../images/bg_visual.jpg) repeat left top;
}

#mainContent .contents {
	width: 1024px;
	margin: 0 auto;
	padding: 30px 0 10px;
}

#mainContent .mainlead .contents p {
	text-align: center;
	font-size: 185.7%;
	font-weight: bold;
}

#mainContent .mainlead .contents p span {
	border-bottom: 5px solid #cc0000;
	padding-right:5px;
	color: #cc0000;
	font-size:130%;
}

#mainContent section.section01 {
	background:#e5e5e5;
	margin:50px auto;
}

#mainContent section.section01 p {
	text-align: center;
	padding: 40px 0 0;
	font-size: 257%;
	color: #cc0000;
	font-weight: bold;
}
#mainContent section.section01 .p_text{
	text-align: center;
	padding:0 0 20px;
	font-size: 215%;
	color: #000000;
	font-weight: bold;
}


#mainContent section.section02 .contents > dl {
	border: 5px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section02 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #000000;
	color: #ffffff;
	font-size: 171%;
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight:bold;
}

#mainContent section.section02 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #000000;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 56px;
	left: 50%;
	margin-left: -30px;
}

#mainContent section.section02 .contents > dl > dd {
	padding: 30px 40px 30px;
	position: relative;
}

#mainContent section.section02 .contents > dl > dd p {
	text-align: center;
	font-size: 114%;
}

#mainContent section.section02 .contents > dl > dd p span {
	text-decoration: underline;
	color: #0099ff;
}

#mainContent section.section02 .contents > dl > dd figure {
	text-align: center;
	margin-top: 15px;
	position: relative;
}

#mainContent section.section02 .contents > dl > dd figure:before {
	position: absolute;
	content: "";
	background: url(../images/bg_illust01.png) no-repeat;
	background-size: 100%;
	width: 170px;
	height: 191px;
	left: 80px;
	top: -187px;
}

#mainContent section.section02 .balloon2 {
	position: absolute;
	left: 50%;
	margin-left: -130px;
	top: 49%;
	margin-top: -60px;
	width:300px;
}

#mainContent section.section02 .balloon2 dl {
	background: #d60501;
	padding: 25px 10px;
	color: #ffffff;
	border-radius: 10px;
	width: 300px;
	position: relative;
	box-shadow: 2px 2px 4px gray;

}

#mainContent section.section02 .balloon2 dl:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -40px;
	bottom: -50px;
	border-style: solid;
	border-color: transparent transparent transparent #d60501;
	border-width: 10px 0 100px 17.32px;
	transform: rotate(45deg);
}

#mainContent section.section02 .balloon2 dl dt {
	font-size: 142%;
	text-align: center;
}

#mainContent section.section02 .balloon2 dl dd {
	padding-top: 10px;
	font-size: 114%;
	text-align: center;
}



#mainContent section.section03 .contents > dl {
	border: 5px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section03 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #000000;
	color: #ffffff;
	font-size: 171%;
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight:bold;
}

#mainContent section.section03 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #000000;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 56px;
	left: 50%;
	margin-left: -30px;
}

#mainContent section.section03 .contents > dl > dd {
	padding: 30px 40px 30px;
	position: relative;
}

#mainContent section.section03 .contents > dl > dd .sns-list {
	width: 890px;
	margin: 0 auto;
}

#mainContent section.section03 .contents > dl > dd .sns-list ul {
	width: 920px;
}

#mainContent section.section03 .contents > dl > dd .sns-list li {
	float: left;
	margin-right: 25px;
}

#mainContent section.section03 .contents > dl > dd .sns-list li a img:hover {
	opacity: 0.7;
}

#mainContent section.section03 .contents > dl > dd p {
	text-align: center;
	font-weight: bold;
	font-size: 128%;
	margin-top: 25px;
}




#mainContent section.section04 .contents > dl {
	border: 5px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section04 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #d60501;
	color: #ffffff;
	font-size: 171%;
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight:bold;
}

#mainContent section.section04 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #d60501;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 56px;
	left: 50%;
	margin-left: -30px;
}

#mainContent section.section04 .contents > dl > dd {
	padding: 30px 40px 30px;
	position: relative;
}

#mainContent section.section04 .contents > dl > dd:before {
	position: absolute;
	content: "";
	background: url(../images/bg_illust02.png) no-repeat;
	background-size: 100%;
	width: 170px;
	height: 191px;
	right: 20px;
	top: -67px;
}

#mainContent section.section04 .contents > dl > dd ul li {
	position: relative;
	padding-left: 2em;
	margin-bottom: 20px;
	font-size: 114%;
}

#mainContent section.section04 .contents > dl > dd ul li:last-child {
	margin-bottom: 0;
}

#mainContent section.section04 .contents > dl > dd ul li:before {
	content: "";
	position: absolute;
	background: url(../images/i_check.gif) no-repeat;
	background-size: 100%;
	width: 21px;
	height: 16px;
	left: 0;
	top: 5px;
}


#mainContent section.section05 .contents > dl {
	border: 5px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section05 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #999999;
	color: #ffffff;
	font-size: 171%;
	border-radius: 5px 5px 0 0;
	position: relative;
}

#mainContent section.section05 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #999999;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 56px;
	left: 50%;
	margin-left: -30px;
}

#mainContent section.section05 .contents > dl > dd {
	padding: 30px 40px 30px;
	position: relative;
}

.attentList {
	padding: 0 60px 0 110px;
	background: url("../images/bg_exclamation.gif") no-repeat 30px 20px;
	font-size: 86%;
	*zoom: 1;
}

.attentList li {
	padding-left: 17px;
	background: url("../images/i_rd.gif") no-repeat left 0.5em;
	line-height: 1.75;
}


/* colorbox */


#cboxContent {
	background: url(../images/bg_colorbox.gif) repeat-x #fff !important;
	padding-top: 65px;
	padding-bottom: 0px;
	border-radius: 10px;
	height:400px;
}

#cboxContent img {
	width: 180px;
}
#cboxContent p {
	padding: 0 20px;
	margin-top: 10px;

}
#cboxClose {
	top: 18px;
	right: 20px;
	bottom: auto;
	width: 15px;
	height: 15px;
	background: url("/sell/images/b_delete_white.png") no-repeat;
	background-size: 15px auto;
	text-indent: -9999px;
}

.btn_s	{
padding:10px 20px;
border:2px solid;
border-radius:30px;
width:180px;
text-align:center;
margin-top:15px;
font-weight:bold;
}

.btn_s a	{
color:#000000;
text-decoration:none;}

.btn_s a:hover	{
color:#858585;
}

.sns_b	{border:1px solid #cacaca;
padding:10px;
color:#626262;
font-weight:200 !important;}



@media (max-width: 768px) {

.sp {display:block;}
.pc {display:none;}

body {
	min-width: 100%;
}

* html body {
	border-left: 100% solid #fff;
	zoom: 1;
}

#wrap {
	clear: both;
	margin: 0 auto;
	text-align: left;
}

* html #wrap {
	position: relative;
	margin-left: -100%;
	zoom: 1;
}


#headBox {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 3px;
}

#headBox #logo img{
	width:110px;
}

#headMenu {
	float: right;
	width: 0%;
	margin-top: 12px;
	font-size: 1%;
}

#headBox h1 {
	margin-top: 30px;
	margin-left: 130px;
	font-size: 84%;
}

    .btn {
        width: auto;
    }

    .btn.btn-large {
        width: auto;
        font-size: 20px;
        font-weight: 700;
        padding: 5px 0;
        border-radius: 50px;
    }

    .btn.btn-large span {
        font-size: 12px;
        display: block;
        margin-top: 10px;
    }

    .btn.btn-small {
        width: 220px;
    }

.btn a {
    padding: 10px 0;
}
.btn::after {
    right: 13px;
}


#mainArea .mainVisual img{
	width:100%;
}

#mainContent .contents {
	width: 95%;
	margin: 0 auto;
	padding: 20px 0 10px;
}
#mainContent .mainlead .contents p {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

#mainContent .mainlead .contents p span {
	line-height:180%;
	font-size:120%;
}


#mainContent section.section01 {
	margin:30px auto;
}
#mainContent section.section01 img{
	width:100%;
}

#mainContent section.section01 p {
	padding: 20px 0 0;
	font-size: 16px;
}


#mainContent section.section01 .p_text{
	padding:0 0 20px;
	font-size: 16px;
}


#mainContent section.section02 .contents > dl {
	border: 3px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section02 .contents > dl > dt {
	padding: 10px 0;
	font-size: 120%;
}

#mainContent section.section02 .contents > dl > dt:after {
	content: "";
	top: 42px;
	left: 50%;
	margin-left: -10px;
}

#mainContent section.section02 .contents > dl > dd {
	padding: 20px 10px 15px;
	position: relative;
}

#mainContent section.section02 .contents > dl > dd p {
	text-align: center;
	font-size: 90%;
	padding-left:20px;
}

#mainContent section.section02 .contents > dl > dd p span {
	text-decoration: underline;
	color: #0099ff;
}

#mainContent section.section02 .contents > dl > dd figure {
	text-align: center;
	margin-top: 110px;
	position: relative;
}

#mainContent section.section02 .contents > dl > dd figure:before {
	content: "";
	width: 70px;
	height: 90px;
	left: -5px;
	top: -200px;
}

#mainContent section.section02 .balloon2 {
	position: absolute;
	right: -10%;
	top: 52%;
	margin-top: -80px;
}

#mainContent section.section02 .balloon2 dl {
	padding: 10px;
	width: 75%;
	margin-left: 50px;
}

#mainContent section.section02 .balloon2 dl:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	bottom: -40px;
	border-width: 14px 0 70px 15.32px;
	transform: rotate(-10deg);
}

#mainContent section.section02 .balloon2 dl dt {
	font-size: 114%;
	text-align: center;
}

#mainContent section.section02 .balloon2 dl dd {
	padding-top: 10px;
	font-size: 100%;
	text-align: center;
}



#mainContent section.section03 .contents > dl {
	border: 3px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section03 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #000000;
	color: #ffffff;
	font-size: 114%;
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight: bold;
}

#mainContent section.section03 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #000000;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -10px;
}

#mainContent section.section03 .contents > dl > dd {
	padding: 20px 10px;
	position: relative;
}

#mainContent section.section03 .contents > dl > dd .sns-list {
    width:100%;
	margin: 0 auto;
}

#mainContent section.section03 .contents > dl > dd .sns-list ul {
	width: auto;
	text-align:center;
}

#mainContent section.section03 .contents > dl > dd .sns-list li {
	margin: 0 auto 10px;
}

#mainContent section.section03 .contents > dl > dd .sns-list li a img:hover {
	opacity: 0.7;
}
#mainContent section.section03 .contents > dl > dd .sns-list li img {
	width:80%;
}

#mainContent section.section03 .contents > dl > dd p {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	margin-top: 10px;
}




#mainContent section.section04 .contents > dl {
	border: 3px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section04 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #d60501;
	color: #ffffff;
	font-size: 114%;
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight: bold;
}

#mainContent section.section04 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #d60501;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -10px;
}

#mainContent section.section04 .contents > dl > dd {
	padding: 25px 20px 15px;
	position: relative;
	overflow: hidden;
}

#mainContent section.section04 .contents > dl > dd:before {
	position: absolute;
	content: "";
	background: url(../images/bg_illust02.png) no-repeat;
	background-size: 100%;
	width: 80px;
	height: 100px;
	right: 0;
	top: 90px;
}

#mainContent section.section04 .contents > dl > dd ul li {
	position: relative;
	padding-left: 2em;
	margin-bottom: 15px;
	font-size: 100%;
}

#mainContent section.section04 .contents > dl > dd ul li:last-child {
	margin-bottom: 0;
	width: 60%;
}

#mainContent section.section04 .contents > dl > dd ul li:before {
	content: "";
	position: absolute;
	background: url(../images/i_check.gif) no-repeat;
	background-size: 100%;
	width: 15px;
	height: 16px;
	left: 0;
	top: 5px;
}


#mainContent section.section05 .contents > dl {
	border: 3px solid #cccccc;
	border-radius: 10px;
}

#mainContent section.section05 .contents > dl > dt {
	padding: 10px 0;
	text-align: center;
	background: #999999;
	color: #ffffff;
	font-size: 114%;
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight: bold;
}

#mainContent section.section05 .contents > dl > dt:after {
	content: "";
	border-top: 15px solid #999999;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -10px;
}

#mainContent section.section05 .contents > dl > dd {
	padding: 30px 20px 10px;
	position: relative;
}

.attentList {
	padding: 0 0 0 45px;
	background: url("../images/bg_exclamation.gif") no-repeat 0 20px;
	font-size: 86%;
	background-size: 10%;
	*zoom: 1;
}

.attentList li {
	padding-left: 17px;
	background: url("../images/i_rd.gif") no-repeat left 0.5em;
	line-height: 1.75;
}

footer ul:after {
	content: "";
	clear: both;
	display: table;
}


footer								{ clear:both;display: block; }
footer a							{ color:#000; }
footer .bnr							{ padding:10px 15px; }
footer .bnr li						{ margin-bottom:10px; }
footer .bnr li:last-child			{ margin-bottom:0; }
footer .bnr img						{ width:100%; height:auto; }
footer #footer-inner				{ padding:10px 10px 20px; }
footer #toPc						{ background:#eee; font-weight:bold; text-align:center; border-radius:4.5px; }
footer #toPc a						{ display:block; position:relative; padding:10px 0; color:#333; }
footer #toPc a:after				{ content:""; display:inline-block; position:absolute; top:50%; right:9px; width:20px; height:17px; margin-top:-8px; background:url("/sp/images/i_pc.png"); background-size:contain; vertical-align:middle; }

footer #footNav						{ margin-top:10px; }
footer #footNav li					{ float:left; width:20%; }

footer #footNav li a		 		{ box-sizing:border-box; border-radius:4.5px; display:block; height:50px; padding-top:32px; background:#6db131 url("/sp/images/i_login.png") no-repeat center 7px; background-size:auto 22px; color:#fff; font-size:12px; text-align:center; }
footer #footNav li:nth-child(2) a	{ margin-left:1px; background:#eb5353 url("/sp/images/i_sell_w.png") no-repeat center 10px; background-size:auto 18px; }
footer #footNav li:last-child		{ width:60%; }
footer #footNav li:last-child a		{ margin-left:10px; padding-top:0; background:#c00 url("/sp/images/i_member.png") no-repeat 8px center; background-size:auto 20px; font-size:16px; font-weight:bold; line-height:50px; }

footer .attention					{ margin-top:15px; padding:12px 0; background:#eee; font-size:12px; text-align:center;}
footer #footOtherMenu				{ margin-top:10px; }
footer #footOtherMenu ul			{ text-align:center; line-height:2.0; }
footer #footOtherMenu li			{ display:inline-block; padding:0 7px; }
footer #footOtherMenu li a			{ position:relative; padding-left:14px; }
footer #footOtherMenu li a:before	{ content:""; position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-4px; border-top:2px solid #999; border-right:2px solid #999; -webkit-transform:rotate(45deg); vertical-align:middle; }
footer .manage						{ margin-top:10px; font-size:12px; text-align:center; }
footer .manage dt					{ font-weight:bold; }
footer address						{ margin-top:10px; font-size:12px; text-align:center; }

#pagetop	{ position:fixed; right:10px; bottom:10px; z-index:100; }

.btn_s	{
padding:10px;
border:2px solid;
width:150px;
margin-top:10px;
}
.sns_b	{border:1px solid #cacaca;
padding:10px;
color:#626262;
font-weight:200 !important;}

}