.m_area {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}

.m_main-area {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* clearfix------------------------------ */
div.m_clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.m_clearfix {
	display: inline-table;
	min-height: 1%; /*ie7?p*/
}

/* Hides from IE-mac \*/
* html div.m_clearfix {height: 1%;}
*+html div.m_clearfix {height: 1%;}
div.m_clearfix {display: block;}
/* End hide from IE-mac */


/* block
------------------------------ */
div.m_block {
	margin-left:3px;
}
div.m_block:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.m_block {display: inline-table;}

/* Hides from IE-mac \*/
* html div.m_block {height: 1%;}
*+html div.m_block {height: 1%;}
div.m_block {display: block;}
/* End hide from IE-mac */


/*************************************************************************************
???w?b?_?[?�h?a
**************************************************************************************/

#m_header-area {
	font-size:10px;
	margin:0 0 5px 0;
	width:780px;
	height:81px;
	margin-left:auto;
	margin-right:auto; 
}

/* ?w?b?_?[???S */
#m_header_logo {
	width:217px;
	height:28px;
	margin:14px 0 0 0;
	float:left;
}

#m_header_logo a span {
	display:none;
}

/* ?w?b?_?[?i?r */
#m_header_contents-navi {
	height:28px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}

#m_header_contents-navi ul{
	width:780px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#m_header_contents-navi ul li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline;
	list-style-type:none;
}

#m_header_bottom-area {
	margin:0 26px 0 0;
}

#m_header_bottom {
	background:url(https://voi.0101.co.jp/voi/content/dam/01/coordinate/sp/common/images/header_bottom.gif) 0 0 no-repeat;
	width:750px;
	height:14px;
	float:right;
}

/* ?��?s?A?I?u?O ?b?2???p?K?C?h?` */
#m_header_sub-navi-area {
	width:560px;
	float:right;
}

#m_header_sub-navi_cart {
	padding:0 3px 0 18px;
	background:url(https://voi.0101.co.jp/voi/content/dam/01/coordinate/sp/common/images/cart.gif) 0 0 no-repeat;
}

#m_header_sub-navi {
	margin:13px 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}

#m_header_sub-navi ul{
	height:11px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#m_header_sub-navi ul li{
	margin:0 0 0 0;
	padding:0 10px 0 10px;
	display:inline;
	list-style-type:none;
}


#m_header_sub-navi ul li a{
	color:#666666;
	text-decoration:none;
}

.m_header_sub-navi_bar {
	background:url(https://voi.0101.co.jp/voi/content/dam/01/coordinate/sp/common/images/left-bar.gif) 0 50% no-repeat;
	background-position: right;
}


/* ???O?A?E?g ?b?��?[?U?[�go?^?` */
#m_header_sub-navi2-area {
	width:560px;
	float:right;
}

#m_header_sub-navi2 {
	height:11px;
	margin:8px 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}

#m_header_sub-navi2 ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#m_header_sub-navi2 ul li{
	margin:0 0 0 0;
	padding:0 11px 0 11px;
	display:inline;
	list-style-type:none;
}

#m_header_sub-navi2 ul li a{
	color:#666666;
	text-decoration:none;
}

.m_ec343e {
	color:#ec343e;
	text-decoration:none;
}


/* button ------------------------------ */


.udbutton {
    background-color: #cda560;
    margin: 40px 80px 30px 80px;
    border-radius: 5px;
}

.udbutton p {
    text-align: center;
    font-size: 2vw;
    color: #fff;
    padding: 20px 30px 20px 30px;
    position: relative;
}


.udbutton p:after {
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: 39%;
    right: 3%;
}



.spudbutton {
    background-color: #cda560;
    margin: 30px 15px 30px 15px;
    border-radius: 5px;
}

.spudbutton p {
    text-align: center;
    font-size: 2vw;
    color: #fff;
    padding: 30px;
    position: relative;
}

.spudbutton p {
    text-align: center;
    font-size: 4vw;
    color: #fff;
    padding: 20px;
    position: relative;
}

.spudbutton p:after {
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: 39%;
    right: 3%;
}