@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight:normal;/* Yutaka added */
  vertical-align:baseline;
}

a:focus{
  outline: none;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{
	clear:both;
	content: " ";
}
img {
  vertical-align: bottom;
}

/*--------------------------------------------------
@navi
--------------------------------------------------*/
body{
  background:#fff;
	//background:#dcfdff;
   margin:0;
   padding:0;
   background-size:100%;
 }
 #navi{
  
  text-indent:-9999px;
  margin:0 auto;
  
  position: fixed;
 
  left:50%;
  width:320px;
  height:90px;
  margin-top:-60px;
 margin-left:-160px;
}
.n01 a{
  display:inline;
  width:80px;
  height:45px;
  background:url(../images/navi_01.png) no-repeat;
  background-size:80px 45px;
  float:left;
}
.n02 a{
  display:inline;
  width:80px;
  height:45px;
  background:url(../images/navi_02.png) no-repeat;
  background-size:80px 45px;
  float:left;
}
.n03 a{
  display:inline;
  width:80px;
  height:45px;
  background:url(../images/navi_03.png) 0 no-repeat;
  background-size:80px 45px;
  float:left;
}
.n04 a{
  display:inline;
  width:80px;
  height:45px;
  background:url(../images/navi_04.png) 0 no-repeat;
  background-size:80px 45px;
  float:left;
}
/*--------------------------------------------------
@photo
--------------------------------------------------*/




/*--------------------------------------------------
@foot
--------------------------------------------------*/
#ft_btn{
  margin:0 auto;
   text-indent:-9999px;
   width:320px;
}
.ft a{
  display:block;
  background:url(../images/a_btn.png) no-repeat;
  background-size:145px 50px;
  width:145px;
  height:50px;
  margin:10px 10px 0 10px;
  float:left;
}
.tk a{
  display:block;
  background:url(../images/t_btn.png) no-repeat;
  background-size:145px 50px;
  width:145px;
  height:50px;
  margin:10px 0 0 0;
   float:left;
}
/*--------------------------------------------------
@Profile
--------------------------------------------------*/
#Profile{
  margin:20px auto 0;
  font-size:18px;
  font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#ffffff;
}
#Profile table{
  margin:0 auto 0;
  width:320px;
}
#Profile table tr{
  height:30px;
}
#Profile a{
	color:#ffffff;
	text-decoration:none;
}
 .ic_01{
	text-indent:-9999px;
	background:url(../images/icon_01.png) center right no-repeat;
	background-size:23px 23px;
	width:23px;
	height:23px;
	padding:0 0 0 95px;
}
.ic_02{
	width:270px;
	padding:0 0 0 5px;
	vertical-align:middle;
}
 .ic_03{
	text-indent:-9999px;
	background:url(../images/icon_02.png) center right no-repeat;
	background-size:23px 23px;
	width:23px;
	height:23px;
	padding:0 0 0 95px;
}
 .ic_04{
	text-indent:-9999px;
	background:url(../images/icon_03.png) center right no-repeat;
	background-size:23px 23px;
	width:23px;
	height:23px;
	padding:0 0 0 95px;
}
 .ic_05{
	text-indent:-9999px;
	background:url(../images/icon_04.png) center right no-repeat;
	background-size:23px 23px;
	width:23px;
	height:23px;
	padding:0 0 0 95px;
}
 .ic_06{
	text-indent:-9999px;
	background:url(../images/icon_05.png) center right no-repeat;
	background-size:23px 23px;
	width:23px;
	height:23px;
}
/*--------------------------------------------------
@f_navi
--------------------------------------------------*/
#f_navi{
  width:320px;
  text-indent:-9999px;
  margin:25px auto;
}
.f_01 a{
  display:block;
  width:160px;
  height:44px;
  background:url(../images/f_navi_01.gif) no-repeat;
  background-size:160px 44px;
  float:left;
}
.f_02 a{
  display:inline;
  width:160px;
  height:44px;
  background:url(../images/f_navi_02.gif) no-repeat;
  background-size:160px 44px;
  float:left;
}
.f_03 a{
  display:inline;
  width:160px;
  height:44px;
  background:url(../images/f_navi_03.gif) no-repeat;
  background-size:160px 44px;
  float:left;
}
.f_04 a{
  display:inline;
  width:160px;
  height:44px;
  background:url(../images/f_navi_04.gif) no-repeat;
  background-size:160px 44px;
  float:left;
}
/*--------------------------------------------------
@c_title
--------------------------------------------------*/
#coin{
  width:100%;
　max-width:640px;
  margin:0 auto;
}
.c_title{
  /*background:url(../images/coin.png) center 0 no-repeat;*/
  /*background-size:100%;*/
  width:90%;
  max-width:640px;
  display:block; 
  margin:0 auto;
  padding:0;
 }
/*--------------------------------------------------
@c_title
--------------------------------------------------*/
#point{
  width:90%;
  max-width:640px;
　padding:10px;
  margin:0 auto;
  box-sizing:border-box;
　text-align:center;
  color:#888;

}
#pointpre{
	width:100%;
	font-size:12px;
	margin:30px auto 10px;
	box-sizing:border-box;
	text-align:center;
	color:#ff8a8a;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-s	erif;
	aword-wrap:break-word;

}
.coin_bunner a{
  width:100%;
  background:url(../images/coin_bunner.jpg) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px auto 0 auto;
　max-width:640px;
}
.pt_01 a{
  width:100%;
  background:url(../images/50coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_02 a{
  width:100%;
  background:url(../images/100coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_03 a{
  width:100%;
  background:url(../images/200coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_04 a{
  width:100%;
  background:url(../images/330coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_05 a{
  width:100%;
  background:url(../images/560coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_06 a{
  width:100%;
  background:url(../images/900coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_07 a{
  width:100%;
  background:url(../images/1150coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_08 a{
  width:100%;
  background:url(../images/2500coin.png) no-repeat;
  background-size:100%;
  display:block;
  margin: 10px 0px 10px 0px;
}
.pt_img{
	width:100%;
	max-width:640px;
}
/*--------------------------------------------------
@m_btn
--------------------------------------------------*/
#m_btn{
  margin:0 auto;
   text-indent:-9999px;
   width:320px;
}
.m_coin a{
  display:block;
  background:url(../images/m_btn01.png) no-repeat;
  background-size:96px 96px;
  width:96px;
  height:96px;
  margin:20px 6px 0 10px;
  float:left;
}
.m_mryo a{
  display:block;
  background:url(../images/m_btn02.png) no-repeat;
  background-size:96px 96px;
  width:96px;
  height:96px;
  margin:20px 6px 0 0;
  float:left;
}
.t_sirase a{
  display:block;
  background:url(../images/m_btn03.png) no-repeat;
  background-size:96px 96px;
  width:96px;
  height:96px;
  margin:20px 10px 0 0;
   float:left;
}
/*--------------------------------------------------
@back_menu
--------------------------------------------------*/
#back_menu{
  width:320px;
  margin:0 auto;
  text-indent:-9999px;
 }
.m_btn a{
  display:block;
  width:170px;
  height:30px;
  background:url(../images/m_btn.png) no-repeat;
  background-size:170px 30px;
  margin:20px auto;
 }
 /*--------------------------------------------------
@use
--------------------------------------------------*/
#up{
  margin:20px auto 0;
  text-align:center;
  width:90%;
  max-width:640px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.step1{
  text-indent:-9999px;
  background:url(../images/step1.gif) no-repeat;
  background-size:100%;
  width:100%;
  height:0;
  margin:0 auto;
  padding-bottom:18.75%;
　max-width:640px;
}
.text01{
  margin:10px 0px;
  width:100%;
　max-width:320px;
  color:#ff2a2a;
  font-size:15px;
　text-align:center;
}
.click{
  text-indent:-9999px;
  background:url(../images/click.png) no-repeat;
  background-size:100%;
  width:100%;
  height:0;
  margin:5px auto 0;
  padding-bottom:67.69547325102881%;
　max-width:640px;
}
#friend{
  margin:20px auto 0;
  text-align:center;
  width:90%;
  max-width:640px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.step2{
  text-indent:-9999px;
  background:url(../images/step2.gif) no-repeat;
  background-size:100%;
  width:100%;
  height:0;
  margin:0 auto;
  padding-bottom:18.75%;
　max-width:640px;
}
.ken_icon{
  text-indent:-9999px;
  float:left;
  background:url(../images/tu_kensaku.png) no-repeat;
  background-size:30px 46px;
  width:30px;
  height:46px;
  margin:10px 10px 0 20px;
}
.text02{
  float:left;
  font-size:15px;
  color:#5a4b44;
  margin:17px 0 0 0;
　width:100%;
  text-align:center;
}
.kn_list{
	margin:0px 0 0 0;
}
.kn_list li{
	color:#adcb07;
	font-size:18px;
	font-weight:bold;
}
.text03{
	margin:0;
	background-color:#adcb07;
	width:100%;
	font-size:20px;
	color:#5c4d3f;
	padding:1em 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; 
}
#Talk{
  margin:20px auto 0;
  text-align:center;
  width:90%;
  max-width:640px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.step3{
  text-indent:-9999px;
  background:url(../images/step3.gif) no-repeat;
  background-size:100%;
  width:100%;
  height:0;
  margin:0 auto;
  padding-bottom:18.75%;
　max-width:640px;
}
.hns_icon{
  text-indent:-9999px;
  float:left;
  background:url(../images/tu_hanasu.png) no-repeat;
  background-size:30px 46px;
  width:30px;
  height:46px;
  margin:10px 10px 0 20px;
}
.text04{
  float:left;
  font-size:15px;
  color:#5a4b44;
  margin:17px 0 0 0;
}

.hns_list{
	margin:0;
}
.hns_list li{
	color:#2d9fdf;
	font-size:18px;
	font-weight:bold;
}
.text05{
	color:#FF4548;
	font-size:15px;
	margin:0;
}
.text06{
	margin:0;
	background-color:#69c5f9;
	width:100%;
	font-size:20px;
	color:#5d4d3e;
	padding:1em 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; 
}


























/*======================================*/
/*新規*/
/*======================================*/


#testbtn{
	width:100%;
	position:fixed;
	bottom:0;
}





/*===================新ミドルエリア===================*/



div#button_area{
	width:100%;
//	background:#c1d961;
}
div#button_wrapper{
	width:70%;
//	max-width:640px;
	margin:0 auto;
}
.middle_button_wrapper{
	width:100%;
	max-width:160px;
	margin:0;
	display:block;
	float:left;
	padding:10px 0 0;
}
#newmessage_button{
	width:100%;
	position:relative;
	height:0;
    padding-bottom:63%;
	//padding-bottom:82.75862068965517%;
	background:url("../images/btn_newmessage.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#newmessage_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
#footmark_button{
	width:100%;
	position:relative;
	height:0;
    padding-bottom:63%;
	//padding-bottom:82.75862068965517%;
	background:url("../images/btn_footmark.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#footmark_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
#information_button{
	width:100%;
	position:relative;
	height:0;
    padding-bottom:63%;
	//padding-bottom:82.75862068965517%;
	background:url("../images/btn_information.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#information_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
#coin_button{
	width:100%;
	position:relative;
	height:0;
    padding-bottom:63%;
	//padding-bottom:82.75862068965517%;
	background:url("../images/btn_coin.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#coin_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}

.button_num{
	position:absolute;
	top:-3px;
	right:-3px;
	width:32%;
	height:38%;
	background:#ff8888;
	color:#fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%; 
	border: 0px #fff solid;
	text-align:center;
	border:2px #fff solid;
	z-index:0;
	display:block;
	box-sizing:border-box;
}
.button_num2{
	display:table;
	width:100%;
	height:100%;
	box-sizing:border-box;
	text-align:center;
}
span.middle{
	display:table-cell;
	vertical-align:middle;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:16px;
	font-weight:bold;
	box-sizing:border-box;
}

@media screen and (max-width: 600px){
	span.middle{
		font-size:11px;
	}
}

@media screen and (max-width: 400px){
	span.middle{
		font-size:9px;
	}
}

/*===================新ミドルエリアここまで===================*/


/*===================HOWTO&無料GETエリア===================*/
div#picbutton_area{
	width:100%;
	background:#cdc9ff;
	padding:10px 0;
}
div#picbutton_wrapper{
	width:90%;
	max-width:640px;
	margin:0 auto;
}
a.picbutton_howto_wrapper{
	width:49.21875%;
	max-width:315px;
	margin:0px 0.78125% 0 0;
	display:block;
	float:left;
}
a.picbutton_freecoin_wrapper{
	width:49.21875%;
	max-width:315px;
	margin:0px 0 0 0.78125%;
	display:block;
	float:left;
}
img.picbutton{
	width:100%;
}
/*===================HOWTO&無料GETエリアここまで===================*/


/*===================フッターエリア===================*/
#foot_area{
	//background-color: #8cd2d6;
	width:100%;
	margin:0px 0 0;
}
#foot_wrapper{
	width:100%;
	max-width:640px;
	margin:0 auto;
}

#foot_wrapper:after{
	clear: both;
	content: " ";
	display: block;
}

.foot_btn_wrapper{
	width:25%;
	float:left;
	max-width:160px;
}
.foot_btn{
	width:100%;
	max-width:160px;
	margin:5px 0;
}
/*規約ボタンー*/
#btn_kiyaku{
	height:0;
	width:100%;
	background:url("../images/btn_kiyaku.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}

#btn_kiyaku:hover{
    background:url("../images/kiyaku_on.png") no-repeat;
}
#btn_kiyaku:active{
  background:url("../images/kiyaku_on.png") no-repeat;
}

/*会社概要ボタンー*/
#btn_company{
	height:0;
	width:100%;
	background:url("../images/btn_company.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}
#btn_company:hover{
  background:url("../images/company_on.png") no-repeat;
}
#btn_company:active{
  background:url("../images/company_on.png") no-repeat;
}



/*特商法ボタンー*/
#btn_tokusyou{
	height:0;
	width:100%;
	background:url("../images/btn_tokusyou.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}
#btn_tokusyou:hover{
  background:url("../images/tokushou_on.png") no-repeat;
}
#btn_tokusyou:active{
  background:url("../images/tokushou_on.png") no-repeat;
}

/*問い合わせボタンー*/
#btn_contact{
	height:0;
	width:100%;
	background:url("../images/btn_contact.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}
#btn_contact:hover{
  background:url("../images/contact_on.png") no-repeat;
}
#btn_contact:active{
  background:url("../images/contact_on.png") no-repeat;
}
@media screen and (max-width: 317px){
	.myprofile_point{
		width:75%;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-radius: 15px 0 0 15px; 
		border: 1px #aaa solid;
		background:;
		font-size:12px;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
		font-weight:bold;
		color:#666;
		text-align:right;
		padding:10px 5px 10px 38px;
		box-sizing:border-box;
		height:55px;
		background:#ffeeff url("../images/myprofile_point_bg.png") no-repeat;
		vertical-align:middle;
		float:left;
		line-height:1;
	}
}




@media screen and (max-width: 281px){
	.myprofile_point_buy{
		width:25%;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		border-radius: 0 15px 15px 0; 
		border-top: 1px #aaa solid;
		border-right: 1px #aaa solid;
		border-bottom: 1px #aaa solid;
		background:;
		font-size:15px;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
		font-weight:bold;
		color:#FFF;
		text-align:right;
		padding:13px 3px;
		box-sizing:border-box;
		height:55px;
		background:#ffb8b8;
		vertical-align:middle;
		text-align:center;
		float:left;
		line-height:1;
	}
}

#global_menu_space {
	background-color: #8cd2d6;
	width: 100%;
	padding-bottom: 12.5%;
}

/*===================フッターエリアここまで===================*/





/*===================TOPエリア===================*/
#top_area{
	width:100%;
	//background:#dcfdff;
    background:url("../images/main_top_background.png");
	margin:45px auto 0;
	padding:0;
	max-width: 900px;
}
#top_bunner_wrapper{
   width:90%;
   max-width:640px;
   margin:15px auto 15px;
   display:block;
 }

.top_bunner_wrapper{
  width:90%;
  max-width:640px;
  margin:15px auto 15px;
  display:block;
}

#top_bunner{
   width:100%;
 }

.top_bunner{
  width:100%;
}

#myprofile_wrapper2{
	width:100%;
	margin:0 auto;
}
#myprofile_wrapper{
	margin:10px auto;
	width:95%;
	max-width:640px;
	background-size:100%;
	box-sizing:border-box;
//	-moz-border-radius: 10px;
//	-webkit-border-radius: 10px;
//	border-radius: 10px; 
	border: 0px #fff solid;
	background:#fff;
	box-shadow:0px 1px 3px #aaa inset;
	padding:10px;
}

#top_infomation_wrapper{
	margin:3px auto;
	width:90%;
	max-width:640px;
}

#top_infomation{
	width:50%;
	box-sizing:border-box;
	height:50px;
	padding:17px 3px 10px 10px;
	max-width:320px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:12px;
	color:#ff5533;
	background:#fff;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	border: 1px #fce7ce solid;

}

#btn_edit_profile_wrapper{
	width:21.875%;
	max-width:140px;
	float:left;
	margin:0 0 0 3.125%;
	height:50px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	border: 1px #fce7ce solid;
	background:#fff;
	font-size:10px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	padding:6px 1%;
	text-decoration:none;
	color:#888;
}
#btn_edit_profile_icon{
	width:25px;
	height:25px;
	margin:0 auto;
}

#btn_edit_function_wrapper{
	width:21.875%;
	max-width:140px;
	float:left;
	margin:0 0 0 3.125%;
	height:50px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	border: 1px #fce7ce solid;
	background:#fff;
	font-size:10px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	padding:6px 1%;
	text-decoration:none;
	color:#888;
}
#btn_edit_function_icon{
	width:25px;
	height:25px;
	margin:0 auto;
}



#myPhoto{
	display:block;
	margin:0 auto;
	width:45%;
//	max-width:160px;
}
#photo_edit{
	width:100%;
	max-width:160px;
	display:block;
}
#photo_edit:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#photo_edit:active{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.tx a{
	font:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size:16px;
	color:#515151;
	text-decoration:none;
}
.myprofile_top{
	margin:0;
	width:100%;
	line-height:2;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	color:#666;
}
.myprofile_right{
	margin:0;
	width:70%;
	text-align:center;
	float:left;
}
.myprofile_left{
	margin:0 auto;
	width:27%;
	text-align:center;
//	float:left;
	max-width:160px;
}

.myprofile_point{
	width:75%;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 10px 0 0 10px; 
	border: 2px #fddde6 solid;
	background:;
	font-size:12px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	color:#666;
	text-align:right;
	padding:20px 5px 10px 38px;
	box-sizing:border-box;
	height:55px;
	background:rgba(255,255,255,0.8) url("../images/myprofile_point_bg.png") no-repeat;
	vertical-align:middle;
	float:left;
	line-height:1;
	display:table-cell;
}

.myprofile_point_buy{
	width:25%;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 10px 10px 0; 
	border-top:  2px #fddde6 solid;
	border-right:  2px #fddde6 solid;
	border-bottom:  2px #fddde6 solid;
	background:;
	font-size:15px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	padding:20px 3px;
	box-sizing:border-box;
	height:55px;
	background:#ffb8b8;
	vertical-align:middle;
	text-align:center;
	float:left;
	line-height:1;
	text-decoration:none;
	display:table-cell;
}

.code_img{
	width:100%;

}
.id_img{
	width:100%;

}
.code_txt{
	width:25%;
	font-size:12px;
	display:table-cell;
	max-width:105px;
	vertical-align:middle;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}


.myprofile_point_buy:hover{
	text-decoration:underline;
}
.myprofile_point_buy:active{
	text-decoration:none;
}




span.point{
	font-size:21px;
	font-weight:bold;
	color:#ff9900;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}


#myprofile_wrapper_l {
	background: url(../images/menu_background2.png);
	//background-size: 100%;
	float:left;
	width: 29%;
	box-sizing: border-box;
	padding-bottom: 10px;
    margin-left: 3%;
    margin-right: 2%;
}

#myprofile_wrapper_r {
	float:left;
	width: 65%;
	box-sizing: border-box;
}

#myprofile_id_code {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

#myprofile_id {
	float: left;
	background: url(../images/myprofile_user_id.gif) no-repeat;
	background-size: 100%;
	width: 48%;
//	max-width: 198px;
	height: 0;
	padding-bottom:21.21212121212121%;
	box-sizing: border-box;
	margin: 0 1%;
	position: relative;
}

#myprofile_code {
	float: left;
	background: url(../images/myprofile_user_code.gif) no-repeat;
	background-size: 100%;
	width: 48%;
//	max-width: 198px;
	height: 0;
	padding-bottom:21.21212121212121%;
	box-sizing: border-box;
	margin: 0 1%;
	position: relative;
}

#myprofile_coin {
	background: url(../images/myprofile_coin_area.gif) no-repeat;
	background-size: 100%;
	width: 98%;
	height: 0;
	padding-bottom:18.64406779661017%;
	box-sizing: border-box;
	margin: 1%;
	position: relative;
}

.myprofile_coin_buy {
	background: url(../images/myprofile_coin_buy.gif) no-repeat;
	background-size: 100%;
	width: 30.50847457627119%;
	height: 0;
	padding-bottom:14.28572619047619%;
	position: absolute;
	right: 3%;
	top: 12%;
}

.id_code_space {
	position: absolute;
	width: 56%;
	top: 30%;
	right: 0;
	font-size: 40px;
	font-weight: bold;
}

@media screen and (max-width: 830px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 36px;
	}
}
@media screen and (max-width: 750px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 30px;
	}
}
@media screen and (max-width: 630px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 24px;
	}
}
@media screen and (max-width: 550px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 18px;
	}
}
@media screen and (max-width: 430px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 12px;
	}
}

.coin_space {
	position: absolute;
	width: 28%;
	top: 30%;
	left: 20%;
	font-size: 46px;
	font-weight: bold;
	text-align: right;
	color: #ff9900;
}

@media screen and (max-width: 830px){
	.coin_space {
		font-size: 40px;
	}
}
@media screen and (max-width: 750px){
	.coin_space {
		font-size: 34px;
	}
}
@media screen and (max-width: 630px){
	.coin_space {
		font-size: 28px;
	}
}
@media screen and (max-width: 550px){
	.coin_space {
		font-size: 22px;
	}
}
@media screen and (max-width: 430px){
	.coin_space {
		font-size: 16px;
	}
}

/*===================TOPエリア===================*/










/*===================コイン購入ページエリア===================*/
#buypoint_top_area{
	width:100%;
	margin:65px 0 0;
}

#buypoint_top_img_wrapper{
	width:98%;
	max-width:640px;
	margin:0 auto;
}
#buypoint_top_img{
	background: url(../images/buypoint_top.png) no-repeat;
	background-size: 100%;
	width:95%;
	height: 0;
	padding-bottom: 43.75%;
	margin: 0 auto;
	position: relative;
}
#buypoint_top_img img{
	width: 90%;
	margin: 0 auto;
	position: absolute;
	top: 23%;
	left: 5%;
}

#coin_area_wrapper {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

#coin_area_wrapper:after {
	content: " ";
	display: block;
	clear: both;
}

#coin_top_area{
	width:100%;
	background:#ff99e3;
	margin:45px 0 0;
	padding:10px 0;
	box-sizing:border-box;

}
#coin_top_img_wrapper{
	width:90%;
	max-width:640px;
	margin:0 auto;
}
#coin_top_img{
	width:100%;
}


#coin_bottom{
	background: url(../images/bottom_myprofile.png) repeat-x;
	margin:0;
	width:100%;
	height:28px;
}
#mbtn{
	margin:0 0 20px 0;
}

.point_green{
	background:#c1d961;
	width:100%;
	padding:10px 0;
}
.point_orange{
	background:#ffb777;
	width:100%;
	padding:10px 0;
}
.point_pink{
	background:#ff98ab;
	width:100%;
	padding:10px 0;
}
.point_blue{
	background:#acaaff;
	width:100%;
	padding:10px 0;
}
.point_yellow{
	background:#c3b300;
	width:100%;
	padding:10px 0;
}
.point_purple{
	background:#bb63ff;
	width:100%;
	padding:10px 0;
}


.point_gold{
	background:#e9da5e;
	width:100%;
	padding:10px 0;
}
.point_black{
	background:#7e7e7e;
	width:100%;
	padding:10px 0;
}
.point_silver{
	background:#bbb;
	width:100%;
	padding:10px 0;
}

.point_wrapper{
	width:46%;
	max-width:640px;
	margin:2%;
	float: left;
}
.point_wrapper_mini{
	width:50%;
	max-width:320px;
	margin:0 auto;
	float:left;
}
.point_img{
	width:100%;
}
#point_chart{
	font-size:12px;
	color:#888;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	margin:55px 0 10px 5px;
}












/*===================HOWTOページエリア===================*/
#howto_top_area{
	width:100%;
	margin:65px 0 20px;
}

#howto_top_img_wrapper{
	width:98%;
	max-width:640px;
	margin:0 auto;
}
#howto_top_img{
	width:100%;
}

.howto_title_area{
	width:100%;
	background:#8cd2d6;
}

.howto_text_area:before{
	background: url(../images/title_bg.png) no-repeat;
	background-size: 100%;
	width: 100%;
	height:0;
	padding-bottom: 4.305555555555556%;
	content: " ";
	display: block;
	margin: 0 0 1em 0;
}

.howto_text_area:after{
	content: " ";
	display: block;
	margin: 1em 0 0 0;
}

.howto_title{
	width:90%;
	max-width:640px;
	color:#fff;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	font-size:21px;
	padding:10px 0;
	text-align:center;
	box-sizing:border-box;
	margin:0 auto;

}
.howto_text_area{
	width:100%;
	background:#;
}
.howto_text{
	width:90%;
	max-width:640px;
	color:#666;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	font-size:12px;
	padding:10px 10px;
	text-align:left;
	box-sizing:border-box;
	margin:0 auto;
	line-height:1.5;
	aword-wrap:break-word;
	white-space: pre-wrap;
	word-wrap: break-word;
	display:block;
	/*border: 1px #cfffcd solid;*/
	background:#fff;
	display:block;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px; 
}
.howto_text_img{
	margin:0 auto;
	display:block;
	width:35%;
}

/*===================HOWTOページエリアここまで===================*/



/*===================フリーコインページエリア===================*/
#freecoin_top_area{
	width:100%;
	margin:65px 0 20px;
}

#freecoin_top_img_wrapper{
	width:98%;
	max-width:640px;
	margin:0 auto;
}
#freecoin_top_img{
	width:100%;
}

.rbtn{
	margin:20px auto;
	display:block;
	text-align: center;
}

.rbtn:before{
	content: " ";
	display:block;
	clear: both;
}



.freecoin_text_title{
	width:100%;
	margin:1em auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:18px;
	box-sizing:border-box;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding:10px 0;
	line-height:1.5;
	/*border: 4px #fe6092 solid;*/
	background:#8cd2d6;
	display:block;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin: 0;
}

.freecoin_text:before{
	background: url(../images/title_bg.png) no-repeat;
	background-size: 100%;
	width: 100%;
	height:0;
	padding-bottom: 4.305555555555556%;
	content: " ";
	display: block;
	margin: 0 0 1em 0;
}

.freecoin_text{
	width:90%;
	max-width:640px;
	margin:0 auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:13px;
	box-sizing:border-box;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	color:#38a0a7;
	font-weight:bold;
	padding:0 0 20px;
	line-height:1.5;
	/*border: 1px #ffbfd7 solid;*/
//	background:#fff;
	display:block;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	text-align: center;
}
.freecoin_text_img{
	margin:0 auto;
	display:block;
	width:35%;
}

.freecoin_text_img2{
	margin:0 auto;
	display:block;
	width:100%;
}

span.red{
    color: #ff7777;
    font-weight: bold;
}
/*===================フリーコインページエリアここまで===================*/



/*===================その他===================*/
#btn_home_wrapper{
	width:50%;
	max-width:170px;
	margin:20px auto;
	display:block;
}
#btn_home{
	width:100%;
	max-width:170px;
	margin:20px auto;
}
/*===================その他ここまで===================*/



/*===================チャージインフォ===================*/
#acMenu dt{
	display:block;
	width:90%;
	max-width:640px;
	text-align:center;
	cursor:pointer;
	background:#38a0a7;
	margin:10px auto;
	padding:10px 0;
	box-sizing:border-box;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px; 
}
#acMenu dd{
	width:90%;
	max-width:640px;
	margin:20px auto;
	display:none;
}
#acMenu dd img{
	width:100%;
	max-width:640px;

}
/*===================チャージインフォ===================*/