@media screen and (min-width: 641px) {
div, h2, h3, h4, ul, li, dl, dt, dd, ol, p {
	margin: 0;
	padding: 0;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #000000;
}
.topics {
	margin-bottom: 10px;
	overflow: hidden;
}
.topics dt {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 18px;
}
.topics dd {
	float: left;
	width: 50%;
}
.topics dd:before {
	content: url(images/guide/arrow02.gif);
	margin: 0 3px 0 0;
	position: relative;
	top: 3px;
}
.topicsborder {
	border-bottom: #ccc 1px solid;
	padding: 0 0 10px;
}
.faq {
	margin-bottom: 10px;
}
.faq dt {
	margin-bottom: 5px;
	background-color: #CCCCCC;
	padding: 5px;
}
.faq dt:before {
	content: "Q.";
	margin: 0 3px 0 0;
	position: relative;
	top: -2px;
	font-weight: bold;
}
.faq dd {
	padding: 5px 5px 5px 22px;
	text-indent: -1.2em;
}
.faq dd:before {
	content: "A.";
	margin: 0 3px 0 0;
	position: relative;
	top: 0px;
	font-weight: bold;
}
.faq dd a {
	text-decoration: underline;
}
#wrapper {
	width: 1040px;
	margin: 15px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}
#content {
}
#caution {
	overflow: hidden;
	border-bottom: #ccc solid 1px;
}
#caution li {
	list-style: none;
	width: 260px;
	float: left;
	margin: 0 0 15px 0;
}
#caution li:before {
	content: url(images/guide/arrow01.gif);
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
}
#guidelist {
	overflow: hidden;
	margin: 15px 0 0 0;
}
#guidelist li {
	list-style: none;
	width: 260px;
	float: left;
	margin: 0 0 15px 0;
}
#guidelist li:before {
	content: url(images/guide/arrow02.gif);
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
}

.guidetable {
	width: 100%;
	margin: 10px auto;
	border: 1px solid #999;
	border-top: 0;
	background: #f1f1f1;
}
.guidetable dt {
	border-top: 1px solid #999999;
	font-weight: bold;
	padding: 10px 0 0 10px;
	width: 220px;
	float: left;
	clear: both;
}
.guidetable dd {
	padding: 10px;
	margin-left: 230px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999;
	background-color: #fff;
}
.guidetable ul {
	overflow: hidden;
}
.guidetable ul li {
	list-style: none;
	float: left;
}
.guidetable ul li:first-child {
	width: 140px;
	margin-right: 10px;
}
.guidetable ul li:last-child {
	width: 630px;
}
.imgpc img {
	width: 600px;
	height: auto;
}
.imgsp img {
	display: none;
}
#content p {
	margin-bottom: 10px;
}
#content p span {
	font-size: 90%;
}
#content .heed dt:before {
	content: "※";
	margin: 0 3px 0 0;
}
#content .heed dd {
	padding-left: 1.2em;
	margin-bottom: 10px;
}
#mail {
	margin-bottom: 10px;
}
#mail li {
	list-style: none;
}
#mailCaution {
	padding-left: 2em;
	margin-bottom: 10px;
}
#card {
	overflow: hidden;
	margin: 10px 0;
}
#card li {
	list-style: none;
	float: left;
	margin-left: 10px;
}
.flow {
	padding-left: 2em;
	margin-bottom: 10px;
}
.flow li h3 {
	font-size: 13px;
}
.flow p a {
	text-decoration: underline;
}
.about {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}
.about .Case {
	list-style: none;
	float: left;
	width: 48%;
	margin-right: 2%;
}
.about .Case02 {
	list-style: none;
}
.about .Case02 h4, .about .Case h4 {
	background-color: #ccc;
	padding: 5px;
	margin: 0 0 5px 0;
	text-align: center;
}
.about li .about_Caution li {
	list-style: none;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}
.about li .about_Caution li:before {
	content: "※";
	margin: 0 3px 0 0;
}
#payment {
	overflow: hidden;
	margin-bottom: 20px;
}
#payment li {
	float: left;
	margin-right: 20px;
	list-style: none;
}
#payment li a {
	text-decoration: underline;
}
.asuraku {
	width: 1040px;
}
.asuraku dt {
	font-weight: bold;
}
.asuraku dd {
	margin-bottom: 20px;
}
.asuraku dd:last-child {
	margin-bottom: 0;
}
.img0 {
	float: right;
	width: 220px;
}
.returns li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}
.returns li:before {
	content: "・";
	margin: 0 3px 0 0;
}
.procedure {
	margin-left: 18px;
}
.procedure li a {
	text-decoration: underline;
}
.procedure li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}
.returns li .returnimgex {
	overflow: hidden;
	padding-left: 5px;
}
.returns li .returnimg {
	width: 165px;
	float: left;
}
.refund dt {
	font-weight: bold;
}
.refund dd {
	counter-increment: child;
	padding-left: 1.5em;
	text-indent: -1.2em;
	margin-bottom: 10px;
}
.refund dd:before {
	content: counter(child)".";
	margin: 0 3px 0 0;
}
.refund dd .reason li {
	list-style: none;
	counter-increment: grandchild;
	margin-bottom: 5px;
}
.refund dd .reason li:before {
	content: "(" counter(grandchild)")";
	margin: 0 3px 0 0;
}
.guarantee li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 3px;
}
.guarantee li:before {
	content: "・";
	margin: 0 3px 0 0;
}
.ringtable {
	font-size: 12px;
	margin-bottom: 20px;
	width: 100%;
}
.ringtable th {
	border-bottom: #ccc dotted 1px;
	border-right: #ccc solid 1px;
	text-align: left;
	padding: 5px 0;
}
.ringtable td {
	text-align: center;
	border-bottom: #ccc dotted 1px;
	border-right: #ccc dotted 1px;
	width: 3.7%;
}
.ringtablesp {
	display: none;
}
.review_guide_sp {
	display: none;
}
.mail_setting {
	border: 1px solid #333;
	border-top: none;
	width: 99%;
	margin-bottom: 10px;
}
.mail_setting dt {
	border-top: 1px solid #333;
	float: left;
	width: 15%;
	counter-increment: bbb;
	padding: 10px 1%;
}
.mail_setting dt:before {
	content: "理由." counter(bbb);
	margin: 0 3px 0 0;
}
.mail_setting dd {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 16%;
	padding: 10px 2%;
}
.red {
	color: #F00;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.mb20 {
	margin-bottom: 20px;
}
.clear {
	overflow: hidden;
}
.clear0 {
	clear: both;
}
.img img {
	/*width:70%;*/
	height: auto;
}
#footer {
	width: 100%;
	margin: 0 auto;
	border-top: #ccc solid 1px;
}
#footlink {
	overflow: hidden;
	display: table;
	margin: 10px auto;
}
#footlink li {
	list-style: none;
	display: table-cell;
	float: left;
	margin-left: 10px;
}
#footlink li:after {
	content: "|";
	margin: 0 0 0 10px;
}
#footlink li:last-child:after {
	content : none;
}
#copyright {
	text-align: center;
}
#rightBox2 {
	width: 131px;
	position: fixed;
	top: 140px;
	right: -43px;
}
.totop {
	display: none;
}
	.sp{display: none;}
	.pc{display: block;}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {
div, h2, h3, h4, ul, li, dl, dt, dd, ol, p {
	margin: 0;
	padding: 0;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #000000;
}
img {
	width: 100%;
	height: auto;
}
.accordion {
	color: #000;
	padding: 10px 5%;
	/*background:#333;*/
	cursor: pointer;
	border-bottom: 1px #ccc solid;
}
.accordion span {
	display: block;
	background: url(images/guide/plus.png) no-repeat right 50%;
}
.accordion.bg02 span {
	background: url(images/guide/minus.png) no-repeat right 50%;
}
.accordionbox {
	margin: 10px auto 0;
	/*display: none;*/
	width: 96%;
}
.img0 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 220px;
}
.imgpc img {
	display: none;
}
.imgsp img {
	width: 100%;
	height: auto;
}
.src {
	background: #FFFFCC;
	font-size: 0.8em;
	padding: 10px;
}
.asuraku {
	display: block;
	width: 100%;
}
.asuraku dt {
	font-weight: bold;
}
.asuraku dd {
	margin-bottom: 20px;
}
.asuraku dd:last-child {
	margin-bottom: 0;
}
/*------------------------------ここまで------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
}
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}
#content {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 130%;
	padding: 10px 0 0 10px;
}
#caution {
	overflow: hidden;
	width: 96%;
	margin: 0 auto 10px;
}
#caution li {
	list-style: none;
	width: 43%;
	float: left;
	margin: 0 2% 5px 0;
	padding: 5px 2%;
	border: #000 solid 2px;
	background: url(images/guide/arrow01.gif) no-repeat 96% 50%;
}
#caution li:nth-child(2n) {
	margin-right: 0;
}
#caution li a {
	display: block;
}
#guidelist {
	display: none;
}

.guidetable {
	width: 96%;
	margin: 0 auto 10px;
	border-right: #DFDFDF solid 1px;
	border-left: #DFDFDF solid 1px;
	border-bottom: #DFDFDF solid 1px;
}
.guidetable dt {
	background-color: #DFDFDF;
	font-weight: bold;
	padding: 5px;
}
.guidetable dd {
	padding: 5px;
}
.guidetable ul li {
	list-style: none;
}
.guidetable ul li img {
	width: 40%;
	height: auto;
	margin: 5px auto;
	display: block;
}
#content p {
	margin-bottom: 10px;
}
#content p span {
	font-size: 90%;
}
#content .heed dt:before {
	content: "※";
	margin: 0 3px 0 0;
}
#content .heed dd {
	padding-left: 1.2em;
	margin-bottom: 10px;
}
#mail {
	margin-bottom: 10px;
}
#mail li {
	list-style: none;
}
#mailCaution {
	padding-left: 2em;
	margin-bottom: 10px;
}
#card {
	overflow: hidden;
	margin: 10px 0;
}
#card li {
	list-style: none;
	float: left;
	margin-left: 10px;
}
.flow {
	width: 96%;
	margin: 0 auto 10px;
}
.flow li {
	list-style: none;
}
.flow li h3 {
	font-size: 13px;
}
.flow p a {
	text-decoration: underline;
}
.about {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}
.about .Case {
	list-style: none;
	float: left;
	width: 48%;
	margin-right: 2%;
}
.about .Case02 {
	list-style: none;
}
.about .Case02 h4, .about .Case h4 {
	background-color: #ccc;
	padding: 5px;
	margin: 0 0 5px 0;
	text-align: center;
}
.about li .about_Caution li {
	list-style: none;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}
.about li .about_Caution li:before {
	content: "※";
	margin: 0 3px 0 0;
}
#payment {
	overflow: hidden;
	margin-bottom: 20px;
}
#payment li {
	float: left;
	margin-right: 20px;
	list-style: none;
}
#payment li a {
	text-decoration: underline;
}
.returns li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}
.returns li:before {
	content: "・";
	margin: 0 3px 0 0;
}
.procedure {
	margin-left: 18px;
}
.procedure li a {
	text-decoration: underline;
}
.procedure li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}
.returns li .returnimgex {
	overflow: hidden;
	padding-left: 5px;
}
.returns li .returnimg {
	width: 165px;
	float: left;
}
.refund dt {
	font-weight: bold;
}
.refund dd {
	counter-increment: child;
	padding-left: 1.5em;
	text-indent: -1.2em;
	margin-bottom: 10px;
}
.refund dd:before {
	content: counter(child)".";
	margin: 0 3px 0 0;
}
.refund dd .reason li {
	list-style: none;
	counter-increment: grandchild;
	margin-bottom: 5px;
}
.refund dd .reason li:before {
	content: "(" counter(grandchild)")";
	margin: 0 3px 0 0;
}
.guarantee li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 3px;
}
.guarantee li:before {
	content: "・";
	margin: 0 3px 0 0;
}
.ringtable {
	display: none;
}
.ringtablesp {
	width: 96%;
	margin: 10px auto;
	border-right: #DFDFDF solid 1px;
	border-left: #DFDFDF solid 1px;
	font-size: 13px;
	border-collapse: collapse;
}
.ringtablesp th {
	background-color: #DFDFDF;
	/*border-right:#fff solid 1px;*/
	padding: 5px;
}
.ringtablesp td {
	text-align: center;
	border-right: #DFDFDF solid 1px;
	border-bottom: #DFDFDF solid 1px;
}
.review_guide {
	display: none;
	width: 655px;
	height: 1306px;
}
.mail_setting {
	border: 1px solid #333;
	border-top: none;
	width: 99%;
	margin-bottom: 10px;
}
.mail_setting dt {
	border-top: 1px solid #333;
	float: left;
	width: 15%;
	counter-increment: bbb;
	padding: 10px 1%;
}
.mail_setting dt:before {
	content: "理由." counter(bbb);
	margin: 0 3px 0 0;
}
.mail_setting dd {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 16%;
	padding: 10px 2%;
}
.red {
	color: #F00;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.mb20 {
	margin-bottom: 20px;
}
.clear {
	overflow: hidden;
}
.img img {
	/*width:70%;*/
	height: auto;
}
#footer {
	width: 100%;
	margin: 20px auto 0;
}
#footlink {
	overflow: hidden;
	width: 96%;
	margin: 0 auto 10px;
}
#footlink li {
	list-style: none;
	width: 45%;
	float: left;
	margin: 0 2% 5px 0;
	padding: 5px 2%;
	background: url(images/guide/arrow01.png) no-repeat 96% 50% #000;
}
#footlink li:nth-child(2n) {
	margin-right: 0;
}
#footlink li a {
	display: block;
	color: #fff;
}
#copyright {
	text-align: center;
}
#rightBox2 {
	display: none;
}
.totop {
	width: 96%;
	margin: 0 auto;
}
.totop img {
	width: 100%;
	height: auto;
}
#menu {
	overflow:hidden;
}
#menu li {
	list-style:none;
	width:16%;
	float:left;
	margin:0 0 15px 0;
}
#menu li:before {
	content: url(images/guide/arrow02.gif);
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
}
	.sp{display: block;}
	.pc{display: none;}

}