/*******************************************************************/
/* PC：幅769px以上                                                 */
/*******************************************************************/
@media screen and (min-width: 769px) {
/*=================================================================*/
@charset "UTF-8";


.sp{
	display: none;
}


body {
	background-color: #ccccff;
	background-image: url(../../images/format_bg.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	font-size: 12px;
	line-height: 130%;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#copyright {
	text-align: center;
}
#wrapper #contents {
	background-attachment: scroll;
	background-image: url(../../images/pop_format_02.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#contents_wrapper {
	width: auto;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#main_contents {

	margin: 0px;
	width: 620px;
}
.contents_area {

	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contents_area div img {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contents_text1 {
	text-align: left;
	width: 583px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#main_contents .contents_area table tbody tr td table tbody tr td {
	margin: 0px;
	padding: 0px;
}
.supportindex {
	background-attachment: scroll;
	background-image: url(../../images/index_44.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	text-align: center;
	width: 205px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 13px;
	margin-left: 0px;
}

.pay {
	background-attachment: scroll;
	background-image: url(../../images/index_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.supportindex {
	background-attachment: scroll;
	background-image: url(../../images/index_44.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	text-align: center;
	width: 205px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 13px;
	margin-left: 0px;
}

.btn li {
	padding: 0px;
	width: 192px;
	height: 23px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -33px;
	list-style-type: none;
}
.supportindex .logo {
	margin-top: 4px;
}
img {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*<end>============================================================*/
}

/**************************************************************************************************************************************/
/* SP：幅768px以下                                                 */
/**************************************************************************************************************************************/
@media screen and (max-width: 768px) {
/*=================================================================*/

.pc{
	display: none;
}

.img{
	width: 100%;
	height: auto;
}
.img-semiharf{
	width: 80%;
	height: auto;
}

/*	cf
---------------------------------------------------------------*/
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.cf { display: inline-block; }
/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */

/* margin-box
---------------------------------------------*/
.mb40{margin-bottom: 4% !important;}
.mb80{margin-bottom: 8% !important;}
.ml0{margin-left: 0% !important;}


body {
	background-color: #ccccff;
	background-image: url(../../images/format_bg.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	font-size: 12px;
	line-height: 130%;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#copyright {
	text-align: center;
}
#wrapper #contents {
	background-attachment: scroll;
	background-image: url(../../images/pop_format_02.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	background-size: contain;
}
#contents_wrapper {
	width: auto;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#main_contents {
	margin: 0px;
	width: 100%;
}
.contents_area {

	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contents_area div img {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contents_text1 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#main_contents .contents_area table tbody tr td table tbody tr td {
	margin: 0px;
	padding: 0px;
}
.supportindex {
	background-attachment: scroll;
	background-image: url(../../images/index_44.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	text-align: center;
	width: 205px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 13px;
	margin-left: 0px;
}

.pay {
	background-attachment: scroll;
	background-image: url(../../images/index_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.supportindex {
	background-attachment: scroll;
	background-image: url(../../images/index_44.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	text-align: center;
	width: 205px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 13px;
	margin-left: 0px;
}

.btn li {
	padding: 0px;
	width: 192px;
	height: 23px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -33px;
	list-style-type: none;
}
.supportindex .logo {
	margin-top: 4px;
}
img {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* 追加 */
.payblock-left img,
.payblock-right img{
	width: 100%;
}
.payblock-left{
	float: left;
	width: 15.625%;
}
.payblock-right{
	float: left;
	width: 84.375%;
}
table.pay-table{
	width: 100%;
}
table.pay-table tr{
	display: block;
	width: 100%;
}
table.pay-table tr td{
	display: block;
	width: 100%;
}
table.pay-table tr td img{
	text-align: center;
}
/* 02 */
table.pay-table02{
	width: 90%;
	margin: 0 auto;
}
/* 03 */
table.pay-table03{
	width: 95%;
	margin: 0 0 0 1%;
}
table.pay-table03 tr{
	display: block;
	width: 100%;
}
table.pay-table03 tr td{
	display: block;
	width: 100%;
	padding: 1% 2%;
}
/* inner */
table.pay-inner{
	width: 100%;
	margin: 0 auto;
}
table.pay-inner tr{
	display: table;
	width: 100%;
}
table.pay-inner tr td{
	display: table-cell;
	width: 50%;
	border-bottom: 1px solid #1799d8;
}


/*<end>============================================================*/
}