@charset "euc-jp";
/* CSS Document */

*{
margin:0 0 0 0;
padding:0 0 0 0;
border:0;
font-size:12px;
/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;*/
font-family:inherit;
color:#333;
}
.clear{clear:both;}

a {
color:#0066CC;
text-decoration:none;
/*hover--add*/
-webkit-tap-highlight-color: rgba(255,255,555,0.7); /*白背景・不透明度50％*/
} 


/*  clearfix */
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

#header{
overflow:hidden;
padding:5px 0 7px 0;
background:-webkit-gradient(linear, left top, left bottom, from(#4d4d4d),to(#2c252e));
background:-moz-linear-gradient(top,#4d4d4d,#2c252e);
text-align:center;
}

#header h1{
float:left;
margin:0px 3px 0px 5px;
padding:0px 0 5px 0;
width:137px;
display:inline;
}

#header iframe#meminfo{
float:right;
margin:5px 2px 0px 0px;
width:110px;
height:30px;
}

/*　PC版へ　*/
#header a#pcBtn{
float:right;
overflow:hidden;
margin:5px 2px 0 0;
width:45px;
height:20px;
border:1px solid #0b0a0c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#d1d1d1));
background:-moz-linear-gradient(top,#ffffff,#d1d1d1);
-webkit-box-shadow: 0 1px 2px #111;
-moz-box-shadow: 0 1px 2px #111;
text-shadow: 0 1px 1px #FFF;
/*background:url(../spimg/btn_head_go_pc.png) no-repeat;*/
color:#333;
line-height:20px;
font-size:10px;
font-weight:bold;
}

/*　ログアウト　*/
#header a#outBtn{
display:inline;
float:right;
overflow:hidden;
margin:5px 2px 0 0;
width:49px;
height:23px;
/*background:url(../spimg/btn_head_go_logout.png) no-repeat;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:-webkit-gradient(linear, left top, left bottom, from(#87858f),to(#060214));
background:-moz-linear-gradient(top,#87858f,#060214);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow: 0 1px 1px #87858f;
color:#fff;
line-height:23px;
font-size:8px;
font-weight:bold;
}


div#hpData{
margin:0;
padding:0;
font-size:9px;
text-align:right;
line-height:normal;
}



#wrapContainer{
overflow:hidden;
/*margin:0 auto;
padding:0 0 20px 5px;*/
background:#fff;
font-size:xx-small;
}

#wrapContainer div.title{
margin:10px 5px 5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:2px;
}

#wrapContainer div.title h2{
background: -moz-linear-gradient(bottom, #fff, #f2f1f1) top 5px ;
background: -webkit-gradient(linear, center bottom, center top, from(#fff), to(#f2f1f1)) top 5px ;
padding:3px 0px 3px 8px;
border-left:5px solid #b55fad;
color:#000;
font-size:medium;
}

#mainContainer{
padding:0px;
overflow:hidden;
overflow-x:hidden;
position:relative;
height:auto;
line-height:1.2;	
}

#mainContainer h3{
margin:0 auto 8px;
border-bottom:2px solid #AC0089;
text-align:left;
font-size:medium;
}

#mainContainer h4{
background:url(../images/icon/ico_listimage.gif) no-repeat 0 0.2em;
padding-left:12px;/*17px;*/
margin-bottom:5px;
text-align:left;
}

#mainContainer h5{
line-height:1.2em;
font-weight:bold;
color:#336699;
font-size:medium;
}

#mainContainer p{
margin-bottom:5px;
}
/* default decorated character */


/*リストアイコン付き*/
#mainContainer dl.caption dt{
background:url(../images/icon/ico_listimage.gif) no-repeat 0 0.2em;
padding-left:12px;
margin-bottom:5px;
text-align:left;
font-weight:bold;
}
#mainContainer dl.caption dd{
margin-bottom:15px;
}


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

.bBlue{
font-weight:bold;
color:#336699;
}

.bPink{
font-weight:bold;
color:#FF6699;
margin:3px 0;
}

.sRed{
color:#ff0000;
}

.stxt{
font-size:10px;
}

.sNotes{
font-size:10px;
color:#666666;
}

.tsL{font-size:20px;}

.icNext{
background:url(../spimg/sp_h5_icon.png) no-repeat 0.2em left;
/*background:url(../spimg/ico_sq_next.gif) no-repeat 50% left;*/
padding-left:18px;
font-weight:bold;
margin-left:15px;
}

.icKcr{
background:url(../spimg/ico_sq_next.gif) no-repeat 50% left;
padding-left:18px;
line-height:1.6em;
margin:3px 0px;
font-size:12px;
font-weight:bold;

}

.icBack{
background:url(../spimg/sp_h5_icon2.png) no-repeat 0.2em left;
padding-left:18px;
font-weight:bold;
margin-left:15px;
}

select{ font-size:18px;}

.lengthAdd{ width:180px;}
.length2{ width:2em;}
.length3{ width:3em; border:1px solid #CCCCCC; font-size:medium; line-height:1.8em;}
.length4{ width:4em; border:1px solid #CCCCCC; font-size:medium; line-height:1.8em;}
.length5{ width:5em; border:1px solid #CCCCCC; font-size:medium; line-height:1.8em;}
.length6{ width:6em;}
.length8{ width:8em;}

/*******************************************************/
/**   各種送信ボタン共通   　                        　*/
/*******************************************************/

.saveCheck{
margin:10px auto;
text-align:center;
}
.saveCheck label{
font-size:14px;
}

.sendBtn{
margin:13px auto 15px auto;
/*width:320px;*/
text-align:center;
clear:both;
}
.sendBtn input{
width:260px;/*320px;*/
height:38px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #7d0998;
background:-webkit-gradient(linear, left top, left bottom, from(#ebb4f7),color-stop(0.5, #ca43e8),color-stop(0.5, #8c13a9),to(#b619d9));
background:-moz-linear-gradient(top,#ebb4f7,#ca43e8 51%,#8c13a9 51%,#b619d9);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #a61bc6;
/*border:1px solid #980966;
background:-webkit-gradient(linear, left top, left bottom, from(#f7b3df),color-stop(0.5, #e841ad),color-stop(0.5, #db1a97),to(#ac1478));
background:-moz-linear-gradient(top,#f7b3df,#e841ad 51%,#db1a97 51%,#ac1478);
-webkit-box-shadow: 0 2px 5px #bbb;
-moz-box-shadow: 0 2px 5px #bbb;
text-shadow:-1px -1px 1px #c31787;*/
text-align:center;
color:#fff;
font-size:20px;
font-weight:bold;
}

.sendBtn input.btnImg{
width:278px;
height:45px;
margin:3px auto 3px auto;
text-align:center;
}

/*ANGEL LIVE ホームへ*/

.btnGohome{
width:82px;
height:18px;
background:url(../spimg/ico_go_home.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
margin:10px auto;
}

.btnGohome a{
display:block;
width:144px;
height:20px;
}



/*　2コ対送信ボタン　*/

ul.fmNav,
ul.fmNav2{
margin:15px 0 15px 10px;
text-align:center;
padding:0 0 0 0;
width:280px;
}

ul.fmNav li, ul.fmNav2 li{
display:inline;
margin:5px 1px;
padding:0 0;
}
/* 決済ページへ */

dl.goKessai{
text-align:center;
width:135px;
height:100px;
margin:0px auto;
}

dl.goKessai dt.btnPayment{
width:135px;
height:28px;
margin:0 0;
padding:0 0;
}

dl.goKessai dt.btnPayment input{
width:135px;
height:28px;
display:block;
background:url(../spimg/btn_gkessai.png) no-repeat;
-webkit-background-size:100% 100%;
-webkit-border-radius: none;
-moz-border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border:0;
text-indent:-9999px;
}

dl.goKessai dd{
display:block;
clear:both;
text-indent:0;
margin:3px auto 10px auto;
font-size:10px;
color:#CC3366;
}



/*　戻る　*/
.fmBack{
width:135px;
height:28px;
/*background:url(../spimg/btn_gback.png) no-repeat;
-webkit-background-size:100% 100%;*/
text-indent:-9999px;
float:left;
}

/*　次ヘ　*/
.fmNext{
width:135px;
height:28px;
background:url(../spimg/btn_gnext.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
float:right;
}

/*　送信　*/
.fmSend{
width:135px;
height:28px;
background:url(../spimg/btn_gsend.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
float:right;
}

/*　入金報告ヘ進む　*/
.fmNyukin{
width:135px;
height:100px;
/*background:url(../spimg/btn_gnyukin.png) no-repeat;
-webkit-background-size:100% 100%;*/
text-indent:-9999px;
text-align:center;
float:right;
}

/*　決済ページヘ進む　*/
.fmKessai{
width:148px;
height:28px;
background:url(../spimg/btn_gkessai.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
float:right;
}

.fmKessai input{
width:148px;
height:28px;
display:block;
background:url(../spimg/btn_gkessai.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
}


.fmBack input,
.fmNext input,
.fmSend input,
.fmNyukin input{
width:135px;
height:28px;
display:block;
background:none;
-webkit-border-radius: none;
-moz-border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border:0;
}


/*利用規約に同意して登録する*/
.regist1{
background:url(../spimg/btn_go_touroku0.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
margin:30px auto;
}
.regist1 input{
display:block;
width:289px;
height:45px;
}

.regist2{
background:url(../spimg/btn_go_touroku.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
margin:30px auto;
}

/*ハンドルネーム自動生成*/
.hnAuto{
background:url(../spimg/btn_handlename.png) no-repeat;
-webkit-background-size:100% 100%;
text-indent:-9999px;
text-align:center;
width:160px;
height:auto;
margin:30px auto;
}


/*******************************************************/
/**   角丸囲い枠 　                                  　*/
/*******************************************************/

.roundCorner{
border-radius: 6px;         /* CSS3 */
-moz-border-radius: 6px;    /* Firefox */
-webkit-border-radius: 6px; /* Safari,Chrome */
border: 2px #BD6BB7 solid;     
background-color: #fff;   
padding:5px;
margin:10px 5px 0px 5px;
color:#AF4377;
}

.roundCorner p{
line-height:1.2em; text-align:left;
}

.roundCorner p.indL{
text-align:left;
margin-bottom:5px;
}

.roundCorner ul{
width:88%;
margin:10px 1.5em;
}

.roundCorner ul li{
margin-bottom:5px;
color:#666666;
}

.roundCorner table{
width:97%;
text-align:center;
margin:5px 0;
padding:0;
}

.roundCorner table input{
border:1px solid #ccc;
font-size:medium;
}

/*--------------------- toppage --------------------------*/

#topBtns{
overflow:hidden;
width:100%;
clear:both;
text-align:center;
background: -moz-linear-gradient(top, #e6e1e5, #fff 60%,#f6f6f6);
background: -webkit-gradient(linear, center top, center bottom, from(#e6e1e5),color-stop(0.6, #fff),to(#f6f6f6));
}
#topBtns ul{
overflow:hidden;
margin:8px auto;
text-align:left;
clear:both;
width:320px;
}

#topBtns ul li{
margin:5px 0 5px 1px;
display:inline;
list-style:none;
}

#topBtns ul li a{
display:block;
height:35px;
width:157px;
text-align:center;
}

#topBtns ul li#topShinki{
float: left;
}
#topBtns ul li#topShinki a{
display:block;
width:155px;
height:33px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #87621a;
background:-webkit-gradient(linear, left top, left bottom, from(#e9cf8a),color-stop(0.5, #af914b),color-stop(0.5, #866726),to(#a07b35));
background:-moz-linear-gradient(top,#e9cf8a,#af914b 51%,#866726 51%,#a07b35);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #8a6a28;
text-align:center;
line-height:34px;
color:#fff;
font-size:14px;
font-weight:bold;
}
#topBtns ul li#topLogin{
float: right;
margin-right:1px;
}
#topBtns ul li#topLogin a{
display:block;
width:155px;
height:33px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #7d0998;
background:-webkit-gradient(linear, left top, left bottom, from(#ebb4f7),color-stop(0.5, #ca43e8),color-stop(0.5, #8c13a9),to(#b619d9));
background:-moz-linear-gradient(top,#ebb4f7,#ca43e8 51%,#8c13a9 51%,#b619d9);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #a61bc6;
text-align:center;
line-height:34px;
color:#fff;
font-size:14px;
font-weight:bold;
}

#topBtns ul li#topBuyin{
float: left;
}
#topBtns ul li#topMymenu{
float: right;
}




/*******************************************************/
/**   verisign info  　                                                                　*/
/*******************************************************/

.vssBox{
border-radius: 6px;         /* CSS3 */
-moz-border-radius: 6px;    /* Firefox */
-webkit-border-radius: 6px; /* Safari,Chrome */
border:1px #ccc solid;   
background-color:#FFECF5;
padding:5px 7px;
margin:10px auto 0px auto;
color:#666666;
background: -moz-linear-gradient(top, #F0DCEA, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#F0DCEA),color-stop(38%, #fff));
}

#verisign_title{
font-weight:bold;
font-size:medium;
color:#b55fad;
margin-bottom:5px;
}

.vssBox p{
text-align:left;
margin-top:5px;
}

.vssBox img{
text-align:center !important;
margin:0 auto 0 auto;
}

.vssBox ul{
margin-left:0;
list-style:none;
text-align:left;
}

/*******************************************/
/**   Footer 　    　　          　　　　　*/
/*******************************************/
#footer{
width:100%;
text-align:center;
margin:0 auto; 
padding-top:10px;
padding-bottom:10px;
color:#d6d5d5;
font-size:10px;
position:relative;
position:static;
bottom: 5px;
border-top:1px solid #ccc;
/*background: -moz-linear-gradient(bottom, #fff, #f2f1f1) top 5px ;
background: -webkit-gradient(linear, center bottom, center top, from(#fff), to(#f2f1f1)) top 5px ;*/
background:-webkit-gradient(linear, left top, left bottom, from(#2c252e),to(#4d4d4d));
background:-moz-linear-gradient(top,#2c252e,#4d4d4d);
}